@charset "UTF-8";
/* stylelint-disable */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */
body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

select,
::picker(select) {
  appearance: base-select;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: none;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

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,
button,
textarea,
main,
input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #343130;
  word-break: break-word;
  vertical-align: baseline;
  border: 0;
}

html,
body {
  font-family: "Pretendard Variable", pretendard, -apple-system;
  font-size: 62.5%;
  color: #343130;
  box-sizing: border-box;
}

body {
  background-color: #fff;
}

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

nav ul {
  list-style: none;
}

ol,
ul,
li {
  list-style: none;
}

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

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
  outline: none;
}

button,
input,
select,
textarea {
  background-color: transparent;
  border: 0;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
}

a, button {
  cursor: pointer;
  color: #343130;
  border: 0;
}

address {
  font-style: normal;
}

hr {
  height: 1px;
  margin-bottom: 1.2rem;
  border: 0;
}

label:has(> input[type=checkbox]) {
  cursor: pointer;
}

/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable scss/no-global-function-names */
@media screen and (max-width: 959px) {
  html {
    font-size: 50%;
  }
}
body {
  overflow-y: overlay;
  transition: all 0.3s ease-in-out;
}

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 10px;
  border: 4px solid transparent;
  box-shadow: inset 6px 6px 0 rgba(34, 33, 31, 0.15);
}

::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: transparent;
}

.scroll-hidden {
  color: transparent;
}

a, button {
  cursor: pointer;
}

.visually-hidden {
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.visually-hidden:not(caption) {
  position: absolute;
}

#page {
  overflow: hidden;
}

:where(html, body) {
  width: 100%;
  height: 100vh;
}

hr {
  width: 100%;
  height: 0;
  margin: 0;
  border-top: 1px solid #DEDCDB;
  box-sizing: border-box;
}
hr.middle {
  border-top: 1px solid rgba(222, 220, 219, 0.55) !important;
}
hr.light {
  border-top: 1px solid #F2F2F1 !important;
}
hr.dashed {
  border: 1px dashed;
  border-color: #DEDCDB;
  background-color: transparent;
}

body > .container {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
}

img {
  width: 100%;
  object-fit: contain;
}

:where(input[type=checkbox], input[type=radio]) {
  cursor: pointer;
}

.none-max-width {
  max-width: initial !important;
}

.btn-xl, .btn-lg, .btn-md, .btn-sm, .btn-xs {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-basis: auto;
  text-wrap: nowrap;
}
.excel.btn-xl i, .excel.btn-lg i, .excel.btn-md i, .excel.btn-sm i, .excel.btn-xs i {
  background: url(../../images/icons/ico-excel.png) center no-repeat;
  background-size: 100%;
  object-fit: contain;
}

.btn-xs {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  height: 2.8rem;
  border-radius: 0.4rem;
  padding: 0 0.8rem;
}
.btn-xs.min {
  min-width: 4rem;
}
.btn-xs.ico-btn {
  width: 2.8rem;
  min-width: 2.8rem;
  padding: 0.4rem;
}
.btn-xs.excel i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
}
.btn-sm {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  height: 3.6rem;
  border-radius: 0.6rem;
  padding: 0 0.8rem;
}
.btn-sm.min {
  min-width: 6rem;
}
.btn-sm.ico-btn {
  width: 3.6rem;
  min-width: 3.6rem;
  padding: 0.6rem;
}
.btn-sm.excel i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
}
.btn-md {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  height: 4.8rem;
  border-radius: 0.8rem;
  padding: 0 1.2rem;
}
.btn-md.min {
  min-width: 8rem;
}
.btn-md.ico-btn {
  width: 4.8rem;
  min-width: 4.8rem;
}
.btn-md.excel i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
.btn-lg {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  height: 5.6rem;
  border-radius: 0.8rem;
  padding: 0 1.6rem;
}
.btn-lg.min {
  min-width: 8rem;
}
.btn-lg.ico-btn {
  width: 5.6rem;
  min-width: 5.6rem;
  padding: 1rem;
}
.btn-lg.excel i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
.btn-xl {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  height: 6.4rem;
  border-radius: 0.8rem;
  padding: 0 1.6rem;
}
.btn-xl.min {
  min-width: 10rem;
}
.btn-xl.ico-btn {
  width: 6.4rem;
  min-width: 6.4rem;
  padding: 1rem;
}
.btn-xl.excel i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
}

.btn-text {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #696461;
  border-bottom: 1px solid #696461;
}
.btn-text i.arrow {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-arrow-14.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(90deg);
}
.btn-text:hover {
  color: #22211F;
  border-color: #22211F;
}
.btn-text:hover i {
  filter: brightness(0) saturate(100%) invert(0%) sepia(22%) saturate(4891%) hue-rotate(252deg) brightness(83%) contrast(108%);
}

