@import url("../../fonts/font.css");

:root {
    --blue-800: #004FD0;
    --blue-700: #1454F2;
    --blue-600: #7DACF8;
    --blue-500: #A0C3FA;
    --blue-400: #BDD7FF;
    --blue-300: #C6DBFF;
    --blue-200: #E0ECFF;
    --blue-100: #EEF4FF;

    --gray-600: #22282F;
    --gray-500: #39424E;
    --gray-400: #9BA5B4;
    --gray-300: #D1D6DD;
    --gray-200: #E3E6EA;
    --gray-100: #F3F4F6;

    --danger-700: #D93838;
    --danger-600: #FF4242;
    --danger-500: #FF6868;
    --danger-400: #FF9797;
    --danger-300: #FFB3B3;
    --danger-200: #FFD9D9;
    --danger-100: #FFEDED;

    --white: #FFFFFF;
    --black: #000000;
}

* {
    box-sizing: border-box;
}

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;
}

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

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

em {
    font-style: normal;
}

a {
    color: inherit;
    text-decoration: none;
}

br.mobile_br {
    display: none;
}

body {
    font-size: 13px;
    line-height: 1.385;
    letter-spacing: -0.2px;
    font-weight: 400;
    font-family: 'Pretendard', sans-serif;
    color: #14171C;
}

h1 {
    /* 	font-size: 2.769rem; */
    font-size: 36px;
    line-height: 1.334;
    font-weight: 700;
}

h2 {
    /* 	font-size: 2.461rem; */
    font-size: 32px;
    line-height: 1.312;
    font-weight: 700;
}

h3 {
    /* 	font-size: 1.846rem; */
    font-size: 24px;
    line-height: 1.334;
    font-weight: 700;
}

