@font-face {
  font-family: "blended-font";
  font-weight: 700;
  font-display: swap;
  /*noinspection CssUnknownTarget*/
  src: local("Roboto Bold"), url("/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "blended-font";
  font-weight: 500;
  font-display: swap;
  /*noinspection CssUnknownTarget*/
  src: local("Roboto Medium"), url("/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "blended-font";
  font-weight: 400;
  font-display: swap;
  /*noinspection CssUnknownTarget*/
  src: local("Roboto Regular"), url("/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "blended-font";
  font-weight: 700;
  font-display: swap;
  /*noinspection CssUnknownTarget*/
  src: local("Pretendard Bold"), url("/fonts/Pretendard/woff2/Pretendard-Bold.woff2") format("woff2"), url("/fonts/Pretendard/woff/Pretendard-Bold.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "blended-font";
  font-weight: 500;
  font-display: swap;
  /*noinspection CssUnknownTarget*/
  src: local("Pretendard Medium"), url("/fonts/Pretendard/woff2/Pretendard-Medium.woff2") format("woff2"), url("/fonts/Pretendard/woff/Pretendard-Medium.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "blended-font";
  font-weight: 400;
  font-display: swap;
  /*noinspection CssUnknownTarget*/
  src: local("Pretendard Regular"), url("/fonts/Pretendard/woff2/Pretendard-Regular.woff2") format("woff2"), url("/fonts/Pretendard/woff/Pretendard-Regular.woff") format("woff");
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  /*noinspection CssUnknownTarget*/
  src: local("Pretendard SemiBold"), url("/fonts/Pretendard/woff2/Pretendard-SemiBold.woff2") format("woff2"), url("/fonts/Pretendard/woff/Pretendard-SemiBold.woff") format("woff");
}html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

button,
input[type=submit] {
  border: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  color: inherit;
  /*&:active, &:focus {*/
  /*    border: 0;*/
  /*    outline: 0;*/
  /*}*/
}

input {
  border: none;
  outline: none;
}html,
body,
#root {
  width: 100%;
  height: 100%;
  font-family: "blended-font", sans-serif;
  color: var(--font-gray);
  background-color: #f3f3f3;
}

.presentation-screen {
  position: fixed;
  z-index: 500;
  inset: 0;
}

:root {
  --gray-900: #222222;
  --gray-800: #424242;
  --gray-700: #616161;
  --gray-600: #757575;
  --gray-500: #9e9e9e;
  --gray-400: #bdbdbd;
  --gray-300: #e0e0e0;
  --gray-200: #eeeeee;
  --grey-250: #f2f2f2;
  --gray-100: #f5f5f5;
  --gray-50: #fafafa;
  --surface-gray: var(--gray-100);
  --stroke-gray: var(--gray-300);
  --font-disabled-gray: var(--gray-500);
  --font-gray: var(--gray-900);
  --black: #000;
  --white: #fff;
  --bluegray-900: #2b353f;
  --bluegray-800: #435261;
  --bluegray-700: #5b7084;
  --bluegray-600: #788da2;
  --bluegray-500: #9aaaba;
  --bluegray-425: #bdc2d2;
  --bluegray-400: #bdc8d2;
  --bluegray-350: #e0e3ea;
  --bluegray-300: #e0e5ea;
  --bluegray-200: #eceff2;
  --bluegray-100: #f3f4f7;
  --bluegray-75: #f8f8fa;
  --bluegray-50: #f8f9fa;
  --surface-bluegray: var(--bluegray-100);
  --hover-bluegray: var(--bluegray-200);
  --active-bluegray: var(--bluegray-300);
  --stroke-bluegray: var(--bluegray-400);
  --brand-navy: #000033;
  --brand-blue: #2b76e7;
  --brand-navy-hover: #000066;
  --brand-navy-pressed: #000099;
  --primary: #4d4afd;
  --primary-dark: #121536;
  --typo-high: var(--gray-800);
  --typo-medium: var(--gray-800);
  --typo-low: var(--gray-700);
  --typo-disabled: var(--gray-500);
  --blue-500: #3366ff;
  --red-500: #ff0033;
  --yellow-500: #ffcc00;
  --yellow-400: #ff9900;
  --green-500: #009933;
  --system-accent: var(--blue-500);
  --system-negative: var(--red-500);
  --system-warning: var(--yellow-500);
  --font-warning: var(--yellow-400);
  --system-positive: var(--green-500);
  --divider-color: #d9d9d9;
  --nav-color: #393e70;
  --nav-link-hover: #413ec8;
}.typography {
  display: inline-flex;
  font-family: "blended-font", sans-serif;
}
.typography.weight-b {
  font-weight: 700;
}
.typography.weight-r {
  font-weight: 400;
}
.typography.weight-m {
  font-weight: 500;
}
.typography.typo-e1 {
  font-size: 96px;
}
.typography.typo-e1:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-e1.ko {
  line-height: 120px;
  letter-spacing: -0.02em;
}
.typography.typo-e1.en {
  line-height: 104px;
  letter-spacing: -0.015em;
}
.typography.typo-e2 {
  font-size: 60px;
}
.typography.typo-e2:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-e2.ko {
  line-height: 80px;
  letter-spacing: -0.02em;
}
.typography.typo-e2.en {
  line-height: 72px;
  letter-spacing: -0.01em;
}
.typography.typo-e3 {
  font-size: 48px;
}
.typography.typo-e3:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-e3.ko {
  line-height: 64px;
  letter-spacing: -0.02em;
}
.typography.typo-e3.en {
  line-height: 56px;
  letter-spacing: -0.01em;
}
.typography.typo-e4 {
  font-size: 34px;
}
.typography.typo-e4:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-e4.ko {
  line-height: 48px;
  letter-spacing: -0.02em;
}
.typography.typo-e4.en {
  line-height: 44px;
  letter-spacing: -0.005em;
}
.typography.typo-t1 {
  font-size: 32px;
}
.typography.typo-t1:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-t1.ko {
  line-height: 44px;
  letter-spacing: -0.02em;
}
.typography.typo-t1.en {
  line-height: 40px;
  letter-spacing: -0.005em;
}
.typography.typo-t2 {
  font-size: 28px;
}
.typography.typo-t2:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-t2.ko {
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography.typo-t2.en {
  line-height: 36px;
  letter-spacing: 0;
}
.typography.typo-t3 {
  font-size: 26px;
}
.typography.typo-t3:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-t3.ko {
  line-height: 38px;
  letter-spacing: -0.02em;
}
.typography.typo-t3.en {
  line-height: 34px;
  letter-spacing: 0;
}
.typography.typo-t4 {
  font-size: 24px;
}
.typography.typo-t4:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-t4.ko {
  line-height: 32px;
  letter-spacing: -0.02em;
}
.typography.typo-t4.en {
  line-height: 32px;
  letter-spacing: 0;
}
.typography.typo-s1 {
  font-size: 20px;
}
.typography.typo-s1:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-s1.ko {
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography.typo-s1.en {
  line-height: 28px;
  letter-spacing: 0;
}
.typography.typo-s2 {
  font-size: 18px;
}
.typography.typo-s2:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 700;
}
.typography.typo-s2.ko {
  line-height: 26px;
  letter-spacing: -0.02em;
}
.typography.typo-s2.en {
  line-height: 24px;
  letter-spacing: 0;
}
.typography.typo-s3 {
  font-size: 18px;
}
.typography.typo-s3:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 400;
}
.typography.typo-s3.ko {
  line-height: 26px;
  letter-spacing: -0.02em;
}
.typography.typo-s3.en {
  line-height: 24px;
  letter-spacing: 0;
}
.typography.typo-b1 {
  font-size: 16px;
}
.typography.typo-b1:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 400;
}
.typography.typo-b1.ko {
  line-height: 24px;
  letter-spacing: -0.02em;
}
.typography.typo-b1.en {
  line-height: 22px;
  letter-spacing: 0;
}
.typography.typo-b2 {
  font-size: 14px;
}
.typography.typo-b2:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 400;
}
.typography.typo-b2.ko {
  line-height: 22px;
  letter-spacing: -0.02em;
}
.typography.typo-b2.en {
  line-height: 20px;
  letter-spacing: 0;
}
.typography.typo-caption {
  font-size: 12px;
}
.typography.typo-caption:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 400;
}
.typography.typo-caption.ko {
  line-height: 18px;
  letter-spacing: -0.02em;
}
.typography.typo-caption.en {
  line-height: 16px;
  letter-spacing: 0;
}
.typography.typo-overline {
  font-size: 10px;
}
.typography.typo-overline:not(.weight-b):not(.weight-r):not(.weight-m) {
  font-weight: 400;
}
.typography.typo-overline.ko {
  line-height: 16px;
  letter-spacing: -0.02em;
}
.typography.typo-overline.en {
  line-height: 14px;
  letter-spacing: 0;
}._logintemplate-contianer_1mhyv_1 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /*noinspection CssUnknownTarget*/
  background-image: url("/image/landscape.png");
  background-repeat: no-repeat;
  background-size: cover;
}

._logintemplate-modal_1mhyv_14 {
  display: flex;
  flex-flow: row nowrap;
  padding: 16px;
  gap: 48px;
  width: 100%;
  height: 100%;
  max-width: 960px;
  max-height: 624px;
  background-color: var(--white);
  border: 1px solid var(--stroke-gray);
  border-radius: 4px;
  box-sizing: border-box;
}

._logintemplate-box_1mhyv_29 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 456px;
  /*noinspection CssUnknownTarget*/
  background-image: url("/image/login-surface.png");
}
._logintemplate-box_1mhyv_29 > img {
  width: 220px;
  height: 280px;
}._dashboard-container_1xbv4_1 {
  display: grid;
  position: relative;
  width: 100%;
  height: 100%;
  grid-template-columns: 216px 1fr;
  grid-template-rows: 48px auto;
  grid-template-areas: "nav header" "nav main";
}

._dashboard-main_1xbv4_11 {
  grid-area: main;
  display: flex;
  flex-flow: column;
  padding: 56px;
}._sidenav-container_1alpy_1 {
  grid-area: nav;
  display: flex;
  flex-flow: column nowrap;
  position: fixed;
  width: 216px;
  height: 100%;
  background-color: var(--primary-dark);
  overflow: auto;
  z-index: 2;
  color: var(--bluegray-100);
  --button-color: var(--white);
  --button-color-hover: var(--white);
}
._sidenav-container_1alpy_1::-webkit-scrollbar {
  display: none;
}

._weak-color_1alpy_19 {
  color: var(--gray-400) !important;
}

._logo-box_1alpy_23 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 32px 0;
  box-sizing: border-box;
  border-bottom: var(--nav-color) 1px solid;
  margin-bottom: 16px;
}

._block_1alpy_35 {
  width: 100%;
  flex-grow: 1;
  min-height: 90px;
}