.filled.primary {
  background-color: #F58233;
  color: #fff;
}
.filled.primary:hover {
  background: #F58233 linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.filled.primary:active {
  background: #F58233 linear-gradient(rgba(52, 49, 48, 0.16) 0%, rgba(52, 49, 48, 0.16) 100%);
}
.filled.primary:disabled {
  cursor: auto;
  background: #F2F2F1;
  color: #A39E9D;
}
.filled.secondaly {
  background-color: transparent;
  color: #7B7472;
}
.filled.secondaly:hover {
  background: transparent linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.filled.secondaly:active {
  background: transparent linear-gradient(rgba(52, 49, 48, 0.16) 0%, rgba(52, 49, 48, 0.16) 100%);
}
.filled.secondaly:disabled {
  cursor: auto;
  background: #F2F2F1;
  color: #A39E9D;
}

.outlined.primary {
  background-color: #fff;
  color: #F58233;
  border: 1px solid #F58233;
}
.outlined.primary:hover {
  border-color: rgb(202.8, 110.6, 47);
}
.outlined.primary:active {
  border-color: rgb(118.4, 71.8, 39);
}
.outlined.primary:disabled {
  cursor: auto;
  background: #F2F2F1;
  border: #DEDCDB;
  color: #A39E9D;
}
.outlined.primary:disabled i {
  filter: brightness(0) saturate(100%) invert(76%) sepia(6%) saturate(176%) hue-rotate(322deg) brightness(84%) contrast(85%);
}
.outlined.secondaly {
  background-color: #fff;
  color: #343130;
  border: 1px solid #C3C0BF;
}
.outlined.secondaly:hover {
  border-color: rgb(162.8, 160.2, 159);
}
.outlined.secondaly:active {
  border-color: rgb(98.4, 96.6, 95);
}
.outlined.secondaly:disabled {
  cursor: auto;
  background: #F2F2F1;
  border: #DEDCDB;
  color: #A39E9D;
}
.outlined.secondaly:disabled i {
  filter: brightness(0) saturate(100%) invert(76%) sepia(6%) saturate(176%) hue-rotate(322deg) brightness(84%) contrast(85%);
}

a.holiday i.plus {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}

button i.minus {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
button i.minus {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
button i.multiply {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
button i.plus {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
button i.pencil {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-pencil.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
button:has(i.minis) {
  background-color: rgb(255, 237.16, 241.48);
}
button i.re-set {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons/ico-re-set.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
button .ico-loader {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons/ico-spin.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
button i.save {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-save.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: invert(98%) sepia(3%) saturate(410%) hue-rotate(20deg) brightness(116%) contrast(100%);
}
button.btn-sm i.pencil {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-pencil.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.hidden {
  display: none !important;
}

.tit-lg-text {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 700;
  color: #000;
}

.tit-side-text {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #7B7472;
}

.none-text {
  line-height: 0;
}

.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}
.w-0 {
  width: initial !important;
}

.flex-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.flex-box-sc {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.flex-col-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-col-box-ss {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.f-g-1 {
  flex-grow: 1 !important;
}

.gap-4 {
  gap: 0.4rem;
}
.gap-8 {
  gap: 0.8rem;
}
.gap-10 {
  gap: 1rem;
}
.gap-16 {
  gap: 1.6rem;
}
.gap-20 {
  gap: 2rem;
}

.text-12 {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
}
.text-12-tit {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #22211F;
}
.text-12-side {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
}

.text-14 {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
}
.text-14-tit {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
}

.text-16 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.text-16-tit {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #22211F;
}

.text-18 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
}
.text-18-tit {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #22211F;
}

.text-20 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 400;
}
.text-20-tit {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  color: #22211F;
}

.text-24 {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 400;
}
.text-24-tit {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 700;
  color: #22211F;
}

.text-28 {
  font-size: 2.8rem;
  line-height: 4.2rem;
  font-weight: 400;
}
.text-28-tit {
  font-size: 2.8rem;
  line-height: 4.2rem;
  font-weight: 700;
  color: #22211F;
}

.fc-point {
  color: #D36A29 !important;
}

.fc-secondaly {
  color: #343130 !important;
}

.fc-error {
  color: #ff2056 !important;
}

.fw-b {
  font-weight: 700 !important;
}

.tus-drop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  position: relative;
  padding: 0.8rem;
  line-height: 0;
  width: 100%;
  min-height: 8rem;
  border-radius: 0.6rem;
  outline: 1px dashed #DEDCDB;
  background-color: #F8F8F8;
  outline-offset: -1px;
}
.tus-drop::before {
  content: "클릭하여 파일을 첨부하거나 이곳에 첨부하실 파일을 드롭하세요.";
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
  border-radius: 0.6rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  text-wrap: balance;
  word-break: keep-all;
  z-index: 0;
}
.tus-drop::before:has(+ .file-item-new) {
  z-index: -1;
}
.tus-drop .file-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  z-index: 1;
  padding: 0.4rem;
}
.tus-drop .file-item i.file {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-clip.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.tus-drop .file-item i.del {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.tus-drop .file-item-new {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  z-index: 1;
  padding: 0.4rem;
}
.tus-drop .file-item-new i.file {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-clip.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.tus-drop .file-item-new i.del {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.tus-drop:has(.file-item) {
  padding-bottom: 1.6rem;
}
.tus-drop:has(.file-item)::before {
  z-index: -1;
}
.tus-drop:has(.file-item) + .upload-bar {
  display: block;
}
.tus-drop + .upload-bar {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.6rem;
  padding: 0 0.8rem;
  overflow: hidden;
}
.tus-drop + .upload-bar .progress-bar {
  width: 100%;
  height: 0.6rem;
  background-color: #F2F2F1;
  border-radius: 99rem;
}
.tus-drop + .upload-bar .progress-bar .bar {
  height: 100%;
  background-color: #F58233;
  border-radius: 99rem;
}
.tus-drop.read-only {
  pointer-events: none;
  background-color: #F2F2F1;
}
.tus-drop.read-only:has(.file-item) {
  padding-bottom: 0.8rem;
}
.tus-drop.read-only:has(.file-item)::before {
  z-index: -1;
}
.tus-drop.read-only:has(.file-item) + .upload-bar {
  display: none;
}

.thumbnail-box {
  position: relative;
  width: 100%;
  height: fit-content;
  line-height: 0;
  border-radius: 1rem;
  overflow: hidden;
  background-color: #F8F8F8;
}
.thumbnail-box::before {
  content: "클릭하여 이미지를 첨부하거나 이곳에 첨부하실 파일을 드롭하세요.";
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
  border-radius: 1rem;
  outline: 0.1rem dashed #C3C0BF;
  outline-offset: -2px;
  padding: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  text-wrap: balance;
  word-break: keep-all;
  z-index: 0;
}
.thumbnail-box:has(.img-wrapper:not(.hidden))::before {
  z-index: -1;
}
.thumbnail-box .img-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.thumbnail-box .img-wrapper img {
  display: block;
  object-fit: cover;
  overflow: hidden;
}
.thumbnail-box .img-wrapper button.del-img {
  position: absolute;
  display: none;
  background-color: rgba(52, 49, 48, 0.4);
  top: 0.8rem;
  right: 0.8rem;
}
.thumbnail-box .img-wrapper button.del-img i.del {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.thumbnail-box .img-wrapper button.del-img:hover {
  background-color: rgba(52, 49, 48, 0.6);
}
.thumbnail-box .img-wrapper.edit button.del-img {
  display: inline-flex;
}
.thumbnail-box .img-wrapper.none-img.edit {
  display: none;
}
.thumbnail-box .img-wrapper.none-img.edit::before {
  z-index: 0;
}

.box-card {
  background-color: #fff;
  border: 1px solid #F2F2F1;
  border-radius: 1.6rem;
  padding: 2rem;
  box-shadow: 0px 8px 12px 5px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.loader-dimmed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(52, 49, 48, 0.6);
  z-index: 20;
}
.loader-dimmed .loader {
  height: 2.4rem;
  aspect-ratio: 2.5;
  --_g: no-repeat radial-gradient(farthest-side,#fff 90%,#0000);
  background: var(--_g), var(--_g), var(--_g), var(--_g);
  background-size: 20% 50%;
  animation: l43 1s infinite linear;
}
.loader-dimmed span {
  color: #fff;
  font-weight: 500;
  text-align: center;
}

@keyframes l43 {
  0% {
    background-position: 0% 50%, 33.3333333333% 50%, 66.6666666667% 50%, 100% 50%;
  }
  16.67% {
    background-position: 0% 0, 33.3333333333% 50%, 66.6666666667% 50%, 100% 50%;
  }
  33.33% {
    background-position: 0% 100%, 33.3333333333% 0, 66.6666666667% 50%, 100% 50%;
  }
  50% {
    background-position: 0% 50%, 33.3333333333% 100%, 66.6666666667% 0, 100% 50%;
  }
  66.67% {
    background-position: 0% 50%, 33.3333333333% 50%, 66.6666666667% 100%, 100% 0;
  }
  83.33% {
    background-position: 0% 50%, 33.3333333333% 50%, 66.6666666667% 50%, 100% 100%;
  }
  100% {
    background-position: 0% 50%, 33.3333333333% 50%, 66.6666666667% 50%, 100% 50%;
  }
}
.ico-loader-play {
  width: 1.4rem;
  height: 1.4rem;
  border: 1.5px solid #343130;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.field-xl, .field-lg, .field-md, .field-sm, .field-xs {
  position: relative;
  width: 100%;
  border: 1px solid #C3C0BF;
  border-radius: 0.6rem;
}
.field-xl .input-label, .field-lg .input-label, .field-md .input-label, .field-sm .input-label, .field-xs .input-label {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #696461;
  position: absolute;
  top: -2.4rem;
  left: 0.6rem;
  padding-bottom: 0.4rem;
}
.field-xl input, .field-lg input, .field-md input, .field-sm input, .field-xs input {
  width: 100%;
  height: 100%;
  padding: 0 0.6rem;
}
.field-xl input::placeholder, .field-lg input::placeholder, .field-md input::placeholder, .field-sm input::placeholder, .field-xs input::placeholder {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #7B7472;
}
.field-xl .messagebox, .field-lg .messagebox, .field-md .messagebox, .field-sm .messagebox, .field-xs .messagebox {
  position: absolute;
  bottom: -1.8rem;
  left: 0.6rem;
}
.field-xl .messagebox .message, .field-lg .messagebox .message, .field-md .messagebox .message, .field-sm .messagebox .message, .field-xs .messagebox .message {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
}
.field-xl .messagebox .message-error, .field-lg .messagebox .message-error, .field-md .messagebox .message-error, .field-sm .messagebox .message-error, .field-xs .messagebox .message-error {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #ff2056;
}
.field-xl .messagebox.none, .field-lg .messagebox.none, .field-md .messagebox.none, .field-sm .messagebox.none, .field-xs .messagebox.none {
  display: none;
}
.field-xl:hover:not(:has(input:disabled)), .field-lg:hover:not(:has(input:disabled)), .field-md:hover:not(:has(input:disabled)), .field-sm:hover:not(:has(input:disabled)), .field-xs:hover:not(:has(input:disabled)) {
  border-color: #A39E9D;
}
.field-xl:focus-within:not(:has(input:disabled)), .field-lg:focus-within:not(:has(input:disabled)), .field-md:focus-within:not(:has(input:disabled)), .field-sm:focus-within:not(:has(input:disabled)), .field-xs:focus-within:not(:has(input:disabled)) {
  border-color: #22211F;
  box-shadow: 0 0 0 2px color-mix(in srgb, rgb(0, 0, 0) 8%, transparent);
}
.field-xl:has(input:disabled), .field-lg:has(input:disabled), .field-md:has(input:disabled), .field-sm:has(input:disabled), .field-xs:has(input:disabled) {
  border-color: #DEDCDB;
  background-color: #F2F2F1;
}
.field-xl:has(input:disabled) .input-label, .field-lg:has(input:disabled) .input-label, .field-md:has(input:disabled) .input-label, .field-sm:has(input:disabled) .input-label, .field-xs:has(input:disabled) .input-label {
  color: #A39E9D;
}
.field-xl:has(input:disabled) input, .field-lg:has(input:disabled) input, .field-md:has(input:disabled) input, .field-sm:has(input:disabled) input, .field-xs:has(input:disabled) input {
  color: #A39E9D;
}
.field-xl:has(input:disabled) input::placeholder, .field-lg:has(input:disabled) input::placeholder, .field-md:has(input:disabled) input::placeholder, .field-sm:has(input:disabled) input::placeholder, .field-xs:has(input:disabled) input::placeholder {
  color: #A39E9D;
}
.field-xl:has(input:disabled) .messagebox > .message, .field-lg:has(input:disabled) .messagebox > .message, .field-md:has(input:disabled) .messagebox > .message, .field-sm:has(input:disabled) .messagebox > .message, .field-xs:has(input:disabled) .messagebox > .message {
  color: #A39E9D;
}
.field-xl:has(.message-error), .field-lg:has(.message-error), .field-md:has(.message-error), .field-sm:has(.message-error), .field-xs:has(.message-error) {
  border-color: #ff2056;
}
.field-xl:has(.message-error):hover:not(:has(input:disabled)), .field-lg:has(.message-error):hover:not(:has(input:disabled)), .field-md:has(.message-error):hover:not(:has(input:disabled)), .field-sm:has(.message-error):hover:not(:has(input:disabled)), .field-xs:has(.message-error):hover:not(:has(input:disabled)) {
  border-color: #ff2056;
}

.field-xs {
  height: 2.8rem;
}
.field-sm {
  height: 3.6rem;
}
.field-md {
  height: 4.8rem;
  border-radius: 0.8rem;
}
.field-md .input-label {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #696461;
  top: -2.6rem;
  left: 0.8rem;
}
.field-md input {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
  padding: 0 0.8rem;
}
.field-md input::placeholder {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #7B7472;
}
.field-lg {
  height: 5.6rem;
  border-radius: 0.8rem;
}
.field-lg .input-label {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #696461;
  top: -2.6rem;
  left: 0.8rem;
}
.field-lg input {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
  padding: 0 0.8rem;
}
.field-lg input::placeholder {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #7B7472;
}
.field-xl {
  height: 6.4rem;
  border-radius: 0.8rem;
}
.field-xl .input-label {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #696461;
  top: -2.6rem;
  left: 1.2rem;
}
.field-xl input {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
  padding: 0 1.2rem;
}
.field-xl input::placeholder {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #7B7472;
}
.field-xl .messagebox {
  bottom: -2rem;
  left: 1.2rem;
}
.field-xl .messagebox .message {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
}

.select-xl, .select-lg, .select-md, .select-sm, .select-xs {
  position: relative;
  width: 100%;
  border: 1px solid #C3C0BF;
  border-radius: 0.6rem;
}
.select-xl .select-label, .select-lg .select-label, .select-md .select-label, .select-sm .select-label, .select-xs .select-label {
  position: absolute;
  top: -2.4rem;
  left: 0.6rem;
  padding-bottom: 0.4rem;
}
.select-xl .select-trigger, .select-lg .select-trigger, .select-md .select-trigger, .select-sm .select-trigger, .select-xs .select-trigger {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0.6rem;
  width: 100%;
  text-align: left;
}
.select-xl .select-trigger::after, .select-lg .select-trigger::after, .select-md .select-trigger::after, .select-sm .select-trigger::after, .select-xs .select-trigger::after {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-arrow-14.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  top: 50%;
  right: 0.6rem;
  transform: rotate(180deg) translateY(50%);
}
.select-xl .select-trigger.on::after, .select-lg .select-trigger.on::after, .select-md .select-trigger.on::after, .select-sm .select-trigger.on::after, .select-xs .select-trigger.on::after {
  transform: rotate(0deg) translateY(-50%);
}
.select-xl .select-options, .select-lg .select-options, .select-md .select-options, .select-sm .select-options, .select-xs .select-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  border: 1px solid #C3C0BF;
  background-color: #fff;
  z-index: 2;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}
.select-xl .select-options li, .select-lg .select-options li, .select-md .select-options li, .select-sm .select-options li, .select-xs .select-options li {
  width: 100%;
}
.select-xl .select-options li .option-item, .select-lg .select-options li .option-item, .select-md .select-options li .option-item, .select-sm .select-options li .option-item, .select-xs .select-options li .option-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.select-xl .select-options li .option-item[aria-selected=true], .select-lg .select-options li .option-item[aria-selected=true], .select-md .select-options li .option-item[aria-selected=true], .select-sm .select-options li .option-item[aria-selected=true], .select-xs .select-options li .option-item[aria-selected=true] {
  background: #FEF8F5;
  color: #D36A29;
  font-weight: 700;
}
.select-xl .select-options li .option-item:hover, .select-lg .select-options li .option-item:hover, .select-md .select-options li .option-item:hover, .select-sm .select-options li .option-item:hover, .select-xs .select-options li .option-item:hover {
  background: #F2F2F1;
}
.select-xl .select-options li:has(.option-item.hidden), .select-lg .select-options li:has(.option-item.hidden), .select-md .select-options li:has(.option-item.hidden), .select-sm .select-options li:has(.option-item.hidden), .select-xs .select-options li:has(.option-item.hidden) {
  display: none;
}
.select-xl .messagebox, .select-lg .messagebox, .select-md .messagebox, .select-sm .messagebox, .select-xs .messagebox {
  position: absolute;
  bottom: -1.8rem;
  left: 0.6rem;
}
.select-xl .messagebox .message, .select-lg .messagebox .message, .select-md .messagebox .message, .select-sm .messagebox .message, .select-xs .messagebox .message {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
}
.select-xl .messagebox .message-error, .select-lg .messagebox .message-error, .select-md .messagebox .message-error, .select-sm .messagebox .message-error, .select-xs .messagebox .message-error {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #ff2056;
}
.select-xl .messagebox.none, .select-lg .messagebox.none, .select-md .messagebox.none, .select-sm .messagebox.none, .select-xs .messagebox.none {
  display: none;
}
.select-xl:hover:not(:has(:disabled)), .select-lg:hover:not(:has(:disabled)), .select-md:hover:not(:has(:disabled)), .select-sm:hover:not(:has(:disabled)), .select-xs:hover:not(:has(:disabled)) {
  border-color: #A39E9D;
}
.select-xl:focus-within:not(:has(:disabled)), .select-lg:focus-within:not(:has(:disabled)), .select-md:focus-within:not(:has(:disabled)), .select-sm:focus-within:not(:has(:disabled)), .select-xs:focus-within:not(:has(:disabled)) {
  border-color: #22211F;
  box-shadow: 0 0 0 2px color-mix(in srgb, rgb(0, 0, 0) 8%, transparent);
}
.select-xl:focus-within:not(:has(:disabled)) i.arrow, .select-lg:focus-within:not(:has(:disabled)) i.arrow, .select-md:focus-within:not(:has(:disabled)) i.arrow, .select-sm:focus-within:not(:has(:disabled)) i.arrow, .select-xs:focus-within:not(:has(:disabled)) i.arrow {
  transform: rotateZ(0) translateY(50%);
}
.select-xl:has(:disabled), .select-lg:has(:disabled), .select-md:has(:disabled), .select-sm:has(:disabled), .select-xs:has(:disabled) {
  border-color: #DEDCDB;
  background-color: #F2F2F1;
}
.select-xl:has(:disabled) .select-label, .select-lg:has(:disabled) .select-label, .select-md:has(:disabled) .select-label, .select-sm:has(:disabled) .select-label, .select-xs:has(:disabled) .select-label {
  color: #A39E9D;
}
.select-xl:has(:disabled) .select-trigger span, .select-lg:has(:disabled) .select-trigger span, .select-md:has(:disabled) .select-trigger span, .select-sm:has(:disabled) .select-trigger span, .select-xs:has(:disabled) .select-trigger span {
  color: #A39E9D;
}
.select-xl:has(:disabled) .select-trigger::after, .select-lg:has(:disabled) .select-trigger::after, .select-md:has(:disabled) .select-trigger::after, .select-sm:has(:disabled) .select-trigger::after, .select-xs:has(:disabled) .select-trigger::after {
  filter: brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(6638%) hue-rotate(207deg) brightness(95%) contrast(102%);
}
.select-xl:has(:disabled) .messagebox > .message, .select-lg:has(:disabled) .messagebox > .message, .select-md:has(:disabled) .messagebox > .message, .select-sm:has(:disabled) .messagebox > .message, .select-xs:has(:disabled) .messagebox > .message {
  color: #A39E9D;
}
.select-xl:has(.message-error), .select-lg:has(.message-error), .select-md:has(.message-error), .select-sm:has(.message-error), .select-xs:has(.message-error) {
  border-color: #ff2056;
}
.select-xl:has(.message-error):hover:not(:has(input:disabled)), .select-lg:has(.message-error):hover:not(:has(input:disabled)), .select-md:has(.message-error):hover:not(:has(input:disabled)), .select-sm:has(.message-error):hover:not(:has(input:disabled)), .select-xs:has(.message-error):hover:not(:has(input:disabled)) {
  border-color: #ff2056;
}

.select-xs {
  height: 2.8rem;
  border-radius: 0.6rem;
}
.select-xs .select-trigger {
  padding: 0 1.8rem 0 0.6rem;
}
.select-xs .select-options {
  border-radius: 0.6rem;
}
.select-xs .select-options .option-item {
  height: 2.8rem;
  padding: 0 0.6rem;
}
.select-sm {
  height: 3.6rem;
  border-radius: 0.6rem;
}
.select-sm .select-trigger {
  padding: 0 1.8rem 0 0.6rem;
}
.select-sm .select-options {
  border-radius: 0.6rem;
}
.select-sm .select-options .option-item {
  height: 3.6rem;
  padding: 0 0.6rem;
}
.select-md {
  height: 4.8rem;
  border-radius: 0.8rem;
}
.select-md .select-label {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #696461;
  top: -2.6rem;
  left: 0.8rem;
}
.select-md .select-trigger {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
  padding: 0 2.6rem 0 0.8rem;
}
.select-md .select-trigger::after {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-arrow-14.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  right: 0.8rem;
}
.select-md .select-trigger.on span {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
}
.select-md .select-options {
  border-radius: 0.8rem;
}
.select-md .select-options .option-item {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
  height: 4.8rem;
  padding: 0 0.8rem;
}
.select-lg {
  height: 5.6rem;
  border-radius: 0.8rem;
}
.select-lg .select-label {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #696461;
  top: -2.6rem;
  left: 0.8rem;
}
.select-lg .select-trigger {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
  padding: 0 2.6rem 0 0.8rem;
}
.select-lg .select-trigger::after {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-arrow-14.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  right: 0.8rem;
}
.select-lg .select-trigger.on span {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
}
.select-lg .select-options {
  border-radius: 0.8rem;
}
.select-lg .select-options .option-item {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
  height: 5.6rem;
  padding: 0 0.8rem;
}
.select-xl {
  height: 6.4rem;
  border-radius: 0.8rem;
}
.select-xl .select-label {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #696461;
  top: -2.6rem;
  left: 1.2rem;
}
.select-xl .select-trigger {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #22211F;
  padding: 0 4rem 0 1.2rem;
}
.select-xl .select-trigger::after {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background: url("../images/icons/ico-arrow-14.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  right: 1.2rem;
}
.select-xl .select-trigger.on span {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #22211F;
}
.select-xl .select-options {
  border-radius: 0.8rem;
}
.select-xl .select-options .option-item {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #22211F;
  height: 6.4rem;
  padding: 0 1.2rem;
}
.select-xl .messagebox {
  bottom: -2rem;
  left: 1.2rem;
}
.select-xl .messagebox .message {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
}

.toggle-box {
  position: relative;
  width: 6rem;
  height: 2.8rem;
  border-radius: 99rem;
  border: 2px solid #C3C0BF;
  background-color: #F2F2F1;
  overflow: hidden;
}
.toggle-box label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.toggle-box label input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.toggle-box label .box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  transform: translate(-0.2rem, -0.2rem);
  transform-origin: center;
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 99rem;
  background-color: #C3C0BF;
  margin: 0.4rem;
  transition: transform 0.2s ease-in;
}
.toggle-box label .box::before {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #fff;
  content: "ON";
  position: absolute;
  text-wrap: nowrap;
  display: block;
  opacity: 0;
  left: -2.8rem;
  transition: opacity 0.2s ease 0.16s;
}
.toggle-box label .box::after {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #A39E9D;
  content: "OFF";
  position: absolute;
  display: block;
  right: -2.8rem;
  opacity: 1;
  text-wrap: nowrap;
  transition: opacity 0.2s ease 0.16s;
}
.toggle-box:has(input:checked) {
  border-color: #00C951;
  background-color: #00C951;
  box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.toggle-box:has(input:checked) .box {
  background-color: #fff;
  transform: translate(calc(100% + 1rem), -0.15rem);
}
.toggle-box:has(input:checked) .box::before {
  opacity: 1;
}
.toggle-box:has(input:checked) .box::after {
  opacity: 0;
}

.pagination-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-top: 2rem;
}
.pagination-box .num-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.4rem;
  padding: 0 0.4rem;
}
.pagination-box .num-item a {
  width: 100%;
  text-align: center;
}
.pagination-box .num-item:hover {
  background-color: #F2F2F1;
}
.pagination-box .num-item.selected {
  background-color: #FEF8F5;
  color: #D36A29;
}
.pagination-box .num-item.selected a {
  color: inherit;
  font-weight: 700;
}
.pagination-box .num-item.selected:hover {
  background-color: #FDE6D6;
}
.pagination-box button.move-page {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  padding: 0 0.8rem;
  border-radius: 0.4rem;
}
.pagination-box button.move-page i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-arrow-14.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.pagination-box button.move-page i.prev {
  transform: rotate(-90deg);
}
.pagination-box button.move-page i.next {
  transform: rotate(90deg);
}
.pagination-box button.move-page:hover:not(:disabled) {
  background-color: #F2F2F1;
}
.pagination-box button.move-page:disabled {
  cursor: initial;
  color: #A39E9D;
}
.pagination-box button.move-page:disabled i {
  filter: brightness(0) saturate(100%) invert(75%) sepia(8%) saturate(123%) hue-rotate(323deg) brightness(85%) contrast(86%);
}
.pagination-box .num-item.first {
  position: relative;
  margin-right: 2.4rem;
}
.pagination-box .num-item.first::after {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "...";
  cursor: initial;
  position: absolute;
  right: -2.4rem;
  top: 0;
  bottom: 0;
  width: 2.4rem;
  height: 3.2rem;
}
.pagination-box .num-item.last {
  position: relative;
  margin-left: 2.4rem;
}
.pagination-box .num-item.last::after {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "...";
  cursor: initial;
  position: absolute;
  left: -2.4rem;
  top: 0;
  bottom: 0;
  width: 2.4rem;
  height: 3.2rem;
}
.pagination-box .num-item.hidden {
  display: none;
}

.modal-background {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(52, 49, 48, 0.6);
  z-index: 15;
}
.modal-background .modal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  box-shadow: 0px 8px 12px 5px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border: 1px solid #F2F2F1;
  width: clamp(34.4rem, 45%, 80rem);
  border-radius: 1.2rem;
  padding: 2rem;
}
.modal-background .modal .modal-tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.modal-background .modal .modal-tit-box h2 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #000;
}
.modal-background .modal .modal-tit-box .modal-close i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.modal-background .modal .modal-con-box {
  max-height: calc(80vh - 12.4rem);
}
.modal-background .modal .modal-footer-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding-top: 1rem;
}
.modal-background .modal.small {
  width: clamp(34.4rem, 20%, 5rem);
}
.modal-background .modal.wide {
  width: clamp(90rem, 75%, 120rem);
}
.modal-background .modal.wide .modal-con-box {
  max-height: calc(90vh - 12.4rem);
}
.modal-background.is-show {
  display: flex;
}

.tab-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.4rem;
  border-radius: 0.8rem;
  background-color: #F8F8F8;
  border: 1px solid #F2F2F1;
}
.tab-group button {
  flex-grow: 1;
}
.tab-group button.selected {
  background-color: #F58233;
  color: #fff;
  font-weight: 500;
}
.tab-group button.selected:hover {
  background-color: #F58233;
  color: #fff;
}
.tab-group button.selected:hover:hover {
  background: #F58233 linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.tab-group button.selected:hover:active {
  background: #F58233 linear-gradient(rgba(52, 49, 48, 0.16) 0%, rgba(52, 49, 48, 0.16) 100%);
}
.tab-group button.selected:hover:disabled {
  cursor: auto;
  background: #F2F2F1;
  color: #A39E9D;
}
.tab-group-type-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tab-group-type-btn button {
  flex-grow: 1;
  min-width: 6rem;
  border-radius: 0;
}
.tab-group-type-btn button:not(:first-child) {
  border-left: 0;
}
.tab-group-type-btn button:not(:first-child).selected {
  background-color: #F58233;
  color: #fff;
  border: 0;
}
.tab-group-type-btn button:not(:first-child).selected:hover {
  background: #F58233 linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.tab-group-type-btn button:not(:first-child).selected:active {
  background: #F58233 linear-gradient(rgba(52, 49, 48, 0.16) 0%, rgba(52, 49, 48, 0.16) 100%);
}
.tab-group-type-btn button:not(:first-child).selected:disabled {
  cursor: auto;
  background: #F2F2F1;
  color: #A39E9D;
}
.tab-group-type-btn button:first-child {
  border-radius: 0.6rem 0 0 0.6rem;
}
.tab-group-type-btn button:last-child {
  border-radius: 0 0.6rem 0.6rem 0;
}
.tab-group-type-btn button.selected {
  background-color: #F58233;
  color: #fff;
  border: 0;
  font-weight: 600;
}
.tab-group-type-btn button.selected:hover {
  background: #F58233 linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.tab-group-type-btn button.selected:active {
  background: #F58233 linear-gradient(rgba(52, 49, 48, 0.16) 0%, rgba(52, 49, 48, 0.16) 100%);
}
.tab-group-type-btn button.selected:disabled {
  cursor: auto;
  background: #F2F2F1;
  color: #A39E9D;
}

.tag-lg, .tag-md, .tag-sm {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-basis: auto;
  text-wrap: nowrap;
}
.breakfast.tag-lg, .breakfast.tag-md, .breakfast.tag-sm {
  background-color: rgb(223.2, 235.8, 255);
  color: rgb(36.55, 107.95, 216.75);
}
.lunch.tag-lg, .lunch.tag-md, .lunch.tag-sm {
  background-color: rgb(238.05, 228.9, 255);
  color: rgb(120.7, 68.85, 216.75);
}
.dinner.tag-lg, .dinner.tag-md, .dinner.tag-sm {
  background-color: rgb(250.5, 223.05, 254.4);
  color: rgb(191.25, 35.7, 213.35);
}
.snacks.tag-lg, .snacks.tag-md, .snacks.tag-sm {
  background-color: rgb(216.75, 246.9, 228.9);
  color: rgb(0, 170.85, 68.85);
}
.none-mealtime.tag-lg, .none-mealtime.tag-md, .none-mealtime.tag-sm {
  background-color: rgb(227.1, 226.65, 226.5);
  color: rgb(58.65, 56.1, 55.25);
}
.KR_FD.tag-lg, .KR_FD.tag-md, .KR_FD.tag-sm {
  border: 1px solid #2b7fff;
  color: rgb(36.55, 107.95, 216.75);
}
.CN_FD.tag-lg, .CN_FD.tag-md, .CN_FD.tag-sm {
  border: 1px solid #8e51ff;
  color: rgb(120.7, 68.85, 216.75);
}
.EU_FD.tag-lg, .EU_FD.tag-md, .EU_FD.tag-sm {
  border: 1px solid #f6339a;
  color: rgb(209.1, 43.35, 130.9);
}
.JP_FD.tag-lg, .JP_FD.tag-md, .JP_FD.tag-sm {
  border: 1px solid #00bc7d;
  color: rgb(0, 159.8, 106.25);
}
.FS_FD.tag-lg, .FS_FD.tag-md, .FS_FD.tag-sm {
  border: 1px solid #00b8db;
  color: rgb(0, 156.4, 186.15);
}
.BS_FD.tag-lg, .BS_FD.tag-md, .BS_FD.tag-sm {
  border: 1px solid #e12afb;
  color: rgb(191.25, 35.7, 213.35);
}
.null.tag-lg, .null.tag-md, .null.tag-sm {
  border: 1px solid #22211F;
  color: rgb(28.9, 28.05, 26.35);
}

.tag-sm {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #22211F;
  height: 1.8rem;
  border-radius: 0.4rem;
  padding: 0 0.6rem;
}
.tag-md {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
  height: 2.4rem;
  border-radius: 0.4rem;
  padding: 0 0.8rem;
}
.tag-lg {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #22211F;
  height: 2.8rem;
  border-radius: 0.6rem;
  padding: 0 1rem;
}

.chip-lg, .chip-md, .chip-sm {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-basis: auto;
  text-wrap: nowrap;
}
.chip-lg .chip-btn, .chip-md .chip-btn, .chip-sm .chip-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  cursor: pointer;
}
.chip-lg .chip-btn i.del, .chip-md .chip-btn i.del, .chip-sm .chip-btn i.del {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.red.chip-lg, .red.chip-md, .red.chip-sm {
  min-width: 5.6rem;
  background-color: #ff2056;
  color: #fff;
}
.green.chip-lg, .green.chip-md, .green.chip-sm {
  min-width: 5.6rem;
  background-color: #00bc7d;
  color: #fff;
}
.gray.chip-lg, .gray.chip-md, .gray.chip-sm {
  border: 1px solid rgb(190.6, 187.1, 186.4);
  color: #A39E9D;
}

.chip-sm {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 500;
  color: #22211F;
  height: 1.8rem;
  border-radius: 0.4rem;
  padding: 0 0.8rem;
}
.chip-md {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  height: 2.8rem;
  border-radius: 0.4rem;
  padding: 0 0.8rem;
}
.chip-lg {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  height: 2.8rem;
  border-radius: 0.6rem;
  padding: 0 1rem;
}

.list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  width: 100%;
  height: 100%;
  min-height: 20rem;
}
.list-empty i.empty {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  background: url("../images/icons/ico-empty.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.2rem;
  height: 3.2rem;
  filter: invert(49%) sepia(8%) saturate(287%) hue-rotate(327deg) brightness(91%) contrast(85%);
}
.list-empty .t-notice {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
  text-align: center;
}

nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
}
nav .nav-top-area {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 2rem;
}
nav .nav-top-area .logo-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
nav .nav-top-area .logo-wrap a img {
  width: fit-content;
  object-fit: contain;
  height: 4rem;
}
nav .nav-top-area .toggle-menu-wrap {
  position: relative;
  display: none;
  height: 6rem;
}
nav .nav-top-area .toggle-menu-wrap .toggle-menu-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background: url("../images/icons/ico-menu.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  height: 100%;
  margin: 0 1.8rem;
}
nav .nav-top-area .toggle-menu-wrap .toggle-menu-btn input {
  position: absolute;
  display: none;
}
nav ul.depth-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 4rem;
}
nav ul.depth-1 > li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: #22211F;
  background-color: #fff;
  border-radius: 0.8rem;
  position: relative;
  padding: 0 1rem;
}
nav ul.depth-1 > li:hover .trigger-box {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.05) 0%, rgba(52, 49, 48, 0.05) 100%);
}
nav ul.depth-1 > li:active .trigger-box {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
nav ul.depth-1 > li.selected .trigger-box {
  background: #fff linear-gradient(rgba(245, 130, 51, 0.1) 0%, rgba(245, 130, 51, 0.1) 100%);
  color: #F58233;
}
nav ul.depth-1 > li.selected:hover .trigger-box {
  background: #fff linear-gradient(rgba(245, 130, 51, 0.14) 0%, rgba(245, 130, 51, 0.14) 100%);
}
nav ul.depth-1 > li .trigger-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: #22211F;
  border-radius: 0.8rem;
  transition: rotate 0.3s ease-in;
}
nav ul.depth-1 > li .trigger-box .icon-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
}
nav ul.depth-1 > li .trigger-box .icon-wrap img {
  width: 2.4rem;
  margin: 0 1.8rem;
  filter: brightness(0) saturate(100%) invert(18%) sepia(8%) saturate(282%) hue-rotate(329deg) brightness(94%) contrast(93%);
}
nav ul.depth-1 > li .trigger-box .text-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  padding-right: 1.6rem;
  text-align: left;
}
nav ul.depth-1 > li .trigger-box .text-wrap span {
  flex-grow: 1;
}
nav ul.depth-1 > li .trigger-box .text-wrap i.arrow {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-arrow-14.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  transition: transform 0.3s ease-in;
  transform: rotateZ(180deg);
}
nav ul.depth-1 > li .drop-down-menu {
  display: none;
  padding: 0 0 0 5.2rem;
}
nav ul.depth-1 > li .drop-down-menu ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
nav ul.depth-1 > li .drop-down-menu ul li {
  color: #22211F;
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 0.4rem 0.8rem;
}
nav ul.depth-1 > li .drop-down-menu ul li:hover:not(.drop-down-menu > li:hover) {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.05) 0%, rgba(52, 49, 48, 0.05) 100%);
}
nav ul.depth-1 > li .drop-down-menu ul li:active {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
nav ul.depth-1 > li .drop-down-menu ul li.selected a {
  color: #D36A29;
}
nav ul.depth-1 > li .drop-down-menu ul li a {
  font-weight: 500;
  width: 100%;
}
nav ul.depth-1 > li .drop-down-menu ul li.selected a {
  font-weight: 600;
}
nav ul.depth-1 > li.selected .trigger-box .icon-wrap img {
  filter: invert(47%) sepia(60%) saturate(688%) hue-rotate(340deg) brightness(92%) contrast(86%);
}
nav ul.depth-1 > li.selected .trigger-box .text-wrap span {
  color: #D36A29;
}
nav ul.depth-1 > li.selected .trigger-box .text-wrap i {
  filter: invert(47%) sepia(60%) saturate(688%) hue-rotate(340deg) brightness(92%) contrast(86%);
}
nav ul.depth-1 > li.is-open .trigger-box .text-wrap i.arrow {
  transform: rotateZ(0);
  transition: transform 0.3s ease-in;
}

.grid-wrap.toggle-nav nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  overflow: initial;
}
.grid-wrap.toggle-nav nav .nav-top-area {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 2rem;
  width: 100%;
}
.grid-wrap.toggle-nav nav .nav-top-area .logo-wrap {
  display: none;
}
.grid-wrap.toggle-nav nav .nav-top-area .toggle-menu-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 4rem;
  height: 4rem;
}
.grid-wrap.toggle-nav nav .nav-top-area .toggle-menu-wrap .toggle-menu-btn {
  margin: 0;
  width: 4rem;
  text-align: center;
  background-size: 2.8rem 2.8rem;
}
.grid-wrap.toggle-nav nav ul.depth-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  padding: 0 2rem;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li .trigger-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: #22211F;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li .trigger-box .icon-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li .trigger-box .icon-wrap img {
  width: 2.4rem;
  margin: 0 1.8rem;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li .trigger-box .text-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  padding-right: 1rem;
  text-align: left;
  white-space: nowrap;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li .trigger-box .text-wrap span {
  flex-grow: 1;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li .drop-down-menu {
  padding: 0 0 0 5.2rem;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li .drop-down-menu ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
.grid-wrap.toggle-nav nav ul.depth-1 > li .drop-down-menu ul li {
  padding: 0.4rem 0.8rem;
  white-space: nowrap;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  overflow: initial;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav .nav-top-area {
  padding: 0rem;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav .nav-top-area .logo-wrap {
  display: none;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav .nav-top-area .toggle-menu-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem 0;
  height: 8rem;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav .nav-top-area .toggle-menu-wrap .toggle-menu-btn {
  width: 8rem;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li {
  padding: 0rem;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li .trigger-box {
  border-radius: 0;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li .trigger-box .icon-wrap {
  width: 8rem;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li .trigger-box .text-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 8rem;
  width: 18rem;
  height: 6rem;
  z-index: 5;
  background-color: #fff;
  box-shadow: 2px 3px 2px 1px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  padding: 0 1.6rem;
  text-align: left;
  border: 1px solid #DEDCDB;
  border-bottom: 0;
  border-left: 0;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li .trigger-box .text-wrap i.arrow {
  display: none;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li .trigger-box:hover .text-wrap {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li .drop-down-menu {
  display: none;
  position: absolute;
  top: 6rem;
  left: 8rem;
  width: 18rem;
  padding: 0;
  z-index: 5;
  background-color: #fff;
  box-shadow: 2px 3px 2px 1px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #DEDCDB;
  border-top: 0;
  border-left: 0;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li .drop-down-menu ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li .drop-down-menu ul li {
  padding: 0.8rem 1.6rem;
  border-radius: 0;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li:hover .trigger-box .text-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.grid-wrap.toggle-nav:not(:has(#toggle-menu-btn:checked)) nav ul.depth-1 > li:hover .drop-down-menu {
  display: block;
}
.grid-wrap.top-nav nav {
  overflow: initial;
  border-bottom: 1px solid #F2F2F1;
}
.grid-wrap.top-nav nav .nav-top-area {
  display: none;
}
.grid-wrap.top-nav nav ul.depth-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.8rem 8rem;
}
.grid-wrap.top-nav nav ul.depth-1 > li {
  color: #22211F;
  background-color: #fff;
  position: relative;
  width: fit-content;
  padding: 0;
  z-index: 2;
}
.grid-wrap.top-nav nav ul.depth-1 > li:hover .trigger-box {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.05) 0%, rgba(52, 49, 48, 0.05) 100%);
}
.grid-wrap.top-nav nav ul.depth-1 > li:active .trigger-box {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.grid-wrap.top-nav nav ul.depth-1 > li.selected .trigger-box {
  background: #fff linear-gradient(rgba(245, 130, 51, 0.1) 0%, rgba(245, 130, 51, 0.1) 100%);
  color: #F58233;
}
.grid-wrap.top-nav nav ul.depth-1 > li.selected:hover .trigger-box {
  background: #fff linear-gradient(rgba(245, 130, 51, 0.14) 0%, rgba(245, 130, 51, 0.14) 100%);
}
.grid-wrap.top-nav nav ul.depth-1 > li .trigger-box {
  min-width: 12rem;
  gap: 0.8rem;
  height: 4.4rem;
  padding: 0 1.6rem;
}
.grid-wrap.top-nav nav ul.depth-1 > li .trigger-box .icon-wrap {
  width: 2.4rem;
  height: 2.4rem;
}
.grid-wrap.top-nav nav ul.depth-1 > li .trigger-box .icon-wrap img {
  margin: 0;
}
.grid-wrap.top-nav nav ul.depth-1 > li .trigger-box .text-wrap {
  padding: 0;
}
.grid-wrap.top-nav nav ul.depth-1 > li .trigger-box .text-wrap i.arrow {
  display: none;
}
.grid-wrap.top-nav nav ul.depth-1 > li .drop-down-menu {
  position: absolute;
  display: none;
  background: #fff;
  border-radius: 0.8rem;
  border: 1px solid #F2F2F1;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  padding: 0.8rem;
  top: 4.4rem;
  left: 0;
  padding: 0;
}
.grid-wrap.top-nav nav ul.depth-1 > li .drop-down-menu ul {
  width: 100%;
  padding: 0.8rem;
  gap: 0.4rem;
}
.grid-wrap.top-nav nav ul.depth-1 > li .drop-down-menu ul li {
  color: #22211F;
  background-color: #fff;
  padding: 0.6rem 0.8rem;
  text-wrap: nowrap;
}
.grid-wrap.top-nav nav ul.depth-1 > li .drop-down-menu ul li:hover:not(.drop-down-menu > li:hover) {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.05) 0%, rgba(52, 49, 48, 0.05) 100%);
}
.grid-wrap.top-nav nav ul.depth-1 > li .drop-down-menu ul li:active {
  background: #fff linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.grid-wrap.top-nav nav ul.depth-1 > li .drop-down-menu ul li.selected a {
  color: #D36A29;
}
.grid-wrap.top-nav nav ul.depth-1 > li .drop-down-menu ul li a {
  display: block;
  width: 100%;
}
.grid-wrap.top-nav nav ul.depth-1 > li:hover .drop-down-menu {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 100%;
  width: fit-content;
}
.grid-wrap.top-nav nav ul.depth-1 > li:has(.drop-down-menu:hover) .trigger-box {
  background-color: transparent;
}
.grid-wrap:not(.top-nav) ul.depth-1 {
  flex-grow: 1;
  overflow: hidden;
  overflow-y: auto;
}

.grid-wrap.toggle-nav header .logo-wrap {
  display: inline-flex;
}
.grid-wrap.top-nav header {
  background-color: #fff;
}
.grid-wrap.top-nav header .logo-wrap {
  display: inline-flex;
}
.grid-wrap.top-nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
}

header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid rgba(222, 220, 219, 0.55);
  padding: 0 8rem;
}
@media screen and (max-width: 1319px) {
  header {
    padding: 0 4rem;
  }
}
header .logo-wrap {
  display: none;
  padding: 2rem 0;
}
header .logo-wrap a img {
  width: fit-content;
  object-fit: contain;
  height: 4rem;
}
header .right-contents {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  flex-basis: auto;
  flex-shrink: 0;
}
header .right-contents button i.search {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background: url("../images/icons/ico-search.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
header .right-contents button i.gear {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background: url("../images/icons/ico-gear.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
header .right-contents .contextmenu-trigger {
  position: relative;
  cursor: pointer;
}
header .right-contents .contextmenu-trigger .contextmenu {
  position: absolute;
  display: none;
  bottom: 0;
  transform: translateY(100%);
  right: 0;
  width: fit-content;
  min-width: 12rem;
  padding: 0.4rem;
  background-color: #fff;
  border-radius: 0.8rem;
  border: 1px solid #DEDCDB;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
header .right-contents .contextmenu-trigger .contextmenu * {
  pointer-events: auto;
}
header .right-contents .contextmenu-trigger .contextmenu .contextmenu-list .list-item {
  pointer-events: auto;
  padding: 0.6rem 0.6rem;
  border-radius: 0.6rem;
}
header .right-contents .contextmenu-trigger .contextmenu .contextmenu-list .list-item span {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #343130;
  text-wrap: nowrap;
}
header .right-contents .contextmenu-trigger .contextmenu .contextmenu-list .list-item:hover {
  background-color: #F2F2F1;
}
header .right-contents .contextmenu-trigger .contextmenu .contextmenu-list .list-item:active {
  background-color: #DEDCDB;
}
header .right-contents .contextmenu-trigger .contextmenu.is-show {
  display: block;
}
header .right-contents .user-profile {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  flex-basis: auto;
  padding: 0.8rem;
  border-radius: 0.8rem;
}
header .right-contents .user-profile .profile-img {
  width: 4rem;
  height: 4rem;
  flex-basis: auto;
  border-radius: 99rem;
  border: 1px solid #DEDCDB;
  overflow: hidden;
}
header .right-contents .user-profile .user-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
header .right-contents .user-profile .user-info .user-name {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #343130;
}
header .right-contents .user-profile .user-info .user-id {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
}
header .right-contents .user-profile:hover:not(:has(.user-menu-list > .list-item:hover)) {
  background-color: #F2F2F1;
}
header .right-contents .user-profile:active:not(:has(.user-menu-list > .list-item:active)) {
  background-color: #DEDCDB;
}

footer {
  width: 100%;
  flex-basis: auto;
  padding: 2rem 8rem;
  text-align: center;
}
footer p {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
  height: fit-content;
}

.container .k-splitter {
  border-style: none;
  color: initial;
  background-color: initial;
}
.container .k-splitter .k-splitbar {
  background-color: #F8F8F8;
  height: -webkit-fill-available;
  justify-content: center;
}
.container .k-splitter .k-splitbar:hover {
  background: #F8F8F8 linear-gradient(rgba(52, 49, 48, 0.08) 0%, rgba(52, 49, 48, 0.08) 100%);
}
.container .k-splitter .k-splitbar:active {
  background: #F8F8F8 linear-gradient(rgba(52, 49, 48, 0.16) 0%, rgba(52, 49, 48, 0.16) 100%);
}
.container .k-splitter .k-splitbar .k-resize-handle {
  background-color: #7B7472;
}
.container .k-splitter .k-splitbar .k-svg-icon > svg {
  fill: #7B7472;
}
.container .k-splitter .k-splitbar.k-splitbar-draggable-horizontal .k-resize-handle {
  height: 4rem;
}
.container .k-splitter .k-splitbar.k-splitbar-draggable-horizontal .k-splitbar-vertical {
  width: 4rem;
}
.container .k-splitter .k-splitbar:where(:focus, .k-focuse) {
  background: #DEDCDB;
}
.container .k-splitter .k-ghost-splitbar {
  background-color: transparent;
}

.k-chart-shared-tooltip {
  min-width: 16rem !important;
  font-family: "Pretendard Variable", pretendard, -apple-system;
  border-radius: 0.8rem !important;
}
.k-chart-shared-tooltip .tooltip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 16rem;
}
.k-chart-shared-tooltip .tooltip .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  width: 100%;
  padding-bottom: 0.2rem;
}
.k-chart-shared-tooltip .tooltip .item .name {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
.k-chart-shared-tooltip .tooltip .item .name::before {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.4rem;
}
.k-chart-shared-tooltip .tooltip .item .value {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #000;
}
.k-chart-shared-tooltip .tooltip .item .value .unit {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #000;
}
.k-chart-shared-tooltip .tooltip .item:first-child {
  padding-bottom: 1rem;
  border-bottom: 1px solid #DEDCDB;
  margin-bottom: 1rem;
}
.k-chart-shared-tooltip .tooltip .item:first-child .name::before {
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #F58233;
}
.k-chart-shared-tooltip .tooltip .item:nth-child(2) .name::before {
  background-color: #F47117;
}
.k-chart-shared-tooltip .tooltip .item:nth-child(3) .name::before {
  background-color: #F99A35;
}
.k-chart-shared-tooltip .tooltip .item:last-child {
  padding-bottom: 0;
}
.k-chart-shared-tooltip .tooltip .item:last-child .name::before {
  background-color: #FDC352;
}

* > :has(:where(.k-input, .k-picker, .ken-select)) .k-input-md, * > :has(:where(.k-input, .k-picker, .ken-select)) .k-picker-md, * > :has(:where(.k-input, .k-picker, .ken-select)) .ken-select-md, .k-input-md, .k-picker-md, .ken-select-md {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #22211F;
  min-width: 8rem;
  height: 3.6rem;
  border-radius: 0.6rem;
}
.k-input-md .k-input-inner, .k-picker-md .k-input-inner, .ken-select-md .k-input-inner {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #22211F;
  padding: 0 0.8rem;
}
.k-input-md .k-input-value-text, .k-picker-md .k-input-value-text, .ken-select-md .k-input-value-text {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #22211F;
}

* > :has(:where(.k-input, .k-picker, .ken-select)) .k-input-sm, * > :has(:where(.k-input, .k-picker, .ken-select)) .k-picker-sm, * > :has(:where(.k-input, .k-picker, .ken-select)) .ken-select-sm, .k-input-sm, .k-picker-sm, .ken-select-sm {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #22211F;
  min-width: 8rem;
  height: 2.8rem;
  border-radius: 0.4rem;
}
.k-input-sm .k-input-inner, .k-picker-sm .k-input-inner, .ken-select-sm .k-input-inner {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #22211F;
  padding: 0 0.6rem;
}

main.login .k-form-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  margin-top: 0;
}
main.login .k-form-field .k-form-label {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #696461;
  padding-left: 0;
}
main.login .k-form-field .k-form-field-wrap {
  width: 100%;
}
main.login .k-form-field .k-form-field-wrap .k-input-inner {
  padding-block: 0;
  padding-inline: 0;
  padding-right: 3.2rem;
}
main.login .k-form-field .k-form-field-wrap .k-input-inner::placeholder {
  color: #7B7472;
}
main.login .k-form-field .k-form-field-wrap .k-input-solid {
  border-color: transparent;
}
main.login .k-form-field .k-form-field-wrap .k-input-solid:focus-within {
  box-shadow: none;
}
main.login .k-form-field .k-form-field-wrap button.password {
  position: absolute;
  right: 0;
  bottom: 0.4rem;
  z-index: 2;
}
main.login .k-form-field .k-form-field-wrap button.password i.show {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons/ico-eye.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
main.login .k-form-field .k-form-field-wrap button.password i.hide {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons/ico-eye-slash.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
main.login .k-form-field.k-form-field-error {
  border: 0;
  border-bottom: 1px solid #ff2056;
}
main.login .k-form-field.k-form-field-error .k-form-error {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #ff2056;
  transform-origin: left;
  position: absolute;
  bottom: -1rem;
  left: 0;
}
main.login .k-form-field.k-form-field-error .k-form-error div {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #ff2056;
}
main.login.right-img .k-form-field {
  padding: 0.8rem 1rem;
  border: 1px solid #C3C0BF;
  border-radius: 0.8rem;
}
main.login.right-img .k-form-field .k-form-field-wrap .k-input-inner {
  height: 3rem;
}
main.login.right-img .k-form-field:hover {
  border: 1px solid #A39E9D;
}
main.login.right-img .k-form-field:hover .k-form-label {
  color: #22211F;
}
main.login.right-img .k-form-field:focus-within {
  box-shadow: 0 0 0 2px color-mix(in srgb, #3d3d3d 8%, transparent);
}
main.login.right-img .k-form-field:focus-within .k-form-label {
  color: #22211F;
}
main.login.right-img .k-form-field.k-form-field-error {
  border: 1px solid #ff2056;
}
main.login:where(.left-img, .none-img) .k-form-field {
  border: 0;
  border-bottom: 1px solid #C3C0BF;
  border-radius: 0;
}
main.login:where(.left-img, .none-img) .k-form-field .k-form-field-wrap .k-input-inner {
  height: 4rem;
}
main.login:where(.left-img, .none-img) .k-form-field .k-form-field-wrap .k-input-solid {
  border-color: transparent;
}
main.login:where(.left-img, .none-img) .k-form-field .k-form-field-wrap .k-form-label {
  margin-bottom: 0.4rem;
}
main.login:where(.left-img, .none-img) .k-form-field .k-form-field-wrap button.password {
  bottom: 0;
  right: 0;
}
main.login:where(.left-img, .none-img) .k-form-field .k-form-field-wrap:hover {
  border-bottom: 1px solid #A39E9D;
}
main.login:where(.left-img, .none-img) .k-form-field .k-form-field-wrap:hover .k-form-label {
  color: #22211F;
}
main.login:where(.left-img, .none-img) .k-form-field .k-form-field-wrap:focus-within {
  border-bottom: 1px solid #22211F;
  box-shadow: none;
}
main.login:where(.left-img, .none-img) .k-form-field .k-form-field-wrap:focus-within .k-form-label {
  color: #22211F;
}
main.login:where(.left-img, .none-img) .k-form-field.k-form-field-error {
  border: 0;
  border-bottom: 1px solid #ff2056;
}
main.login:where(.left-img, .none-img) .k-form-field.k-form-field-error .k-form-error.k-invalid-msg {
  left: 0;
}

.field-text:has(input, .ken-select, .k-combobox) {
  position: relative;
  width: 100%;
}
.field-text:has(input, .ken-select, .k-combobox) label {
  padding-left: 0.6rem;
  padding-bottom: 0.4rem;
  color: #696461;
  font-weight: 700;
}
.field-text:has(input, .ken-select, .k-combobox) input {
  padding-right: 3.2rem;
}
.field-text:has(input, .ken-select, .k-combobox) button.password {
  position: absolute;
  right: 0.4rem;
  bottom: 0.8rem;
  transform: translateY(0.4rem);
  z-index: 2;
}
.field-text:has(input, .ken-select, .k-combobox) button.password i.show {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-eye.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  background-size: contain;
}
.field-text:has(input, .ken-select, .k-combobox) button.password i.hide {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-eye-slash.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  background-size: contain;
}

.k-input-solid {
  background-color: #fff;
  color: #22211F;
  border: 1px solid #C3C0BF;
}
.k-input-solid input::placeholder {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #7B7472;
}
.k-input-solid .k-input-button {
  border-inline-start-width: 0;
  background-color: initial;
  padding-right: 0.6rem;
}
.k-input-solid .k-input-button .k-svg-icon svg {
  filter: brightness(0) saturate(100%) invert(31%) sepia(2%) saturate(2036%) hue-rotate(339deg) brightness(88%) contrast(77%);
}
.k-input-solid:hover {
  border-color: rgb(162.8, 160.2, 159);
}

.k-form .k-form-fieldset {
  margin: 0;
}
.k-form .k-form-fieldset .k-form-layout.k-gap-x-2 {
  column-gap: 2.4rem;
}
.k-form .k-form-fieldset .k-form-layout.k-gap-x-2 .k-form-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.k-form .k-form-fieldset .k-form-layout.k-gap-x-2 .k-form-field .k-form-label {
  width: 8rem;
  flex-shrink: 0;
}
.k-form .k-form-fieldset .k-form-layout.k-gap-x-2 .k-form-field .k-form-field-wrap {
  flex-grow: 1;
}
.k-form .k-form-fieldset .k-form-layout.k-gap-x-2 .k-form-field .k-form-field-wrap .k-readonly-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0.8rem;
  border-radius: 0.6rem;
  background-color: #F2F2F1;
  height: 3.6rem;
}

.k-form .k-form-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 2rem;
}
.k-form .k-form-field .k-form-label {
  width: 8rem;
}
.k-form .k-form-field > .k-label {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #696461;
  margin-bottom: 0.4rem;
}
.k-form .k-form-field .k-form-field-wrap {
  flex-grow: 1;
}

.k-input-inner {
  padding-block: 0;
  padding-inline: 0;
}

.k-input, .k-picker, .ken-select {
  position: relative;
  overflow: initial;
}
.k-input .k-invalid-msg, .k-picker .k-invalid-msg, .ken-select .k-invalid-msg {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  left: 0.6rem;
  transform: translateY(100%);
  font-style: initial;
}
.k-input:has(.k-form-error), .k-picker:has(.k-form-error), .ken-select:has(.k-form-error) {
  border-color: #ff2056;
}
.k-input.k-textarea {
  height: initial;
  padding: 0.6rem 0.8rem;
}
.k-input.k-textarea .k-input-inner {
  padding: 0;
}

* > :has(:where(.k-input, .k-picker, .ken-select)) {
  position: relative;
}
* > :has(:where(.k-input, .k-picker, .ken-select)) .k-input:has(.k-form-error), * > :has(:where(.k-input, .k-picker, .ken-select)) .k-picker:has(.k-form-error), * > :has(:where(.k-input, .k-picker, .ken-select)) .ken-select:has(.k-form-error) {
  border-color: #ff2056;
}
* > :has(:where(.k-input, .k-picker, .ken-select)) .k-invalid-msg:not(.k-tooltip) {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  left: 0.6rem;
  transform: translateY(100%);
  font-style: initial;
}

.k-upload {
  border: 0;
  border-radius: 0.8rem;
  overflow: hidden;
  background-color: transparent;
}
.k-upload .k-dropzone.k-upload-dropzone {
  position: relative;
  border-radius: 0.8rem;
  min-height: 10rem;
  border: 1.5px dashed #DEDCDB;
  background-color: transparent;
}
.k-upload .k-dropzone.k-upload-dropzone .k-upload-button-wrap {
  display: none;
}
.k-upload .k-dropzone.k-upload-dropzone::before {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #696461;
  content: "이곳에 첨부하실 파일을 드롭 하세요.";
  position: absolute;
  opacity: 0.6;
  width: 100%;
  text-align: center;
}

.k-picker.k-dropdownlist .k-icon-button {
  padding: 0 0.8rem;
}

.k-picker.k-dropdownlist {
  background-color: #fff;
  color: #22211F;
  border: 1px solid #C3C0BF;
}
.k-picker.k-dropdownlist-md {
  height: 3.6rem;
}
.k-picker.k-dropdownlist-sm {
  height: 2.8rem;
}
.k-picker.k-dropdownlist:hover {
  border-color: rgb(162.8, 160.2, 159);
}

.k-list-container.k-popup {
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  border-color: #C3C0BF;
  border-radius: 0.6rem;
}

.k-animation-container .k-list .k-list-optionlabel {
  background-color: #F9FAE9;
  min-height: 3.6rem;
}
.k-animation-container .k-list .k-list-optionlabel:hover {
  background-color: #EDF0BC;
}
.k-animation-container .k-list .k-list-ul .k-list-item.k-selected {
  background-color: rgb(254.5, 248.75, 244.8);
}
.k-animation-container .k-list .k-list-ul .k-list-item.k-selected span {
  color: #D36A29;
  font-weight: 500;
}
.k-animation-container .k-list .k-list-ul .k-list-item.k-selected:hover {
  background-color: rgb(253, 230, 214.2);
}
.k-animation-container .k-list .k-list-ul .k-list-item.k-selected:where(.k-focus, :focus) {
  box-shadow: inset 0 0 0 2px rgba(211, 106, 41, 0.12);
}
.k-animation-container .k-list .k-list-ul .k-list-item:focus {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.k-animation-container .k-list.k-list-optionlabel {
  background-color: #F9FAE9;
}
.k-animation-container .k-list.k-list-optionlabel:hover {
  background-color: #EDF0BC;
}
.k-animation-container .k-list.k-list-md .k-list-ul .k-list-item {
  min-height: 3.6rem;
}
.k-animation-container .k-list.k-list-md .k-list-optionlabel {
  height: 3.6rem;
}
.k-animation-container .k-list.k-list-md .k-list-optionlabel.k-selected {
  background: #FEF8F5;
  color: #22211F;
}
.k-animation-container .k-list.k-list-md .k-list-optionlabel.k-selected.k-hover {
  background: #FDE6D6;
}
.k-animation-container .k-list.k-list-sm .k-list-ul .k-list-item {
  height: 2.8rem;
}
.k-animation-container .k-list.k-list-sm .k-list-optionlabel {
  height: 2.8rem;
}
.k-animation-container .k-list.k-list-sm .k-list-optionlabel.k-selected {
  background: #FEF8F5;
  color: #22211F;
}
.k-animation-container .k-list.k-list-sm .k-list-optionlabel.k-selected.k-hover {
  background: #FDE6D6;
}

.k-tooltip-error {
  border-radius: 0.4rem;
}
.k-tooltip-error .k-svg-icon svg {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(241deg) brightness(102%) contrast(101%);
}
.k-tooltip-error .k-tooltip-content {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #fff;
}

.k-radio {
  border-color: #C3C0BF;
  background-color: #fff;
}

.k-radio-list .k-radio-list-item {
  gap: 0.8rem;
}
.k-radio-list .k-radio-list-item.k-disabled .k-radio {
  background-color: #F2F2F1;
}
.k-radio-list .k-radio-list-item.k-disabled .k-radio:checked {
  border-color: #7B7472;
  background-color: #7B7472;
  color: #F2F2F1;
}
.k-radio-list.k-list-horizontal {
  gap: 3.2rem;
}

.k-checkbox-list .k-checkbox-list-item {
  gap: 0.8rem;
}

.k-checkbox {
  border-color: #C3C0BF;
  background-color: #fff;
}

.k-checkbox-wrap input.k-checkbox[disabled]:checked {
  background-color: #7B7472;
  border-color: #7B7472;
}

.k-checkbox-sm {
  width: 1.2rem;
  height: 1.2rem;
}
.k-checkbox-md {
  width: 1.6rem;
  height: 1.6rem;
}
.k-checkbox-lg {
  width: 2rem;
  height: 2rem;
}

.k-radio-sm {
  width: 1.2rem;
  height: 1.2rem;
}
.k-radio-md {
  width: 1.6rem;
  height: 1.6rem;
}
.k-radio-lg {
  width: 2rem;
  height: 2rem;
}

.k-combobox {
  position: relative;
}
.k-combobox .k-clear-value {
  position: absolute;
  right: 0;
  transform: translateX(-100%);
}

.k-rating-container .k-rating-item .k-svg-i-star-outline {
  color: #C3C0BF;
}
.k-rating-container .k-rating-item.k-selected .k-svg-i-star {
  color: #FDB834;
}

.min-w-60 {
  min-width: 6rem;
}

.min-w-80 {
  min-width: 8rem;
}

.min-w-100 {
  min-width: 10rem;
}

.k-edit-cell {
  position: relative; /* tooltip이 td 기준으로 절대위치 */
  overflow: visible !important; /* 잘림 방지 */
}

.container .k-grid {
  background-color: #fff;
  color: #22211F;
  border: 1px solid transparent;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #22211F;
  white-space: initial;
}
.container .k-grid .k-grid-header {
  background-color: #fff;
  color: #22211F;
  border: 1px solid false;
  border-bottom: 1px solid #C3C0BF;
  border-top: 2px solid #22211F;
}
.container .k-grid .k-grid-header .k-table-th > .k-cell-inner > .k-link {
  padding-block: 0;
  padding-inline: 0;
}
.container .k-grid .k-grid-header .k-table-thead {
  background-color: #fff;
  color: #22211F;
  border: 1px solid false;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
}
.container .k-grid .k-grid-header .k-table-thead .k-header.k-table-th {
  text-align: center;
}
.container .k-grid .k-grid-header .k-table-thead .k-table-row span {
  justify-content: center;
  text-align: center;
}
.container .k-grid .k-grid-container {
  border-bottom: 1px solid #C3C0BF;
}
.container .k-grid .k-table-tbody .k-table-row {
  border-width: 0 0 1px 0;
  border: 1px solid rgba(222, 220, 219, 0.85);
  background-color: initial;
}
.container .k-grid .k-table-tbody .k-table-row.k-table-alt-row {
  background-color: transparent;
}
.container .k-grid .k-table-tbody .k-table-row td {
  border-block-end-width: 1px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.container .k-grid .k-table-tbody .k-table-row .k-table-td:not(:has(.k-dropdownlist > .k-button-solid-base)) .k-button-solid-base:not(:has(.k-svg-i-calendar)) {
  background-color: #fff;
  color: #F2F2F1;
  border: 1px solid #C3C0BF;
}
.container .k-grid .k-table-tbody .k-table-row .k-table-td:not(:has(.k-dropdownlist > .k-button-solid-base)) .k-button-solid-base:not(:has(.k-svg-i-calendar)):hover {
  border-color: rgb(162.8, 160.2, 159);
}
.container .k-grid .k-table-tbody .k-table-row .k-table-td:not(:has(.k-dropdownlist > .k-button-solid-base)) .k-button-solid-base:not(:has(.k-svg-i-calendar)):active {
  border-color: rgb(98.4, 96.6, 95);
}
.container .k-grid .k-table-tbody .k-table-row .k-table-td:not(:has(.k-dropdownlist > .k-button-solid-base)) .k-button-solid-base:not(:has(.k-svg-i-calendar)):disabled {
  cursor: auto;
  background: #F2F2F1;
  border: #DEDCDB;
  color: #A39E9D;
}
.container .k-grid .k-table-tbody .k-table-row .k-table-td:not(:has(.k-dropdownlist > .k-button-solid-base)) .k-button-solid-base:not(:has(.k-svg-i-calendar)):disabled i {
  filter: brightness(0) saturate(100%) invert(76%) sepia(6%) saturate(176%) hue-rotate(322deg) brightness(84%) contrast(85%);
}
.container .k-grid .k-table-tbody .k-table-row .k-table-td:not(:has(.k-dropdownlist > .k-button-solid-base)) .k-button-solid-base:not(:has(.k-svg-i-calendar)).k-grid-remove-command .k-icon.k-svg-icon svg {
  filter: brightness(0) saturate(100%) invert(31%) sepia(9%) saturate(367%) hue-rotate(339deg) brightness(92%) contrast(80%);
}
.container .k-grid .k-table-tbody .k-table-row:not(.k-detail-row):hover {
  background-color: #F2F2F1;
}
.container .k-grid .k-table-tbody .k-table-row.k-selected {
  background-color: rgba(245, 130, 51, 0.15);
}
.container .k-grid .k-table-tbody .k-table-row.k-selected.new {
  background-color: rgba(43, 127, 255, 0.15);
}
.container .k-grid .k-table-tbody .k-table-row.k-selected.new:hover {
  background-color: rgba(43, 127, 255, 0.1);
}
.container .k-grid .k-table-tbody .k-table-row.k-selected:hover {
  background-color: rgba(245, 130, 51, 0.2);
}
.container .k-grid .k-table-tbody .k-table-row.row-click {
  background-color: rgba(194, 203, 30, 0.15);
}
.container .k-grid .k-table-tbody .k-table-row.row-click:hover {
  background-color: rgba(194, 203, 30, 0.2);
}
.container .k-grid .k-table-tbody .k-table-row.k-selected.row-click {
  background-color: rgba(194, 203, 30, 0.15);
}
.container .k-grid .k-table-tbody .k-table-row.k-selected.row-click:hover {
  background-color: rgba(194, 203, 30, 0.2);
}
.container .k-grid .k-table-tbody .k-table-row.k-selected.new {
  background-color: rgba(43, 127, 255, 0.15);
}
.container .k-grid .k-table-tbody .k-table-row.k-selected.new:hover {
  background-color: rgba(43, 127, 255, 0.1);
}
.container .k-grid .k-table-tbody .k-table-row:last-child {
  border-color: transparent;
}
.container .k-grid .k-table-tbody .k-selected.new {
  background-color: rgba(43, 127, 255, 0.15);
}
.container .k-grid .k-table-tbody .k-selected.new:hover {
  background-color: rgba(43, 127, 255, 0.1);
}
.container .k-grid .k-table-tbody .k-detail-row .k-grid-container .k-grid-content {
  padding-right: 0;
}
.container .k-grid .k-table-tbody .k-table-td input[type=number] {
  -moz-appearance: textfield;
}
.container .k-grid .k-table-tbody .k-table-td input[type=number]:where(::-webkit-outer-spin-button, ::-webkit-inner-spin-button) {
  -webkit-appearance: none;
  margin: 0;
}
.container .k-grid .k-table-tbody .k-table-td input.qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.container .k-grid .k-table-tbody .k-table-td input.qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.container .k-grid .k-grid-toolbar {
  background-color: #fff;
}
.container .k-grid:where(td, .k-tabled-td) {
  padding-block: 0;
  padding-inline: 0;
}
.container .k-grid .k-grid-norecords {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.container .k-grid .k-grid-norecords p {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
}
.container .k-grid .k-grid-footer {
  background-color: #fff;
  color: #22211F;
  border: 1px solid transparent;
}
.container .k-grid .k-grid-footer :where(.k-table-tfoot, .k-table-footer) {
  background-color: #fff;
  color: #22211F;
  border: 1px solid transparent;
}
.container .k-grid.k-grid-md .k-grid-header {
  height: 5.2rem;
}
.container .k-grid.k-grid-md .k-grid-header .k-table-th > .k-cell-inner > .k-link {
  padding: 0 0.4rem;
  margin: 1.6rem 0;
  height: 2rem;
}
.container .k-grid.k-grid-md .k-grid-header .k-table-th:not(:last-child) > .k-cell-inner > .k-link {
  border-right: 1px solid #C3C0BF;
}
.container .k-grid.k-grid-md .k-grid-header .k-table-th:not(:last-child):has(.k-checkbox-wrap) {
  vertical-align: middle;
  padding-block: 0;
  padding-inline: 0;
}
.container .k-grid.k-grid-md .k-grid-header .k-table-th:not(:last-child):has(.k-checkbox-wrap) .k-checkbox-wrap {
  width: 100%;
  height: 2rem;
  border-right: 1px solid #C3C0BF;
}
.container .k-grid.k-grid-md .k-grid-table .k-table-td {
  padding: 0 0.4rem;
  height: 5.6rem;
}
.container .k-grid.k-grid-md .k-grid-table .k-table-td button.min {
  min-width: 4.8rem;
}
.container .k-grid.k-treelist .k-header.k-table-th {
  position: relative;
  height: 5.2rem;
  padding: 0 0.4rem;
  vertical-align: middle;
}
.container .k-grid.k-treelist .k-header.k-table-th:not(:last-child)::after {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 2rem;
  background-color: #C3C0BF;
  right: 0;
}
.container .k-grid.k-treelist .k-grid-content .k-grid-table .k-table-tbody .k-table-row .k-table-td .k-treelist-toggle.k-svg-icon {
  width: 1.4rem;
  height: 1.4rem;
  padding: 0.6rem;
}
.container .k-grid.k-treelist .k-grid-content .k-grid-table .k-table-tbody .k-table-row .k-table-td .k-treelist-toggle.k-svg-icon[aria-hidden=true] {
  width: 0;
  padding: 0;
}
.container .k-grid.k-treelist .k-grid-content .k-grid-table .k-table-tbody .k-table-row .k-table-td.left-border {
  border-width: 0 0 1px 1px;
}
.container .k-grid.k-treelist .k-grid-content .k-grid-table .k-table-tbody .k-table-row:not(:has(.k-treelist-toggle[aria-hidden=true])) .k-table-td:has(.k-treelist-toggle) {
  font-weight: 500;
}

.k-scheduler {
  background-color: transparent;
  border-radius: 0.6rem;
  border: 1px solid #DEDCDB;
}
.k-scheduler .k-scheduler-toolbar {
  background-color: transparent;
}
.k-scheduler .k-scheduler-toolbar .k-icon-button {
  min-width: 3.6rem;
}
.k-scheduler .k-button-solid-base {
  background-color: #fff;
  color: #22211F;
  border: 1px solid #C3C0BF;
}
.k-scheduler .k-button-solid-base:hover {
  border-color: rgb(162.8, 160.2, 159);
}
.k-scheduler .k-button-solid-base:active {
  border-color: rgb(98.4, 96.6, 95);
}
.k-scheduler .k-button-solid-base:disabled {
  cursor: auto;
  background: #F2F2F1;
  border: #DEDCDB;
  color: #A39E9D;
}
.k-scheduler .k-button-solid-base:disabled i {
  filter: brightness(0) saturate(100%) invert(76%) sepia(6%) saturate(176%) hue-rotate(322deg) brightness(84%) contrast(85%);
}
.k-scheduler .k-scheduler-layout .k-scheduler-head .k-scheduler-header-wrap .k-scheduler-table .k-scheduler-cell {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #696461;
}
.k-scheduler .k-scheduler-layout .k-scheduler-head .k-scheduler-header-wrap .k-scheduler-table .k-scheduler-cell:first-child {
  color: #fb2c36;
}
.k-scheduler .k-scheduler-layout .k-scheduler-head .k-scheduler-header-wrap .k-scheduler-table .k-scheduler-cell:last-child {
  color: #2b7fff;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell {
  cursor: pointer;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell .k-link.k-nav-day {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 500;
  color: #22211F;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #F2F2F1;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell.k-other-month {
  background-color: #F8F8F8;
  cursor: default;
  pointer-events: none;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell.k-other-month .k-link.k-nav-day {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 300;
  color: #696461;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell.k-other-month.k-selected {
  background-color: #FEF8F5;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell.k-other-month.k-selected .k-link.k-nav-day {
  background-color: #F9C098;
  color: #22211F;
  font-weight: 500;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell:hover:not(.is-holiday) {
  background-color: rgba(52, 49, 48, 0.08);
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell:first-child:not(.k-other-month) .k-link.k-nav-day {
  color: #fb2c36;
  background-color: rgb(254.6, 233.9, 234.9);
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell:last-child:not(.k-other-month) .k-link.k-nav-day {
  color: #2b7fff;
  background-color: rgb(233.8, 242.2, 255);
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell.is-holiday {
  cursor: default;
  pointer-events: none;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .k-scheduler-cell.is-holiday .k-link.k-nav-day {
  opacity: 0.5;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .selected-cell {
  background-color: #FEF8F5;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .selected-cell .k-link.k-nav-day {
  background-color: #F58233 !important;
  color: #fff !important;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-scheduler-table .selected-cell:hover {
  background-color: #FDE6D6;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event {
  background-color: #ff2056;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event .k-event-template {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #fff;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event .k-event-actions {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event .k-event-actions .k-event-delete .k-icon > svg {
  fill: #fff;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event:has(span.tag-md) {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
  padding: 0;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event:has(span.tag-md) span.tag-md {
  justify-content: start;
  align-items: center;
  width: -webkit-fill-available;
  height: 100%;
  padding: 0 1.2rem 0 0.4rem;
  overflow: hidden;
  text-align: start;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event:has(span.tag-md) span.tag-md::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2.4rem;
  background-color: inherit;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event:has(span.tag-md) .k-event-actions {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.k-scheduler .k-scheduler-layout .k-scheduler-body .k-scheduler-content .k-event:has(span.tag-md) .k-event-actions .k-event-delete .k-icon > svg {
  fill: #343130;
}

.k-window {
  border-radius: 1.2rem;
  height: fit-content;
}
.k-window .k-window-titlebar {
  height: 3.6rem;
  justify-content: end;
}
.k-window .k-window-titlebar .k-window-titlebar-action {
  min-width: 3.6rem;
}
.k-window .k-window-content {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #22211F;
  height: fit-content;
  padding: 2rem;
  text-align: center;
  text-wrap: balance;
  word-break: keep-all;
}
.k-window .k-window-content .k-edit-form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
}
.k-window .k-window-content .k-edit-form-container .k-edit-buttons {
  justify-content: end;
  width: 100%;
  padding: 0 0 2rem;
  margin: 0;
}
.k-window .k-dialog-actions {
  padding: 0 2rem 2rem;
}
.k-window .k-dialog-actions .k-button-solid-primary .k-button-text {
  color: #fff;
}
.k-window.k-dialog .k-dialog-titlebar {
  display: none;
}
.k-window.k-dialog .k-dialog-actions {
  padding: 0 2rem 2rem;
}
.k-window.k-dialog {
  width: max(20rem, 15%);
}

.k-timeselector {
  min-width: 12rem;
}
.k-timeselector .k-time-header {
  display: none;
}
.k-timeselector .k-time-list-wrapper .k-title {
  display: none;
}
.k-timeselector .k-time-list-wrapper .k-time-list .k-content .k-reset .k-item {
  padding: 0.6rem 0;
}
.k-timeselector .k-time-separator {
  position: relative;
  padding: 0.6rem 0;
}
.k-timeselector .k-time-separator::before {
  position: absolute;
  content: "";
  background-color: rgba(52, 49, 48, 0.08);
  width: 200px;
  top: 0;
  bottom: 0;
  z-index: -1;
}

body {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
body .container {
  position: relative;
  height: 100%;
}

.flex-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.flex-wrap main.error .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-wrap main.error .content-wrap p.head {
  font-size: 3.2rem;
  line-height: 4.8rem;
  font-weight: 800;
  color: #000;
}
.flex-wrap footer {
  width: 100%;
  text-align: center;
  padding: 2rem;
}

.grid-wrap {
  height: 100vh;
  overflow: hidden;
  display: grid;
  grid-template-columns: 26rem repeat(11, minmax(0, 1fr));
  grid-template-rows: 8rem minmax(0, 1fr);
  grid-template-areas: "nav  hd  hd  hd  hd  hd  hd  hd  hd  hd  hd hd" "nav main main main main main main main main main main main";
}
.grid-wrap nav {
  grid-area: nav;
  border-right: 1px solid #DEDCDB;
  overflow: hidden;
  z-index: 3;
}
.grid-wrap header {
  grid-area: hd;
  z-index: 2;
}
.grid-wrap main {
  grid-area: main;
  overflow-y: auto;
  height: calc(100vh - 8rem);
  z-index: 0;
}

.grid-wrap.toggle-nav {
  position: relative;
  grid-template-columns: 8rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  overflow: hidden;
  transition: grid-template-columns 0.2s ease-in;
}
.grid-wrap.toggle-nav header .toggle-menu-box {
  display: block;
}
.grid-wrap.toggle-nav:has(#toggle-menu-btn:checked) {
  grid-template-areas: "nav   hd  hd  hd  hd  hd  hd  hd  hd  hd  hd  hd" "nav  main main main main main main main main main main main";
  grid-template-columns: 26rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid-wrap.toggle-nav:has(#toggle-menu-btn:checked) nav {
  border-right: 1px solid #DEDCDB;
  width: 100%;
}
.grid-wrap.top-nav {
  grid-template-columns: 1fr;
  grid-template-rows: 8rem 6rem minmax(0, 1fr);
  grid-template-areas: "hd" "nav" "main";
}
.grid-wrap.top-nav header {
  z-index: 3;
}
.grid-wrap.top-nav nav {
  z-index: 2;
  border-right: 0;
}
.grid-wrap.top-nav main {
  overflow: initial;
  overflow-y: auto;
  min-height: calc(100vh - 8rem - 6rem);
  height: initial;
}

.content-wrap .content-body.col-con .section, .content-wrap .content-body.row-con .section, .content-wrap .content-body.one-section .section {
  flex-grow: 1;
  width: 100%;
  background-color: #fff;
  border-radius: 1.6rem;
  border: 1px solid #F2F2F1;
  overflow: hidden;
  max-height: calc(100vh - 8rem - 4rem);
}
.content-wrap .content-body.col-con .section:where(.k-hidden, .hidden), .content-wrap .content-body.row-con .section:where(.k-hidden, .hidden), .content-wrap .content-body.one-section .section:where(.k-hidden, .hidden) {
  padding: 0;
  flex: 0 1 0% !important;
  border: transparent;
}
.content-wrap .content-body.col-con .section .section-con:not(:has(.section-side-con)), .content-wrap .content-body.row-con .section .section-con:not(:has(.section-side-con)), .content-wrap .content-body.one-section .section .section-con:not(:has(.section-side-con)) {
  width: 100%;
  height: calc(100% - 4.6rem);
}
.content-wrap .content-body.col-con .section .section-con:not(:has(.section-side-con)) .con-head, .content-wrap .content-body.row-con .section .section-con:not(:has(.section-side-con)) .con-head, .content-wrap .content-body.one-section .section .section-con:not(:has(.section-side-con)) .con-head {
  margin-bottom: 2rem;
}
.content-wrap .content-body.col-con .section .section-con:not(:has(.section-side-con)) .btn-group, .content-wrap .content-body.row-con .section .section-con:not(:has(.section-side-con)) .btn-group, .content-wrap .content-body.one-section .section .section-con:not(:has(.section-side-con)) .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.content-wrap .content-body.col-con .section .section-con:not(:has(.section-side-con)) .btn-group.add, .content-wrap .content-body.row-con .section .section-con:not(:has(.section-side-con)) .btn-group.add, .content-wrap .content-body.one-section .section .section-con:not(:has(.section-side-con)) .btn-group.add {
  justify-content: end;
}
.content-wrap .content-body.col-con .side.section, .content-wrap .content-body.row-con .side.section, .content-wrap .content-body.one-section .side.section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: fixed;
  top: 18rem;
  padding: 0;
  right: 0;
  height: calc(100vh - 8rem - 10rem - 4rem);
  width: 0;
  border-radius: 1.6rem 0 0 1.6rem;
  border: 0;
  z-index: 3;
  transition: width 0.3s ease-in, opacity 0.2s ease-in;
}
.content-wrap .content-body.col-con .side.section .section-con, .content-wrap .content-body.row-con .side.section .section-con, .content-wrap .content-body.one-section .side.section .section-con {
  padding: 2rem;
  height: 100%;
}
.content-wrap .content-body.col-con .side.section .section-con .btn-group, .content-wrap .content-body.row-con .side.section .section-con .btn-group, .content-wrap .content-body.one-section .side.section .section-con .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  padding-top: 2rem;
}
.content-wrap .content-body.col-con .side.section .section-con .section-side-con, .content-wrap .content-body.row-con .side.section .section-con .section-side-con, .content-wrap .content-body.one-section .side.section .section-con .section-side-con {
  width: 100%;
  height: 100%;
}
.content-wrap .content-body.col-con .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-spacer, .content-wrap .content-body.row-con .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-spacer, .content-wrap .content-body.one-section .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-spacer {
  display: none;
}
.content-wrap .content-body.col-con .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-toolbar-item, .content-wrap .content-body.row-con .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-toolbar-item, .content-wrap .content-body.one-section .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-toolbar-item {
  width: 100%;
}
.content-wrap .content-body.col-con .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-toolbar-item .k-searchbox, .content-wrap .content-body.row-con .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-toolbar-item .k-searchbox, .content-wrap .content-body.one-section .side.section .section-con .section-side-con .k-grid .k-grid-toolbar .k-toolbar-item .k-searchbox {
  width: 100%;
}
.content-wrap .content-body.col-con .side.is-show.section, .content-wrap .content-body.row-con .side.is-show.section, .content-wrap .content-body.one-section .side.is-show.section {
  width: 40rem;
  box-shadow: -2px 4px 3px 3px rgba(0, 0, 0, 0.05), -1px 2px 3px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #DEDCDB;
}
.content-wrap .content-body.col-con .none-box.section, .content-wrap .content-body.row-con .none-box.section, .content-wrap .content-body.one-section .none-box.section {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 1rem;
}

.container {
  background-color: #F8F8F8;
}

main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  overflow-y: auto;
}
main:has(.content-body.col-con) {
  position: relative;
  height: initial;
}

.content-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-grow: 1;
}
.content-wrap .page-title-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
  width: 100%;
  padding: 2rem 8rem;
}
@media screen and (max-width: 1319px) {
  .content-wrap .page-title-wrap {
    padding: 2rem 4rem;
  }
}
.content-wrap .content-body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 1.6rem;
  flex-grow: 1;
  width: 100%;
  padding: 0 8rem;
}
@media screen and (max-width: 1319px) {
  .content-wrap .content-body {
    padding: 0 4rem;
    gap: 0.8rem;
  }
}
.content-wrap .content-body.one-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
  width: 100%;
  flex-grow: 1;
}
.content-wrap .content-body.one-section .section {
  height: 100%;
}
.content-wrap .content-body.row-con .section {
  height: 100%;
}
.content-wrap .content-body.col-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
  position: initial;
}
.content-wrap .content-body.col-con .section {
  height: 100%;
}
.content-wrap .content-body.col-con .section.side {
  position: fixed;
  height: initial;
  top: 24rem;
  bottom: 4rem;
}
.content-wrap .content-body.kendo {
  gap: 0.4rem;
}

.section:not(.section.side) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  padding: 2rem;
}
.section:not(.section.side) .section-tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  overflow: initial;
  width: 100%;
}
.section:not(.section.side) .section-tit-box .section-tit {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #000;
  text-wrap: nowrap;
}
.section:not(.section.side) h3.section-tit {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #000;
  text-wrap: nowrap;
  line-height: 3.6rem;
}
.section:not(.section.side) .section-con {
  flex-grow: 1;
}
.section.side .section-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  flex-grow: 1;
  padding: 2rem;
}
.section.side .section-con .section-tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  flex-direction: row-reverse;
  width: 100%;
}
.section.side .section-con .section-tit-box .section-tit {
  flex-grow: 1;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #000;
}
.section.side .section-con .section-tit-box .ico-btn i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.section.side .section-con h3.section-tit {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #000;
}
.section.side .section-con .section-side-con {
  flex-grow: 1;
}

.container .grid-wrap.top-nav .content-wrap .content-body .section.side {
  top: 18rem;
  height: calc(100vh - 8rem - 10rem - 4rem);
}
.container .grid-wrap .content-wrap .content-body section.section.side {
  top: 12rem;
  height: calc(100vh - 8rem - 10rem);
}

.pdf-page {
  font-family: "Pretendard Variable", pretendard, -apple-system;
}

.list .list-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

main .content-wrap .content-body .section .con-head {
  width: 100%;
  background-color: #F2F2F1;
  padding: 2rem;
  border-radius: 0.8rem;
  flex: 0 0 auto;
}
main .content-wrap .content-body .section .con-head h3 {
  margin-bottom: 2rem;
}
main .content-wrap .content-body .section .con-head .search-box {
  width: 100%;
}
main .content-wrap .content-body .section .con-head .search-box button i.search {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-search.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(51%) saturate(1%) hue-rotate(7deg) brightness(110%) contrast(101%);
}
main .content-wrap .content-body .section.search {
  height: fit-content;
  flex: 0 0 auto;
}
main .content-wrap .content-body .section.search .section-con {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: nowrap;
  min-height: 0;
}
main .content-wrap .content-body .section.search .section-con dl {
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 2.4rem;
  row-gap: 1.6rem;
  position: relative;
}
main .content-wrap .content-body .section.search .section-con dl .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
main .content-wrap .content-body .section.search .section-con dl .group dt {
  flex: 0 0 auto;
}
main .content-wrap .content-body .section.search .section-con dl .group dt label {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #696461;
  display: inline-block;
  width: 6rem;
  text-wrap: nowrap;
}
main .content-wrap .content-body .section.search .section-con dl .group dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  flex-grow: 1;
  min-width: 20rem;
}
main .content-wrap .content-body .section.search .section-con dl .group dd span:has(+ span.k-input) {
  width: initial;
}
main .content-wrap .content-body .section.search .section-con dl .group dd:has(.k-dropdownlist + .k-textbox) .k-dropdownlist {
  width: 14rem;
}
main .content-wrap .content-body .section.search .section-con dl .group dd:has(.k-dropdownlist + .k-textbox) .k-textbox {
  flex-grow: 1;
}
main .content-wrap .content-body .section.search .section-con dl.one-row {
  grid-template-rows: 1fr;
}
main .content-wrap .content-body .section.search .section-con .btn-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
  flex: 0 0 auto;
}
main .content-wrap .content-body .section.search .section-con .btn-box button {
  height: 100%;
}
@media screen and (max-width: 1180pxpx) {
  main .content-wrap .content-body .section.search {
    background-color: aqua;
  }
}

.list-form-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
  height: calc(100% - 4.6rem);
  overflow-y: auto;
  padding-bottom: 1.6rem;
}
.list-form-box .set {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  width: 100%;
}
.list-form-box .row-half {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4rem;
  width: inherit;
}
.list-form-box .row-half .group {
  width: 50%;
}
.list-form-box .row-half .group dd .k-textbox, .list-form-box .row-half .group dd .k-dropdownlist, .list-form-box .row-half .group dd .k-picker {
  flex-grow: 1;
}
.list-form-box .row-half .group dd:has(.k-dropdownlist + .wrapper) {
  gap: 0.8rem;
}
.list-form-box .row-half .group dd .wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  padding: 0 1.6rem 0 0;
}
.list-form-box .row-half .group dd .wrapper label {
  text-wrap: nowrap;
}
.list-form-box .group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.list-form-box .group dt {
  flex-shrink: 0;
  min-height: 3.6rem;
}
.list-form-box .group dt label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #696461;
  min-height: 3.6rem;
}
.list-form-box .group dt:has(+ dd .k-editor) {
  display: none;
}
.list-form-box .group dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  min-height: 3.6rem;
  border-radius: 0.6rem;
}
.list-form-box .group dd .wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  padding: 0 1.6rem 0 0;
}
.list-form-box .group dd .wrapper label {
  text-wrap: nowrap;
}
.list-form-box .group dd:has(.k-textbox + .wrapper) {
  gap: 1.6rem;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  flex-grow: 1;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-textbox, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-dropdownlist, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-picker, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-textarea {
  opacity: 1;
  width: 100%;
  background-color: #F2F2F1;
  border-color: transparent;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-textbox .k-input-inner, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-dropdownlist .k-input-inner, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-picker .k-input-inner, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-textarea .k-input-inner {
  color: #343130;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-textbox .k-input-button, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-dropdownlist .k-input-button, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-picker .k-input-button, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-textarea .k-input-button {
  display: none;
  color: #A39E9D;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-radio-list-item, .list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-checkbox:not(.k-checkbox:checked) {
  opacity: 1;
  background: transparent;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .important-checkbox {
  padding: 0 !important;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-datepicker {
  opacity: 1;
  background-color: #F2F2F1;
  border-color: transparent;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-datepicker .k-input-button {
  display: none;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .k-datepicker .k-input-button .k-icon svg {
  filter: none;
  fill: #A39E9D;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .tus-drop.read-only {
  outline: 0;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .tus-drop.read-only::before {
  display: none;
}
.list-form-box .group:has(:where(dd .k-disabled, input[disabled=disabled], .tus-drop.read-only)):not(:has(dd .k-editor)) dd .file-item button {
  display: none;
}
.list-form-box .group:has(dd .k-disabled):has(dd .k-editor) .k-editor {
  border-radius: 0.6rem;
  background-color: transparent;
}
.list-form-box .group.date dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
.list-form-box .group.date dd .k-datepicker {
  width: clamp(16rem, 100%, 24rem);
}
.list-form-box .group.date dd .date-checkbox {
  padding: 0 !important;
}
.list-form-box .group.date dd .wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  padding: 0 1.6rem 0 0;
}
.list-form-box .group.date dd .wrapper label {
  text-wrap: nowrap;
}
.list-form-box .group:has(.k-grid) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.list-form-box .group:has(.k-grid) dt {
  width: 100%;
  justify-content: space-between;
}
.list-form-box .group:has(.k-grid) dt label {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #22211F;
}
.list-form-box .k-form {
  flex-grow: 1;
  width: 100%;
}
.list-form-box .k-form .k-form-fieldset .k-form-legend {
  display: none;
}
.list-form-box .k-form .k-editor {
  min-height: 30rem;
}
.list-form-box .k-form :where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly) {
  border: 0;
}
.list-form-box .k-form :where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly) input {
  padding: 0 0.6rem;
  cursor: default;
}
.list-form-box .k-form :where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly):focus-within {
  box-shadow: none;
}
.list-form-box .k-form :where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) {
  border: 0;
  color: #22211F;
  opacity: 1;
}
.list-form-box .k-form :where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) input {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #343130;
}
.list-form-box .k-form :where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) button {
  display: none;
}
.list-form-box .k-form .k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 1rem 0;
}
.list-form-box .k-form .k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-label {
  flex-basis: auto;
  text-wrap: nowrap;
  text-align: left;
  margin-bottom: 0;
  width: 8rem;
}
.list-form-box .k-form .k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-form-field-wrap {
  width: 100%;
  background-color: #F2F2F1;
  border-radius: 0.6rem;
}
.list-form-box .k-form .k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-form-field-wrap span {
  background: transparent;
}
.list-form-box .k-form-field:has(.k-radio-list-item) .k-form-field-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 3.6rem;
  padding: 0 0.6rem;
}
.list-form-box .k-form-field:has(.k-radio-list-item.k-disabled) .k-form-field-wrap {
  padding: 0 0.6rem;
}
.list-form-box .k-form-field:has(.k-radio-list-item.k-disabled) .k-form-field-wrap .k-radio-list .k-radio-list-item:has(:not(.k-radio:checked)) {
  opacity: 1;
}
.list-form-box .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  width: 100%;
}

:where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly) {
  border: 0;
}
:where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly) input {
  padding: 0 0.6rem;
  cursor: default;
}
:where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly):focus-within {
  box-shadow: none;
}

:where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) {
  border: 0;
  color: #22211F;
  opacity: 1;
}
:where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) input {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #343130;
}
:where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) button {
  display: none;
}