h4 {
    /* 	font-size: 1.538rem; */
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

h5 {
    /* 	font-size: 1.307rem; */
    font-size: 17px;
    line-height: 1.53;
    font-weight: 700;
}

h6 {
    /* 	font-size: 1.153rem; */
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
}

small,
.small {
    font-size: 11px;
}

strong,
.strong {
    font-weight: 700;
}

b,
.b {
    font-weight: 500;
}

.normal {
    font-weight: 400;
}

.highlight {
    color: var(--blue-700);
}

.text_left {
    text-align: left !important;
}

.text_center {
    text-align: center !important;
}

.text_right {
    text-align: right !important;
}

.link_arrow {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    color: #7F8285;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
}

.link_arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    background-image: url('/images/adm/icon/arrow/arrow_right_gray.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    transform: translateY(-50%);
}

.link_arrow.black {
    color: #1B1716;
}

.link_arrow.black:after {
    background-image: url('/images/adm/icon/arrow/arrow_right_black.svg');
}

.link_arrow.white {
    color: #FFF;
}

.link_arrow.white:after {
    background-image: url('/images/adm/icon/arrow/arrow_right_white.svg');
}

.link_arrow.prev {
    padding-right: 0px;
    padding-left: 15px;
}

.link_arrow.prev:after {
    left: 0;
    right: auto;
    background-image: url('/images/adm/icon/arrow/arrow_left_gray.svg');
}

/* layout */
header {
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #FFF;
    border-bottom: 1px solid #E7E9EC;
}

aside {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 240px;
    background-color: #FFF;
    padding-top: 60px;
    z-index: 10;
    border-right: 1px solid #E7E9EC;
    overflow: auto;
}

aside.on {
    overflow-y: scroll;
    z-index: 1100;
}

main {
    width: 100%;
    padding-top: 60px;
    z-index: 10;
}

main.side_on {
    padding-left: 240px;
}

main>section {
}

.header_area,
.header_left,
.header_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_area {
    width: 100%;
    padding: 15px 0;
}

.header_logo {
}

.header_logo a {
    display: block;
    font-size: 0;
    width: 240px;
    height: 30px;
    background-image: url('/images/adm/logo/logo.svg');
    background-size: auto 30px;
    background-position: left center;
    background-repeat: no-repeat;
}

.gnb {
}

.gnb ul,
.lnb ul {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lnb ul {
    gap: 16px;
}

.gnb a {
    display: block;
    padding: 6px 10px;
    border-radius: 8px;
    background-color: #F3F4F6;
}

.left_menu {
    padding: 8px 10px 0;
}

.navigation>li {
    margin-bottom: 4px;
}

.navigation li a {
    display: block;
    padding: 10px 10px;
    font-weight: 500;
}

.has_sub {
    border-radius: 8px;
    background-color: #F3F4F6;
    background-image: url('/images/adm/icon/arrow/arrow_top_black.svg');
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.has_sub.on {
    background-image: url('/images/adm/icon/arrow/arrow_down_black.svg');
}

.sub_navigation>li>a {
    padding-left: 24px;
    color: #6B7787;
}

.container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.lg_container {
    margin: 0 auto;
    max-width: 1680px;
}

.md_container {
    margin: 0 auto;
    max-width: 1170px;
}

.sm_container {
    margin: 0 auto;
    max-width: 760px;
}

.xs_container {
    margin: 0 auto;
    max-width: 420px;
}

.common_section {
    padding-top: 48px;
    padding-bottom: 48px;
}

.sign_section {
    padding-top: 80px;
    padding-bottom: 100px;
}


.bg_gray {
    background: var(--gray-100);
}

/* color */
.gray {
    color: #6B7787;
}

/*
    icon
    small 12px
    midium 16px
    large 24px
*/
.ico {
    font-size: 0;
    font-style: normal;
    border: none;
    background: none;
    background-repeat: no-repeat;
    background-position: center;
}

.ico.xs {
    display: block;
    width: 12px;
    height: 12px;
    background-size: 12px;
}

.ico.sm {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.ico.md {
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.ico.lg {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.ico.xl {
    display: block;
    width: 32px;
    height: 32px;
    background-size: 32px;
}

.arrow_top {
    background-image: url('/images/adm/icon/arrow/arrow_top_black.svg');
}

.arrow_right {
    background-image: url('/images/adm/icon/arrow/arrow_right_black.svg');
}

.arrow_down {
    background-image: url('/images/adm/icon/arrow/arrow_down_black.svg');
}

.arrow_left {
    background-image: url('/images/adm/icon/arrow/arrow_left_black.svg');
}

.arrow_top_white {
    background-image: url('/images/adm/icon/arrow/arrow_top_white.svg');
}

.arrow_right_white {
    background-image: url('/images/adm/icon/arrow/arrow_right_white.svg');
}

.arrow_down_white {
    background-image: url('/images/adm/icon/arrow/arrow_down_white.svg');
}

.arrow_left_white {
    background-image: url('/images/adm/icon/arrow/arrow_left_white.svg');
}

.arrow_top_blue {
    background-image: url('/images/adm/icon/arrow/arrow_top_blue.svg');
}

.arrow_right_blue {
    background-image: url('/images/adm/icon/arrow/arrow_right_blue.svg');
}

.arrow_down_blue {
    background-image: url('/images/adm/icon/arrow/arrow_down_blue.svg');
}

.arrow_left_blue {
    background-image: url('/images/adm/icon/arrow/arrow_left_blue.svg');
}

.arrow_top_lightblue {
    background-image: url('/images/adm/icon/arrow/arrow_top_lightblue.svg');
}

.arrow_right_lightblue {
    background-image: url('/images/adm/icon/arrow/arrow_right_lightblue.svg');
}

.arrow_down_lightblue {
    background-image: url('/images/adm/icon/arrow/arrow_down_lightblue.svg');
}

.arrow_left_lightblue {
    background-image: url('/images/adm/icon/arrow/arrow_left_lightblue.svg');
}

.arrow_top_red {
    background-image: url('/images/adm/icon/arrow/arrow_top_red.svg');
}

.arrow_right_red {
    background-image: url('/images/adm/icon/arrow/arrow_right_red.svg');
}

.arrow_down_red {
    background-image: url('/images/adm/icon/arrow/arrow_down_red.svg');
}

.arrow_left_red {
    background-image: url('/images/adm/icon/arrow/arrow_left_red.svg');
}

.arrow_top_lightred {
    background-image: url('/images/adm/icon/arrow/arrow_top_lightred.svg');
}

.arrow_right_lightred {
    background-image: url('/images/adm/icon/arrow/arrow_right_lightred.svg');
}

.arrow_down_lightred {
    background-image: url('/images/adm/icon/arrow/arrow_down_lightred.svg');
}

.arrow_left_lightred {
    background-image: url('/images/adm/icon/arrow/arrow_left_lightred.svg');
}

.ico_menu {
    background-image: url('/images/adm/icon/icon/default/ico_menu.svg');
}

.ico_close {
    background-image: url('/images/adm/icon/icon/default/ico_close.svg');
}

.ico_plus {
    background-image: url('/images/adm/icon/icon/default/ico_plus.svg');
}

.ico_search {
    background-image: url('/images/adm/icon/icon/default/ico_search.svg');
}

.ico_alert {
    background-image: url('/images/adm/icon/icon/default/ico_alert.svg');
}

.ico_delete {
    background-image: url('/images/adm/icon/icon/default/ico_delete.svg');
}

.ico_download {
    background-image: url('/images/adm/icon/icon/default/ico_download.svg');
}

.ico_calendar {
    background-image: url('/images/adm/icon/icon/default/ico_calendar.svg');
}

.ico_reset {
    background-image: url('/images/adm/icon/icon/default/ico_reset.svg');
}

.ico_link {
    background-image: url('/images/adm/icon/icon/default/ico_link.svg');
}

.ico_file {
    background-image: url('/images/adm/icon/icon/default/ico_file.svg');
}

.ico_image {
    background-image: url('/images/adm/icon/icon/default/ico_image.svg');
}

.ico_more {
    background-image: url('/images/adm/icon/icon/default/ico_more.svg');
}

.ico_edit {
    background-image: url('/images/adm/icon/icon/default/ico_edit.svg');
}

.ico_menu_black {
    background-image: url('/images/adm/icon/icon/black/ico_menu.svg');
}

.ico_close_black {
    background-image: url('/images/adm/icon/icon/black/ico_close.svg');
}

.ico_plus_black {
    background-image: url('/images/adm/icon/icon/black/ico_plus.svg');
}

.ico_search_black {
    background-image: url('/images/adm/icon/icon/black/ico_search.svg');
}

.ico_alert_black {
    background-image: url('/images/adm/icon/icon/black/ico_alert.svg');
}

.ico_delete_black {
    background-image: url('/images/adm/icon/icon/black/ico_delete.svg');
}

.ico_download_black {
    background-image: url('/images/adm/icon/icon/black/ico_download.svg');
}

.ico_calendar_black {
    background-image: url('/images/adm/icon/icon/black/ico_calendar.svg');
}

.ico_reset_black {
    background-image: url('/images/adm/icon/icon/black/ico_reset.svg');
}

.ico_link_black {
    background-image: url('/images/adm/icon/icon/black/ico_link.svg');
}

.ico_file_black {
    background-image: url('/images/adm/icon/icon/black/ico_file.svg');
}

.ico_image_black {
    background-image: url('/images/adm/icon/icon/black/ico_image.svg');
}

.ico_more_black {
    background-image: url('/images/adm/icon/icon/black/ico_more.svg');
}

.ico_edit_black {
    background-image: url('/images/adm/icon/icon/black/ico_edit.svg');
}

.ico_menu_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_menu.svg');
}

.ico_close_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_close.svg');
}

.ico_plus_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_plus.svg');
}

.ico_search_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_search.svg');
}

.ico_alert_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_alert.svg');
}

.ico_delete_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_delete.svg');
}