._divider_1alpy_41 {
  width: 100%;
  height: 1px;
  background-color: var(--nav-color);
  margin: 16px 0;
  color: transparent;
}

._nav-link-item_1alpy_49 {
  transition: background-color 0.12s ease-in-out;
}
._nav-link-item_1alpy_49:not(._info_1alpy_52):hover, ._nav-link-item_1alpy_49:not(._info_1alpy_52)._selected_1alpy_52 {
  background-color: var(--nav-link-hover);
}

._nav-link-button_1alpy_56 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between !important;
  width: 100%;
  /*justify-content: flex-start !important;*/
  --button-padding: 12px 24px;
}._input-box_1iop7_1 {
  width: 100%;
  height: fit-content;
  /*noinspection CssInvalidFunction*/
  padding: var(--stroke-padding, 9px 12px);
  border: 1px solid var(--stroke-gray);
  border-radius: 4px;
  box-sizing: border-box;
  transition: border-color 0.12s ease-in-out;
}

._input-box_1iop7_1::placeholder {
  color: var(--typo-disabled);
}

._input-box_1iop7_1:not(:disabled):not(:read-only):focus, ._input-box_1iop7_1:not(:disabled):not(:read-only):active {
  border-color: var(--system-accent);
}
._input-box_1iop7_1:not(:disabled):not(:read-only):required {
  border-color: var(--system-negative);
  border-width: 1px;
}

._input-box_1iop7_1:required::placeholder {
  color: var(--system-negative);
  font-weight: 500;
}

._input-box_1iop7_1:read-only {
  background-color: var(--gray-50);
}

._input-box_1iop7_1:disabled {
  cursor: default;
}._button-container_1vd70_1,
._link-container_1vd70_2 {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  /*noinspection CssInvalidFunction*/
  padding: var(--button-padding, 8px 12px);
  box-sizing: border-box;
  border-radius: 4px;
}
._button-container_1vd70_1:disabled,
._link-container_1vd70_2:disabled {
  cursor: default;
}

._link-container_1vd70_2 {
  text-decoration: none;
}

._contain_1vd70_21 {
  transition: background-color 0.12s ease-in-out;
  /*noinspection CssUnresolvedCustomProperty*/
  background-color: var(--button-color, #4d4afd);
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--button-text-oncolor, #fff);
}
._contain_1vd70_21:disabled {
  /*noinspection CssUnresolvedCustomProperty*/
  background-color: var(--button-color-disabled, #bdc2d2);
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--button-text-oncolor-disabled, #fff);
}
._contain_1vd70_21:not(:disabled):hover {
  /*noinspection CssUnresolvedCustomProperty*/
  background-color: var(--button-color-hover, #3634b0);
}

._outline_1vd70_39 {
  /*noinspection CssUnresolvedCustomProperty*/
  border: 1px solid var(--button-color, #4d4afd);
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--button-color, #4d4afd);
  transition: border-color 0.12s ease-in-out;
}
._outline_1vd70_39:disabled {
  /*noinspection CssUnresolvedCustomProperty*/
  border-color: var(--button-color-disabled, #bdc2d2);
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--button-color-disabled, #fff);
}
._outline_1vd70_39:not(:disabled):hover, ._outline_1vd70_39:not(:disabled):focus {
  /*noinspection CssUnresolvedCustomProperty*/
  border-color: var(--button-color-hover, #3634b0);
  /*noinspection CssUnresolvedCustomProperty*/
  background-color: var(--button-surface-hover, transparent);
}

._text_1vd70_59 {
  transition: color 0.12s ease-in-out;
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--button-color, #4d4afd);
}
._text_1vd70_59:disabled {
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--button-color-disabled, #bdc2d2);
}
._text_1vd70_59:not(:disabled):hover {
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--button-color-hover, #3634b0);
}

._fullWidth_1vd70_73 {
  width: 100%;
}._logo-image_kf459_1 {
  width: 112px;
  height: 150px;
}._avatar-root_12fs6_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  user-select: none;
  background-color: var(--brand-navy);
  color: var(--white);
}
._avatar-root_12fs6_1:has(._avatar-img_12fs6_15) {
  background-color: transparent;
  color: inherit;
}

._avatar-img_12fs6_15 {
  width: 100%;
  height: 100%;
  text-align: center;
  object-fit: cover;
  color: transparent;
  text-indent: 10000px;
}._contents-container_knmmr_1 {
  display: flex;
  flex-flow: column;
  max-width: 960px;
  width: 100%;
  height: fit-content;
  /*max-height: calc(100vh - 56px - 48px);*/
  border-radius: 4px;
  background-color: var(--white);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 51, 0.04);
  box-sizing: border-box;
}._pagination-container_11s1z_1 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
._pagination-container_11s1z_1 ._location_11s1z_8 {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
._pagination-container_11s1z_1 ._location_11s1z_8 > ._total-index_11s1z_15 {
  color: var(--gray-600);
}
._pagination-container_11s1z_1 ._location_11s1z_8 > ._current-index_11s1z_18 {
  color: var(--font-gray);
}
._pagination-container_11s1z_1 ._pagination-button_11s1z_21 {
  --button-padding: 4px;
  --button-color: var(--font-gray);
  --button-color-hover: var(--font-gray);
  --button-color-disabled: var(--font-disabled-gray);
}

._indexed-pagination-container_11s1z_28 {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
}
._indexed-pagination-container_11s1z_28 ._move-button_11s1z_33 {
  --button-padding: 4px;
  --button-color: var(--font-gray);
  --button-color-hover: var(--font-gray);
  --button-color-disabled: var(--font-disabled-gray);
}
._indexed-pagination-container_11s1z_28 ._ellipsis_11s1z_39 {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--gray-300);
}
._indexed-pagination-container_11s1z_28 ._index-button_11s1z_48 {
  width: 32px;
  height: 32px;
  --button-padding: 0;
  --button-color: var(--font-gray);
  --button-color-hover: var(--font-gray);
  --button-color-disabled: var(--font-disabled-gray);
  transition: background-color 0.12s ease-in-out;
}
._indexed-pagination-container_11s1z_28 ._index-button_11s1z_48._selected_11s1z_57, ._indexed-pagination-container_11s1z_28 ._index-button_11s1z_48:hover {
  background-color: var(--bluegray-350);
}
._indexed-pagination-container_11s1z_28 ._button-container_11s1z_60 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}._usermenu-container_15tp7_1 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  user-select: none;
  cursor: pointer;
}

._usermenu-button_15tp7_11 {
  --button-color: var(--gray-600);
  --button-color-hover: var(--gray-600);
  --button-padding: 0;
}

._menu-icon_15tp7_17 {
  transition: rotate 0.12s ease-in-out;
}

._menu-open_15tp7_21 {
  rotate: 180deg;
}

._usermenu-menu_15tp7_25 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: fit-content;
  border: 1px solid var(--stroke-gray);
  padding: 8px 0;
  background-color: var(--white);
  user-select: none;
}

._usermenu-memu-id_15tp7_38 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid var(--stroke-gray);
  box-sizing: border-box;
  padding: 8px 8px 16px;
}

._common-padding_15tp7_49 {
  padding: 8px 16px;
}

._usermenu-menu-container_15tp7_53 {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 8px;
}

._usermenu-menu-item-link_15tp7_60 {
  --button-padding: 8px 16px;
  --button-color: var(--font-gray);
  --button-color-hover: var(--font-gray);
}._contents-header_yjr61_1 {
  display: flex;
  flex-flow: column;
  width: 100%;
  gap: 16px;
  margin-top: 48px;
}
._contents-header_yjr61_1 > h2 {
  color: var(--brand-navy);
}
._contents-header_yjr61_1 > p {
  color: var(--typo-disabled);
  margin-bottom: 18px;
}._searchbar-container_1if0u_1 {
  display: flex;
  flex-flow: row nowrap;
}

._searchbar-box_1if0u_6 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  border-radius: 4px 0 0 4px !important;
}

._searchbar-menu_1if0u_14 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-width: 110px;
  width: 110px;
  /*gap: 12px;*/
}

._divider_1if0u_24 {
  width: 1px;
  height: 20px;
  background-color: var(--divider-color);
  color: transparent;
  user-select: none;
}

._searchbar-input_1if0u_32 {
  --stroke-padding: 4px;
  --stroke-gray: transparent;
  --system-accent: transparent;
}

._searchbar-button_1if0u_38 {
  border-radius: 0 4px 4px 0 !important;
  --button-padding: 8px;
  --button-color: var(--primary-dark);
}._thumbnail-box_cmard_1 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

._thumbnail-skeleton_cmard_12 {
  width: 100%;
  height: 100%;
}

._thumbnail-root_cmard_17 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
  user-select: none;
  background-color: var(--bluegray-75);
}

._thumbnail-play-button_cmard_27 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  cursor: pointer;
}._datepicker-container_x6pgo_1 {
  display: flex;
  flex-flow: row nowrap;
  /*width: 440px;*/
}

._datepicker-box_x6pgo_7 {
  display: flex;
  flex-flow: row nowrap;
  box-sizing: border-box;
  flex-grow: 1;
  border-radius: 4px 0 0 4px !important;
  /*width: fit-content;*/
  --searchbox-padding: 8px 10px;
}

._datepicker-button_x6pgo_17 {
  min-width: fit-content;
  border-radius: 0 4px 4px 0 !important;
  --button-color: var(--brand-navy);
  /*noinspection CssNonIntegerLengthInPixels*/
  --button-padding: 8px 6px;
}

._datepicker-action_x6pgo_25 {
  display: flex;
  flex-flow: row nowrap;
  width: fit-content;
  gap: 16px;
}
._datepicker-action_x6pgo_25 > ._datepicker-action-root_x6pgo_31 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  user-select: none;
}
._datepicker-action_x6pgo_25 > ._datepicker-action-root_x6pgo_31 > span {
  color: var(--font-gray);
}

._datepicker-input_x6pgo_41 {
  max-width: 77px;
}

._divider_x6pgo_45 {
  width: 1px;
  height: 20px;
  background-color: var(--divider-color);
  color: transparent;
}._dateinput-root_k58z3_1 {
  display: inline-flex;
  flex-flow: row nowrap;
}

._dateinput-input_k58z3_6 {
  --stroke-padding: 0;
  --stroke-gray: transparent;
  --system-accent: transparent;
}._inputselect-container_k732i_1 {
  position: relative;
  display: block;
}

._inputselect-input-box_k732i_6 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border: 1px solid var(--gray-400);
  border-radius: 4px;
  padding: 8px 12px;
  gap: 16px;
  color: var(--font-gray);
  min-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  --stroke-gray: transparent;
  --system-accent: transparent;
  --stroke-padding: 0;
}
._inputselect-input-box_k732i_6._open_k732i_22 {
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}
._inputselect-input-box_k732i_6 ._icon-arrow_k732i_26 {
  transition: rotate 0.12s ease-in-out;
}
._inputselect-input-box_k732i_6 ._icon-arrow_k732i_26._open_k732i_22 {
  rotate: 180deg;
}

