@charset "UTF-8";
::-webkit-scrollbar { width: .8rem; height: .8rem; }

::-webkit-scrollbar-thumb { background-color: #d6e0eb; border-radius: .8rem; }

::-webkit-scrollbar-track { background-color: #eef2f7; }

.swiper-wrapper { box-sizing: border-box; }

.sec-tit, .con-tit, .g-tit { display: block; color: var(--krds-light-color-text-bolder); font-weight: 700; }

.sec-tit { font-size: var(--krds-pc-font-size-heading-large); }

.con-tit { font-size: var(--krds-pc-font-size-heading-medium); }

.g-tit { font-size: var(--krds-pc-font-size-heading-small); }

.clear { clear: both; }

.slide-container { overflow: hidden; position: relative; }

:has(.total-search) .krds-side-navigation { display: none; }
:has(.total-search) .contents { width: 100%; }

.color-primary { color: #256ef4 !important; }
.color-primary-deep { color: #083891 !important; }
.color-primary-thin { color: #096ab3 !important; }
.color-red { color: #bd2c0f !important; }
.color-gray { color: #464c53 !important; }

@media (max-width: 767px) { img[src*="-pc."] { display: none; } }
@media (min-width: 768px) { img[src*="-mo."] { display: none; } }
.svg-icon { flex-shrink: 0; }

* { box-sizing: border-box; }

html { font-size: 10px; }
@media (max-width: 1023px) { html { font-size: 9px; } }

.inner { max-width: 1320px; padding: 0 2rem; }

#krds-header .header-container .header-branding { align-items: center; }

#krds-header .header-container .logo, #krds-footer .f-logo { width: 27.3rem; height: auto; aspect-ratio: 273 / 51; }

#krds-header .header-container .logo a, #krds-footer .f-logo { background-image: url(/images/2025/layout/logo.svg); }

#krds-header .header-container .btn-navi.logout:before { mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/krds/resources/img/component/icon/ico_logout.svg); mask-image: url(/krds/resources/img/component/icon/ico_logout.svg); }

@media (min-width: 1024px) { #krds-header .header-container .btn-navi { flex-direction: row; padding-top: 0; }
  #krds-header .header-container .btn-navi.logout { display: none; } }
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap { width: 18rem; }

@media (min-width: 768px) and (max-width: 1023px) { .krds-main-menu-mobile .gnb-wrap { width: 60%; } }
@media (max-width: 1023px) { #krds-header .header-container .logo, #krds-footer .f-logo { width: 22rem; }
  #krds-footer { padding-bottom: 12rem; } }
@media (max-width: 767px) { #krds-header .header-container .btn-navi { padding-left: .6rem; padding-right: .6rem; } }
.krds-main-menu .gnb-toggle-wrap { max-height: calc(75vh - 20rem); overflow-y: auto; }

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a[target="_blank"] .svg-icon, .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list a[target="_blank"] .svg-icon { width: 1.7rem; height: 1.7rem; transform: translatey(0.2rem); }

.krds-main-menu .gnb-toggle-wrap .gnb-main-list { max-width: 1320px; padding: 0 2rem; }

.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before { left: 2rem; }

.krds-main-menu .gnb-menu .gnb-main-trigger .svg-icon { width: 2rem; height: 2rem; }
.krds-main-menu .gnb-menu .gnb-main-trigger .svg-icon, .krds-main-menu .gnb-menu .gnb-main-trigger:after { transform: translatey(-0.2rem); }
@media (max-width: 1280px) { .krds-main-menu .gnb-menu .gnb-main-trigger { font-size: 1.7rem; }
  .krds-main-menu .gnb-menu .gnb-main-trigger .svg-icon, .krds-main-menu .gnb-menu .gnb-main-trigger:after { width: 1.9rem; height: 1.9rem; transform: translatey(-0.15rem); } }
.krds-main-menu .gnb-menu .gnb-main-trigger.selected.active:before, .krds-main-menu .gnb-menu .gnb-main-trigger.selected:before { left: 0; width: 100%; }

.krds-main-menu .gnb-menu:has(.gnb-main-trigger.active) .gnb-main-trigger.selected:not(.active):before { left: 50%; width: 0; }
.krds-main-menu .gnb-menu .gnb-sub-content ul a.selected { background-color: #eef2f7; color: #052b57; font-weight: 700; }

.krds-drop-wrap .drop-menu-close { align-self: flex-end; display: inline-flex; }
.krds-drop-wrap .drop-menu.drop-menu-site { min-width: max-content; }
.krds-drop-wrap .drop-menu.drop-menu-site .drop-list > li > a { white-spce: nowrap; }
.krds-drop-wrap .drop-menu.drop-menu-site .drop-list > li > a .svg-icon { width: 1.6rem; height: 1.6rem; }
.krds-drop-wrap .drop-menu.drop-menu-language { min-width: max-content; }
.krds-drop-wrap .drop-menu.drop-menu-language .drop-list > li > a { white-spce: nowrap; }
.krds-drop-wrap .drop-menu.drop-menu-language .drop-list > li > a .svg-icon { width: 2rem; height: 2rem; }
.krds-drop-wrap .drop-menu.drop-menu-footer { display: none !important; row-gap: .8rem; top: auto; bottom: calc(100% + 2rem); left: 0; padding: 2.4rem 4rem; width: calc(100vw - 4rem); max-width: 56rem; transform: unset; }
.krds-drop-wrap .drop-menu.drop-menu-footer:before { bottom: auto; top: 100%; left: 2rem; transform: rotate(45deg) translatey(-50%); }
.krds-drop-wrap .drop-menu.drop-menu-footer .drop-in { row-gap: 0; padding: 0 1.6rem .8rem; }
.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 1.6rem; }
.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list > li { width: calc(100% / 2 - calc(1.2rem / 2)); }
.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list > li > a { display: flex; justify-content: space-between; align-items: center; gap: .8rem; padding: .8rem 1.6rem; height: 100%; min-height: 5.8rem; border: 1px solid #cdd1d5; border-radius: .6rem; }
.krds-drop-wrap .drop-menu.drop-menu-footer .drop-list > li > a .svg-icon { width: 1.6rem; height: 1.6rem; }
.krds-drop-wrap:has(.drop-btn.init) .drop-menu.drop-menu-footer { display: flex !important; flex-direction: column-reverse; }
.krds-drop-wrap:has(.drop-btn.init) .drop-menu.drop-menu-footer:before { display: block !important; }

.krds-badge br { display: none; }

.drop-list-share { display: flex; gap: .5rem; }
.drop-list-share > li { flex-shrink: 0; }
.drop-list-share > li .krds-btn { height: 4rem; background-color: #fff; border: 1px solid #cdd1d5; }
.drop-list-share > li .krds-btn.icon { width: 4rem; }
.drop-list-share > li .krds-btn.icon .svg-icon { width: 2.4rem; }
.drop-list-share > li .krds-btn:not(.icon) { padding: .8rem; color: #1e2124; font-size: 1.3rem; }

#krds-footer .foot-quick .inner .krds-drop-wrap { flex: 1; }

#krds-footer .f-cnt .f-info .info-cs > li { flex-wrap: wrap; gap: .8rem; }

#krds-footer .f-cnt .f-info .info-cs > li > ul { display: flex; flex-wrap: wrap; gap: 0.8rem calc(1.6rem + 1px); overflow: hidden; }

#krds-footer .f-cnt .f-info .info-cs > li > ul > li { position: relative; }

#krds-footer .f-cnt .f-info .info-cs > li > ul > li:before { content: ""; position: absolute; top: .6rem; right: calc(100% + .8rem); width: 1px; height: 1.2rem; background-color: #6d7882; }

#krds-footer .f-btm { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }

#krds-footer .f-btm .f-btm-text { flex-direction: column; align-items: flex-start; row-gap: .8rem; width: auto; }

#krds-footer .f-btm .f-btm-symbol { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; }

#krds-footer .f-btm .f-btm-symbol-item[data-symbol="heritage"] { width: 6rem; }

#krds-footer .f-btm .f-btm-symbol-item[data-symbol="open"] { width: 8rem; }

.svg-icon { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; }
.svg-icon.ico-fill { mask: unset; -webkit-mask: unset; background: no-repeat 50% 50%/contain; }
.svg-icon.ico-information-line { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_information_line.svg); mask-image: url(/krds/resources/img/component/icon/ico_information_line.svg); }
.svg-icon.ico-information-fill-2 { background-image: url(/krds/resources/img/component/icon/ico_information_fill_2.svg); }
.svg-icon.ico-kakao-channel { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_kakao_channel.svg); mask-image: url(/krds/resources/img/component/icon/ico_kakao_channel.svg); }
.svg-icon.ico-warning-fill { background-image: url(/krds/resources/img/component/icon/ico_warning_fill.svg); }
.svg-icon.ico-warning-fill-2 { background-image: url(/krds/resources/img/component/icon/ico_warning_fill_2.svg); }
.svg-icon.ico-speak-up { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_speak_up.svg); mask-image: url(/krds/resources/img/component/icon/ico_speak_up.svg); }
.svg-icon.ico-heart { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_heart.svg); mask-image: url(/krds/resources/img/component/icon/ico_heart.svg); }
.svg-icon.ico-headphone { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_headphone.svg); mask-image: url(/krds/resources/img/component/icon/ico_headphone.svg); }
.svg-icon.ico-return { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_return.svg); mask-image: url(/krds/resources/img/component/icon/ico_return.svg); }
.svg-icon.ico-enter { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_arrow_enter.svg); mask-image: url(/krds/resources/img/component/icon/ico_arrow_enter.svg); }
.svg-icon.ico-help-line { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_help_line.svg); mask-image: url(/krds/resources/img/component/icon/ico_help_line.svg); }
.svg-icon.ico-favorite { background-color: #ffb114; -webkit-mask-image: url(/krds/resources/img/component/icon/ico_favorite.svg); mask-image: url(/krds/resources/img/component/icon/ico_favorite.svg); }
.svg-icon.ico-docu-seoji { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_docu_seoji.svg); mask-image: url(/krds/resources/img/component/icon/ico_docu_seoji.svg); }
.svg-icon.ico-docu-haeje { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_docu_haeje.svg); mask-image: url(/krds/resources/img/component/icon/ico_docu_haeje.svg); }
.svg-icon.ico-docu-img { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_docu_img.svg); mask-image: url(/krds/resources/img/component/icon/ico_docu_img.svg); }
.svg-icon.ico-docu-hanj { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_docu_hanj.svg); mask-image: url(/krds/resources/img/component/icon/ico_docu_hanj.svg); }
.svg-icon.ico-docu-hang { -webkit-mask-image: url(/krds/resources/img/component/icon/ico_docu_hang.svg); mask-image: url(/krds/resources/img/component/icon/ico_docu_hang.svg); }
.svg-icon.ico-like-fill { background-color: #d63d4a !important; -webkit-mask-image: url(/krds/resources/img/component/icon/ico_like_fill.svg); mask-image: url(/krds/resources/img/component/icon/ico_like_fill.svg); }

.btn-wrap, .btn-group { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; }
.btn-wrap[data-align="center"], .btn-group[data-align="center"] { justify-content: center !important; }
.btn-wrap[data-align="right"], .btn-group[data-align="right"] { justify-content: flex-end !important; }
@media (max-width: 479px) { .btn-wrap .krds-btn, .btn-group .krds-btn { margin-right: 0 !important; } }

.krds-btn { white-space: normal; }
.krds-btn:not(.icon, .text, .link) { align-items: center; }
.krds-btn:not(.icon, .text, .link) .svg-icon { position: relative; top: -2.5%; margin: 0 !important; }
.krds-btn[class] { column-gap: .6rem; }
.krds-btn.xsmall:not(.icon, .text, .link) { height: auto; min-height: var(--krds-button--size-height-xsmall); }
.krds-btn.small:not(.icon, .text, .link) { height: auto; min-height: var(--krds-button--size-height-small); }
.krds-btn.medium:not(.icon, .text, .link) { height: auto; min-height: var(--krds-button--size-height-medium); }
.krds-btn.large:not(.icon, .text, .link) { height: auto; min-height: var(--krds-button--size-height-large); }
.krds-btn.xlarge:not(.icon, .text, .link) { height: auto; min-height: var(--krds-button--size-height-xlarge); }
.krds-btn.tertiary { background-color: #fff; }
.krds-btn > i { flex-shrink: 0; }

.krds-form-check { line-height: 0; }
.krds-form-check label { white-space: pre-wrap; }

.krds-check-area { gap: .8rem; align-items: flex-start; flex-wrap: wrap; }
.krds-check-area[data-dir="column"] { flex-direction: column; }
.krds-check-area[data-column-count] { margin: 0 -1rem; column-gap: 0; }
.krds-check-area[data-column-count] > .krds-form-check { margin: 0 1rem; word-break: break-all; }
.krds-check-area[data-column-count="1"] .krds-form-check { width: calc(100% - 2rem); }
.krds-check-area[data-column-count="2"] .krds-form-check { width: calc(100% / 2 - 2rem); }
.krds-check-area[data-column-count="3"] .krds-form-check { width: calc(100% / 3 - 2rem); }
.krds-check-area[data-column-count="4"] .krds-form-check { width: calc(100% / 4 - 2rem); }
.krds-check-area[data-column-count="5"] .krds-form-check { width: calc(100% / 5 - 2rem); }
@media (max-width: 767px) { .krds-check-area[data-column-count="4"] .krds-form-check, .krds-check-area[data-column-count="5"] .krds-form-check { width: calc(100% / 3 - 2rem); } }
@media (max-width: 767px) { .krds-check-area .krds-check-area[data-dir="column"] { flex-direction: row; } }
@media (max-width: 479px) { .krds-check-area[data-column-count="3"] .krds-check-area[data-column-count="4"] .krds-form-check, .krds-check-area[data-column-count="5"] .krds-form-check { width: calc(100% / 2 - 2rem); } }

@media (max-width: 767px) { .sch-form-wrap .input-group { flex-wrap: wrap; align-items: flex-start; }
  .sch-form-wrap .input-group .krds-form-select, .sch-form-wrap .input-group .krds-input { width: 100%; } }

.sch-filter-group, .sch-filter-box { display: none; }
.sch-filter-group.active, .sch-filter-box.active { display: block; }

.sch-filter-box .krds-input, .sch-filter-box .krds-form-select { height: 4.8rem; font-size: var(--krds-pc-font-size-medium); }
.sch-filter-box .krds-form-select { background-size: 2rem; }
.sch-filter-box .filter-form + .filter-form { margin-top: 2.4rem; }
.sch-filter-box .filter-form > div.full { max-width: 100%; }
.sch-filter-box .filter-form > div > .label { flex-shrink: 0; }
.sch-filter-box .filter-form > div > .label > .tooltip-txt { font-size: inherit; }
.sch-filter-box .filter-form > div > .label > .tooltip-txt > .tooltip-btn > .svg-icon { background-color: var(--krds-light-color-text-basic) !important; }
.sch-filter-box .filter-form > div:has(.filter-form-date) { flex-direction: column; align-items: flex-start; width: 100%; max-width: 100%; }
.sch-filter-box .filter-form > div .filter-form-date { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .8rem; width: 100%; }
.sch-filter-box .filter-form > div .filter-form-date .form-group { flex-shrink: 0; width: 16.4rem; }
.sch-filter-box .filter-form > div .filter-form-date .form-group:has(+ .form-group) { margin-right: 1.6rem; }
.sch-filter-box .filter-form > div .filter-form-date .btn-wrap { width: auto; }
.sch-filter-box .filter-form > div .filter-form-date .btn-wrap .krds-btn { background-color: #fff; border-color: #b1b8be; }
.sch-filter-box .filter-form > div .filter-form-date .btn-wrap .krds-btn:hover { background-color: #ecf2fe; border-color: #256ef4; color: #256ef4; }
.sch-filter-box .filter-form > div .filter-form-date .btn-wrap .krds-btn.active { background-color: #ecf2fe; border-color: #256ef4; color: #256ef4; }
.sch-filter-box .filter-form > div .filter-form-date .btn-wrap .krds-btn.active:before { content: ""; width: 1.6rem; aspect-ratio: 1 / 1; background: url(/krds/resources/img/component/icon/ico_checkbox_checked.svg) no-repeat 50% 50%/contain; }
.sch-filter-box .filter-form > div .filter-form-date-input { position: relative; }
.sch-filter-box .filter-form > div .filter-form-date-input > label { position: absolute; top: 50%; right: 1.6rem; transform: translatey(-50%); }
.sch-filter-box.heritage-group { flex-direction: row; gap: 1.6rem 0; margin-left: -.8rem; margin-right: -.8rem; padding: 0; height: 32rem; background: transparent; border-radius: 0; }
.sch-filter-box.heritage-group.active { display: flex; }
.sch-filter-box.heritage-group .filter-form { flex-direction: column; align-items: flex-start; padding: 2.4rem 2rem 2.4rem 2.4rem; background: #eef2f7; border-radius: 1.2rem; }
.sch-filter-box.heritage-group .filter-form + .filter-form { margin-top: 0; margin-bottom: 0; }
.sch-filter-box.heritage-group .filter-form .chk-area { flex-direction: column; align-items: flex-start; max-width: 100%; height: 100%; }
.sch-filter-box.heritage-group .filter-form .chk-area:has(.krds-check-area) { overflow: hidden; overflow-y: auto; }
.sch-filter-box.heritage-group .filter-form .krds-form-check label { font-size: 1.6rem; letter-spacing: -.1rem; }
.sch-filter-box.heritage-group .filter-form .input-group.duration { display: flex; align-items: center; gap: .8rem; }
.sch-filter-box.heritage-group .filter-form .input-group.duration .krds-input { width: 9.6rem; }
.sch-filter-box.heritage-group > .filter-form { margin: 0 .8rem; width: calc(22.5% - 1.6rem); }
.sch-filter-box.heritage-group > .filter-form-group { display: flex; flex-direction: column; row-gap: 1.6rem; margin: 0 .8rem; width: calc(22.5% * 2 - 1.6rem); }
.sch-filter-box.heritage-group > .filter-form-group .filter-form { flex: 1; }
@media (max-width: 1280px) { .sch-filter-box.heritage-group { flex-wrap: wrap; height: auto; }
  .sch-filter-box.heritage-group > .filter-form { width: calc(100% / 3 - 1.6rem); height: 32rem; }
  .sch-filter-box.heritage-group > .filter-form-group { flex-direction: row; gap: 1.6rem; width: calc(100% - 1.6rem); } }
@media (max-width: 767px) { .sch-filter-box.heritage-group > .filter-form { width: calc(100% - 1.6rem); height: auto; max-height: 14rem; }
  .sch-filter-box.heritage-group > .filter-form-group { flex-direction: column; } }

.krds-modal.window-modal { position: static; }
.krds-modal.window-modal .modal-dialog { display: block; margin: 0; width: 100%; z-index: auto; }
.krds-modal.window-modal .modal-content { max-height: unset; background-color: #fff; border: unset; border-radius: 0; box-shadow: unset; }
.krds-modal.window-modal .page-step .sec-tit { font-size: 2.4rem; }

#popTotalSchType1 .pop-total-serch-wrap .search-total-top, #popTotalSch .pop-total-serch-wrap .search-total-top { position: relative; }

@media (min-width: 768px) { #popTotalSch .modal-dialog .modal-conts .tab.fill.full ul, .total-search .tab.fill.full ul { flex-wrap: nowrap; }
  #popTotalSch .modal-dialog .modal-conts .tab.fill.full ul .btn-tab, .total-search .tab.fill.full ul .btn-tab { font-size: 1.6rem; } }
#popTotalSch .modal-dialog .modal-conts .sch-filter-box, .total-search .sch-filter-box { display: block; margin: 0; background-color: #fff; border: 1px solid #b1b8be; }

.tab.fill.full > ul { flex-wrap: wrap; }
.tab.fill.full > ul > li .btn-tab { gap: .8rem; padding: .8rem 1.6rem; min-height: 5.6rem; height: 100%; text-align: center; }
.tab.fill.full > ul > li .btn-tab > i { width: 2rem; height: 2rem; }
.tab.fill.full > ul > li:not(.active) .btn-tab { background-color: #fff; }
@media (max-width: 767px) { .tab.fill.full:has(.btn-tab-toggle) > ul { display: none; margin-top: .8rem; overflow: hidden; flex-direction: column; gap: 0; border: 1px solid var(--krds-tab--fill-button-color-border); border-radius: .6rem; }
  .tab.fill.full:has(.btn-tab-toggle) > ul > li { width: 100%; }
  .tab.fill.full:has(.btn-tab-toggle) > ul > li.active { display: none; }
  .tab.fill.full:has(.btn-tab-toggle) > ul > li .btn-tab { border-radius: 0; justify-content: flex-start; }
  .tab.fill.full:has(.btn-tab-toggle) > ul > li .btn-tab > br { display: none; }
  .tab.fill.full.none-toggle > ul { gap: 0; }
  .tab.fill.full.none-toggle > ul > li { flex: 1 1 0px; }
  .tab.fill.full.none-toggle > ul > li .btn-tab { border: 1px solid #b1b8be; border-radius: 0; }
  .tab.fill.full.none-toggle > ul > li .btn-tab > br { display: none; }
  .tab.fill.full.none-toggle > ul > li:not(.active) + li .btn-tab { border-left: 0; }
  .tab.fill.full.none-toggle > ul > li.active .btn-tab { border-color: #063a74; }
  .tab.fill.full.none-toggle > ul > li:first-of-type .btn-tab { border-radius: .6rem 0 0 .6rem; }
  .tab.fill.full.none-toggle > ul > li:last-of-type .btn-tab { border-radius: 0 .6rem .6rem 0; } }
@media (min-width: 768px) { .tab.fill.full .btn-tab.btn-tab-toggle { display: none; } }
@media (max-width: 767px) { .tab.fill.full .btn-tab { border-radius: 0; font-size: 1.7rem; }
  .tab.fill.full .btn-tab.btn-tab-toggle { justify-content: space-between; border: 1px solid var(--krds-tab--fill-button-color-border); border-radius: .6rem; }
  .tab.fill.full .btn-tab.btn-tab-toggle br { display: none; }
  .tab.fill.full .btn-tab.btn-tab-toggle.active { background-color: var(--krds-tab--fill-button-color-action-active); border-color: var(--krds-tab--fill-button-color-action-active); color: #fff; }
  .tab.fill.full .btn-tab.btn-tab-toggle.active > .svg-icon { background-color: #fff; }
  .tab.fill.full .btn-tab.btn-tab-toggle.active + ul { display: flex; } }
.tab.fill.slide, .tab.fill.box { overflow: hidden; position: relative; margin: 0 -1rem; width: calc(100% + 2rem); }
.tab.fill.slide > ul, .tab.fill.box > ul { overflow: unset; gap: 0; }
.tab.fill.slide > ul > li, .tab.fill.box > ul > li { padding: 0 1rem; width: auto; }
.tab.fill.slide > [data-slide-action], .tab.fill.slide > [class^=swiper-button-], .tab.fill.box > [data-slide-action], .tab.fill.box > [class^=swiper-button-] { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; margin: 0; padding: 0 .4rem; width: 3.2rem; height: 4rem; background-color: #fff; border: 0; border-radius: 0; opacity: 0; transition: .5s opacity, 0s visibility .5s; z-index: 2; }
.tab.fill.slide > [data-slide-action][data-slide-action="move-prev"], .tab.fill.slide > [class^=swiper-button-][data-slide-action="move-prev"], .tab.fill.box > [data-slide-action][data-slide-action="move-prev"], .tab.fill.box > [class^=swiper-button-][data-slide-action="move-prev"] { left: 1rem; padding-right: .4rem; border-right: 1px solid #ddd1d5; }
.tab.fill.slide > [data-slide-action][data-slide-action="move-next"], .tab.fill.slide > [class^=swiper-button-][data-slide-action="move-next"], .tab.fill.box > [data-slide-action][data-slide-action="move-next"], .tab.fill.box > [class^=swiper-button-][data-slide-action="move-next"] { right: 1rem; padding-left: .4rem; border-left: 1px solid #ddd1d5; }
.tab.fill.slide > [data-slide-action][aria-disabled="true"], .tab.fill.slide > [class^=swiper-button-][aria-disabled="true"], .tab.fill.box > [data-slide-action][aria-disabled="true"], .tab.fill.box > [class^=swiper-button-][aria-disabled="true"] { opacity: 0 !important; }
.tab.fill.slide > [data-slide-action] > .svg-icon, .tab.fill.slide > [class^=swiper-button-] > .svg-icon, .tab.fill.box > [data-slide-action] > .svg-icon, .tab.fill.box > [class^=swiper-button-] > .svg-icon { width: 2rem; height: 2rem; }
.tab.fill.slide .btn-tab, .tab.fill.box .btn-tab { height: 4rem; }
.tab.fill.slide:hover > [data-slide-action], .tab.fill.slide:hover > [class^=swiper-button-], .tab.fill.slide:has(.btn-tab:focus-visible) > [data-slide-action], .tab.fill.slide:has(.btn-tab:focus-visible) > [class^=swiper-button-], .tab.fill.box:hover > [data-slide-action], .tab.fill.box:hover > [class^=swiper-button-], .tab.fill.box:has(.btn-tab:focus-visible) > [data-slide-action], .tab.fill.box:has(.btn-tab:focus-visible) > [class^=swiper-button-] { opacity: 1; transition-delay: 0s; }

.tab li, .tab li .btn-tab { white-space: normal; }

.mt-0 { margin-top: var(--krds-number-0) !important; }
.mt-1 { margin-top: var(--krds-number-1) !important; }
.mt-2 { margin-top: var(--krds-number-2) !important; }
.mt-4 { margin-top: var(--krds-number-3) !important; }
.mt-6 { margin-top: var(--krds-number-4) !important; }
.mt-8 { margin-top: var(--krds-number-5) !important; }
.mt-10 { margin-top: var(--krds-number-6) !important; }
.mt-12 { margin-top: var(--krds-number-7) !important; }
.mt-16 { margin-top: var(--krds-number-8) !important; }
.mt-20 { margin-top: var(--krds-number-9) !important; }
.mt-24 { margin-top: var(--krds-number-10) !important; }
.mt-28 { margin-top: var(--krds-number-11) !important; }
.mt-32 { margin-top: var(--krds-number-12) !important; }
.mt-36 { margin-top: var(--krds-number-13) !important; }
.mt-40 { margin-top: var(--krds-number-14) !important; }
.mt-44 { margin-top: var(--krds-number-15) !important; }
.mt-48 { margin-top: var(--krds-number-16) !important; }
.mt-56 { margin-top: var(--krds-number-17) !important; }
.mt-64 { margin-top: var(--krds-number-18) !important; }
.mt-72 { margin-top: var(--krds-number-19) !important; }
.mt-80 { margin-top: var(--krds-number-20) !important; }
.mt-96 { margin-top: var(--krds-number-21) !important; }
.mb-0 { margin-bottom: var(--krds-number-0) !important; }
.mb-1 { margin-bottom: var(--krds-number-1) !important; }
.mb-2 { margin-bottom: var(--krds-number-2) !important; }
.mb-4 { margin-bottom: var(--krds-number-3) !important; }
.mb-6 { margin-bottom: var(--krds-number-4) !important; }
.mb-8 { margin-bottom: var(--krds-number-5) !important; }
.mb-10 { margin-bottom: var(--krds-number-6) !important; }
.mb-12 { margin-bottom: var(--krds-number-7) !important; }
.mb-16 { margin-bottom: var(--krds-number-8) !important; }
.mb-20 { margin-bottom: var(--krds-number-9) !important; }
.mb-24 { margin-bottom: var(--krds-number-10) !important; }
.mb-28 { margin-bottom: var(--krds-number-11) !important; }
.mb-32 { margin-bottom: var(--krds-number-12) !important; }
.mb-36 { margin-bottom: var(--krds-number-13) !important; }
.mb-40 { margin-bottom: var(--krds-number-14) !important; }
.mb-44 { margin-bottom: var(--krds-number-15) !important; }
.mb-48 { margin-bottom: var(--krds-number-16) !important; }
.mb-56 { margin-bottom: var(--krds-number-17) !important; }
.mb-64 { margin-bottom: var(--krds-number-18) !important; }
.mb-72 { margin-bottom: var(--krds-number-19) !important; }
.mb-80 { margin-bottom: var(--krds-number-20) !important; }
.mb-96 { margin-bottom: var(--krds-number-21) !important; }

.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
.fw-1000 { font-weight: 1000 !important; }

.display-block, .d-block { display: block; }
.display-inline-block, .d-inline-block { display: inline-block; }
.display-flex, .d-flex { display: flex; }
.display-inline-flex, .d-inline-flex { display: inline-flex; }

.align-left { text-align: left !important; }

.align-center { text-align: center !important; }

.align-right { text-align: right !important; }
.align-right .text-mark { display: inline-block; }

.text-mark { position: relative; padding-left: 2.2rem; color: #464c53; font-size: 1.5rem; }
.text-mark > .svg-icon, .text-mark > [class*="ri-"], .text-mark .symbol { position: absolute; left: 0; }
.text-mark > .svg-icon { top: .25rem; width: 1.6rem; height: 1.6rem; }
.text-mark > .svg-icon.ico-information-line { background-color: #256ef4; }
.text-mark > [class*="ri-"] { font-size: 1.6rem; }
.text-mark:has(.symbol) { padding-left: 1.4rem; }
.text-mark:has(.ico-information-fill) { color: #1a80e5; }

.symbol-essential { color: #eb003b; }

.right-float-wrap { position: fixed; top: 50%; right: 0; transform: translatey(-50%); z-index: 100; }
.right-float-wrap .btn-favorite { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: .8rem; padding: 1.6rem; background-color: #1f6692; border-radius: 1.2rem 0 0 1.2rem; color: #fff; font-weight: 700; }
.right-float-wrap .btn-favorite > .ico-favorite { width: 1.6rem; width: 1.6rem; }
.right-float-wrap .btn-favorite > .ico-plus, .right-float-wrap .btn-favorite .ico-popup-close { width: 2rem; height: 2rem; background-color: #fff; }
.right-float-wrap .btn-favorite.active { position: absolute; bottom: 0; right: 100%; padding: 0; width: 4rem; height: 4rem; background-color: #1e2124; }
.right-float-wrap .right-float { display: none; overflow: hidden; width: 16rem; background-color: #f4f5f6; border-top-left-radius: 1.2rem; box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.08), 0 1.6rem 2.4rem 0 rgba(0, 0, 0, 0.12); }
.right-float-wrap .right-float > strong { display: flex; justify-content: center; align-items: center; gap: .6rem; padding: 1.6rem 2rem; background-color: #063a74; color: #fff; }
.right-float-wrap .right-float > strong .svg-icon { width: 1.6rem; height: 1.6rem; }
.right-float-wrap .right-float-inner { padding: 1.6rem; }
.right-float-wrap .right-float-inner .krds-btn { padding: 0 .8rem; }
.right-float-wrap .right-float .btn-list-wrap { display: flex; flex-direction: column; row-gap: 1.2rem; }
.right-float-wrap .right-float .btn-list-wrap > li { display: flex; align-items: center; }
.right-float-wrap .right-float .btn-list-wrap > li > .btn-close { display: flex; align-items: center; flex-shrink: 0; width: 2rem; height: 2rem; line-height: 1; }
.right-float-wrap .right-float .btn-list-wrap > li > .btn-close > i { font-size: 2rem; }
.right-float-wrap .right-float .btn-list-wrap > li + li { padding-top: 1.2rem; border-top: 1px dashed #cdd1d5; }
.right-float-wrap .right-float .btn-list-wrap > li > .btn { flex: 1; font-size: 1.5rem; }
.right-float-wrap.opened .right-float { display: block; }

/* shadow4 */
.addMenu-cont { visibility: hidden; display: flex; flex-direction: column; position: fixed; top: 50%; left: 50%; padding: 5.6rem 0 4rem; width: calc(100vw - 4rem); max-width: 120rem; max-height: 80%; background-color: #fff; border: 1px solid #b1b8be; border-radius: 1.2rem; box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.08), 0 1.6rem 2.4rem 0 rgba(0, 0, 0, 0.12); transform: translate(-50%, -50%); z-index: 1000; opacity: 0; transition: .3s opacity, 0s visibility .3s; }
.addMenu-cont.active { visibility: visible; opacity: 1; transition-delay: 0s; }
.addMenu-cont-top { padding: 0 4rem 2.4rem; }
.addMenu-cont-top > strong { display: flex; align-items: center; gap: .8rem; font-size: 2.4rem; }
.addMenu-cont-cont { padding: 0 4rem; overflow-y: auto; }
.addMenu-cont-cont::-webkit-scrollbar { width: .8rem; }
.addMenu-cont-cont::-webkit-scrollbar-thumb { background-color: #d6e0eb; border-radius: .8rem; }
.addMenu-cont-cont::-webkit-scrollbar-track { background-color: #eef2f7; }
.addMenu-cont-bot { padding: 1.6rem 4rem 0; }
.addMenu-cont-close { position: absolute; top: 2.4rem; right: 2.4rem; }
@media (max-width: 1023px) { .addMenu-cont { padding: 4.8rem 0 3.2rem; }
  .addMenu-cont-top { padding: 0 3.2rem 2.4rem; }
  .addMenu-cont-cont { padding: 0 3.2rem; }
  .addMenu-cont-bot { padding: 1.6rem 3.2rem 0; } }
@media (max-width: 767px) { .addMenu-cont { padding: 4rem 0 2.4rem; }
  .addMenu-cont-top { padding: 0 2.4rem 2.4rem; }
  .addMenu-cont-cont { padding: 0 2.4rem; }
  .addMenu-cont-bot { padding: 1.6rem 2.4rem 0; } }
.addMenu-cont .addMenu-group-wrap > li + li { margin-top: 2.4rem; }
.addMenu-cont .addMenu-group-wrap > li > .con-tit { display: block; }
.addMenu-cont .addMenu-group-wrap > li > .checkbox-group { display: flex; flex-wrap: wrap; row-gap: .8rem; padding: 2rem .8rem; background-color: #f4f5f6; border-radius: 1.2rem; }
.addMenu-cont .addMenu-group-wrap > li > .checkbox-group > li { padding: 0 1.2rem; width: calc(100% / 4); }
.addMenu-cont .addMenu-group-wrap > li > .checkbox-group > li > a { display: flex; align-items: center; column-gap: .8rem; position: relative; padding: 1rem .8rem; border-radius: .8rem; }
.addMenu-cont .addMenu-group-wrap > li > .checkbox-group > li > a::before { content: "·"; flex-shrink: 0; font-weight: 700; }
.addMenu-cont .addMenu-group-wrap > li > .checkbox-group > li > a:hover { background-color: #fff; }
.addMenu-cont .addMenu-group-wrap > li:last-child { display: none; }
@media (max-width: 1023px) { .addMenu-cont .addMenu-group-wrap > li > .checkbox-group > li { width: calc(100% / 3); } }
@media (max-width: 767px) { .addMenu-cont .addMenu-group-wrap > li > .checkbox-group > li { width: calc(100% / 2); } }
@media (max-width: 479px) { .addMenu-cont .addMenu-group-wrap > li > .checkbox-group > li { width: 100%; } }
.addMenu-cont-back { visibility: hidden; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000000bf; opacity: 0; z-index: 500; transition: .3s opacity, 0s visibility .3s; }

body:has(.addMenu-cont.active) { overflow: hidden; }
body:has(.addMenu-cont.active) .addMenu-cont-back { opacity: 1; visibility: visible; transition-delay: 0s; }

/* 용어사전, 단어 확대 tooltip */
#textTooltipPopup { background-color: #fff; }

.ui-datepicker { background: #fff; padding: 1.3rem; box-shadow: 1rem 1.5rem 1rem rgba(0, 0, 0, 0.16); border: 1px solid #E0E0E0 !important; border-radius: 1.2rem; font-size: 1.6rem; margin: .8rem 0; overflow: hidden; color: #000; display: none; width: auto; font-family: inherit; }
.ui-datepicker .ui-datepicker-header { position: relative; margin: -1.3rem -1.3rem 1.3rem; padding: 2rem 1.3rem; border: none; border-bottom: 1px solid #cdd1d5; font-weight: initial; color: inherit; background: transparent; }
.ui-datepicker .ui-datepicker-title { display: flex; justify-content: center; align-items: center; gap: .8rem; text-align: center; position: relative; color: #000; margin: 0; line-height: inherit; }
.ui-datepicker .ui-datepicker-title * { font-family: inherit; }
.ui-datepicker .ui-datepicker-title select { cursor: pointer; width: auto; font-family: inherit; font-size: inherit; border-radius: 0; border: none; margin: 0; padding: 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 0; bottom: 0; margin: auto 0; width: 3.2rem; height: 3.2rem; border-radius: 50%; border: 1px solid #cdd1d5; z-index: 1; cursor: pointer; background: transparent; }
.ui-datepicker .ui-datepicker-prev::after, .ui-datepicker .ui-datepicker-next::after { display: block; font-family: 'remixicon'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #000; line-height: 1; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { font-size: 0; width: 0; height: 0; clip: rect(0, 0, 0, 0); opacity: 0; position: absolute; margin: 0; left: 0; top: 0; }
.ui-datepicker .ui-datepicker-prev { left: 1.6rem; }
.ui-datepicker .ui-datepicker-prev::after { content: "\ea64"; }
.ui-datepicker .ui-datepicker-next { right: 1.6rem; }
.ui-datepicker .ui-datepicker-next::after { content: "\ea6e"; }
.ui-datepicker .ui-datepicker-month { color: #000; font-weight: 700; }
.ui-datepicker .ui-datepicker-calendar { font-size: inherit; margin: 0; }
.ui-datepicker .ui-datepicker-calendar [title="Sunday"], .ui-datepicker .ui-datepicker-calendar [title="일"] { color: red; }
.ui-datepicker .ui-datepicker-calendar [title="Saturday"], .ui-datepicker .ui-datepicker-calendar [title="토"] { color: blue; }
.ui-datepicker .ui-datepicker-calendar th a, .ui-datepicker .ui-datepicker-calendar th span { color: #000; }
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span { color: inherit; }
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { font-weight: 400; padding: .35rem; vertical-align: middle; }
.ui-datepicker .ui-datepicker-calendar th a, .ui-datepicker .ui-datepicker-calendar th span, .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span { display: flex; width: 3.2rem; height: 3.2rem; text-align: center; align-items: center; justify-content: center; border-radius: .3rem; border: none; background: transparent; font-weight: inherit; margin: 0; padding: 0; }
.ui-datepicker .ui-datepicker-calendar th a.ui-state-hover, .ui-datepicker .ui-datepicker-calendar th span.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td span.ui-state-hover { background: #000; color: #fff; }
.ui-datepicker .ui-datepicker-calendar th.ui-datepicker-days-cell-over a, .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-days-cell-over a, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { background: #000; color: #fff; }
.ui-datepicker .ui-datepicker-unselectable { opacity: 0.3; }

.sch-keyword-auto { display: none; overflow: hidden; position: absolute; top: calc(100% - 1px); left: 0; width: 100%; background-color: #fff; border: 1px solid #58616a; border-radius: 0 0 1rem 1rem; z-index: 5; }
.sch-keyword-auto-list { display: flex; flex-direction: column; row-gap: .8rem; padding: 2.4rem 1.6rem 1.6rem; }
.sch-keyword-auto-util { display: flex; justify-content: flex-end; padding: 1.6rem; background-color: #f4f5f6; border-top: 1px solid #58616a; }

.krds-form-check:has(.krds-btn) { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; align-items: center; }

.jBox-Modal { border-radius: 1.2rem; }
.jBox-Modal:has(.krds-modal) .jBox-content { padding: 0; }

.page-top-button { width: var(--krds-size-height-8); height: var(--krds-size-height-8); display: flex; align-items: center; justify-content: center; flex-direction: row; border-radius: var(--krds-radius-medium3); border: 0.1rem solid var(--krds-light-color-border-gray-light); background-color: var(--krds-light-color-action-white); box-shadow: 0px 0px 2px 0px var(--krds-light-color-alpha-shadow1), 0px 4px 8px 0px var(--krds-light-color-alpha-shadow2); position: fixed; right: 4rem; bottom: 6.4rem; z-index: -1; visibility: hidden; opacity: 0; }
.page-top-button:hover { background-color: var(--krds-light-color-action-secondary-hover); }
.page-top-button:active, .page-top-button:focus { background-color: var(--krds-light-color-action-secondary-pressed); box-shadow: var(--krds-box-shadow-outline-inset); outline-offset: -0.4rem; }
.page-top-button.active { z-index: 60; visibility: visible; opacity: 1; }
@media (max-width: 1023px) { .page-top-button { right: var(--krds-contents-padding-x); bottom: var(--krds-contents-padding-x); } }

@media (max-width: 767px) { :has(.krds-in-page-navigation-inner) .page-top-button { bottom: 6.4rem; } }
.krds-box[data-box-type] { border-radius: var(--krds-radius-xlarge2); }
.krds-box[data-box-type*="border"] { background-color: #fff; border: 1px solid var(--krds-light-color-divider-gray-light); }
.krds-box[data-box-type*="fill"] { background-color: #f4f5f6; }
.krds-box[data-box-type*="fill"][data-box-type="border"] { background-color: #f4f5f6; }
.krds-box[data-box-type*="fill-light"] { background-color: #ecf2fe; }
.krds-box[data-box-type*="fill-white"] { background-color: #fff; }
.krds-box[data-box-type*="charge"] { margin-top: 4.8rem; padding: var(--krds-pc-padding-card-medium) var(--krds-pc-padding-card-large); }
.krds-box[data-box-type*="charge"] + .krds-box[data-box-type*="satisfaction"] { margin-top: 1.6rem; }
.krds-box[data-box-type*="charge"] > dl { display: flex; flex-wrap: wrap; gap: 1.2rem 4rem; color: var(--krds-color-text-bolder); font-size: var(--font-size-heading-small); }
.krds-box[data-box-type*="charge"] > dl > dt { display: flex; gap: .8rem; align-items: center; flex-shrink: 0; font-weight: 700; }
.krds-box[data-box-type*="charge"] > dl > dt > i { width: 2rem; }
.krds-box[data-box-type*="charge"] > dl > dd { flex: 1; }
@media (max-width: 1280px) { .krds-box[data-box-type*="charge"] { padding: 3.2rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="charge"] { padding: 2.4rem; }
  .krds-box[data-box-type*="charge"] > dl { flex-direction: column; } }
.krds-box[data-box-type*="satisfaction"] { margin-top: 4.8rem; padding: var(--krds-pc-padding-card-large); }
.krds-box[data-box-type*="satisfaction"] > dl > dt { display: block; color: var(--krds-color-text-bolder); font-size: var(--font-size-heading-small); font-weight: 700; line-height: 150%; }
.krds-box[data-box-type*="satisfaction"] > dl > dd { margin-top: var(--krds-number-2); }
.krds-box[data-box-type*="satisfaction"] .krds-satisfaction-field { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 2rem; margin-top: 1.6rem; }
.krds-box[data-box-type*="satisfaction"] .krds-satisfaction-buttons { display: flex; flex-wrap: wrap; gap: 1.6rem; }
.krds-box[data-box-type*="satisfaction"] .krds-satisfaction-buttons > li { flex-shrink: 0; }
.krds-box[data-box-type*="satisfaction"] .krds-satisfaction-buttons > li .krds-form-chip-outline { min-width: 10rem; justify-content: center; }
@media (max-width: 1280px) { .krds-box[data-box-type*="satisfaction"] { padding: 3.2rem; }
  .krds-box[data-box-type*="satisfaction"] .krds-satisfaction-buttons { gap: .8rem; } }
@media (max-width: 1023px) { .krds-box[data-box-type*="satisfaction"] { padding: 2.4rem; } }
.krds-box[data-box-type*="open"] { display: flex; flex-wrap: wrap; align-items: center; gap: calc(3.2rem + 1px); padding: 2.45rem 3rem; }
.krds-box[data-box-type*="open"] .open-mark { flex-shrink: 0; align-self: flex-start; position: relative; }
.krds-box[data-box-type*="open"] .open-mark:before { content: ""; position: absolute; top: 50%; left: calc(100% + 1.6rem); width: 1px; height: 1.2rem; background-color: var(--krds-light-color-divider-gray-light); transform: translatey(-50%); }
.krds-box[data-box-type*="open"] .open-mark a { display: block; }
.krds-box[data-box-type*="open"] .open-mark img[src*="mark01"] { width: 13.7rem; }
.krds-box[data-box-type*="open"] .open-mark img[src*="mark02"] { width: 13.3rem; }
.krds-box[data-box-type*="open"] .open-mark img[src*="mark03"] { width: 13.3rem; }
.krds-box[data-box-type*="open"] .open-mark img[src*="mark04"] { width: 20.3rem; }
.krds-box[data-box-type*="open"] figcaption { flex: 1; }
.krds-box[data-box-type*="open"] figcaption p span { color: var(--krds-color-light-primary-60); }
@media (max-width: 479px) { .krds-box[data-box-type*="open"] { row-gap: 2.4rem; flex-direction: column; }
  .krds-box[data-box-type*="open"] .open-mark { align-self: center; }
  .krds-box[data-box-type*="open"] .open-mark:before { display: none; }
  .krds-box[data-box-type*="open"] figcaption { text-align: center; } }
.krds-box[data-box-type*="top"] { display: flex; align-items: center; column-gap: 3.2rem; padding: 5.6rem 4.8rem; }
.krds-box[data-box-type*="top"] .top-icon { flex-shrink: 0; width: 12.8rem; aspect-ratio: 1 / 1; background-image: url(/images/2025/icon/top/default.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; border-radius: 50%; }
.krds-box[data-box-type*="top"] .top-icon[data-align="top"] { align-self: flex-start; }
.krds-box[data-box-type*="top"] .top-icon-search { background-image: url(/images/2025/icon/top/search.png); }
.krds-box[data-box-type*="top"] .top-icon-map { background-image: url(/images/2025/icon/top/map.png); }
.krds-box[data-box-type*="top"] .top-icon-unesco01 { background-image: url(/images/2025/icon/top/unesco-01.png); }
.krds-box[data-box-type*="top"] .top-icon-unesco02 { background-image: url(/images/2025/icon/top/unesco-02.png); }
.krds-box[data-box-type*="top"] .top-icon-unesco03 { background-image: url(/images/2025/icon/top/unesco-03.png); }
.krds-box[data-box-type*="top"] .top-icon-palace { background-image: url(/images/2025/icon/top/palace.png); }
.krds-box[data-box-type*="top"] .top-icon-tree { background-image: url(/images/2025/icon/top/tree.png); }
.krds-box[data-box-type*="top"] .top-icon-bird { background-image: url(/images/2025/icon/top/bird.png); }
.krds-box[data-box-type*="top"] .top-icon-book-old { background-image: url(/images/2025/icon/top/book-old.png); }
.krds-box[data-box-type*="top"] .top-icon-injang { background-image: url(/images/2025/icon/top/injang.png); }
.krds-box[data-box-type*="top"] .top-icon-tomb { background-image: url(/images/2025/icon/top/tomb.png); }
.krds-box[data-box-type*="top"] .top-icon-hwalja { background-image: url(/images/2025/icon/top/hwalja.png); }
.krds-box[data-box-type*="top"] .top-icon-joseon { background-image: url(/images/2025/icon/top/joseon.png); }
.krds-box[data-box-type*="top"] .top-icon-drag { background-image: url(/images/2025/icon/top/drag.png); }
.krds-box[data-box-type*="top"] .top-icon-law { background-image: url(/images/2025/icon/top/law.png); }
.krds-box[data-box-type*="top"] .top-icon-shinmungo { background-image: url(/images/2025/icon/top/shinmungo.png); }
.krds-box[data-box-type*="top"] .top-icon-minwon { background-image: url(/images/2025/icon/top/minwon.png); }
.krds-box[data-box-type*="top"] .top-icon-monitor { background-image: url(/images/2025/icon/top/monitor.png); }
.krds-box[data-box-type*="top"] .top-icon-repair { background-image: url(/images/2025/icon/top/repair.png); }
.krds-box[data-box-type*="top"] .top-icon-public { background-image: url(/images/2025/icon/top/public.png); }
.krds-box[data-box-type*="top"] .top-icon-coin { background-image: url(/images/2025/icon/top/coin.png); }
.krds-box[data-box-type*="top"] .top-icon-grave { background-image: url(/images/2025/icon/top/grave.png); }
.krds-box[data-box-type*="top"] .top-icon-tile { background-image: url(/images/2025/icon/top/tile.png); }
.krds-box[data-box-type*="top"] .top-icon-gak { background-image: url(/images/2025/icon/top/gak.png); }
.krds-box[data-box-type*="top"] .top-icon-film { background-image: url(/images/2025/icon/top/film.png); }
.krds-box[data-box-type*="top"] .top-icon-statue { background-image: url(/images/2025/icon/top/statue.png); }
.krds-box[data-box-type*="top"] .top-icon-paper { background-image: url(/images/2025/icon/top/paper.png); }
.krds-box[data-box-type*="top"] .top-icon-cholong { background-image: url(/images/2025/icon/top/cholong.png); }
.krds-box[data-box-type*="top"] .top-desc { flex: 1; }
.krds-box[data-box-type*="top"] .top-desc .btn-wrap { margin-top: 1.6rem; }
.krds-box[data-box-type*="top"] + * { margin-top: 4.8rem; }
.krds-box[data-box-type*="top"][data-box-type*="fill"] .top-icon { background-color: #fff; }
.krds-box[data-box-type*="top"][data-box-type*="border"] .top-icon { background-color: #f4f5f6; }
@media (max-width: 1280px) { .krds-box[data-box-type*="top"] { padding: 4.8rem 4rem; }
  .krds-box[data-box-type*="top"] .top-icon { width: 10rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="top"] { padding: 4rem 3.2rem; } }
@media (max-width: 479px) { .krds-box[data-box-type*="top"] { flex-direction: column; row-gap: 2.4rem; }
  .krds-box[data-box-type*="top"] .top-icon[data-align="top"] { align-self: center; }
  .krds-box[data-box-type*="top"] .top-desc { width: 100%; } }
.krds-box[data-box-type*="webzine"] { overflow: hidden; }
.krds-box[data-box-type*="webzine"] figure { display: flex; flex-direction: row-reverse; align-items: center; gap: 3.2rem 7.2rem; padding: 5.6rem 6.4rem; }
.krds-box[data-box-type*="webzine"] figure > img { flex-shrink: 0; width: 18rem; border-radius: .4rem; box-shadow: 0.6rem 0.6rem 1rem 0 rgba(0, 0, 0, 0.2), 0.6rem 0.6rem 1.5rem 0.5rem rgba(0, 0, 0, 0.1); }
.krds-box[data-box-type*="webzine"] figure > figcaption { display: flex; flex-direction: column; row-gap: 2.4rem; }
.krds-box[data-box-type*="webzine"] > .btn-wrap { justify-content: center; padding: 3.2rem 6.4rem; background-color: #e2e8ef; }
.krds-box[data-box-type*="webzine"][data-box-type*="lovepaper"] figure > figcaption h3 { width: 20rem; }
.krds-box[data-box-type*="webzine"][data-box-type*="lovepaper"] > .btn-wrap .krds-btn:first-child { margin-right: auto; }
.krds-box[data-box-type*="webzine"][data-box-type*="heritage"] figure > figcaption h3 { width: 18.5rem; }
@media (max-width: 1280px) { .krds-box[data-box-type*="webzine"] figure { column-gap: 6.4rem; padding: 4.8rem 5.6rem; }
  .krds-box[data-box-type*="webzine"] > .btn-wrap { padding: 2.4rem 5.6rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="webzine"] figure { flex-direction: column; padding: 4rem 4.8rem; }
  .krds-box[data-box-type*="webzine"] figure > figcaption { width: 100%; align-items: center; text-align: center; }
  .krds-box[data-box-type*="webzine"] figure > figcaption > .btn-wrap { justify-content: center; }
  .krds-box[data-box-type*="webzine"] > .btn-wrap { padding: 2.4rem 4.8rem; }
  .krds-box[data-box-type*="webzine"][data-box-type*="lovepaper"] > .btn-wrap { justify-content: center; }
  .krds-box[data-box-type*="webzine"][data-box-type*="lovepaper"] > .btn-wrap .krds-btn:first-child { margin-right: 0; } }
.krds-box[data-box-type*="text"] { padding: 4rem; }
@media (max-width: 1280px) { .krds-box[data-box-type*="text"] { padding: 3.2rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="text"] { padding: 2.4rem; } }
.krds-box[data-box-type*="default"] { padding: 4rem 5.6rem; }
@media (max-width: 1280px) { .krds-box[data-box-type*="default"] { padding: 3.2rem 4.8rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="default"] { padding: 3.2rem 4rem; } }
@media (max-width: 479px) { .krds-box[data-box-type*="default"] { padding: 3.2rem; } }
.krds-box[data-box-type*="img"] { padding: 4rem; text-align: center; }
@media (min-width: 768px) { .krds-box[data-box-type*="img"][data-box-type*="zoom"] .btn-wrap { display: none; } }
@media (max-width: 767px) { .krds-box[data-box-type*="img"][data-box-type*="zoom"] .btn-wrap { margin-top: 2.4rem; } }
@media (max-width: 1280px) { .krds-box[data-box-type*="img"] { padding: 3.2rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="img"] { padding: 2.4rem; } }
.krds-box[data-box-type*="purpose"] { padding: 5.6rem 8.4rem; text-align: center; }
@media (max-width: 1280px) { .krds-box[data-box-type*="purpose"] { padding: 4.8rem 7.2rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="purpose"] { padding: 4rem 5.6rem; } }
@media (max-width: 479px) { .krds-box[data-box-type*="purpose"] { padding: 4rem; } }
.krds-box[data-box-type*="info"] { display: flex; gap: 1.2rem; padding: 3.2rem 4rem; }
.krds-box[data-box-type*="info"] > i { flex-shrink: 0; }
.krds-box[data-box-type*="form"] { padding: 4rem; }
.krds-box[data-box-type*="form"] .con-tit + .form-group { margin-top: 2.4rem; }
.krds-box[data-box-type*="form"] .form-group { row-gap: 0; }
.krds-box[data-box-type*="form"] .form-group + .form-group { margin-top: 4rem; }
.krds-box[data-box-type*="form"] .form-conts { margin-top: 2.4rem; }
@media (max-width: 1023px) { .krds-box[data-box-type*="form"] { padding: 3.2rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="form"] { padding: 2.4rem; } }
.krds-box[data-box-type*="notice"] { padding: 1.6rem; }
.krds-box[data-box-type*="warning"] { background-color: #fff3d8; border-color: #ffe0a3; }
.krds-box[data-box-type*="warning"] > dl { position: relative; padding-left: 3.2rem; }
.krds-box[data-box-type*="warning"] > dl > dt { color: #9e6a00; font-weight: 700; }
.krds-box[data-box-type*="warning"] > dl > dt .svg-icon { position: absolute; top: 0; left: 0; }
.krds-box[data-box-type*="warning"] > dl > dd { margin-top: .8rem; }
.krds-box[data-box-type*="agree"] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.2rem 2.4rem; padding: 2.4rem; }
.krds-box[data-box-type*="terms"] { padding: 2.4rem; }
.krds-box[data-box-type*="terms"] .terms-desc { padding-right: .8rem; max-height: 32rem; overflow-y: auto; }
.krds-box[data-box-type*="complete"] { padding: 6.4rem 2.4rem; text-align: center; }
.krds-box[data-box-type*="complete"] .complete-message { font-size: 2.8rem; font-weight: 700; }
@media (max-width: 767px) { .krds-box[data-box-type*="complete"] { padding: 4.8rem 2.4rem; } }
.krds-box[data-box-type*="error"] { padding: 8rem; margin: auto; width: 100%; max-width: 96rem; }
.krds-box[data-box-type*="error"] .error-title { position: relative; padding: 5.6rem; background-color: #fff; text-align: center; }
.krds-box[data-box-type*="error"] .error-title img { width: 17.4rem; }
.krds-box[data-box-type*="error"] .error-title h1 { font-size: 4rem; }
.krds-box[data-box-type*="error"] .error-title > p { margin-top: 1.2rem; }
.krds-box[data-box-type*="error"] .error-title:after { content: ""; position: absolute; bottom: -2.4rem; right: -5.2rem; width: 18.6rem; aspect-ratio: 186 / 147; background: url(/images/2025/error/icon.png) no-repeat 50% 50%/contain; }
.krds-box[data-box-type*="error"] .error-content { margin-top: 3.2rem; }
@media (max-width: 1280px) { .krds-box[data-box-type*="error"] { padding: 6.4rem; }
  .krds-box[data-box-type*="error"] .error-title { padding: 4rem; }
  .krds-box[data-box-type*="error"] .error-title h1 { font-size: 3.2rem; }
  .krds-box[data-box-type*="error"] .error-title:after { bottom: -1.6rem; right: -4rem; width: 14rem; } }
@media (max-width: 767px) { .krds-box[data-box-type*="error"] { padding: 4rem; }
  .krds-box[data-box-type*="error"] .error-title { padding: 2.8rem; }
  .krds-box[data-box-type*="error"] .error-title h1 { font-size: 2.4rem; }
  .krds-box[data-box-type*="error"] .error-title:after { width: 10rem; } }

@media (min-width: 768px) { #krds-footer .f-cnt .f-link .link-go .krds-btn.text[data-target="gpsGuide-mo"] { display: none; } }
@media (max-width: 767px) { #krds-footer .f-cnt .f-link .link-go .krds-btn.text[data-target="gpsGuide-pc"] { display: none; } }

.gps-guide { display: flex; margin: 0 -.8rem; }
.gps-guide > li { display: flex; flex-direction: column; align-items: center; row-gap: 1.6rem; padding: 0 .6rem; width: calc(100% / 3); text-align: center; }
.gps-guide > li > .num { display: flex; justify-content: center; align-items: center; align-self: flex-start; width: 2rem; aspect-ratio: 1 / 1; background-color: #073a74; border-radius: .4rem; color: #fff; font-size: 1.4rem; font-weight: 700; line-height: 1; text-align: center; }
@media (max-width: 479px) { .gps-guide { flex-wrap: wrap; margin: 0; row-gap: 1.2rem; }
  .gps-guide > li { padding: 0; width: 100%; } }

.aside { position: fixed; top: 50vh; right: calc(50% - 76rem); z-index: 55; transform: translatey(-50%); }
.aside-link { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: .6rem; width: 10rem; aspect-ratio: 1 / 1; font-size: 1.5rem; font-weight: 700; line-height: 1.2; text-align: center; background-color: #fff; }
.aside-link > i { width: 2.6rem; height: 2.6rem; background: no-repeat 50% 50%/contain; }
.aside-link.home { border: 2px solid #256ef4; border-radius: 50%; text-wrap: balance; }
.aside-link.home > i { background-image: url(/images/2025/layout/aside-icon-home.svg); }
@media (max-width: 1560px) { .aside { right: 2rem; } }
@media (max-width: 1023px) { .aside { right: auto; left: 16px; top: auto; bottom: 16px; transform: unset; } }

@media (max-width: 767px) { .krds-in-page-navigation-type .aside { bottom: 6.4rem; } }