.k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 1rem 0;
}
.k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-label {
  flex-basis: auto;
  text-wrap: nowrap;
  text-align: left;
  margin-bottom: 0;
  width: 8rem;
}
.k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-form-field-wrap {
  background-color: #F2F2F1;
  border-radius: 0.6rem;
}
.k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-form-field-wrap span {
  background: transparent;
}

.k-form {
  flex-grow: 1;
  width: 100%;
}
.k-form .k-form-fieldset .k-form-legend {
  display: none;
}
.k-form .k-editor {
  min-height: 30rem;
}
.k-form :where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly) {
  border: 0;
}
.k-form :where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly) input {
  padding: 0 0.6rem;
  cursor: default;
}
.k-form :where(.k-input:has(input.k-input-inner[readonly=readonly]), .k-textarea.k-readonly):focus-within {
  box-shadow: none;
}
.k-form :where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) {
  border: 0;
  color: #22211F;
  opacity: 1;
}
.k-form :where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) input {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #343130;
}
.k-form :where(.k-datepicker.k-disabled, .k-picker.k-dropdownlist[aria-disabled=true]) button {
  display: none;
}
.k-form .k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 1rem 0;
}
.k-form .k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-label {
  flex-basis: auto;
  text-wrap: nowrap;
  text-align: left;
  margin-bottom: 0;
  width: 8rem;
}
.k-form .k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-form-field-wrap {
  flex-grow: 1;
  background-color: #F2F2F1;
  border-radius: 0.6rem;
}
.k-form .k-form-field:has(:where(.k-radio-list-item.k-disabled, .k-dropzone[style*="display: none"], input[readonly=readonly], .k-datepicker.k-disabled, .k-textarea.k-readonly, .k-picker.k-dropdownlist[aria-disabled=true])) .k-form-field-wrap span {
  background: transparent;
}