._inputselect-select-box_k732i_33 {
  position: absolute;
  display: flex;
  flex-flow: column nowrap;
  height: fit-content;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid var(--gray-400);
  border-top: none;
  border-radius: 0 0 4px 4px;
  z-index: 1;
  background-color: var(--white);
  box-sizing: border-box;
}
._inputselect-select-box_k732i_33::-webkit-scrollbar {
  display: none;
}
._inputselect-select-box_k732i_33 ._inputselect-scrollview_k732i_50 {
  display: flex;
  flex-flow: column nowrap;
  height: fit-content;
}
._inputselect-select-box_k732i_33 ._inputselect-selectitem_k732i_55 {
  min-height: 40px;
  padding: 8px 16px;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.12s ease-in-out;
}
._inputselect-select-box_k732i_33 ._inputselect-selectitem_k732i_55:hover {
  background-color: var(--gray-300);
}._imagelistmodal-container_10bfx_1 {
  display: flex;
  flex-flow: column nowrap;
  padding: 24px;
  box-sizing: border-box;
  transition: height 0.12s ease-in-out, width 0.12s ease-in-out;
  gap: 24px;
  min-width: 1232px;
  width: 1232px;
  min-height: 788px;
  height: 788px;
}
._imagelistmodal-container_10bfx_1._extendModal_10bfx_13 {
  width: calc(100vw - 16px);
  height: calc(100vh - 16px);
}
._imagelistmodal-container_10bfx_1._extendModal_10bfx_13 ._imagelistmodal-main_10bfx_17 {
  max-height: calc(100% - 36px - 24px - 36px - 24px - 96px - 24px);
}
._imagelistmodal-container_10bfx_1 ._midline-header_10bfx_20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._imagelistmodal-header_10bfx_26 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex-basis: 36px;
  height: 36px;
}

._imagelistmodal-imagename_10bfx_35 {
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: -0.02em;
}

._imagelistmodal-modalaction_10bfx_42 {
  display: flex;
  flex-flow: row nowrap;
  gap: 6px;
}

._imagelistmodal-zoomcontroller_10bfx_48 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}

._text-button_10bfx_56 {
  --button-color: var(--font-gray);
  --button-color-hover: var(--font-gray);
}

._contain-button_10bfx_61 {
  --button-color: transparent;
  --button-color-hover: var(--hover-bluegray);
  --button-text-oncolor: var(--font-gray);
  --button-text-oncolor-disabled: var(--bluegray-425);
  --button-color-disabled: transparent;
}

._action-button_10bfx_69 {
  padding: 8px;
}

._line-button_10bfx_73 {
  --button-color: var(--primary-dark);
  padding: 7px;
}

._scroll-button_10bfx_78 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 96px;
  min-height: 96px;
}

._imagelistmodal-main_10bfx_17 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  gap: 24px;
  background-color: var(--bluegray-75);
  overflow: hidden;
}
._imagelistmodal-main_10bfx_17 ._imagelistmodal-box_10bfx_99 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 100%;
  flex-grow: 1;
  flex-basis: 50%;
  user-select: none;
  /*max-width: 50%;*/
  /*max-height: 500px;*/
}
._imagelistmodal-main_10bfx_17 ._imagelistmodal-box_10bfx_99 ._image-root_10bfx_112 {
  user-select: none;
  pointer-events: none;
}
._imagelistmodal-main_10bfx_17 ._imagelistmodal-box_10bfx_99 ._image-skeleton_10bfx_116 {
  --skeleton-surface: #d9d9d9;
}
._imagelistmodal-main_10bfx_17 ._imagelistmodal-box_10bfx_99:only-child {
  flex-basis: auto;
  max-width: initial;
  max-height: initial;
}

._area-center_10bfx_125 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

._imagelistmodal-thumbnail-container_10bfx_132 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 972px;
}

._imagelistmodal-thumbnail-list_10bfx_141 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 1;
  gap: 16px;
}
._imagelistmodal-thumbnail-list_10bfx_141 ._modal-thumbnail-box_10bfx_148 {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}
._imagelistmodal-thumbnail-list_10bfx_141 ._modal-thumbnail-box_10bfx_148 ._thumbnail-icon_10bfx_153 {
  position: absolute;
  top: 4px;
  right: 4px;
  color: var(--white);
  cursor: pointer;
}._breadcrum-container_ltx2v_1 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 48px;
  gap: 4px;
}
._breadcrum-container_ltx2v_1 > span {
  color: var(--font-gray);
}
._breadcrum-container_ltx2v_1 > span:not(:last-of-type) {
  font-weight: 500 !important;
}
._breadcrum-container_ltx2v_1 > span:last-of-type {
  font-weight: 700 !important;
}