.ico_download_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_download.svg');
}

.ico_calendar_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_calendar.svg');
}

.ico_reset_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_reset.svg');
}

.ico_link_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_link.svg');
}

.ico_file_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_file.svg');
}

.ico_image_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_image.svg');
}

.ico_more_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_more.svg');
}

.ico_edit_gray {
    background-image: url('/images/adm/icon/icon/gray/ico_edit.svg');
}

.ico_menu_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_menu.svg');
}

.ico_close_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_close.svg');
}

.ico_plus_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_plus.svg');
}

.ico_search_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_search.svg');
}

.ico_alert_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_alert.svg');
}

.ico_delete_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_delete.svg');
}

.ico_download_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_download.svg');
}

.ico_calendar_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_calendar.svg');
}

.ico_reset_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_reset.svg');
}

.ico_link_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_link.svg');
}

.ico_file_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_file.svg');
}

.ico_image_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_image.svg');
}

.ico_more_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_more.svg');
}

.ico_edit_blue {
    background-image: url('/images/adm/icon/icon/blue/ico_edit.svg');
}

.ico_menu_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_menu.svg');
}

.ico_close_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_close.svg');
}

.ico_plus_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_plus.svg');
}

.ico_search_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_search.svg');
}

.ico_alert_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_alert.svg');
}

.ico_delete_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_delete.svg');
}

.ico_download_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_download.svg');
}

.ico_calendar_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_calendar.svg');
}

.ico_reset_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_reset.svg');
}

.ico_link_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_link.svg');
}

.ico_file_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_file.svg');
}

.ico_image_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_image.svg');
}

.ico_more_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_more.svg');
}

.ico_edit_lightblue {
    background-image: url('/images/adm/icon/icon/lightblue/ico_edit.svg');
}

.ico_menu_red {
    background-image: url('/images/adm/icon/icon/red/ico_menu.svg');
}

.ico_close_red {
    background-image: url('/images/adm/icon/icon/red/ico_close.svg');
}

.ico_plus_red {
    background-image: url('/images/adm/icon/icon/red/ico_plus.svg');
}

.ico_search_red {
    background-image: url('/images/adm/icon/icon/red/ico_search.svg');
}

.ico_alert_red {
    background-image: url('/images/adm/icon/icon/red/ico_alert.svg');
}

.ico_delete_red {
    background-image: url('/images/adm/icon/icon/red/ico_delete.svg');
}

.ico_download_red {
    background-image: url('/images/adm/icon/icon/red/ico_download.svg');
}

.ico_calendar_red {
    background-image: url('/images/adm/icon/icon/red/ico_calendar.svg');
}

.ico_reset_red {
    background-image: url('/images/adm/icon/icon/red/ico_reset.svg');
}

.ico_link_red {
    background-image: url('/images/adm/icon/icon/red/ico_link.svg');
}

.ico_file_red {
    background-image: url('/images/adm/icon/icon/red/ico_file.svg');
}

.ico_image_red {
    background-image: url('/images/adm/icon/icon/red/ico_image.svg');
}

.ico_more_red {
    background-image: url('/images/adm/icon/icon/red/ico_more.svg');
}

.ico_edit_red {
    background-image: url('/images/adm/icon/icon/red/ico_edit.svg');
}

.ico_menu_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_menu.svg');
}

.ico_close_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_close.svg');
}

.ico_plus_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_plus.svg');
}

.ico_search_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_search.svg');
}

.ico_alert_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_alert.svg');
}