.k-form-field:has(.k-radio-list-item) .k-form-field-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 3.6rem;
  padding: 0 0.6rem;
}

.k-form-field:has(.k-radio-list-item.k-disabled) .k-form-field-wrap {
  padding: 0 0.6rem;
}
.k-form-field:has(.k-radio-list-item.k-disabled) .k-form-field-wrap .k-radio-list .k-radio-list-item:has(:not(.k-radio:checked)) {
  opacity: 1;
}

.k-form-field:has(.k-editor > .k-editor-toolbar[style*="display: none"]) .k-label {
  display: none;
}
.k-form-field:has(.k-editor > .k-editor-toolbar[style*="display: none"]) .k-form-field-wrap {
  padding: 1rem 0;
}

.field-text .flex-box input:disabled {
  background-color: #F2F2F1;
}
.field-text .flex-box button:not(.k-dropdownlist .k-input-button) {
  min-width: 10rem;
}
.field-text .flex-box .k-textbox .k-input-inner {
  padding-right: 0.8rem;
}
.field-text .flex-box .k-textbox:not(:first-child) {
  position: relative;
}
.field-text .flex-box .k-textbox:not(:first-child)::before {
  content: "-";
  position: absolute;
  top: 0.6rem;
  left: -1.7rem;
  width: 1.6rem;
  text-align: center;
}

