/* to embed a font : https://fonts.google.com/ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


/* document --------------------------- */
*, *::after, *::before {
	box-sizing: border-box;
}

body, html {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    /* web font + system font */
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 62.5%;
    font-weight: 400;
    color: #222;
    /* smoothing font */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    /* mouse drag none */
    /*-ms-user-select: none; */
    /*-moz-user-select: -moz-none;*/
    /*-khtml-user-select: none;*/
    /*-webkit-user-select: none;*/
    /*user-select: none;*/
}


/* typography --------------------------- */
h1, h2, h3, h4, h5, h6 {
	clear: both;
  	margin: 0;
  	padding: 0;
}

b, strong {
    /* add the correct font weight in Chrome, Edge, and Safari */
    font-weight: 700;
}


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


/* embedded content --------------------------- */
img {
    /* remove the border on images inside links in IE 10 */
    border-style: none;
}


/* form --------------------------- */
button, input, textarea, select, option {
    /* web font + system font */
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    /* Remove the inheritance of text transform in Edge, Firefox and IE. */
    text-transform: none;
    background-color: transparent;
    /* Show the overflow in Edge and IE. */
    overflow: visible;
    cursor: pointer;
}

button:disabled, input:disabled {
	cursor: not-allowed;
}

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

[type='checkbox'], [type='radio'] {
    /* remove the padding in IE 10 */
	padding: 0;
}

textarea {
    width: 100%;
    /* remove the default vertical scrollbar in IE 10+ */
    overflow: auto;
    resize: none;
}


/* link --------------------------- */
a {
    color: #000000;
    text-decoration: none;
    /* remove the gray background on active links in IE 10 */
	background-color: transparent;
    cursor: pointer;
}

a:visited, a:hover, a:focus, a:active {
    color: #000000;
	outline: 0;
    text-decoration: none;
}

:focus {
	outline: none;
}


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

/* root --------------------------- */
:root {
    --red900: #980020;
    --red800: #C8102E; /* main color */
    --red700: #DA163A;
    --red600: #E72343;
    --red500: #E93E55; /* sub color */
    --red400: #FF808B;
    --red300: #FF9EA7;
    --red200: #FECBD4;
    --red50: #FBECEE;
    --brown: #AB6C22; /* point color */
    --brown-light: #F5EDE4;
    --yellow: #F6B22A;
    --gray09: #121212;
    --gray08: #1C1C1C;
    --gray07: #2B2B2B;
    --gray06: #424243;
    --gray05: #747479;
    --gray04: #BDBEC0;
    --gray03: #D7D8DA;
    --gray02: #E3E5E9;
    --gray01: #F2F3F6;
    --black: #000000;
    --white: #ffffff;
}

/* clearfix */
.clearfix {/*  IE 6,7 */ zoom: 1;}
.clearfix::before,
.clearfix::after {content: ''; display: table;}
.clearfix::after {clear: both;}

/* scroll */
/* ::-webkit-scrollbar {width: .5rem; height: .5rem;}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #f0f0f0;} */