.ico_delete_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_delete.svg');
}

.ico_download_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_download.svg');
}

.ico_calendar_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_calendar.svg');
}

.ico_reset_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_reset.svg');
}

.ico_link_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_link.svg');
}

.ico_file_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_file.svg');
}

.ico_image_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_image.svg');
}

.ico_more_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_more.svg');
}

.ico_edit_lightred {
    background-image: url('/images/adm/icon/icon/lightred/ico_edit.svg');
}

.ico_menu_white {
    background-image: url('/images/adm/icon/icon/white/ico_menu.svg');
}

.ico_close_white {
    background-image: url('/images/adm/icon/icon/white/ico_close.svg');
}

.ico_plus_white {
    background-image: url('/images/adm/icon/icon/white/ico_plus.svg');
}

.ico_search_white {
    background-image: url('/images/adm/icon/icon/white/ico_search.svg');
}

.ico_alert_white {
    background-image: url('/images/adm/icon/icon/white/ico_alert.svg');
}

.ico_delete_white {
    background-image: url('/images/adm/icon/icon/white/ico_delete.svg');
}

.ico_download_white {
    background-image: url('/images/adm/icon/icon/white/ico_download.svg');
}

.ico_calendar_white {
    background-image: url('/images/adm/icon/icon/white/ico_calendar.svg');
}

.ico_reset_white {
    background-image: url('/images/adm/icon/icon/white/ico_reset.svg');
}

.ico_link_white {
    background-image: url('/images/adm/icon/icon/white/ico_link.svg');
}

.ico_file_white {
    background-image: url('/images/adm/icon/icon/white/ico_file.svg');
}

.ico_image_white {
    background-image: url('/images/adm/icon/icon/white/ico_image.svg');
}

.ico_more_white {
    background-image: url('/images/adm/icon/icon/white/ico_more.svg');
}

.ico_edit_white {
    background-image: url('/images/adm/icon/icon/white/ico_edit.svg');
}