#agree-terms .section.search dl {
  grid-template-columns: 2fr 1fr 2fr;
}
#agree-terms .section.search dl dt label {
  width: 4.8rem;
}

#authority .cell-user-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
}
#authority .cell-user-info .cell-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
}
#authority .cell-user-info .sub {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
}
#authority .cell-user-info .sub span {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: inherit;
}
#authority .cell-user-info .sub span:not(:first-child)::before {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "";
  width: 0.15rem;
  height: 1rem;
  background-color: #DEDCDB;
  margin-right: 0.4rem;
}
#authority .section.side .k-grid .k-grid-toolbar .k-spacer {
  display: none;
}
#authority .section.side .k-grid .k-grid-toolbar .k-toolbar-item {
  flex-grow: 1;
}
#authority .section.side .k-grid .k-grid-toolbar .k-toolbar-item .k-searchbox.k-input {
  width: 100%;
}

.flex-wrap:has(#change_password) {
  width: 100%;
  height: 100%;
}
.flex-wrap:has(#change_password) main {
  width: 100%;
  height: 100%;
  background-color: #F8F8F8;
  padding-bottom: 0;
  overflow: hidden;
}
.flex-wrap:has(#change_password) main #change_password {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-wrap:has(#change_password) main #change_password .form-section {
  width: min(56rem, 35%);
  background-color: #fff;
  border: 1px solid #F2F2F1;
  border-radius: 2.4rem;
  padding: 6rem 4rem;
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.flex-wrap:has(#change_password) main #change_password .form-section .form-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}
.flex-wrap:has(#change_password) main .k-form-buttons {
  width: 100%;
}

#closed_days .section.main .section-tit-box :where(.k-picker.restaurant-select, .k-picker.corner-select) {
  min-width: 16rem;
}
#closed_days .k-scheduler-cell:has(.k-event) .k-link.k-nav-day {
  position: relative;
  color: #fb2c36;
  background-color: rgb(254.6, 233.9, 234.9);
}

#company .section.search .k-dropdownlist {
  min-width: 12rem;
}

#event section.main .section-con {
  position: relative;
}
#event section.main .section-con .grid-side-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  border: 0;
  border-radius: 0.8rem 0 0 0.8rem;
  background-color: #fff;
  border-color: transparent;
  overflow: hidden;
  padding: 0;
  text-wrap: nowrap;
  transition: width 0.3s ease-in-out, border-color 0.3s ease-in, box-shadow 0.3s ease-in, padding 0s 0.3s;
}
#event section.main .section-con .grid-side-box .section-tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
#event section.main .section-con .grid-side-box .section-tit-box button.close i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#event section.main .section-con .grid-side-box .section-tit-box .section-tit {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #000;
}
#event section.main .section-con .grid-side-box .section-con ul.list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
#event section.main .section-con .grid-side-box .section-con ul.list li.list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  padding: 0.8rem;
  border-radius: 0.6rem;
  background-color: #F2F2F1;
}
#event section.main .section-con .grid-side-box .section-con ul.list li.list-item p {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.4rem;
}
#event section.main .section-con .grid-side-box .section-con ul.list li.list-item p span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #343130;
}
#event section.main .section-con .grid-side-box .section-con ul.list li.list-item p span.user-name {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #000;
}
#event section.main .section-con .grid-side-box.is-show {
  width: clamp(12rem, 60%, 80%);
  padding: 1rem;
  border: 1px solid #DEDCDB;
  box-shadow: -2px 1px 3px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px 0px rgba(0, 0, 0, 0.1);
  transition: width 0.3s ease-in-out, border-color 0.3s ease-in, box-shadow 0.3s ease-in, padding 0s ease-in;
}
#event section.detail .list-form-box {
  padding-bottom: 4rem;
}
#event section.detail .list-form-box dt:not(:has(.flex-box)) {
  width: 8rem;
}
#event section.detail .list-form-box .group.date dd .k-datepicker {
  flex-grow: 1;
  max-width: 16rem;
}
#event section.detail .list-form-box .group.date dd .k-datepicker + .wrapper:has(.toggle-box) {
  padding-left: 0.8rem;
}
#event section.detail .list-form-box hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#event section.detail .group:not(:last-child):has(.k-grid) {
  margin-bottom: 2rem;
}
#event section.detail .group dt.flex-box {
  justify-content: space-between;
}
#event section.detail .group dd.flex-col-box {
  flex-direction: column;
  align-items: start;
  gap: 2rem;
}
#event section.detail .group dd.flex-col-box .flex-box {
  width: 100%;
}
#event section.detail .group.thumbnail dd .tus-drop {
  min-height: 3.6rem;
  width: 100%;
}
#event section.detail .group.thumbnail dd .tus-drop .img-wrapper img {
  min-height: 3.6rem;
}
#event section.detail .group.body dd .tus-drop {
  min-height: 3.6rem;
}
#event section.detail .group.body dd .tus-drop .img-wrapper img {
  min-height: 3.6rem;
}
#event section.detail .group:has(.tus-drop) dd {
  position: relative;
}

#event_participant section.search dl {
  width: 100%;
  grid-template-columns: 0.6fr 0.8fr 1.2fr;
}
#event_participant section.main .section-con {
  position: relative;
}
#event_participant section.main .section-con .grid-side-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  border: 0;
  border-radius: 0.8rem 0 0 0.8rem;
  background-color: #fff;
  border-color: transparent;
  overflow: hidden;
  padding: 0;
  text-wrap: nowrap;
  transition: width 0.3s ease-in-out, border-color 0.3s ease-in, box-shadow 0.3s ease-in, padding 0s 0.3s;
}
#event_participant section.main .section-con .grid-side-box .section-tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
#event_participant section.main .section-con .grid-side-box .section-tit-box button.close i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#event_participant section.main .section-con .grid-side-box .section-tit-box .section-tit {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #000;
}
#event_participant section.main .section-con .grid-side-box .section-con ul.list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
#event_participant section.main .section-con .grid-side-box .section-con ul.list li.list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  padding: 0.8rem;
  border-radius: 0.6rem;
  background-color: #F2F2F1;
}
#event_participant section.main .section-con .grid-side-box .section-con ul.list li.list-item p {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.4rem;
}
#event_participant section.main .section-con .grid-side-box .section-con ul.list li.list-item p span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #343130;
}
#event_participant section.main .section-con .grid-side-box .section-con ul.list li.list-item p span.user-name {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #000;
}
#event_participant section.main .section-con .grid-side-box.is-show {
  width: clamp(12rem, 60%, 80%);
  padding: 1rem;
  border: 1px solid #DEDCDB;
  box-shadow: -2px 1px 3px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px 0px rgba(0, 0, 0, 0.1);
  transition: width 0.3s ease-in-out, border-color 0.3s ease-in, box-shadow 0.3s ease-in, padding 0s ease-in;
}
#event_participant section.detail .list-form-box {
  padding-bottom: 4rem;
}
#event_participant section.detail .list-form-box dt:not(:has(.flex-box)) {
  width: 8rem;
}
#event_participant section.detail .list-form-box .group.date dd .k-datepicker {
  flex-grow: 1;
  max-width: 16rem;
}
#event_participant section.detail .list-form-box .group.date dd .k-datepicker + .wrapper:has(.toggle-box) {
  padding-left: 0.8rem;
}
#event_participant section.detail .list-form-box hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#event_participant section.detail .group:not(:last-child):has(.k-grid) {
  margin-bottom: 2rem;
}
#event_participant section.detail .group dt.flex-box {
  justify-content: space-between;
}
#event_participant section.detail .group dd.flex-col-box {
  flex-direction: column;
  align-items: start;
  gap: 2rem;
}
#event_participant section.detail .group dd.flex-col-box .flex-box {
  width: 100%;
}
#event_participant section.detail .group.thumbnail dd .tus-drop {
  min-height: 3.6rem;
  width: 100%;
}
#event_participant section.detail .group.thumbnail dd .tus-drop .img-wrapper img {
  min-height: 3.6rem;
}
#event_participant section.detail .group.body dd .tus-drop {
  min-height: 3.6rem;
}
#event_participant section.detail .group.body dd .tus-drop .img-wrapper img {
  min-height: 3.6rem;
}
#event_participant section.detail .group:has(.tus-drop) dd {
  position: relative;
}