._breadcrum-icon_ltx2v_18 {
  color: var(--typo-disabled);
}._datepopup-container_3j2dc_1 {
  position: absolute;
  bottom: -16px;
  right: -118px;
  transform: translate(0%, 100%);
  background-color: var(--white);
  z-index: 1;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 51, 0.08);
  display: flex;
  flex-flow: column nowrap;
  gap: 32px;
  padding: 32px;
  width: 516px;
  height: fit-content;
  box-sizing: border-box;
}
._datepopup-container_3j2dc_1 ._datepopup-header_3j2dc_17 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
._datepopup-container_3j2dc_1 ._datepopup-header_3j2dc_17 ._datepopup-filter-box_3j2dc_23 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 8px;
}
._datepopup-container_3j2dc_1 ._datepopup-header_3j2dc_17 ._refresh-button_3j2dc_29 {
  --button-color: var(--typo-disabled);
  --button-color-hover: var(--typo-disabled);
  --button-padding: 0;
}
._datepopup-container_3j2dc_1 ._datepopup-header_3j2dc_17 ._close-button_3j2dc_34 {
  --button-color: var(--font-gray);
  --button-color-hover: var(--font-gray);
  --button-padding: 6px;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  margin-bottom: 8px;
  align-items: flex-start;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 > span {
  min-width: 98px;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 > article {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 ._button-area_3j2dc_54 {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 ._button-area_3j2dc_54 ._select-button_3j2dc_59 {
  --button-padding: 5px 12px;
  --button-color: #eceef2;
  --button-text-oncolor: var(--font-gray);
  --button-color-hover: #eceef2;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 ._button-area_3j2dc_54 ._select-button_3j2dc_59._select_3j2dc_59 {
  --button-padding: 4px 11px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 ._input-area_3j2dc_70 {
  display: none;
  flex-flow: row nowrap;
  gap: 12px;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 ._input-area_3j2dc_70._inputShow_3j2dc_75 {
  display: flex;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 ._input-area_3j2dc_70 ._dateinput_3j2dc_78 {
  padding: 9px 12px;
  border: 1px solid var(--gray-400);
  border-radius: 4px;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 ._input-area_3j2dc_70 ._dateinput_3j2dc_78 > input:read-only {
  background-color: transparent;
}
._datepopup-container_3j2dc_1 ._datepopup-input-area_3j2dc_39 ._input-area_3j2dc_70 ._dateinput_3j2dc_78 > input {
  text-align: center;
}
._datepopup-container_3j2dc_1 ._datapopup-confirm-area_3j2dc_89 {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  margin-top: 8px;
}
._datepopup-container_3j2dc_1 ._datapopup-confirm-area_3j2dc_89 ._confirm-button_3j2dc_95 {
  width: 160px;
  --button-padding: 8px 20px;
  --button-color: var(--brand-navy);
  --button-color-hover: var(--brand-navy);
}._search-box_ryrqn_1 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  /*noinspection CssInvalidFunction*/
  padding: var(--searchbox-padding, 8px 16px);
  border: 1px solid var(--stroke-gray);
  border-radius: 4px;
}

._search-box-header_ryrqn_11 {
  color: var(--black);
  width: 64px;
  min-width: 64px;
}

._searchbar-input_ryrqn_17 {
  --stroke-padding: 0px;
  --stroke-gray: trans;
}._popover-container_1fpcn_1 {
  width: fit-content;
  height: fit-content;
}

._popover-anchor_1fpcn_6 {
  width: fit-content;
  height: fit-content;
}

._popover-content_1fpcn_11 {
  position: absolute;
  transform: translateX(-50%);
}._checkbox-container_g3043_1 {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  gap: 4px;
  user-select: none;
}

._checkbox-root_g3043_12 {
  display: inline;
}

._checkbox-private_g3043_16 {
  display: none;
}
._checkbox-private_g3043_16 + ._checkbox-icon_g3043_19 {
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--checkbox-color, #bdc2d2);
}
._checkbox-private_g3043_16 + ._checkbox-icon_g3043_19:before {
  content: "\e98f";
}
._checkbox-private_g3043_16:checked + ._checkbox-icon_g3043_19 {
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--checkbox-color-checked, #4d4afd);
}
._checkbox-private_g3043_16:checked + ._checkbox-icon_g3043_19:before {
  content: "\e92e";
}

._checkbox-icon_g3043_19 {
  transition: color 0.12s ease-in-out;
}

._checkbox-label_g3043_38 {
  color: var(--font-gray);
}._selectbox-root_1d40i_1 {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
._selectbox-root_1d40i_1._isShow_1d40i_6 {
  position: absolute;
  top: -10px;
  left: 0px;
  background-color: white;
  border: 1px solid var(--selectbox-stroke, #d9d9d9);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}

._selectbox-container_1d40i_17 {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  cursor: pointer;
  /*noinspection CssInvalidFunction*/
  padding: var(--selectbox-padding, 8px 12px);
}

._selectbox-textview_1d40i_26 {
  display: inline-flex;
  width: 100%;
}
._selectbox-textview_1d40i_26 ._selectbox-field_1d40i_30 {
  display: inline-flex;
  align-items: center;
}
._selectbox-textview_1d40i_26 ._selectbox-placeholder_1d40i_34 {
  color: var(--typo-disabled);
}

._selectbox-input-private_1d40i_38 {
  display: none;
}

._selectbox-arrowicon_1d40i_42 {
  /*display: block;*/
  /*box-sizing: border-box;*/
  /*padding-top: 2px;*/
  color: var(--brand-navy);
}

._selectbox-option-container_1d40i_49 {
  position: absolute;
  background-color: var(--white);
  /*noinspection CssUnresolvedCustomProperty*/
  border: 1px solid var(--selectbox-stroke, #d9d9d9);
  border-top: none;
  border-radius: 0 0 4px 4px;
}

._selectbox-option-container_1d40i_49:not(:hover) ._selectitem-selected_1d40i_58 {
  background-color: var(--hover-bluegray);
}

._selectitem-container_1d40i_62 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 14px;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.12s ease-in-out;
  user-select: none;
}
._selectitem-container_1d40i_62:hover {
  background-color: var(--hover-bluegray);
}._table-container_pdwdu_1 {
  width: 100%;
}

._table-sementic-head_pdwdu_5 {
  border-bottom: 2px solid var(--bluegray-350);
  box-sizing: border-box;
}

._table-sementic-body_pdwdu_10 {
  display: flex;
  flex-flow: column nowrap;
}

._table-row_pdwdu_15 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 24px;
  height: fit-content;
  min-height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  padding: 0 16px;
}
._table-row_pdwdu_15._onClick_pdwdu_26 {
  cursor: pointer;
}
._table-row_pdwdu_15._highlight_pdwdu_29 {
  background-color: var(--bluegray-75);
}

._table-data_pdwdu_33 {
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  font-family: "blended-font", sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  box-sizing: border-box;
  user-select: none;
  word-break: break-all;
}
._table-data_pdwdu_33._table-head_pdwdu_45 {
  font-weight: 700;
}

._table-more-row_pdwdu_49 {
  padding: 24px 32px;
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
}
._table-more-row_pdwdu_49._highlight_pdwdu_29 {
  background-color: var(--bluegray-75);
}

._empty-table_pdwdu_59 {
  width: 100%;
  min-height: 120px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 48px;
  color: var(--font-disabled-gray);
  background-color: var(--bluegray-75);
  border-radius: 4px;
}._scrollview-frame-container_h7j7p_1 {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}
._scrollview-frame-container_h7j7p_1::-webkit-scrollbar {
  display: none;
}

._scrollview-contents-container_h7j7p_12 {
  width: 100%;
  height: fit-content;
}._skeleton_1ext9_1 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  /*noinspection CssInvalidFunction,CssUnresolvedCustomProperty*/
  background-color: var(--skeleton-surface, --grey-250);
  border-radius: 4px;
}

._isLoading_1ext9_12:not(._isError_1ext9_12) {
  animation: 1.5s ease-in-out 0.5s infinite normal none running _animation-skeleton_1ext9_1;
}

@keyframes _animation-skeleton_1ext9_1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}._shadow_jnmlk_1 {
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: 0.3;
}

._modal-container_jnmlk_8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 560px;
  /*min-height: 376px;*/
  /*noinspection CssUnresolvedCustomProperty*/
  background-color: var(--modal-background, #fff);
  border-radius: 4px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 51, 0.08);
}._chip-container_3xi0c_1 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 0 8px;
  min-width: 60px;
  min-height: 28px;
  height: 28px;
  max-height: 28px;
  /*noinspection CssUnresolvedCustomProperty*/
  background-color: var(--chip-surface, #e0e3ea);
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--chip-color, #121536);
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}._videoview-container_1lgfj_1 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

._videoview-root_1lgfj_11 {
  object-fit: cover;
  /*width: 100%;*/
  height: 100%;
  background-color: var(--grey-250);
}

._videoview-icon_1lgfj_18 {
  position: absolute;
  user-select: none;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
  color: var(--white);
}

._paused_1lgfj_28 {
  opacity: 1;
}

._fade-out_1lgfj_32 {
  animation: 0.5s ease-in-out 1s forwards _animation-fadeout_1lgfj_1;
}

@keyframes _animation-fadeout_1lgfj_1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}._badge-container_18ndf_1 {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  flex-shrink: 0;
}

._badge-root_18ndf_8 {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-family: "blended-font", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 0 8px;
  min-width: 24px;
  height: 24px;
  border-radius: 12px;
  box-sizing: border-box;
  /*noinspection CssUnresolvedCustomProperty*/
  background-color: var(--badge-surface, #4d4afd);
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--badge-color, #f3f4f7);
}

._badge-root_18ndf_8:not(._stand-alone_18ndf_27) {
  position: absolute;
  z-index: 1;
  transition: transform 0.12s ease-in-out;
}
._badge-root_18ndf_8:not(._stand-alone_18ndf_27)._right_18ndf_32 {
  right: 0;
}
._badge-root_18ndf_8:not(._stand-alone_18ndf_27)._top_18ndf_35 {
  top: 0;
}
._badge-root_18ndf_8:not(._stand-alone_18ndf_27)._left_18ndf_38 {
  left: 0;
}
._badge-root_18ndf_8:not(._stand-alone_18ndf_27)._bottom_18ndf_41 {
  bottom: 0;
}
._badge-root_18ndf_8:not(._stand-alone_18ndf_27)._right_18ndf_32._top_18ndf_35 {
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0;
}
._badge-root_18ndf_8:not(._stand-alone_18ndf_27)._right_18ndf_32._bottom_18ndf_41 {
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
._badge-root_18ndf_8:not(._stand-alone_18ndf_27)._left_18ndf_38._top_18ndf_35 {
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0 0;
}
._badge-root_18ndf_8:not(._stand-alone_18ndf_27)._left_18ndf_38._bottom_18ndf_41 {
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0 100%;
}._radio-container_1nf4c_1 {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  gap: 4px;
  user-select: none;
}

._radio-root_1nf4c_12 {
  display: inline;
}

._radio-private_1nf4c_16 {
  display: none;
}
._radio-private_1nf4c_16 + ._radio-icon_1nf4c_19 {
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--radio-color, #bdc2d2);
}
._radio-private_1nf4c_16 + ._radio-icon_1nf4c_19:before {
  content: "\e9c6";
}
._radio-private_1nf4c_16:checked + ._radio-icon_1nf4c_19 {
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--radio-color-checked, #000033);
}
._radio-private_1nf4c_16:checked + ._radio-icon_1nf4c_19:before {
  content: "\e9c7";
}

._radio-icon_1nf4c_19 {
  transition: color 0.12s ease-in-out;
}

._radio-label_1nf4c_38 {
  color: var(--font-gray);
}._datepicker-container_1uwoz_1 {
  display: inline-flex;
  flex-flow: row nowrap;
  position: relative;
}

._input-private_1uwoz_7 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  bottom: 0;
  left: 0;
  user-select: none;
}

._label_1uwoz_17,
._placeholder_1uwoz_18 {
  cursor: pointer;
}

._placeholder_1uwoz_18 {
  color: var(--font-disabled-gray);
}._header-container_udgfz_1 {
  grid-area: header;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  /*justify-content: flex-end;*/
  align-items: center;
  width: calc(100% - 216px);
  height: 48px;
  padding: 0 16px;
  position: fixed;
  left: 216px;
  background-color: var(--white);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
  z-index: 2;
}._login-input-box_a3yc9_1 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
}
._login-input-box_a3yc9_1 > h2 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
._login-input-box_a3yc9_1 > h2 > img {
  height: 40px;
}

._login-form_a3yc9_16 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  margin-top: 110px;
  margin-right: 40px;
}

._login-input_a3yc9_1 {
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
  color: var(--typo-low);
}

._login-submit-button_a3yc9_31 {
  --button-padding: 11px 24px;
}

._login-find-box_a3yc9_35 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 38px;
}
._login-find-box_a3yc9_35 ._bar_a3yc9_43 {
  display: inline-flex;
  flex-flow: row nowrap;
  width: 1px;
  height: 20px;
  background-color: var(--divider-color);
}

._login-find-button_a3yc9_51 {
  --button-padding: 2px 8px;
  --button-color: var(--typo-low);
  --button-color-hover: var(--typo-low);
}

/* ----------------------------------------- /login Page Styles */
/* /findid Page Styles ---------------------------------------- */
._login-find-submit_a3yc9_59 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

._login-findid-backward_a3yc9_67 {
  --button-padding: 11px 28px;
  --button-color: var(--bluegray-350);
  --button-color-hover: var(--bluegray-350);
  --button-text-oncolor: var(--typo-high);
}

._login-findid-button_a3yc9_74 {
  --button-padding: 11px 47px;
}

/* ---------------------------------------- /findid Page Styles */._find-box_1y9nj_1 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
}

._find-form_1y9nj_8 {
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
  margin-top: 48px;
  margin-right: 40px;
}

._find-input_1y9nj_16 {
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
  color: var(--typo-low);
}

._find-submit-box_1y9nj_23 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

._find-backward_1y9nj_31 {
  --button-padding: 11px 28px;
  --button-color: var(--bluegray-350);
  --button-color-hover: var(--bluegray-350);
  --button-text-oncolor: var(--typo-high);
}

._find-button_1y9nj_38 {
  --button-padding: 11px 47px;
}

._result-area_1y9nj_42 {
  flex-flow: column nowrap;
  margin-top: 96px;
  margin-bottom: 200px;
}
._result-area_1y9nj_42 span {
  color: var(--typo-low);
}
._result-area_1y9nj_42 strong {
  color: var(--font-gray);
}

._result-action-box_1y9nj_54 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  margin-right: 40px;
}

._result-button_1y9nj_62 {
  --button-padding: 11px 72px;
}._recent-table_e6v3k_1 {
  margin-bottom: 48px;
}

._recent-table-more-row_e6v3k_5 {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}

._expand-button-icon_e6v3k_11 {
  transition: rotate 0.12s ease-in-out;
}
._expand-button-icon_e6v3k_11._expand_e6v3k_11 {
  rotate: 180deg;
}

._expand-button_e6v3k_11 {
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}

._expand-small-button_e6v3k_23 {
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
  transition: rotate 0.12s ease-in-out;
}
._expand-small-button_e6v3k_23._expand_e6v3k_11 {
  rotate: 180deg;
}

._more-image-area_e6v3k_32 {
  display: flex;
  flex-flow: column wrap;
  gap: 24px;
}

._more-image-area-inside_e6v3k_38 {
  display: flex;
  flex-flow: row nowrap;
  gap: 24px;
}
._more-image-area-inside_e6v3k_38 ._more-image-area-header_e6v3k_43 {
  display: block;
  min-width: 82px;
  width: 82px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._more-image-area-inside_e6v3k_38 ._relay-container_e6v3k_51 {
  display: flex;
  flex-flow: row wrap;
  gap: 24px;
}

._more-image_e6v3k_32 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

._more-image_e6v3k_32,
._more-image-size_e6v3k_67 {
  width: 112px;
  height: 112px;
}

._more-thumbnail_e6v3k_72 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  user-select: none;
}

._more-thumbnail-play-button_e6v3k_81 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  cursor: pointer;
}

._patient-detail_e6v3k_90 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
}
._patient-detail_e6v3k_90 ._patient-detail-button_e6v3k_96 {
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._patient-detail_e6v3k_90 ._patient-detail-button_e6v3k_96 ._button-inner_e6v3k_100 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-bottom: 1px solid var(--primary-dark);
}._datepicker-box_1p7g2_1 {
  display: flex;
  flex-flow: row nowrap;
  box-sizing: border-box;
  flex-grow: 1;
}

._datepicker-action_1p7g2_8 {
  display: flex;
  flex-flow: row nowrap;
  width: fit-content;
  gap: 20px;
}
._datepicker-action_1p7g2_8 > p {
  display: flex;
  flex-flow: row nowrap;
  gap: 20px;
  user-select: none;
}
._datepicker-action_1p7g2_8 > p > span {
  color: var(--typo-disabled);
}

