@charset "UTF-8";
/*! jQuery UI - v1.13.3 - 2024-04-26
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright OpenJS Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)"; /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../img/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../img/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("../img/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("../img/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("../img/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../img/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("../img/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  -ms-filter: "alpha(opacity=30)"; /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.otf) format("opentype"), url(../fonts/Roboto-Regular.ttf) format("truetype"), url(../fonts/Roboto-Regular.eot) format("embedded-opentype");
  unicode-range: U+0041-005A, u+0061-007a, u+0030-0039, u+0020-002f, u+003a-0040, u+005b-0060, u+007b-007e;
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url(../fonts/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto-Medium.otf) format("opentype"), url(../fonts/Roboto-Medium.ttf) format("truetype"), url(../fonts/Roboto-Medium.eot) format("embedded-opentype");
  unicode-range: U+0041-005A, u+0061-007a, u+0030-0039, u+0020-002f, u+003a-0040, u+005b-0060, u+007b-007e;
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.otf) format("opentype"), url(../fonts/Roboto-Bold.ttf) format("truetype"), url(../fonts/Roboto-Bold.eot) format("embedded-opentype");
  unicode-range: U+0041-005A, u+0061-007a, u+0030-0039, u+0020-002f, u+003a-0040, u+005b-0060, u+007b-007e;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../fonts/Pretendard-Thin.woff2") format("woff2"), url("../fonts/Pretendard-Thin.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url("../fonts/Pretendard-ExtraLight.woff2") format("woff2"), url("../fonts/Pretendard-ExtraLight.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../fonts/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard-Light.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard-SemiBold.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url("../fonts/Pretendard-ExtraBold.woff2") format("woff2"), url("../fonts/Pretendard-ExtraBold.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url("../fonts/Pretendard-Black.woff2") format("woff2"), url("../fonts/Pretendard-Black.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
/* basic */
* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", "Pretendard", sans-serif;
}

html {
  overflow-y: auto;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}

label,
input,
button,
select {
  vertical-align: middle;
}

input,
button {
  margin: 0;
  padding: 0;
  font-size: 1em;
  border: none;
  background-color: transparent;
}

button {
  cursor: pointer;
}

textarea,
select {
  width: 100%;
  box-sizing: border-box;
}

/* Select box 스타일 초기화 */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand {
  display: none;
}

/* 제목태그설정 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

/* 시멘틱태그설정 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* 링크 */
a:link,
a:visited {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: inherit;
  text-decoration: none;
}

/* 기타설정 */
img {
  max-width: 100%;
  vertical-align: top;
}

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

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

p {
  word-break: keep-all;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type=number] {
  -moz-appearance: textfield;
}

.hidden {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
}

* {
  box-sizing: border-box;
}

html,
body {
  overflow: auto;
  min-width: 80rem;
  height: 100%;
  color: #222;
}

html:has(.contents-spliter),
body:has(.contents-spliter) {
  min-width: initial;
}

html:has(.contents-spliter) .container__top,
body:has(.contents-spliter) .container__top {
  min-width: 40rem;
}

#wrap {
  display: flex;
  flex-direction: row;
  height: 100%;
}

.header {
  display: flex;
  position: relative;
  width: 16.875rem;
  height: 100%;
  padding: 0.8125rem 0.375rem 0.8125rem 0.75rem;
  background-color: #21222c;
  flex-direction: column;
  transition: width 0.2s ease-out;
}

.header.is-fold {
  width: 4.625rem;
}

.header.is-fold .btn-toggle-menu {
  background-image: url(../img/btn_menu_fold.png);
}

.header.is-fold .gnb .menu a span {
  width: 0;
  opacity: 0;
}

.header.is-fold .gnb .menu .depth-1 > a {
  padding-right: 0.75rem;
}

.header.is-fold .gnb .menu .depth-1 > a.on::after,
.header.is-fold .gnb .menu .depth-1 > a:hover::after {
  opacity: 0;
}

.header.is-fold .gnb .menu .depth-1 > a::after {
  opacity: 0;
}

.header.is-fold .gnb .menu .depth-2 a {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.header .logo {
  display: flex;
  width: initial;
  height: 2.375rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.8125rem;
  background: initial;
  font-size: 0;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}

.header .logo::before {
  display: block;
  width: 5.125rem;
  height: 1.5rem;
  background: url(../img/logo_wh.png) 0 0/100% no-repeat;
  flex-shrink: inherit;
  content: "";
}

.header .btn-toggle-menu {
  position: absolute;
  top: 0.8125rem;
  left: 1.125rem;
  width: 2.375rem;
  height: 2.375rem;
  font-size: 0;
  background: url(../img/btn_menu.png) 50%/contain no-repeat;
}

.header .gnb {
  overflow: hidden;
  padding-top: 1rem;
  flex-grow: 1;
}

.header .gnb .menu-wrap {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-right: 0.375rem;
}

.header .gnb .menu-wrap::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.header .gnb .menu-wrap::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.1875rem;
}

.header .gnb .menu-wrap::-webkit-scrollbar-track-piece,
.header .gnb .menu-wrap::-webkit-scrollbar-button {
  display: none;
}

.header .gnb .menu {
  white-space: nowrap;
}

.header .gnb .menu a span {
  transition: opacity 0.2s, width 0.2s;
}

.header .gnb .menu .depth-1 {
  width: 100%;
}