#event_winners section.detail .section-tit {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  line-height: 3.6rem;
}
#event_winners section.detail .section-tit .text-16-tit {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #D36A29;
}
#event_winners section.detail .section-tit .text-16-tit::before {
  display: inline-block;
  content: "";
  margin-right: 0.8rem;
  width: 1px;
  height: 1rem;
  background-color: #A39E9D;
}
#event_winners section.detail .section-tit .text-16-tit .text-12-side {
  padding-left: 0.4rem;
}

main.error .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
main.error .content-wrap p.head {
  font-size: 3.2rem;
  line-height: 4.8rem;
  font-weight: 800;
  color: #000;
}

:where(#faq, #notice) .section.main .section-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: calc(100% - 4.6rem);
}
:where(#faq, #notice) .section.main .section-con .con-head {
  width: 100%;
  background-color: #F2F2F1;
  padding: 2rem;
  border-radius: 0.8rem;
  flex: 0 0 auto;
}
:where(#faq, #notice) .section.main .section-con .con-head h3 {
  margin-bottom: 2rem;
}
:where(#faq, #notice) .section.main .section-con .con-head .search-box {
  width: 100%;
}
:where(#faq, #notice) .section.main .section-con .con-head .search-box button i.search {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-search.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(51%) saturate(1%) hue-rotate(7deg) brightness(110%) contrast(101%);
}
:where(#faq, #notice) .section.main .section-con .con-body {
  width: 100%;
  height: calc(100% - 13.2rem);
}
:where(#faq, #notice) .section.main .section-con .con-body ul.list .k-listview {
  width: 100%;
  border-width: 0;
}
:where(#faq, #notice) .section.main .section-con .con-body ul.list .k-listview .k-listview-content li.list-item {
  margin-bottom: 0.8rem;
}
:where(#faq, #notice) .section.main .section-con .con-body ul.list .k-listview .k-listview-content li.list-item:last-child {
  margin-bottom: 0;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box {
  flex-grow: 1;
  width: 100%;
  height: calc(100% - 5.2rem);
  overflow-y: auto;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .filter-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 1rem;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .filter-box .k-dropdownlist {
  width: initial;
  min-width: 12rem;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap {
  width: 100%;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item {
  width: 100%;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border-radius: 0.8rem;
  border: 1px solid #C3C0BF;
  padding: 0 1.6rem;
  cursor: pointer;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  flex-basis: auto;
  height: 100%;
  text-overflow: ellipsis;
  height: 5.4rem;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell span {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.tag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0.8rem 0 1.6rem;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.tag span.tag {
  font-size: max(9px, 1.1rem);
  line-height: 1.4rem;
  font-weight: 500;
  color: #fff;
  width: 3.2rem;
  text-align: center;
  padding: 0.4rem 0.4rem;
  border-radius: 0.4rem;
  background-color: #ff2056;
  transform: translateY(0);
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.num {
  min-width: 4rem;
  padding-right: 0.8rem;
  text-wrap: nowrap;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.num span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
  text-align: center;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.title {
  flex-grow: 1;
  width: clamp(20rem, 50%, 40rem);
  justify-content: left;
  gap: 0.4rem;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.category {
  width: clamp(6rem, 10%, 8rem);
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.category span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #22211F;
  text-align: center;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.date {
  width: clamp(8rem, 15%, 10rem);
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.date span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
  text-align: center;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.views {
  width: clamp(3.2rem, 5%, 4rem);
  text-wrap: nowrap;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.views span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
  text-align: center;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.faq-category {
  width: clamp(10rem, 25%, 16rem);
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.faq-category span {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
  text-align: center;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.openness {
  width: clamp(5rem, 25%, 8rem);
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.openness span {
  font-size: max(9px, 1.1rem);
  line-height: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  background-color: #ff2056;
  transform: translateY(0);
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.openness span.open {
  background-color: #696461;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell.openness span.unopen {
  background-color: #C3C0BF;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell:first-child {
  padding: 0 0.4rem 0 0;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box .cell:last-child {
  padding: 0 0 0 0.4rem;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box[aria-selected=true] {
  background-color: #F9FAE9;
  border-color: #C2CB1E;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box[aria-selected=true]:hover {
  background-color: #EDF0BC;
}
:where(#faq, #notice) .section.main .section-con .con-body .scroll-box .list-wrap .list .list-item .item-box:hover {
  background-color: #F2F2F1;
}
:where(#faq, #notice) .section.main .section-con .con-body .pagination-box {
  flex: 0 0 auto;
}
:where(#faq, #notice) .section.detail .section-con > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  height: 100%;
  overflow-y: auto;
}
:where(#faq, #notice) .section.detail .section-con > div .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
:where(#faq, #notice) .section.detail .section-con > div .btn-group.add {
  justify-content: end;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field .k-form-field-wrap .k-picker.k-dropdownlist.k-disabled {
  border: 0;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(.k-dropzone[style*="display: none"]) .k-form-field-wrap {
  padding: 1rem;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(.k-dropzone[style*="display: none"]) .k-form-field-wrap .k-upload-files .k-file {
  margin-bottom: 0.8rem;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(.k-dropzone[style*="display: none"]) .k-form-field-wrap .k-upload-files .k-file .k-file-icon-wrapper .k-file-state {
  display: none;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(.k-dropzone[style*="display: none"]) .k-form-field-wrap .k-upload-files .k-file .k-file-info .k-file-name {
  color: #585350;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(.k-dropzone[style*="display: none"]) .k-form-field-wrap .k-upload-files .k-file .k-file-info .k-file-validation-message {
  display: none;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(.k-dropzone[style*="display: none"]) .k-form-field-wrap .k-upload-files .k-file .k-upload-actions {
  display: none;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(.k-dropzone[style*="display: none"]) .k-form-field-wrap .k-upload-files .k-file:last-child {
  margin-bottom: 0;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(:where(input[type=checkbox], .start-picker, .end-picker)) .k-form-field-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(:where(input[type=checkbox], .start-picker, .end-picker)) .k-form-field-wrap .k-checkbox-wrap {
  align-self: center;
  margin-left: 0.6rem;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(:where(input[type=checkbox], .start-picker, .end-picker)) .k-form-field-wrap .k-checkbox-label {
  text-wrap: nowrap;
  margin-right: 0.6rem;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(:where(input[type=checkbox], .start-picker, .end-picker)) .k-form-field-wrap .k-datepicker {
  flex-grow: 1;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(:where(input[type=checkbox], .start-picker, .end-picker)) .k-form-field-wrap .end-picker {
  margin-left: 1.8rem;
  position: relative;
  overflow: initial;
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-field:has(:where(input[type=checkbox], .start-picker, .end-picker)) .k-form-field-wrap .end-picker::after {
  content: "-";
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 0.8rem;
  transform: translateX(-100%);
}
:where(#faq, #notice) .section.detail .section-con > div .k-form-fieldset:has(.k-form-field .k-readonly-text) {
  padding-top: 1rem;
}
:where(#faq, #notice) .section .none-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
:where(#faq, #notice) .section .none-data span {
  color: #696461;
}

#notice .section.detail .list-form-box .group {
  align-items: start;
}
#notice .section.detail .list-form-box .group dt > label {
  width: 6rem;
  flex-shrink: 0;
}
#notice .section.detail .list-form-box .group dd .wrapper {
  flex: 0 0;
}
#notice .item-box .cell.category {
  width: clamp(8rem, 10%, 12rem);
}
#notice .item-box .cell.category-restaurant {
  width: 20%;
}
#notice .item-box .cell.category-restaurant span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #22211F;
  text-align: center;
}
#notice .group:has(:where(dd .k-textbox + .wrapper, .k-datepicker + .wrapper)) dd:has(.k-disabled) {
  background-color: transparent;
}
#notice .group:has(:where(dd .k-textbox + .wrapper, .k-datepicker + .wrapper)) dd:has(.k-disabled) :where(.k-textbox, .k-datepicker) {
  background-color: #F2F2F1;
}
#notice .group:has(:where(dd .k-textbox + .wrapper, .k-datepicker + .wrapper)).date .wrapper {
  padding: 0 1.6rem 0 0.8rem;
  gap: 0.8rem;
}

.flex-wrap:has(#find_account) {
  width: 100%;
  height: 100%;
}
.flex-wrap:has(#find_account) main {
  width: 100%;
  height: 100%;
  background-color: #F8F8F8;
  padding-bottom: 0;
  overflow: hidden;
}
.flex-wrap:has(#find_account) main .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-wrap:has(#find_account) main .content-wrap .section {
  width: min(56rem, 35%);
  background-color: #fff;
  border: 1px solid #F2F2F1;
  border-radius: 2.4rem;
  padding: 2rem 2rem;
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.flex-wrap:has(#find_account) main .content-wrap .section h2 {
  text-align: center;
  width: 100%;
  padding: 1rem 0;
}
.flex-wrap:has(#find_account) main .content-wrap .section .tab-content-box p {
  display: block;
  text-wrap: balance;
  text-align: center;
  word-break: keep-all;
  background-color: #F2F2F1;
  padding: 2rem 1rem;
  color: #696461;
  border-top: 1px solid #DEDCDB;
  border-bottom: 1px solid #DEDCDB;
}
.flex-wrap:has(#find_account) main .content-wrap .section .tab-content-box form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  padding: 0 1rem 1rem;
}
.flex-wrap:has(#find_account) main .content-wrap .section .tab-content-box form .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  padding-top: 2rem;
}
.flex-wrap:has(#find_account) main .content-wrap .section .tab-content-box form .form-group .field-text {
  position: relative;
}
.flex-wrap:has(#find_account) main .content-wrap .section .tab-content-box form .form-group .field-text .k-invalid-msg {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  position: absolute;
  bottom: 0rem;
  left: 0.6rem;
  transform: translateY(100%);
  font-style: initial;
}
.flex-wrap:has(#find_account) main .content-wrap .section .tab-content-box button {
  margin-top: 1rem;
}

#dashboard .content-body {
  height: calc(100dvh - 8rem - 5.8rem);
}
@media screen and (max-width: 1600px) {
  #dashboard .content-body {
    max-height: initial;
    height: initial;
    overflow-y: visible;
  }
  #dashboard .content-body .section {
    grid-template-rows: auto auto 1.2fr 1fr;
  }
  #dashboard .content-body .section .kpi-card {
    grid-column: span 6;
  }
}
#dashboard .content-body .section.main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 12rem 1.2fr 1fr;
  grid-gap: 16px;
  padding: 2rem 0 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: visible;
}
@media screen and (max-width: 1600px) {
  #dashboard .content-body .section.main {
    grid-template-rows: auto auto 1.2fr 1fr 1fr;
  }
}
#dashboard .content-body .section.main .box-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  height: 100%;
  overflow: hidden;
}
#dashboard .content-body .section.main .box-card .tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#dashboard .content-body .section.main .box-card .tit-box .tit {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #22211F;
}
#dashboard .content-body .section.main .box-card .tit-box .help-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  font-size: max(9px, 1.1rem);
  line-height: 1.4rem;
  font-weight: 400;
  color: #7B7472;
}
#dashboard .content-body .section.main .box-card .tit-box .help-text::before {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  content: "";
  width: 1px;
  height: 1rem;
  background-color: #A39E9D;
}
#dashboard .content-body .section.main .box-card .see-all-btn {
  color: #F58233;
}
#dashboard .content-body .section.main .box-card .see-all-btn i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(40%) sepia(22%) saturate(2733%) hue-rotate(339deg) brightness(102%) contrast(92%);
}
#dashboard .content-body .section.main .box-card .card-con {
  width: 100%;
  flex-grow: 1;
}
#dashboard .content-body .section.main .kpi-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  padding: 2.4rem;
  grid-column: span 3;
}
@media screen and (max-width: 1600px) {
  #dashboard .content-body .section.main .kpi-card {
    grid-column: span 6;
  }
}
#dashboard .content-body .section.main .kpi-card .tit {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #343130;
}
#dashboard .content-body .section.main .kpi-card .card-con {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#dashboard .content-body .section.main .kpi-card .card-con .value {
  font-size: 2.8rem;
  line-height: 4.2rem;
  font-weight: 700;
  color: #000;
}
#dashboard .content-body .section.main .kpi-card .card-con .compare-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
#dashboard .content-body .section.main .kpi-card .card-con .compare-box .compare {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #22211F;
  line-height: 2.2rem;
}
#dashboard .content-body .section.main .kpi-card .card-con .compare-box .compare.up {
  color: #00C951;
}
#dashboard .content-body .section.main .kpi-card .card-con .compare-box .compare.down {
  color: #F58233;
}
#dashboard .content-body .section.main .kpi-card .card-con .compare-box .help-text {
  font-size: max(9px, 1.1rem);
  line-height: 1.4rem;
  font-weight: 400;
  color: #696461;
  line-height: 1.5rem;
}
#dashboard .content-body .section.main .voc-chart {
  grid-column: span 8;
}
@media screen and (max-width: 1600px) {
  #dashboard .content-body .section.main .voc-chart {
    grid-column: span 12;
  }
}
#dashboard .content-body .section.main .voc-list {
  grid-column: span 4;
}
@media screen and (max-width: 1600px) {
  #dashboard .content-body .section.main .voc-list {
    grid-column: span 6;
  }
}
#dashboard .content-body .section.main .voc-list-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
  height: 100%;
}
#dashboard .content-body .section.main .voc-list-con .list-item {
  width: 100%;
  flex: 1 0 0;
  align-self: center;
}
#dashboard .content-body .section.main .voc-list-con .list-item .item-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  border-radius: 0.8rem;
  background-color: #F8F8F8;
  border: 1px solid #F2F2F1;
}
#dashboard .content-body .section.main .voc-list-con .list-item .item-box .name-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  overflow: hidden;
}
#dashboard .content-body .section.main .voc-list-con .list-item .item-box .name-box .num {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #22211F;
}
#dashboard .content-body .section.main .voc-list-con .list-item .item-box .name-box .name {
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1 0;
}
#dashboard .content-body .section.main .voc-list-con .list-item .item-box .date {
  font-size: max(9px, 1.1rem);
  line-height: 1.4rem;
  font-weight: 400;
  color: #7B7472;
  white-space: nowrap;
}
#dashboard .content-body .section.main .voc-list-con:has(:not(.list-item:nth-child(n+5))) .list-item {
  max-height: calc((100% - 3.2rem) / 5);
}
#dashboard .content-body .section.main .menu-top5 {
  grid-column: span 4;
}
@media screen and (max-width: 1600px) {
  #dashboard .content-body .section.main .menu-top5 {
    grid-column: span 6;
  }
}
#dashboard .content-body .section.main .menu-top5 .card-con {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  max-height: calc(100% - 4rem);
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  border-radius: 0.8rem;
  background-color: #F8F8F8;
  border: 1px solid #F2F2F1;
  max-width: 100%;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item.rank-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding: 2rem 2rem 0;
  flex: 1 1 0;
  max-width: calc((100% - 1rem) / 2);
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item.rank-1 .thumbnail-img {
  height: 100%;
  width: 100%;
  border-radius: 0.8rem;
  aspect-ratio: 6/4;
  overflow: hidden;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item.rank-1 .thumbnail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: 100%;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item.rank-1 .meal-info {
  height: 4.4rem;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item.rank-1 .meal-info .meal-name {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #22211F;
  height: 4.4rem;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 0 0;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item.rank-1 .meal-info .meal-name .rank {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item.rank-1 .meal-info .star-rating {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #22211F;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item.rank-1 .meal-info .star-rating i.star {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/icons/ico-star.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(80%) sepia(46%) saturate(802%) hue-rotate(334deg) brightness(98%) contrast(102%);
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item .meal-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  width: 100%;
  flex: 1 1 0;
  height: 100%;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item .meal-info .meal-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item .meal-info .meal-name .rank {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #22211F;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item .meal-info .meal-name .name {
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item .meal-info .star-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
  flex: 0 0 auto;
}
#dashboard .content-body .section.main .menu-top5 .card-con .rank-item .meal-info .star-rating i.star {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons/ico-star.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(80%) sepia(46%) saturate(802%) hue-rotate(334deg) brightness(98%) contrast(102%);
}
#dashboard .content-body .section.main .menu-top5 .card-con .other-rank-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  max-width: calc((100% - 1rem) / 2);
  height: 100%;
}
#dashboard .content-body .section.main .menu-top5 .card-con .other-rank-list .list-item {
  flex: 1 1 0;
  width: 100%;
}
#dashboard .content-body .section.main .menu-top5 .card-con .other-rank-list .list-item .rank-item {
  height: 100%;
}
#dashboard .content-body .section.main .menu-top5 .card-con .other-rank-list:has(:not(.list-item:nth-child(n+4))) .list-item {
  max-height: calc((100% - 3rem) / 4);
}
#dashboard .content-body .section.main .event-top5 {
  grid-column: span 4;
}
@media screen and (max-width: 1600px) {
  #dashboard .content-body .section.main .event-top5 {
    grid-column: span 6;
  }
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  height: 100%;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list .list-item {
  width: 100%;
  flex: 1 1 0;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list .list-item .item-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: 100%;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list .list-item .item-box .name-box {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  overflow: hidden;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list .list-item .item-box .name-box .name {
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1 0;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list .list-item .item-box .name-box .rank {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #000;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #F2F2F1;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list .list-item .item-box .name-box .end-date {
  font-size: max(9px, 1.1rem);
  line-height: 1.4rem;
  font-weight: 400;
  color: #7B7472;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list .list-item .item-box .name-box .end-date::before {
  content: "";
  width: 1px;
  height: 1rem;
  background-color: #A39E9D;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list .list-item .item-box .participant {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
  white-space: nowrap;
}
#dashboard .content-body .section.main .event-top5 .card-con .event-list:has(:not(.list-item:nth-child(n+5))) .list-item {
  max-height: calc((100% - 3.2rem) / 5);
}
#dashboard .content-body .section.main .restaurant-top5 {
  grid-column: span 4;
}
@media screen and (max-width: 1600px) {
  #dashboard .content-body .section.main .restaurant-top5 {
    grid-column: span 6;
  }
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item {
  width: 100%;
  height: 100%;
  flex-grow: 1;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item .item-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.6rem;
  height: 100%;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item .item-box .name-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item .item-box .name-box .rank {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #000;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #F2F2F1;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item .item-box .name-box .name {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #000;
  width: 10rem;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item .item-box .bar-graph {
  width: calc(100% - 10rem);
  margin-right: 10rem;
  height: 55%;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item .item-box .bar-graph .value-bar {
  position: relative;
  height: 100%;
  border-radius: 0.4rem;
  width: 80%;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item .item-box .bar-graph .value-bar .value {
  position: absolute;
  top: 50%;
  right: -1.6rem;
  transform: translate(100%, -50%);
  text-wrap: nowrap;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item:nth-child(1) .bar-graph .value-bar {
  background-color: #F47117;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item:nth-child(2) .bar-graph .value-bar {
  background-color: #F68525;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item:nth-child(3) .bar-graph .value-bar {
  background-color: #F99A35;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item:nth-child(4) .bar-graph .value-bar {
  background-color: #FBAF43;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list .list-item:nth-child(5) .bar-graph .value-bar {
  background-color: #FDC352;
}
#dashboard .content-body .section.main .restaurant-top5 .card-con .restaurant-list:has(:not(.list-item:nth-child(n+5))) .list-item {
  max-height: 20%;
}

#manager .section.search dl {
  grid-template-columns: 1fr 1fr 2fr;
}
#manager .section.search dl dd .k-datepicker {
  max-width: 20rem;
}

#master_code .section.search .group dd span:has(+ span.k-input) {
  min-width: 10rem;
}

#master_food .section.main .search-box {
  align-items: end;
  justify-content: start;
}
#master_food .section.main .search-box .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
#master_food .section.main .search-box .group:nth-child(2) {
  flex-grow: 1;
}
#master_food .section.main .search-box .group dt {
  flex: 0 0 auto;
  text-wrap: no-wrap;
}
#master_food .section.main .search-box .group dt label {
  text-wrap: no-wrap;
}
#master_food .section.main .search-box .group dd {
  flex-grow: 1;
}
#master_food .section.detail .food-info {
  height: calc(100% - 4.6rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  overflow-y: auto;
}
#master_food .section.detail .food-info .thumbnail-wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 2.4rem;
  width: 100%;
}
#master_food .section.detail .food-info .thumbnail-wrapper > :where(div, dl) {
  width: calc((100% - 1.6rem) / 2);
}
#master_food .section.detail .food-info .thumbnail-wrapper .thumbnail-box {
  aspect-ratio: 1;
}
#master_food .section.detail .food-info .thumbnail-wrapper .thumbnail-box::before {
  z-index: 0;
}
#master_food .section.detail .food-info .thumbnail-wrapper .thumbnail-box img {
  aspect-ratio: 1;
}
#master_food .section.detail .food-info .thumbnail-wrapper .thumbnail-box span {
  z-index: 1;
}
#master_food .section.detail .food-info .thumbnail-wrapper .thumbnail-box:has(:not(.edit.hidden))::before {
  z-index: -1;
}
#master_food .section.detail .food-info .thumbnail-wrapper .thumbnail-box:has(.img-wrapper.hidden + .img-wrapper.none-img.hidden)::before {
  z-index: 0;
}
#master_food .section.detail .food-info .thumbnail-wrapper .title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
}
#master_food .section.detail .food-info .thumbnail-wrapper .title-wrapper .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  width: 100%;
}
#master_food .section.detail .food-info .thumbnail-wrapper .title-wrapper .group dt {
  flex-shrink: 0;
  width: 7.2rem;
}
#master_food .section.detail .food-info .thumbnail-wrapper .title-wrapper .group dd {
  flex-grow: 1;
}
#master_food .section.detail .food-info .thumbnail-wrapper .title-wrapper .group dd > * {
  min-width: 6rem;
}
#master_food .section.detail .food-info .form-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4rem;
  flex-wrap: wrap;
  row-gap: 1.6rem;
  padding-bottom: 1.6rem;
}
#master_food .section.detail .food-info .form-list .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  width: calc((100% - 2.4rem) / 2);
}
#master_food .section.detail .food-info .form-list .group dt {
  flex-shrink: 0;
  width: 7.2rem;
}
#master_food .section.detail .food-info .form-list .group dd {
  flex-grow: 1;
}
#master_food .section.detail .food-info .form-list .group dd > * {
  min-width: 6rem;
}
#master_food .section.detail .btn-group {
  padding-top: 1rem;
  width: 100%;
}
#master_food .section.detail .btn-group.add {
  width: 100%;
}
#master_food .section.detail .btn-group.add .flex-box {
  justify-content: space-between;
  width: 100%;
}