.ico_new {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-image: url('/images/adm/icon/ico_new.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F97415;
}

.ico_reply {
    display: block;
    padding: 2px 6px;
    color: var(--blue-700);
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: -0.2px;
    border-radius: 10px;
    border: 1px solid #D1D6DD;
}

/* opacity */
.op10 {
    opacity: 0.1;
}

.op20 {
    opacity: 0.2;
}

.op30 {
    opacity: 0.3;
}

.op40 {
    opacity: 0.4;
}

.op50 {
    opacity: 0.5;
}

.op60 {
    opacity: 0.6;
}

.op70 {
    opacity: 0.7;
}

.op80 {
    opacity: 0.8;
}

.op90 {
    opacity: 0.9;
}

/* button */
button {
    font-family: 'Pretendard', sans-serif;
    cursor: pointer;
}

.btn_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.btn {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #39424E;
    border: 1px solid #39424E;
    border-radius: 8px;
    background-color: #FFF;
    white-space: nowrap;
}

/* btn size */
.btn.block {
    width: 100%;
    justify-content: center;
}

.btn.disabled {
    opacity: 0.4;
    cursor: auto;
}

.btn.sm {
    padding: 5px 8px;
    font-size: 11px;
    border-radius: 4px;
}

.btn.md {
    padding: 12px 12px;
    font-size: 15px;
    border-radius: 8px;
}

.btn.lg {
    padding: 14px 20px;
    font-size: 15px;
    border-radius: 10px;
}

.btn.ipt {
    padding: 12px 12px;
    height: 46px;
    font-size: 15px;
    border-radius: 10px;
}
/* btn color */
button:disabled {
    cursor: no-drop;
}

.solid.primary {
    color: var(--white);
    border-color: var(--blue-700);
    background-color: var(--blue-700);
}

.solid.primary:hover {
    color: var(--white);
    border-color: var(--blue-800);
    background-color: var(--blue-800);
}

.solid.primary:disabled {
    color: var(--white);
    border-color: var(--blue-500);
    background-color: var(--blue-500);
}

.solid.gray {
    color: var(--white);
    border-color: var(--gray-500);
    background-color: var(--gray-500);
}

.solid.gray:hover {
    color: var(--white);
    border-color: var(--gray-600);
    background-color: var(--gray-600);
}

.solid.gray:disabled {
    color: var(--white);
    border-color: var(--gray-300);
    background-color: var(--gray-300);
}

.solid.danger {
    color: var(--white);
    border-color: var(--danger-600);
    background-color: var(--danger-600);
}

.solid.danger:hover {
    color: var(--white);
    border-color: var(--danger-700);
    background-color: var(--danger-700);
}

.solid.danger:disabled {
    color: var(--white);
    border-color: var(--danger-300);
    background-color: var(--danger-300);
}

.light.primary {
    color: var(--blue-700);
    border-color: var(--blue-200);
    background-color: var(--blue-200);
}

.light.primary:hover {
    color: var(--blue-700);
    border-color: var(--blue-300);
    background-color: var(--blue-300);
}

.light.primary:disabled {
    color: var(--blue-600);
    border-color: var(--blue-100);
    background-color: var(--blue-100);
}

.light.gray {
    color: var(--gray-500);
    border-color: var(--gray-100);
    background-color: var(--gray-100);
}

.light.gray:hover {
    color: var(--gray-500);
    border-color: var(--gray-200);
    background-color: var(--gray-200);
}

.light.gray:disabled {
    color: var(--gray-400);
    border-color: var(--gray-100);
    background-color: var(--gray-100);
}

.light.danger {
    color: var(--danger-600);
    border-color: var(--danger-100);
    background-color: var(--danger-100);
}

.light.danger:hover {
    color: var(--danger-600);
    border-color: var(--danger-200);
    background-color: var(--danger-200);
}

.light.danger:disabled {
    color: var(--danger-400);
    border-color: var(--danger-100);
    background-color: var(--danger-100);
}

.outline.primary {
    color: var(--blue-700);
    border-color: var(--blue-600);
    background-color: var(--white);
}

.outline.primary:hover {
    color: var(--blue-700);
    border-color: var(--blue-600);
    background-color: var(--blue-100);
}

.outline.primary:disabled {
    color: var(--blue-600);
    border-color: var(--blue-400);
    background-color: var(--white);
}

.outline.gray {
    color: var(--gray-500);
    border-color: var(--gray-300);
    background-color: var(--white);
}

.outline.gray:hover {
    color: var(--gray-500);
    border-color: var(--gray-300);
    background-color: var(--gray-100);
}

.outline.gray:disabled {
    color: var(--gray-400);
    border-color: var(--gray-300);
    background-color: var(--white);
}

.outline.danger {
    color: var(--danger-600);
    border-color: var(--danger-500);
    background-color: var(--white);
}

.outline.danger:hover {
    color: var(--danger-600);
    border-color: var(--danger-500);
    background-color: var(--danger-100);
}

.outline.danger:disabled {
    color: var(--danger-400);
    border-color: var(--danger-300);
    background-color: var(--white);
}

/* more_btn */
.more_btn {
    position: relative;
}

.more_btn_area {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    padding: 16px 16px;
    border-radius: 8px;
    border: 1px solid #F3F4F6;
    background: #FFF;
    box-shadow: 2px 10px 18px 0px rgba(0, 0, 0, 0.06);
}

.more_btn_area.on {
    display: block;
}

.more_btn_area li+li {
    margin-top: 12px;
}

.more_btn_area button {
    min-width: 52px;
    padding: 2px 4px;
    background: #FFF;
    border: none;
}

/*badge*/
.badge {
    display: inline-block;
    padding: 4px 8px;
    color: #485363;
    font-size: 11px;
    font-weight: 500;
    border-radius: 20px;
    border-color: #F3F4F6;
    background-color: #F3F4F6;
}

.badge.on {
    color: #FFF;
    border-color: #485363;
    background-color: #485363;
}

.blue {
    color: var(--blue-700);
    border-color: #E9F2FF;
    background-color: #E9F2FF;
}

.blue_on {
    color: #FFF;
    border-color: var(--blue-700);
    background-color: var(--blue-700);
}

.red {
    color: #FF4242;
    border-color: #FFEDED;
    background-color: #FFEDED;
}

.red_on {
    color: #FFF;
    border-color: #FF4242;
    background-color: #FF4242;
}

.danger {
    color: #F97415;
    border-color: #FEE3D0;
    background-color: #FEE3D0;
}

.danger_on {
    color: #FFF;
    border-color: #F97415;
    background-color: #F97415;
}

.green {
    color: #21C45D;
    border-color: #D3F3DF;
    background-color: #D3F3DF;
}

.green_on {
    color: #FFF;
    border-color: #21C45D;
    background-color: #21C45D;
}

.class1 {
    color: #FFF;
    border-color: var(--black);
    background-color: var(--black);
}

.class2 {
    color: #FFF;
    border-color: var(--gray-500);
    background-color: var(--gray-500);
}

.class3 {
    color: #FFF;
    border-color: var(--gray-400);
    background-color: var(--gray-400);
}


/* input */
input,
select,
textarea {
    font-size: 15px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
}

input:focus,
select:focus {
    outline: 2px solid #4891FF;
}

input[type='date'],
input[type='time'] {
    -webkit-appearance: none;
    background-color: #FFF;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #FFF;
}

input::placeholder,
select::placeholder {
    color: #848E9D;
}

.ipt_title {
    position: relative;
    display: block;
    color: #485363;
    font-weight: 500;
}

.ipt_title.required:after {
    content: ' *';
    color: var(--blue-700);
}

.ipt_box_area {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ipt_row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 10px;
}
.ipt_row .ipt_box {
    width: calc(33.3334% - 7px);
}
.ipt_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ipt_box_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

.ipt_file_area ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.ipt_file_area .load_ipt_box {
    gap: 16px;
}
.ipt_file_area .load_ipt_box li {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    gap: 16px;
    border-top: 1px solid #000;
}

.ipt_file_area .load_ipt_box li:first-child {
    margin-top: 16px;
}

.ipt_file_area .load_ipt_box li:last-child {
    border-bottom: 1px solid #000;
}

.ipt_desc {}
.ipt_desc ul {
    display: flex;
    align-items: center;
    gap: 4px;
}
.ipt_desc ul li {}

.pr40 {
    padding-right: 40px !important;
}

.ipt_input.flex {
    display: flex;
    align-items: center;
    gap: 8px;
}
.flex_wrap {
    flex-wrap: wrap;
}

.ipt_box.flex .ipt_input {
    width: 100%;
}

.ipt_input {
    position: relative;
}

.ipt_input>button.add_btn {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.ipt_input input {
    width: 100%;
    height: 46px;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #E3E6EA;
}

.ipt_input select {
    width: 100%;
    height: 46px;
    padding: 12px 40px 12px 16px;
    border-radius: 8px;
    border: 1px solid #E3E6EA;
    background-image: url('/images/adm/icon/arrow/arrow_down_black.svg');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
}


.ipt_input.sm select {
    height: 30px;
    padding: 5px 20px 5px 7px;
    border-radius: 4px;
    background-position: right 3px center;
    background-size: 14px;
    font-size: 12px;
}

.ipt_input.sm input[type=text] {
    height: 30px;
    padding: 5px 7x 5px 7px;
    border-radius: 4px;
    font-size: 12px;
}

.ipt_input input:read-only {
    background-color: #F3F4F6;
    border-color: #E7E9EC;
}

.ipt_input.search input {
    background-image: url('/images/adm/icon/icon/default/ico_search.svg');
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 20px;
}

.ipt_input.search.left input {
    padding-left: 40px;
    background-position: left 14px center;
}

.drag_menu {
    padding-left: 40px;
    background-image: url('/images/adm/icon/icon/default/ico_menu.svg');
    background-repeat: no-repeat;
    background-position: left 14px center;
    background-size: 16px;
}

.ipt_input textarea {
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #E3E6EA;
    resize: vertical;
    font-size: 15px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
}

.ipt_input.timer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
}

.timer_wrap {
    position: relative;
    width: 100%;
}

.timer_wrap .time {
    position: absolute;
    bottom: 13px;
    right: 10px;
    color: #FF4242;
}

.timer button {
    width: 160px;
    justify-content: center;
}

.ipt_file_box {
    margin-top: 20px;
}

.ipt_file_box span {
    display: block;
    margin-top: 10px;
}

.ipt_add_file {
    position: relative;
    margin-top: 10px;
}

.ipt_input input[type="file"] {
    height: auto;
    padding: 12px 16px;
    background-color: #FFF;
}

.ipt_input input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 5px 8px;
    color: #39424E;
    font-size: 13px;
    font-family: 'Pretendard', sans-serif;
    background: #fff;
    border: 1px solid #D1D6DD;
    border-radius: 4px;
    cursor: pointer;
}