._divider_1p7g2_24 {
  width: 1px;
  height: 20px;
  background-color: var(--divider-color);
  color: transparent;
}._recent-contents-container_d46kw_1 {
  box-sizing: border-box;
  overflow: hidden;
}

._recent-option-box_d46kw_6 {
  display: grid;
  grid-template-columns: minmax(405px, 1fr) minmax(340px, 1fr);
  grid-template-rows: 40px 40px minmax(40px, auto);
  grid-template-areas: "pagination pagination" "date search" "option option";
  gap: 16px;
  padding: 24px 0;
  position: sticky;
  top: 0;
  background-color: var(--white);
  z-index: 1;
}

._pagination-box_d46kw_19 {
  grid-area: pagination;
}

._datapicker-box_d46kw_23 {
  grid-area: date;
}

._searchbar-box_d46kw_27 {
  grid-area: search;
}

._option-box_d46kw_31 {
  grid-area: option;
}
._option-box_d46kw_31 > header {
  min-width: 64px;
  width: 64px;
}

._option-box-root_d46kw_39 {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}._patient-contents-container_1a7j2_1 {
  box-sizing: border-box;
  overflow: hidden;
}

._patient-option-box_1a7j2_6 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
  padding: 24px 0;
}._patient-table_m7st0_1 {
  margin-bottom: 48px;
}

._patient-table-row_m7st0_5 {
  gap: 20px;
  padding: 14px 16px;
  height: initial;
  max-height: initial;
}

._saveall-button-container_m7st0_12 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  width: 100%;
}

._saveAll-button_m7st0_19 {
  transition: background-color 0.12s ease-in-out;
  --button-color: var(--primary-dark);
  --button-surface-hover: #eceef2;
}

._patient-name-container_m7st0_25 {
  width: 100%;
}

._patient-name_m7st0_25 {
  height: 28px;
  --stroke-padding: 4px 8px;
}

._lesion-list_m7st0_34 {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}

._save-list_m7st0_40 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
._save-list_m7st0_40 ._button_m7st0_46 {
  width: 49px;
  height: 28px;
  --button-padding: 0;
  font-size: 14px !important;
  line-height: 22px !important;
}
._save-list_m7st0_40 ._save-button_m7st0_53 {
  --button-color: var(--primary-dark);
  --button-color-hover: #040618;
  --button-text-oncolor: var(--white);
}
._save-list_m7st0_40 ._manage-button_m7st0_58 {
  --button-color: var(--bluegray-425);
  --button-text-oncolor: var(--primary-dark);
  --button-color-hover: #a8adbc;
}._list-contents-container_1mbax_1 {
  box-sizing: border-box;
  overflow: hidden;
}

._list-option-box_1mbax_6 {
  display: grid;
  grid-template-columns: minmax(443px, 1fr) minmax(387px, 1fr);
  grid-template-rows: 40px 40px minmax(40px, auto) 44px;
  grid-template-areas: "pagination pagination" "date search" "option option" "sort sort";
  gap: 16px;
  padding: 24px 0;
  position: sticky;
  top: 0;
  background-color: var(--white);
  z-index: 1;
}

._pagination-box_1mbax_19 {
  grid-area: pagination;
}

._datapicker-box_1mbax_23 {
  grid-area: date;
}

._searchbar-box_1mbax_27 {
  grid-area: search;
}

._option-box_1mbax_31 {
  grid-area: option;
}
._option-box_1mbax_31 ._option-box-root_1mbax_34 {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}

._sort-box_1mbax_40 {
  grid-area: sort;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 14px;
}
._sort-box_1mbax_40 ._sort-radiobox_1mbax_49 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}
._sort-box_1mbax_40 ._sort-select-container_1mbax_54 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  width: 110px;
  min-height: 36px;
  --selectbox-padding: 7px 12px;
}
._sort-box_1mbax_40 ._sort-select-container_1mbax_54 ._sort-select-box_1mbax_65 {
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}
._sort-box_1mbax_40 ._sort-select-container_1mbax_54 ._sort-select-box_1mbax_65._isShow_1mbax_69 {
  border-radius: 4px 4px 0 0;
}._list-table_173wv_1 {
  margin-bottom: 48px;
}

._list-table-row_173wv_5 {
  gap: 16px;
  padding: 14px 16px;
  height: initial;
  max-height: initial;
  max-width: 848px;
}

._table-delete-button_173wv_13 {
  /*color: var(--primary-dark);*/
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}._patientinfo-container_vsdpm_1 {
  display: grid;
  grid-template-columns: 960px 360px;
  grid-template-rows: 344px minmax(344px, auto);
  grid-template-areas: "header history" "picture history";
  gap: 40px;
}