#master_food .group dt label {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 500;
  color: #696461;
}
#master_food .group dt:has(+ dd .k-disabled) label {
  color: #A39E9D;
}
#master_food .group dd .k-dropdownlist.k-disabled, #master_food .group dd .k-textbox.k-disabled {
  opacity: 1;
  background-color: #F2F2F1;
  border-color: #DEDCDB;
}
#master_food .group dd .k-dropdownlist.k-disabled .k-input-value-text, #master_food .group dd .k-textbox.k-disabled .k-input-value-text {
  color: #343130;
  text-align: left;
}
#master_food .group dd .k-dropdownlist.k-disabled .k-input-button, #master_food .group dd .k-textbox.k-disabled .k-input-button {
  color: #A39E9D;
}
#master_food .form-list .k-textbox.k-disabled .k-input-inner {
  text-align: right;
}

#meal .section.search .list-form-box {
  padding-bottom: 0;
  height: fit-content;
}
#meal .section.search .list-form-box .row-half {
  justify-content: start;
}
#meal .section.main {
  max-height: initial;
  height: fit-content;
}

.card-list {
  display: inline-grid;
  grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
  grid-template-rows: 1fr 1fr;
  overflow: hidden;
  gap: 1.6rem;
}
@media screen and (max-width: 1445px) {
  .card-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 2454px) {
  .card-list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: ) {
  .card-list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.card-list .card {
  cursor: pointer;
  aspect-ratio: 3.5/5.5;
  width: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
  border-radius: 1.2rem;
}
.card-list .card .surface {
  background-color: #fff;
  border: 1px solid #DEDCDB;
  border-radius: 1.2rem;
  padding: 2rem;
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden; /* 뒷면 숨기기 */
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
}
.card-list .card .surface.front {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  transform: rotateY(0);
}
.card-list .card .surface.front .card-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.card-list .card .surface.front .thumbnail-box {
  aspect-ratio: 3/2;
  margin-bottom: 1rem;
  flex-shrink: 0;
}
.card-list .card .surface.front .thumbnail-box img {
  aspect-ratio: 3/2;
  overflow: hidden;
}
.card-list .card .surface.front .mealtype-tag-box {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.card-list .card .surface.front .meal-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.card-list .card .surface.front .meal-list .meal-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
  width: 100%;
}
.card-list .card .surface.front .meal-list .meal-item .value {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.card-list .card .surface.front .meal-list .meal-item .k-combobox {
  flex-grow: 1;
}
.card-list .card .surface.front .meal-list .meal-item button:has(i.minus) {
  background-color: rgb(255, 237.16, 241.48);
}
.card-list .card .surface.front .meal-list .meal-item button:has(i.minus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
.card-list .card .surface.front .meal-list .meal-item button:has(i.plus) {
  background-color: rgb(237.32, 237.24, 237.08);
}
.card-list .card .surface.front .meal-list .meal-item button:has(i.plus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
.card-list .card .surface.back {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  transform: rotateY(180deg);
}
.card-list .card .surface.back .nutrient-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  background-color: #F2F2F1;
  padding: 1rem;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  border-radius: 0.8rem;
}
.card-list .card .surface.back .nutrient-list .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.card-list .card .surface.back .nutrient-list .group dt {
  flex-grow: 1;
  width: 50%;
}
.card-list .card .surface.back .nutrient-list .group dt label {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #343130;
  text-wrap: nowrap;
}
.card-list .card .surface.back .nutrient-list .group dd {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.2rem;
  flex-grow: 1;
  width: 50%;
}
.card-list .card .surface.back .nutrient-list .group dd .value {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
}
.card-list .card .surface.back .nutrient-list .group dd .unit {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #696461;
}
.card-list .card .surface .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.card-list .card .surface .btn-group.add .flex-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.card-list .card.upside-down .surface.front {
  transform: rotateY(180deg);
}
.card-list .card.upside-down .surface.back {
  transform: rotateY(0);
}
.card-list .card:where(.add, .edit) {
  cursor: auto;
}
.card-list .card:where(.add, .edit) .surface.back .card-head button i {
  transform: rotate(-90deg);
}
.card-list .card:where(.add, .edit) .surface.back .nutrient-list dd {
  position: relative;
}
.card-list .card:where(.add, .edit) .surface.back .nutrient-list dd input {
  padding-right: 3rem;
  text-align: right;
}
.card-list .card:where(.add, .edit) .surface.back .nutrient-list dd .unit {
  position: absolute;
  width: 2.4rem;
  text-align: center;
  right: 0.6rem;
  transform: translateY(-25%);
}
.card-list .card.empty {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: default;
  background-color: rgba(222, 220, 219, 0.4);
}
.card-list .card.empty::before {
  content: "";
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: url(../../images/icons/ico-empty-logo.png) center center no-repeat;
  background-size: contain;
  width: 35%;
  height: 25%;
  object-fit: contain;
}

#meal_plan .section.main .section-con {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
#meal_plan .section.main .section-con .filter-selectbox {
  width: initial;
}
#meal_plan .section.main .section-con .pagination-box {
  width: 100%;
}
#meal_plan .section.detail .section-tit-box .k-dropdownlist {
  min-width: 12rem;
}

#meal_review .section.search dl {
  grid-template-columns: 1.5fr 1fr 1fr;
}
#meal_review .section.search dl dt label {
  width: 3.2rem;
}

#menu .section.side .section-side-con dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  height: calc(100% - 5.6rem);
  overflow-y: auto;
}
#menu .section.side .section-side-con dl > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  position: relative;
  width: 100%;
}
#menu .section.side .section-side-con dl > div dt {
  width: 6rem;
}
#menu .section.side .section-side-con dl > div dt > label:first-child {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #696461;
  padding: 0 0 0.4rem;
}
#menu .section.side .section-side-con dl > div dt.between > div {
  position: absolute;
  bottom: 0;
  left: 6.4rem;
  transform: translateY(100%);
}
#menu .section.side .section-side-con dl > div dd {
  flex-grow: 1;
}
#menu .section.side .section-side-con dl > div:has(.between) {
  margin-bottom: 1.6rem;
}

#menu_authority .section.main .section-con {
  position: relative;
}
#menu_authority .section.main .section-con .grid-side-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  border: 0;
  border-radius: 0.8rem 0 0 0.8rem;
  background-color: #fff;
  border-color: transparent;
  overflow: hidden;
  padding: 0;
  text-wrap: nowrap;
  transition: width 0.3s ease-in-out, border-color 0.3s ease-in, box-shadow 0.3s ease-in, padding 0s 0.3s;
}
#menu_authority .section.main .section-con .grid-side-box .section-tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
#menu_authority .section.main .section-con .grid-side-box .section-tit-box button.close i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#menu_authority .section.main .section-con .grid-side-box .section-tit-box .section-tit {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #000;
}
#menu_authority .section.main .section-con .grid-side-box .section-con ul.list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
#menu_authority .section.main .section-con .grid-side-box .section-con ul.list li.list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  padding: 0.8rem;
  border-radius: 0.6rem;
  background-color: #F2F2F1;
}
#menu_authority .section.main .section-con .grid-side-box .section-con ul.list li.list-item p {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.4rem;
}
#menu_authority .section.main .section-con .grid-side-box .section-con ul.list li.list-item p span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #343130;
}
#menu_authority .section.main .section-con .grid-side-box .section-con ul.list li.list-item p span.user-name {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #000;
}
#menu_authority .section.main .section-con .grid-side-box.is-show {
  width: clamp(12rem, 60%, 80%);
  padding: 1rem;
  border: 1px solid #DEDCDB;
  box-shadow: -2px 1px 3px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px 0px rgba(0, 0, 0, 0.1);
  transition: width 0.3s ease-in-out, border-color 0.3s ease-in, box-shadow 0.3s ease-in, padding 0s ease-in;
}

#my_page section.main {
  position: relative;
  gap: 2rem;
}
#my_page section.main .section-tit-box {
  min-height: 3.6rem;
}
#my_page section.main .section-con {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
}
#my_page section.main .section-con .profile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4rem;
  transform: translateY(-4.6rem);
}
#my_page section.main .section-con .profile-content .profile-box {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  margin: 0 4rem;
  width: 11.2rem;
  border-radius: 0;
  background-color: transparent;
}
#my_page section.main .section-con .profile-content .profile-box::before {
  display: none;
}
#my_page section.main .section-con .profile-content .profile-box .img-wrapper {
  line-height: 0;
}
#my_page section.main .section-con .profile-content .profile-box .img-wrapper img {
  border-radius: 999rem;
  overflow: hidden;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(222, 220, 219, 0.4);
}
#my_page section.main .section-con .profile-content:has(.img-wrapper.edit) button.edit {
  display: none;
}
#my_page section.main .section-con .info-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.4rem;
  position: relative;
  flex: 1;
  width: calc(100% - 23.2rem);
  height: 100%;
}
#my_page section.main .section-con .info-content .text-16-tit {
  line-height: 3.6rem;
}
#my_page section.main .section-con .info-content .user-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
}
#my_page section.main .section-con .info-content .password-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
}
#my_page section.main .section-con .info-content .list-form-box {
  height: initial;
  padding-bottom: 2rem;
}
@media screen and (max-width: 1199px) {
  #my_page section.main .section-con .info-content .list-form-box .row-half {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.6rem;
  }
  #my_page section.main .section-con .info-content .list-form-box .row-half .group {
    width: 100%;
  }
}
#my_page section.main .section-con .info-content .list-form-box dt {
  width: 12rem;
}
#my_page section.main .section-con .info-content .list-form-box dt label {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #696461;
}
#my_page section.main .section-con .info-content .list-form-box dd .k-textbox {
  flex-basis: 0;
  flex-shrink: 0;
  flex-grow: 1;
}
#my_page section.main .section-con .info-content .list-form-box dd .k-textbox:where(.k-readonly, [readonly=readonly]) {
  background-color: #F2F2F1;
  pointer-events: none;
  border-color: transparent;
}
#my_page section.main::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  width: 23.2rem;
  background-color: #f4f4f4;
  border-radius: 0 1.6rem 1.6rem 0;
  border: 1px solid rgba(222, 220, 219, 0.15);
  border-left: transparent;
}
@media screen and (max-width: 1199px) {
  #my_page section.main {
    max-height: initial;
  }
  #my_page section.main .list-form-box .group.white-space {
    display: none;
  }
}

main.login {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #fff;
}
main.login .content-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 0;
  overflow: hidden;
}
main.login .content-wrap .failure-text {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #ff2056;
}
main.login .content-wrap .form-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
  width: clamp(56rem, 35%, 80rem);
  padding: 0 8rem;
}
main.login .content-wrap .form-section .logo-box {
  width: 20rem;
}
main.login .content-wrap .form-section .form-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
}
main.login .content-wrap .form-section .form-box form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
}
main.login .content-wrap .form-section .form-box form .k-form-buttons .flex-box button:last-child {
  position: relative;
}
main.login .content-wrap .form-section .form-box form .k-form-buttons .flex-box button:last-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.6rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1.4rem;
  background-color: #C3C0BF;
  margin: 0 1.6rem;
}
main.login .content-wrap .form-section .form-box .flex-col-box {
  gap: 1.6rem;
}
main.login .content-wrap .img-section {
  width: calc(100% - clamp(56rem, 35%, 80rem));
  flex-grow: 1;
  height: 100%;
}
main.login .content-wrap .img-section img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
main.login.left-img .content-wrap {
  flex-direction: row-reverse;
}
main.login.left-img .content-wrap .img-section {
  padding: 2rem;
}
main.login.left-img .content-wrap .img-section img {
  border-radius: 2.4rem;
  overflow: hidden;
}
main.login.none-img {
  background-color: #F8F8F8;
}
main.login.none-img .failure-text {
  text-align: center;
}
main.login.none-img .form-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(56rem, 35%);
  background-color: #fff;
  border: 1px solid #F2F2F1;
  border-radius: 2.4rem;
  padding: 6rem 4rem;
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
main.login.none-img .form-section .form-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
main.login.none-img .img-section {
  display: none;
}
main.login .k-form-buttons {
  width: 100%;
}

#individual_restaurant .section .search-box .k-dropdownlist {
  width: clamp(10rem, 20%, 20rem);
}

.flex-wrap:has(#join) {
  width: 100%;
  height: 100%;
}
.flex-wrap:has(#join) main {
  width: 100%;
  height: 100%;
  background-color: #F8F8F8;
  padding-bottom: 0;
  overflow: hidden;
}
.flex-wrap:has(#join) main .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-wrap:has(#join) main .content-wrap .form-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  width: min(56rem, 35%);
  background-color: #fff;
  border: 1px solid #F2F2F1;
  border-radius: 2.4rem;
  padding: 6rem 4rem;
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.flex-wrap:has(#join) main .content-wrap .form-section h2 {
  margin-bottom: 1rem;
  width: 100%;
  text-align: center;
}
.flex-wrap:has(#join) main .content-wrap .form-section .field-text {
  position: relative;
}
.flex-wrap:has(#join) main .content-wrap .form-section .field-text .flex-box input:disabled {
  background-color: #F2F2F1;
}
.flex-wrap:has(#join) main .content-wrap .form-section .field-text .flex-box button:not(.k-dropdownlist .k-input-button) {
  min-width: 10rem;
}
.flex-wrap:has(#join) main .content-wrap .form-section .field-text .k-invalid-msg {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  position: absolute;
  bottom: 0rem;
  left: 0.6rem;
  transform: translateY(100%);
  font-style: initial;
}
.flex-wrap:has(#join) main .content-wrap .form-section button[type=submit] {
  margin-top: 1rem;
}
.flex-wrap:has(#join) main .content-wrap .modal-con-box {
  overflow-y: hidden;
}
.flex-wrap:has(#join) main .content-wrap .modal-con-box .con-body {
  height: 100%;
  max-height: calc(80vh - 12.4rem);
}
.flex-wrap:has(#join) main .content-wrap .modal-con-box .con-body .max-height {
  max-height: calc(80vh - 12.4rem);
}
.flex-wrap:has(#join) main .content-wrap .modal-con-box .con-body .k-grid .k-grid-toolbar .k-spacer {
  display: none;
}
.flex-wrap:has(#join) main .content-wrap .modal-con-box .con-body .k-grid .k-grid-toolbar .k-toolbar-item {
  width: 100%;
}
.flex-wrap:has(#join) main .content-wrap .modal-con-box .con-body .k-grid .k-grid-toolbar .k-toolbar-item .k-searchbox {
  width: 100%;
}

#reservation .section.search .mealTime-selectbox {
  min-width: 20rem !important;
}
#reservation .k-table-td .btn-text {
  color: rgb(30.1, 88.9, 178.5);
  border-color: rgb(30.1, 88.9, 178.5);
}
#reservation .k-table-td .btn-text:hover {
  color: rgb(17.2, 50.8, 102);
  border-color: rgb(17.2, 50.8, 102);
}

#reservation_status .section.search .mealTime-selectbox {
  min-width: 16rem !important;
}
#reservation_status .k-table-td .bar-graph {
  position: relative;
  background-color: #F2F2F1;
  height: 3.2rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
#reservation_status .k-table-td .bar-graph .value-bar {
  height: 100%;
  background-color: #F79B5C;
  border-radius: 0.6rem;
}
#reservation_status .k-table-td .bar-graph .value {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 500;
  color: #343130;
  position: absolute;
  top: 50%;
  right: 0.6rem;
  transform: translateY(-50%);
}