.ipt_add_file>.del_file {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: 12px;
    background-color: #E7E9EC;
    background-image: url('/images/adm/icon/icon/default/ico_close.svg');
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}

/* ipt_check_lg.svg 9 6 */
/* ipt_check.svg 7 5 */
.ipt_chk {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    word-break: keep-all;
    height: 30px;
}

.ipt_chk input {
    display: none;
}

.ipt_chk span {
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 6px;
    border: 2px solid #D1D6DD;
    border-radius: 4px;
    background: #FFF;
}

.ipt_chk p {
    margin: 0 !important;
    font-size: 13px;
    line-height: 16px;
    color: #14171C;
}

.ipt_chk.large p {
    line-height: 20px;
}

.ipt_chk input:checked+span {
    border-color: var(--blue-700);
    background-color: var(--blue-700);
    background-image: url('/images/adm/icon/icon/ipt_chk.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 6px;
}

.ipt_chk.large span {
    width: 20px;
    height: 20px;
    min-width: 20px;
}

.ipt_chk.large input:checked+span {
    background-size: 12px 8px;
}

.ipt_chk.round span {
    border-radius: 10px;
}

.ipt_radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    word-break: keep-all;
    height: 30px;
}

.ipt_radio input {
    display: none;
}

.ipt_radio span {
    position: relative;
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 6px;
    border: 2px solid #D1D6DD;
    border-radius: 12px;
    background: #FFF;
}

.ipt_radio p {
    margin: 0 !important;
    font-size: 14px;
    line-height: 16px;
    color: #14171C;
}

.ipt_radio input:checked+span {
    border-width: 5px;
    border-color: var(--blue-700);
}

.ipt_radio.large span {
    width: 20px;
    height: 20px;
    min-width: 20px;
}

.ipt_radio.large input:checked+span {
    border-width: 6px;
}

.ipt_radio.large p {
    line-height: 20px;
}

/* switch */
.ipt_switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.ipt_switch input[type="checkbox"] {
    margin: 0;
    appearance: none;
    position: relative;
    width: 38px;
    height: 24px;
    cursor: pointer;
    border: 3px solid #E3E6EA;
    border-radius: 12px;
    background-color: #E3E6EA;
}