._patientinfo-header-container_vsdpm_9 {
  grid-area: header;
  height: 100%;
  box-sizing: border-box;
  padding: 48px 56px;
  justify-content: space-between;
}
._patientinfo-header-container_vsdpm_9 > header {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
._patientinfo-header-container_vsdpm_9 > header > h2 {
  color: var(--bluegray-500);
}
._patientinfo-header-container_vsdpm_9 > header > h3 {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  align-items: center;
  --button-color: var(--font-gray);
}
._patientinfo-header-container_vsdpm_9 ._info-container_vsdpm_31 {
  display: flex;
  flex-flow: row nowrap;
}
._patientinfo-header-container_vsdpm_9 ._patient-info-article_vsdpm_35 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex-grow: 1;
  flex-basis: 388px;
  --button-padding: 5px 15px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._patientinfo-header-container_vsdpm_9 ._patient-info-article_vsdpm_35 > header > button:hover {
  background-color: var(--bluegray-75);
}
._patientinfo-header-container_vsdpm_9 ._patient-info-article_vsdpm_35 h4 {
  color: var(--typo-high);
}
._patientinfo-header-container_vsdpm_9 ._patient-info-article_vsdpm_35 > article {
  display: flex;
  flex-flow: row nowrap;
  gap: 20px;
}
._patientinfo-header-container_vsdpm_9 ._label-box_vsdpm_56 {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  flex-basis: 184px;
  gap: 4px;
}
._patientinfo-header-container_vsdpm_9 ._label-box_vsdpm_56 ._label_vsdpm_56 {
  color: var(--typo-low);
}
._patientinfo-header-container_vsdpm_9 ._label-box_vsdpm_56 ._date_vsdpm_66 {
  padding: 9px 12px;
}
._patientinfo-header-container_vsdpm_9 ._divider_vsdpm_69 {
  margin: 0 32px;
}

@keyframes _showHistory_vsdpm_1 {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _closeHistory_vsdpm_1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: collapse;
  }
}
._patientinfo-history-container_vsdpm_91 {
  position: sticky;
  top: 104px;
  grid-area: history;
  height: 100%;
  max-height: 718px;
  padding: 16px;
  box-sizing: border-box;
  width: 344px;
}
._patientinfo-history-container_vsdpm_91._idle_vsdpm_101 {
  visibility: collapse;
}
._patientinfo-history-container_vsdpm_91._show_vsdpm_104 {
  animation: _showHistory_vsdpm_1 0.15s ease-in-out forwards;
}
._patientinfo-history-container_vsdpm_91._hide_vsdpm_107 {
  animation: _closeHistory_vsdpm_1 0.15s ease-in-out forwards;
}
._patientinfo-history-container_vsdpm_91 ._area-header_vsdpm_110 {
  margin: 32px 24px;
}
._patientinfo-history-container_vsdpm_91 ._history-item-container_vsdpm_113 {
  display: flex;
  flex-flow: column nowrap;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113:first-of-type ._line-area_vsdpm_122::before {
  content: "";
  height: 50%;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113:first-of-type ._line-box_vsdpm_126 > img {
  top: 0;
  transform: translate(-50%, -50%);
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113:last-of-type ._line-area_vsdpm_122::after {
  content: "";
  height: 50%;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113:last-of-type ._line-box_vsdpm_126 > img {
  top: 100%;
  transform: translate(-50%, -50%);
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._line-area_vsdpm_122 {
  display: flex;
  flex-flow: column nowrap;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._line-area_vsdpm_122 > * {
  flex-basis: 18px;
  flex-grow: 1;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._line-box_vsdpm_126 {
  position: relative;
  min-width: 16px;
  height: 100%;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._line-box_vsdpm_126 > ._line_vsdpm_122 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background-color: #eceef2;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._line-box_vsdpm_126 > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._info-area_vsdpm_166 {
  width: 262px;
  padding: 4px 0;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._info-area_vsdpm_166 ._info-box_vsdpm_170._header_vsdpm_170 {
  line-height: 28px;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._info-area_vsdpm_166 ._info-box_vsdpm_170._body_vsdpm_173 {
  display: flex;
  flex-flow: row nowrap;
  gap: 20px;
  border-radius: 8px;
  background-color: var(--bluegray-75);
  padding: 8px 12px;
  box-sizing: border-box;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._info-area_vsdpm_166 ._info-box_vsdpm_170._body_vsdpm_173:hover {
  cursor: pointer;
}
._patientinfo-history-container_vsdpm_91 ._history-item_vsdpm_113 ._info-area_vsdpm_166 ._info-box_vsdpm_170._body_vsdpm_173 ._date_vsdpm_66 {
  flex-shrink: 0;
}

._history-scrollview_vsdpm_189 {
  padding: 0 16px;
}
._history-scrollview_vsdpm_189 ._history-scrollview-contents_vsdpm_192 {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
._history-scrollview_vsdpm_189::-webkit-scrollbar {
  display: block;
  width: 2px;
}
._history-scrollview_vsdpm_189::-webkit-scrollbar-thumb {
  background-color: var(--bluegray-300);
}

._patientinfo-savepicture-container_vsdpm_205 {
  grid-area: picture;
  position: relative;
  padding: 48px 56px;
  box-sizing: border-box;
  max-height: initial;
  margin-bottom: 56px;
}
._patientinfo-savepicture-container_vsdpm_205 ._area-header_vsdpm_110 {
  margin-bottom: 40px;
  color: #424242;
}
._patientinfo-savepicture-container_vsdpm_205 ._button-section_vsdpm_217 {
  display: flex;
  flex-flow: column nowrap;
  gap: 40px;
  /*position: sticky;*/
  /*top: 0;*/
}
._patientinfo-savepicture-container_vsdpm_205 ._button-section_vsdpm_217 ._category-option-area_vsdpm_224 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
._patientinfo-savepicture-container_vsdpm_205 ._button-section_vsdpm_217 ._category-option-area_vsdpm_224 ._category-group_vsdpm_229 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}
._patientinfo-savepicture-container_vsdpm_205 ._button-section_vsdpm_217 ._category-option-area_vsdpm_224 ._category-group_vsdpm_229 > h4 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 128px;
  min-width: 128px;
  color: var(--typo-high);
}
._patientinfo-savepicture-container_vsdpm_205 ._button-section_vsdpm_217 ._category-option-area_vsdpm_224 ._category-group_vsdpm_229 > ._option-button_vsdpm_242 {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}
._patientinfo-savepicture-container_vsdpm_205 ._button-section_vsdpm_217 ._category-option-area_vsdpm_224 ._category-group_vsdpm_229 > ._option-button_vsdpm_242 ._toggle-button_vsdpm_247 {
  width: 128px;
  height: 40px;
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-option-area_vsdpm_251 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-option-area_vsdpm_251 ._sort-option_vsdpm_251 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  min-width: 150px;
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-option-area_vsdpm_251 ._sort-option_vsdpm_251 > div {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-option-area_vsdpm_251 ._sort-option_vsdpm_251 ._popup-container_vsdpm_268 {
  position: relative;
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-option-area_vsdpm_251 ._sort-option_vsdpm_251 ._sort-iconbutton_vsdpm_271 {
  --button-padding: 8px;
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-option-area_vsdpm_251 ._sort-option_vsdpm_251 ._radio-button_vsdpm_274 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  justify-content: flex-end;
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-option-area_vsdpm_251 ._button-box_vsdpm_280 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}
._patientinfo-savepicture-container_vsdpm_205 ._toggle-button_vsdpm_247 {
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.12s ease-in-out;
  --button-padding: 9px;
}
._patientinfo-savepicture-container_vsdpm_205 ._toggle-button_vsdpm_247:not(._checked_vsdpm_290) {
  color: var(--typo-high) !important;
  --button-color: var(--bluegray-425);
  --button-color-hover: var(--bluegray-425);
}
._patientinfo-savepicture-container_vsdpm_205 ._toggle-button_vsdpm_247:not(._checked_vsdpm_290):hover {
  background-color: var(--bluegray-75);
}
._patientinfo-savepicture-container_vsdpm_205 ._toggle-button_vsdpm_247._checked_vsdpm_290 {
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._patientinfo-savepicture-container_vsdpm_205 ._selectbox-container_vsdpm_302 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  width: 110px;
  min-height: 36px;
  --selectbox-padding: 7px 12px;
}
._patientinfo-savepicture-container_vsdpm_205 ._selectbox-container_vsdpm_302 ._selectbox_vsdpm_302 {
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}
._patientinfo-savepicture-container_vsdpm_205 ._selectbox-container_vsdpm_302 ._selectbox_vsdpm_302._isShow_vsdpm_317 {
  border-radius: 4px 4px 0 0;
}
._patientinfo-savepicture-container_vsdpm_205 ._selection-button_vsdpm_320 {
  width: 72px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
  --button-padding: 5px;
  --button-color-disabled: var(--font-disabled-gray);
}
._patientinfo-savepicture-container_vsdpm_205 ._selection-button_vsdpm_320._icon_vsdpm_327 {
  width: 36px;
  height: 36px;
  /*--button-padding: 8px;*/
}
._patientinfo-savepicture-container_vsdpm_205 ._selection-button-cancel_vsdpm_332 {
  width: 72px;
  --button-color: #eceef2;
  --button-color-hover: #eceef2;
  --button-text-oncolor: var(--brand-navy);
  --button-padding: 6px;
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-iconbutton_vsdpm_271 {
  transition: background-color 0.12s ease-in-out;
  color: var(--primary-dark);
  --button-color: var(--stroke-gray);
  --button-color-hover: var(--stroke-gray);
}
._patientinfo-savepicture-container_vsdpm_205 ._sort-iconbutton_vsdpm_271:hover {
  background-color: var(--bluegray-75);
}

._picturelist-container_vsdpm_349 {
  display: flex;
  flex-flow: column nowrap;
  gap: 56px;
  margin-top: 36px;
}
._picturelist-container_vsdpm_349 ._picturelist-item-container_vsdpm_355 {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
._picturelist-container_vsdpm_349 ._picturelist-item-header_vsdpm_360 {
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: 8px;
}
._picturelist-container_vsdpm_349 ._picturelist-item-header_vsdpm_360 ._month_vsdpm_366 {
  flex-shrink: 0;
  width: 72px;
}
._picturelist-container_vsdpm_349 ._picturelist-item-header_vsdpm_360 ._chips-container_vsdpm_370 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._picturelist-container_vsdpm_349 ._picturelist-itemlist_vsdpm_375 {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}
._picturelist-container_vsdpm_349 ._item-thumbnail-container_vsdpm_380 {
  position: relative;
  max-height: 128px;
  max-width: 128px;
}
._picturelist-container_vsdpm_349 ._item-thumbnail-container_vsdpm_380 ._item-thumbnail-chip_vsdpm_385 {
  position: absolute;
  bottom: 8px;
  right: 8px;
  --chip-color: var(--white);
  --chip-surface: #22222280;
}
._picturelist-container_vsdpm_349 ._item-thumbnail-container_vsdpm_380 ._item-thumbnail-checkbox_vsdpm_392 {
  position: absolute;
  top: 8px;
  left: 8px;
  cursor: pointer;
  --checkbox-color: var(--white);
  --checkbox-color-checked: var(--white);
}

._divider_vsdpm_69 {
  background-color: var(--gray-200);
}._datepopup-container_rsijh_1 {
  position: absolute;
  bottom: -16px;
  right: -118px;
  transform: translate(0%, 100%);
  background-color: var(--white);
  z-index: 1;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 51, 0.08);
  display: flex;
  flex-flow: column nowrap;
  gap: 32px;
  padding: 32px;
  width: 516px;
  height: fit-content;
  box-sizing: border-box;
}
._datepopup-container_rsijh_1 ._datepopup-header_rsijh_17 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
._datepopup-container_rsijh_1 ._datepopup-header_rsijh_17 ._datepopup-filter-box_rsijh_23 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 8px;
}
._datepopup-container_rsijh_1 ._datepopup-header_rsijh_17 ._refresh-button_rsijh_29 {
  --button-color: var(--typo-disabled);
  --button-color-hover: var(--typo-disabled);
  --button-padding: 0;
}
._datepopup-container_rsijh_1 ._datepopup-header_rsijh_17 ._close-button_rsijh_34 {
  --button-color: var(--font-gray);
  --button-color-hover: var(--font-gray);
  --button-padding: 6px;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  margin-bottom: 8px;
  align-items: flex-start;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 > span {
  min-width: 98px;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 > article {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 ._button-area_rsijh_54 {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 ._button-area_rsijh_54 ._select-button_rsijh_59 {
  --button-padding: 5px 12px;
  --button-color: #eceef2;
  --button-text-oncolor: var(--font-gray);
  --button-color-hover: #eceef2;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 ._button-area_rsijh_54 ._select-button_rsijh_59._select_rsijh_59 {
  --button-padding: 4px 11px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 ._input-area_rsijh_70 {
  display: none;
  flex-flow: row nowrap;
  gap: 12px;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 ._input-area_rsijh_70._inputShow_rsijh_75 {
  display: flex;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 ._input-area_rsijh_70 ._dateinput_rsijh_78 {
  padding: 9px 12px;
  border: 1px solid var(--gray-400);
  border-radius: 4px;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 ._input-area_rsijh_70 ._dateinput_rsijh_78 > input:read-only {
  background-color: transparent;
}
._datepopup-container_rsijh_1 ._datepopup-input-area_rsijh_39 ._input-area_rsijh_70 ._dateinput_rsijh_78 > input {
  text-align: center;
}
._datepopup-container_rsijh_1 ._datapopup-confirm-area_rsijh_89 {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  margin-top: 8px;
}
._datepopup-container_rsijh_1 ._datapopup-confirm-area_rsijh_89 ._confirm-button_rsijh_95 {
  width: 160px;
  --button-padding: 8px 20px;
  --button-color: var(--brand-navy);
  --button-color-hover: var(--brand-navy);
}

._modal-container_rsijh_102 {
  display: flex;
  flex-flow: column;
  border-radius: 4px;
  background: var(--white, #fff);
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 51, 0.08);
}
._modal-container_rsijh_102 ._modal-header_rsijh_109 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
._modal-container_rsijh_102 ._modal-confirm-container_rsijh_114 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}
._modal-container_rsijh_102 ._cancel-button_rsijh_119 {
  height: 50px;
  --button-color: var(--bluegray-350);
  --button-color-hover: var(--bluegray-350);
  --button-text-oncolor: var(--primary-dark);
}
._modal-container_rsijh_102 ._confirm-button_rsijh_95 {
  height: 50px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
  --button-text-oncolor: var(--white);
}

._movefile-modal_rsijh_132 {
  width: 560px;
  /*height: 376px;*/
  padding: 32px;
  gap: 40px;
  box-sizing: border-box;
}
._movefile-modal_rsijh_132 ._close-button_rsijh_34 {
  --button-color: var(--font-gray);
  --button-color-hover: var(--font-gray);
  --button-padding: 8px;
}
._movefile-modal_rsijh_132 ._modal-contents_rsijh_144 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}

._caution-modal_rsijh_150 {
  width: 560px;
  /*height: 298px;*/
  padding: 32px;
  gap: 40px;
  box-sizing: border-box;
}._gallary-contents-container_1fq71_1 {
  box-sizing: border-box;
}

._gallary-option-box_1fq71_5 {
  display: flex;
  flex-flow: column nowrap;
  padding: 24px 0;
  /*margin-top: 24px;*/
  top: 0;
  background-color: var(--white);
  z-index: 1;
  /*display: flex;*/
  /*flex-flow: row nowrap;*/
  /*align-items: center;*/
  /*justify-content: flex-end;*/
  /*height: 40px;*/
  /*padding: 24px 0;*/
}
._gallary-option-box_1fq71_5 ._gallary-option-top_1fq71_20 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  margin-bottom: 16px;
  height: 40px;
}
._gallary-option-box_1fq71_5 ._gallary-option-top_1fq71_20 ._datepickerbox_1fq71_27 {
  width: 380px;
}
._gallary-option-box_1fq71_5 ._gallary-option-top_1fq71_20 ._searchbarbox_1fq71_30 {
  width: 392px;
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: initial;
  align-items: initial;
  padding: 0 16px;
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33._hidden_1fq71_40 {
  display: none;
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 ._option-box_1fq71_43 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--gray-200);
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 ._option-box_1fq71_43:last-of-type {
  border-bottom: none;
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 ._option-box_1fq71_43 > header {
  min-width: 64px;
  width: 64px;
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 ._option-box_1fq71_43 ._checkgroup_1fq71_57 {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 16px;
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 ._option-box_1fq71_43 ._checkgroup_1fq71_57 > label:first-of-type {
  justify-content: flex-start;
  width: 52px;
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 ._option-confirm-area_1fq71_67 {
  justify-content: space-between;
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 ._option-confirm-area_1fq71_67 ._refresh-button_1fq71_70 {
  display: inline-flex;
  flex-flow: row nowrap;
  gap: 8px;
  --button-padding: 0;
  --button-color: var(--font-disabled-gray);
  --button-color-hover: var(--font-disabled-gray);
}
._gallary-option-box_1fq71_5 ._option-container_1fq71_33 ._option-confirm-area_1fq71_67 ._confirm-button_1fq71_78 {
  width: 72px;
  height: 32px;
  --button-padding: 4px 16px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._gallary-option-box_1fq71_5 ._toggle-option-line_1fq71_85 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 16px;
  height: 36px;
  margin-top: 48px;
}
._gallary-option-box_1fq71_5 ._toggle-option-line_1fq71_85._hidden_1fq71_40 {
  margin-top: 24px;
}
._gallary-option-box_1fq71_5 ._toggle-option-line_1fq71_85 ._option-button_1fq71_96 {
  width: 88px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
  background-color: var(--white);
}
._gallary-option-box_1fq71_5 ._toggle-option-line_1fq71_85 ._option-button_1fq71_96._active_1fq71_102 {
  --button-color: var(--brand-blue);
  --button-color-hover: var(--brand-blue);
}
._gallary-option-box_1fq71_5 ._toggle-option-line_1fq71_85 ._option-button_1fq71_96:disabled {
  --button-color: #9e9e9e;
  color: #9e9e9e;
  background-color: #eeeeee;
}
._gallary-option-box_1fq71_5 ._toggle-option-line_1fq71_85 ._sort-select_1fq71_111 {
  position: relative;
  top: 0;
  width: 110px;
  border: 1px solid var(--gray-300);
  border-radius: 4px;
}
._gallary-option-box_1fq71_5 ._toggle-option-line_1fq71_85 ._sort-select_1fq71_111._isShow_1fq71_118 {
  width: 112px;
  border-radius: 4px 4px 0 0;
}

._gallarylist_1fq71_123 {
  margin-bottom: 48px;
}

._gallary-list-container_1fq71_127 {
  display: flex;
  flex-flow: column nowrap;
  gap: 58px;
}
._gallary-list-container_1fq71_127 ._gallary-info_1fq71_132 {
  display: flex;
  flex-flow: column nowrap;
  gap: 32px;
}
._gallary-list-container_1fq71_127 ._gallary-info-header_1fq71_137 {
  display: flex;
  flex-flow: row nowrap;
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 ._gallary-item-box_1fq71_146 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  border: 1px solid var(--bluegray-350);
  border-radius: 4px;
  background-color: var(--bluegray-75);
  padding: 12px;
  box-sizing: border-box;
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 ._gallary-item-box-header_1fq71_156 {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 ._gallary-item-box-header_1fq71_156 ._patientinfo-button_1fq71_162 {
  height: 30px;
  gap: 4px;
  background-color: var(--white);
  --button-padding: 4px 4px 4px 8px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 ._gallary-item-box-header_1fq71_156 ._normal-button_1fq71_170 {
  height: 30px;
  gap: 4px;
  --button-padding: 4px 8px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--brand-navy-hover);
  --button-text-oncolor: var(--white);
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 ._gallary-item-box-header_1fq71_156 ._buttons-container_1fq71_178 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 ._gallary-item-box-header_1fq71_156 ._chips-container_1fq71_185 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 ._gallary-item-box-header_1fq71_156 ._lesion-chip_1fq71_190 {
  padding: 0 12px;
}
._gallary-list-container_1fq71_127 ._gallary-itemlist_1fq71_141 ._gallary-image-list_1fq71_193 {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}._delete-contents-container_7x7w3_1 {
  box-sizing: border-box;
  overflow: hidden;
}
._delete-contents-container_7x7w3_1 ._contents-header_7x7w3_5 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  margin-top: 48px;
}
._delete-contents-container_7x7w3_1 ._contents-header_7x7w3_5 > span {
  display: flex;
  flex-flow: column nowrap;
}
._delete-contents-container_7x7w3_1 ._delete-option-box_7x7w3_15 {
  display: grid;
  grid-template-columns: minmax(405px, 1fr) minmax(340px, 1fr);
  grid-template-rows: 40px 40px 42px 36px;
  grid-template-areas: "pagination pagination" "date search" "checkbox checkbox" "sort sort";
  gap: 16px;
  padding: 24px 0;
  background-color: var(--white);
  z-index: 1;
  position: sticky;
  top: 0;
}
._delete-contents-container_7x7w3_1 ._paginationbox_7x7w3_27 {
  grid-area: pagination;
}
._delete-contents-container_7x7w3_1 ._datapickerbox_7x7w3_30 {
  grid-area: date;
}
._delete-contents-container_7x7w3_1 ._searchbarbox_7x7w3_33 {
  grid-area: search;
}
._delete-contents-container_7x7w3_1 ._option-box_7x7w3_36 {
  grid-area: checkbox;
}
._delete-contents-container_7x7w3_1 ._option-box_7x7w3_36 > header {
  min-width: 64px;
  width: 64px;
}
._delete-contents-container_7x7w3_1 ._option-box_7x7w3_36 ._checkgroup_7x7w3_43 {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}
._delete-contents-container_7x7w3_1 ._sort-option-box_7x7w3_48 {
  grid-area: sort;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
._delete-contents-container_7x7w3_1 ._sort-option-box_7x7w3_48 ._sort-select_7x7w3_54 {
  position: relative;
  top: 0;
  width: 110px;
  border: 1px solid var(--gray-300);
  border-radius: 4px;
  box-sizing: border-box;
}
._delete-contents-container_7x7w3_1 ._sort-option-box_7x7w3_48 ._sort-select_7x7w3_54._isShow_7x7w3_62 {
  width: 110px;
  border-radius: 4px 4px 0 0;
}

._deletelist_7x7w3_67 {
  /*margin-top: 24px;*/
}._delete-table_17htm_1 {
  margin-bottom: 48px;
}
._delete-table_17htm_1 ._button-icon_17htm_4 {
  --button-padding: 0;
}

._delete-table-more-row_17htm_8 {
  display: flex;
  flex-flow: row wrap;
  gap: 24px;
}
._delete-table-more-row_17htm_8 ._more-row-container_17htm_13 {
  margin-left: 108px;
}._deleteinfo-container_sqfnq_1 {
  display: grid;
  grid-template-columns: 960px;
  grid-template-rows: 344px minmax(344px, auto);
  grid-template-areas: "header" "picture";
  gap: 40px;
}._deleteinfo-header-container_ym81x_1 {
  grid-area: header;
  height: 100%;
  box-sizing: border-box;
  padding: 48px 56px;
  justify-content: space-between;
}
._deleteinfo-header-container_ym81x_1 > header {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
._deleteinfo-header-container_ym81x_1 > header > h2 {
  color: var(--bluegray-500);
}
._deleteinfo-header-container_ym81x_1 > header > h3 {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  align-items: center;
  --button-color: var(--font-gray);
}
._deleteinfo-header-container_ym81x_1 ._deleteinfo-container_ym81x_23 {
  display: flex;
  flex-flow: row nowrap;
}
._deleteinfo-header-container_ym81x_1 ._deleteinfo-article_ym81x_27 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex-grow: 1;
  flex-basis: 388px;
  --button-padding: 5px 15px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._deleteinfo-header-container_ym81x_1 ._deleteinfo-article_ym81x_27 ._save-button_ym81x_37 {
  --button-color-disabled: var(--font-disabled-gray);
}
._deleteinfo-header-container_ym81x_1 ._deleteinfo-article_ym81x_27 h4 {
  color: var(--gray-400);
}
._deleteinfo-header-container_ym81x_1 ._deleteinfo-article_ym81x_27 > article {
  display: flex;
  flex-flow: row nowrap;
  gap: 20px;
}
._deleteinfo-header-container_ym81x_1 ._label-box_ym81x_48 {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  flex-basis: 184px;
  gap: 4px;
}
._deleteinfo-header-container_ym81x_1 ._label-box_ym81x_48 > input {
  height: 40px;
  background-color: #f5f5f5;
  --stroke-gray: #e0e0e0;
  color: var(--font-disabled-gray);
}
._deleteinfo-header-container_ym81x_1 ._label-box_ym81x_48 span {
  color: var(--font-disabled-gray);
}
._deleteinfo-header-container_ym81x_1 ._label-box_ym81x_48 ._label_ym81x_48 {
  color: var(--font-disabled-gray);
}
._deleteinfo-header-container_ym81x_1 ._label-box_ym81x_48 ._date_ym81x_67 {
  padding: 9px 12px;
}
._deleteinfo-header-container_ym81x_1 ._divider_ym81x_70 {
  margin: 0 32px;
  background-color: var(--gray-200);
}

._savepicture-container_ym81x_75 {
  grid-area: picture;
  position: relative;
  padding: 48px 56px;
  box-sizing: border-box;
  max-height: initial;
  margin-bottom: 56px;
}
._savepicture-container_ym81x_75 ._area-header_ym81x_83 {
  margin-bottom: 40px;
  color: #424242;
}
._savepicture-container_ym81x_75 ._button-section_ym81x_87 {
  display: flex;
  flex-flow: column nowrap;
  gap: 40px;
  /*position: sticky;*/
  /*top: 0;*/
}
._savepicture-container_ym81x_75 ._button-section_ym81x_87 ._category-option-area_ym81x_94 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
._savepicture-container_ym81x_75 ._button-section_ym81x_87 ._category-option-area_ym81x_94 ._category-group_ym81x_99 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}
._savepicture-container_ym81x_75 ._button-section_ym81x_87 ._category-option-area_ym81x_94 ._category-group_ym81x_99 > h4 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 128px;
  min-width: 128px;
  color: var(--typo-high);
}
._savepicture-container_ym81x_75 ._button-section_ym81x_87 ._category-option-area_ym81x_94 ._category-group_ym81x_99 > ._option-button_ym81x_112 {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}
._savepicture-container_ym81x_75 ._button-section_ym81x_87 ._category-option-area_ym81x_94 ._category-group_ym81x_99 > ._option-button_ym81x_112 ._toggle-button_ym81x_117 {
  width: 128px;
  height: 40px;
}
._savepicture-container_ym81x_75 ._toggle-button_ym81x_117 {
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.12s ease-in-out;
  --button-padding: 9px;
}
._savepicture-container_ym81x_75 ._toggle-button_ym81x_117:not(._checked_ym81x_125) {
  color: var(--typo-high) !important;
  --button-color: var(--bluegray-425);
  --button-color-hover: var(--bluegray-425);
}
._savepicture-container_ym81x_75 ._toggle-button_ym81x_117:not(._checked_ym81x_125):hover {
  background-color: var(--bluegray-75);
}
._savepicture-container_ym81x_75 ._toggle-button_ym81x_117._checked_ym81x_125 {
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._savepicture-container_ym81x_75 ._sort-option-area_ym81x_137 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
._savepicture-container_ym81x_75 ._sort-option-area_ym81x_137 ._sort-option_ym81x_137 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  min-width: 150px;
}
._savepicture-container_ym81x_75 ._sort-option-area_ym81x_137 ._sort-option_ym81x_137 > div {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
}
._savepicture-container_ym81x_75 ._sort-option-area_ym81x_137 ._sort-option_ym81x_137 ._popup-container_ym81x_154 {
  position: relative;
}
._savepicture-container_ym81x_75 ._sort-option-area_ym81x_137 ._sort-option_ym81x_137 ._sort-iconbutton_ym81x_157 {
  --button-padding: 8px;
}
._savepicture-container_ym81x_75 ._sort-option-area_ym81x_137 ._sort-option_ym81x_137 ._radio-button_ym81x_160 {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  justify-content: flex-end;
}
._savepicture-container_ym81x_75 ._sort-option-area_ym81x_137 ._button-box_ym81x_166 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}
._savepicture-container_ym81x_75 ._selectbox-container_ym81x_172 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  width: 110px;
  min-height: 36px;
  --selectbox-padding: 7px 12px;
}
._savepicture-container_ym81x_75 ._selectbox-container_ym81x_172 ._selectbox_ym81x_172 {
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}
._savepicture-container_ym81x_75 ._selectbox-container_ym81x_172 ._selectbox_ym81x_172._isShow_ym81x_187 {
  border-radius: 4px 4px 0 0;
}
._savepicture-container_ym81x_75 ._selection-button_ym81x_190 {
  width: 72px;
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
  --button-padding: 5px;
  --button-color-disabled: var(--font-disabled-gray);
}
._savepicture-container_ym81x_75 ._selection-button_ym81x_190._icon_ym81x_197 {
  width: 36px;
  height: 36px;
  --button-color: var(--font-disabled-gray);
  --button-color-hover: var(--font-disabled-gray);
  --button-color-disabled: var(--gray-300);
  /*--button-padding: 8px;*/
}
._savepicture-container_ym81x_75 ._selection-button-cancel_ym81x_205 {
  width: 72px;
  --button-color: #eceef2;
  --button-color-hover: #eceef2;
  --button-text-oncolor: var(--brand-navy);
  --button-padding: 6px;
}
._savepicture-container_ym81x_75 ._sort-iconbutton_ym81x_157 {
  transition: background-color 0.12s ease-in-out;
  color: var(--primary-dark);
  --button-color: var(--stroke-gray);
  --button-color-hover: var(--stroke-gray);
}
._savepicture-container_ym81x_75 ._sort-iconbutton_ym81x_157:hover {
  background-color: var(--bluegray-75);
}

._picturelist-container_ym81x_222 {
  display: flex;
  flex-flow: column nowrap;
  gap: 56px;
  margin-top: 36px;
}
._picturelist-container_ym81x_222 ._picturelist-item-container_ym81x_228 {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
._picturelist-container_ym81x_222 ._picturelist-item-header_ym81x_233 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
}
._picturelist-container_ym81x_222 ._picturelist-item-header_ym81x_233 ._month_ym81x_239 {
  width: 72px;
}
._picturelist-container_ym81x_222 ._picturelist-itemlist_ym81x_242 {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}
._picturelist-container_ym81x_222 ._item-thumbnail-container_ym81x_247 {
  position: relative;
  max-height: 128px;
  max-width: 128px;
}
._picturelist-container_ym81x_222 ._item-thumbnail-container_ym81x_247 ._item-thumbnail-chip_ym81x_252 {
  position: absolute;
  bottom: 8px;
  right: 8px;
  --chip-color: var(--white);
  --chip-surface: #22222280;
}
._picturelist-container_ym81x_222 ._item-thumbnail-container_ym81x_247 ._item-thumbnail-checkbox_ym81x_259 {
  position: absolute;
  top: 8px;
  left: 8px;
  cursor: pointer;
  --checkbox-color: var(--white);
  --checkbox-color-checked: var(--white);
}._notice-contents-container_1ldyz_1 {
  padding: 48px 56px;
  margin-bottom: 56px;
  height: 100%;
  box-sizing: border-box;
}
._notice-contents-container_1ldyz_1 ._pagination-container_1ldyz_7 {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: center;
  margin-top: 32px;
}

._notice-table_1ldyz_15 {
  height: 100%;
  margin-top: 40px;
}
._notice-table_1ldyz_15 ._notice-table-row_1ldyz_19 {
  gap: 16px;
  padding: 14px 16px;
  height: initial;
  max-height: initial;
  max-width: 848px;
}

._notice-article-container_1ldyz_27 {
  box-sizing: border-box;
  padding: 48px 56px;
  margin-bottom: 56px;
  height: 100%;
  max-height: calc(100vh - 48px - 112px);
}
._notice-article-container_1ldyz_27 ._notice-article-area_1ldyz_34 {
  display: flex;
  flex-flow: column nowrap !important;
  /*& > address {*/
  /*    margin-bottom: 26px;*/
  /*}*/
}
._notice-article-container_1ldyz_27 ._notice-article-area_1ldyz_34 > h2 {
  margin-bottom: 16px;
  cursor: pointer;
}
._notice-article-container_1ldyz_27 ._notice-article-area_1ldyz_34 > h3 {
  margin-bottom: 14px;
}
._notice-article-container_1ldyz_27 ._divider_1ldyz_48 {
  width: 100%;
  height: 2px;
  background-color: var(--gray-200);
  margin: 26px 0;
}._product-content-container_1ocm0_1 {
  padding: 48px 56px;
  max-height: initial;
}
._product-content-container_1ocm0_1 ._product-section_1ocm0_5 {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 48px;
  gap: 88px;
}
._product-content-container_1ocm0_1 ._product-section_1ocm0_5 ._image-box_1ocm0_11 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 416px;
  height: 416px;
  /*noinspection CssUnknownTarget*/
  background-image: url("/image/login-surface.png");
  background-repeat: no-repeat;
  background-size: cover;
}
._product-content-container_1ocm0_1 ._product-section_1ocm0_5 ._image-box_1ocm0_11 > img {
  width: 50%;
}
._product-content-container_1ocm0_1 ._product-section_1ocm0_5 ._product-box_1ocm0_26 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  gap: 16px;
}
._product-content-container_1ocm0_1 ._product-section_1ocm0_5 ._product-box_1ocm0_26 > li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
._product-content-container_1ocm0_1 ._product-section_1ocm0_5 ._product-box_1ocm0_26 > li > span {
  width: 128px;
}
._product-content-container_1ocm0_1 ._product-footer_1ocm0_41 {
  display: flex;
  flex-flow: row nowrap;
  gap: 36px;
}
._product-content-container_1ocm0_1 ._product-footer_1ocm0_41 ._logo-box_1ocm0_46 {
  width: 166px;
  min-width: 166px;
  height: 93px;
}
._product-content-container_1ocm0_1 ._product-footer_1ocm0_41 ._logo-box_1ocm0_46 > img {
  width: 100%;
  height: 100%;
}
._product-content-container_1ocm0_1 ._product-footer_1ocm0_41 ._address-container_1ocm0_55 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  /*gap: 32px;*/
}
._product-content-container_1ocm0_1 ._product-footer_1ocm0_41 ._address-container_1ocm0_55 ._address-box_1ocm0_63 {
  display: flex;
  flex-flow: column;
  gap: 12px;
  color: var(--gray-600);
}

._divider_1ocm0_70 {
  width: 100%;
  height: 2px;
  background-color: var(--gray-200);
  margin-top: 48px;
  margin-bottom: 40px;
}._auth-content-container_ywkav_1 {
  box-sizing: border-box;
  padding: 48px 56px;
}
._auth-content-container_ywkav_1 > h2 {
  margin-bottom: 40px;
}
._auth-content-container_ywkav_1 ._input-container_ywkav_8 {
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
  margin-top: 84px;
  margin-bottom: 112px;
}
._auth-content-container_ywkav_1 ._inputlabel-box_ywkav_15 {
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
  width: 384px;
}
._auth-content-container_ywkav_1 ._button-container_ywkav_21 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
._auth-content-container_ywkav_1 ._button-container_ywkav_21 ._confirm-button_ywkav_26 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 144px;
  height: 40px;
  --button-color: var(--brand-navy);
  --button-color-hover: var(--brand-navy);
}

._modify-contents-container_ywkav_37 {
  box-sizing: border-box;
  padding: 48px 56px;
}
._modify-contents-container_ywkav_37 > h2 {
  margin-bottom: 40px;
}
._modify-contents-container_ywkav_37 ._input-container_ywkav_8 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
._modify-contents-container_ywkav_37 ._input-box_ywkav_49 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
._modify-contents-container_ywkav_37 ._input-box_ywkav_49 ._label-root_ywkav_55 {
  width: 128px;
  color: var(--typo-high);
}
._modify-contents-container_ywkav_37 ._input-box_ywkav_49 ._input-root_ywkav_59 {
  width: 488px;
}
._modify-contents-container_ywkav_37 ._input-box_ywkav_49 ._input-root_ywkav_59._validate_ywkav_62 {
  border-color: #e11900;
}
._modify-contents-container_ywkav_37 ._validtext_ywkav_65 {
  display: flex;
  flex-flow: row nowrap;
  margin-left: 144px;
  width: 488px;
  color: #e11900;
  margin-top: -12px;
}
._modify-contents-container_ywkav_37 ._button-container_ywkav_21 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
._modify-contents-container_ywkav_37 ._button-container_ywkav_21 ._button_ywkav_21 {
  width: 144px;
  height: 40px;
  --button-padding: 0;
}
._modify-contents-container_ywkav_37 ._button-container_ywkav_21 ._cancel-button_ywkav_85 {
  --button-color: #eceef2;
  --button-color-hover: #eceef2;
  --button-text-oncolor: var(--primary-dark);
}
._modify-contents-container_ywkav_37 ._button-container_ywkav_21 ._confirm-button_ywkav_26 {
  --button-color: var(--primary-dark);
  --button-color-hover: var(--primary-dark);
}
._modify-contents-container_ywkav_37 ._select-box_ywkav_94 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  top: 0;
}
._modify-contents-container_ywkav_37 ._select-box_ywkav_94 ._label-root_ywkav_55 {
  width: 128px;
  color: var(--typo-high);
}
._modify-contents-container_ywkav_37 ._select-box_ywkav_94 ._select-root_ywkav_107 {
  position: relative;
  top: 0;
  width: 488px;
  border: 1px solid var(--gray-300);
  border-radius: 4px;
  box-sizing: border-box;
  height: 42px;
}
._modify-contents-container_ywkav_37 ._select-box_ywkav_94 ._select-root_ywkav_107._isShow_ywkav_116 {
  width: 488px;
  border-radius: 4px 4px 0 0;
}