/* align */
.position-center {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.position-center-top {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.position-center-left {position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

/* font style */
.font300 {font-weight: 300!important;}
.font500 {font-weight: 500!important;}
.font700 {font-weight: 700!important;}

.align-left {text-align: left!important;}
.align-center {text-align: center!important;}
.align-right {text-align: right!important;}

.font-red {color: var(--red800)!important;}
.font-yellow {color: var(--yellow)!important;}
.font-navy {color: #2d3f64!important;}
.font-blue {color: #006AD5!important;}
.font-green {color: #4caf50!important;}

/* select */
select {height: 4rem; padding: 0 4rem 0 1.2rem; border: 1px solid var(--gray02); border-radius: .4rem; font-size: 1.4rem; color: var(--black); background-color: var(--white); background-image: url(../img/icon/ic-arrow-down-16.svg); background-repeat: no-repeat; background-position: center right 1.2rem;  background-size: 1.6rem; -webkit-appearance: none; appearance: none;}
select:disabled {background-color: var(--gray01); color: var(--gray04); cursor: default;}
select::-ms-expand {display: none;/*for IE10,11*/}

table select {width: 100%;}

.multi-select {position: relative; width: 20rem;}
.select-text {height: 4rem; padding: 0 4rem 0 1.2rem; border: 1px solid var(--gray02); border-radius: .4rem; font-size: 1.4rem; color: var(--black); background-color: var(--white); background-image: url(../img/icon/ic-arrow-down-16.svg); background-repeat: no-repeat; background-position: center right 1.2rem;  background-size: 1.6rem; -webkit-appearance: none; appearance: none; display: flex; align-items: center; line-height: 1;}
.options {display: none; padding: 1.2rem; border: 1px solid var(--gray02); position: absolute; background: var(--white); border-radius: 0 0 .4rem .4rem; z-index: 1; width: 100%; top: 3.9rem;}
.options.active {display: flex; flex-flow: column; row-gap: .8rem;}
.options input[type="checkbox"] + label {justify-content: flex-start;}

table > tbody >  tr:not(:nth-child(1)) > td .multi-select {display: none;}

/* input */
input {width: 100%; height: 4rem; padding: 0 1.2rem; background-color: var(--white); border: 1px solid var(--gray02); border-radius: .2rem; display: flex; align-items: center; font-size: 1.4rem; cursor: auto;}
input:disabled {background-color: var(--gray01); color: var(--gray04); cursor: default;}
input::placeholder {color: var(--gray04);}

input[type="file"] {height: fit-content; padding: 0; border: 0;}
.filebox {display:flex; align-items: center;}
.filebox input[type="file"] + input {height: 0;}
.filebox img {margin: 0 1rem 0 1rem;}

input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {position: relative; display: flex; align-items: center; column-gap: .8rem; cursor: pointer;}
input[type="checkbox"] + label::before {content: ''; width: 2rem; height: 2rem; background-image: url(../img/icon/ic-checkbox.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}
input[type="checkbox"]:checked + label::before {background-image: url(../img/icon/ic-checkbox-ov.svg)}
input[type="checkbox"] + label > span {font-size: 1.4rem; }

table input[type="checkbox"] + label {justify-content: center;}

input[type="radio"] {display: none;}
input[type="radio"] + label {position: relative; display: flex; align-items: center; column-gap: .8rem; cursor: pointer;}
input[type="radio"] + label::before {content: ''; width: 2rem; height: 2rem; background-image: url(../img/icon/ic-radio.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}
input[type="radio"]:checked + label::before {background-image: url(../img/icon/ic-radio-ov.svg)}
input[type="radio"] + label > span {font-size: 1.4rem;}

textarea {width: 100%; height: 20rem; padding: 1.2rem; background-color: var(--white); border: 1px solid var(--gray02); border-radius: .2rem; font-size: 1.4rem; line-height: 1.6; word-break: keep-all; cursor: auto;}
.textarea100 {width: calc(100% - 2.9rem);}

.flex-input01 {display: flex; align-items: center; column-gap: 1.2rem;}
.flex-input01 > li > a {text-decoration: underline; color: #1372D0;}
.flex-input02 {display: flex; align-items: center; flex-wrap: wrap; column-gap: 1.2rem;}
.flex-input03 {display: flex; align-items: center; flex-wrap: wrap; column-gap: 1.2rem;}
.flex-input03 input + label {flex-direction: row-reverse;}

.file-image input[type='file'] {display: none;}
.file-image img {cursor: pointer; transform: scale(1);}
.file-image img:hover {transition: transform .1s linear; transform: scale(1.05);}

.file-button input[type='file'] {display: none;}
.file-button label {display: inline-block; height: 1.5rem; line-height: 1.5rem; background-color: #2d3f64; font-size: .75rem; padding: 0 .5rem; border: 0; color: #fff; text-align: center; vertical-align: middle; cursor: pointer;}

/* button */
button {width: 100%; height: 4rem; padding: 0 1.2rem; white-space: nowrap; display: flex; align-items: center; justify-content: center; border: 0; border-radius: .4rem; border: 1px solid var(--red800); background-color: var(--red800); font-size: 1.4rem; font-weight: 600; color: var(--white);}
button:disabled {background-color: var(--gray03); border-color: var(--gray03); cursor: default;}

button.red {background-color: var(--red800)!important; border-color: var(--red800)!important;}
button.red-light {background-color: var(--red50)!important; color: var(--red800)!important; border-color: var(--red50)!important;}
button.navy,
button.gray {background-color: var(--gray06)!important; border-color: var(--gray06)!important;}
button.line-gray {border-color: var(--gray06)!important; color: var(--gray06)!important; background-color: var(--white)!important;}

.btn-wrap {display: flex; align-items: center; column-gap: .8rem; justify-content: center; margin-top: 1.6rem;}
.btn-wrap button {width: fit-content; min-width: 10rem;}

button.yellow {background-color: #f9a825; color: #fff!important;}
button.blue {background-color: #006AD5; color: #fff!important;}
button.green {background-color: #4caf50; color: #fff!important;}


.btn-list > li {display: inline-block; height: 2rem; line-height: 2rem; font-size: .75rem; padding: 0 .5rem; border: 0; background-color: #eeeff2; text-align: center; vertical-align: middle; cursor: pointer; background-color: #2d3f64; color: #fff;}
.btn-list > li:not(:first-child) {margin-left: .063rem;}
.btn-list > li.red {background-color: #d32f2f; color: #fff!important;}
.btn-list > li.yellow {background-color: #f9a825; color: #fff!important;}
.btn-list > li.blue {background-color: #006AD5; color: #fff!important;}
.btn-list > li.green {background-color: #4caf50; color: #fff!important;}
.btn-list > li.gray {background-color: #888; color: #fff!important;}

input[type='text'] + button {margin-left: .25rem;}

.note-btn {color: #333!important; height: initial;}

/* iframe */
iframe {width: 100%;}

/* index */
.index {display: flex; align-items: center; column-gap: 1.6rem; margin-bottom: 4.8rem;}
.index > li {font-size: 1.2rem; font-weight: 500; color: var(--gray05); position: relative; display: flex; align-items: center;}
.index > li:last-child {color: var(--black);}
.index > li + li::before {content: ''; width: 1.2rem; height: 1.2rem; display: block; background-image: url(../img/icon/ic-arrow-right-12-gray.svg); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: -1.4rem;}

@media screen and (max-width: 480px) {
    .index {margin-bottom: 1.2rem;}
}

/* sub page title */
.page-title {font-size: 1.8rem; font-weight: 700; margin-bottom: 2rem;}

/* tab menu */
.tab-menu {margin: 0 -1.6rem 2rem; padding: 0 1.6rem; border-bottom: .063rem solid #2d3f64;}
.tab-menu > li {position: relative; display: inline-block; min-width: 8rem; padding: 1rem 2rem; text-align: center; border: .063rem solid #eeeff2; border-bottom-color: #fff; background-color: #fff; font-size: 1.4rem; font-weight: 500; color: #cfd1d4; cursor: pointer;}
.tab-menu > li.active {color: #2d3f64; background-color: transparent; border-color: #2d3f64; border-bottom-color: #fafafa;}
.tab-menu > li.active::before {content: ''; width: 100%; height: .063rem; position: absolute; left: 0; bottom: -.125rem; background-color: #fafafa;}

/* search bar */
.search-bar {width: 100%; margin-bottom: 5.6rem; padding: 2rem; border-radius: .8rem; background-color: var(--white); display: flex; flex-wrap: wrap; grid-gap: 2rem .8rem;}
.search-bar > li {display: flex; align-items: center;}
.search-bar > li label {font-size: 1.2rem; font-weight: 600;}
.search-bar > li input, .search-bar > li select {width: 18.4rem;}
.search-bar > li button {width: fit-content; min-width: 10rem;}
.search-bar + p {margin-bottom: 3.2rem; margin-top: -4rem; font-size: 1.4rem; color: var(--red800);}
form:has(.search-bar) + .search-bar,
form:has(.search-bar) + form:has(.search-bar) {margin-top: -4rem;}

.icon-close {width: 1.6rem; height: 1.6rem; display: inline-block; background-image: url(../img/icon-close.svg); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: text-bottom; cursor: pointer;}

/* page split */
.cont-left {display: inline-block; margin-left: -2px; padding-right: 1.6rem; vertical-align: top;}
.cont-right {display: inline-block; margin-right: -2px; vertical-align: top;}

/* table */
table {position: relative; width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0;}
table::before {content: ''; display: block; width: 100%; height: 1px; background-color: var(--black); position: absolute; top: -1px; left: 0;}
table th {height: 4rem; padding: .8rem; text-align: center; vertical-align: middle; font-size: 1.4rem; font-weight: 500; line-height: 1.4; background-color: var(--gray01); border-bottom: 1px solid var(--gray02); word-break: keep-all;}
table td {height: 4rem; padding: .8rem; text-align: center; vertical-align: middle; font-size: 1.4rem; font-weight: 500; line-height: 1.4; background-color: var(--white); border-bottom: 1px solid var(--gray02); word-break: keep-all;}
table tr > * + * {border-left: 1px solid var(--gray02);}
table tr > th ~ td {text-align: left;}
table tr > *[rowspan]:not(:last-child) {border-right: 1px solid var(--gray02);}

table .btn-wrap {flex-flow: column; row-gap: .8rem; margin-top: 0;}
table .btn-wrap button,
table button {width: fit-content; min-width: 5.8rem; height: 4rem; margin: 0 auto; font-size: 1.2rem; background-color: var(--gray06); border-color: var(--gray06); border-radius: .4rem; display: inline-flex;}
table button.yellow {border-color: #f9a825;}
table button.blue {border-color: #006AD5;}
table button.green {border-color: #4caf50;}
/*table button.yellow {background-color: #f9a825; color: #fff!important;}*/
/*table button.blue {background-color: #006AD5; color: #fff!important;}*/
/*table button.green {background-color: #4caf50; color: #fff!important;}*/
table button + button {margin-left: 10px;}

table.table-hover tbody td {cursor: pointer;}
table.table-hover tbody tr:hover > td {background-color: #EEF0F2;}

.table-btn {display: flex; align-items: center; justify-content: flex-end; column-gap: .8rem;}
.table-btn + table,
table + .table-btn {margin-top: 1.6rem;}
.table-btn button {width: fit-content; min-width: 10rem; height: 4rem; font-size: 1.4rem; font-weight: 600;}

table tr.bg-gray td, table tr.bg-gray th, table .bg-gray {background-color: #cfd1d4;}

.table-desc {width: 100%; margin-bottom: 1.2rem; padding: 2rem; display: flex; align-items: center; justify-content: space-between; background-color: var(--white); border-radius: .8rem;}
.table-desc .left-desc {display: flex; align-items: center; column-gap: 1rem;}
.table-desc .left-desc > li {display: flex; align-items: center; column-gap: .8rem; font-size: 1.4rem; font-weight: 500;}
.table-desc .right-desc {margin-left: auto; display: flex; align-items: center; grid-gap: .8rem;}
.table-desc .right-desc > li {display: flex; align-items: center; column-gap: .8rem; font-size: 1.4rem; font-weight: 500;}
.table-desc button {width: fit-content; min-width: 10rem; height: 4rem; font-size: 1.4rem; font-weight: 600;}

.sticky-table table {position: relative; border-collapse: separate;}
.sticky-table table::before {content: none;}
.sticky-table table thead {position: sticky; top: 7.2rem;}
.sticky-table table thead tr:nth-child(1) th {border-top: .125rem solid #2d3f64;}

.table.scroll {width: 100%; overflow-x: auto; border-top: 1px solid var(--black);}
.table-scroll {width: 100%; overflow-x: auto; display: inline-block; vertical-align: top;}
.tbody-scroll {position: relative; overflow-y: auto; height: 18rem;}
.tbody-scroll table thead th {position: sticky; top: 0; border-top: 0;}

.table-fixed {margin-right: -.25rem; display: inline-block; vertical-align: top;}
.table-fixed .thumbnail > img {height: 4rem!important; vertical-align: middle;}

p.sub-desc {width: 50%; margin-top: .75rem; margin-left: auto; text-align: right; font-size: .75rem; line-height: 1.6;}
p.sub-desc::before {content: '*'; margin-right: .25rem;}

.table + .table {margin-top: .5rem;}
.table.align-left table tr td {text-align: left;}

/* calendar */
.calendar-control {margin-bottom: .5rem; position: relative;}
.calendar-control button {position: absolute; right: 0;}

.calendar-control02 {margin-bottom: .5rem; position: relative; text-align: center;}
.calendar-control02 ul,
.calendar-control02 ul > li {display: flex; align-items: center; justify-content: center;}
.calendar-control02 ul > li + li {margin-left: 1.6rem;}
.calendar-control02 ul > li select {height: 2rem;}
.calendar-control02 ul > li span {font-size: .75rem; padding-left: .625rem;}
.calendar-control02 ul > li.prev,
.calendar-control02 ul > li.next {width: 1.75rem; height: 1.75rem; background-color: #2d3f64; cursor: pointer;}
.calendar-control02 ul > li.prev::before,
.calendar-control02 ul > li.next::before {content: ''; width: 1.75rem; height: 1.75rem; background-repeat: no-repeat; background-size: 2rem; background-position: center; filter: invert(1);}
.calendar-control02 ul > li.prev::before {background-image: url(../img/nav-prev.png);}
.calendar-control02 ul > li.next::before {background-image: url(../img/nav-next.png);}

.calendar table {table-layout: fixed;}
.calendar table tr td {position: relative; height: 6rem; padding: 1.75rem .875rem .875rem; background-color: #fff; font-size: .75rem; vertical-align: top;}
.calendar table tr td:not(:last-child) {border-right: 0.063rem solid #eeeff2;}
.calendar table tr td span.day {position: absolute; top: .75rem; right: .875rem;}
.calendar table tr td:first-child span.day, .calendar table tr td span.day.holi {color: #d32f2f;}
.calendar table tr td span.day.blur {color: rgba(34, 34, 34, 0.15);}
.calendar table tr td:hover {background-color: rgba(238, 239, 242, 0.05);}

/* thumbnail */
.thumbnail.sm > img {height: 2rem; vertical-align: middle;}
.thumbnail > img {height: 4rem; vertical-align: middle;}
.thumbnail.lg > img {height: 6rem; vertical-align: middle;}
.thumbnail.xlg > img {height: 8rem; vertical-align: middle;}
.thumbnail.xxlg > img {height: 10rem; vertical-align: middle;}

/* pagination */
.pagination {display: flex; align-items: center; justify-content: center; margin-top: 1.2rem;}
.pagination > ul {display: flex; align-items: center; justify-content: center;}
.pagination > ul > li {width: 3.2rem; height: 3.2rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: var(--gray04); font-weight: 500; cursor: pointer;}
.pagination > ul > li.active {color: var(--black);}
.pagination > ul > li.disabled {background-image: none;}
.pagination > ul > li.first::before,
.pagination > ul > li.last::before,
.pagination > ul > li.prev::before,
.pagination > ul > li.next::before {content: ''; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center;}
.pagination > ul > li.first::before {background-image: url(../img/icon/ic-pagination-first.svg);}
.pagination > ul > li.last::before {background-image: url(../img/icon/ic-pagination-last.svg);}
.pagination > ul > li.prev::before {background-image: url(../img/icon/ic-pagination-prev.svg);}
.pagination > ul > li.next::before {background-image: url(../img/icon/ic-pagination-next.svg);}
.pagination > ul > li.first.disabled {pointer-events:none; background-position: 0 -2.4285714286rem; }
.pagination > ul > li.prev.disabled {pointer-events:none; background-position: 0 -2.4285714286rem; }
.pagination > ul > li.next.disabled {pointer-events:none; background-position: 0 -2.4285714286rem; }
.pagination > ul > li.last.disabled {pointer-events:none; background-position: 0 -2.4285714286rem; }



.prev-day, .next-day {width: 1.5rem; height: 1.5rem; background-color: #fff; border: 0.063rem solid #eeeff2; cursor: pointer; background-repeat: no-repeat; background-size: 1.6rem; background-position: center;}
.prev-day {background-image: url(../img/nav-prev.png); margin-right: -.5rem;}
.next-day {background-image: url(../img/nav-next.png);}

/* display grid */
.display-grid + * {margin-top: 1.6rem;}

.grid-col-6 {grid-template-columns: repeat(6, 1fr);}
.grid-col-5 {grid-template-columns: repeat(5, 1fr);}
.grid-col-4 {grid-template-columns: repeat(4, 1fr);}
.grid-col-3 {grid-template-columns: repeat(3, 1fr);}
.grid-col-1 {grid-template-columns: repeat(1, 1fr);}

.display-grid {display: grid; grid-gap: 2rem;}
.display-grid + .display-grid,
.cont-box + .display-grid {margin-top: 3.2rem;}
.display-grid .cont-box + .cont-box {margin-top: 0;}
.grid-col-2 {grid-template-columns: repeat(2, 1fr);}

/* etc */
.text-over-cut {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0;}

/* cont wrap, cont box */
.cont-wrap + .cont-wrap {margin-top: 5.6rem}
.cont-wrap h4 {font-size: 2rem; font-weight: 700; margin-bottom: 2rem; display: flex; align-items: center; column-gap: .8rem;}
.cont-wrap .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;}
.cont-wrap .title > div {display: flex; align-items: center; column-gap: .6rem;}
.cont-wrap .title > div select {height: 2.8rem;}
.cont-wrap .title h4 {margin-bottom: 0;}
.cont-wrap .title select {width: fit-content;}
.cont-wrap .title p {font-size: 1.4rem; line-height: 1.6;}
.cont-wrap .title button {width: fit-content; height: 2.8rem; background-color: var(--white); color: var(--red800);}
.cont-wrap > img {width: 100%}
.cont-wrap > p {font-size: 1.4rem; line-height: 1.6;}
.cont-wrap > p + * {margin-top: 1.6rem;}

.cont-box + .cont-box {margin-top: 3.2rem;}
.cont-box {padding: 2rem; background-color: var(--white); border-radius: .8rem;}
.cont-box h4 {font-size: 1.6rem; font-weight: 700; margin-bottom: 1.6rem; display: flex; align-items: center; column-gap: .8rem;}
.cont-box h4 > span {font-size: 1.4rem; font-weight: initial; color: var(--red800);}
.cont-box .title {display: flex; align-items: center; justify-content: space-between;}
.cont-box .title select {width: fit-content;}
.cont-box > img,
.cont-box > iframe {width: 100%;}

.cont-box p {font-size: .75rem; line-height: 1.6;}
.cont-box p + * {margin-top: .75rem;}


.note-modal-content input[type="checkbox"] {display: inline-block; width: fit-content; height: fit-content; margin-right: 6px;}

/* 24.03.20 */
.page-title {display: flex; align-items: center; column-gap: 2rem; margin-bottom: 4rem; justify-content: space-between;}
.page-title > h1 {font-size: 2.8rem; font-weight: 700;}
.page-title > button {width: fit-content; height: 2.8rem; border-radius: .4rem; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 500; color: var(--white); background-color: var(--red800); padding: 0 1.6rem;}

.box .title {margin-bottom: 1.2rem;}
.box .title > h2 {font-size: 1.8rem; font-weight: 700;}
.box .title > div {display: flex; align-items: center; column-gap: 1rem;}
.box .title > div > button {height: 2.8rem; width: fit-content; padding: 0 1.6rem; font-size: 1.2rem; font-weight: 500; color: var(--white); border-radius: .4rem; background-color: var(--red800);}

button.black {background-color: var(--gray06); border-color: var(--gray06);}

table.text-left td {text-align: left;}
table .label {display: inline-flex; align-items: center; justify-content: center; height: 1.8rem; width: fit-content; padding: 0 .6rem; border-radius: .4rem; background-color: var(--red800); color: var(--white); font-size: 1.2rem; font-weight: 500;}

.table-new th {height: 5.8rem;}

.upload {display: flex; align-items: center;}
.upload > input[type="file"] {visibility: hidden; width: 0; height: 0;}
.upload > input[type="text"] {flex: 1; border-radius: .4rem 0 0 .4rem; flex: 1; display: flex; align-items: center;}
.upload > label {width: 9.2rem; height: 4rem; font-size: 1.4rem; font-weight: 500; color: #fff; background-color: #B8BBC0; border: 0; margin-left: 0; border-radius: 0 .4rem .4rem 0; display: flex; align-items: center; justify-content: center;}
.upload > a {width: 2.8rem; text-align: center; font-size: 1.4rem; color: var(--red800); text-decoration: underline; display: block; margin-left: 1.2rem;}

.pop-wrap .pop-cont table.pop-search-table {border-right: 0;}

/* 25.04.10 */
.option-select {display: flex; column-gap: 1.6rem; margin-bottom: 3.2rem;}
.option-select > div {display: flex; flex-flow: column; row-gap: 1rem;}
.option-select > div > h5 {font-size: 1.4rem; font-weight: 600;}
.option-select > div > div {height: 16rem; overflow-y: auto; border: 1px solid var(--gray02); background-color: var(--white); padding: .4rem 0;}
.option-select > div > div > ul {width: 16rem; height: max-content; display: flex; flex-flow: column;}
.option-select > div > div > ul > li {font-size: 1.2rem; height: 2rem; padding: 0 1rem; display: flex; align-items: center; cursor: pointer;}
.option-select > div > div > ul > li.active,
.option-select > div > div > ul > li:hover {background-color: var(--gray01);}

/* 25.04.23 loading */
.loading-wrap {width: 100vw; height: 100vh; z-index: 9999; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.5);}
.loading-wrap .loading-img {width: 6rem; height: 6rem; background-image: url(../img/loading.gif); background-repeat: no-repeat; background-size: contain; background-position: center;}