.ipt_switch input[type="checkbox"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #FFF;
    transition: left 250ms linear;
    transform: translateY(-50%);
}

.ipt_switch input[type="checkbox"]:checked {
    background-color: var(--blue-700);
    border-color: var(--blue-700);
}

.ipt_switch input[type="checkbox"]:checked::before {
    background-color: white;
    left: 14px;
}

.ipt_switch input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.ipt_switch input[type="checkbox"]:focus {
    outline: 0;
}

.ipt_switch input[type="checkbox"]:focus-visible {
}

/* bar, arrow_list */
.bar_list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bar_list li {
    position: relative;
}

.bar_list li+li {
    padding-left: 8px;
}

.bar_list li+li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #D1D6DD;
    transform: translateY(-50%);
}

.dot_list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dot_list li {
    position: relative;
    color: #6B7787;
}

.dot_list li+li {
    padding-left: 8px;
}

.dot_list li+li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #6B7787;
    border-radius: 50%;
    transform: translateY(-50%);
}

.file_list {
}

.file_list ul {
    margin-top: 24px;
}

.file_list ul li+li {
    margin-top: 8px;
}

.file_list ul li a {
    display: flex;
    align-items: center;
    text-decoration: underline;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
}

/* common area */
.common_form_area {
}

.common_cnt_area {
    margin-bottom: 10px;
}

.common_form_btn {
    margin-top: 32px;
}

/* table */
.common_table_area {}
.common_table_area + .common_table_area {
    margin-top: 20px;
}

