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

html, body {
    position: relative;
    width: 100%;
    min-width: 128rem;
    margin: 0;
    padding: 0;
    border: 0;
    /* web font + system font */
    font-family: 'AktivGrotesk', -apple-system, BlinkMacSystemFont, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 62.5%; /* 1rem = 1rem */
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--leeum-text400);
    /* smoothing font */
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    transition: color .6s, background-color .6s;
}

@media screen and (max-width: 767px) {
    html, body {
        min-width: initial;
    }
}

html {
    background-color: var(--leeum-white);
}

/* 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: 600;
}

/* 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: 'AktivGrotesk', -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;
    letter-spacing: -.02em;
    font-weight: 600;
    /* 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;
    -moz-appearance: button;
    -webkit-appearance: button;
}

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

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

/* link --------------------------- */
a {
    color: var(--leeum-text400);
    text-decoration: none;
    /* remove the gray background on active links in IE 10 */
    background-color: transparent;
    cursor: pointer;
}

a:visited, a:hover, a:active {
    color: var(--leeum-text400);
    text-decoration: none;
}

a:focus {
    color: var(--leeum-text400);
}

:focus {
    outline-width: 10px;
    outline-color: red;
}

/* root ----------------------- */
:root {
    /* background */
    --leeum-white: #FFFFFF;
    --leeum-gray100: #F9F9F9;
    --leeum-gray200: #F2F2F2;
    --leeum-gray300: #57575C;
    --leeum-gray400: #57575C;
    --leeum-gray500: #2b2b2b;
    --leeum-black : #000000;

    /* line */
    --leeum-line200: #D2D2D2;
    --leeum-line100: #F2F2F2;

    /* text */
    --leeum-text400: #000000;
    --leeum-text300: #57575C;
    --leeum-text200: #D2D2D2;
    --leeum-text100: #FFFFFF;

    /* drag */
    --leeum-drag-bg: #000000;
    --leeum-drag-text: #FFFFFF;
}

/* drag */
::-moz-selection {background: var(--leeum-drag-bg); color: var(--leeum-drag-text);}
::selection {background: var(--leeum-drag-bg); color: var(--leeum-drag-text);}

/* responsive */
.desktop-only {display: block;}
.mobile-only {display: none;}

@media screen and (max-width: 767px) {
    .desktop-only {display: none!important;}
    .mobile-only {display: initial;}
}

/* editor */
.ce-toolbar {z-index: 10;}