#restaurant .section.detail .section-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  overflow-y: auto;
}
#restaurant .section.detail .section-con .restaurant-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  width: 100%;
  padding-bottom: 0.8rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .thumbnail-box {
  width: 25%;
  min-width: 16rem;
  aspect-ratio: 1;
  flex: 0 0 auto;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .thumbnail-box img {
  aspect-ratio: 1;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box {
  width: 100;
  flex-grow: 1;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .row-half {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4rem;
  width: 100%;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .row-half .group {
  width: 50%;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .row-half .group dt {
  width: 8.4rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group {
  justify-content: start;
  width: 100%;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dt {
  flex-shrink: 0;
  width: 8.4rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dt .label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
  min-height: 3.6rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dt:has(+ dd .subtle) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dt:has(+ dd .subtle) .label {
  min-height: initial;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dt:has(+ dd .subtle) .text-12-side {
  color: #A39E9D;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dt:has(+ dd .tab-group-type-btn) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dt:has(+ dd .tab-group-type-btn) .label {
  min-height: initial;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dt:has(+ dd .tab-group-type-btn) .text-12-side {
  color: #A39E9D;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd:has(.subtle) {
  align-items: start;
  flex-grow: 1;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd:has(.subtle) .subtle {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  flex-grow: 1;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd:has(.subtle) .subtle .value {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #22211F;
  font-style: normal;
  padding: 0 0.4rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd:has(.subtle) .subtle .text-12-side {
  padding: 0 0.4rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd:has(.subtle) .k-timepicker {
  width: inherit;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd:has(.subtle + .text-12-side) {
  position: relative;
  padding-bottom: 1rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd:has(.subtle + .text-12-side) .text-12-side {
  position: absolute;
  left: 0;
  bottom: 0;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd:has(.tab-group-type-btn) {
  flex-direction: column;
  align-items: start;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd .value {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  min-height: 3.6rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd .value-group {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
  flex-wrap: wrap;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd .value-group .value-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd .value-group .value-item span {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd .value-group .value-item::before {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd .value-group .value-item:not(:first-child)::before {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "";
  width: 1px;
  height: 1rem;
  background-color: #C3C0BF;
  margin: 0 0.4rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl .group dd .k-numerictextbox {
  width: 4rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .restaurant-info .restaurant-info-box dl:has(.k-input) {
  gap: 2rem;
}
#restaurant .section.detail .section-con .restaurant-wrap .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dt {
  flex-shrink: 0;
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dt .label {
  width: 5.2rem;
  text-wrap: nowrap;
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl .row-half dd {
  width: 50%;
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dd > .flex-box {
  max-width: 100%;
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dd > .flex-box > .k-timepicker.k-input.time-picker {
  width: clamp(10rem, 100%, 100%);
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dd .selectbox {
  min-width: 12rem;
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dd button.ico-btn:has(i.minus) {
  background-color: rgb(255, 237.16, 241.48);
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dd button.ico-btn:has(i.minus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dd button.ico-btn:has(i.plus) {
  background-color: rgb(237.32, 237.24, 237.08);
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dd button.ico-btn:has(i.plus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl dd span.flex-box {
  justify-content: start;
}
#restaurant .section.detail .section-con .restaurant-wrap.edit dl .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#restaurant .section.detail .section-con .restaurant-wrap.add dt {
  flex-shrink: 0;
}
#restaurant .section.detail .section-con .restaurant-wrap.add dt .label {
  text-wrap: nowrap;
}
#restaurant .section.detail .section-con .restaurant-wrap.add .row-half dd {
  width: 50%;
}
#restaurant .section.detail .section-con .restaurant-wrap.add dd > .flex-box {
  max-width: 100%;
}
#restaurant .section.detail .section-con .restaurant-wrap.add dd > .flex-box > .k-timepicker.k-input.time-picker {
  width: clamp(10rem, 100%, 100%);
}
#restaurant .section.detail .section-con .restaurant-wrap.add dd .selectbox {
  max-width: 12rem;
}
#restaurant .section.detail .section-con .restaurant-wrap.add dd button.ico-btn:has(i.minus) {
  background-color: rgb(255, 237.16, 241.48);
}
#restaurant .section.detail .section-con .restaurant-wrap.add dd button.ico-btn:has(i.minus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
#restaurant .section.detail .section-con .restaurant-wrap.add dd button.ico-btn:has(i.plus) {
  background-color: rgb(237.32, 237.24, 237.08);
}
#restaurant .section.detail .section-con .restaurant-wrap.add dd button.ico-btn:has(i.plus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#restaurant .section.detail .section-con .restaurant-wrap.add dd span.flex-box {
  justify-content: start;
}
#restaurant .section.detail .section-con .restaurant-wrap.add .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
#restaurant .section.detail .section-con .corner-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
}
#restaurant .section.detail .section-con .corner-wrap .tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box {
  width: 100%;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .corner-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper {
  width: inherit;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  padding: 2rem;
  border-radius: 1.2rem;
  border: 1px solid #DEDCDB;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
  width: 100%;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .row-half {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .row-half .group {
  width: 50%;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  justify-content: start;
  width: 100%;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dt {
  flex-shrink: 0;
  width: 5.2rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dt .label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
  min-height: 3.6rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dd {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  min-height: 3.6rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dd .value {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  min-height: 3.6rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dd .value-group {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
  flex-wrap: wrap;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dd .value-group .value-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dd .value-group .value-item span {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dd .value-group .value-item::before {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dd .value-group .value-item:not(:first-child)::before {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "";
  width: 1px;
  height: 1rem;
  background-color: #C3C0BF;
  margin: 0 0.4rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl .group dd .selectbox {
  width: initial;
  min-width: 12rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item dl:has(.k-input) {
  gap: 2rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.edit dd button.ico-btn:has(i.minus) {
  background-color: rgb(255, 237.16, 241.48);
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.edit dd button.ico-btn:has(i.minus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.edit dd button.ico-btn:has(i.plus) {
  background-color: rgb(237.32, 237.24, 237.08);
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.edit dd button.ico-btn:has(i.plus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.edit dd span.flex-box {
  justify-content: start;
  min-height: 3.6rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.edit dd span.flex-box .k-checkbox-wrap {
  align-self: center;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.edit dd span.flex-box .k-timepicker {
  flex-grow: 1;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.edit dd span.flex-box:not(:where(:first-child, :last-child)) {
  margin-bottom: 1.2rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.add dd button.ico-btn:has(i.minus) {
  background-color: rgb(255, 237.16, 241.48);
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.add dd button.ico-btn:has(i.minus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.add dd button.ico-btn:has(i.plus) {
  background-color: rgb(237.32, 237.24, 237.08);
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.add dd button.ico-btn:has(i.plus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.add dd span.flex-box {
  justify-content: start;
  min-height: 3.6rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.add dd span.flex-box .k-checkbox-wrap {
  align-self: center;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.add dd span.flex-box:not(:where(:first-child, :last-child)) {
  margin-bottom: 1.2rem;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item.add .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
#restaurant .section.detail .section-con .corner-wrap .corner-info-box .item-wrapper .corner-list-item .btn-group {
  justify-content: end;
  gap: 0.8rem;
}

#servey_restaurant .k-table-row:has(.k-datepicker) {
  height: 6.8rem;
}
#servey_restaurant .k-table-row:has(.k-datepicker) .k-table-td > span:not(.k-datepicker) {
  display: flex;
}

#servey_setting .section.main .section-con {
  position: relative;
}
#servey_setting .section.main .section-con .grid-side-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  border: 0;
  border-radius: 0.8rem 0 0 0.8rem;
  background-color: #fff;
  border-color: transparent;
  overflow: hidden;
  padding: 0;
  text-wrap: nowrap;
  transition: width 0.3s ease-in-out, border-color 0.3s ease-in, box-shadow 0.3s ease-in, padding 0s 0.3s;
}
#servey_setting .section.main .section-con .grid-side-box .section-tit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
#servey_setting .section.main .section-con .grid-side-box .section-tit-box button.close i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icons/ico-close.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#servey_setting .section.main .section-con .grid-side-box .section-tit-box .section-tit {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #000;
}
#servey_setting .section.main .section-con .grid-side-box .section-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
#servey_setting .section.main .section-con .grid-side-box .section-con .none-list {
  width: 100%;
  text-wrap: balance;
  word-break: keep-all;
  text-align: center;
  margin: auto 0;
}
#servey_setting .section.main .section-con .grid-side-box .section-con ul.list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
}
#servey_setting .section.main .section-con .grid-side-box .section-con ul.list li.list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  padding: 0.8rem;
  border-radius: 0.6rem;
  background-color: #F2F2F1;
}
#servey_setting .section.main .section-con .grid-side-box .section-con ul.list li.list-item p {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.4rem;
}
#servey_setting .section.main .section-con .grid-side-box .section-con ul.list li.list-item p span {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 400;
  color: #343130;
}
#servey_setting .section.main .section-con .grid-side-box .section-con ul.list li.list-item p span.restaurant-name {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #000;
}
#servey_setting .section.main .section-con .grid-side-box.is-show {
  width: clamp(12rem, 60%, 80%);
  padding: 1rem;
  border: 1px solid #DEDCDB;
  box-shadow: -2px 1px 3px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px 0px rgba(0, 0, 0, 0.1);
  transition: width 0.3s ease-in-out, border-color 0.3s ease-in, box-shadow 0.3s ease-in, padding 0s ease-in;
}
#servey_setting .section.detail .section-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
#servey_setting .section.detail .section-con .servey-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  flex-grow: 1;
  overflow-y: auto;
}
#servey_setting .section.detail .section-con .servey-detail .servey-info-box {
  background-color: #F2F2F1;
  padding: 2rem;
  border-radius: 0.8rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 4rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item {
  width: calc(100% - 2rem);
  list-style: decimal;
  margin-left: 2rem;
  padding: 2rem 0 1rem 1.2rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item::marker {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #696461;
  display: inline-block;
  width: 3.2rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .question-box {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #22211F;
  min-height: 3.6rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
  min-height: 3.6rem;
  padding: 2rem 0;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box label {
  cursor: pointer;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box > :where(ul, .k-radio-list) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box .field.type-f {
  flex-grow: 1;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box .field.type-f .input-wrap label.input-box {
  height: 3.6rem;
  border-radius: 0.6rem;
  border: 1px solid #C3C0BF;
  padding: 0 0.8rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box .field.type-f .input-wrap label.input-box i.clip {
  background: url("../images/icons/ico-clip.svg") 100% no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box .field.type-f .input-wrap .input-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.2rem;
  position: relative;
  height: 3.6rem;
  border-radius: 0.6rem;
  border: 1px solid #C3C0BF;
  padding: 0 0.8rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box .field.type-f .input-wrap .input-box i.clip {
  background: url("../images/icons/ico-clip.svg") 100% no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box .field.type-f .input-wrap .input-box .input-inner {
  flex-grow: 1;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item .answer-box .field.type-f .input-wrap .input-box .input-upload {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item:not(:first-child) {
  position: relative;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item:not(:first-child)::before {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  content: "";
  left: -2rem;
  right: 0;
  top: 0rem;
  height: 1px;
  border-top: 1px dashed #DEDCDB;
}
#servey_setting .section.detail .section-con .servey-detail .servey-list .servey-list-item:first-child {
  padding: 2rem 0 1rem 1.2rem;
}
#servey_setting .section.detail .section-con .servey-detail.add {
  gap: 2rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-info-box {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-info-box .k-textbox {
  flex-grow: 1;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-info-box .k-dropdownlist {
  width: clamp(6rem, 10rem, 10%);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item {
  padding: 3rem 0 3rem 1.2rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .question-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .question-box .type-select-box {
  width: clamp(12rem, 35%, 28rem);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-radio-group-add {
  width: 100%;
  gap: 1rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-radio-group-add .k-radio-list-item {
  padding: 0 0 1rem;
  gap: 0.8rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-radio-group-add .k-radio-list-item .k-radio-wrap {
  align-self: center;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-radio-group-add .k-radio-list-item label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-radio-group-add .k-radio-list-item label button:has(i.minus) {
  background-color: rgb(255, 237.16, 241.48);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-radio-group-add .k-radio-list-item label button:has(i.minus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-radio-group-add .k-radio-list-item label button:has(i.plus) {
  background-color: rgb(237.32, 237.24, 237.08);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-radio-group-add .k-radio-list-item label button:has(i.plus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-checkbox-group-add {
  width: 100%;
  gap: 1rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-checkbox-group-add .k-checkbox-list-item {
  padding: 0 0 1rem;
  gap: 0.8rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-checkbox-group-add .k-checkbox-list-item .k-checkbox-wrap {
  align-self: center;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-checkbox-group-add .k-checkbox-list-item label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-checkbox-group-add .k-checkbox-list-item label button:has(i.minus) {
  background-color: rgb(255, 237.16, 241.48);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-checkbox-group-add .k-checkbox-list-item label button:has(i.minus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-checkbox-group-add .k-checkbox-list-item label button:has(i.plus) {
  background-color: rgb(237.32, 237.24, 237.08);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box .servey-checkbox-group-add .k-checkbox-list-item label button:has(i.plus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box :where(.radiogroup-list, .checkbox-list, .combobox-list) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box :where(.radiogroup-list, .checkbox-list, .combobox-list) :where(.radiogroup-list-item, .checkbox-list-item, .combobox-list-item) {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
  gap: 0.8rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box :where(.radiogroup-list, .checkbox-list, .combobox-list) :where(.radiogroup-list-item, .checkbox-list-item, .combobox-list-item) button:has(i.minus) {
  background-color: rgb(255, 237.16, 241.48);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box :where(.radiogroup-list, .checkbox-list, .combobox-list) :where(.radiogroup-list-item, .checkbox-list-item, .combobox-list-item) button:has(i.minus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-minus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(3347%) hue-rotate(332deg) brightness(102%) contrast(108%);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box :where(.radiogroup-list, .checkbox-list, .combobox-list) :where(.radiogroup-list-item, .checkbox-list-item, .combobox-list-item) button:has(i.plus) {
  background-color: rgb(237.32, 237.24, 237.08);
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box :where(.radiogroup-list, .checkbox-list, .combobox-list) :where(.radiogroup-list-item, .checkbox-list-item, .combobox-list-item) button:has(i.plus) i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item .answer-box:has(:where(.field.type-f, .k-textarea)) {
  width: calc(100% - 4.2rem);
  padding-bottom: 0;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item.btn {
  width: 100%;
  flex-grow: 1;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item.btn button {
  background-color: #F2F2F1;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item.btn button i {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons/ico-plus.svg") 100% no-repeat;
  background-position: center;
  background-size: contain;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item::marker {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 700;
  color: #696461;
  display: inline-block;
  width: 2rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item:first-child {
  padding: 2rem 0 2rem 1.2rem;
}
#servey_setting .section.detail .section-con .servey-detail.add .servey-list .servey-list-item:first-child:has(> .question-box + .answer-box.hidden) {
  padding: 1.6rem 0 3rem 1.2rem;
}
#servey_setting .section.detail .section-con .btn-group {
  width: 100%;
}

#terms .section.detail .section-con {
  overflow-y: auto;
}
#terms .section.detail .section-con form {
  height: calc(100% - 4.6rem);
}
#terms .section.detail .section-con .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#terms .section.detail .section-con .list-form-box .group dt {
  flex-shrink: 0;
  width: 6rem;
}
#terms .section.detail .section-con .list-form-box .group dt label {
  width: 6rem;
}
#terms .section.detail .section-con .list-form-box .group:has(dd .k-editor) {
  flex-grow: 1;
}
#terms .section.detail .section-con .list-form-box .group:has(dd .k-editor) dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  height: 100%;
}
#terms .section.detail .section-con .list-form-box .group:has(dd .k-editor) dd .k-editor {
  width: 100%;
  height: 100%;
}
#terms .section.detail .section-con .list-form-box .row-half.radio :where(dt, dd) {
  align-items: center;
  min-height: initial;
}
#terms .section.detail .section-con .list-form-box .row-half.radio dt {
  height: 2.5rem;
}
#terms .section.detail .section-con .list-form-box .row-half.radio dt > label {
  min-height: initial;
  height: 100%;
}
#terms .section.detail .section-con .list-form-box .row-half.tit {
  gap: 1rem;
}
#terms .section.detail .section-con .list-form-box .row-half.tit .group:has(.k-dropdownlist) {
  flex-grow: 1;
}
#terms .section.detail .section-con .list-form-box .row-half.tit .group:has(.k-dropdownlist) dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
#terms .section.detail .section-con .list-form-box .row-half.tit .group:has(.k-dropdownlist) dd .k-picker.k-dropdownlist {
  width: clamp(18rem, 20%, 30rem);
}

#theme .section.main .section-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
}
#theme .section.main .section-con .group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
}
#theme .section.main .section-con .group dt {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
#theme .section.main .section-con .group .value-box .thumbnail-box {
  aspect-ratio: 4/1;
}
#theme .section.main .section-con .group .value-box .thumbnail-box img {
  aspect-ratio: 4/1;
}
#theme .section.detail iframe {
  width: 100%;
  height: 100%;
  zoom: 0.6;
  -ms-zoom: 0.6;
}

#theme_login .section.main .section-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
}
#theme_login .section.main .section-con .group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
}
#theme_login .section.main .section-con .group .value-box .thumbnail-box {
  aspect-ratio: 3/2;
}
#theme_login .section.main .section-con .group .value-box .thumbnail-box img {
  aspect-ratio: 3/2;
}
#theme_login .section.detail iframe {
  width: 100%;
  height: 100%;
  transform: scale(0.8);
}

#voc .section.borad {
  width: 100%;
  height: fit-content;
  padding: 0;
  overflow: in;
}
#voc .section.borad .card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
  background-color: #fff;
  border: 1px solid #F2F2F1;
  border-radius: 1.6rem;
  padding: 2rem;
  height: 100%;
}
#voc .section.borad .card.voc {
  flex-grow: 1;
}
#voc .section.borad .card.voc .card-con {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
  height: 100%;
}
#voc .section.borad .card.voc .card-con .count-box {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-grow: 3;
}
#voc .section.borad .card.voc .card-con .count-box.total {
  width: 100%;
  border-bottom: 1px solid #DEDCDB;
}
#voc .section.borad .card.voc .card-con .count-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
  width: 100%;
  flex-grow: 1;
  padding: 0 1rem;
}
#voc .section.borad .card.voc .card-con .count-list .count-box {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #22211F;
  width: 100%;
}
#voc .section.borad .card.voc .card-con .count-list .count-box .count {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #22211F;
}
#voc .section.borad .card.voc .card-con .count-list .count-box .count.gray {
  color: #A39E9D;
}
#voc .section.borad .card.voc .card-con .count-list .count-box .count.red {
  color: #ff2056;
}
#voc .section.borad .card.voc .card-con .count-list .count-box .count.green {
  color: rgb(0, 169.2, 112.5);
}
#voc .section.borad .card.voc-chart {
  flex-grow: 3;
  width: calc((100% - 3.2rem) / 10 * 6);
}
#voc .section.borad .card.voc-chart .card-con {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
#voc .section.search dl {
  grid-template-columns: repeat(2, 1.2fr) 1.8fr;
}
#voc .section.search dl .group dt {
  width: 5rem;
}
#voc .section.search dl .group dt label {
  width: inherit;
}
#voc .section.search dl .group:nth-child(3) dd > * {
  max-width: 34rem;
}

.modal.voc .modal-con-box {
  width: 100%;
  overflow-y: auto;
}
.modal.voc .modal-con-box .voc-detail .list-form-box {
  padding-bottom: 0;
  gap: 0;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .row-half {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  border-bottom: 1px solid #DEDCDB;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .row-half .group {
  width: initial;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .row-half .group.name .value {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .row-half .group.name::after {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "";
  width: 1px;
  height: 1rem;
  align-self: center;
  background-color: #DEDCDB;
  margin-left: 0.8rem;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .row-half .group.company-name span {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .group.title {
  margin-top: 1rem;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .group.title dd .value {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #22211F;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .group.body {
  margin-bottom: 1rem;
  padding: 0.4rem 0 0.4rem;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .group.thumbnail {
  padding: 1.6rem 0;
  border-top: 1px solid #DEDCDB;
  overflow-x: auto;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .group.thumbnail .thumbnail-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  height: 16rem;
  background-color: transparent;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .group.thumbnail .thumbnail-box .img-wrapper {
  aspect-ratio: 1;
  border-radius: 1rem;
  overflow: hidden;
  width: 16rem;
}
.modal.voc .modal-con-box .voc-detail .list-form-box .group.thumbnail .thumbnail-box .img-wrapper img {
  width: 100% !important;
  aspect-ratio: 1;
}
.modal.voc .modal-con-box .voc-answer {
  padding: 1.6rem 2rem;
  background-color: #F2F2F1;
  border-top: 1px solid #DEDCDB;
  border-bottom: 1px solid #DEDCDB;
}
.modal.voc .modal-con-box .voc-answer .list-form-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  height: fit-content;
  overflow: hidden;
  padding-bottom: 0;
}
.modal.voc .modal-con-box .voc-answer .list-form-box .row-half .group dd .value {
  flex-grow: 1;
}
.modal.voc .modal-con-box .voc-answer .list-form-box .row-half .group dd .value > .k-textbox.k-readonly {
  pointer-events: none;
  background-color: #F2F2F1;
}
.modal.voc .modal-con-box .voc-answer .list-form-box .row-half .group dd .value > .k-textbox.k-readonly input {
  color: #343130;
}
.modal.voc .modal-con-box .voc-answer .list-form-box .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
}
.modal.voc .modal-con-box .voc-answer .list-form-box .group dt {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  min-height: 3.6rem;
}
.modal.voc .modal-con-box .voc-answer .list-form-box .group dt .label {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #696461;
  width: 6.8rem;
}
.modal.voc .modal-con-box .voc-answer .list-form-box .group dd .value {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #22211F;
}

.modal.meal .con-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.modal.meal .con-body .thumbnail-box {
  aspect-ratio: 3/2;
}
.modal.meal .con-body .thumbnail-box img {
  aspect-ratio: 3/2;
}
.modal.meal .con-body .tag-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
.modal.meal .con-body .meal-food-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4rem;
}
.modal.meal .con-body .meal-food-list .meal-food-item {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #22211F;
}

.modal.meal-records-for-members .modal-con-box {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
}
.modal.meal-records-for-members .modal-con-box .con-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
}
.modal.meal-records-for-members .modal-con-box .con-body > section {
  padding-bottom: 3.2rem;
  border-bottom: 1px solid #F2F2F1;
  width: 100%;
}
.modal.meal-records-for-members .modal-con-box .con-body > section .tit {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #22211F;
  padding-bottom: 1rem;
}
.modal.meal-records-for-members .modal-con-box .con-body > section:not(.info) dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  border: 1px solid #DEDCDB;
  border-radius: 0.8rem;
  overflow: hidden;
}
.modal.meal-records-for-members .modal-con-box .con-body > section:not(.info) dl .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}
.modal.meal-records-for-members .modal-con-box .con-body > section:not(.info) dl .group dt {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #7B7472;
  padding: 0.5rem 0.8rem;
  width: 8rem;
  border-right: 1px solid #DEDCDB;
  height: 100%;
  line-height: 2rem;
  background-color: #F8F8F8;
}
.modal.meal-records-for-members .modal-con-box .con-body > section:not(.info) dl .group dd {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  padding: 0.5rem 0.8rem;
  flex-grow: 1;
}
.modal.meal-records-for-members .modal-con-box .con-body > section:not(.info) dl .group:not(:last-child) {
  border-bottom: 1px solid #DEDCDB;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.info {
  padding: 1rem 1.6rem;
  border-radius: 1rem;
  border: 1px solid #F2F2F1;
  background-color: #F8F8F8;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.info dl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.info dl .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex: 0 0 auto;
  width: calc((100% - 1rem) / 2);
}
.modal.meal-records-for-members .modal-con-box .con-body > section.info dl .group dt {
  width: 6.4rem;
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #7B7472;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.info dl .group dd {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 400;
  color: #696461;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.info dl:first-child {
  padding-bottom: 0.6rem;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-info .wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-info .wrapper .meal-thumbnail-view {
  height: 12.4rem;
  aspect-ratio: 3/2;
  border-radius: 0.8rem;
  overflow: hidden;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-info .wrapper .meal-thumbnail-view img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-info .wrapper dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  border: 1px solid #DEDCDB;
  border-radius: 0.8rem;
  overflow: hidden;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-info .wrapper dl .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-info .wrapper dl .group dt {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #7B7472;
  padding: 0.5rem 0.8rem;
  width: 8rem;
  border-right: 1px solid #DEDCDB;
  height: 100%;
  line-height: 2rem;
  background-color: #F8F8F8;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-info .wrapper dl .group dd {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  padding: 0.5rem 0.8rem;
  flex-grow: 1;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-info .wrapper dl .group:not(:last-child) {
  border-bottom: 1px solid #DEDCDB;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-detail-info table {
  width: 100%;
  border-radius: 0.8rem;
  overflow: hidden;
  outline: 1px solid #DEDCDB;
  outline-offset: -0.1rem;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-detail-info table thead tr {
  background-color: #F8F8F8;
  border-bottom: 1px solid #DEDCDB;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-detail-info table thead tr td {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #7B7472;
  padding: 0.5rem 0.8rem;
  text-align: center;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-detail-info table tbody {
  text-align: center;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-detail-info table tbody tr {
  border-bottom: 1px solid #DEDCDB;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-detail-info table tbody tr td {
  font-size: max(12px, 1.4rem);
  line-height: 2rem;
  font-weight: 500;
  color: #22211F;
  padding: 0.5rem 0.8rem;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-review .group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}
.modal.meal-records-for-members .modal-con-box .con-body > section.meal-review .group .k-textarea.k-readonly {
  background-color: #F2F2F1;
}
.modal.meal-records-for-members .modal-con-box .con-body > section:last-child {
  border-bottom: 0;
}

.modal.participant .modal-con-box {
  width: 100%;
}
.modal.participant .modal-con-box .con-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
}
.modal.participant .modal-con-box .con-body .search-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  position: relative;
  background-color: #F2F2F1;
  border-radius: 1.2rem;
  padding: 1.6rem 2rem;
  width: 100%;
}
.modal.participant .modal-con-box .con-body .search-box dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  overflow: visible;
  flex: 1;
  padding-bottom: 0rem;
}
.modal.participant .modal-con-box .con-body .search-box dl .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4rem;
  row-gap: 1.6rem;
  width: 100%;
}
.modal.participant .modal-con-box .con-body .search-box dl .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.modal.participant .modal-con-box .con-body .search-box dl .group dt {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 7.2rem;
}
.modal.participant .modal-con-box .con-body .search-box dl .group dt .label {
  font-size: max(10px, 1.2rem);
  line-height: 1.8rem;
  font-weight: 700;
  color: #696461;
}
.modal.participant .modal-con-box .con-body .search-box dl .group dd {
  flex: 1;
}
.modal.participant .modal-con-box .con-body .search-box dl .group.event {
  width: initial;
}
.modal.participant .modal-con-box .con-body .search-box dl .group.member {
  width: 100%;
  flex: 1;
}
.modal.participant .modal-con-box .con-body .search-box dl .group.member dd {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
.modal.participant .modal-con-box .con-body .search-box dl .group.member dd .k-picker.k-dropdownlist {
  width: initial;
}
.modal.participant .modal-con-box .con-body .search-box dl .group.member dd .k-textbox {
  flex-grow: 1;
}
.modal.participant .modal-con-box .con-body .search-box dl .group.member dd .notice {
  text-wrap: nowrap;
}
.modal.participant .modal-con-box .con-body .search-box > .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 8.8rem;
  align-self: stretch;
}
.modal.participant .modal-con-box .con-body .search-box > .wrapper button {
  height: 100%;
}
.modal.participant .modal-con-box .con-body .participant-detail .text-16-tit {
  padding-bottom: 1rem;
}
.modal.participant .modal-con-box .con-body .participant-detail .pagination-box {
  padding-top: 1rem;
}

.modal.winners .modal-tit-box h2 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}
.modal.winners .modal-tit-box h2 .text-16-tit {
  color: #D36A29;
}
.modal.winners .modal-tit-box h2 .text-16-tit::before {
  display: inline-block;
  content: "";
  margin-right: 0.8rem;
  width: 1px;
  height: 1rem;
  background-color: #A39E9D;
}
.modal.winners .modal-tit-box h2 .text-16-tit .text-12-side {
  padding-left: 0.4rem;
}
.modal.winners .modal-con-box {
  width: 100%;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 2rem;
}
.modal.winners .modal-con-box .area {
  flex: 1;
  border-radius: 1rem;
  padding: 2rem;
  border: 1px solid #DEDCDB;
}
.modal.winners .modal-con-box .area.event-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.4rem;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.modal.winners .modal-con-box .area.event-info .info-item .text-16-tit {
  line-height: 3.6rem;
  padding-bottom: 1rem;
}
.modal.winners .modal-con-box .area.event-info .info-item .pagination-box {
  padding-top: 1rem;
}
.modal.winners .modal-con-box .area.winners .tit-box {
  padding-bottom: 1rem;
}

/*# sourceMappingURL=styles.css.map */