.table_title_area {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.table_title {
}

.reponsive_table {
    overflow-y: auto;
}

.reponsive_table table {
    min-width: 1000px;
}

.table {
    /* table-layout: fixed; */
}

.table+.table {
    margin-top: 20px;
}

.tbl_title {
    position: relative;
    display: block;
}

.tbl_title.required:after {
    content: ' *';
    color: var(--blue-700);
}

.list_table tr {
}

.list_table th {
    padding: 6px 12px;
    color: #6B7787;
    font-weight: 500;
    text-align: left;
    background: #F9F9FA;
    vertical-align: middle;
    white-space: nowrap;
}

.list_table td {
    padding: 10px 12px;
    color: #14171C;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}

.list_table th,
.list_table td {
    text-align: center;
    border: 1px solid #E3E6EA;
}

.list_table a {
    color: var(--blue-700);
    text-decoration: underline;
}

.tbl_input input,
.tbl_input select,
.tbl_input textarea {
    width: 100%;
    font-size: 13px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    border: none;
}

.tbl_input input {
    width: 100%;
    padding: 4px 4px 4px 4px;
}

.tbl_input select {
    width: 100%;
    padding: 4px 20px 4px 4px;
    background-image: url('/images/adm/icon/arrow/arrow_down_black.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px;
}

.tbl_input.small input,
.tbl_input.small select {
    max-width: 120px;
}

.tbl_input textarea {
    resize: vertical;
}

.tbl_input.date {
    display: flex;
    align-items: center;
    gap: 0 4px;
    max-width: fit-content;
}

.tbl_btn_area {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

/*list table search*/
.list_table.search th {
}

.list_table.search td {
    text-align: left;
}

.view_table {
}

.view_table tr {
}

.view_table th,
.view_table td {
    padding: 10px 12px;
    border: 1px solid #E3E6EA;
}

.view_table th {
    vertical-align: middle;
    background-color: #F9F9FA;
}

.view_table td {
}

.view_table tfoot {
    background-color: #F3F4F6;
}

.table_btn_area {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.btn_flex_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* small table */
.small_table th,
.small_table td {
    padding: 6px 8px;
    font-size: 11px;
}

/* 반반 table*/
.half_table {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.half_table table {
    width: 50%;
}

.half_table table.desc {
    width: auto;
}

.half_table .table+.table {
    margin-top: 0;
}

.half_table .list_table th,
.half_table .list_table td {
    padding: 5px 12px;
    font-size: 12px;
    height: 28px;
}

/* DB 설명용 table*/
.scheme_table {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.scheme_table table {
    width: 150px;
}

.scheme_table table.desc {
    width: auto;
}

.scheme_table .table+.table {
    margin-top: 0;
}

.scheme_table .list_table th,
.scheme_table .list_table td {
    padding: 5px 12px;
    font-size: 12px;
    height: 28px;
}

/* 대시보드용 table */
.dashboard_table td {
    font-size: 16px;
}

/* reply */
.reply_area {
    margin-top: 28px;
}

.reply_area textarea {
    width: 100%;
    padding: 4px 8px;
    font-size: 13px;
    border: none;
    resize: vertical;
}

.reply_area textarea:focus {
    outline: 0;
}

.reply_form {
}

.reply_form h5 {
    margin-bottom: 10px;
}

.reply_form_ipt {
    padding: 10px 12px;
    border-radius: 10px;
    border: 2px solid #E7E9EC;
    background-color: #FFF;
}

.reply_form_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
}

.reply_form_btn_left {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}

.reply_form_btn_right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.reply_form_btn button {
    color: var(--blue-700);
    font-size: 15px;
    font-weight: 600;
    background: none;
    border: none;
}

.reply_list>li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
}

.reply_contents {
    margin-top: 24px;
}

.reply_contents_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reply_contents_title_left {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
}

.reply_contents_title span {
    position: relative;
    display: block;
}

.reply_contents_title span+span {
    padding-left: 8px;
    color: #6B7787;
}

.reply_contents_title span+span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #9BA5B4;
    transform: translateY(-50%);
}

.reply_contents_desc {
    padding: 12px 14px;
    border-radius: 8px;
    background: #F3F4F6;
    word-break: break-all;
}

.reply_contents_desc p {
    font-size: 15px;
    color: #22282F;
}

.reply_contents_desc form {
    margin-top: 8px;
}


/* profile */
.profile_area {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile_img {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    background-color: #E7E9EC;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
    border: 1px solid rgba(209, 214, 221, 0.70);
}

.profile_name {
    display: flex;
    flex-direction: column;
}

/* board */
.common_board_area {
}

.board_list {
}

.board_list ul {
    border-top: 1px solid #E7E9EC;
}

.board_list ul.top {
    background-color: #f4f4f4;
}

.board_list ul li {
    padding: 0 10px;
}

.board_list ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px;
    padding: 20px 0;
    border-bottom: 1px solid #E7E9EC;
}

.board_list_title {
    display: flex;
    align-items: center;
    gap: 8px;
    word-break: break-all;
}

.board_list_desc {
    display: flex;
    align-items: center;
    gap: 12px;
}

.board_list_desc span {
    display: block;
    color: #6B7787;
}

.board_view_area {
}

.board_view_title {
    margin-bottom: 28px;
    word-break: break-all;
}

.board_view_title span {
    display: block;
    margin-bottom: 8px;
}

.board_view_title h2 {
    margin-top: 8px;
}

.board_view_profile {
    margin-top: 20px;
}

.board_view_contents {
    padding-bottom: 28px;
    border-bottom: 1px solid #E7E9EC;
    word-break: break-all;
}

.board_view_btn {
    margin-top: 20px;
}

.board_view_btn ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.board_view_btn li {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* paging */
.pagination_area {
    margin-top: 20px;
}

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

.pagination a {
    display: block;
    width: 30px;
    height: 30px;
    padding: 6px;
    font-size: 15px;
    text-align: center;
    border-radius: 50%;
}

.pagination .active a {
    color: var(--blue-700);
    background-color: #F3F4F6;
}

.first a {
    font-size: 0;
    background-image: url('/images/adm/icon/arrow/arrow_left_black_double.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.prev a {
    font-size: 0;
    background-image: url('/images/adm/icon/arrow/arrow_left_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.next a {
    font-size: 0;
    background-image: url('/images/adm/icon/arrow/arrow_right_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.last a {
    font-size: 0;
    background-image: url('/images/adm/icon/arrow/arrow_right_black_double.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

/* select2 */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin: 0;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--multiple {
    /* width: 100%;
    height: 46px;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #E3E6EA; */

    position: relative;
    padding-bottom: 12px;
    padding-right: 16px;
    border: 1px solid #E3E6EA;
    border-radius: 8px;
    background-color: #ffffff;
    cursor: text;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 12px;
    margin-left: 16px;
    height: 20px;
}

.modify_image {
    display: block;
    width: 250px;
}



.editor_content {
    font-size: 16px;
    font-family: 'SUIT Variable', sans-serif;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
    scroll-behavior: smooth;
    color: #1B1716;
}

.editor_content ol,
.editor_content ul,
.editor_content dl,
.editor_content dd,
.editor_content label {
    padding: 0;
    margin: 0;
    list-style: none;
}
.editor_content table {
    border-collapse: collapse;
    border-spacing: 0;
}

.editor_content h1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.333;
    /* 	36px */
}
.editor_content h2 {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.333;
    /* 	30px */
}
.editor_content h3 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.357;
    /* 	28px */
}
.editor_content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.416;
    /* 	24px */
}
.editor_content h5 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.363;
    /* 	22px */
}
.editor_content h6 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    /* 	20px */
}

.editor_content small {
    font-size: 0.875rem;
    line-height: 1.57;
    /* 	14px */
}
.editor_content p {
    font-size: 1rem;
    line-height: 1.6;
}

.editor_content b {
    font-weight: 700;
}
.editor_content strong {
    font-weight: 800;
}
.editor_content em {
    font-style: normal;
}
.editor_content a {
    color: inherit;
    text-decoration: none;
}
.editor_content hr {
    display: block;
    margin-block-start: 0.5em !important;
    margin-block-end: 0.5em !important;
    margin-inline-start: auto;
    margin-inline-end: auto;
    unicode-bidi: isolate;
    overflow: hidden;
    border-style: inset !important;
    border-width: 1px !important;
    background-color: transparent !important;
    height: auto !important;
}
.editor_content .ck-content .table {
    margin: 0 auto 16px;
}
.editor_content table td {
    padding: 8px 12px;
    font-size: 0.875rem;
    border: 1px solid #E4E4E4;
}