/* 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%);}

/* text overflow */
.ellipsis {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /* 한 줄 말줄임, width 지정 필요 */
.ellipsis.double {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 두 줄 말줄임 */

/* font color */
.font-blue {color: #1878F0;}
.font-orange {color: #EF9770;}
.font-gray {color: var(--leeum-gray400);}

/* text decoration */
.through {text-decoration: line-through;}
.underline {text-decoration: underline;}
.italic {font-style: italic;}

sup {font-size: .8rem; vertical-align: revert; padding-left: .2rem;}

/* input */
input {height: 3.6rem; padding: 0 1rem; font-size: 1.4rem; border: 1px solid var(--leeum-line200); border-radius: .4rem; cursor: auto; color: var(--leeum-text400);}
input::placeholder {color: var(--leeum-text300);}
input:disabled, input:read-only {background-color: var(--leeum-gray200); color: var(--leeum-text400);}
input.error::placeholder {color: #EF9770;}

@media screen and (max-width: 767px) {
    input {height: 3.2rem; font-size: 1.3rem;}
}

/* input : checkbox */
.flex-input {width: 100%; display: flex; align-items: center; grid-gap: 1rem; flex-wrap: wrap;}

input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {display: flex; align-items: start; column-gap: .5rem; cursor: pointer; white-space: nowrap;}
input[type="checkbox"] + label::before {content: ''; width: 1.4rem; height: 1.4rem; margin-top: .5rem; background-image: url(/img/ico/ic-chk-448096c8ee9666f406b4e6746bc751e6.svg); background-color: #fff; border-radius: 100%; background-repeat: no-repeat; background-size: contain; background-position: center;}
input[type="checkbox"] + label > span {display: block; width: calc(100% - 1.4rem - .5rem); font-size: 1.4rem; line-height: 2.2rem; color: var(--leeum-text300); white-space: pre-wrap;}

input[type="checkbox"]:checked + label::before {background-image: url(/img/ico/ic-chk-ov-a12db7d7a88a6dd3c6fb7084d12321c8.svg);}
input[type="checkbox"]:checked + label > span {color: var(--leeum-text400);}

/* input : radio */
input[type="radio"] {display: none;}
input[type="radio"] + label {display: flex; align-items: start; column-gap: .5rem; cursor: pointer; white-space: nowrap;}
input[type="radio"] + label::before {content: ''; width: 1.4rem; height: 1.4rem; margin-top: .5rem; background-image: url(/img/ico/ic-radio-f9d6b4a24fbf391e14ca7f1af81d28b1.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}
input[type="radio"] + label > span {display: block; width: calc(100% - 1.4rem - .5rem); font-size: 1.4rem; line-height: 2.2rem; color: var(--leeum-text300);}

input[type="radio"]:checked + label::before {background-image: url(/img/ico/ic-radio-ov-864be0783a4f7baf61fc2de2ded2308b.svg);}
input[type="radio"]:checked + label > span {color: var(--leeum-text400);}

@media screen and (max-width: 767px) {
    input[type="radio"] + label::before {width: 1.2rem; height: 1.2rem;}
    input[type="radio"] + label > span {width: calc(100% - 1.2rem - .5rem); font-size: 1.3rem; line-height: 1.9rem;}
}

/* input : date */
.flex-date {display: flex; align-items: center; justify-content: space-between; column-gap: .4rem; text-align: center; font-size: 1.4rem;}
.flex-date > input {width: calc((100% - .4rem - 1rem - .4rem) / 2);}
input[type="date"] {padding: 0 1rem 0 1.2rem; cursor: pointer;}
input[type="date"]::-webkit-calendar-picker-indicator {width: 1rem; height: 1rem; background-image: url(/img/ico/ic-date-c2d39ec5180c03b6d0219422b42cfd4b.svg); background-repeat: no-repeat; background-size: contain; background-position: center right;  cursor: pointer;}

@media screen and (max-width: 767px) {
    .flex-date {column-gap: .4rem; font-size: 1.3rem;}
    .flex-date > input[type="date"] {width: calc(100% - .4rem - .4rem - .71rem);}
}

/* input : search */
input[type="search"] {padding: 0 3.8rem 0 1rem;}
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {display: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
input[type="search"] + button {width: fit-content!important; height: fit-content!important; padding: 0!important; border: 0; background-color: transparent; cursor: pointer;}

.ic-delete-14 {width: 1.4rem; height: 1.4rem;}
.ic-delete-14 path {fill: #595959;}

/* textarea */
textarea {height: 20rem; padding: 1rem; font-size: 1.4rem; line-height: 2.2rem; border: 1px solid var(--leeum-line200); border-radius: .4rem; cursor: auto; color: var(--leeum-text400);}
textarea::placeholder {color: var(--leeum-text300);}
textarea + p {font-size: 1.2rem; line-height: 1.8rem; color: var(--leeum-text300);}

@media screen and (max-width: 767px) {
    textarea {height: 15rem; font-size: 1.3rem; line-height: 1.9rem;}
    textarea + p {font-size: 1.1rem; line-height: 1.6rem;}
}

/* select */
select {width: fit-content; height: 3.6rem; padding: 0 2.8rem 0 1rem; font-size: 1.4rem; border: 1px solid var(--leeum-line200); border-radius: .4rem; background-image: url(/img/ico/ic-select-down-14ec37362e43e82723d074463156a105.svg); background-repeat: no-repeat; background-size: .8rem; background-position: right 1rem center; cursor: pointer; -webkit-appearance: none; appearance: none; color: var(--leeum-text300);}
select::-ms-expand {display: none;/*for IE10,11*/}
select > option {color: #000000!important;}

@media screen and (max-width: 767px) {
    select {height: 3.2rem; font-size: 1.3rem;}
}

/* button */
.btn-wrap {display: flex; align-items: center; column-gap: 1rem; margin-top: 5rem;}
.btn-wrap > button {width: 100%; height: 3.6rem; border-radius: .4rem; background-color: var(--leeum-gray500); color: var(--leeum-text200); border-color: var(--leeum-gray500);}
.btn-wrap > button:nth-child(1):nth-last-child(2), .btn-wrap > button:nth-child(1):nth-last-child(2) ~ button {width: calc((100% - 1rem) / 2);}
.btn-wrap > button:nth-child(1):nth-last-child(2) {background-color: var(--leeum-gray200); color: var(--leeum-text300); border-color: var(--leeum-line200);}

.flex-btn {display: flex; align-items: center; column-gap: 1rem;}
button {width: fit-content; height: 3.2rem; padding: 0 1.5rem; font-size: 1.4rem; font-weight: 600; color: var(--leeum-text300); background-color: var(--leeum-gray200); border: 1px solid var(--leeum-gray200); border-radius: 2rem; display: flex; align-items: center; justify-content: center; column-gap: .6rem; text-transform: uppercase; cursor: pointer; white-space: nowrap;}
button.md {height: 2.5rem; padding: 0 1rem; font-size: 1.2rem;}
button.sm {height: 2rem; padding: 0 .8rem; font-size: 1rem;}

button.rect {width: 100%; height: 3.6rem; color: var(--leeum-text200); background-color: var(--leeum-gray500); border-color: var(--leeum-gray500); border-radius: .4rem;}
button.rect.sm {width: fit-content; height: 2.5rem; padding: 0 1rem; font-size: 1.2rem; color: var(--leeum-text300); background-color: var(--leeum-gray200); border-color: var(--leeum-line200);}

button.black {background-color: var(--leeum-gray500)!important; color: var(--leeum-text200)!important; border-color: var(--leeum-gray500)!important;}
button.gray {background-color: var(--leeum-gray400); color: var(--leeum-text100); border-color: var(--leeum-gray400);}
button.light-gray {background-color: var(--leeum-gray200); color: var(--leeum-text300); border-color: var(--leeum-gray200);}
button.line-gray {border-color: #aaa; color: var(--leeum-text300); background-color: var(--leeum-white);}

@media screen and (max-width: 767px) {
    .btn-wrap > button {height: 3.2rem;}

    button {height: 2.8rem; font-size: 1.3rem;}
    button.md {height: 2.2rem; font-size: 1.1rem;}

    button.rect {height: 3.2rem; column-gap: .4rem;}
    button.rect.sm {height: 2.2rem; font-size: 1.1rem;}
}

/* label */
.label-wrap {display: flex; align-items: center; column-gap: .5rem;}

.label {width: fit-content; height: 2rem; padding: 0 .8rem; font-size: 1rem; display: flex; align-items: center; justify-content: center; color: var(--leeum-text300); border-radius: 1.2rem; background-color: var(--leeum-gray100);}
.label.black {background-color: var(--leeum-black);}

/* filter */
.filter-wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; column-gap: 2rem;}
.filter-wrap .filter-option {flex: 1; display: flex; align-items: center; grid-gap: 1.8rem 1rem; flex-wrap: wrap;}
.filter-wrap .filter-option .filter-tab {display: flex; align-items: center; column-gap: .2rem; flex-wrap: wrap;}
.filter-wrap .filter-option .filter-tab > li > button {font-size: 1.4rem; color: var(--leeum-text300); height: 3.2rem; border-radius: 1.6rem; padding: 0 .9rem; width: fit-content; cursor: pointer; white-space: nowrap; min-width: initial; background-color: transparent; border-color: transparent;}
.filter-wrap .filter-option .filter-tab > li.active > button {background-color: var(--leeum-gray400); color: var(--leeum-text100);}
.filter-wrap .filter-option .filter::before {content: ''; width: 1px; height: 1.6rem; background-color: var(--leeum-gray300); position: absolute; left: 0; display: block;}
.filter-wrap .filter-option .filter.wrap::before {content: none;}
.filter {display: flex; align-items: center; grid-gap: .8rem .4rem; position: relative; flex-wrap: wrap; padding-left: 1rem;}
.filter > li {cursor: pointer; position: relative;}
.filter > li > button {font-size: 1.4rem; color: var(--leeum-text300); height: 3.2rem; border-radius: 1.6rem; padding: 0.9rem; width: fit-content; background-color: transparent; border-color: transparent;}
.filter > li .delete {display: none; position: absolute; top: -.3rem; right: -.3rem;}
.filter > li.active > button {background-color: var(--leeum-gray300); color: var(--leeum-text100);}
.filter > li.active .delete {display: block;}
.filter-wrap .filter-cont {display: flex; align-items: center; column-gap: 1rem; margin-left: auto;}
.filter-wrap .filter-cont .search {display: flex; align-items: center;}
.filter-wrap .filter-cont .search > div {position: relative; display: flex; align-items: center;}
.filter-wrap .filter-cont .search > div > button {position: absolute; right: 1.2rem;}
.filter-wrap .filter-cont .search input {border-color: #aaa; border-radius: .4rem 0 0 .4rem; width: 27.5rem;}
.filter-wrap .filter-cont .search > button {border-radius: 0 .4rem .4rem 0; border-left: 0;}
.filter-wrap .filter-cont button {height: 3.6rem; padding: 0 1rem; color: var(--leeum-text300); border-radius: .4rem; background-color: var(--leeum-white); border-color: #aaa;}
.filter-wrap .filter-cont button.black {height: 3.2rem; padding: 0 1.5rem; border-radius: 2rem; background-color: var(--leeum-gray500);  border-color: var(--leeum-gray500);}

.filter-cont-wrap {display: none;}
.filter-cont-wrap.active {display: block;}

@media screen and (max-width: 767px) {
    .filter-wrap {flex-flow: column; row-gap: 1.5rem; align-items: start;}
    .filter-wrap .filter-option {width: 100%; flex-flow: column; grid-gap: 1.5rem 0; align-items: start;}
    .filter-wrap .filter-option .filter-tab {column-gap: 0; flex-wrap: wrap;}
    .filter-wrap .filter-option .filter-tab > li > button {font-size: 1.3rem; height: 2.8rem; padding: 0 .7rem;}
    .filter-wrap .filter-option .filter {width: 100%; border-top: 1px solid var(--leeum-line100); padding-top: 1.5rem; padding-left: 0;}
    .filter-wrap .filter-option .filter::before {content: none;}
    .filter {width: 100%;}
    .filter > li > button {font-size: 1.3rem; height: 2.8rem; padding: 0 .7rem;}
    .filter > li .delete > i {width: 1.2rem; height: 1.2rem;}
    .filter-wrap .filter-cont {column-gap: .5rem; width: 100%;}
    .filter-wrap .filter-cont .search,
    .filter-wrap .filter-cont .search > div {flex: 1;}
    .filter-wrap .filter-cont .search input {width: 100%;}
    .filter-wrap .filter-cont .search button {height: 3.2rem;}
    .filter-wrap .filter-cont > button {width: 3.2rem; height: 3.2rem; padding: 0; column-gap: .4rem;}

    .filter-cont-wrap {display: none;}
    .filter-cont-wrap.active {display: block;}
}

form table, form table td {border: 0; height: 0; padding: 0; margin: 0;}

table {border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 1px solid var(--leeum-line200);}
table th {height: 4rem; padding: .8rem 1rem; text-align: left; font-size: 1.4rem; line-height: 2.2rem; color: var(--leeum-text300); border-bottom: 1px solid var(--leeum-line200); background-color: var(--leeum-white); vertical-align: middle;}
table td {height: 4.5rem; padding: 1rem; font-size: 1.6rem; line-height: 2.4rem; border-bottom: 1px solid var(--leeum-line200); background-color: var(--leeum-white); vertical-align: middle; word-break: keep-all;}
table td + td {border-left: 0;}

.detail-wrap table {border: 1px solid var(--leeum-line200);}
.detail-wrap table td + td {border-left: 1px solid var(--leeum-line200);}

@media screen and (max-width: 767px) {
    table th {font-size: 1.3rem; line-height: 1.8rem;}
    table td {font-size: 1.4rem; line-height: 2.2rem;}
}

/* list */
.list-desc-box {display: flex; flex-flow: column; row-gap: .4rem;}
.list-desc-box > li {padding: .6rem 1rem; display: flex; align-items: center; justify-content: space-between; font-size: 1.6rem; line-height: 2.8rem; background-color: var(--leeum-gray200); border-radius: .2rem; word-break: keep-all;}

.list-desc > li {font-size: 1.6rem; line-height: 2.8rem; text-indent: -1.8rem; padding-left: 1.8rem; word-break: keep-all;}
.list-desc > li::before {content: '•'; margin-right: 1rem;}
.list-desc > li .list-desc-box {width: calc(100% + 1.8rem); margin: 1rem 0; margin-left: -1.8rem;}
.list-desc > li .list-desc-box > li {padding-left: 2.8rem;}
.list-desc > li > a {text-decoration: underline;}

.list-desc-sub > li {font-size: 1.4rem; line-height: 2.2rem; color: var(--leeum-text300); text-indent: -1.8rem; padding-left: 1.8rem; word-break: keep-all;}
.list-desc-sub > li::before {content: '•'; margin-right: 1rem;}

@media screen and (max-width: 767px) {
    .list-desc-box {display: flex; flex-flow: column; row-gap: .4rem;}
    .list-desc-box > li {padding: .5rem .7rem; font-size: 1.4rem; line-height: 2.2rem;}

    .list-desc > li {font-size: 1.4rem; line-height: 2.2rem; text-indent: -1.6rem; padding-left: 1.6rem;}
    .list-desc > li .list-desc-box {width: 100%; margin: 1rem 0;}

    .list-desc-sub > li {font-size: 1.3rem; line-height: 1.9rem;}
}

.box-desc {background-color: var(--leeum-gray200); padding: 1rem; border-radius: .4rem;}
.box-desc > li {font-size: 1.2rem; line-height: 1.8rem; color: var(--leeum-text300);}

.box-desc-list {background-color: var(--leeum-gray200); padding: 1rem; border-radius: .4rem;}
.box-desc-list > li {font-size: 1.2rem; line-height: 1.8rem; color: var(--leeum-text300); text-indent: -1rem; padding-left: 1rem;}
.box-desc-list > li::before {content: '•'; margin-right: .5rem;}

/* pagination */
.pagination {display: flex; align-items: center; justify-content: center; margin-top: 7.2rem;}
.pagination > li > button {background-color: transparent; border-color: transparent; width: 4rem; height: 4rem; border-radius: 100%; font-size: 1.8rem; color: var(--leeum-text300); display: flex; align-items: center; justify-content: center; cursor: pointer; line-height: 1;}
.pagination > li > button.first,
.pagination > li > button.prev,
.pagination > li > button.next,
.pagination > li > button.last {background-repeat: no-repeat; background-size: 1.8rem; background-position: center;}
.pagination > li > button.first {background-image: url(/img/ico/ic-pagination-first-c3ab119a4c2218f1b3456ac5a515a182.svg);}
.pagination > li > button.prev {background-image: url(/img/ico/ic-pagination-prev-d0ae646a848c5f4e6be5fc8c42fa75dd.svg);}
.pagination > li > button.next {background-image: url(/img/ico/ic-pagination-next-dc00f3178d6fb6b7060a6474d11b18b1.svg);}
.pagination > li > button.last {background-image: url(/img/ico/ic-pagination-last-825dba93d0d6bf75c0af5de332ef8777.svg);}
.pagination > li > button.active {background-color: var(--leeum-gray200);}

@media screen and (max-width: 767px) {
    .pagination {margin-top: 5rem;}
    .pagination > li > button {width: 3rem; height: 3rem; font-size: 1.6rem;}
    .pagination > li > button.first,
    .pagination > li > button.prev,
    .pagination > li > button.next,
    .pagination > li > button.last {background-size: 1.4rem;}
}

/* popup */
.popup {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.85); display: flex; align-items: center; justify-content: center; z-index: 998; backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem);}
.popup > svg {position: absolute; top: 2rem; right: 2.5rem; cursor: pointer;}
.popup > button {position: absolute; top: 2rem; right: 2.5rem; cursor: pointer; border:0; padding:0;}

.popup.search {width: fit-content; height: fit-content; background-color: transparent; backdrop-filter: initial; top: initial; bottom: 2.5rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.popup.search .svg-ic-close {display: block; position: absolute; right: 0; top: -3rem; width: 2.4rem; height: 2.4rem;}
.popup.search .pop-wrap {box-shadow: none; border: 1px solid var(--leeum-line200);}

.popup .pop-wrap {width: 40rem; max-height: 70%; padding: 3rem 2rem; background-color: var(--leeum-white); border-radius: .4rem; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .16); overflow-y: auto;}
.popup .pop-wrap.lg {width: 61rem;}

.popup .pop-wrap::-webkit-scrollbar {width: 0; height: 0; background-color: transparent;}
.popup .pop-wrap::-webkit-scrollbar-thumb {background-color: transparent;}
.popup .pop-wrap::-webkit-scrollbar-track {background-color: transparent;}

.popup .pop-wrap .pop-tit {display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 1.2rem; margin-bottom: 3rem;}
.popup .pop-wrap .pop-tit > h6 {font-size: 2.4rem; line-height: 3.2rem;}
.popup .pop-wrap .pop-tit > h4 {font-size: 1.5rem; line-height: 3.2rem;}

.popup .pop-wrap .pop-cont .cont-box + .cont-box {margin-top: 3rem; padding-top: 3rem;}
.popup .pop-wrap .pop-cont .cont-box .title > h6 {font-size: 1.8rem; line-height: 2.6rem;}
.popup .pop-wrap .pop-cont .cont-box .sub-title {justify-content: center;}
.popup .pop-wrap .pop-cont .box + .box {margin-top: 2rem;}
.popup .pop-wrap .pop-cont .cont-box .title + .list-desc {margin-top: -1rem;}

.popup .pop-wrap .pop-cont .list-desc > li {font-size: 1.2rem; line-height: 1.8rem; text-indent: -1.4rem; padding-left: 1.4rem; color: var(--leeum-text300);}

.popup .pop-wrap .pop-btn {margin-top: 5rem; display: flex; align-items: center; column-gap: 1rem;}
.popup .pop-wrap .pop-btn button {width: 100%; height: 3.6rem; border-radius: .4rem; background-color: var(--leeum-gray500); color: var(--leeum-text200);}
.popup .pop-wrap .pop-btn button:nth-child(1):nth-last-child(2), .popup .pop-wrap .pop-btn button:nth-child(1):nth-last-child(2) ~ button {width: calc((100% - 1rem) / 2);}
.popup .pop-wrap .pop-btn button:nth-child(1):nth-last-child(2) {background-color: var(--leeum-gray200); color: var(--leeum-text300); border-color: var(--leeum-line200);}

.popup .pop-wrap .pop-cont .text-btn-wrap {display: flex; flex-flow: column; row-gap: 3rem;}
.popup .pop-wrap .pop-cont .text-btn-wrap > p {text-align: center; font-size: 1.6rem; line-height: 2.6rem;}
.popup .pop-wrap .pop-cont .text-btn-wrap > button {width: 100%; height: 3.6rem; border-radius: .4rem; background-color: var(--leeum-gray500); color: var(--leeum-text200);}

.popup .pop-wrap.image {padding: 0; border-radius: 0; background-color: transparent; box-shadow: none;}
.popup .pop-wrap.image .archive-swiper {position: relative; width: 100%; height: 100%;}
.popup .pop-wrap.image .archive-swiper .swiper-slide {display: flex; align-items: center; justify-content: center;}
.popup .pop-wrap.image .archive-swiper .swiper-slide img {max-width: calc(100% - 4rem); max-height: 100%;}

.popup .pop-wrap.image .archive-swiper .swiper-button-prev,
.popup .pop-wrap.image .archive-swiper .swiper-button-next {width: 4rem; height: 4rem; border-radius: 100%; background-color: var(--leeum-gray200); background-repeat: no-repeat; background-size: 2rem; background-position: center; cursor: pointer;}
.popup .pop-wrap.image .archive-swiper .swiper-button-prev {background-image: url(/img/ico/ic-arrow-swiper-prev-5f1e8aa7ae9b4684d0e2e987787f369b.svg); left: 0;}
.popup .pop-wrap.image .archive-swiper .swiper-button-next {background-image: url(/img/ico/ic-arrow-swiper-next-442b7194b303fdeebd59327e40cec2a1.svg); right: 0;}
.popup .pop-wrap.image .archive-swiper .swiper-button-prev:after,
.popup .pop-wrap.image .archive-swiper .swiper-button-next:after {content: none;}
.popup .pop-wrap.image .archive-swiper .swiper-button-next:after {content: none;}

.popup .pop-wrap.image.single {width: 100%; height: 100%; max-height: none; position: relative;}
/* .popup .pop-wrap.image.single .image-cont {}
.popup .pop-wrap.image.single .image-cont img {max-width: 100%; max-height: 100%; width: auto; height: auto;}*/
.popup > .btn-cont {display: flex; align-items: center; column-gap: 1rem; position: absolute; top: 1.5rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.popup > .btn-cont > button {display: flex!important; align-items: center; justify-content: center; width: 4rem; height: 4rem; padding: 0; background-color: var(--leeum-gray300); border-radius: 100%; border: 0;}
.popup > .btn-cont > button svg g,
.popup > .btn-cont > button svg path {fill: var(--leeum-gray200);}
.popup > .btn-cont > button svg {width: 1.6rem;}

.openseadragon-container :focus { outline: none; }

@media screen and (max-width: 767px) {
    .popup.search {width: calc(100% - 6rem); bottom: 7rem;}
    .popup.search .pop-wrap {width: 100%; max-width: initial;}

    .popup > svg {width: 4rem; height: 4rem; top: 1.5rem; right: 1rem;}

    .popup .pop-wrap,
    .popup .pop-wrap.lg {max-width: calc(100% - 6rem);}

    .popup .pop-wrap .pop-tit > h6 {font-size: 2rem; line-height: 2.8rem;}

    .popup .pop-wrap .pop-cont .cont-box .title > h6 {font-size: 1.6rem; line-height: 2.4rem;}
    .popup .pop-wrap .pop-cont .text-btn-wrap > p {font-size: 1.4rem; line-height: 2.2rem;}
    .popup .pop-wrap .pop-cont .text-btn-wrap > button {height: 3.2rem;}

    .popup .pop-wrap .pop-btn button {height: 3.2rem;}

    .popup .pop-wrap.image {width: calc(100vw - 2rem); max-width: initial; height: calc(100vh - 14rem);}
    .popup .pop-wrap.image .archive-swiper .swiper-slide img {max-width: calc(100% - 4rem); max-height: 100%;}

    .popup .pop-wrap.image.single .btn-cont > button {width: 3.2rem; height: 3.2rem;}
}

.notice-popup {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.65); display: flex; align-items: center; justify-content: center; z-index: 9; backdrop-filter: saturate(200%) blur(1.5rem); -webkit-backdrop-filter: saturate(200%) blur(2rem); overflow: hidden;}
.notice-popup .pop-wrap {width: 40rem; height: fit-content;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%);}
.notice-popup .pop-wrap > div {background-color: var(--leeum-black); padding: 2rem; display: flex; flex-flow: column; row-gap: 2rem; align-items: center; justify-content: center; border-radius: .4rem;}
.notice-popup .pop-wrap > div > h6 {font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; color: var(--leeum-text100);}
.notice-popup .pop-wrap > div > p {font-size: 1.4rem; line-height: 2.2rem; color: var(--leeum-text100); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice-popup .pop-wrap > div > div {display: flex; align-items: center; justify-content: center; column-gap: 1rem;}
.notice-popup .pop-wrap > div > div .close {border-color: var(--leeum-gray500); background-color: transparent; color: var(--leeum-text300);}
.notice-popup .pop-wrap > div > div .more {border-color: #2b2b2b; background-color: #2b2b2b; color: #D2D2D2;}
.notice-popup .pop-wrap .input {margin-top: 1rem; padding: 0; display: flex; flex-flow: initial; justify-content: initial; column-gap: .6rem; background-color: transparent;}
.notice-popup .pop-wrap .input > input + label > span {font-size: 1.2rem; color: #A5A5AA;}
.notice-popup .pop-wrap .input > button {width: fit-content; height: fit-content; padding: 0; font-size: 1.2rem; text-decoration: underline; background-color: transparent; border: 0; color: var(--leeum-text100);}
.notice-popup .pop-wrap > button {margin-top: 1rem; height: initial; width: fit-content; padding: 0; font-size: 1.2rem; font-weight: 700; color: var(--leeum-text300); background-color: transparent; border: 0;}

@media screen and (max-width: 767px) {
    .notice-popup .pop-wrap {width: 31.5rem; max-width: calc(100% - 6rem); position: fixed; 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%);}
    .notice-popup .pop-wrap > div {row-gap: 1rem;}
    .notice-popup .pop-wrap > div > h6 {font-size: 1.6rem; line-height: 2.4rem;}
    .notice-popup .pop-wrap > div > p {font-size: 1.3rem; line-height: 1.9rem;}
    .notice-popup .pop-wrap > button {margin-top: .6rem;}
}

/* loading */
.loading {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(255,255,255,.85); display: flex; align-items: center; justify-content: center; z-index: 99999; backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem);}
.loading .per {font-size: 1.2rem; text-align: center;}
#loading {width: 8.8rem; height: 8.8rem; 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%);}

@media screen and (max-width: 767px) {
    .loading .per {font-size: 1.1rem;}
}

/* empty */
.empty-cont {margin-top: 3rem;}
.empty-cont > p {font-size: 1.8rem; line-height: 2.6rem; color: var(--leeum-text300);}

@media screen and (max-width: 767px) {
    .empty-cont > p {font-size: 1.6rem; line-height: 2.4rem;}
}

/*.openseadragon-container .referencestrip {*/
/*    width: 100vw !important;*/
/*    backdrop-filter: blur(1rem) brightness(90%);*/
/*    -webkit-backdrop-filter: blur(1rem) brightness(90%);*/
/*    mix-blend-mode: overlay;*/
/*    background-color: rgba(255,255,255,0.8) !important;*/
/*    opacity: unset !important;*/
/*    padding-top: 1rem !important;*/
/*    display: flex !important;*/
/*    align-items: center;*/
/*    column-gap: 1rem;*/
/*}*/

.openseadragon-container > div:last-child {
    right: 0;
}

.openseadragon-container > div:last-child > div {
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    background: rgba(0,0,0,0.8);
    width: 100%;
    padding-top: 2rem !important;
    display: flex !important;
    justify-content: center;
}

.openseadragon-container > div:last-child > div > div {
    background: transparent !important;
}

.openseadragon-container > div:last-child > div > div > div {
    /*background: transparent !important;*/
    border-radius: 4px;
    cursor: pointer;
}

.swiper-wrapper {
    transform: translate3d(0px, 0, 0) !important;
}
.swiper-wrapper div:last-child {
    margin-right:0 !important;
}