.header .gnb .menu .depth-1.platform > a:before {
  background: url(../img/ico_menu_01.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1.ai-service > a:before {
  background: url(../img/ico_menu_02.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1.labeling > a:before {
  background: url(../img/ico_menu_03.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1.statistics > a:before {
  background: url(../img/ico_menu_04.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1.system > a:before {
  background: url(../img/ico_menu_05.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1.data > a:before {
  background: url(../img/ico_menu_06.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1.user > a:before {
  background: url(../img/ico_menu_07.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1.ai-tool > a:before {
  background: url(../img/ico_menu_08.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1.canb-service > a:before {
  background: url(../img/ico_menu_09.png) 50%/contain no-repeat;
}

.header .gnb .menu .depth-1 > a {
  display: flex;
  position: relative;
  padding: 1rem 1.625rem 1rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  flex-flow: row nowrap;
  align-items: center;
  transition: color 0.2s;
}

.header .gnb .menu .depth-1 > a.on {
  color: rgb(255, 255, 255);
}

.header .gnb .menu .depth-1 > a.on::after {
  background-image: url(../img/ico_has_sub_on.png);
}

.header .gnb .menu .depth-1 > a.on::before,
.header .gnb .menu .depth-1 > a.on::after {
  opacity: 1;
}

.header .gnb .menu .depth-1 > a:hover {
  color: rgb(255, 255, 255);
}

.header .gnb .menu .depth-1 > a:hover::before,
.header .gnb .menu .depth-1 > a:hover::after {
  opacity: 1;
}

.header .gnb .menu .depth-1 > a::before {
  width: 1.625rem;
  height: 1.625rem;
  opacity: 0.5;
  transition: opacity 0.2s;
  flex-shrink: 0;
  content: "";
}

.header .gnb .menu .depth-1 > a::after {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../img/ico_has_sub.png) 50%/contain no-repeat;
  opacity: 0.5;
  transform: translateY(-50%);
  transition: opacity 0.2s;
  content: "";
}

.header .gnb .menu .depth-1 > a span {
  padding-left: 0.5rem;
}

.header .gnb .menu .depth-1 > a:not(:has(+ .menu__sub))::after {
  display: none;
}

.header .gnb .menu__sub {
  display: none;
  padding: 0.625rem 0;
  background-color: #3b3a41;
  border-radius: 0.625rem;
}

.header .gnb .menu__sub .depth-2 a {
  display: flex;
  padding: 0.375rem 1.375rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #999;
  align-items: center;
  transition: padding 0.2s ease-out, color 0.2s;
}

.header .gnb .menu__sub .depth-2 a span {
  padding-left: 0.6875rem;
}

.header .gnb .menu__sub .depth-2 a::before {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.375rem;
  background-color: currentColor;
  border-radius: 50%;
  flex-shrink: 0;
  transition: background-color 0.2s;
  content: "";
}

.header .gnb .menu__sub .depth-2 a.on,
.header .gnb .menu__sub .depth-2 a:hover {
  color: #fff;
}

.container {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-direction: column;
  flex: 1;
  z-index: 1;
}

.container__top {
  display: flex;
  height: 2.875rem;
  padding: 0 1.25rem;
  align-items: center;
  flex-shrink: 0;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.container__top .definition-list__tit {
  padding-right: 0.5rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #666;
}

.container__top .definition-list__tit:empty {
  padding-right: 0;
}

.container__top .definition-list__txt {
  font-size: 1.125rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
}

.container__top .right-box {
  display: flex;
  margin-left: auto;
  border-right: 1px solid #dbdbdb;
  align-items: center;
}

.container__top .btn-back {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 1.25rem 0.25rem 0;
  font-size: 0.875rem;
  gap: 0.5rem;
}

.container__top .btn-back::before {
  width: 18px;
  height: 18px;
  background-image: url(../img/ico_back.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.container__top .btn-back:hover span {
  text-decoration: underline;
}

.container__top .btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 2.875rem;
  height: 2.875rem;
  border-left: 1px solid #dbdbdb;
  box-sizing: content-box;
  font-size: 0;
}

.container__top .btn-icon::before {
  width: 1.5rem;
  height: 1.5rem;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.container__top .btn-icon.noti.on::after {
  position: absolute;
  top: 0.6875rem;
  left: 1.5625rem;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #fff;
  background-color: #f93e3e;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
}

.container__top .btn-icon.noti::before {
  background-image: url(../img/ico_noti.png);
}

.container__top .btn-icon.logout::before {
  background-image: url(../img/ico_logout.png);
}

.container__top .btn-user {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 2.875rem;
  height: 2.875rem;
  border-left: 1px solid #dbdbdb;
  box-sizing: content-box;
}

.container__top .btn-user span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #2e2e2e;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  border-radius: 50%;
}

.container__top .btn-user span:empty::before {
  font-size: 0.75rem;
  transform: rotate(90deg);
  content: ":-)";
}

.container__top .noti-area {
  min-width: 16.25rem;
  margin-top: 0;
  font-size: 0.8125rem;
}

.container__top .noti-area-top {
  margin: -0.625rem -0.625rem 0;
  padding: 0.375rem 0.625rem;
  border-bottom: 1px solid #dfe3e9;
  text-align: right;
}

.container__top .noti-area__list {
  max-height: 36.625rem;
  margin: 0 -0.625rem -0.625rem;
}

.container__top .noti-area__item {
  position: relative;
  padding: 0.75rem 0.9375rem 0.625rem;
}

.container__top .noti-area__item + .noti-area__item {
  border-top: 6px solid #efefef;
}

.container__top .noti-area__item dl {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
}

.container__top .noti-area__item .noti-subject {
  font-size: 0.875rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1875rem;
}

.container__top .noti-area__item .noti-subject ~ dl {
  padding-top: 0.25rem;
}

.container__top .noti-area__item .noti-tit {
  padding-right: 4px;
  flex-shrink: 0;
}

.container__top .noti-area__item .noti-txt {
  font-weight: 700;
}

.container__top .noti-area__item .noti-timestemp {
  display: flex;
  padding-top: 0.5625rem;
  font-size: 0.75rem;
  line-height: 0.8125rem;
  color: #999;
}

.container__top .noti-area__item .noti-timestemp time:last-of-type {
  padding-left: 0.125rem;
}

.container__top .noti-area__item .noti-btn {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  font-size: 0;
}

.container__top .noti-area__item .noti-btn::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: -0.4375rem;
  font-size: 1rem;
  background: url(../img/arr_bk.png) 50%/contain no-repeat;
  content: "";
}

.container__top .noti-area .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0.875rem;
  font-weight: 500;
  flex-direction: column;
}

.container__top .noti-area .no-data span {
  line-height: 22px;
}

.container .page-top {
  display: flex;
  min-height: 3.125rem;
  padding: 0 1.25rem;
  align-items: center;
  background: #efefef;
}

.container .page-top + .search-page {
  padding-top: 1.875rem;
}

.container .page-top .btn-area {
  display: flex;
  margin-left: auto;
  gap: 0.625rem;
  align-items: center;
}

.container .page-top .btn-area .txt {
  font-size: 0.8125rem;
  color: #666;
}

.container .section-wrap {
  container: section-wrap/inline-size;
  padding: 1.25rem 1.25rem;
}

.container .section-wrap.pt-0 {
  padding-top: 0;
}

.container .section-wrap.pt-30 {
  padding-top: 1.875rem;
}

.container .section-wrap.pb-0 {
  padding-bottom: 0;
}

.container .section-wrap.pb-30 {
  padding-bottom: 1.875rem;
}

.container .section-wrap ~ .section-wrap {
  border-top: 1.25rem solid #efefef;
}

.container .section-wrap + .search-page {
  margin-top: 1.25rem;
}

.container .section-wrap .search-page {
  padding: 0;
}

.container .section-wrap .section-tit {
  display: flex;
  padding: 10px 0 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  align-items: center;
}

.container .section-wrap .section-tit ~ .section-tit {
  padding-top: 3.75rem;
}

.container .section-wrap .section-tit h2 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.container .section-wrap .section-tit h3 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.container .section-wrap .section-tit h4 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.container .section-wrap .section-tit h5 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.container .section-wrap .section-tit h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.container .section-wrap .section-tit__side {
  margin-left: auto;
  font-weight: 400;
}

.container .section-wrap .section-tit:has(.tbl-title) {
  padding-top: 1.125rem;
  padding-bottom: 0.625rem;
  align-items: flex-end;
}

.container .section-wrap .section-tit .tbl-title {
  padding-bottom: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
}

.container .section-wrap .section-sub-tit {
  padding: 1.875rem 0 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  line-height: 1rem;
}

.container .section-wrap .section-sub-tit:first-child {
  padding-top: 0.625rem;
}

.container .section-wrap + .btn-wrap {
  padding: 0.625rem 1.25rem 0;
}

.container .section-wrap .tbl-title {
  padding-bottom: 0.5625rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
}

.container .section-wrap .tbl-title ~ .tbl-title {
  padding-top: 1.875rem;
}

.contents-spliter {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding-bottom: 0 !important;
  flex-direction: row;
}

.contents-spliter-left,
.contents-spliter-right {
  overflow-y: hidden;
  width: 100%;
}

.contents-spliter-left.spliter-after-visible,
.contents-spliter-right.spliter-after-visible {
  width: 0;
}

.contents-spliter-left > .simplebar-track.simplebar-horizontal,
.contents-spliter-right > .simplebar-track.simplebar-horizontal {
  height: 0.8125rem;
}

.contents-spliter-left > .simplebar-track.simplebar-horizontal .simplebar-scrollbar,
.contents-spliter-right > .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  bottom: 0.25rem;
}

.contents-spliter-left > .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before,
.contents-spliter-right > .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
  left: 0.25rem;
  right: 0.25rem;
}

.contents-spliter-inner {
  overflow-y: auto;
  min-width: 60.625rem;
  height: 100%;
  padding-top: 1.25rem;
}

.contents-spliter-inner .simplebar-content:has(.search-page) {
  min-width: 60.625rem;
}

.contents-spliter-inner .search-page .tbl-wrap .tbl-scroll {
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.contents-spliter-inner .search-page .tbl-wrap .tbl {
  min-width: 1280px;
}

.contents-spliter-inner .tbl-wrap:has(> .no-data) {
  border-top: none;
}

.contents-spliter-inner .tbl-wrap:has(> .no-data) .no-data {
  padding-top: 217px;
  text-align: center;
}

.contents-spliter-inner .tbl-wrap:has(> .no-data) .no-data strong {
  display: block;
}

.contents-spliter-inner .tbl-wrap:has(> .no-data) .no-data strong + strong {
  margin-top: 16px;
}

.contents-spliter-inner .tbl-wrap:has(> .no-data) .no-data::before {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 20px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' transform='rotate(-180 25 25)' fill='%23F4F6FD'/%3E%3Ccircle cx='25' cy='13.5' r='1.5' transform='rotate(-180 25 13.5)' fill='%233D5CFF'/%3E%3Crect x='26.5' y='38' width='3' height='20' rx='1.5' transform='rotate(-180 26.5 38)' fill='%233D5CFF'/%3E%3C/svg%3E%0A");
  background-size: cover;
  content: "";
}

.contents-spliter .contents-spliter-wrapper {
  height: 100%;
}

.contents-spliter .contents-spliter-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
  height: 100%;
}

.contents-spliter .gutter {
  position: relative;
  background-color: #dbdbdb;
}

.contents-spliter .gutter.gutter-horizontal {
  cursor: col-resize;
}

.contents-spliter .gutter.gutter-vertical {
  cursor: row-resize;
}

.contents {
  height: calc(100% - 2.875rem);
  flex-grow: 1;
  padding: 1.25rem 0 4.375rem;
  box-sizing: border-box;
}

.contents > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
  height: 100%;
}

.contents > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content > *:last-child {
  padding-bottom: 1.875rem;
}

.contents:has(.contents-spliter) {
  height: 100%;
}

.contents__top {
  display: flex;
  padding: 0 1.25rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1rem;
  flex-direction: row;
  align-items: center;
}

.contents__top .btn-area {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 0.625rem;
}

.contents__top .btn-area:has(.input-box-wrap) {
  gap: 1.25rem;
}

.contents__top .btn-area .input-box-wrap .input-box + .input-box {
  margin-left: 1.25rem;
}

.contents__top .definition-list {
  padding: 0.75rem 0;
}

.contents .breadcrumb {
  display: flex;
  padding: 0.75rem 0;
  color: #666;
}

.contents .breadcrumb .location + .location::before {
  display: inline-block;
  padding: 0 0.25rem;
  content: ">";
}

.popup-wrap {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.popup-wrap.active {
  display: flex;
}

.popup-wrap.active.layerd {
  background-color: rgba(0, 0, 0, 0);
}

.popup-wrap.no-dim {
  position: static;
  background-color: rgba(0, 0, 0, 0);
}

.popup-wrap.no-dim .popup-layer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup-wrap.no-dim .popup-header {
  padding-top: 0.875rem;
}

.popup-wrap.type-page {
  align-items: flex-start;
  background-color: #eaedf0;
}

.popup-wrap.type-page .popup-layer {
  width: 67.5rem;
  margin-top: 6.25rem;
  box-shadow: initial;
}

.popup-wrap.type-page .popup-layer .popup-header {
  padding: 1.25rem 2.5rem;
  border: 0;
  background-color: #fff;
}

.popup-wrap.type-page .popup-layer .popup-header::before {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  content: "";
}

.popup-wrap.type-page .popup-layer .popup-body {
  padding: 1.25rem 2.5rem;
  border: 0;
}

.popup-wrap.type-page .popup-layer .popup-body .inner-scroll {
  overflow-y: auto;
  max-height: 36.375rem;
  margin-top: -1.25rem;
  margin-right: -12px;
  padding-top: 1.25rem;
  padding-right: 12px;
}

.popup-wrap.type-page .popup-layer .popup-body .inner-scroll .simplebar-vertical {
  width: 0.5625rem;
}

.popup-wrap.type-page .popup-layer .popup-body .inner-scroll .simplebar-vertical .simplebar-scrollbar {
  right: 0;
}

.popup-wrap.type-page .popup-layer .popup-body .inner-scroll .simplebar-vertical .simplebar-scrollbar::before {
  top: 0;
  bottom: 0;
}

.popup-wrap.type-page .popup-layer .popup-body .title {
  position: relative;
  padding-top: 1.875rem;
  padding-bottom: 0.875rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-align: center;
}

.popup-wrap.type-page .popup-layer .popup-body .title::before {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1.125rem;
  height: 1px;
  margin-left: -0.5625rem;
  background-color: #222;
  content: "";
}

.popup-wrap.type-page .popup-layer .popup-body .text-msg {
  padding-top: 0.6875rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #444;
  text-align: center;
}

.popup-wrap.type-page .popup-layer .popup-body .text-msg + .tbl-top-area {
  margin-top: 1.5625rem;
}

.popup-wrap.type-page .popup-layer .popup-body .text-msg + .tbl-wrap {
  margin-top: 2.625rem;
}

.popup-wrap.type-page .popup-layer .btn-area {
  padding: 0 2.5rem 2.5rem;
  background-color: #fff;
}

.popup-layer {
  display: flex;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.25);
  flex-direction: column;
}

.popup-layer.alert {
  overflow: hidden;
  width: 21.875rem;
  border-radius: 0.3125rem;
  box-shadow: initial;
  z-index: 1;
}

.popup-layer.alert .popup-body {
  padding: 2.5rem 1.5rem 1.625rem;
  border-width: 0;
  text-align: center;
}

.popup-layer.alert .popup-body .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.popup-layer.alert .popup-body .title + .title,
.popup-layer.alert .popup-body .title + .text-msg {
  margin-top: 0.625rem;
  letter-spacing: -0.0065em;
}

.popup-layer.alert .popup-body .text-msg {
  font-size: 1rem;
  font-weight: 400;
  color: #444;
}

.popup-layer.alert .popup-body .ico-loading {
  margin-bottom: 0.9375rem;
  padding: 0.9375rem 0 1.125rem;
}

.popup-layer.alert .popup-body .ico-loading .loading {
  position: static;
  margin-top: initial;
  font-size: 7px;
}

.popup-layer.alert .btn-area {
  padding: 0;
  background: transparent;
  gap: 0;
}

.popup-layer.alert .btn-area .btn {
  height: 2.8125rem;
  border-radius: 0;
  flex: 1;
}

.popup-layer.alert .btn-area .btn::after {
  border-radius: inherit;
}

.popup-layer.alert .btn-area .btn:hover::after {
  border-radius: inherit;
}

.popup-layer.size-1 {
  width: 36.25rem;
}

.popup-layer.size-2 {
  width: 45.625rem;
}

.popup-layer.size-3 {
  width: 75rem;
}

.popup-layer.size-4 {
  width: 1065px;
}

@media (max-width: 78rem) {
  .popup-layer.size-3 {
    width: calc(100% - 3rem);
  }
}
.popup-layer .popup-header {
  position: relative;
  padding: 0.8125rem 4.375rem 0.8125rem 1.25rem;
  border: 1px solid #dbdbdb;
  border-bottom-width: 0;
  background: #383939;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #fff;
}

.popup-layer .popup-body {
  padding: 1.25rem;
  border: 0.625rem solid #dbdbdb;
  background: #fff;
}

.popup-layer .popup-body__tit {
  display: block;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 16px;
}

.popup-layer .popup-body__tit ~ .popup-body__tit {
  margin-top: 1.25rem;
}

.popup-layer .popup-body__tit + .input-wrap {
  padding: 0.3125rem 0 0.625rem;
}

.popup-layer .popup-body .line-title {
  margin: -0.3125rem 0 0.875rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #ddd;
  font-family: "Roboto";
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.popup-layer .popup-body .line-title em {
  font-style: initial;
  font-weight: 700;
}

.popup-layer .popup-body .line-title ~ .search-form-table {
  margin-top: 1.5rem;
}

.popup-layer .popup-body .popup-inner-gap .tbl tr.no-data td,
.popup-layer .popup-body .popup-inner-table .tbl tr.no-data td {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}

.popup-layer .popup-body .popup-inner-gap {
  padding: 0.25rem;
}

.popup-layer .popup-body .popup-inner-gap .form-wrap {
  margin-top: 1.1875rem;
  padding: 0;
}

.popup-layer .popup-body .popup-inner-table {
  display: flex;
  margin: -1.25rem;
  padding: 1.5rem;
  flex-flow: column wrap;
  box-sizing: border-box;
}

.popup-layer .popup-body .popup-inner-table .tbl-top-area {
  width: 100%;
  padding-bottom: 0.625rem;
  flex-shrink: 0;
  align-items: flex-end;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl-scroll {
  max-height: 30.25rem;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl-scroll.h40-r10 {
  max-height: 30rem;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl-scroll .tbl thead {
  position: sticky;
  top: 0;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl tfoot {
  position: sticky;
  bottom: 0;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl td {
  padding: 0.625rem 0.875rem;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl td .ico-txt-done,
.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl td .ico-txt-fail {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl ~ .msg-ico-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl ~ .msg-ico-wrap:has(.ico-fail) {
  padding-top: 3.125rem;
  padding-bottom: 4.25rem;
}

.popup-layer .popup-body .popup-inner-table .tbl-wrap .tbl ~ .msg-ico-wrap:has(.ico-done) {
  padding-top: 6.25rem;
  padding-bottom: 4.5rem;
}

.popup-layer .popup-body .form-wrap {
  padding: 0.25rem;
}

.popup-layer .popup-body .search-form-table + .form-table {
  margin-top: 1.5rem;
}

.popup-layer .popup-body p.txt {
  font-size: 0.9375rem;
  line-height: 1.6;
}

.popup-layer .popup-body p.txt:first-child {
  margin-top: -0.3125rem;
}

.popup-layer .popup-body p.txt + p.txt {
  margin-top: 0.4375rem;
}

.popup-layer .popup-body p.txt + .input-box.w-100p {
  margin-top: 1.1875rem;
  margin-bottom: 0.5rem;
}

.popup-layer .loading-box {
  height: 9.375rem;
}

.popup-layer .btn-area {
  display: flex;
  padding: 0 0.625rem 0.625rem;
  background: #dbdbdb;
  justify-content: flex-end;
  gap: 0.625rem;
}

.popup-layer .btn-close {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.popup-layer .btn-close::before {
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../img/btn_close.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

::selection {
  background-color: #3d5dff;
  color: #fff;
}

/* width */
.w-200 {
  width: 12.5rem;
}

.w-280 {
  width: 17.5rem;
}

.w-100p {
  width: 100% !important;
}

/* gap */
.mt-10 {
  margin-top: 0.625rem !important;
}

.mt-14 {
  margin-top: 0.875rem !important;
}

.mt-16 {
  margin-top: 1rem !important;
}

.mt-18 {
  margin-top: 1.125rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mt-24 {
  margin-top: 1.5rem !important;
}

.mt-30 {
  margin-top: 1.875rem !important;
}

.mb-24 {
  margin-bottom: 1.5rem !important;
}

.ml-auto {
  margin-left: auto;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-16 {
  padding-top: 1rem !important;
}

.pt-40 {
  padding-top: 2.5rem !important;
}

.pb-16 {
  padding-bottom: 1rem !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

/* text */
.txt-kr {
  font-family: "Pretendard" !important;
}

.txt-code {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  color: #444;
}

/* color */
.txt-color {
  color: #3d5dff !important;
}

.txt-color2 {
  color: #f31b1b !important;
}

.txt-line {
  text-decoration: underline;
}

.text-msg {
  font-size: 1.125rem;
  font-weight: 700;
}

.date-time {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.1875rem;
}

.date-time time {
  white-space: nowrap;
}

.ellipsis {
  width: 100%;
}

.ellipsis:not([class*=max]) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis.max-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.nowrap {
  white-space: nowrap;
}

/* box */
.round-box {
  border: solid 1px #dbdbdb;
  border-radius: 0.3125rem;
}

.scroll-box {
  padding: 0.625rem 0.375rem 0.625rem 1.25rem;
}

.scroll-box.h-1 {
  height: 16.875rem;
}

.scroll-box.h-1 .scroll-box__inner {
  height: 15.625rem;
}

.scroll-box.h-2 {
  height: 12.5rem;
}

.scroll-box.h-2 .scroll-box__inner {
  height: 11.25rem;
}

.scroll-box.h-3 {
  height: 12.5rem;
}

.scroll-box.h-4 {
  height: 28.125rem;
}

.scroll-box__inner {
  overflow: auto;
  height: 100%;
}

.scroll-box__inner::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.scroll-box__inner::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.scroll-box__inner::-webkit-scrollbar-track-piece,
.scroll-box__inner::-webkit-scrollbar-button {
  display: none;
}

.file-drag-drop {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  height: 9.375rem;
  padding-top: 1.5rem;
  font-size: 1rem;
  color: #999;
  text-align: center;
}

.file-drag-drop::before {
  width: 4.625rem;
  height: 4.625rem;
  background-image: url(../img/icon_drag_upload.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.file-drag-drop p {
  padding-top: 0.375rem;
}

/* logo */
.logo {
  width: 7.5rem;
  height: 2.1875rem;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../img/logo.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}

/* list style */
.definition-list {
  display: inline-flex;
  align-items: center;
}

.definition-list__tit {
  padding-right: 0.25rem;
  color: #666;
}

.definition-list__tit ~ .definition-list__tit {
  display: inline-flex;
  position: relative;
  margin-left: 1.625rem;
}

.definition-list__tit ~ .definition-list__tit::before {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 1px;
  height: 0.5rem;
  margin-top: -0.25rem;
  margin-right: 0.8125rem;
  background-color: #c6c6c6;
  content: "";
}

.definition-list__txt {
  color: #444;
  font-weight: 700;
}

.dot-list-item {
  position: relative;
  padding-left: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #444;
}

.dot-list-item::before {
  display: block;
  position: absolute;
  left: 0;
  width: 0.1875rem;
  height: 0.1875rem;
  margin-top: -0.0625rem;
  background: #999;
  border-radius: 50%;
  content: "";
}

.dot-list.gap-1 .dot-list-item {
  padding-top: 0.5rem;
  padding-bottom: 0.4375rem;
}

.dot-list.gap-1 .dot-list-item::before {
  top: 1.09375rem;
}

.input-box-wrap {
  display: flex;
  align-items: flex-start;
}

.input-box-wrap:has(.input-box-label) {
  gap: 1.25rem;
}

.input-box-wrap .input-box-label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1rem;
}

.input-box-wrap .input-box-label.required::after {
  padding-left: 0.1875rem;
  font-weight: 700;
  color: #f31b1b;
  content: "*";
}

.input-box-wrap:has(.btn) {
  gap: 0.5rem;
}

.input-box-wrap.column {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}

.input-box-wrap.column .input-box + .input-box {
  margin-left: 0;
}

.input-box-wrap.abled-type {
  gap: 0.5rem;
}

.input-box-wrap.abled-type + .input-box-wrap.abled-type,
.input-box-wrap.abled-type + .btn-wrap {
  margin-top: 0.625rem;
}

.input-box-wrap.abled-type .input-box .input-txt:read-only {
  background-color: initial;
}

.input-box-wrap.abled-type .input-box + .input-box {
  margin-left: 0;
}

.input-box-wrap.grid-col-2 {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  row-gap: 0.625rem;
  column-gap: 1.875rem;
}

/* input */
.input-box {
  display: inline-flex;
  position: relative;
  align-items: center;
  vertical-align: top;
}

.input-box.w-100p {
  display: block;
}

.input-box.w-100p .input-txt {
  width: 100%;
}

.input-box.w-370 {
  width: 100%;
}

.input-box.w-370 .input-txt {
  max-width: 370px;
  width: 100%;
}

.input-box:has(.calendar) .input-txt {
  max-width: 9.375rem;
  min-width: initial;
}

.input-box:has(.calendar) .input-txt.timepicker {
  max-width: 11.25rem;
}

.input-box + .input-box:not(.box-block) {
  margin-left: 1.875rem;
}

.input-box.box-block {
  display: block;
}

.input-box .input-check {
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.input-box .input-check + label {
  display: flex;
  font-size: 0.8125rem;
  align-items: flex-start;
  cursor: pointer;
}

.input-box .input-check + label::before {
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-radius: 0.25rem;
  box-sizing: border-box;
  flex-shrink: 0;
  content: "";
}

.input-box .input-check + label span,
.input-box .input-check + label strong {
  display: block;
  padding-top: 2px;
  padding-left: 0.5rem;
  line-height: 1rem;
}

.input-box .input-check[type=radio] + label::before {
  border-radius: 50%;
}

.input-box .input-check:checked[type=checkbox] + label::before {
  border-width: 0;
  background-color: #3d5dff;
  background-image: url(../img/ico_checked.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.input-box .input-check:checked[type=checkbox]:disabled {
  pointer-events: none;
}

.input-box .input-check:checked[type=checkbox]:disabled + label {
  cursor: default;
}

.input-box .input-check:checked[type=checkbox]:disabled + label::before {
  background-color: #e5e5e5;
}

.input-box .input-check:checked[type=radio] + label::before {
  border: 0.3125rem solid #3d5dff;
  background-color: #fff;
}

.input-box .input-check:checked[type=radio]:disabled {
  pointer-events: none;
}

.input-box .input-check:checked[type=radio]:disabled + label {
  cursor: default;
}

.input-box .input-check:checked[type=radio]:disabled + label::before {
  border-color: #e5e5e5;
}

.input-box .input-check:disabled {
  pointer-events: none;
}

.input-box .input-check:disabled + label {
  cursor: default;
}

.input-box .input-check:disabled + label::before {
  background-color: #e5e5e5;
}

.input-box .calendar {
  display: flex;
  position: relative;
}

.input-box .calendar::before {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../img/ico_calendar.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.input-box .calendar::before {
  position: absolute;
  top: 50%;
  right: 0.375rem;
  margin-top: -0.625rem;
  background-color: #fff;
}

.input-box .unit-box {
  position: relative;
}

.input-box .unit-box:has(.unit-box__txt) .input-txt {
  padding-right: 1.875rem;
  text-align: right;
}

.input-box .unit-box__txt {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  font-size: 0.8125rem;
  line-height: 0.875rem;
  transform: translateY(-50%);
}

.input-box .title-txt__info {
  display: flex;
  align-items: flex-start;
  font-size: 13px;
  color: #999;
  column-gap: 4px;
  margin-left: 12px;
}

.input-box .title-txt__info::before {
  content: "";
  display: block;
  background-image: url(../img/ico_tooltip_gray.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  flex: none;
}

.input-box-label {
  font-size: 0.8125rem;
}

.input-box:has(.input-txt) {
  gap: 0.5rem;
}

.input-box:has(textarea.input-txt) {
  height: 3.75rem;
  padding: 0.5625rem 0.25rem 0.5625rem 0.625rem;
  border: solid 1px #dbdbdb;
  border-radius: 0.3125rem;
  background-color: #fff;
  box-sizing: border-box;
  transition: border 0.2s ease-out;
}

.input-box:has(textarea.input-txt) textarea.input-txt {
  height: 100%;
  padding: 0;
  border: none;
  resize: none;
  box-sizing: border-box;
}

.input-box:has(textarea.input-txt) textarea.input-txt::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.input-box:has(textarea.input-txt) textarea.input-txt::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.input-box:has(textarea.input-txt) textarea.input-txt::-webkit-scrollbar-track-piece,
.input-box:has(textarea.input-txt) textarea.input-txt::-webkit-scrollbar-button {
  display: none;
}

.input-box:has(textarea.input-txt:focus) {
  border-color: #3d5cff;
}

.input-box:has(.valid, .form-wrap .input-desc.invalid, .form-wrap .input-desc.guide-txt.valid),
.input-box:has(.invalid, .guide-txt.valid, .form-wrap .guide-txt.input-desc.invalid, .form-wrap .guide-txt.input-desc.valid) {
  align-items: flex-start;
}

.input-box:has([type=file]) {
  position: relative;
}

.input-box:has([type=file]) .input-txt:read-only {
  background-color: initial;
}

.input-box:has([type=file]) input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  opacity: 0;
  z-index: 1;
}

.input-box:has([type=file]) .btn {
  white-space: nowrap;
}

.input-box:has(.error) {
  flex-flow: column;
  align-items: flex-start;
  row-gap: 0.25rem;
}

.input-box:has(.error):has(.p-right) {
  flex-flow: row wrap;
  align-items: flex-end;
  column-gap: 0.3125rem;
}

.input-box:has(.error) .input-txt {
  border-color: #fc4c4e !important;
}

.input-box:has(.error) .input-txt::placeholder {
  color: #fc4c4e;
}

.input-box.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.input-box .tilde {
  font-size: 0.875rem;
  color: #505050;
}

.input-box .label {
  padding-right: 0.375rem;
  font-size: 0.8125rem;
  color: #222;
}

.guide-txt {
  font-size: 0.75rem;
  line-height: 0.9375rem;
}

.guide-txt-wrap {
  display: inline-flex;
  flex-flow: column wrap;
  align-items: flex-start;
  gap: 0.3125rem;
  margin-left: 0.4375rem;
}

.guide-txt.error {
  font-style: normal;
  color: #fc4c4e;
}

.guide-txt.invalid,
.guide-txt.valid,
.form-wrap .guide-txt.input-desc.invalid,
.form-wrap .guide-txt.input-desc.valid {
  display: flex;
  padding: 0.3125rem 0.625rem;
  font-style: normal;
  line-height: 1.5;
  border-radius: 0.3125rem;
  align-items: center;
  background-color: #fff0f0;
  color: #f31b1b;
}

.guide-txt.invalid::before,
.guide-txt.valid::before,
.form-wrap .guide-txt.input-desc.invalid::before,
.form-wrap .guide-txt.input-desc.valid::before {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/ico_invalid.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.guide-txt.invalid::before,
.guide-txt.valid::before,
.form-wrap .guide-txt.input-desc.invalid::before,
.form-wrap .guide-txt.input-desc.valid::before {
  margin-right: 0.3125rem;
}

.guide-txt.valid,
.form-wrap .guide-txt.input-desc.invalid,
.form-wrap .guide-txt.input-desc.valid {
  background-color: #edfcf0;
  color: #21ad38;
}

.guide-txt.valid::before,
.form-wrap .guide-txt.input-desc.invalid::before,
.form-wrap .guide-txt.input-desc.valid::before {
  background-image: url(../img/ico_valid.png);
}

.guide-txt.valid::before,
.form-wrap .guide-txt.input-desc.invalid::before,
.form-wrap .guide-txt.input-desc.valid::before {
  animation: checked 0.2s ease-in-out;
}

.input-txt {
  min-width: 12.5rem;
  padding: 0.3125rem 0.625rem;
  border: solid 1px #dbdbdb;
  border-radius: 0.3125rem;
  background-color: #fff;
  font-size: 0.8125rem;
  color: #222;
  line-height: 1.25rem;
  outline: 0;
  transition: border 0.2s ease-out;
}

.input-txt::placeholder {
  line-height: 1;
  color: #999;
}

textarea.input-txt {
  padding: 0.625rem;
}

textarea.input-txt::placeholder {
  line-height: 1.25rem;
}

.input-txt:not(:disabled):not(.disabled):not(:read-only):focus {
  border-color: #3d5dff;
}

.input-txt.disabled,
.input-txt:disabled {
  background-color: #e5e5e5;
  color: #999;
}

.input-txt:read-only {
  background-color: #e5e5e5;
}

.input-txt.rs-picker {
  height: initial !important;
}

.input-txt.rs-picker .calendar {
  height: initial !important;
}

.input-txt.rs-picker .rs-input-group {
  border: 0;
}

.input-txt.rs-picker .rs-input-group.rs-input-group-sm > .rs-input {
  min-width: 12.5rem;
  padding: 0.3125rem 0.625rem;
  border: solid 1px #dbdbdb;
  border-radius: 0.3125rem;
  background-color: #fff;
  font-size: 0.8125rem;
  color: #222;
  line-height: 1.25rem;
  outline: 0;
  transition: border 0.2s ease-out;
  min-width: initial;
  height: initial !important;
}

.input-txt.rs-picker .rs-input-group.rs-input-group-sm > .rs-input::placeholder {
  line-height: 1;
  color: #999;
}

.input-txt.rs-picker .rs-input-group.rs-input-group-sm > .rs-input:not(:disabled):not(.disabled):not(:read-only):focus {
  border-color: #3d5dff;
}

.input-txt.rs-picker .rs-input-group.rs-input-group-sm > .rs-input.disabled,
.input-txt.rs-picker .rs-input-group.rs-input-group-sm > .rs-input:disabled {
  background-color: #e5e5e5;
  color: #999;
}

.input-txt.rs-picker .rs-input-group.rs-input-group-sm > .rs-input:read-only {
  background-color: #e5e5e5;
}

.input-txt.rs-picker .rs-input-group.rs-input-group-sm > .rs-input:read-only {
  background-color: #fff;
}

.input-txt.rs-picker .rs-input-group.rs-input-group-sm > .rs-input:focus {
  outline: 0;
  border-color: #3d5dff;
}

.input-txt.rs-picker .rs-input-group-addon {
  position: absolute;
  right: 0;
  height: 100% !important;
  padding: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.input-txt.rs-picker .rs-input-group-addon::before {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../img/ico_calendar.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.input-txt.rs-picker .rs-input-group-addon::before {
  background-color: #fff;
}

.input-txt.rs-picker .rs-input-group-addon:has(.rs-picker-clean)::before {
  display: none;
}

.input-txt.rs-picker .rs-input-group-addon .rs-picker-caret-icon {
  display: none;
}

.form-wrap {
  display: flex;
  font-size: 0.8125rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

.form-wrap .input-box-label {
  width: 7.625rem;
  padding: 0.5rem 0;
  line-height: 1rem;
}

.form-wrap .input-box-label ~ .input-box-label {
  margin-top: 1.6875rem;
}

.form-wrap .input-box-label ~ .input-box:not(:has(textarea)) {
  width: calc(100% - 7.625rem);
  flex-flow: column wrap;
  align-items: flex-start;
  gap: 0;
}

.form-wrap .input-box-label ~ .input-box-wrap {
  width: calc(100% - 7.625rem);
  flex-flow: column wrap;
  align-items: flex-start;
  margin-top: 1.6875rem;
}

.form-wrap .input-box-label.align-r {
  padding-right: 1.25rem;
  text-align: right;
  flex: 1;
}

.form-wrap .input-box-label.required::after {
  padding-left: 0.1875rem;
  font-weight: 700;
  color: #f31b1b;
  content: "*";
}

.form-wrap .input-box-wrap {
  width: 100%;
  flex-flow: column wrap;
}

.form-wrap .input-box-wrap:has(textarea.input-txt) .input-box {
  width: 100%;
}

.form-wrap .input-box-wrap:has(.input-desc) {
  gap: 0;
}

.form-wrap .input-box-wrap.flow-row {
  flex-direction: row;
}

.form-wrap .input-box-wrap[class*=half] .input-txt {
  min-width: initial;
  width: 100%;
}

.form-wrap .input-box-wrap.half-200 {
  width: 12.5rem;
}

.form-wrap .input-box-wrap.half-150 {
  width: 9.375rem;
}

.form-wrap .input-box {
  width: 100%;
}

.form-wrap .input-box ~ .input-box:not(:has(.input-check)) {
  margin-top: 1.6875rem;
}

.form-wrap .input-box:has(.input-check) {
  width: initial;
  padding: 0.4375rem 0;
}

.form-wrap .input-box .input-txt {
  width: 100%;
}

.form-wrap .input-box textarea.input-txt {
  line-height: 1.25rem;
}

.form-wrap .input-box .ui-selectmenu-button,
.form-wrap .input-box .selectbox-ui {
  width: 100%;
}

.form-wrap .input-box .ui-selectmenu-button .selected-txt,
.form-wrap .input-box .selectbox-ui .selected-txt {
  width: 100%;
}

.form-wrap .input-desc {
  display: flex;
  width: 100%;
  padding-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #666;
  flex-basis: 100%;
}

.form-wrap .input-desc.txt-color2 {
  position: absolute;
  top: 100%;
}

.form-wrap .input-desc.valid,
.form-wrap .input-desc.invalid {
  display: flex;
  position: absolute;
  top: 100%;
  right: 0;
  width: initial;
  margin-top: -0.9375rem;
  padding: 0.3125rem 0.625rem;
  background-color: #edfcf0;
  line-height: 18px;
  color: #21ad38;
  border-radius: 0.3125rem;
  align-items: center;
}

.form-wrap .input-desc.valid::before,
.form-wrap .input-desc.invalid::before {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/ico_valid.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.form-wrap .input-desc.valid::before,
.form-wrap .input-desc.invalid::before {
  margin-right: 0.3125rem;
  animation: checked 0.2s ease-in-out;
}

.form-wrap .input-desc.invalid,
.form-wrap .input-desc.guide-txt.valid {
  background-color: #fff0f0;
  color: #f31b1b;
  animation: shake 0.75s;
}

.form-wrap .input-desc.invalid::before,
.form-wrap .input-desc.guide-txt.valid::before {
  background-image: url(../img/ico_invalid.png);
}

.form-wrap .input-desc.invalid::before,
.form-wrap .input-desc.guide-txt.valid::before {
  animation: initial;
}

.form-wrap .input-desc .btn-txt {
  line-height: inherit;
}

/* button */
.btn-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
}

.btn-wrap.btn-set {
  gap: 0;
}

.btn-wrap.btn-set .btn:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-wrap.btn-set .btn:first-of-type::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-wrap.btn-set .btn:last-of-type {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-wrap.btn-set .btn:last-of-type::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-wrap.align-r {
  width: 100%;
  justify-content: flex-end;
}

.btn-wrap__side {
  margin-right: auto;
}

.btn-wrap:has(.error) {
  flex-flow: column;
  align-items: flex-start;
  row-gap: 0.25rem;
}

.btn-wrap:has(.error):has(.p-right) {
  flex-flow: row wrap;
  align-items: flex-end;
  column-gap: 0.3125rem;
}

.btn {
  line-height: 1.125rem;
  border-radius: 0.3125rem;
}

.btn:disabled {
  cursor: auto;
}

.btn.btn-l {
  padding: 0.625rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
}

.btn.btn-m {
  padding: 0.375rem 1.1875rem;
  font-size: 0.8125rem;
  transition: padding 0.3s;
}

.btn.btn-s {
  padding: 0.25rem 0.875rem;
  font-size: 0.8125rem;
  color: #444;
}

.btn.btn-s strong {
  font-weight: 500;
}

.btn.btn-color {
  color: #fff;
  position: relative;
}

.btn.btn-color::after {
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-color: rgba(0, 0, 0, 0);
  transition: background 0.25s;
  border-radius: 0.375rem;
  content: "";
}

.btn.btn-color:not(:disabled):not(.disabled):hover::after {
  background-color: rgba(0, 0, 0, 0.3);
}

.btn.btn-color.disabled,
.btn.btn-color:disabled {
  color: #fff;
  border-color: #afafaf;
  background-color: #b7b7b7;
  color: #fff;
  cursor: auto;
}

.btn.btn-color.disabled.btn-line,
.btn.btn-color:disabled.btn-line {
  border-color: #afafaf;
  color: #fff;
}

.btn.btn-color.disabled.btn-line.bl::before,
.btn.btn-color:disabled.btn-line.bl::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-color.disabled.btn-line.gr::before,
.btn.btn-color:disabled.btn-line.gr::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-color.disabled.btn-line.bk::before,
.btn.btn-color:disabled.btn-line.bk::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-color.bl {
  border: 1px solid #3d5dff;
  background-color: #3d5dff;
}

.btn.btn-color.bk {
  border: 1px solid #020202;
  background-color: #020202;
}

.btn.btn-color.dg {
  border: 1px solid #44464c;
  background-color: #44464c;
}

.btn.btn-color.whbl {
  border: 1px solid #eff0fb;
  background-color: #eff0fb;
}

.btn.btn-color.reset::before {
  background-image: url(../img/ico_reset.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-color.search::before {
  background-image: url(../img/ico_search.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-color.disabled,
.btn.btn-color:disabled {
  color: #fff;
  border-color: #afafaf;
  background-color: #b7b7b7;
  color: #fff;
  cursor: auto;
}

.btn.btn-color.disabled.btn-line,
.btn.btn-color:disabled.btn-line {
  border-color: #afafaf;
  color: #fff;
}

.btn.btn-color.disabled.btn-line.bl::before,
.btn.btn-color:disabled.btn-line.bl::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-color.disabled.btn-line.gr::before,
.btn.btn-color:disabled.btn-line.gr::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-color.disabled.btn-line.bk::before,
.btn.btn-color:disabled.btn-line.bk::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-line {
  background-color: #fff;
  position: relative;
}

.btn.btn-line::after {
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-color: rgba(0, 0, 0, 0);
  transition: background 0.25s;
  border-radius: 0.375rem;
  content: "";
}

.btn.btn-line:not(:disabled):not(.disabled):hover::after {
  background-color: rgba(0, 0, 0, 0.3);
}

.btn.btn-line.disabled,
.btn.btn-line:disabled {
  color: #fff;
  border-color: #afafaf;
  background-color: #b7b7b7;
  color: #fff;
  cursor: auto;
}

.btn.btn-line.disabled.btn-line,
.btn.btn-line:disabled.btn-line {
  border-color: #afafaf;
  color: #fff;
}

.btn.btn-line.disabled.btn-line.bl::before,
.btn.btn-line:disabled.btn-line.bl::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-line.disabled.btn-line.gr::before,
.btn.btn-line:disabled.btn-line.gr::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-line.disabled.btn-line.bk::before,
.btn.btn-line:disabled.btn-line.bk::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.btn.btn-line.bl {
  border: 1px solid currentColor;
  color: #3d5cff;
}

.btn.btn-line.bk {
  border: 1px solid currentColor;
  color: #222;
}

.btn.btn-line.gr {
  border: 1px solid #afafaf;
}

.btn.btn-line.reset::before {
  background-image: url(../img/ico_reset_bk2.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-line.search::before {
  background-image: url(../img/ico_search_bk.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}

.btn.btn-icon::before {
  flex-shrink: 0;
  content: "";
}

.btn.btn-icon.btn-l {
  gap: 0.5rem;
}

.btn.btn-icon.btn-l::before {
  width: 1.125rem;
  height: 1.125rem;
}

.btn.btn-icon.btn-l.copy::before {
  background-image: url(../img/ico_copy.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.btn-l.copy::before {
  filter: initial !important;
}

.btn.btn-icon.btn-l.copy.disabled::before,
.btn.btn-icon.btn-l.copy:disabled::before {
  background-image: url(../img/ico_copy_w.svg);
}

.btn.btn-icon.btn-l.add::before {
  background-image: url(../img/ico_add_18.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.btn-l.add-folder::before {
  background-image: url(../img/ico_add_folder.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.btn-m {
  gap: 0.3125rem;
}

.btn.btn-icon.btn-m::before {
  width: 0.75rem;
  height: 0.75rem;
}

.btn.btn-icon.btn-m.add::before {
  background-image: url(../img/ico_add.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.btn-m.add::before {
  background-position: 0 -1px;
  background-size: 0.8125rem auto;
  background-repeat: no-repeat;
}

.btn.btn-icon.btn-s {
  gap: 0.3125rem;
}

.btn.btn-icon.btn-s::before {
  width: 0.75rem;
  height: 0.75rem;
}

.btn.btn-icon.btn-line.bl::before {
  filter: invert(27%) sepia(77%) saturate(1991%) hue-rotate(221deg) brightness(103%) contrast(103%);
}

.btn.btn-icon.icon-only {
  display: inline-flex;
  padding: 0;
  font-size: 0;
  flex-shrink: 0;
  gap: 0;
}

.btn.btn-icon.icon-only.btn-m {
  width: 2rem;
  height: 2rem;
}

.btn.btn-icon.icon-only.btn-m.remove::before {
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(../img/ico_remove.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.icon-only.btn-m.remove::before {
  background-position: 50%;
  background-size: 2rem;
  background-repeat: no-repeat;
}

.btn.btn-icon.icon-only.btn-m.zoom-pop::before {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/ico_zoom_pop.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.icon-only.btn-s {
  width: 1.75rem;
  height: 1.75rem;
}

.btn.btn-icon.icon-only.btn-s::before {
  width: 1.125rem;
  height: 1.125rem;
}

.btn.btn-icon.icon-only.btn-xs::before {
  width: 1.5rem;
  height: 1.5rem;
  background-position: 50%;
  background-size: 1.125rem auto;
  background-repeat: no-repeat;
}

.btn.btn-icon.icon-only.btn-xs.triangle::before {
  background-image: url(../img/btn_triangle_bk.png);
}

.btn.btn-icon.icon-only.btn-xs.triangle::before {
  filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(256deg) brightness(99%) contrast(95%);
}

.btn.btn-icon.icon-only.btn-xs.annoying::before {
  background-image: url(../img/btn_annoying.png);
}

.btn.btn-icon.icon-only.btn-xs.annoying.on::before {
  background-image: url(../img/btn_most_annoying.png);
}

.btn.btn-icon.icon-only.btn-xs.stress::before {
  background-image: url(../img/btn_o_bk.png);
}

.btn.btn-icon.icon-only.btn-xs.stress::before {
  filter: invert(27%) sepia(67%) saturate(6300%) hue-rotate(349deg) brightness(93%) contrast(106%);
}

.btn.btn-icon.icon-only.btn-xs.unstress::before {
  background-image: url(../img/btn_x_bk.png);
}

.btn.btn-icon.icon-only.btn-xs.unstress::before {
  filter: invert(27%) sepia(67%) saturate(6300%) hue-rotate(349deg) brightness(93%) contrast(106%);
}

.btn.btn-icon.icon-only.del::before {
  background-image: url(../img/ico_delete.png);
}

.btn.btn-icon.icon-only.edit::before {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../img/ico_edit.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.prev::before,
.btn.btn-icon.next::before {
  background-image: url(../img/arr_prev.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.next::before {
  transform: rotate(180deg);
}

.btn.btn-icon.play-toggle::before {
  background-image: url(../img/btn_play.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.play-toggle.pause::before {
  background-image: url(../img/btn_pause.png);
}

.btn.btn-icon.play {
  white-space: nowrap;
}

.btn.btn-icon.play::before {
  background-image: url(../img/ico_paly.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.stop::before {
  background-image: url(../img/btn_stop.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.sound::before {
  background-image: url(../img/btn_sound.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.sound::after {
  display: none;
}

.btn.btn-icon.sound.mute::before {
  background-image: url(../img/btn_sound_mute.png);
}

.btn.btn-icon.zoom-in::before {
  background-image: url(../img/btn_zoom_in.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.zoom-out::before {
  background-image: url(../img/btn_zoom_out.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.del::before {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../img/ico_delete.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.del::before {
  filter: initial !important;
}

.btn.btn-icon.del.disabled::before,
.btn.btn-icon.del:disabled::before {
  background-image: url(../img/ico_delete_w.svg);
}

.btn.btn-icon.reply::before {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/icon_reply.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.send::before {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/icon_send.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn.btn-icon.download::before {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../img/ico_download_bk.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn-txt {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  color: #444;
}

.btn-txt.txt-underline {
  text-decoration: underline;
  font-weight: 500;
}

.btn-txt:hover {
  text-decoration: underline;
}

.btn-sort-row {
  display: flex;
  margin: auto;
  font-size: inherit;
  font-weight: inherit;
  flex-wrap: wrap;
  justify-content: center;
}

.btn-sort-row::after {
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(../img/triangle.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.btn-sort-row::after {
  margin-left: 0.375rem;
}

.btn-sort-row.asc::after {
  transform: rotate(180deg);
}

/* switch */
.switch-ui {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}

.switch-ui label {
  font-size: 0.8125rem;
  color: #666;
}

.switch-ui__toggle {
  position: relative;
  width: 3.375rem;
  height: 1.75rem;
  background: #e6e6e6;
  border-radius: 0.875rem;
  flex-shrink: 0;
}

.switch-ui__toggle:has(input[type=checkbox]:checked) {
  background: #dce1ff;
}

.switch-ui__toggle input[type=checkbox] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: inherit;
  cursor: pointer;
  z-index: 1;
}

.switch-ui__toggle input[type=checkbox]:checked + .switch-ui__toggle__btn {
  left: 1.8125rem;
  background-color: #3d5cff;
  background-image: url(../img/switch_on.png);
}

.switch-ui__toggle__btn {
  display: block;
  position: absolute;
  top: 0.1875rem;
  right: 0;
  bottom: 0;
  left: 0.1875rem;
  width: 1.375rem;
  height: 1.375rem;
  padding: 0.1875rem;
  background-color: #bbb;
  background-image: url(../img/switch_default.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-sizing: border-box;
  transition: left 0.2s ease-out;
}

/* selectbox */
.selectbox-ui {
  display: inline-block;
  position: relative;
  font-weight: 400;
  vertical-align: top;
}

.selectbox-ui-wrap {
  display: flex;
  gap: 1.25rem;
}

.selectbox-ui.is-open .selected-txt {
  border-color: #3d5dff !important;
  border-radius: 0.3125rem 0.3125rem 0 0 !important;
}

.selectbox-ui.is-open .selected-txt::after {
  transform: rotate(-180deg);
}

.selectbox-ui.is-open .selectbox-item-list {
  display: block;
}

.selectbox-ui.size-m .selected-txt {
  width: 100%;
  min-width: 12.5rem;
  padding: 0.3125rem 0.625rem;
  border: solid 1px #dbdbdb;
  border-radius: 0.3125rem;
  background-color: #fff;
  font-size: 0.8125rem;
  color: #222;
  line-height: 1.25rem;
  outline: 0;
  transition: border 0.2s ease-out;
  padding-top: 0.375rem;
  padding-bottom: 0.25rem;
  padding-right: 1.375rem;
  color: #999;
}

.selectbox-ui.size-m .selected-txt::placeholder {
  line-height: 1;
  color: #999;
}

.selectbox-ui.size-m .selected-txt:not(:disabled):not(.disabled):not(:read-only):focus {
  border-color: #3d5dff;
}

.selectbox-ui.size-m .selected-txt:read-only {
  background-color: #e5e5e5;
}

.selectbox-ui.size-m .selected-txt.is-selected {
  color: #222;
}

.selectbox-ui.size-m .selected-txt:read-only {
  background: #fff;
}

.selectbox-ui.size-m .selected-txt.disabled,
.selectbox-ui.size-m .selected-txt:disabled {
  background-color: #e5e5e5;
  color: #999;
}

.selectbox-ui.size-m .selected-txt::after {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  margin-top: -0.3125rem;
  background-image: url(../img/arr_bottom.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s ease-out;
  content: "";
}

.selectbox-ui.size-m .selected-txt.width-s {
  min-width: 6.875rem;
}

.selectbox-ui.size-l.ico-upload .selected-txt {
  display: flex;
  align-items: center;
}

.selectbox-ui.size-l.ico-upload .selected-txt::before {
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -0.125rem;
  margin-left: -0.625rem;
  background-image: url(../img/ico_upload_36.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.selectbox-ui.size-l.ico-upload .selectbox-item-list .selectbox-item {
  padding-left: 19px;
}

.selectbox-ui.size-l .selected-txt {
  padding: 0.125rem 3.25rem 0 1.25rem;
  border: 1px solid currentColor;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.25rem;
  color: #3d5dff;
  border-radius: 0.3125rem;
}

.selectbox-ui.size-l .selected-txt::after {
  position: absolute;
  top: 50%;
  right: 1.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: -0.5625rem;
  background-image: url(../img/arr_bottom_18.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.25s ease-out;
  content: "";
}

.selectbox-ui .selected-txt {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.selectbox-ui .selectbox-item-list {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  width: 100%;
  max-height: 12.125rem;
  background-color: #fff;
  border: 1px solid #3d5dff;
  border-radius: 0 0 0.3125rem 0.3125rem;
  z-index: 10;
}

.selectbox-ui .selectbox-item-list .simplebar-content-wrapper {
  border-radius: 0 0 0.3125rem 0.3125rem;
}

.selectbox-ui .selectbox-item-list .selectbox-item {
  display: block;
  width: 100%;
  padding: 0.4375rem 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: inherit;
  text-align: left;
}

.selectbox-ui .selectbox-item-list .selectbox-item:hover {
  background-color: #f4f6fd;
}

.selectbox-item-list .input-box {
  width: 100%;
}

.selectbox-item-list .input-box label {
  width: 100%;
}

.selectmenu-ui.size-l.ico-upload + .ui-selectmenu-button {
  padding-left: 0.625rem;
}

.selectmenu-ui.size-l.ico-upload + .ui-selectmenu-button .ui-selectmenu-text {
  display: flex;
  align-items: center;
}

.selectmenu-ui.size-l.ico-upload + .ui-selectmenu-button .ui-selectmenu-text::before {
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -0.125rem;
  background-image: url(../img/ico_upload_36.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.selectmenu-ui.size-l + .ui-selectmenu-button {
  min-width: initial;
  width: initial;
  padding: 0.125rem 3.25rem 0 1.25rem;
  border: 1px solid currentColor;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.25rem;
  color: #3d5dff;
  border-radius: 0.3125rem;
  box-sizing: border-box;
}

.selectmenu-ui.size-l + .ui-selectmenu-button .ui-selectmenu-text.is-selected {
  color: inherit;
}

.selectmenu-ui.size-l + .ui-selectmenu-button .ui-selectmenu-icon {
  right: 1.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: -0.5625rem;
  background-image: url(../img/arr_bottom_18.png);
}

.selectmenu-ui + .ui-selectmenu-button {
  display: inline-block;
  min-width: 12.5rem;
  margin-right: 0;
  padding: 0.3125rem 0.625rem;
  padding-right: 1.25rem;
  border: solid 1px #dbdbdb;
  background-color: initial;
  font-family: inherit;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #999;
  border-radius: 0.3125rem;
  vertical-align: top;
  box-sizing: border-box;
  transition: border 0.2s ease-out;
}

.selectmenu-ui + .ui-selectmenu-button.ui-selectmenu-button-open {
  border-color: #3d5dff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.selectmenu-ui + .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
  transform: rotate(-180deg);
}

.selectmenu-ui + .ui-selectmenu-button .ui-selectmenu-text {
  margin-right: initial;
}

.selectmenu-ui + .ui-selectmenu-button .ui-selectmenu-text.is-selected {
  color: #222;
}

.selectmenu-ui + .ui-selectmenu-button .ui-selectmenu-icon {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  margin-top: -0.3125rem;
  background-image: url(../img/arr_bottom.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s ease-out;
}

.ui-selectmenu-menu {
  box-sizing: border-box;
  z-index: 999;
}

.ui-selectmenu-menu .ui-menu {
  max-height: calc(12rem + 2px);
  margin-top: -1px;
  padding-bottom: 0;
  border-color: #3d5dff;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.ui-selectmenu-menu .ui-menu::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.ui-selectmenu-menu .ui-menu::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.ui-selectmenu-menu .ui-menu::-webkit-scrollbar-track-piece,
.ui-selectmenu-menu .ui-menu::-webkit-scrollbar-button {
  display: none;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
  padding: 0.5rem 0.625rem;
  font-size: 0.8125rem;
  line-height: 1rem;
}

.ui-selectmenu-menu .ui-menu .ui-state-active {
  margin: initial;
  border-width: 0;
  background-color: #f4f6fd;
  color: #222;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled {
  display: none;
}

.ui-selectmenu-menu .tbl-select-menu {
  margin-top: 5px;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}

.tree-ui__node {
  line-height: 1.375rem;
}

.tree-ui__item {
  display: flex;
  align-items: flex-start;
}

.tree-ui__item .input-box {
  flex: 1;
}

.tree-ui__item:hover {
  background-color: #f4f6fd;
}

.tree-ui__degree {
  display: none;
}

.tree-ui__btn {
  display: inline-flex;
  width: 1.375rem;
  height: 1.375rem;
  font-size: 0;
  justify-content: center;
  align-items: center;
}

.tree-ui__btn::before {
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(../img/ico_tree_open.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.tree-ui__btn.is-open::before {
  background-image: url(../img/ico_tree_close.png);
}

.tree-ui > .tree-ui__node > .tree-ui__item {
  padding: 0.3125rem;
}

.tree-ui > .tree-ui__node > .tree-ui__item + .tree-ui__degree > .tree-ui__node > .tree-ui__item {
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
}

.tree-ui > .tree-ui__node > .tree-ui__item + .tree-ui__degree > .tree-ui__node > .tree-ui__item + .tree-ui__degree > .tree-ui__node > .tree-ui__item {
  padding: 0.3125rem 0.3125rem 0.3125rem 4.1875rem;
}

.tree-ui .input-box .input-check + label {
  align-items: flex-start;
}

.tree-ui .input-box .input-check + label::before {
  margin-top: 0.125rem;
}

.tree-ui .input-box .input-check + label span {
  line-height: inherit;
}

.rows-select {
  display: flex;
  align-items: center;
}

.rows-select__txt {
  padding-right: 1rem;
  font-size: 0.875rem;
  color: #666;
}

.rows-select .selectbox-ui.is-open {
  border-color: #3d5dff;
}

.rows-select .selectbox-ui .selectbox-item-list {
  top: calc(100% + 0.3125rem);
  border-radius: 0.3125rem;
}

.rows-select .selectbox-ui .selectbox-item-list .simplebar-content-wrapper {
  border-radius: 0.3125rem;
}

.rows-select .selectbox-ui .selected-txt {
  min-width: 4.375rem;
  padding: 0.375rem 0.75rem 0.375rem 0.125rem;
  border-bottom: 1px solid #7c7c7c;
  font-size: 0.8125rem;
  font-weight: 700;
}

.rows-select .selectbox-ui .selected-txt::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0.125rem;
  margin-top: -0.3125rem;
  transform: rotate(90deg);
}

.rows-select .selectbox-ui .selected-txt::before {
  width: 0.625rem;
  height: 0.625rem;
  background-image: url(../img/arr_bk_10.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.rows-select .selectmenu-ui[data-class=tbl-select-menu] ~ .ui-selectmenu-button {
  min-width: 4.375rem;
  width: initial;
  padding: 0.375rem 0.75rem 0.375rem 0.125rem;
  border-width: 0 0 1px;
  border-color: #7c7c7c;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 0.9375rem;
  border-radius: 0;
}

.rows-select .selectmenu-ui[data-class=tbl-select-menu] ~ .ui-selectmenu-button.ui-selectmenu-button-open {
  border-color: #3d5dff;
}

.rows-select .selectmenu-ui[data-class=tbl-select-menu] ~ .ui-selectmenu-button .selectbox-item-list {
  border-color: #7c7c7c;
}

.rows-select .selectmenu-ui[data-class=tbl-select-menu] ~ .ui-selectmenu-button .ui-selectmenu-icon {
  right: 0;
}

/* search form page */
.contents:not(.scroll-simplebar) .search-page {
  display: flex;
  height: calc(100% + 0.625rem);
  flex-flow: column wrap;
}

.search-page {
  padding: 0 1.25rem;
}

.search-page .tbl-wrap {
  padding-bottom: 2.5rem;
}

.search-page .tbl {
  word-break: break-all;
}

.search-page .tbl td {
  padding: 0.75rem 0.875rem;
}

.search-page .tbl td .e-mail {
  word-break: auto-phrase;
}

.search-page .tbl td .txt-line {
  font-weight: 500;
}

/* search form area */
.search-form {
  margin-bottom: 1.625rem;
}

.search-form__btn {
  display: flex;
  position: relative;
  width: 100%;
  padding: 0.9375rem 1.5rem;
  border: 1px solid #d4d9e1;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #222;
  text-align: left;
  border-radius: 0.3125rem;
  transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}

.search-form__btn::before {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../img/arr_bottom_20.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.search-form__btn::before {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.625rem;
}

.search-form__btn.is-open {
  border-color: #3d5cff;
  background-color: #f7f7f9;
  border-bottom-width: 0;
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.search-form__btn.is-open::before {
  transform: rotate(180deg);
}

.search-form__btn.is-open + .search-form__inner {
  display: block;
}

.search-form__contents {
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 8.5rem;
  padding-right: 0.8125rem;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

.search-form__contents::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.search-form__contents::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.search-form__contents::-webkit-scrollbar-track-piece,
.search-form__contents::-webkit-scrollbar-button {
  display: none;
}

.search-form__contents > .btn-wrap {
  margin: 0.625rem 0 0;
}

.search-form__inner {
  display: none;
  position: relative;
  padding: 0.875rem 0.375rem 0.875rem 1.5rem;
  border: 1px solid #3d5cff;
  border-top-width: 0;
  border-radius: 0 0 0.3125rem 0.3125rem;
}

.search-form__inner .btn {
  flex-shrink: 0;
}

.search-form__inner > .selectbox-item-list {
  display: none;
  position: absolute;
  max-height: 12.125rem;
  background-color: #fff;
  border: 1px solid #3d5dff;
  border-radius: 0 0 0.3125rem 0.3125rem;
  z-index: 20;
}

.search-form__inner > .selectbox-item-list .simplebar-content-wrapper {
  border-radius: 0 0 0.3125rem 0.3125rem;
}

.search-form__inner > .selectbox-item-list .selectbox-item {
  display: block;
  width: 100%;
  padding: 0.4375rem 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: inherit;
  text-align: left;
}

.search-form__inner > .selectbox-item-list .selectbox-item:hover {
  background-color: #f4f6fd;
}

.search-form .search-form-cells {
  width: 100%;
  margin: 0.3125rem auto 0.3125rem 0;
  table-layout: fixed;
  font-size: 0.8125rem;
}

.search-form .search-form-cells th {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}

.search-form .search-form-cells th.align-r {
  text-align: right;
}

.search-form .search-form-cells th.align-r .input-box-label {
  justify-content: flex-end;
}

.search-form .search-form-cells td {
  padding: 0.3125rem 2.5rem 0.3125rem 0;
  vertical-align: top;
  transition: padding 0.2s ease-out;
}

.search-form .search-form-cells td.cell-th {
  padding-right: 0.5rem;
}

.search-form .search-form-cells .group-label {
  display: flex;
  flex-direction: column;
}

.search-form .search-form-cells .group-label .input-box-label + .input-box-label {
  margin-top: 0.625rem;
}

.search-form .search-form-cells .input-box-label {
  display: flex;
  min-height: 2rem;
  padding-right: 12px;
  line-height: 1rem;
  align-items: center;
}

.search-form .search-form-cells .input-box-label.required::after {
  padding-left: 0.1875rem;
  font-weight: 700;
  color: #f31b1b;
  content: "*";
}

.search-form .search-form-cells .input-btn-set {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 0.5rem;
}

.search-form .search-form-cells .input-btn-set__group {
  flex: 1;
}

.search-form .search-form-cells .input-btn-set__row {
  display: grid;
  position: relative;
}

.search-form .search-form-cells .input-btn-set__row:has(.input-box.w-3 + .btn.add) {
  grid-template-columns: minmax(auto, 20rem) auto;
  column-gap: 0.5rem;
}

.search-form .search-form-cells .input-btn-set__row:has(.ui-selectmenu-button),
.search-form .search-form-cells .input-btn-set__row:has(.selectbox-ui) {
  grid-template-columns: repeat(2, minmax(auto, 12.5rem));
  column-gap: 0.5rem;
}

.search-form .search-form-cells .input-btn-set__row .ui-selectmenu-button,
.search-form .search-form-cells .input-btn-set__row .selectbox-ui {
  min-width: 50%;
}

.search-form .search-form-cells .input-btn-set__row ~ .input-btn-set__row {
  margin-top: 0.625rem;
}

.search-form .search-form-cells .input-btn-set__row .btn.remove {
  position: absolute;
  left: 100%;
  margin-left: 0.5rem;
}

.search-form .search-form-cells .input-box-set {
  display: flex;
  gap: 0.5rem;
}

.search-form .search-form-cells .input-box-set .ui-selectmenu-button,
.search-form .search-form-cells .input-box-set .selectbox-ui {
  min-width: 7.5rem;
  flex: 1;
}

.search-form .search-form-cells .input-box-set .ui-selectmenu-button.width-s,
.search-form .search-form-cells .input-box-set .selectbox-ui.width-s {
  max-width: 10.125rem;
}

.search-form .search-form-cells .input-box-set .input-box {
  flex: 1;
}

.search-form .search-form-cells .form-row {
  display: flex;
  flex-flow: row nowrap;
}

.search-form .search-form-cells .form-row.col-5 {
  column-gap: 0.125rem;
  margin-right: -2.5rem;
  transition: margin 0.3s;
}

.search-form .search-form-cells .form-row.col-5 ~ .input-btn-set .input-btn-set__group {
  max-width: 25.5rem;
}

.search-form .search-form-cells .form-row.col-3 {
  column-gap: 0.125rem;
  margin-top: 0.625rem;
}

.search-form .search-form-cells .form-row.col-3 .input-box-label {
  min-width: 4.9375rem;
  flex: none;
}

.search-form .search-form-cells .form-row .input-box-label {
  padding-left: 0.75rem;
  text-align: right;
  white-space: nowrap;
  justify-content: flex-end;
  flex: 1;
}

.search-form .search-form-cells .form-row .input-box-set {
  flex: 1;
}

.search-form .search-form-cells .form-row ~ .input-box-set,
.search-form .search-form-cells .form-row ~ .input-btn-set {
  margin-top: 0.625rem;
}

.search-form .search-form-cells .selectmenu-ui.width-l ~ .ui-selectmenu-button {
  max-width: 20rem;
}

.search-form .search-form-cells .ui-selectmenu-button,
.search-form .search-form-cells .selectbox-ui {
  min-width: initial;
  max-width: 12.5rem;
  width: 100%;
}

.search-form .search-form-cells .ui-selectmenu-button.width-l,
.search-form .search-form-cells .selectbox-ui.width-l {
  max-width: 20rem;
}

.search-form .search-form-cells .ui-selectmenu-button.size-m .selected-txt,
.search-form .search-form-cells .selectbox-ui.size-m .selected-txt {
  display: block;
  min-width: initial;
  width: 100%;
}

.search-form .search-form-cells .input-box {
  display: flex;
}

.search-form .search-form-cells .input-box.w-1 {
  max-width: 10.125rem;
  width: 100%;
  box-sizing: initial;
}

.search-form .search-form-cells .input-box.w-1 .input-txt {
  width: 100%;
}

.search-form .search-form-cells .input-box.w-1 .selectbox-ui {
  width: 100%;
}

.search-form .search-form-cells .input-box.w-1 .selected-txt {
  width: 100%;
}

.search-form .search-form-cells .input-box.w-2 {
  max-width: 12.5rem;
  width: 100%;
  box-sizing: initial;
}

.search-form .search-form-cells .input-box.w-2 .input-txt {
  width: 100%;
}

.search-form .search-form-cells .input-box.w-2 .selectbox-ui {
  width: 100%;
}

.search-form .search-form-cells .input-box.w-2 .selected-txt {
  width: 100%;
}

.search-form .search-form-cells .input-box.w-3 {
  max-width: 20rem;
  width: 100%;
  box-sizing: initial;
}

.search-form .search-form-cells .input-box.w-3 .input-txt {
  width: 100%;
}

.search-form .search-form-cells .input-box.w-3 .selectbox-ui {
  width: 100%;
}

.search-form .search-form-cells .input-box.w-3 .selected-txt {
  width: 100%;
}

.search-form .search-form-cells .input-box:has(.tilde) {
  gap: 0;
}

.search-form .search-form-cells .input-box:has(.tilde) .tilde {
  width: 1.25rem;
  color: #505050;
  text-align: center;
  flex-basis: 1.25rem;
  flex-shrink: 0;
}

.search-form .search-form-cells .input-box:has(.input-check) {
  padding: 0.4375rem 0;
}

.search-form .search-form-cells .input-box:has(+ .input-box-label) {
  display: inline-flex;
  float: left;
}

.search-form .search-form-cells .input-box:has(+ .input-box-label) + .input-box-label {
  display: inline-flex;
}

.search-form .search-form-cells .input-box:has(.timepicker) {
  max-width: 23.75rem;
}

.search-form .search-form-cells .input-box:has(.timepicker) .calendar {
  flex: 1;
}

.search-form .search-form-cells .input-txt {
  min-width: initial;
  width: 100%;
}

.search-form-table {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: 0.625rem;
}

.search-form-table + .tbl-wrap {
  margin-top: 24px;
}

.search-form-table .form-table {
  table-layout: fixed;
  flex: 1;
}

.search-form-table .form-table tr ~ tr th,
.search-form-table .form-table tr ~ tr td {
  padding-top: 10px;
}

.search-form-table .form-table th {
  font-size: 0.8125rem;
  font-weight: 400;
  text-align: left;
}

.search-form-table .form-table th ~ th {
  padding-right: 1.5rem;
  text-align: right;
}

.search-form-table .form-table td .input-box:only-child {
  width: 100%;
}

.search-form-table .form-table td .input-box:only-child .input-txt {
  width: 100%;
}

.search-form-table .form-table .w-150 .selected-txt {
  width: 9.375rem;
  min-width: initial;
}

.search-form-table .form-table .input-txt {
  min-width: initial;
  box-sizing: border-box;
}

.search-form-table .form-table .form-set {
  display: flex;
  gap: 0.5rem;
}

.search-form-table .form-table .form-set .input-box {
  flex: 1;
}

.search-form-table .form-table .form-set .input-box .input-txt {
  width: 100%;
}

/* tab ui*/
.tab-wrap.type-default.default-line > .tab-btn {
  gap: 0;
}

.tab-wrap.type-default.default-line > .tab-btn > .tab-btn__item::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: #efefef;
  content: "";
}

.tab-wrap.type-default.default-line > .tab-btn > .tab-btn--active::after {
  background-color: #3d5dff;
}

.tab-wrap.type-default > .tab-btn {
  display: flex;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #999;
  gap: 1.25rem;
}

.tab-wrap.type-default > .tab-btn > .tab-btn__item {
  position: relative;
  padding: 0.9375rem 0.875rem 0.875rem;
  color: inherit;
}

.tab-wrap.type-default > .tab-btn > .tab-btn--active {
  font-weight: 700;
  color: #222;
}

.tab-wrap.type-default > .tab-btn > .tab-btn--active::after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.1875rem;
  background: #3d5dff;
  content: "";
}

.tab-wrap.type-default > .tab-btn.style-num {
  counter-reset: tab-count;
}

.tab-wrap.type-default > .tab-btn.style-num .tab-btn__item {
  counter-increment: tab-count;
}

.tab-wrap.type-default > .tab-btn.style-num .tab-btn__item::before {
  content: counter(tab-count) ". ";
}

.tab-wrap.type-default .tab-content {
  display: none;
}

.tab-wrap.type-default .tab-content--active {
  display: block;
}

.tab-wrap.type-default .tab-content .tab-content {
  padding-top: 0;
}

.tab-wrap.type-text {
  padding: 0 0.9375rem;
}

.tab-wrap.type-text .tab-btn__item {
  margin: 0 0.9375rem;
  font-size: 0.875rem;
  color: #999;
}

.tab-wrap.type-text .tab-btn--active {
  color: #3d5dff;
  font-weight: 700;
}

.tab-wrap .tab-btn:has(.tab-wrap) {
  align-items: center;
}

.tab-wrap .tab-btn:has(.tab-wrap) > .tab-wrap {
  display: none;
  margin-left: auto;
}

.tab-wrap .tab-btn__item.has-subtab.tab-btn--active ~ .tab-wrap {
  display: block;
}

.tab-wrap .tab-btn:has(.input-box-wrap) {
  align-items: center;
}

.tab-wrap .tab-btn .input-box-wrap {
  margin-left: auto;
}

.state-box {
  display: flex;
}

.state-box__label {
  padding-right: 0.1875rem;
}

.state-box__label ~ .state-box__label {
  position: relative;
  margin-left: 0.625rem;
  padding-left: 0.625rem;
}

.state-box__label ~ .state-box__label::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 0.5rem;
  margin-top: -0.3125rem;
  background-color: #c6c6c6;
  content: "";
}

.state-box__data {
  font-weight: 700;
}

/* table */
.tbl-top-area {
  display: flex;
  width: 100%;
  padding-bottom: 0.625rem;
  font-size: 0.8125rem;
  justify-content: space-between;
}

.tbl-top-area__group {
  display: flex;
  align-items: center;
}

.tbl-top-area__group .btn-wrap {
  margin-right: 1.25rem;
  transition: margin 0.3s;
}

.tbl-top-area__group .state-box:not(:first-child) {
  margin-left: 0.625rem;
}

.tbl-top-area .result-row {
  padding-left: 0.9375rem;
  padding-right: 1.25rem;
  font-size: 13px;
  color: #666;
}

.tbl-top-area:has(.input-guide) {
  padding-bottom: 0.375rem;
}

.tbl-top-area .input-guide {
  display: flex;
}

.tbl-top-area .input-guide .mark {
  font-size: 0.8125rem;
  line-height: 1rem;
}

.tbl-top-area .input-guide .mark::before {
  padding-right: 0.25rem;
  font-weight: 700;
  color: #f31b1b;
  content: "*";
}

.tbl-top-area .input-guide .mark + .mark {
  padding-left: 0.625rem;
}

.tbl-top-area .txt {
  display: flex;
  color: #666;
}

.tbl-top-area .txt time {
  padding-left: 4px;
}

.tbl-wrap {
  position: relative;
  border-top: 1px solid #111;
}

.tbl-wrap:has(.tbl-scroll) {
  border-top-width: 0;
}

.tbl-wrap:has(.tbl-scroll) .tbl-line {
  height: 100%;
}

.tbl-wrap:has(.tbl-scroll) .tbl-line::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #111;
  z-index: 10;
  content: "";
}

.tbl-wrap:has(.tbl-scroll) .tbl-scroll {
  overflow-y: auto;
  height: 100%;
}

.tbl-wrap:has(.tbl-scroll) .tbl-scroll::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.tbl-wrap:has(.tbl-scroll) .tbl-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.tbl-wrap:has(.tbl-scroll) .tbl-scroll::-webkit-scrollbar-track-piece,
.tbl-wrap:has(.tbl-scroll) .tbl-scroll::-webkit-scrollbar-button {
  display: none;
}

.tbl-wrap:has(.tbl-scroll) .tbl-scroll.scroll-h-xs {
  height: 10.75rem;
}

.tbl-wrap:has(.tbl-scroll) .tbl-scroll .tbl {
  border-collapse: separate;
}

.tbl-wrap:has(.tbl-scroll) .tbl-scroll .tbl thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.tbl-wrap.has-scroll {
  margin-right: -1.125rem;
}

.tbl-wrap.has-scroll .tbl-scroll {
  padding-right: 0.8125rem;
}

.tbl-wrap.has-scroll .tbl-line::before {
  right: 1.125rem;
}

.tbl-wrap + .btn-wrap {
  padding-top: 1.25rem;
}

.tbl-wrap .tbl {
  width: 100%;
  table-layout: fixed;
}

.tbl {
  font-size: 0.8125rem;
}

.tbl.align-c {
  text-align: center;
}

.tbl.align-l tbody th {
  text-align: left;
  transition: padding 0.2s;
}

.tbl.cell-padding-l-2 th {
  padding-left: 0.125rem;
}

.tbl.cell-padding-th-2 th {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.tbl.cell-padding-x-2 th {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.tbl.cell-padding-x-2 td {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.tbl.cell-padding-y-2 td {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.tbl.cell-padding-y-2 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-4 th {
  padding-left: 0.25rem;
}

.tbl.cell-padding-th-4 th {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.tbl.cell-padding-x-4 th {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.tbl.cell-padding-x-4 td {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.tbl.cell-padding-y-4 td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.tbl.cell-padding-y-4 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-6 th {
  padding-left: 0.375rem;
}

.tbl.cell-padding-th-6 th {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.tbl.cell-padding-x-6 th {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.tbl.cell-padding-x-6 td {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.tbl.cell-padding-y-6 td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-y-6 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-8 th {
  padding-left: 0.5rem;
}

.tbl.cell-padding-th-8 th {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tbl.cell-padding-x-8 th {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tbl.cell-padding-x-8 td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tbl.cell-padding-y-8 td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tbl.cell-padding-y-8 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-10 th {
  padding-left: 0.625rem;
}

.tbl.cell-padding-th-10 th {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.tbl.cell-padding-x-10 th {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.tbl.cell-padding-x-10 td {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.tbl.cell-padding-y-10 td {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.tbl.cell-padding-y-10 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-12 th {
  padding-left: 0.75rem;
}

.tbl.cell-padding-th-12 th {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tbl.cell-padding-x-12 th {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tbl.cell-padding-x-12 td {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tbl.cell-padding-y-12 td {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tbl.cell-padding-y-12 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-13 th {
  padding-left: 0.8125rem;
}

.tbl.cell-padding-th-13 th {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}

.tbl.cell-padding-x-13 th {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}

.tbl.cell-padding-x-13 td {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}

.tbl.cell-padding-y-13 td {
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
}

.tbl.cell-padding-y-13 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-14 th {
  padding-left: 0.875rem;
}

.tbl.cell-padding-th-14 th {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.tbl.cell-padding-x-14 th {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.tbl.cell-padding-x-14 td {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.tbl.cell-padding-y-14 td {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.tbl.cell-padding-y-14 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-15 th {
  padding-left: 0.9375rem;
}

.tbl.cell-padding-th-15 th {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.tbl.cell-padding-x-15 th {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.tbl.cell-padding-x-15 td {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.tbl.cell-padding-y-15 td {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.tbl.cell-padding-y-15 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-18 th {
  padding-left: 1.125rem;
}

.tbl.cell-padding-th-18 th {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.tbl.cell-padding-x-18 th {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.tbl.cell-padding-x-18 td {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.tbl.cell-padding-y-18 td {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.tbl.cell-padding-y-18 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl.cell-padding-l-20 th {
  padding-left: 1.25rem;
}

.tbl.cell-padding-th-20 th {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (max-width: 1680px) {
  .tbl.cell-padding-th-20 th {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (max-width: 1440px) {
  .tbl.cell-padding-th-20 th {
    padding-right: 0.5rem;
  }
}
.tbl.cell-padding-x-20 th {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.tbl.cell-padding-x-20 td {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.tbl.cell-padding-y-20 td {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.tbl.cell-padding-y-20 tr:has(.btn) td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.tbl .th-normal th {
  font-weight: normal;
}

.tbl .th-normal td {
  color: #222;
}

.tbl .th-align-l {
  text-align: left;
}

.tbl .align-top {
  vertical-align: top !important;
}

.tbl .border-r {
  border-right: 1px solid #dfe3e9;
}

.tbl .border-l {
  border-left: 1px solid #dfe3e9;
}

.tbl.tbl-form tr:has(td .input-box-wrap.abled-type) th {
  padding-top: 1.125rem;
  vertical-align: top;
}

.tbl.tbl-form th {
  padding-left: 1.25rem;
  font-size: 0.8125rem;
  text-align: left;
  vertical-align: middle;
}

.tbl.tbl-form th.v-top {
  vertical-align: top;
}

.tbl.tbl-form th.v-top .input-box-label {
  padding: 0.3125rem 0;
  height: 1.875rem;
}

.tbl.tbl-form th.v-top .input-box-label + .input-box-label {
  margin-top: 0.625rem;
  padding: 0.3125rem 0;
}

.tbl.tbl-form th .input-box-label {
  display: block;
}

.tbl.tbl-form th .input-box-label.required::after {
  padding-left: 0.1875rem;
  font-weight: 700;
  color: #f31b1b;
  content: "*";
}

.tbl.tbl-form th .input-box-label + .input-box-label {
  padding-top: 1.75rem;
}

.tbl.tbl-form td {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
  transition: padding 0.2s ease-out;
}

.tbl.tbl-form td .btn-wrap {
  position: relative;
}

.tbl.tbl-form td .selectbox-ui:has(+ .guide-txt) .selected-txt {
  border-color: currentColor;
  color: #fc4c4e;
}

.tbl.tbl-form td .selectbox-ui + .guide-txt {
  display: inline-flex;
  padding-left: 2px;
  vertical-align: bottom;
}

.tbl.tbl-form td .w-auto {
  width: 100%;
  max-width: 12.5rem;
}

.tbl.tbl-form td .w-auto .input-txt,
.tbl.tbl-form td .w-auto .selected-txt {
  width: 100%;
  min-width: initial;
}

.tbl.tbl-form td:has(.audio-player) {
  line-height: 0;
}

.tbl.tbl-form td audio {
  height: 2.5rem;
}

@container section-wrap (max-width: 93.75rem) {
  .tbl.tbl-form td {
    padding-left: 0.75rem;
  }
}
.tbl colgroup .player {
  width: 13.75rem;
}

.tbl colgroup .solution {
  width: 16.5625rem;
}

.tbl thead th:not(:last-child) {
  border-right: 1px solid #dfe3e9;
}

.tbl thead + tbody tr:not(.no-data):hover:not(.empty):not(.selected) {
  background-color: rgba(172, 175, 193, 0.1);
}

.tbl:not(.padding-md) thead + tbody:has(.btn) td,
.tbl:not(.padding-md) thead + tbody:has(.audio-player) td {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}

.tbl tfoot th,
.tbl tfoot td {
  background-color: #f7f7f9;
  font-weight: 700;
  color: #222;
}

.tbl tr {
  transition: background 0.1s;
}

.tbl tr[tabindex] {
  cursor: pointer;
}

.tbl tr.selected th,
.tbl tr.selected td {
  background-color: rgba(172, 175, 193, 0.25);
}

.tbl tr.empty {
  background: rgba(249, 62, 62, 0.3);
}

.tbl tr.no-data td {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.tbl tr.no-data td .msg-ico + span {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  color: #222;
}

.tbl tr:not(:has(th)):has(audio.is-play) td {
  background-color: rgba(172, 175, 193, 0.25);
}

.tbl tr:has(.score-list):hover {
  background-color: #fff !important;
}

.tbl th {
  padding: 0.75rem;
  border-bottom: 1px solid #dfe3e9;
  background-color: #f4f6fd;
  font-weight: 700;
  line-height: 1.38;
  word-break: break-word;
}

.tbl th sub {
  font-size: inherit;
  font-weight: 400;
  color: #666;
}

.tbl th .input-box:has(.input-check) {
  margin: -2px 0;
}

.tbl td {
  padding: 0.75rem 0.875rem;
  border-bottom: 1px solid #dfe3e9;
  line-height: 1.38;
  color: #666;
}

.tbl td.align-l {
  text-align: left;
}

.tbl td .align-l {
  display: block;
  text-align: left;
}

.tbl td .btn-wrap {
  flex-wrap: wrap;
}

.tbl td .btn-wrap.solution {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
  gap: 0.375rem;
}

.tbl td .btn-wrap.solution .btn {
  padding: 0.25rem 0.75rem;
}

@media (max-width: 1360px) {
  .tbl td .btn:only-child {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.tbl td:has(.audio-player:empty) {
  height: 3.5625rem;
}

.tbl .word-wrap {
  word-break: keep-all;
}

.tbl .word-break {
  word-break: break-all;
}

.tbl .score-list {
  display: flex;
  align-items: flex-start;
  height: auto;
  justify-content: space-between;
  color: #222;
  gap: 0 10px;
}

.tbl td.pd-type {
  padding: 0.625rem;
}

.tbl td.pd-type .score-list {
  position: relative;
  border-radius: 0.3125rem;
}

.tbl td.pd-type .score-list input {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
  opacity: 0;
}

.tbl td.pd-type .score-list label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
  padding: 0.3125rem 1.125rem;
}

.tbl td.pd-type .score-list label span {
  width: auto;
}

.tbl .score-list.selected {
  border: 1px solid #3d5cff;
}

.tbl .score-list + .score-list {
  margin-top: 10px;
}

.tbl .score-list .w-fixed__th {
  width: 240px;
}

.tbl .score-list .w-fixed__td {
  width: 140px;
  word-break: break-all;
}

.tbl .score-list .w-fixed__td-end {
  width: 50px;
  text-align: right;
  height: 100%;
  align-self: center;
}

.comm-bx__gap {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

.comm-bx__gap .label-tit {
  font-size: 13px;
}

.comm-bx__form {
  display: flex;
  gap: 0.5313rem;
  margin-bottom: 10px;
}

.comm-bx__form .bx-input {
  display: flex;
  gap: 0.625rem;
}

.comm-bx__form .bx-input .small-txt {
  min-width: initial;
  width: 70px;
}

.comm-bx__form:first-child {
  margin-top: 6px;
}

.comm-bx__form button {
  flex: none;
}

.pagination {
  display: flex;
  height: 2.125rem;
  padding: 0 0.9375rem;
  border-radius: 1.25rem;
  background-color: #f3f4f4;
}

.pagination button:not(.pagination__page) {
  display: inherit;
  align-items: center;
  justify-content: center;
}

.pagination__btn {
  width: 1.875rem;
  height: 100%;
  font-size: 0;
}

.pagination__btn.first::before {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../img/btn_first.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.pagination__btn.first:disabled {
  cursor: auto;
}

.pagination__btn.first:disabled::before {
  background-image: url(../img/btn_first_disabled.png);
}

.pagination__btn.first:not(:disabled):hover::before {
  background-image: url(../img/btn_first_hover.png);
}

.pagination__btn.last::before {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../img/btn_last.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.pagination__btn.last:disabled {
  cursor: auto;
}

.pagination__btn.last:disabled::before {
  background-image: url(../img/btn_last_disabled.png);
}

.pagination__btn.last:not(:disabled):hover::before {
  background-image: url(../img/btn_last_hover.png);
}

.pagination__btn.prev::before,
.pagination__btn.btn.btn-icon.next::before {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../img/btn_prev.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.pagination__btn.prev:disabled,
.pagination__btn.btn.btn-icon.next:disabled {
  cursor: auto;
}

.pagination__btn.prev:disabled::before,
.pagination__btn.btn.btn-icon.next:disabled::before {
  background-image: url(../img/btn_prev_disabled.png);
}

.pagination__btn.prev:not(:disabled):hover::before,
.pagination__btn.btn.btn-icon.next:not(:disabled):hover::before {
  background-image: url(../img/btn_prev_hover.png);
}

.pagination__btn.next::before {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../img/btn_next.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.pagination__btn.next:disabled {
  cursor: auto;
}

.pagination__btn.next:disabled::before {
  background-image: url(../img/btn_next_disabled.png);
}

.pagination__btn.next:not(:disabled):hover::before {
  background-image: url(../img/btn_next_hover.png);
}

.pagination__pages {
  display: flex;
  margin: 0 0.625rem;
  gap: 1.25rem;
  transition: gap 0.3s, margin 0.3s;
}

.pagination__page {
  min-width: 1.25rem;
  padding: 0 0.3125rem;
  font-size: 0.8125rem;
  color: #444;
  transition: padding 0.3s;
}

.pagination__page:disabled {
  cursor: auto;
}

.pagination__page.active {
  position: relative;
  font-weight: 700;
  color: #3d5dff;
}

.pagination__page.active::before {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background-color: #3d5dff;
  content: "";
}

/* message icon */
i.msg-ico {
  display: inline-flex;
  padding-bottom: 1rem;
}

i.msg-ico.ico-done::before {
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../img/ico_done.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

i.msg-ico.ico-alert::before {
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../img/ico_alert.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

i.msg-ico.ico-notice::before {
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../img/ico_notice.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

i.msg-ico.ico-import::before {
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../img/ico_import.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

i.msg-ico.ico-upload::before {
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../img/ico_upload.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

i.msg-ico.ico-fail::before {
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../img/ico_fail.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.ico-txt-done,
.ico-txt-fail {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/img_done.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  vertical-align: top;
}

.ico-txt-fail {
  background-image: url(../img/ico_fail.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.ico-loading {
  position: relative;
}

.ico-loading .loading {
  display: inline-block;
  position: absolute;
  width: 1em;
  height: 1em;
  margin-top: -1px;
  font-size: 3px;
  color: #3d5dff;
  text-indent: -9999em;
  border-radius: 50%;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loading-box {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  padding-top: 1.875rem;
  box-sizing: border-box;
}

.loading-box__txt {
  padding-bottom: 1.375rem;
}

.loading-box__txt::after {
  content: "...";
}

.loading-box__progressbar {
  width: 100%;
  padding-left: 20px;
  padding-right: 5rem;
  box-sizing: border-box;
}

.loading-box__bar {
  position: relative;
  height: 1rem;
  background-color: #e9eaf4;
  border-radius: 0.5rem;
}

.loading-box__gauge {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  background-color: #3d5dff;
  border-radius: inherit;
  box-sizing: border-box;
  transition: width 0.2s;
}

.loading-box .value {
  position: absolute;
  top: 50%;
  left: 100%;
  padding-left: 16px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #3d5dff;
  transform: translateY(-50%);
}

.loading-box .value::after {
  content: "%";
}

/* border line */
hr {
  border-color: #ddd;
  border-width: 1px 0 0;
}

hr.dashed {
  margin: 1.125rem 0 1.25rem;
  border: 0;
  border-top: 2px dashed #dbdbdb;
}

/* scroll box */
.scroll-wrap {
  padding-right: 0.3125rem;
}

.scroll-wrap .scroll-wrap-inner {
  max-height: inherit;
}

.scroll-wrap .scroll-wrap-inner::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.scroll-wrap .scroll-wrap-inner::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.scroll-wrap .scroll-wrap-inner::-webkit-scrollbar-track-piece,
.scroll-wrap .scroll-wrap-inner::-webkit-scrollbar-button {
  display: none;
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 0.2;
}

.simplebar-scrollable-x {
  padding-bottom: 0.8125rem;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar {
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  height: 0.5625rem;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
  right: 0;
  left: 0;
}

/* tooltip */
.tooltip-ui {
  position: relative;
}

.tooltip-ui-pop {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 0.4375rem;
  padding: 0.625rem;
  border: solid 1px #dfe3e9;
  background: #fff;
  border-radius: 0.5rem;
  transform: translateX(-50%);
  z-index: 99;
}

.tooltip-ui-pop.tooltip-x-r {
  left: auto;
  right: 0;
  transform: initial;
}

.tooltip-ui-pop.tooltip-x-r::before {
  left: auto;
  right: 0.625rem;
}

.tooltip-ui-pop.tooltip-y-btm {
  top: 100%;
  bottom: auto;
  margin-top: 0.4375rem;
  margin-bottom: 0;
}

.tooltip-ui-pop.tooltip-y-btm::before {
  top: auto;
  bottom: 100%;
  background-image: url(../img/arr_tooltip_btm.png);
  background-position: 50% 0;
}

.tooltip-ui-pop::before {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1.4375rem;
  height: 0.4375rem;
  margin-left: -0.71875rem;
  background-image: url(../img/arr_tooltip.png);
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.tooltip-ui-btn {
  display: inline-flex;
  align-items: center;
}

.tooltip-ui-btn::after {
  width: 0.9375rem;
  height: 0.9375rem;
  background-image: url(../img/ico_tooltip.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.tooltip-ui-btn::after {
  content: "";
}

.tooltip-ui.wer {
  line-height: 0;
}

.tooltip-ui.wer .tooltip-ui-pop {
  width: 19.125rem;
  margin-left: 0.125rem;
  font-size: 0.875rem;
  line-height: 1rem;
}

.tooltip-ui.wer .tooltip-ui-pop em {
  font-weight: 700;
  font-style: normal;
}

.tooltip-ui.wer .tooltip-ui-btn::after {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.1875rem;
  background-image: url(../img/ico_tooltip_s.png);
}

/* datepicker */
.ui-datepicker.ui-widget {
  width: 20.125rem;
  padding: 0 0.875rem 1.375rem;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}

.ui-datepicker.ui-widget .ui-widget-header {
  margin: 0 -0.875rem;
  padding: 1rem 0;
  border: 0;
  border-bottom: 1px solid #dfe3e9;
  background-color: initial;
  border-radius: 0;
}

.ui-datepicker.ui-widget .ui-datepicker-title {
  font-size: 0;
  line-height: 0;
}

.ui-datepicker.ui-widget .ui-datepicker-title .ui-datepicker-month {
  height: inherit;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}

.ui-datepicker.ui-widget .ui-datepicker-title .ui-datepicker-year {
  display: none;
}

.ui-datepicker.ui-widget .ui-datepicker-prev,
.ui-datepicker.ui-widget .ui-datepicker-next {
  top: 50%;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  background-color: initial !important;
  cursor: pointer;
}

.ui-datepicker.ui-widget .ui-datepicker-prev span,
.ui-datepicker.ui-widget .ui-datepicker-next span {
  position: static;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  background-position: 0 0;
  background-size: 100% auto;
}

.ui-datepicker.ui-widget .ui-datepicker-prev:hover,
.ui-datepicker.ui-widget .ui-datepicker-next:hover {
  border: none !important;
}

.ui-datepicker.ui-widget .ui-datepicker-prev:hover span,
.ui-datepicker.ui-widget .ui-datepicker-next:hover span {
  border-radius: inherit;
}

.ui-datepicker.ui-widget .ui-datepicker-prev:hover span::before,
.ui-datepicker.ui-widget .ui-datepicker-next:hover span::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: inherit;
  content: "";
}

.ui-datepicker.ui-widget .ui-datepicker-prev {
  left: 0.625rem !important;
}

.ui-datepicker.ui-widget .ui-datepicker-prev span {
  background-image: url(../img/calendar_prev.png);
}

.ui-datepicker.ui-widget .ui-datepicker-next {
  right: 10px !important;
}

.ui-datepicker.ui-widget .ui-datepicker-next span {
  background-image: url(../img/calendar_next.png);
}

.ui-datepicker.ui-widget .ui-datepicker-calendar {
  margin-bottom: 0;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar thead th {
  padding: 0.625rem 0 1.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #666;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar tbody td {
  padding: 0.25rem 0.1875rem;
  font-size: 0.875rem;
  text-align: center;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar tbody td .ui-state-default {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background-color: initial;
  font-weight: 500;
  color: #444;
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar tbody td .ui-state-default.ui-state-active {
  background-color: #3d5dff;
  color: #fff;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar tbody td .ui-state-default.ui-state-active.ui-state-highlight {
  color: #fff;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar tbody td .ui-state-default.ui-state-highlight {
  color: #3d5dff;
}

.rs-picker-popup.rs-picker-popup-date {
  box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.1);
}

.rs-picker-popup .rs-calendar {
  width: 20.125rem;
  height: initial !important;
  padding-top: 0.5625rem;
}

.rs-picker-popup .rs-calendar-month-dropdown-row-wrapper::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.rs-picker-popup .rs-calendar-month-dropdown-row-wrapper::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.rs-picker-popup .rs-calendar-month-dropdown-row-wrapper::-webkit-scrollbar-track-piece,
.rs-picker-popup .rs-calendar-month-dropdown-row-wrapper::-webkit-scrollbar-button {
  display: none;
}

.rs-picker-popup .rs-calendar-header {
  padding-bottom: 0.5625rem;
  border-bottom: 1px solid #dfe3e9;
}

.rs-picker-popup .rs-calendar-header-title.rs-btn-subtle {
  display: block;
  --rs-btn-subtle-hover-bg: transparent;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.rs-picker-popup .rs-calendar-header-backward,
.rs-picker-popup .rs-calendar-header-forward {
  --rs-btn-subtle-hover-bg: transparent;
}

.rs-picker-popup .rs-calendar-header-backward.rs-btn-icon.rs-btn-xs,
.rs-picker-popup .rs-calendar-header-forward.rs-btn-icon.rs-btn-xs {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 0;
}

.rs-picker-popup .rs-calendar-header-backward.rs-btn-icon.rs-btn-xs::before,
.rs-picker-popup .rs-calendar-header-forward.rs-btn-icon.rs-btn-xs::before {
  width: 2rem;
  height: 2rem;
  background-image: url(../img/calendar_prev.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.rs-picker-popup .rs-calendar-header-backward.rs-btn-icon.rs-btn-xs .rs-icon,
.rs-picker-popup .rs-calendar-header-forward.rs-btn-icon.rs-btn-xs .rs-icon {
  display: none;
}

.rs-picker-popup .rs-calendar-header-backward.rs-btn-icon.rs-btn-xs:hover::after,
.rs-picker-popup .rs-calendar-header-forward.rs-btn-icon.rs-btn-xs:hover::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: inherit;
  content: "";
}

.rs-picker-popup .rs-calendar-header-forward::before {
  transform: rotate(-180deg);
}

.rs-picker-popup .rs-calendar .rs-calendar-body {
  padding: 4px 0.875rem;
}

.rs-picker-popup .rs-calendar .rs-calendar-table .rs-calendar-table-cell-content {
  --rs-calendar-date-selected-text: #444;
  --rs-state-hover-bg: transparent;
  --rs-listbox-option-hover-bg: transparent;
  --rs-listbox-option-hover-text: #444;
  width: 2rem;
  height: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  border-radius: 50%;
}

.rs-picker-popup .rs-calendar .rs-calendar-table .rs-calendar-table-cell-content:hover {
  background-color: initial;
}

.rs-picker-popup .rs-calendar .rs-calendar-table .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
  --rs-bg-active: #3d5cff;
  --rs-calendar-cell-selected-hover-bg: #3d5cff;
  --rs-calendar-date-selected-text: #fff;
}

.rs-picker-popup .rs-calendar .rs-calendar-table .rs-calendar-table-cell-is-today:hover .rs-calendar-table-cell-content {
  --rs-listbox-option-hover-text: #3d5cff;
}

.rs-picker-popup .rs-calendar .rs-calendar-table .rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
  color: #fff;
}

.rs-picker-popup .rs-calendar .rs-calendar-table .rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
  color: #3d5dff;
  box-shadow: initial;
}

.rs-picker-popup .rs-calendar .rs-calendar-table .rs-calendar-table-header-cell {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.rs-picker-popup .rs-calendar .rs-calendar-table .rs-calendar-table-header-cell-content {
  --rs-input-focus-border: transparent;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 19px;
  color: #666;
}

.rs-picker-popup .rs-calendar .rs-calendar-table-cell {
  width: 2.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.rs-picker-popup .rs-calendar .rs-calendar-table-cell.rs-calendar-table-cell-un-same-month {
  --rs-text-disabled: #ccc;
}

.rs-picker-popup .rs-calendar .rs-calendar-table-cell.rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content {
  font-weight: 400;
}

/* title round box */
.title-box-item-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 1.125rem;
}

.title-box-item-wrap.flow-col {
  flex-direction: column;
  gap: 1.875rem;
}

.title-box-item-wrap.flow-col .title-box-item {
  width: 100%;
}

.title-box-item-wrap.gap-2 {
  row-gap: 2.625rem;
}

.title-box-item {
  width: calc(50% - 0.5625rem);
  border: 1px solid #d4d9e1;
  border-radius: 0.3125rem;
  flex-grow: 0;
  flex-basis: calc(50% - 0.5625rem);
}
.title-box-item.scroll-content {
  position: relative;
}
.title-box-item.scroll-content .tbl-wrap {
  height: 432px;
  overflow-y: auto;
}
.title-box-item.scroll-content .tbl-wrap::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}
.title-box-item.scroll-content .tbl-wrap::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}
.title-box-item.scroll-content .tbl-wrap::-webkit-scrollbar-track-piece, .title-box-item.scroll-content .tbl-wrap::-webkit-scrollbar-button {
  display: none;
}
.title-box-item.scroll-content .guide-txt {
  position: absolute;
  bottom: -28px;
  left: 0;
}

.title-box-item.no-border {
  border: none;
}

.title-box-item:has(.chart-wrap.scroll) {
  padding: 1.25rem 1.25rem 1.875rem;
}

.title-box-item:has(.chart-wrap.scroll) .title-box-item__top {
  margin: -1.25rem -1.25rem 0;
}

.title-box-item:has(.chart-wrap.scroll) .chart-legend {
  width: calc(100% + 2.5rem);
  margin: 0 -1.25rem;
}

.title-box-item:has(.chart-wrap.scroll) .chart-legend + .chart-wrap {
  padding: 1.5rem 0;
}

.title-box-item:has(.input-box-wrap) {
  display: flex;
  flex-flow: column wrap;
}

.title-box-item:has(.input-box-wrap) .title-box-item__top {
  width: calc(100% + 2.5rem);
  flex-flow: row wrap;
  justify-content: end;
  align-content: space-between;
  flex: 1;
  line-height: 1rem;
}

.title-box-item:has(.input-box-wrap) .title-box-item__tit {
  margin-right: auto;
}

.title-box-item:has(.input-box-wrap) .chart-legend {
  width: 100%;
}

.title-box-item:has(.input-box-wrap) .chart-wrap.scroll {
  width: 100%;
}

.title-box-item .guide-txt {
  font-size: 0.875rem;
  color: #444;
  margin-top: 10px;
}

.title-box-item .guide-txt .btn-download {
  color: #3d5cff;
  text-decoration: underline;
  margin-left: 0.25rem;
}

.title-box-item__tit {
  font-size: 0.875rem;
  font-weight: 700;
}

.title-box-item__top {
  display: flex;
  min-height: 3.125rem;
  padding: 0.5625rem 1.4375rem;
  background: #f7f7f9;
  border-radius: 0.3125rem 0.3125rem 0 0;
  align-items: center;
  column-gap: 1.25rem;
  row-gap: 1rem;
}

.title-box-item__top .input-box-wrap {
  column-gap: 0.625rem;
}

.title-box-item__top .input-box:has(.unit-box) {
  display: flex;
  gap: 0.5rem;
}

.title-box-item__top .input-box:has(.unit-box) .unit-box .input-txt {
  width: 7.5rem;
  min-width: initial;
  padding-right: 1.25rem;
}

.title-box-item__top .input-box:has(.unit-box) .unit-box .input-txt::placeholder {
  text-align: left;
}

.title-box-item__top > .btn:last-of-type {
  margin-left: auto;
}

.title-box-item .chart-legend {
  padding: 1.25rem 1.25rem 0;
}

.title-box-item .chart-legend + .chart-wrap {
  padding: 1.25rem min(4.0372670807%, 4.0625rem) 3.125rem 1.25rem;
}

.title-box-item .chart-wrap {
  padding: 2.6875rem min(6.9182389937%, 3.4375rem) 2.6875rem 1.75rem;
}

.chart-top {
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 0.75rem;
}

.chart-top .chart-legend {
  margin-right: auto;
}

.chart-top + .chart-wrap {
  padding: 1rem 0 1.5rem;
}

.chart-wrap.scroll {
  overflow-x: auto;
}

.chart-wrap.scroll::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.chart-wrap.scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.chart-wrap.scroll::-webkit-scrollbar-track-piece,
.chart-wrap.scroll::-webkit-scrollbar-button {
  display: none;
}

.chart-legend {
  display: flex;
  font-size: 0.75rem;
  flex-flow: column wrap;
  gap: 0.625rem;
}

.chart-legend__item {
  display: flex;
  min-height: 1rem;
  align-items: center;
  gap: 0.5rem;
}

.chart-legend__item::before {
  width: 1rem;
  height: 1rem;
  border-radius: 0.1875rem;
  content: "";
}

.chart-legend__item.line::before {
  height: 0.125rem;
}

.chart-legend__item.no-legend::before {
  display: none;
}

.chart-legend.col {
  flex-direction: row;
}

.chart-legend .color-1::before {
  background-color: #3d5dff;
}

.chart-legend .color-2::before {
  background-color: #2acd7f;
}

.chart-legend .color-3::before {
  background-color: #f90;
}

.chart-legend .color-4::before {
  background-color: #ffe600;
}

.chart-legend .color-5::before {
  background-color: #f31b1b;
}

.chart-legend__wrapper {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1.25rem 0;
}

.chart-legend__wrapper .chart-legend {
  padding: 0;
}

.minmax-wrapper .toggle-switch {
  position: relative;
  display: inline-block;
  width: 125px;
  height: 36px;
}

.minmax-wrapper .toggle-switch input {
  display: none;
}

.minmax-wrapper .toggle-switch .slider {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 17px 0 15px;
  font-size: 13px;
  font-weight: 700;
  color: #999;
  border-radius: 40px;
  background-color: #efefef;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
}

.minmax-wrapper .toggle-switch .slider::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 50px;
  bottom: 5px;
  width: 26px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.minmax-wrapper .toggle-switch .slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 80px;
  border-radius: 40px;
  background-color: #3d5cff;
  transition: transform 0.3s;
  z-index: 1;
}

.minmax-wrapper .toggle-switch .slider .label {
  position: relative;
  z-index: 2;
}

.minmax-wrapper .toggle-switch .slider .max {
  color: #fff;
}

.minmax-wrapper .toggle-switch input:checked + .slider .max {
  color: #999;
}

.minmax-wrapper .toggle-switch input:checked + .slider .min {
  color: #fff;
}

.minmax-wrapper .toggle-switch input:checked + .slider::after {
  transform: translateX(45px);
}

.title-box-item-wrap .empty {
  width: 100%;
  padding: 190px 0;
  display: flex;
  justify-content: center;
}

.title-box-item-wrap .empty.large-padding {
  padding: 320px 0;
}

.title-box-item-wrap .empty .empty-txt {
  text-align: center;
  color: #222;
  font-weight: bold;
  font-size: 18px;
}

.title-box-item-wrap .empty .empty-txt::before {
  margin: 0 auto 20px;
  display: block;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' transform='rotate(-180 25 25)' fill='%23F4F6FD'/%3E%3Ccircle cx='25' cy='13.5' r='1.5' transform='rotate(-180 25 13.5)' fill='%233D5CFF'/%3E%3Crect x='26.5' y='38' width='3' height='20' rx='1.5' transform='rotate(-180 26.5 38)' fill='%233D5CFF'/%3E%3C/svg%3E%0A");
  content: "";
}

/* audio player */
.audio-player {
  display: flex;
}

.audio-player:not(:has(audio)) {
  height: 2.5rem;
}

.audio-player audio {
  width: 100%;
  height: 2.5rem;
}

.audio-player audio.is-play::-webkit-media-controls-play-button {
  background-image: url(../img/ico_audio_pause.png);
}

.audio-player audio.is-paused::-webkit-media-controls-play-button {
  background-image: url(../img/ico_audio_play.png);
}

.audio-player audio::-webkit-media-controls-panel {
  background-color: #f1f3f4;
  color: #4e5163;
}

.audio-player audio::-webkit-media-controls-play-button {
  background-image: url(../img/ico_audio_play.png);
  background-position: 50%;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-color: #f1f3f4;
  border-radius: 50%;
}

.audio-player audio::-webkit-media-controls-play-button:focus,
.audio-player audio::-webkit-media-controls-play-button:hover,
.audio-player audio::-webkit-media-controls-play-button:active {
  background-color: #f1f3f4;
}

.audio-player audio::-webkit-media-controls-mute-button {
  margin: 0;
  padding: 0;
  border-radius: 50%;
}

.audio-player audio::-webkit-media-controls-current-time-display,
.audio-player audio::-webkit-media-controls-time-remaining-display {
  margin: 0;
  padding: 0;
  font-size: 0.625rem;
  color: #777;
  text-shadow: none;
}

.audio-player audio::-webkit-media-controls-current-time-display {
  margin-left: 0.25rem;
  margin-right: 0.1875rem;
  color: #000;
}

.audio-player audio::-webkit-media-controls-timeline {
  width: 1.5rem;
  margin: 0 0.25rem;
  padding: 0;
}

.audio-player audio::-webkit-media-controls-volume-slider {
  margin: 0;
}

@media (max-width: 100rem) {
  /* table */
  .tbl thead th {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .tbl td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  /* search form area */
  .search-page .tbl th {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .search-page .tbl th:has(.input-check) {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .search-page .tbl td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 93.75rem) {
  /* search form area */
  .search-page .tbl colgroup .player {
    width: 12.5rem;
  }
  .search-form .search-form-cells td {
    padding-right: 2rem;
  }
  .search-form .search-form-cells .selectbox-ui {
    max-width: initial;
  }
  .search-form .search-form-cells .input-box-set .ui-selectmenu-button,
  .search-form .search-form-cells .input-box-set .selectbox-ui {
    flex: 0.6;
  }
  .search-form .search-form-cells .input-box-set .input-box {
    flex: 1.4;
  }
  .search-form .search-form-cells .form-row.col-5 {
    column-gap: 0.5rem;
    margin-right: 0;
  }
  .search-form .search-form-cells .btn {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .search-form .tbl td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  /* table */
  .tbl-top-area__group .btn-wrap {
    margin-right: 0.9375rem;
  }
  .tbl colgroup .solution {
    width: 10.3125rem;
  }
  .btn.btn-m {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .pagination {
    padding: 0 0.625rem;
  }
  .pagination__pages {
    margin: 0 0.3125rem;
    gap: 0.625rem;
  }
}
@media (max-width: 85rem) {
  .search-page .tbl thead th:has(.input-check) {
    padding-left: 0;
    padding-right: 0;
  }
  .search-page .tbl td:has(.input-check) {
    padding-left: 0;
    padding-right: 0;
  }
  /* search form area */
  .search-form .search-form-cells td {
    padding-right: 1.125rem;
  }
}
@media (max-width: 80rem) {
  .search-form .search-form-cells .input-box-set .ui-selectmenu-button,
  .search-form .search-form-cells .input-box-set .selectbox-ui {
    max-width: 7.5rem;
  }
}
@media (max-width: 48rem) {
  .chart-top .input-box-wrap .input-txt.datepicker {
    max-width: 8.4375rem;
  }
}
@-webkit-keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes checked {
  from {
    clip-path: inset(0 90% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* login */
.container:has(.login-box) {
  justify-content: center;
  align-items: center;
  background-image: url(../img/bg_login.jpg);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.login-box {
  position: relative;
  width: 53.125rem;
  padding-left: 27.625rem;
  background: url(../img/bg_login_box.png) 0 0/auto 100% no-repeat;
  box-shadow: -0.625rem 1.0625rem 6.25rem 0 rgba(113, 119, 134, 0.2);
}

.login-box__inner {
  display: flex;
  height: 34.375rem;
  padding: 137px 3.375rem 2.375rem;
  background-color: #fff;
  flex-flow: column wrap;
  box-sizing: border-box;
}

.login-box .input-form {
  padding-top: 1.25rem;
}

.login-box .input-form .input-box {
  width: 100%;
  margin-top: 0.625rem;
  margin-left: 0;
}

.login-box .input-form .input-box:has(input:focus)::before {
  opacity: 1;
}

.login-box .input-form .input-box.e-mail::before {
  background-image: url(../img/ico_e-mail.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.login-box .input-form .input-box.password::before {
  background-image: url(../img/ico_password.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.login-box .input-form .input-box.password input {
  padding-right: 2.5rem;
}

.login-box .input-form .input-box::before {
  position: absolute;
  top: 50%;
  left: 0.625rem;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-top: -0.4375rem;
  opacity: 0.4;
  transition: opacity 0.1s ease-out;
  content: "";
}

.login-box .input-form .input-box input {
  padding: 0.5rem 0.625rem 0.5rem 1.875rem;
  border: solid 1px #dbdbdb;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #222;
  border-radius: 0.3125rem;
  flex: 1;
  outline: 0;
  transition: border 0.2s ease-out;
}

.login-box .input-form .input-box input:focus {
  border-color: #3d5dff;
}

.login-box .input-form .input-box input::placeholder {
  color: #999;
}

.login-box .input-form .input-box .toggle-pw {
  display: flex;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  width: 2.375rem;
  font-size: 0;
  justify-content: center;
  align-items: center;
}

.login-box .input-form .input-box .toggle-pw::before {
  width: 0.9375rem;
  height: 0.9375rem;
  background-image: url(../img/ico_hide.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.login-box .input-form .input-box .toggle-pw.show::before {
  background-image: url(../img/ico_show.png);
}

.login-box .input-form-option {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-top: 0.375rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #666;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-use-select: none;
  user-select: none;
}

.login-box .input-form-option .btn-txt {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.login-box .input-form ~ .btn[type=submit] {
  width: 100%;
}

.login-box .join {
  margin-top: auto;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #999;
  text-align: center;
}

.login-box .join .btn-txt {
  font-size: inherit;
  line-height: inherit;
  color: #3d5dff;
  text-decoration: underline;
}

.dashboard-wrap {
  padding: 1.875rem 1.25rem;
  background-color: #f7f7f9;
}

.dashboard-wrap .dashboard-top {
  display: flex;
  flex-flow: row wrap;
}

.dashboard-wrap .dashboard-top .tit {
  font-size: 1.125rem;
}

.dashboard-wrap .dashboard-top .update {
  display: flex;
  margin-left: auto;
  padding-top: 0.875rem;
  padding-bottom: 0.6875rem;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #444;
  align-items: flex-start;
}

.dashboard-wrap .dashboard-top .update__tit {
  padding-right: 0.5rem;
}

.dashboard-wrap .dashboard-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.dashboard-wrap .dashboard-info__box {
  display: grid;
  width: calc(50% - 0.875rem);
  min-width: 44.375rem;
  grid-template-columns: 1fr 1.055263fr;
  grid-auto-flow: column;
  gap: 0.875rem;
  flex-grow: 1;
}

.dashboard-wrap .dashboard-info__box.column-single {
  grid-template-columns: auto;
}

.dashboard-wrap .dashboard-info__box.column-single .dashboard-info-count {
  flex-flow: row wrap;
  justify-content: space-between;
}

.dashboard-wrap .dashboard-info__box.column-single .dashboard-info-count dt,
.dashboard-wrap .dashboard-info__box.column-single .dashboard-info-count dd {
  display: flex;
  align-items: center;
}

.dashboard-wrap .dashboard-info__box.column-single .dashboard-info-count dt {
  font-weight: 700;
}

.dashboard-wrap .dashboard-info-count {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 1.5rem;
  background-color: #fff;
  border-radius: 1.25rem;
  box-shadow: 0.125rem 0.1875rem 1.0625rem 0 rgba(0, 0, 0, 0.1);
}

.dashboard-wrap .dashboard-info-count:has(dt) {
  display: flex;
  position: relative;
  min-height: calc(30px + 4.625rem);
  padding-left: 6.375rem;
  flex-flow: column wrap;
  justify-content: center;
  row-gap: 0.5625rem;
}

.dashboard-wrap .dashboard-info-count:has(dt).total-count::before {
  width: 4.625rem;
  height: 4.625rem;
  background-image: url(../img/ico_total-count.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.dashboard-wrap .dashboard-info-count:has(dt).today-count::before {
  width: 4.625rem;
  height: 4.625rem;
  background-image: url(../img/ico_today-count.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.dashboard-wrap .dashboard-info-count:has(dt).total-time::before {
  width: 4.625rem;
  height: 4.625rem;
  background-image: url(../img/ico_total-time.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.dashboard-wrap .dashboard-info-count:has(dt).total-cost::before {
  width: 4.625rem;
  height: 4.625rem;
  background-image: url(../img/ico_total-cost.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.dashboard-wrap .dashboard-info-count:has(dt).today-time::before {
  width: 4.625rem;
  height: 4.625rem;
  background-image: url(../img/ico_today-time.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.dashboard-wrap .dashboard-info-count:has(dt)::before {
  display: block;
  position: absolute;
  top: 15px;
  left: 1.5rem;
}

.dashboard-wrap .dashboard-info-count:has(dt) dt {
  padding-left: 1rem;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  color: #444;
}

.dashboard-wrap .dashboard-info-count:has(dt) dd {
  padding-left: 1rem;
  font-size: 1.5625rem;
  font-weight: 700;
  white-space: nowrap;
}

.dashboard-wrap ~ .section-wrap .search-form-cells {
  margin-top: 1rem;
  margin-bottom: 1.25rem;
}

.dashboard-wrap ~ .section-wrap .search-form-cells th {
  font-weight: 400;
  text-align: left;
}

.dashboard-chart-area {
  display: flex;
  padding-left: 2.5rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: min(2.0833333333vw, 2.5rem);
  row-gap: 1.5rem;
  grid-row: span 2;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 1.5rem;
  background-color: #fff;
  border-radius: 1.25rem;
  box-shadow: 0.125rem 0.1875rem 1.0625rem 0 rgba(0, 0, 0, 0.1);
}

.dashboard-chart-area:has(.chart_legent li:nth-child(6)) {
  padding-left: 1.5rem;
}

.dashboard-chart-area .chart_legent {
  display: flex;
  flex-flow: column wrap;
  font-size: 0.9375rem;
  color: #444;
  column-gap: 1.875rem;
  row-gap: 0.625rem;
}

.dashboard-chart-area .chart_legent.wrap-1 {
  max-height: 1.5rem;
}

.dashboard-chart-area .chart_legent.wrap-2 {
  max-height: 3.625rem;
}

.dashboard-chart-area .chart_legent.wrap-3 {
  max-height: 5.75rem;
}

.dashboard-chart-area .chart_legent.wrap-4 {
  max-height: 7.875rem;
}

.dashboard-chart-area .chart_legent.wrap-5 {
  max-height: 10rem;
}

.dashboard-chart-area .chart_legent li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  column-gap: 0.5rem;
}

.dashboard-chart-area .chart_legent em {
  min-width: 2.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: #fff;
  text-align: center;
  border-radius: 1.25rem;
  flex-shrink: 0;
}

.dashboard-chart-area .chart_legent em.color-1 {
  background-color: #3751fe;
}

.dashboard-chart-area .chart_legent em.color-2 {
  background-color: #6237e4;
}

.dashboard-chart-area .chart_legent em.color-3 {
  background-color: #37d797;
}

.dashboard-chart-area .chart_legent em.color-4 {
  background-color: #0fc6ef;
}

.dashboard-chart-area .chart_legent em.color-5 {
  background-color: #2291fe;
}

.dashboard-chart-area .chart_legent em.color-6 {
  background-color: #ec9900;
}

.dashboard-chart-area .chart_legent em.color-7 {
  background-color: #fa5b82;
}

.dashboard-chart-area .chart_legent em.color-8 {
  background-color: #cb50c9;
}

.title-box-item-wrap .title-box-item .dashboard-info-count-wrap {
  display: flex;
  padding: 2.125rem 1.5rem 2.75rem;
  flex-flow: row wrap;
  row-gap: 2.25rem;
}

.title-box-item-wrap .title-box-item .dashboard-info-count-box {
  display: flex;
  width: 50%;
  min-width: 15.625rem;
  flex-flow: row nowrap;
  gap: 0.625rem;
}

@media (max-width: 1440px) {
  .title-box-item-wrap .title-box-item .dashboard-info-count-box {
    min-width: initial;
    flex-direction: column;
  }
}
.title-box-item-wrap .title-box-item .dashboard-info-count-brand {
  font-size: 0.875rem;
  font-weight: 700;
  font-style: normal;
  color: #3d5dff;
  white-space: nowrap;
}

.title-box-item-wrap .title-box-item .dashboard-info-count dt {
  font-size: 0.875rem;
  line-height: 1rem;
}

.title-box-item-wrap .title-box-item .dashboard-info-count dd {
  padding-top: 0.625rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.625rem;
}

.title-box-item-wrap .title-box-item .dashboard-chart {
  display: flex;
  align-items: center;
}

.title-box-item-wrap .title-box-item .dashboard-chart::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.title-box-item-wrap .title-box-item .dashboard-chart::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.title-box-item-wrap .title-box-item .dashboard-chart::-webkit-scrollbar-track-piece,
.title-box-item-wrap .title-box-item .dashboard-chart::-webkit-scrollbar-button {
  display: none;
}

.title-box-item-wrap .title-box-item:has(.dashboard-chart),
.title-box-item-wrap .title-box-item:has(.dashboard-chart-area) {
  display: flex;
  /* flex-flow: column wrap; */
  flex-direction: column;
}

.title-box-item-wrap .title-box-item:has(.dashboard-chart) .dashboard-chart,
.title-box-item-wrap .title-box-item:has(.dashboard-chart) .dashboard-chart-area,
.title-box-item-wrap .title-box-item:has(.dashboard-chart-area) .dashboard-chart,
.title-box-item-wrap .title-box-item:has(.dashboard-chart-area) .dashboard-chart-area {
  flex-grow: 1;
}

.title-box-item-wrap .title-box-item .dashboard-chart-area {
  background-color: initial;
  border-radius: initial;
  box-shadow: initial;
}

i.txt-color {
  font-style: normal;
}

@media (max-width: 1344px) {
  .header:not(.is-fold) ~ .container .wave-control-box .volume-slider {
    margin: 0 0.625rem;
  }
}
/* Data Labeling > Error Tagging :: 1. Words & Sounds */
.wave-form-area__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.625rem;
  align-items: center;
}

.wave-form-area__top .wave-control-box {
  display: flex;
  flex-flow: row nowrap;
  line-height: 0;
}

.wave-form-area__top .wave-control-box .btn-wrap {
  gap: 0.3125rem;
}

.wave-form-area__top .wave-control-box .btn-wrap .btn-icon.sound {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wave-form-area__top .wave-control-box .volume-slider {
  position: relative;
  margin: 0 1.25rem;
  padding-right: calc(10px + 0.4375rem);
  background-color: #eff0fb;
  border-radius: 0.3125rem;
  gap: 0.4375rem;
  transition: margin 0.2s;
}

.wave-form-area__top .wave-control-box .volume-slider::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0.4375rem;
  width: 10px;
  height: 0.25rem;
  margin-top: -0.125rem;
  background: #fff;
  border-radius: 0 0.125rem 0.125rem 0;
  content: "";
}

.wave-form-area__top .wave-control-box .volume-slider .volume {
  width: 56px;
  height: 0.25rem;
  border-width: 0;
  background: #fff;
  border-radius: 0.125rem 0 0 0.125rem;
}

.wave-form-area__top .wave-control-box .volume-slider .volume .ui-widget-header {
  background-color: transparent;
}

.wave-form-area__top .wave-control-box .volume-slider .volume .ui-slider-range {
  background: #3d5dff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wave-form-area__top .wave-control-box .volume-slider .volume .ui-slider-handle {
  top: -0.1875rem;
  width: 10px;
  height: 10px;
  margin-left: 0;
  border-width: 0;
  background: #3d5dff;
  border-radius: 50%;
  outline: 0;
}

.wave-form-area__top .toggle-phoneme label {
  text-align: right;
}

.wave-form-area__top .soundtrack-time {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3125rem 1.25rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #666;
}

.wave-form-area__top .soundtrack-time__item {
  display: flex;
}

.wave-form-area__top .soundtrack-time__item ~ .soundtrack-time__item {
  position: relative;
  margin-left: 1.75rem;
}

.wave-form-area__top .soundtrack-time__item ~ .soundtrack-time__item::before {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 1px;
  height: 8px;
  margin-top: -0.25rem;
  margin-right: 0.875rem;
  background: #c6c6c6;
  content: "";
}

.wave-form-area__top .soundtrack-time__tit ~ .soundtrack-time__tit::before {
  padding: 0 0.375rem;
  content: "~";
}

.wave-form-area__top .soundtrack-time__time {
  padding-left: 0.3125rem;
  font-weight: 700;
  color: #444;
}

.wave-form-area__inner {
  display: flex;
  gap: 0.625rem;
}

.wave-form-area__soundtrack {
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  border-top: 1px solid #dfe3e9;
  box-sizing: border-box;
}

.wave-form-area__soundtrack .simplebar-content {
  display: flex;
  flex-flow: column wrap;
  align-items: stretch;
}

.wave-form-area__soundtrack__timeline {
  display: flex;
  position: relative;
  height: 1.875rem;
  padding: 0 3.125rem;
  flex-wrap: nowrap;
}

.wave-form-area__soundtrack__timeline::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #dfe3e9;
  content: "";
}

.wave-form-area__soundtrack__timeline time {
  position: relative;
  width: 2.0625rem;
  padding-top: 0.3125rem;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  color: #999;
}

.wave-form-area__soundtrack__timeline time::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: 0.5rem;
  background-color: #dfe3e9;
  content: "";
}

.wave-form-area__soundtrack__timeline time + time {
  margin-left: 1.125rem;
}

.wave-form-area__soundtrack__chart {
  min-height: 9.375rem;
}

.wave-form-area__soundtrack__word {
  display: flex;
  position: relative;
  padding: 0 3.125rem;
  border: 1px solid #dfe3e9;
  border-width: 1px 0;
  flex-flow: row nowrap;
}

.wave-form-area__soundtrack__word:has(.word-item__pronun):has(.is-fold)::before {
  display: none;
}

.wave-form-area__soundtrack__word:has(.word-item__pronun)::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dfe3e9;
  content: "";
}

.wave-form-area__soundtrack__word .word-item {
  flex-direction: column-reverse;
}

.wave-form-area__soundtrack__word .word-item {
  display: flex;
  border: 1px solid #dfe3e9;
  border-width: 0 1px;
}

.wave-form-area__soundtrack__word .word-item__pronun {
  height: 1.875rem;
  border-bottom: 1px solid #dfe3e9;
}

.word-item {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
}

.word-item__word {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 1.875rem;
  padding: 0 10px;
  font-style: normal;
  text-align: center;
}

.word-item__pronun {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: stretch;
}

.word-item__pronun.is-fold {
  display: none;
}

.word-item__pronun li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 0 0.625rem;
}

.word-item__pronun li + li {
  border-left: 1px solid #dfe3e9;
}

/* error tagging */
.error-tagging-tool {
  display: flex;
  position: relative;
  border-top: 1px solid #111;
  color: #222;
}

.error-tagging-tool .fold-menu {
  position: relative;
}

.error-tagging-tool .fold-menu::before {
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  border: 1px solid #dfe3e9;
  content: "";
}

.error-tagging-tool .fold-menu + .fold-menu::before {
  display: none;
}

.error-tagging-tool .fold-menu + li,
.error-tagging-tool .fold-menu ~ .cell-errors {
  position: relative;
}

.error-tagging-tool .fold-menu + li::before,
.error-tagging-tool .fold-menu ~ .cell-errors::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #dfe3e9;
  content: "";
}

.error-tagging-tool__left {
  position: relative;
  width: 7.625rem;
  flex-shrink: 0;
}

.error-tagging-tool__left button.btn-toggle-menu {
  position: absolute;
  top: 4.75rem;
  left: -0.625rem;
}

.error-tagging-tool .error-tit-list {
  background: #f4f6fd;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 0.9375rem;
}

.error-tagging-tool .error-tit-list li {
  padding: 0.625rem 1.25rem;
  text-align: center;
}

.error-tagging-tool .error-tit-list li + li {
  border-top: 1px solid #dfe3e9;
}

.error-tagging-tool .error-tit-list li:last-of-type {
  border-bottom: 1px solid #dfe3e9;
}

.error-tagging-tool__right {
  overflow-x: auto;
  flex-grow: 1;
}

.error-tagging-tool__right .simplebar-content {
  display: flex;
}

.error-tagging-tool__right .error-word-list {
  display: flex;
  height: 100%;
  border-bottom: 1px solid #dfe3e9;
  background: #f7f7f9;
  flex: 1;
}

.error-tagging-tool__right .error-word-list__item {
  background: #fff;
  border-right: 1px solid #dfe3e9;
}

.error-tagging-tool__right .error-word-list__item.disabled {
  background: transparent;
}

.error-tagging-tool__right .error-word-list__item.disabled button {
  pointer-events: none;
}

.error-tagging-tool__right .error-word-list__item.blank-item {
  width: 2.5rem;
  background-color: transparent;
}

.error-tagging-tool__right .error-word-list__item.blank-item .cell-stt {
  color: #666;
}

.error-tagging-tool__right .error-word-list__item.blank-item .word-item {
  grid-template-columns: auto;
}

.error-tagging-tool__right .error-word-list .active-cell {
  background-color: #3d5dff;
}

.error-tagging-tool__right .error-word-list .active-cell .btn.btn-icon::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.error-tagging-tool__right .error-word-list .active-cell .btn-color-txt {
  color: #fff;
}

.error-tagging-tool__right .error-word-list .btn .hidden {
  font-size: 0;
}

.error-tagging-tool__right .error-word-list .btn.triangle {
  font-size: 0.8125rem;
}

.error-tagging-tool__right .error-word-list .btn-color-txt {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: #f31b1b;
}

.error-tagging-tool__right .error-word-list .btn-color-txt sup {
  line-height: 1.4;
}

.error-tagging-tool__right .word-item {
  display: grid;
  grid-template-columns: repeat(5, auto);
  height: 100%;
}

.error-tagging-tool__right .word-item__word {
  min-height: 2.1875rem;
  padding: 0.625rem 0;
  line-height: 0.9375rem;
}

.error-tagging-tool__right .word-item dt {
  grid-column: 1/-1;
}

.error-tagging-tool__right .word-item dd {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.25rem;
  border-top: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.cell-pronunciation + .cell-pronunciation {
  border-left: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.cell-errors + .cell-errors {
  border-left: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.cell-annoying + .cell-annoying {
  border-left: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.cell-lexical-stress + .cell-lexical-stress {
  border-left: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.multi-row {
  height: calc(3.125rem + 1px);
}

.error-tagging-tool__right .word-item dd.cell-pronunciation {
  padding: 0 0.625rem;
}

.error-tagging-tool__right .word-item dd.cell-stt {
  grid-column: 1/-1;
  grid-row: 3/4;
}

.error-tagging-tool__right .word-item dd.cell-unintelligible {
  grid-column: 1/-1;
  grid-row: 4/5;
}

.error-tagging-tool__right .word-item dd.word {
  grid-column: 1/-1;
  grid-row: 8/9;
}

.error-tagging-tool__right .word-item dd sup {
  vertical-align: top;
}

.error-tagging-tool .pop-menu {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 6.25rem;
  border: 1px solid #3d5dff;
  background: #fff;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.3125rem;
  z-index: 1;
}

.error-tagging-tool .pop-menu__btn {
  display: flex;
  width: 100%;
  padding: 0.375rem 0.5rem 0.3125rem;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  text-align: left;
  flex-direction: row;
}

.error-tagging-tool .pop-menu__btn:hover {
  background-color: #f4f6fd;
}

.error-tagging-tool .pop-menu__btn.arr {
  position: relative;
}

.error-tagging-tool .pop-menu__btn.arr::before {
  width: 0.625rem;
  height: 0.625rem;
  background-image: url(../img/arr_bk_10.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.error-tagging-tool .pop-menu__btn.arr::before {
  position: absolute;
  top: 50%;
  right: 0.5625rem;
  margin-top: -0.3125rem;
}

.error-tagging-tool .pop-menu__btn.reset {
  position: relative;
}

.error-tagging-tool .pop-menu__btn.reset::before {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/ico_reset_bk.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.error-tagging-tool .pop-menu__btn.reset::before {
  position: absolute;
  top: 50%;
  right: 0.5625rem;
  margin-top: -0.375rem;
}

.error-tagging-tool .pop-menu .vowel::before {
  content: "[";
}

.error-tagging-tool .pop-menu .vowel::after {
  content: "]";
}

.error-tagging-tool .pop-menu .vowel + .arr {
  padding: 0 0.25rem;
}

.error-tagging-tool .btn-toggle-menu {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #3d5dff;
  background: #fff;
  font-size: 0;
  border-radius: 50%;
  z-index: 1;
}

.error-tagging-tool .btn-toggle-menu.is-open {
  border-color: #afafaf;
}

.error-tagging-tool .btn-toggle-menu.is-open::before,
.error-tagging-tool .btn-toggle-menu.is-open::after {
  background-color: #222;
}

.error-tagging-tool .btn-toggle-menu.is-open::after {
  transform: rotate(0);
}

.error-tagging-tool .btn-toggle-menu::before,
.error-tagging-tool .btn-toggle-menu::after {
  position: absolute;
  left: 50%;
  width: 0.625rem;
  height: 0.125rem;
  margin-top: -1px;
  margin-left: -0.3125rem;
  background-color: #3d5dff;
  border-radius: 1px;
  transition: transform 0.15s;
  content: "";
}

.error-tagging-tool .btn-toggle-menu::after {
  transform: rotate(-90deg);
}

.btn-list-wrap {
  display: flex;
  flex-flow: row wrap;
}

.btn-list-wrap.cell-5 {
  max-width: 12.5rem;
}

.btn-list-wrap.cell-5 .btn-item:nth-child(5n+1) {
  border-left-width: 1px;
}

.btn-list-wrap.cell-5 .btn-item:nth-child(-n+5) {
  border-top-width: 1px;
}

.btn-list-wrap.cell-6 {
  max-width: 15rem;
}

.btn-list-wrap.cell-6 .btn-item:nth-child(6n+1) {
  border-left-width: 1px;
}

.btn-list-wrap.cell-6 .btn-item:nth-child(-n+6) {
  border-top-width: 1px;
}

.btn-list-wrap.cell-6 {
  max-width: 15rem;
}

.btn-list-wrap + .btn-list-wrap {
  margin-top: 0.3125rem;
}

.btn-list-wrap .btn-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  border: 1px solid #dbdbdb;
  border-width: 0 1px 1px 0;
  flex-shrink: 0;
}

.btn-list-wrap .btn-item + .btn-item {
  border-left-width: 0;
}

.btn-list-wrap .btn-item .btn {
  padding: 0.375rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #666;
  border-radius: 0;
  flex: 1;
}

.btn-list-wrap .btn-item .btn.active {
  background-color: #3d5dff;
  color: #fff;
}

/* Data Labeling > Error Tagging :: 2. Sentence */
.container.data-labeling-sentence .data-labeling-sentence-top {
  flex-shrink: 0;
}

.container.data-labeling-sentence .contents__top {
  padding-top: 1.25rem;
}

.container.data-labeling-sentence .page-top {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.container.data-labeling-sentence .page-top ~ .section-wrap {
  padding: 1.25rem;
}

.container.data-labeling-sentence .section-wrap {
  border-bottom: 1.25rem solid #efefef;
}

.container.data-labeling-sentence .scroll-wrapper {
  flex-grow: 1;
}

.container.data-labeling-sentence .contents {
  height: 100%;
  padding-top: 0;
}

.select-list-item-wrap {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}

.select-list-item-wrap:has(.no-data) {
  align-items: center;
}

.select-list-item-wrap .select-list-item {
  width: 32%;
}

.select-list-item-wrap .tbl-wrap {
  width: 68%;
}

.select-list-item-wrap .tbl-wrap td {
  padding: 0.875rem 1.25rem;
}

.select-list-item-wrap .prosody-score-tbl th {
  height: 4.125rem;
  line-height: 1.1875rem;
}

.select-list-item-wrap .prosody-score-tbl th sub {
  display: block;
}

.select-list-item-wrap .prosody-score-tbl td strong {
  display: block;
  color: #222;
  padding-bottom: 0.25rem;
}

.select-list-item-wrap .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
}

.select-list-item {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}

.select-list-item.flow-col {
  flex-direction: column;
}

.select-list-item .section-sub-tit {
  width: 100%;
}

.select-list-item__box {
  overflow: hidden;
  position: relative;
  border: solid 1px #d4d9e1;
  border-radius: 0.3125rem;
  flex: 1;
}

.select-list-item__box.is-disabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-use-select: none;
  user-select: none;
}

.select-list-item__box.is-disabled::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  content: "";
}

.select-list-item__tit {
  display: flex;
  min-height: 3.125rem;
  justify-content: space-between;
  align-items: center;
  padding: 0.5625rem 1.5rem;
  background: #f7f7f9;
  font-size: 0.875rem;
  font-weight: 700;
}

.select-list-item__inner {
  padding: 1.5rem 1.5rem;
}

.select-list-item__inner:has(.btn.add) {
  height: calc(100% - 3.125rem);
  display: flex;
  justify-content: center;
  align-items: center;
}

.select-list-item__inner .input-box + .input-box {
  margin-top: 1.25rem;
}

.select-list-item__inner .score {
  display: flex;
  position: relative;
  margin-top: 1.875rem;
  flex-flow: row wrap;
  justify-content: space-between;
}

.select-list-item__inner .score::before {
  position: absolute;
  top: 0.5625rem;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dbdbdb;
  content: "";
}

.select-list-item__inner .score li:first-child .score-txt {
  left: 0;
}

.select-list-item__inner .score li:last-child .score-txt {
  right: 0;
}

.select-list-item__inner .score li dl {
  display: flex;
  position: relative;
  flex-flow: column-reverse wrap;
  align-items: center;
}

.select-list-item__inner .score li dl dt {
  padding-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 16px;
}

.select-list-item__inner .score li .score-txt {
  position: absolute;
  bottom: 100%;
  margin-bottom: 0.9375rem;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}

/* Data Labeling > Error Tagging :: Start Job */
.script-input-box {
  min-width: 12.5rem;
  padding: 0.3125rem 0.625rem;
  border: solid 1px #dbdbdb;
  border-radius: 0.3125rem;
  background-color: #fff;
  font-size: 0.8125rem;
  color: #222;
  line-height: 1.25rem;
  outline: 0;
  transition: border 0.2s ease-out;
}

.script-input-box::placeholder {
  line-height: 1;
  color: #999;
}

.script-input-box:not(:disabled):not(.disabled):not(:read-only):focus {
  border-color: #3d5dff;
}

.script-input-box.disabled,
.script-input-box:disabled {
  background-color: #e5e5e5;
  color: #999;
}

.script-input-box:read-only {
  background-color: #e5e5e5;
}

.script-input-box em {
  padding: 0.0625rem 0 0.125rem;
  background: rgba(249, 62, 62, 0.3);
  font-style: normal;
}

.popup-layer.gold-standard {
  width: 75rem;
}

/* Report Issue */
.report-issue {
  display: flex;
  height: 35rem;
  margin: -1.25rem;
  flex-flow: column wrap;
}

.report-issue__view {
  display: flex;
  height: calc(100% - 10rem);
  padding: 1.5rem 1.5rem 0;
  flex-flow: column nowrap;
  flex-grow: 1;
  gap: 1.5rem;
}

.report-issue__view .tbl-wrap .tbl td {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.report-issue__view .tbl-wrap + .issue-list-wrap {
  height: inherit;
}

.report-issue__write {
  display: flex;
  height: 10rem;
  padding: 1.5rem;
  border-top: 0.625rem solid #dbdbdb;
  flex-flow: row wrap;
  flex-shrink: 0;
  align-items: flex-start;
  column-gap: 0.5rem;
}

.report-issue__write .input-box:has(textarea) {
  margin-top: 0.625rem;
  margin-left: 0 !important;
  width: 100%;
}

.report-issue__write .selectbox-ui .selected-txt {
  min-width: initial;
}

.report-issue__write .selectbox-ui:first-child .selected-txt {
  width: 11.25rem;
}

.report-issue__write .selectbox-ui:first-child + .selectbox-ui .selected-txt {
  width: 8.5rem;
}

.report-issue__write .selectbox-ui:first-child + .selectbox-ui + .selectbox-ui {
  width: calc(100% - 11.25rem - 8.5rem - 0.5rem - 0.5rem);
  margin-right: 0;
}

.report-issue__write .selectbox-ui:first-child + .selectbox-ui + .selectbox-ui .selected-txt {
  width: 100%;
}

.report-issue__write .selectbox-ui:first-child + .input-box .input-txt {
  width: 8.5rem;
  min-width: initial;
}

.report-issue .issue-list {
  padding-bottom: 1.5rem;
}

.report-issue .issue-list-wrap {
  flex-grow: 1;
}

.report-issue .issue-list-wrap .simplebar-vertical {
  width: 0.5625rem;
  left: 100%;
  right: auto;
  margin-left: 0.6875rem;
}

.report-issue .issue-list-wrap .simplebar-vertical .simplebar-scrollbar {
  right: 0;
}

.report-issue .issue-list-wrap .simplebar-vertical .simplebar-scrollbar::before {
  top: 0;
}

.report-issue .issue-list-wrap .simplebar-content {
  height: 100%;
}

.report-issue .issue-list-wrap .no-data {
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 1.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.report-issue .issue-list__item {
  overflow: hidden;
  position: relative;
  border: 1px solid #d4d9e1;
  border-radius: 0.3125rem;
}

.report-issue .issue-list__item + .issue-list__item {
  margin-top: 0.625rem;
}

.report-issue .issue-list__item .issue-list-aside {
  display: flex;
  width: 100%;
  padding: 0 1.4375rem;
  background-color: #f7f7f9;
}

.report-issue .issue-list__item .issue-list-aside .btn-wrap {
  padding-left: 0.5625rem;
  column-gap: 0.125rem;
}

.report-issue .issue-list__item .issue-info {
  display: flex;
  height: 2.5rem;
  padding: 0.75rem 0;
  flex: 1;
}

.report-issue .issue-list__item .issue-info dt {
  font-size: 0;
}

.report-issue .issue-list__item .issue-info dd {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
}

.report-issue .issue-list__item .issue-info dd ~ dd {
  margin-left: 0.625rem;
  padding-left: 0.625rem;
}

.report-issue .issue-list__item .issue-info dd ~ dd::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 0.5rem;
  margin-top: -0.25rem;
  background-color: #c6c6c6;
  content: "";
}

.report-issue .issue-list__item .issue-info dd:nth-last-of-type(-n + 2) {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #666;
}

.report-issue .issue-list__item .issue-info dd:nth-last-of-type(2) {
  margin-left: auto;
  padding-left: 0;
}

.report-issue .issue-list__item .issue-info dd:nth-last-of-type(2)::before {
  display: none;
}

.report-issue .issue-list__item > .input-box {
  margin: 0 1.4375rem 0.625rem;
  width: calc(100% - 2.875rem);
}

.report-issue .issue-list__item > .btn-wrap {
  padding: 0 1.4375rem 0.9375rem;
  column-gap: 0.3125rem;
}

.report-issue .issue-list__item .issue-message {
  padding: 0.9375rem 1.4375rem;
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  color: #444;
}

.report-issue .issue-list__item .issue-message + .btn-wrap {
  margin-top: -0.3125rem;
}

.report-issue .issue-list__item .reply-box {
  position: relative;
  margin: 0 1.4375rem 0.625rem;
  padding: 0.9375rem;
  background: #f7f7f9;
  border-radius: 0.3125rem;
}

.report-issue .issue-list__item .reply-box dl {
  display: flex;
  font-size: 0.8125rem;
  flex-flow: row wrap-reverse;
}

.report-issue .issue-list__item .reply-box dl ~ .btn-wrap {
  margin-top: 0.375rem;
  column-gap: 0.3125rem;
}

.report-issue .issue-list__item .reply-box dt {
  width: 100%;
  padding-top: 0.5625rem;
  border-top: 1px solid #ddd;
  line-height: 1.1875rem;
  color: #444;
  order: -1;
}

.report-issue .issue-list__item .reply-box dd {
  position: relative;
  margin-bottom: 0.5625rem;
  font-weight: 700;
  line-height: 0.9375rem;
}

.report-issue .issue-list__item .reply-box dd ~ dd {
  margin-left: 0.625rem;
  padding-left: 0.625rem;
}

.report-issue .issue-list__item .reply-box dd ~ dd::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 0.5rem;
  margin-top: -0.25rem;
  background-color: #c6c6c6;
  content: "";
}

.report-issue .issue-list__item .reply-box .btn.edit,
.report-issue .issue-list__item .reply-box .btn.del {
  position: absolute;
  top: 0.25rem;
  right: 0.9375rem;
  right: 15px;
}

.report-issue .issue-list__item .reply-box .btn.edit {
  right: 3.0625rem;
}

.report-issue .issue-list__item .btn.edit,
.report-issue .issue-list__item .btn.del {
  overflow: hidden;
  background-color: transparent;
  border-radius: 50%;
  transition: background 0.2s;
}

.report-issue .issue-list__item .btn.edit:hover:not(:disabled),
.report-issue .issue-list__item .btn.del:hover:not(:disabled) {
  background-color: #e5e4e7;
}

.report-issue .issue-list__item .btn.edit:disabled,
.report-issue .issue-list__item .btn.del:disabled {
  cursor: not-allowed;
}

.report-issue .issue-list__item .btn.edit:disabled::before,
.report-issue .issue-list__item .btn.del:disabled::before {
  filter: invert(92%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(87%) contrast(78%);
}

/* Data Labeling > Labeling Analytics */
.labeling-analytics {
  padding-top: 0.625rem;
}

.labeling-analytics .tab-content {
  padding-top: 1.875rem;
}

.labeling-analytics .tbl .no-data td {
  height: 4.375rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.labeling-analytics .title-box-item-wrap .no-data {
  display: inherit;
  margin-top: 3.125rem;
  padding: 6.25rem 0 12.5rem;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 1.125rem;
  font-weight: 700;
}

/* System Monitor >  batch-monitoring */
.title-box-item-wrap.batch-monitoring .title-box-item {
  container: title-box-item1/inline-size;
}

.title-box-item-wrap.batch-monitoring .title-box-item__top {
  column-gap: 0;
  transition: padding 0.2s;
}

@container title-box-item1 (max-width: 44.8125rem) {
  .title-box-item-wrap.batch-monitoring .title-box-item__top {
    padding: 1.125rem 1.25rem 1rem;
    flex-direction: column;
  }
  .title-box-item-wrap.batch-monitoring .title-box-item__top .title-box-item__tit br {
    display: none;
  }
  .title-box-item-wrap.batch-monitoring .title-box-item__top .input-box-wrap {
    position: relative;
    width: 100%;
  }
  .title-box-item-wrap.batch-monitoring .title-box-item__top .input-box-wrap .btn.zoom-pop {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 0.5625rem;
  }
}
i.txt-color {
  font-style: normal;
}

@media (max-width: 1344px) {
  .header:not(.is-fold) ~ .container .wave-control-box .volume-slider {
    margin: 0 0.625rem;
  }
}
/* Data Labeling > Error Tagging :: 1. Words & Sounds */
.wave-form-area__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.625rem;
  align-items: center;
}

.wave-form-area__top .wave-control-box {
  display: flex;
  flex-flow: row nowrap;
  line-height: 0;
}

.wave-form-area__top .wave-control-box .btn-wrap {
  gap: 0.3125rem;
}

.wave-form-area__top .wave-control-box .btn-wrap .btn-icon.sound {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wave-form-area__top .wave-control-box .volume-slider {
  position: relative;
  margin: 0 1.25rem;
  padding-right: calc(10px + 0.4375rem);
  background-color: #eff0fb;
  border-radius: 0.3125rem;
  gap: 0.4375rem;
  transition: margin 0.2s;
}

.wave-form-area__top .wave-control-box .volume-slider::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0.4375rem;
  width: 10px;
  height: 0.25rem;
  margin-top: -0.125rem;
  background: #fff;
  border-radius: 0 0.125rem 0.125rem 0;
  content: "";
}

.wave-form-area__top .wave-control-box .volume-slider .volume {
  width: 56px;
  height: 0.25rem;
  border-width: 0;
  background: #fff;
  border-radius: 0.125rem 0 0 0.125rem;
}

.wave-form-area__top .wave-control-box .volume-slider .volume .ui-widget-header {
  background-color: transparent;
}

.wave-form-area__top .wave-control-box .volume-slider .volume .ui-slider-range {
  background: #3d5dff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wave-form-area__top .wave-control-box .volume-slider .volume .ui-slider-handle {
  top: -0.1875rem;
  width: 10px;
  height: 10px;
  margin-left: 0;
  border-width: 0;
  background: #3d5dff;
  border-radius: 50%;
  outline: 0;
}

.wave-form-area__top .toggle-phoneme label {
  text-align: right;
}

.wave-form-area__top .soundtrack-time {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3125rem 1.25rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #666;
}

.wave-form-area__top .soundtrack-time__item {
  display: flex;
}

.wave-form-area__top .soundtrack-time__item ~ .soundtrack-time__item {
  position: relative;
  margin-left: 1.75rem;
}

.wave-form-area__top .soundtrack-time__item ~ .soundtrack-time__item::before {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 1px;
  height: 8px;
  margin-top: -0.25rem;
  margin-right: 0.875rem;
  background: #c6c6c6;
  content: "";
}

.wave-form-area__top .soundtrack-time__tit ~ .soundtrack-time__tit::before {
  padding: 0 0.375rem;
  content: "~";
}

.wave-form-area__top .soundtrack-time__time {
  padding-left: 0.3125rem;
  font-weight: 700;
  color: #444;
}

.wave-form-area__inner {
  display: flex;
  gap: 0.625rem;
}

.wave-form-area__soundtrack {
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  border-top: 1px solid #dfe3e9;
  box-sizing: border-box;
}

.wave-form-area__soundtrack .simplebar-content {
  display: flex;
  flex-flow: column wrap;
  align-items: stretch;
}

.wave-form-area__soundtrack__timeline {
  display: flex;
  position: relative;
  height: 1.875rem;
  padding: 0 3.125rem;
  flex-wrap: nowrap;
}

.wave-form-area__soundtrack__timeline::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #dfe3e9;
  content: "";
}

.wave-form-area__soundtrack__timeline time {
  position: relative;
  width: 2.0625rem;
  padding-top: 0.3125rem;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  color: #999;
}

.wave-form-area__soundtrack__timeline time::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: 0.5rem;
  background-color: #dfe3e9;
  content: "";
}

.wave-form-area__soundtrack__timeline time + time {
  margin-left: 1.125rem;
}

.wave-form-area__soundtrack__chart {
  min-height: 9.375rem;
}

.wave-form-area__soundtrack__word {
  display: flex;
  position: relative;
  padding: 0 3.125rem;
  border: 1px solid #dfe3e9;
  border-width: 1px 0;
  flex-flow: row nowrap;
}

.wave-form-area__soundtrack__word:has(.word-item__pronun):has(.is-fold)::before {
  display: none;
}

.wave-form-area__soundtrack__word:has(.word-item__pronun)::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dfe3e9;
  content: "";
}

.wave-form-area__soundtrack__word .word-item {
  flex-direction: column-reverse;
}

.wave-form-area__soundtrack__word .word-item {
  display: flex;
  border: 1px solid #dfe3e9;
  border-width: 0 1px;
}

.wave-form-area__soundtrack__word .word-item__pronun {
  height: 1.875rem;
  border-bottom: 1px solid #dfe3e9;
}

.word-item {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
}

.word-item__word {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 1.875rem;
  padding: 0 10px;
  font-style: normal;
  text-align: center;
}

.word-item__pronun {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: stretch;
}

.word-item__pronun.is-fold {
  display: none;
}

.word-item__pronun li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 0 0.625rem;
}

.word-item__pronun li + li {
  border-left: 1px solid #dfe3e9;
}

/* error tagging */
.error-tagging-tool {
  display: flex;
  position: relative;
  border-top: 1px solid #111;
  color: #222;
}

.error-tagging-tool .fold-menu {
  position: relative;
}

.error-tagging-tool .fold-menu::before {
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  border: 1px solid #dfe3e9;
  content: "";
}

.error-tagging-tool .fold-menu + .fold-menu::before {
  display: none;
}

.error-tagging-tool .fold-menu + li,
.error-tagging-tool .fold-menu ~ .cell-errors {
  position: relative;
}

.error-tagging-tool .fold-menu + li::before,
.error-tagging-tool .fold-menu ~ .cell-errors::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #dfe3e9;
  content: "";
}

.error-tagging-tool__left {
  position: relative;
  width: 7.625rem;
  flex-shrink: 0;
}

.error-tagging-tool__left button.btn-toggle-menu {
  position: absolute;
  top: 4.75rem;
  left: -0.625rem;
}

.error-tagging-tool .error-tit-list {
  background: #f4f6fd;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 0.9375rem;
}

.error-tagging-tool .error-tit-list li {
  padding: 0.625rem 1.25rem;
  text-align: center;
}

.error-tagging-tool .error-tit-list li + li {
  border-top: 1px solid #dfe3e9;
}

.error-tagging-tool .error-tit-list li:last-of-type {
  border-bottom: 1px solid #dfe3e9;
}

.error-tagging-tool__right {
  overflow-x: auto;
  flex-grow: 1;
}

.error-tagging-tool__right .simplebar-content {
  display: flex;
}

.error-tagging-tool__right .error-word-list {
  display: flex;
  height: 100%;
  border-bottom: 1px solid #dfe3e9;
  background: #f7f7f9;
  flex: 1;
}

.error-tagging-tool__right .error-word-list__item {
  background: #fff;
  border-right: 1px solid #dfe3e9;
}

.error-tagging-tool__right .error-word-list__item.disabled {
  background: transparent;
}

.error-tagging-tool__right .error-word-list__item.disabled button {
  pointer-events: none;
}

.error-tagging-tool__right .error-word-list__item.blank-item {
  width: 2.5rem;
  background-color: transparent;
}

.error-tagging-tool__right .error-word-list__item.blank-item .cell-stt {
  color: #666;
}

.error-tagging-tool__right .error-word-list__item.blank-item .word-item {
  grid-template-columns: auto;
}

.error-tagging-tool__right .error-word-list .active-cell {
  background-color: #3d5dff;
}

.error-tagging-tool__right .error-word-list .active-cell .btn.btn-icon::before {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

.error-tagging-tool__right .error-word-list .active-cell .btn-color-txt {
  color: #fff;
}

.error-tagging-tool__right .error-word-list .btn .hidden {
  font-size: 0;
}

.error-tagging-tool__right .error-word-list .btn.triangle {
  font-size: 0.8125rem;
}

.error-tagging-tool__right .error-word-list .btn-color-txt {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: #f31b1b;
}

.error-tagging-tool__right .error-word-list .btn-color-txt sup {
  line-height: 1.4;
}

.error-tagging-tool__right .word-item {
  display: grid;
  grid-template-columns: repeat(5, auto);
  height: 100%;
}

.error-tagging-tool__right .word-item__word {
  min-height: 2.1875rem;
  padding: 0.625rem 0;
  line-height: 0.9375rem;
}

.error-tagging-tool__right .word-item dt {
  grid-column: 1/-1;
}

.error-tagging-tool__right .word-item dd {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.25rem;
  border-top: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.cell-pronunciation + .cell-pronunciation {
  border-left: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.cell-errors + .cell-errors {
  border-left: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.cell-annoying + .cell-annoying {
  border-left: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.cell-lexical-stress + .cell-lexical-stress {
  border-left: 1px solid #dfe3e9;
}

.error-tagging-tool__right .word-item dd.multi-row {
  height: calc(3.125rem + 1px);
}

.error-tagging-tool__right .word-item dd.cell-pronunciation {
  padding: 0 0.625rem;
}

.error-tagging-tool__right .word-item dd.cell-stt {
  grid-column: 1/-1;
  grid-row: 3/4;
}

.error-tagging-tool__right .word-item dd.cell-unintelligible {
  grid-column: 1/-1;
  grid-row: 4/5;
}

.error-tagging-tool__right .word-item dd.word {
  grid-column: 1/-1;
  grid-row: 8/9;
}

.error-tagging-tool__right .word-item dd sup {
  vertical-align: top;
}

.error-tagging-tool .pop-menu {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 6.25rem;
  border: 1px solid #3d5dff;
  background: #fff;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.3125rem;
  z-index: 1;
}

.error-tagging-tool .pop-menu__btn {
  display: flex;
  width: 100%;
  padding: 0.375rem 0.5rem 0.3125rem;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  text-align: left;
  flex-direction: row;
}

.error-tagging-tool .pop-menu__btn:hover {
  background-color: #f4f6fd;
}

.error-tagging-tool .pop-menu__btn.arr {
  position: relative;
}

.error-tagging-tool .pop-menu__btn.arr::before {
  width: 0.625rem;
  height: 0.625rem;
  background-image: url(../img/arr_bk_10.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.error-tagging-tool .pop-menu__btn.arr::before {
  position: absolute;
  top: 50%;
  right: 0.5625rem;
  margin-top: -0.3125rem;
}

.error-tagging-tool .pop-menu__btn.reset {
  position: relative;
}

.error-tagging-tool .pop-menu__btn.reset::before {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/ico_reset_bk.png);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.error-tagging-tool .pop-menu__btn.reset::before {
  position: absolute;
  top: 50%;
  right: 0.5625rem;
  margin-top: -0.375rem;
}

.error-tagging-tool .pop-menu .vowel::before {
  content: "[";
}

.error-tagging-tool .pop-menu .vowel::after {
  content: "]";
}

.error-tagging-tool .pop-menu .vowel + .arr {
  padding: 0 0.25rem;
}

.error-tagging-tool .btn-toggle-menu {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #3d5dff;
  background: #fff;
  font-size: 0;
  border-radius: 50%;
  z-index: 1;
}

.error-tagging-tool .btn-toggle-menu.is-open {
  border-color: #afafaf;
}

.error-tagging-tool .btn-toggle-menu.is-open::before,
.error-tagging-tool .btn-toggle-menu.is-open::after {
  background-color: #222;
}

.error-tagging-tool .btn-toggle-menu.is-open::after {
  transform: rotate(0);
}

.error-tagging-tool .btn-toggle-menu::before,
.error-tagging-tool .btn-toggle-menu::after {
  position: absolute;
  left: 50%;
  width: 0.625rem;
  height: 0.125rem;
  margin-top: -1px;
  margin-left: -0.3125rem;
  background-color: #3d5dff;
  border-radius: 1px;
  transition: transform 0.15s;
  content: "";
}

.error-tagging-tool .btn-toggle-menu::after {
  transform: rotate(-90deg);
}

.btn-list-wrap {
  display: flex;
  flex-flow: row wrap;
}

.btn-list-wrap.cell-5 {
  max-width: 12.5rem;
}

.btn-list-wrap.cell-5 .btn-item:nth-child(5n+1) {
  border-left-width: 1px;
}

.btn-list-wrap.cell-5 .btn-item:nth-child(-n+5) {
  border-top-width: 1px;
}

.btn-list-wrap.cell-6 {
  max-width: 15rem;
}

.btn-list-wrap.cell-6 .btn-item:nth-child(6n+1) {
  border-left-width: 1px;
}

.btn-list-wrap.cell-6 .btn-item:nth-child(-n+6) {
  border-top-width: 1px;
}

.btn-list-wrap.cell-6 {
  max-width: 15rem;
}

.btn-list-wrap + .btn-list-wrap {
  margin-top: 0.3125rem;
}

.btn-list-wrap .btn-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  border: 1px solid #dbdbdb;
  border-width: 0 1px 1px 0;
  flex-shrink: 0;
}

.btn-list-wrap .btn-item + .btn-item {
  border-left-width: 0;
}

.btn-list-wrap .btn-item .btn {
  padding: 0.375rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #666;
  border-radius: 0;
  flex: 1;
}

.btn-list-wrap .btn-item .btn.active {
  background-color: #3d5dff;
  color: #fff;
}

/* Data Labeling > Error Tagging :: 2. Sentence */
.container.data-labeling-sentence .data-labeling-sentence-top {
  flex-shrink: 0;
}

.container.data-labeling-sentence .contents__top {
  padding-top: 1.25rem;
}

.container.data-labeling-sentence .page-top {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.container.data-labeling-sentence .page-top ~ .section-wrap {
  padding: 1.25rem;
}

.container.data-labeling-sentence .section-wrap {
  border-bottom: 1.25rem solid #efefef;
}

.container.data-labeling-sentence .scroll-wrapper {
  flex-grow: 1;
}

.container.data-labeling-sentence .contents {
  height: 100%;
  padding-top: 0;
}

.select-list-item-wrap {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}

.select-list-item-wrap:has(.no-data) {
  align-items: center;
}

.select-list-item-wrap .select-list-item {
  width: 32%;
}

.select-list-item-wrap .tbl-wrap {
  width: 68%;
}

.select-list-item-wrap .tbl-wrap td {
  padding: 0.875rem 1.25rem;
}

.select-list-item-wrap .prosody-score-tbl th {
  height: 4.125rem;
  line-height: 1.1875rem;
}

.select-list-item-wrap .prosody-score-tbl th sub {
  display: block;
}

.select-list-item-wrap .prosody-score-tbl td strong {
  display: block;
  color: #222;
  padding-bottom: 0.25rem;
}

.select-list-item-wrap .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
}

.select-list-item {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}

.select-list-item.flow-col {
  flex-direction: column;
}

.select-list-item .section-sub-tit {
  width: 100%;
}

.select-list-item__box {
  overflow: hidden;
  position: relative;
  border: solid 1px #d4d9e1;
  border-radius: 0.3125rem;
  flex: 1;
}

.select-list-item__box.is-disabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-use-select: none;
  user-select: none;
}

.select-list-item__box.is-disabled::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  content: "";
}

.select-list-item__tit {
  display: flex;
  min-height: 3.125rem;
  justify-content: space-between;
  align-items: center;
  padding: 0.5625rem 1.5rem;
  background: #f7f7f9;
  font-size: 0.875rem;
  font-weight: 700;
}

.select-list-item__inner {
  padding: 1.5rem 1.5rem;
}

.select-list-item__inner:has(.btn.add) {
  height: calc(100% - 3.125rem);
  display: flex;
  justify-content: center;
  align-items: center;
}

.select-list-item__inner .input-box + .input-box {
  margin-top: 1.25rem;
}

.select-list-item__inner .score {
  display: flex;
  position: relative;
  margin-top: 1.875rem;
  flex-flow: row wrap;
  justify-content: space-between;
}

.select-list-item__inner .score::before {
  position: absolute;
  top: 0.5625rem;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dbdbdb;
  content: "";
}

.select-list-item__inner .score li:first-child .score-txt {
  left: 0;
}

.select-list-item__inner .score li:last-child .score-txt {
  right: 0;
}

.select-list-item__inner .score li dl {
  display: flex;
  position: relative;
  flex-flow: column-reverse wrap;
  align-items: center;
}

.select-list-item__inner .score li dl dt {
  padding-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 16px;
}

.select-list-item__inner .score li .score-txt {
  position: absolute;
  bottom: 100%;
  margin-bottom: 0.9375rem;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}

/* Data Labeling > Error Tagging :: Start Job */
.script-input-box {
  min-width: 12.5rem;
  padding: 0.3125rem 0.625rem;
  border: solid 1px #dbdbdb;
  border-radius: 0.3125rem;
  background-color: #fff;
  font-size: 0.8125rem;
  color: #222;
  line-height: 1.25rem;
  outline: 0;
  transition: border 0.2s ease-out;
}

.script-input-box::placeholder {
  line-height: 1;
  color: #999;
}

.script-input-box:not(:disabled):not(.disabled):not(:read-only):focus {
  border-color: #3d5dff;
}

.script-input-box.disabled,
.script-input-box:disabled {
  background-color: #e5e5e5;
  color: #999;
}

.script-input-box:read-only {
  background-color: #e5e5e5;
}

.script-input-box em {
  padding: 0.0625rem 0 0.125rem;
  background: rgba(249, 62, 62, 0.3);
  font-style: normal;
}

.popup-layer.gold-standard {
  width: 75rem;
}

/* Report Issue */
.report-issue {
  display: flex;
  height: 35rem;
  margin: -1.25rem;
  flex-flow: column wrap;
}

.report-issue__view {
  display: flex;
  height: calc(100% - 10rem);
  padding: 1.5rem 1.5rem 0;
  flex-flow: column nowrap;
  flex-grow: 1;
  gap: 1.5rem;
}

.report-issue__view .tbl-wrap .tbl td {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.report-issue__view .tbl-wrap + .issue-list-wrap {
  height: inherit;
}

.report-issue__write {
  display: flex;
  height: 10rem;
  padding: 1.5rem;
  border-top: 0.625rem solid #dbdbdb;
  flex-flow: row wrap;
  flex-shrink: 0;
  align-items: flex-start;
  column-gap: 0.5rem;
}

.report-issue__write .input-box:has(textarea) {
  margin-top: 0.625rem;
  margin-left: 0 !important;
  width: 100%;
}

.report-issue__write .selectbox-ui .selected-txt {
  min-width: initial;
}

.report-issue__write .selectbox-ui:first-child .selected-txt {
  width: 11.25rem;
}

.report-issue__write .selectbox-ui:first-child + .selectbox-ui .selected-txt {
  width: 8.5rem;
}

.report-issue__write .selectbox-ui:first-child + .selectbox-ui + .selectbox-ui {
  width: calc(100% - 11.25rem - 8.5rem - 0.5rem - 0.5rem);
  margin-right: 0;
}

.report-issue__write .selectbox-ui:first-child + .selectbox-ui + .selectbox-ui .selected-txt {
  width: 100%;
}

.report-issue__write .selectbox-ui:first-child + .input-box .input-txt {
  width: 8.5rem;
  min-width: initial;
}

.report-issue .issue-list {
  padding-bottom: 1.5rem;
}

.report-issue .issue-list-wrap {
  flex-grow: 1;
}

.report-issue .issue-list-wrap .simplebar-vertical {
  width: 0.5625rem;
  left: 100%;
  right: auto;
  margin-left: 0.6875rem;
}

.report-issue .issue-list-wrap .simplebar-vertical .simplebar-scrollbar {
  right: 0;
}

.report-issue .issue-list-wrap .simplebar-vertical .simplebar-scrollbar::before {
  top: 0;
}

.report-issue .issue-list-wrap .simplebar-content {
  height: 100%;
}

.report-issue .issue-list-wrap .no-data {
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 1.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.report-issue .issue-list__item {
  overflow: hidden;
  position: relative;
  border: 1px solid #d4d9e1;
  border-radius: 0.3125rem;
}

.report-issue .issue-list__item + .issue-list__item {
  margin-top: 0.625rem;
}

.report-issue .issue-list__item .issue-list-aside {
  display: flex;
  width: 100%;
  padding: 0 1.4375rem;
  background-color: #f7f7f9;
}

.report-issue .issue-list__item .issue-list-aside .btn-wrap {
  padding-left: 0.5625rem;
  column-gap: 0.125rem;
}

.report-issue .issue-list__item .issue-info {
  display: flex;
  height: 2.5rem;
  padding: 0.75rem 0;
  flex: 1;
}

.report-issue .issue-list__item .issue-info dt {
  font-size: 0;
}

.report-issue .issue-list__item .issue-info dd {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
}

.report-issue .issue-list__item .issue-info dd ~ dd {
  margin-left: 0.625rem;
  padding-left: 0.625rem;
}

.report-issue .issue-list__item .issue-info dd ~ dd::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 0.5rem;
  margin-top: -0.25rem;
  background-color: #c6c6c6;
  content: "";
}

.report-issue .issue-list__item .issue-info dd:nth-last-of-type(-n + 2) {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #666;
}

.report-issue .issue-list__item .issue-info dd:nth-last-of-type(2) {
  margin-left: auto;
  padding-left: 0;
}

.report-issue .issue-list__item .issue-info dd:nth-last-of-type(2)::before {
  display: none;
}

.report-issue .issue-list__item > .input-box {
  margin: 0 1.4375rem 0.625rem;
  width: calc(100% - 2.875rem);
}

.report-issue .issue-list__item > .btn-wrap {
  padding: 0 1.4375rem 0.9375rem;
  column-gap: 0.3125rem;
}

.report-issue .issue-list__item .issue-message {
  padding: 0.9375rem 1.4375rem;
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  color: #444;
}

.report-issue .issue-list__item .issue-message + .btn-wrap {
  margin-top: -0.3125rem;
}

.report-issue .issue-list__item .reply-box {
  position: relative;
  margin: 0 1.4375rem 0.625rem;
  padding: 0.9375rem;
  background: #f7f7f9;
  border-radius: 0.3125rem;
}

.report-issue .issue-list__item .reply-box dl {
  display: flex;
  font-size: 0.8125rem;
  flex-flow: row wrap-reverse;
}

.report-issue .issue-list__item .reply-box dl ~ .btn-wrap {
  margin-top: 0.375rem;
  column-gap: 0.3125rem;
}

.report-issue .issue-list__item .reply-box dt {
  width: 100%;
  padding-top: 0.5625rem;
  border-top: 1px solid #ddd;
  line-height: 1.1875rem;
  color: #444;
  order: -1;
}

.report-issue .issue-list__item .reply-box dd {
  position: relative;
  margin-bottom: 0.5625rem;
  font-weight: 700;
  line-height: 0.9375rem;
}

.report-issue .issue-list__item .reply-box dd ~ dd {
  margin-left: 0.625rem;
  padding-left: 0.625rem;
}

.report-issue .issue-list__item .reply-box dd ~ dd::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 0.5rem;
  margin-top: -0.25rem;
  background-color: #c6c6c6;
  content: "";
}

.report-issue .issue-list__item .reply-box .btn.edit,
.report-issue .issue-list__item .reply-box .btn.del {
  position: absolute;
  top: 0.25rem;
  right: 0.9375rem;
  right: 15px;
}

.report-issue .issue-list__item .reply-box .btn.edit {
  right: 3.0625rem;
}

.report-issue .issue-list__item .btn.edit,
.report-issue .issue-list__item .btn.del {
  overflow: hidden;
  background-color: transparent;
  border-radius: 50%;
  transition: background 0.2s;
}

.report-issue .issue-list__item .btn.edit:hover:not(:disabled),
.report-issue .issue-list__item .btn.del:hover:not(:disabled) {
  background-color: #e5e4e7;
}

.report-issue .issue-list__item .btn.edit:disabled,
.report-issue .issue-list__item .btn.del:disabled {
  cursor: not-allowed;
}

.report-issue .issue-list__item .btn.edit:disabled::before,
.report-issue .issue-list__item .btn.del:disabled::before {
  filter: invert(92%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(87%) contrast(78%);
}

/* Data Labeling > Labeling Analytics */
.labeling-analytics {
  padding-top: 0.625rem;
}

.labeling-analytics .tab-content {
  padding-top: 1.875rem;
}

.labeling-analytics .tbl .no-data td {
  height: 4.375rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.labeling-analytics .title-box-item-wrap .no-data {
  display: inherit;
  margin-top: 3.125rem;
  padding: 6.25rem 0 12.5rem;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 1.125rem;
  font-weight: 700;
}

/* System Monitor >  batch-monitoring */
.title-box-item-wrap.batch-monitoring .title-box-item {
  container: title-box-item1/inline-size;
}

.title-box-item-wrap.batch-monitoring .title-box-item__top {
  column-gap: 0;
  transition: padding 0.2s;
}

@container title-box-item1 (max-width: 44.8125rem) {
  .title-box-item-wrap.batch-monitoring .title-box-item__top {
    padding: 1.125rem 1.25rem 1rem;
    flex-direction: column;
  }
  .title-box-item-wrap.batch-monitoring .title-box-item__top .title-box-item__tit br {
    display: none;
  }
  .title-box-item-wrap.batch-monitoring .title-box-item__top .input-box-wrap {
    position: relative;
    width: 100%;
  }
  .title-box-item-wrap.batch-monitoring .title-box-item__top .input-box-wrap .btn.zoom-pop {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 0.5625rem;
  }
}
/* 2024-11-19 퍼블작업본 */
.wrap-scroll-area {
  overflow: hidden;
  width: 100%;
}

.area-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 20px 10px;
}

.area-title .tit {
  font-size: 18px;
  padding-bottom: 10px;
}

.area-title .update {
  display: flex;
  font-size: 14px;
  align-items: center;
}

.area-title .update .update__tit {
  padding-right: 8px;
}

.area-title .update .update__tit.red {
  padding-right: 21px;
  color: #f00;
}

.wrap-status-summary {
  padding: 0 20px;
  width: 100%;
}

.wrap-status-summary .tit {
  display: block;
  color: #222;
  font-size: 14px;
  margin-bottom: 20px;
}

.wrap-status-summary .container-flex {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 28px;
  row-gap: 15px;
}

.wrap-status-summary .container-flex .item {
  height: 300px;
  border-radius: 20px;
  padding: 20px 18px;
  border: 1px solid #ffaaaa;
  background-color: #fff;
  box-shadow: 2px 3px 17px 0 rgba(0, 0, 0, 0.1);
}

.wrap-status-summary .container-flex .item.success {
  border: 1px solid #a6b4ff;
}

.wrap-status-summary .container-flex .item.success .time::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23F4F6FD'/%3E%3Cpath d='M10 15.366 13.831 20 21 10' stroke='%233D5CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.wrap-status-summary .container-flex + .tit {
  margin-top: 35px;
}

.wrap-status-summary .container-flex .item .meta {
  display: flex;
  margin-bottom: 14px;
  justify-content: space-between;
}

.wrap-status-summary .container-flex .item .meta .type {
  display: block;
  font-size: 15px;
  font-style: normal;
  margin-top: 7px;
}

.wrap-status-summary .container-flex .item .meta .name {
  font-size: 15px;
  margin-top: 7px;
  display: block;
}

.wrap-status-summary .container-flex .item .time {
  width: 50px;
  flex-shrink: 0;
  text-align: right;
  font-size: 14px;
}

.wrap-status-summary .container-flex .item .time::before {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23FFF1F1'/%3E%3Cpath d='m19 11-8 8M19 19l-8-8' stroke='%23F31B1B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  content: "";
  margin-left: auto;
  margin-bottom: 7px;
}

.wrap-status-summary .container-flex .item dl {
  display: flex;
  justify-content: space-between;
}

.wrap-status-summary .container-flex .item dl + dl {
  margin-top: 7px;
}

.wrap-status-summary .container-flex .item dl dt,
.wrap-status-summary .container-flex .item dl dd {
  color: #444;
  line-height: 1.2;
}

.wrap-status-summary .container-flex .item dl dt {
  font-size: 15px;
}

.wrap-status-summary .container-flex .item dl dd {
  font-size: 14px;
}

.wrap-status-summary .container-flex .item dl dd strong {
  font-weight: 700;
  color: #3d5cff;
}

.wrap-status-summary .container-flex .item .chart-area {
  margin-top: 14px;
  margin-bottom: 14px;
}

.wrap-status-summary .container-flex .item .btn {
  width: 100%;
}

.wrap-status-chart {
  padding: 0 20px 40px;
}

.wrap-status-chart:last-child {
  padding-bottom: 40px;
}

.wrap-status-chart .list-chart {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 25px;
  overflow-x: auto;
}

.wrap-status-chart .list-chart::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.wrap-status-chart .list-chart::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.wrap-status-chart .list-chart::-webkit-scrollbar-track-piece,
.wrap-status-chart .list-chart::-webkit-scrollbar-button {
  display: none;
}

@media screen and (max-width: 1913px) {
  .wrap-status-chart .list-chart {
    padding-bottom: 10px;
  }
}
.wrap-status-chart .list-chart .item {
  min-width: 518px;
}

.wrap-status-chart .list-chart .item .inner {
  border: 1px solid #d4d9e1;
  height: 350px;
  border-radius: 5px;
  overflow: hidden;
}

.wrap-status-chart .list-chart .item .inner .item-top {
  padding: 10px 24px;
  background-color: #f7f7f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrap-status-chart .list-chart .item .inner .item-top > strong {
  font-size: 14px;
  color: #222;
  font-weight: normal;
}

.wrap-status-chart .list-chart .item .inner .item-content {
  padding: 20px 20px 0;
  height: 244px;
  box-sizing: border-box;
}

.wrap-status-chart .list-chart .item .inner .item-bot {
  display: flex;
  padding: 13px 20px 0;
}

.wrap-status-chart .list-chart .item .inner .item-bot .info {
  width: 50%;
  text-align: center;
  position: relative;
}

.wrap-status-chart .list-chart .item .inner .item-bot .info b {
  color: #3d5cff;
  font-size: 24px;
  margin-left: 16px;
}

.wrap-status-chart .list-chart .item .inner .item-bot .info .name {
  font-weight: bold;
}

.wrap-status-chart .list-chart .item .inner .item-bot .info em {
  font-style: normal;
}

.wrap-status-chart .list-chart .item .inner .item-bot .info + .info::before {
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #dddddd;
  content: "";
}

.wrap-status-chart .list-chart .item .guide {
  display: block;
  margin-top: 10px;
  color: #f31b1b;
  font-size: 13px;
}

.popup-wrap .popup-layer.popup-server-status .tbl-scroll {
  height: 434px;
  overflow-y: auto;
}

.popup-wrap .popup-layer.popup-server-status .error {
  color: #f31b1b;
}

.popup-wrap .popup-layer.popup-server-status .guide-txt {
  margin-top: 13px;
  color: #444;
  font-size: 14px;
}

.popup-wrap .popup-layer.popup-server-status .guide-txt .btn-download {
  color: #3d5cff;
  text-decoration: underline;
}

.popup-wrap .popup-layer.popup-server-status .tbl-scroll {
  height: 434px;
  overflow-y: auto;
}

.popup-wrap .popup-layer.popup-server-status .error {
  color: #f31b1b;
}

.popup-wrap .popup-layer.popup-server-status .guide-txt {
  margin-top: 13px;
  color: #444;
  font-size: 14px;
}

.popup-wrap .popup-layer.popup-server-status .guide-txt .btn-download {
  color: #3d5cff;
  text-decoration: underline;
}

.popup-wrap .popup-layer.popup-api-view .tbl-scroll {
  height: 434px;
  overflow-y: auto;
}

.popup-wrap .popup-layer.popup-api-view .error {
  color: #f31b1b;
}

.popup-wrap .popup-layer.popup-api-view .guide-txt {
  margin-top: 13px;
  color: #444;
  font-size: 14px;
}

.popup-wrap .popup-layer.popup-api-view .guide-txt .btn-download {
  color: #3d5cff;
  text-decoration: underline;
}

.popup-wrap .popup-layer.popup-api-view .tbl-scroll {
  height: 434px;
  overflow-y: auto;
}

.popup-wrap .popup-layer.popup-api-view .error {
  color: #f31b1b;
}

.popup-wrap .popup-layer.popup-api-view .guide-txt {
  margin-top: 13px;
  color: #444;
  font-size: 14px;
}

.popup-wrap .popup-layer.popup-api-view .guide-txt .btn-download {
  color: #3d5cff;
  text-decoration: underline;
}

.input-box.mobile-box {
  gap: 0 8px;
}

.input-box.mobile-box .input-txt {
  width: 70px;
  min-width: auto;
}

.tbl-wrap .color-black-type td {
  color: #222;
}

.tbl-wrap .password-txt {
  color: #222;
}

.popup-wrap .popup-layer.popup-api-view .popup-body .item-view {
  border: 1px solid #d4d9e1;
  border-radius: 5px;
  overflow: hidden;
}

.popup-wrap .popup-layer.popup-api-view .popup-body .item-view + .item-view {
  margin-top: 20px;
}

.popup-wrap .popup-layer.popup-api-view .popup-body .item-view .view-title {
  padding: 12px 23px;
  background-color: #f7f7f9;
  font-size: 14px;
  color: #222;
}

.popup-wrap .popup-layer.popup-api-view .popup-body .item-view .view-content {
  padding: 15px 18px 15px 24px;
  margin-right: 6px;
  background-color: #fff;
  color: #444;
  font-size: 13px;
  line-height: 19px;
  height: 231px;
  overflow-y: auto;
}

.popup-wrap .popup-layer.popup-api-view .popup-body .item-view .view-content::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}

.popup-wrap .popup-layer.popup-api-view .popup-body .item-view .view-content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
}

.popup-wrap .popup-layer.popup-api-view .popup-body .item-view .view-content::-webkit-scrollbar-track-piece,
.popup-wrap .popup-layer.popup-api-view .popup-body .item-view .view-content::-webkit-scrollbar-button {
  display: none;
}

.txt-type {
  font-size: 0.8125rem;
  color: #666;
}

/* 달력 팝업 스타일 커스텀 */
.rs-picker-popup .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar {
  display: flex;
  justify-content: space-between;
}

.rs-picker-popup .rs-calendar-header-month-toolbar .rs-calendar-header-backward {
  margin-right: auto;
}

.rs-picker-popup .rs-calendar-header-month-toolbar .rs-calendar-header-forward {
  margin-left: auto;
}

/* 헬퍼 클래스 추가 */
.m-0 {
  margin: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-blue {
  color: #3d5cff !important;
}

.h-full {
  height: 100% !important;
}

@media (max-width: 1730px) {
  .wrap-status-summary .container-flex {
    grid-template-columns: repeat(4, 1fr);
  }
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#root {
  overflow: auto;
  min-width: 80rem;
  height: 100%;
  color: #222;
}

body::after {
  /* 소스만 다운받고 화면은 나태내지 않는다. (숨김 처리) */
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  /* load images */
  content: url(../img/bg_login.jpg);
}

.eventless {
  pointer-events: none;
}

.cursor_pointer {
  cursor: pointer;
}

.cursor_default {
  cursor: default !important;
}

.force_visible {
  display: block !important;
}

.timeline_area {
  position: relative;
}

.timeline_item {
  position: absolute;
  font-size: 12px;
  background-color: red;
  width: 40px;
  height: 10px;
  color: white;
  overflow: hidden;
}

.timeline_canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.wordline_area {
  position: relative;
  margin-top: 200px;
}

.wordline_canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.wordline_item {
  position: absolute;
  font-size: 12px;
  background-color: blue;
  margin-top: 16px;
  color: white;
  height: 20px;
  text-align: center;
}

.graph_area {
  position: relative;
  margin-top: 50px;
  padding: 0;
}

.graph_canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.area_item {
  position: absolute;
  background-color: blue;
  color: red;
  opacity: 0.3;
  height: 150px;
}

.area_item_region_handle_l {
  position: absolute;
  z-index: 2;
  width: 8px;
  height: 100%;
  top: 0px;
  cursor: ew-resize;
  word-break: keep-all;
  left: -5px;
  border-left: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px 0px 0px 2px;
  background: red;
}

/** Soundtrack **/
.soundtrack_timeline_area {
  position: relative;
  height: 1.875rem;
}

.soundtrack_timeline_canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.soundtrack_timeline_item {
  position: absolute;
  height: 20px;
  overflow: hidden;
  width: 3.125rem;
  padding-top: 0.3125rem;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  color: #999;
}

.soundtrack_wordline_area {
  position: relative;
  height: 62px;
}

.soundtrack_wordline_area.single {
  height: 32px;
  overflow: hidden;
}

.soundtrack_wordline_canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.soundtrack_wordline_item {
  flex-direction: column-reverse;
  position: absolute;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 1.875rem;
  padding: 0 10px;
  font-style: normal;
  text-align: center;
  border: 1px solid #dfe3e9;
  border-width: 0 1px;
}

.word-item__pronun {
  min-height: 1.875rem;
}

.soundtrack_waveform_wrapper {
  background: #f9f9f9;
}

.graph_height {
  height: 150px;
}

.legend {
  position: absolute;
  top: 50px;
  left: 20px;
  pointer-events: none;
}

.legend-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.legend-item:last-child {
  margin-bottom: 0;
}

.legend-box {
  width: 16px;
  height: 16px;
  border-radius: 3px;
}

.legend-box.blue {
  background-color: rgb(61, 92, 255);
}

.legend-box.green {
  background-color: rgba(42, 205, 127, 0.6);
}

.intonation .legend-box.green {
  background-color: rgb(42, 205, 127);
}

.legend-label {
  margin-left: 8px;
  font-size: 13px;
  color: #222222;
}

.bar-label {
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 13px;
  border-radius: 3px;
  color: #fff;
  padding: 3px 5px;
  background-color: #ff9900;
  user-select: none;
}

.arrow-down {
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #f90;
  user-select: none;
}

.selection-area {
  position: absolute;
  top: 30px;
  bottom: 0;
  background-color: rgba(255, 153, 0, 0.2);
  height: 150px;
  cursor: move;
}

.selection-area-text {
  width: 83px;
  height: 25px;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  background-color: #f90;
  color: #fff;
  text-align: center;
  position: relative;
  border-radius: 5px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  user-select: none;
}

.graph-range-selector-wrapper .fixed {
  cursor: default;
}

.wave-form-area__soundtrack__chart .graph-range-selector-wrapper {
  position: absolute;
  top: 0px;
  z-index: 10;
}

.wave-form-area__soundtrack__chart .selection-area,
.wave-form-area__soundtrack__chart .vertical-line-start,
.wave-form-area__soundtrack__chart .vertical-line-end,
.wave-form-area__soundtrack__chart .vertical-line-start::after,
.wave-form-area__soundtrack__chart .vertical-line-end::after,
.wave-form-area__soundtrack__chart .vertical-line-guide {
  height: 220px;
}

.vertical-line-start,
.vertical-line-end {
  position: absolute;
  top: 30px;
  height: 150px;
  bottom: 0;
  width: 5px;
  display: none;
  cursor: ew-resize;
}

.vertical-line-start::after,
.vertical-line-end::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 150px;
  border-left: 2px dotted #f90;
}

.vertical-line-guide {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 150px;
  border-left: 2px solid #f90;
  pointer-events: none;
}

.wave-form-area__top .wave-control-box .volume-slider {
  padding-right: 0.4375rem;
}

.wave-form-area__top .wave-control-box .volume-slider::before {
  display: none;
}

.ui-slider-range-0 {
  background: #3d5dff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 4px;
}

.simplebar-scrollbar:before {
  background-color: #cccccc !important;
}

.audio-zoom {
  width: 100%;
}

/** Audio File 업로드 Start **/
.audio-file {
  display: none;
}

.file::file-selector-button {
  font-size: 14px;
  background: #fff;
  border: 1px solid #111;
  border-radius: 12px;
  padding: 4px 32px;
  cursor: pointer;
}

.audio-preview {
  cursor: pointer;
}

.audio-preview.active {
  background-color: #efeef3;
  border-color: #111;
}

.file-drag-drop:hover,
.audio-preview.active > .file-drag-drop {
  border-style: dotted;
}

/** Audio File 업로드 End */
#layer-bg-dim {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

/** 라벨링 script 단어 위에 마우스 오버시 효과 **/
.word-item__word.enable_hover:hover {
  background-color: #f4f6fd;
}

/** 루브릭 holistic color **/
.rubric-holistic {
  background-color: #d1ddfc;
}

/** Combobox를 SimpleBar와 같이 사용할 때에 대한 보정 **/
/** - 위치 제어가 제대로 안되어서 wrppaer로 감싸서 위치 제어 **/
.search-form__inner > .simple_bar_wrapper {
  position: absolute;
  max-height: 12.125rem;
  background-color: #fff;
  border-radius: 0 0 0.3125rem 0.3125rem;
}

.search-form__inner > .simple_bar_wrapper > .selectbox-item-list {
  display: none;
  position: absolute;
  max-height: 12.125rem;
  background-color: #fff;
  border: 1px solid #3d5dff;
  border-radius: 0 0 0.3125rem 0.3125rem;
  z-index: 10;
}

.search-form__inner > .simple_bar_wrapper > .selectbox-item-list .simplebar-content-wrapper {
  border-radius: 0 0 0.3125rem 0.3125rem;
}

.search-form__inner > .simple_bar_wrapper > .selectbox-item-list .selectbox-item {
  display: block;
  width: 100%;
  padding: 0.4375rem 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-align: left;
}

.search-form__inner > .simple_bar_wrapper > .selectbox-item-list .selectbox-item:hover {
  background-color: #f4f6fd;
}

/** Analytics - 말줄임 처리 */
.analytics__level__span__width {
  max-width: 12.5rem;
}

/** !important 추가 **/
.selectbox-ui.size-m .selected-txt.disabled, .selectbox-ui.size-m .selected-txt:disabled {
  background-color: #e5e5e5 !important;
  color: #999 !important;
}

/** 플레이어 duration 제거(기획 요청) **/
.audio-player::-webkit-media-controls-current-time-display,
.audio-player::-webkit-media-controls-time-remaining-display {
  display: none;
}

.audio-player::-webkit-media-controls-timeline {
  flex-grow: 1;
}

/** simplebar-content-wrapper 높이가 auto 변경되는 현상 강제 수정 **/
.simplebar-content-wrapper {
  height: 100% !important;
}

/** 목록 화면의 헤더 굵은 가로선과 콤보박스와 겹치 표시 문제 수정 **/
.tbl-wrap:has(.tbl-scroll) .tbl-line::before {
  z-index: 9;
}

/* 달력 팝업 스타일 커스텀 */
.rs-picker-popup .rs-calendar-header-has-month .rs-calendar-header-month-toolbar {
  display: flex;
}