@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url("/fonts/Pretendard-Black.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url("/fonts/Pretendard-ExtraBold.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url("/fonts/Pretendard-Bold.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url("/fonts/Pretendard-SemiBold.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url("/fonts/Pretendard-Medium.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url("/fonts/Pretendard-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url("/fonts/Pretendard-Light.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url("/fonts/Pretendard-ExtraLight.otf") format("opentype");
}

:root {
    --main-color: #1168FF;
    --black-color: #1C1C1B;
    --navy-color: #101B41;
    --active-color: #1F3097;
}

*,
*::before,
*::after {
    background-repeat: no-repeat;
}
*[hidden] {
    display: none !important;
}

html, body {
    color: var(--black-color);
    font-size: 16px;
    font-weight: normal;
    font-family: 'Pretendard', sans-serif;
    line-height: normal;
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
html.fixed {
    overflow: hidden;
}
html:has(.main), body:has(.main) {
    font-family: 'SUIT', sans-serif;
    line-height: 1.4;
}
.outfit {
    font-family: 'Outfit', sans-serif;
}
.animated {
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.truncate {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.align_left {
    text-align: left !important;
}
.align_right {
    text-align: right !important;
}
.align_center {
    text-align: center !important;
}

.p-relative {
    position: relative !important;
}

.pr-80 {
    padding-right: 5rem !important;
}
.pt-100 {
    padding-top: 6.25rem !important;
}

.mt-16 {
    margin-top: 1rem !important;
}
.mt-25 {
    margin-top: 1.5625rem !important;
}
.mt-50 {
    margin-top: 3.125rem !important;
}
.mt-65 {
    margin-top: 4rem !important;
}

@media (min-width: 768px) {
    .mo_show {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .pc_show {
        display: none !important;
    }
    .m-truncate-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
    }
}

.layout {
    width: 1220px;
    max-width: 100%;
    margin-inline: auto;
    padding-inline: 20px;
    position: relative;
}
.wrap:has(.main) .layout {
    width: 1480px;
}

.link-wrap .link > ul {
    display: flex;
}
.link-wrap .link > ul > li {
    flex: 1;
}
.link-wrap .link > ul > li .btn-link {
    width: 100%;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F5F6FA;
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 600;
}
.link-wrap .link > ul > li.active .btn-link {
    background-color: var(--active-color);
    color: white;
}
.link-wrap .link > ul > li:first-child .btn-link {
    border-radius: 0.625rem 0 0 0.625rem;
}
.link-wrap .link > ul > li:last-child .btn-link {
    border-radius: 0 0.625rem 0.625rem 0;
}

.link-wrap .t-contents {
    padding-top: 7.5rem;
    position: relative;
}
.link-wrap .t-conts:not(.active) {
    display: none !important;
}

.dotted-list > li {
    position: relative;
    color: var(--black-color);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    padding-left: 1rem;
    /* word-break: break-word;
    word-wrap: break-word; */
}
.dotted-list > li + li {
    margin-top: 0.4375rem;
}
.dotted-list.spacing > li + li {
    margin-top: 2rem;
}
.dotted-list > li::before {
    content: '';
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: var(--black-color);
    position: absolute;
    top: 0.875rem;
    left: 0;
}
.dotted-list > li > b {
    font-weight: 500;
}
.sub-list > li {
    position: relative;
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    padding-left: 1.625rem;
}
.sub-list > li::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 0.25rem;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.833333 9.16663L5 4.99996L0.833331 0.833293' stroke='%231C1C1B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
}
.sub-list > li + li {
    margin-top: 0.875rem;
}
.sub-list > li > b {
    font-weight: 500;
}
.sub-list > li > a:not(.download) {
    color: #555;
    font-weight: 500;
    margin-left: 0.75rem;
    padding-right: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.833333 9.16663L5 4.99996L0.833331 0.833293' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: right 0.5rem center;
    border-bottom: 1px solid #555;
}
.dotted-list .sub-list {
    /* padding-left: 1rem; */
    margin-top: 1rem;
}

.info-txt {
    color: #555;
    font-size: 1.125rem;
    font-weight: 500;
    padding-left: 1.6875rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3C5.85787 3 2.5 6.35786 2.5 10.5C2.5 14.6421 5.85786 18 10 18C14.1421 18 17.5 14.6421 17.5 10.5C17.5 6.35787 14.1421 3 10 3Z' fill='%23888888'/%3E%3Cpath d='M10 10.5L10 14.25M10 7.72046V7.6875' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: left 0;
    display: flex;
    align-items: center;
}
.info-txt.alert {
    background-position: left 0.3125rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z' fill='%23F3F3F3'/%3E%3Cpath d='M12 13.125L12 8.625M12 16.4604V16.5' stroke='%23555555' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    line-height: 1.97;
}
.download {
    display: inline-flex;
    align-items: center;
    color: #555;
    font-size: 1.125rem;
    font-weight: 500;
    margin-inline: 0.5rem;
    border-bottom: 1px solid #555;
    line-height: 1.97;
    gap: 0.2rem;
}
.download .btn.xs-icon {
    font-size: 0.8125rem;
    height: 1.625rem;
    border-radius: 0.375rem;
    margin-left: 0.25rem;
    padding-inline: 0.375rem;
    display: inline-flex;
}
.download .btn.xs-icon::after {
    width: 1rem;
    height: 1rem;
}
.section-content .info-txt {
    margin-top: 1.6875rem;
    word-break: break-word;
    word-wrap: break-word;
}
.info-txt + .info-txt {
    margin-top: 0.5rem;
}

.btn {
    min-width: 11.25rem;
    width: fit-content;
    height: 3.75rem;
    max-width: 100%;
    padding-inline: 1.75rem;
    background-color: var(--main-color);
    color: white;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.35s;
}
.btn.font-md {
    font-size: 1rem;
}
.btn.lined {
    border: 1px solid var(--main-color);
    color: var(--main-color);
    background-color: white;
}
.btn.lined.wh-lined {
    border-color: white;
    color: white;
    background-color: transparent;
}
.btn.lined.wh-lined:hover {
    background-color: white;
    color: var(--black-color);
}
.btn:hover {
    color: white;
    background-color: var(--navy-color);
}
.btn.rounded {
    border-radius: 300rem;
}
.btn.radius {
    border-radius: 0.625rem;
}
.btn.sm {
    min-width: 5.875rem;
    height: 3.25rem;
}
.btn.list-btn {
    border-color: var(--active-color);
    color: var(--active-color);
    min-width: 7.5rem;
    height: 3.25rem;
    gap: 0.5rem;
}
.btn.list-btn:hover {
    color: white;
}
.btn.list-btn::before {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('/images/icons/ico_list.svg');
    background-position: center;
    display: block;
}
.btn.list-btn:hover::before {
    background-image: url('/images/icons/ico_list_wh.svg');
}

.btn.xs-icon {
    color: var(--black-color);
    font-size: 0.9375rem;
    font-weight: 500;
    background-color: white;
    border: 1px solid #eee;
    border-radius: 0.5rem;
    min-width: unset;
    height: 2rem;
    padding-inline: 0.5rem;
    gap: 0.125rem;
}
.btn.xs-icon::after {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    background-position: center;
    display: block;
}
.btn.xs-icon:hover {
    background-color: #f5f6fa;
}
.btn.xs-icon.direct-link::after {
    background-image: url('/images/icons/ico_direct_link_bl.svg');
}
.btn.xs-icon.download-link::after {
    background-image: url('/images/icons/ico-download.svg');
}
.btn.xs-icon.gray {
    color: #555;
}
.btn.xs-icon.gray::after {
    opacity: 0.65;
}

.input-wrap input {
    min-width: 15rem;
    height: 3.25rem;
    border: 1px solid #eee;
    padding-inline: 1rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
}

.btn-wrap {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}
.table :is(th, td) {
    border: 1px solid #eee;
    height: 3.75rem;
    padding-inline: 1rem;
    text-align: center;
    color: var(--black-color);
    font-size: 1rem;
    font-weight: 400;
    background-color: white;
}
.table :is(th, td) a:hover p {
    text-decoration: underline;
}
.table thead th {
    background-color: #F5F6FA;
    font-weight: 500;
}
.table :is(th, td).gray {
    color: #555 !important;
    font-weight: 600
}
.table td.active-cell {
    color: white;
    background-color: var(--active-color);
    font-weight: 700;
}
.table td.light-cell {
    color: var(--black-color);
    background-color: #ECF3FF;
}

.table.datatable :is(th, td) {
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 500;
    border-inline: 0;
}
.table.datatable tbody td {
    height: 4.375rem;
}
.table.datatable tbody tr:hover td {
    background-color: #F5F6FA;
}
.table.datatable thead th {
    background-color: white;
    border-top: 2px solid var(--black-color);
    color: #555;
}
.mark {
    height: 1.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0.375rem;
    color: white;
    font-size: 0.625rem;
    font-weight: 600;
    background-color: #1168FF;
    border-radius: 0.25rem;
}
.table td .mark {
    margin-left: 0.625rem;
    flex: 0 0 auto;
    text-decoration: none !important;
}
.table td .data {
    display: flex;
    align-items: center;
}

.attach-file {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('/images/icons/ico_attach.svg');
    background-position: center;
    display: block;
    margin-inline: auto;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 0.3125rem;
    margin-top: 3.75rem;
}
.pagination .page-links {
    display: flex;
    gap: 0.3125rem;
}
.pagination .page-navi,
.pagination .page-link {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black-color);
    font-size: 1rem;
    font-weight: 600;
    background-color: white;
}
.pagination .page-link:not(.between) {
    border-radius: 0.5rem;
    border: 1px solid #eee;
}
.pagination .page-link.active {
    border-color: #1168FF;
    background-color: #1168FF;
    color: white;
}
.pagination .page-navi {
    background-image: url('/images/icons/ico_pagination.svg');
    background-position: center;
}
.pagination .page-navi:disabled {
    pointer-events: none;
    opacity: 0.5;
}
.pagination .page-navi.prev {
    transform: rotate(-180deg);
}

.ui-selectmenu-button.ui-button {
    width: auto;
    background-color: white;
    display: flex;
    align-items: center;
    margin-right: 0;
}
.ui-selectmenu-icon.ui-icon {
    display: none;
}
.select,
.ui-selectmenu-button.ui-button {
    min-width: 9.0625rem;
    max-width: 100%;
    height: 3.25rem;
    padding-inline: 1rem 1.75rem;
    border-radius: 0.5em;
    border: 1px solid #eee;
    background-image: url('/images/icons/ico_select_down_bl.svg');
    background-position: right 1rem center;
    background-repeat: no-repeat;
    color: #555;
    font-size: 1.125rem;
    font-weight: 600;
}
.select.ico-down,
.bread-crumb .ui-selectmenu-button.ui-button {
    background-image: url('/images/icons/ico_down_bl.svg');
    background-position: right center;
}
.ui-selectmenu-text {
    margin-right: 1rem;
    color: var(--black-color);
    font-size: 1rem;
    font-weight: 400;
}

.ui-selectmenu-menu.ui-front .ui-widget.ui-widget-content {
    border-radius: 0.5rem;
    border: 1px solid #eee;
    margin-top: 0.25rem;
    max-height: 202px;
}
.ui-selectmenu-menu.ui-front .ui-widget.ui-widget-content.bread-crumb-menu {
    border-radius: 0.625rem;
    box-shadow: 0 0 0.625rem 0 rgba(17, 104, 255, 0.15);
    margin-top: 1.125rem;
    padding-block: 0.625rem;
}
.ui-menu .ui-menu-item-wrapper {
    padding: 0.625rem 1rem;
    color: var(--black-color);
    font-size: 1rem;
    font-family: 'Pretendard';
    font-weight: 400;
}
.bread-crumb-menu .ui-menu .ui-menu-item-wrapper {
    padding: 1rem 1.5rem;
    font-weight: 500;
}
.ui-widget-content .ui-state-active {
    background-color: var(--main-color);
    color: white;
}
.bread-crumb-menu.ui-widget-content .ui-state-active {
    background-color: white;
    color: #1168FF;
    text-decoration: underline;
    border: 0 !important;
}

.wrap:not(:has(.main)) {
    padding-top: 5.625rem;
    transition: padding-top 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.wrap:not(:has(.main)):has(.line-banner.active) {
    padding-top: 9.375rem;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    transition: all 0.35s;
}
.header .hd-layout::after {
    content: '';
    width: 100%;
    height: 0;
    background-color: white;
    position: absolute;
    top: 100%;
    left: 0;
    transition: all 0.35s;
}
.header.open .hd-layout::after {
    height: 15.25rem;
    border-bottom: 1px solid #f1f2f3;
}
body.scroll .header,
.header:is(.open, .active) {
    background-color: white;
    border-bottom: 1px solid #f1f2f3;
}
.header .hd-layout {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 5.625rem;
    padding-inline: min(3.125vw, 3.75rem);
}

.header .logo img.logo_black {
    display: none;
}
body.scroll .header .logo img.logo_black,
.header:is(.open, .active) .logo img.logo_black {
    display: block;
}
body.scroll .header .logo img.logo_white,
.header:is(.open, .active) .logo img.logo_white {
    display: none;
}

.header .gnb-wrap {
    margin-inline: auto;
}
.header .gnb-list {
    display: flex;
    gap: min(2.5vw, 3rem);
}
.header .gnb-list > li {
    position: relative;
}
.header .gnb-list > li > a,
.header .gnb-list > li > .gnb-main-btn {
    color: white;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    height: 5.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: min(1.5625vw, 1.875rem);
    position: relative;
}

.header .gnb-list > li > .gnb-main-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
}
.wrap:has(.main) .header .gnb-list > li > a {
    font-weight: 800;
}
.header .gnb-list > li:is(:focus-within, :hover) > a,
.header .gnb-list > li:is(:focus-within, :hover) > .gnb-main-btn {
    color: var(--main-color) !important;
}
.header .gnb-list > li > a::after,
.header .gnb-list > li > .gnb-main-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.5px;
    transition: all 0.35s;
}
.header .gnb-list > li:is(:focus-within, :hover) > a::after,
.header .gnb-list > li:is(:focus-within, :hover) > .gnb-main-btn::after {
    background-color: var(--main-color);
}

body.scroll .header .gnb-list > li > a,
.header:is(.open, .active) .gnb-list > li > a,
body.scroll .header .gnb-list > li > .gnb-main-btn,
.header:is(.open, .active) .gnb-list > li > .gnb-main-btn {
    color: var(--black-color);
}

.header .gnb-list > li .gnb-depth-2 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-top: 2.375rem;
    text-align: center;
    opacity: 0;
    transition: all 0.25s;
    pointer-events: none;
    z-index: 1;
}
.header.open .gnb-list > li .gnb-depth-2 {
    opacity: 1;
    pointer-events: all;
}
.header .gnb-list > li .gnb-depth-2 > li > a {
    padding-block: 0.625rem;
    width: 100%;
    text-align: center;
    display: block;
    color: var(--black-color);
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.35s;
}
.header .gnb-list > li .gnb-depth-2 > li > a:is(:hover, :focus) {
    color: var(--main-color);
}

.header .hd-utils {
    display: flex;
    align-items: center;
    gap: min(2.08333333333vw, 2.5rem);
}
.header .hd-utils .kris-link {
    position: relative;
    height: 2.5rem;
    padding-inline: 1.1875rem 3.1875rem;
    border: 1px solid var(--main-color);
    border-radius: 300rem;
    background-color: white;
    display: flex;
    align-items: center;
}
.header .hd-utils .kris-link::after {
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    background-image: url('/images/icons/ico_direct_link.svg');
}
.header .hd-utils .kris-link:hover {
    background-color: #F5F6FA;
}
.header .hd-utils .lang-wrap {
    position: relative;
}
.header .hd-utils .lang-btn {
    width: 1.75rem;
    height: 1.75rem;
    background-image: url('/images/icons/ico_international.svg');
    background-position: center;
}
.header .hd-utils .lang-wrap .lang-select {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border-radius: 0.5rem;
    padding-block: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    border: 1px solid #f1f2f3;
    z-index: 11;
}
.header .hd-utils .lang-wrap .lang-select:not(.active) {
    display: none !important;
}
.header .hd-utils .lang-wrap .lang-select::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background-color: white;
    position: absolute;
    top: -0.25rem;
    left: 50%;
    border-right: 1px solid #f1f2f3;
    border-top: 1px solid #f1f2f3;
    transform: translateX(-50%) rotate(-45deg);
}
.header .hd-utils .lang-wrap .lang-select > button {
    min-width: 5rem;
    padding-inline: 1.125rem;
    padding-block: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
}
body.scroll .header .hd-utils .lang-btn,
.header:is(.open, .active) .hd-utils .lang-btn {
    background-image: url('/images/icons/ico_international_blk.svg');
}
.header .hd-utils .menu-btn {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url('/images/icons/ico_menu.svg');
    background-position: center;
}
body.scroll .header .hd-utils .menu-btn,
.header:is(.open, .active) .hd-utils .menu-btn {
    background-image: url('/images/icons/ico_menu_blk.svg');
}

.view-detail {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #555;
    font-size: 1.125rem;
    font-weight: 600;
}
.ico-plus {
    width: 3.75rem;
    height: 3.75rem;
    display: inline-block;
    border: 1px solid #eee;
    border-radius: 50%;
    background-image: url('/images/icons/ico_plus.svg');
    background-position: center;
}

.checkbox-wrap > label {
    padding-left: 2rem;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
}
.checkbox-wrap > label::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='4' fill='%23666'/%3E%3Cpath d='M14.6667 6.7915L8.25004 13.2082L5.33337 10.2915' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
}
.checkbox-wrap > input:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='4' fill='%231F3097'/%3E%3Cpath d='M14.6667 6.7915L8.25004 13.2082L5.33337 10.2915' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* Main */
.main-sect-01 {
    opacity: 0;
    transition-duration: 1.5s;
}
.main-sect-01.on {
    opacity: 1;
}
.main-swiper {
    width: 100%;
    height: 100vh;
    min-height: 790px;
}
.main-swiper .swiper-slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.main-swiper .swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.18);
}
.main-swiper .swiper-slide video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    height: 100%;
}
.main-swiper__txt {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
    top: 45%;
    opacity: 0;
    transition-delay: 0.75s;
}
.main-swiper__txt.on {
    top: calc(50% + 3rem);
    opacity: 1;
}
.main-swiper__txt > p {
    color: white;
    /* font-size: 1.75rem; */
    font-size: clamp(0.875rem, 1.4583vw, 1.75rem);
    font-weight: 600;
}
.main-swiper__txt > h2 {
    color: white;
    /* font-size: 3.5rem; */
    font-size: clamp(1.5rem, 2.916vw, 3.5rem);
    font-weight: 800;
    margin-top: 0.75rem;
    word-break: keep-all;
    word-wrap: break-word;
}
.swiper:has(.swiper-slide:only-child) .main-swiper__progress {
    display: none;
}
.main-swiper__progress {
    margin-top: 3.75rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.main-swiper__progress .swiper-pagination-progressbar {
    position: static;
    width: 15rem;
    height: 0.375rem;
    background-color: rgba(255,255,255,0.3);
}
.main-swiper__progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--main-color);
}
.main-swiper__progress .outfit {
    color: white;
    font-size: 1.125rem;
    font-weight: 700;
    min-width: 1.375rem;
}
.main-swiper__progress .autoplay-control {
    width: 1.25rem;
    height: 1.25rem;
    pointer-events: all;
}
.main-swiper__progress .autoplay-control {
    background-image: url('/images/icons/ico_pause_wh.svg');
}
.main-swiper__progress .autoplay-control.paused {
    background-image: url('/images/icons/ico_play_wh.svg');
}

.sect-title {
    position: relative;
    color: var(--black-color);
    font-size: clamp(1.75rem, 2.3vw, 2.75rem);
    /* font-size: 2.75rem; */
    font-weight: 800;
    line-height: 1.4;
}
.sect-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9101 5H6.69726L3 18.793L20.9101 5Z' fill='%23BD2836'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: cover;
}

.main-sect-02 {
    position: relative;
    padding-top: 12.375rem;
    padding-bottom: 33.8125rem;
}
.main-sect-02 .title-box {
    width: fit-content;
    opacity: 0;
    transform: translateY(-5rem);
}
.main-sect-02 .title-box.on {
    opacity: 1;
    transform: none;
}
.title-box > p {
    color: #555;
    font-size: clamp(1rem, 1.1458vw, 1.375rem);
    /* font-size: 1.375rem; */
    margin-top: 1.5rem;
    word-wrap: break-word;
    word-break: keep-all;
}
.title-box .view-detail {
    margin-top: 3.75rem;
    width: fit-content;
}
.title-box.white :is(p, .sect-title) {
    color: white;
}
.bubble-item {
    width: 22.5rem;
    height: 22.5rem;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    align-items: center;
    text-align: center;
    color: white;
    position: absolute;
    padding-bottom: 1.25rem;
    transform: scale(0);
}
.bubble-item.on,
.small-bubble.on {
    transform: scale(1);
}
.bubble-item > p {
    font-size: 1.25rem;
    font-weight: 800;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 11H8M10 15H8M16 7H8M20 6.8V17.2C20 18.8802 20 19.7202 19.673 20.362C19.3854 20.9265 18.9265 21.3854 18.362 21.673C17.7202 22 16.8802 22 15.2 22H8.8C7.11984 22 6.27976 22 5.63803 21.673C5.07354 21.3854 4.6146 20.9265 4.32698 20.362C4 19.7202 4 18.8802 4 17.2V6.8C4 5.11984 4 4.27976 4.32698 3.63803C4.6146 3.07354 5.07354 2.6146 5.63803 2.32698C6.27976 2 7.11984 2 8.8 2H15.2C16.8802 2 17.7202 2 18.362 2.32698C18.9265 2.6146 19.3854 3.07354 19.673 3.63803C20 4.27976 20 5.11984 20 6.8Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: left center;
    padding-left: 2rem;
}
.bubble-item.item-2 > p {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4995 12.0001H12.5095M16.035 15.5357C11.3488 20.222 5.96685 22.438 4.01423 20.4854C2.06161 18.5328 4.27769 13.1509 8.96398 8.46461C13.6503 3.77832 19.0322 1.56224 20.9848 3.51486C22.9374 5.46748 20.7213 10.8494 16.035 15.5357ZM16.035 8.46443C20.7213 13.1507 22.9374 18.5326 20.9848 20.4852C19.0321 22.4379 13.6502 20.2218 8.96394 15.5355C4.27765 10.8492 2.06157 5.4673 4.01419 3.51468C5.96681 1.56206 11.3487 3.77814 16.035 8.46443ZM12.9995 12.0001C12.9995 12.2763 12.7757 12.5001 12.4995 12.5001C12.2234 12.5001 11.9995 12.2763 11.9995 12.0001C11.9995 11.724 12.2234 11.5001 12.4995 11.5001C12.7757 11.5001 12.9995 11.724 12.9995 12.0001Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.bubble-item.item-3 > p {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5C13 6.10457 10.5376 7 7.5 7C4.46243 7 2 6.10457 2 5M13 5C13 3.89543 10.5376 3 7.5 3C4.46243 3 2 3.89543 2 5M13 5V9.45715C11.7785 9.82398 11 10.3789 11 11M2 5V17C2 18.1046 4.46243 19 7.5 19C8.82963 19 10.0491 18.8284 11 18.5429V11M2 9C2 10.1046 4.46243 11 7.5 11C8.82963 11 10.0491 10.8284 11 10.5429M2 13C2 14.1046 4.46243 15 7.5 15C8.82963 15 10.0491 14.8284 11 14.5429M22 11C22 12.1046 19.5376 13 16.5 13C13.4624 13 11 12.1046 11 11M22 11C22 9.89543 19.5376 9 16.5 9C13.4624 9 11 9.89543 11 11M22 11V19C22 20.1046 19.5376 21 16.5 21C13.4624 21 11 20.1046 11 19V11M22 15C22 16.1046 19.5376 17 16.5 17C13.4624 17 11 16.1046 11 15' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.bubble-item > h4 {
    font-size: 3.75rem;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    gap: 1.375rem;
}
.bubble-item > h4 > small {
    font-size: 1.125rem;
    font-weight: 700;
    transform: translateY(-1.25rem);
}
.bubble-item.item-1 {
    background-image: url('/images/img_research_1.png');
    top: -1.5625rem;
    right: 2.5rem;
}
.bubble-item.item-2 {
    background-image: url('/images/img_research_2.png');
    top: 10.575rem;
    right: 15.5rem;
}
.bubble-item.item-3 {
    background-image: url('/images/img_research_3.png');
    top: 19.875rem;
    right: 41.1875rem;
}
.small-bubble {
    position: absolute;
    border-radius: 50%;
    opacity: 0.6;
    transform: scale(0);
}
.small-bubble.item-1 {
    width: 1.875rem;
    height: 1.875rem;
    background-color: var(--main-color);
    top: 10.125rem;
    right: 43rem;
}
.small-bubble.item-2 {
    width: 1rem;
    height: 1rem;
    background-color: var(--main-color);
    top: 16.375rem;
    right: 40.3125rem;
}
.small-bubble.item-3 {
    width: 1rem;
    height: 1rem;
    background-color: #6895FF;
    top: 18rem;
    right: 47.1875rem;
}

.main-sect-02 .txt-slider {
    color: var(--main-color);
    /* font-size: 10rem; */
    font-size: clamp(3rem, 8.333vw, 10rem);
    font-weight: 700;
    white-space: nowrap;
    opacity: 0.12;
    position: absolute;
    bottom: 0;
    z-index: -1;
    display: flex;
}
.main-sect-02 .txt-slider > span {
    display: block;
    text-transform: uppercase;
}

.main-sect-03 {
    width: 100%;
    /* height: 106rem; */
    height: 88.3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* background-image: url('/images/img_line_back.svg'); */
    /* background-position: left center; */
    /* background-size: 89.6875vw; */
}
.main-sect-03 h4 {
    color: var(--black-color);
    /* font-size: 3rem; */
    font-size: clamp(1.5rem, 2.5vw, 3rem);
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
    transform: translateY(3rem);
    opacity: 0;
}
.main-sect-03 h4.on {
    opacity: 1;
    transform: none;
}
.main-sect-03 h4 > strong {
    color: var(--main-color);
}

.main-sect-04 {
    width: 100%;
    height: 1000px;
    position: relative;
}
.r-category__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    height: 100%;
}
.r-category__grid > li * {
    transition: all 0.35s;
}
.r-category__grid > li {
    width: 100%;
    border-top: 1px solid #eee;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    opacity: 0;
    overflow: hidden;
    transform: translateY(10rem);
    transition: all 1.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.r-category__grid > li:nth-child(2) {
    transition-delay: 0.25s;
}
.r-category__grid > li:nth-child(3) {
    transition-delay: 0.5s;
}
.r-category__grid > li:nth-child(4) {
    transition-delay: 0.75s;
}
.r-category__grid > li.on {
    opacity: 1;
    transform: none;
}
.r-category__grid > li + li {
    border-left: 1px solid #eee;
}
.r-category__grid > li .icon {
    width: 5rem;
    aspect-ratio: 1 / 1;
}
.r-category__grid > li .r-category__title {
    color: var(--black-color);
    font-size: 1.75rem;
    font-weight: 800;
    margin-top: 2.5rem;
}
.r-category__grid > li .r-category__desc {
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5;
    opacity: 0;
    height: 0;
    margin-top: 0;
}
.r-category__grid > li .r-category__visual {
    height: 21.35416666667vw;
    aspect-ratio: 1 / 0.8541666666667;
    display: flex;
    margin-top: 4.375rem;
    overflow: hidden;
}
.r-category__grid > li .r-category__visual > img {
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    width: 100%;
}
.r-category__grid > li:hover {
    background-color: #F5F6FA;
}
.r-category__grid > li:hover .r-category__title {
    color: var(--main-color);
}
.r-category__grid > li:hover .r-category__visual {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}
.r-category__grid > li:hover .r-category__desc {
    opacity: 1;
    height: auto;
    margin-top: 1.5rem;
}

.main-sect-04 .title-box {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 9.375rem;
    left: 0;
    opacity: 0;
    transform: translateY(6rem);
    z-index: 1;
}
.main-sect-04 .title-box.on {
    transform: none;
    opacity: 1;
}
.main-sect-04 .title-box .sect-title {
    width: fit-content;
    margin-inline: auto;
}

.contact-sect {
    width: 100%;
    padding-block: 6.25rem 5rem;
    background-image: url('/images/img_contact_back.png');
    background-position: center;
    background-size: cover;
    opacity: 0;
    transform: translateY(10rem);
}
.contact-sect.on {
    opacity: 1;
    transform: none;
}
.contact-sect .btn {
    font-size: 1.125rem;
}
.contact-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.contact-left,
.contact-right {
    width: 100%;
}
.contact-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}
.contact-form > * {
    width: 100%;
}
.contact-form :is(.input-wrap, .textarea-wrap) {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}
.contact-form :is(.input-wrap, .textarea-wrap) > label.requried::after {
    content: '';
    width: 0.625rem;
    height: 0.625rem;
    background-image: url('/images/icons/ico_required.svg');
    background-size: cover;
    background-position: center;
}
.contact-form :is(.input-wrap, .textarea-wrap) > label {
    color: white;
    font-size: 1.125rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.contact-form .input-wrap > input {
    width: 100%;
    height: 3.25rem;
    padding-inline: 0.875rem;
}
.contact-form .textarea-wrap {
    grid-column: span 2;
}
.contact-form .textarea-wrap textarea {
    width: 100%;
    height: 6rem;
    padding: 0.875rem;
}
.contact-form .input-wrap > input,
.contact-form .textarea-wrap textarea {
    color: white;
    border-radius: 0.5rem;
    background-color: rgba(255,255,255,0.18);
    backdrop-filter: blur(15px);
    border: 0;
}
.contact-form .required-info {
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    margin-top: auto;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.contact-form .checkbox-wrap > label {
    color: white;
}
.contact-right .btn {
    margin-left: auto;
    margin-top: 1.75rem;
    transition: all 0.35s;
}
.ico-required {
    width: 0.625rem;
    height: 0.625rem;
    background-image: url('/images/icons/ico_required.svg');
    display: inline-block;
}
.main-notice__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.75rem;
    padding-block: 10rem 9.375rem;
}
.main-notice__grid .notice-content {
    opacity: 0;
    transform: translateY(10rem);
}
.main-notice__grid .notice-content:nth-child(2) {
    transition-delay: 0.35s;
}
.main-notice__grid .notice-content.on {
    opacity: 1;
    transform: none;
}
.main-notice__grid .notice-content .notice-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.5rem;
    margin-bottom: 1.75rem;
}
.main-notice__grid .notice-list > li > a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1.625rem 1.5rem;
    border-bottom: 1px solid #eee;
    transition: all 0.35s;
}
.main-notice__grid .notice-list > li > a:hover {
    background-color: #F5F6FA;
}
.main-notice__grid .notice-list > li > a > p {
    flex: 1 1 auto;
    color: var(--black-color);
    font-size: 1.25rem;
    font-weight: 700;
}
.main-notice__grid .notice-list > li > a > .date {
    flex: 0 0 auto;
    color: #888;
    font-size: 1.125rem;
    font-weight: 300;
}
.newsletter-empty {
    width: 100%;
    height: 25rem;
    border-radius: 1.25rem;
    background-image: url('/images/img_news_empty.png');
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.newsletter-empty > button {
    width: 4.625rem;
    height: 4.625rem;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12.0005L20 12.0005M20 12.0005L14 6.00049M20 12.0005L14 18.0005' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-color: rgba(245, 246, 250, 0.10);
    backdrop-filter: blur(12.333333969116211px);
    transform-origin: center;
    transition: all 0.25s;
}
.newsletter-empty > p {
    color: white;
    font-size: 1.5rem;
    font-weight: 800;
    opacity: 0;
    margin-top: 0;
    transition: all 0.35s;
}
.newsletter-empty:hover > p {
    opacity: 1;
}
.newsletter-empty:hover > button {
    transform: scale(0.5675675);
    background-image: url("data:image/svg+xml,%3Csvg width='43' height='42' viewBox='0 0 43 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 23C13.3546 23 14.25 22.1046 14.25 21C14.25 19.8954 13.3546 19 12.25 19C11.1454 19 10.25 19.8954 10.25 21C10.25 22.1046 11.1454 23 12.25 23Z' fill='white'/%3E%3Cpath d='M21.5 23C22.6046 23 23.5 22.1046 23.5 21C23.5 19.8954 22.6046 19 21.5 19C20.3954 19 19.5 19.8954 19.5 21C19.5 22.1046 20.3954 23 21.5 23Z' fill='white'/%3E%3Cpath d='M30.75 23C31.8546 23 32.75 22.1046 32.75 21C32.75 19.8954 31.8546 19 30.75 19C29.6454 19 28.75 19.8954 28.75 21C28.75 22.1046 29.6454 23 30.75 23Z' fill='white'/%3E%3C/svg%3E%0A");
}

.newsletter-swiper {
    padding-bottom: 4.5rem;
}
.newsletter-swiper .swiper-wrapper {
    height: fit-content;
}
.newsletter-swiper .swiper-slide > a {
    display: block;
}
.newsletter-swiper .newsletter-img {
    width: 100%;
    /* height: 11.6875rem; */
    aspect-ratio: 1 / 0.5615615615616;
    display: flex;
    border-radius: 1.25rem 1.25rem 0 0;
    overflow: hidden;
}
.newsletter-swiper .newsletter-img > img {
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.newsletter-swiper .newsletter-txt {
    padding: 1.625rem 1.5rem 1.5625rem;
    border: 1px solid #eee;
    border-top: 0;
    border-radius: 0 0 1.25rem 1.25rem;
}
.newsletter-swiper .newsletter-txt > h4 {
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.6;
}
.newsletter-swiper .newsletter-txt > p {
    color: #888;
    font-size: 1rem;
    font-weight: 300;
    margin-top: 1rem;
}
.newsletter-swiper .swiper-indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    width: 100%;
    gap: 0.75rem;
}
.newsletter-swiper .swiper-button-next, 
.newsletter-swiper .swiper-button-prev {
    position: static;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #F5F6FA;
    flex: 0 0 auto;
    background-position: center;
    margin-top: 0;
}
.newsletter-swiper .swiper-button-next::after,
.newsletter-swiper .swiper-button-prev::after {
    display: none;
}
.newsletter-swiper .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12L10 17' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.newsletter-swiper .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7L9 12L14 17' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.newsletter-swiper .swiper-pagination-progressbar {
    position: static;
    height: 0.375rem;
    border-radius: 300rem;
    background-color: #F5F6FA;
    margin-right: 1.25rem;
}
.newsletter-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--main-color);
    border-radius: 300rem;
    height: 0.375rem;
}


.footer {
    padding: 5rem 3.75rem 0;
    position: relative;
}
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 3.75rem;
}
.footer-infos ul {
    display: flex;
    gap: 1.25rem;
    margin-top: 1rem;
}
.footer-infos ul > li {
    display: flex;
    gap: 0.5rem;
}
.footer-infos > p {
    width: 100%;
    color: var(--black-color);
    font-size: 0.875rem;
    font-weight: 400;
}
.footer-infos ul > li > span {
    color: #888;
    font-size: 0.875rem;
    font-weight: 600;
}
.footer-infos ul > li > p {
    color: var(--black-color);
    font-size: 0.875rem;
    font-weight: 700;
}
.family-site__select {
    width: 15rem;
    height: 3.5rem;
    padding-inline: 1.5rem 2.25rem;
    background-color: #F5F6FA;
    border-radius: 300rem;
    background-image: url('/images/icons/ico_select_down.svg');
    background-position: right 1.5rem center;
    border: 0;
    color: #555;
    font-size: 0.875rem;
    font-weight: 400;
}
.footer-bottom {
    background-color: var(--navy-color);
    padding: 1.8125rem 3rem;
    border-radius: 1.25rem 1.25rem 0 0;
    display: flex;
    align-items: center;
}
.footer-bottom > p {
    color: white;
    font-size: 0.875rem;
    font-weight: 300;
}
.footer-nav {
    display: flex;
    gap: 1.5rem;
    margin-left: auto;
}
.footer-nav > a {
    color: #888;
    font-size: 1rem;
    font-weight: 700;
}
.footer-nav > a.highlight {
    color: white;
}

.lnb {
    position: fixed;
    right: 0;
    bottom: 6.1875rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    z-index: 10;
}
.lnb > a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 10.4375rem;
    max-width: 100%;
    height: 3rem;
    padding-inline: 0.625rem;
    border-radius: 0.5rem 0 0 0.5rem;
    background-color: #1B6BF4;
    color: white;
    font-size: 0.875rem;
    font-weight: 700;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(calc(100% - 2.25rem));
}
.lnb > a:hover {
    transform: none;
}
.lnb > a::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('/images/icons/ico_research.svg');
}
.lnb > a:nth-child(2) {
    min-width: 9.375rem;
    background-color: var(--active-color);
}
.lnb > a:nth-child(2)::before {
    background-image: url('/images/icons/ico_graph.svg');
}
.lnb > a:nth-child(3) {
    min-width: 7.5rem;
    background-color: #0F1B67;
}
.lnb > a:nth-child(3)::before {
    background-image: url('/images/icons/ico_search.svg');
}
.lnb > a:last-child {
    min-width: 8.5625rem;
    background-color: #101B41;
}
.lnb > a:last-child::before {
    background-image: url('/images/icons/ico_contact.svg');
}
.footer .go-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    border: 1px solid #eee;
    background-color: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(10px);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20V4M12 4L6 10M12 4L18 10' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
}

.floating-menu {
    position: fixed;
    bottom: 1rem;
    right: 0.5rem;
    z-index: 15;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.floating-menu .go-top__btn {
    width: 3.75rem;
    height: 3.75rem;
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: white;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.3335 7.11115L8.00016 2.66671M8.00016 2.66671L12.6668 7.11115M8.00016 2.66671L8.00016 13.3334' stroke='%231F3097' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    opacity: 0;
    transition: all 0.25s;
}
body.scroll .floating-menu .go-top__btn {
    opacity: 1;
}
.floating-menu .lnb-btn {
    width: 2.8rem;
    height: 2.8rem;
    background-color: var(--main-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.25s;
}
.floating-menu .lnb-btn::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('/images/icons/ico_graph.svg');
    background-size: cover;
    background-position: center;
    transform: rotate(-90deg) translateY(-0.05rem);
    display: block;    
}
.floating-menu .lnb-btn.x-btn {
    background-color: #666;
}
.floating-menu .lnb-btn.x-btn::before {
    background-image: url('/images/icons/ico_x_wh.svg');
    transform: none;
}
.floating-menu .kris-btn {
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid var(--main-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}
.floating-menu .kris-btn > img {
    max-width: 75%;
}
.m-gnb__close {
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 1.25rem;
    right: 1.5rem;
    background-image: url('/images/icons/ico_x.svg');
    background-size: cover;
    background-position: center;
    z-index: 2;
}
.header:not(.side-open) .m-gnb__close {
    display: none;
}
.gnb-wrap .dimmer {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
}

.top-banner {
    width: 100%;
    aspect-ratio: 180 / 48;
    background-size: cover;
    background-position: center;
    position: relative;
    border-bottom-right-radius: 10.4vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-banner::after {
    /* content: ''; */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
}
.top-banner > h2 {
    color: white;
    font-size: 2.75rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.top-banner.intro-banner {
    background-image: url('/images/banner-intro.png');
}
.top-banner.DRB-banner {
    background-image: url('/images/banner-DRB.png');
}
.top-banner.research-banner {
    background-image: url('/images/banner-research.png');
}
.top-banner.community-banner {
    background-image: url('/images/banner-community.png');
    background-position: top;
}
.content-wrap {
    padding: 0 3.75rem 7.25rem;
}

.page-title {
    color: var(--black-color);
    font-size: 2.75rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6.25rem;
}
.page-desc {
    color: var(--black-color);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
}
.page-title .page-desc {
    margin-top: 2.5rem;
}

.page-section .section-title {
    position: relative;
    color: var(--black-color);
    font-size: 2.0625rem;
    font-weight: 600;
    line-height: normal;
    padding-left: 5rem;
    margin-bottom: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-section .section-title::before {
    content: '';
    width: 3.125rem;
    height: 1px;
    background-color: var(--black-color);
    position: absolute;
    top: 50%;
    left: 0;
}
.page-section .section-content {
    padding-left: 5rem;
}
.page-section + .page-section {
    margin-top: 6.25rem;
}

.process-list {
    display: grid;
}
.process-list.grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3.75rem;
}
.process-list.grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2.8125rem;
}
.process-list.grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 2rem;
}
.process-list > li {
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 2.5rem 0.5rem 0;
    border-radius: 1.25rem;
    border: 2px solid #93CDEC;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.9375rem;
    font-weight: 400;
    text-align: center;
    position: relative;
}
.process-list:not(.type2) > li + li::before {
    content: '';
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: -1.5rem;
    background-image: url('/images/icons/ico_next_gray.svg');
    background-size: cover;
    background-position: center;
    margin-top: -0.5rem;
    transform: translateX(-100%);
}
.process-list.grid-6 > li + li::before {
    left: -0.625rem;
}
.process-list.grid-4 > li:nth-child(2) {
    border-color: #5D8BDB;
}
.process-list.grid-4 > li:nth-child(3) {
    border-color: #2869DA;
}
.process-list> li:last-child {
    border-color: #1F3097
}

.process-list > li .process-title {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 0.5rem;
}
.process-list > li > p {
    margin-top: 0.25rem;
}
.process-list.grid-6 > li {
    padding-top: 0.625rem;
}
.process-list.grid-6 > li:nth-child(2) {
    border-color: #9CC2DA;
}
.process-list.grid-6 > li:nth-child(3) {
    border-color: #499CC8;
}
.process-list.grid-6 > li:nth-child(4) {
    border-color: #6492D4;
}
.process-list.grid-6 > li:nth-child(5) {
    border-color: #627CC1;
}
.process-list.grid-6 > li .process-title {
    margin-top: 0;
    font-size: 1rem;
}
.process-list.grid-6 > li > p {
    margin-top: 0;
}

.process-list.type2 > li {
    border: 0;
    aspect-ratio: unset;
    padding: 0;
}

.process-list.type2 > li .img-wrap {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #F5F6FA;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.process-list.type2 > li .img-wrap > img {
    max-width: calc(100% - 1.25rem);
}
.process-list.type2 > li .process-title {
    font-size: 1.125rem;
    margin-top: 0;
    white-space: nowrap;
}
.process-list.type2 > li .img-wrap::after {
    content: '';
    width: 1.375rem;
    height: 2.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='36' viewBox='0 0 22 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='11.5' y1='-2.18557e-08' x2='11.5' y2='20' stroke='%231F3097' stroke-dasharray='2 2'/%3E%3Crect x='3' y='17' width='16' height='16' rx='8' fill='%231F3097'/%3E%3Crect x='3' y='17' width='16' height='16' rx='8' stroke='white' stroke-width='6'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.process-list.type2 > li .txt-wrap {
    margin-top: 3.125rem;
}
.process-list.type2 > li.complete {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: var(--active-color);
    border-radius: 50%;
    border: 0.5rem solid #E9EBF5;
    transform: translateY(2rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    gap: 0.5rem;
}
.process-list.type2 > li.complete::before {
    content: '';
    width: 1rem;
    height: 1rem;
    background-image: url('/images/icons/ico_complete_wh.svg');
}
.data-application__wrap .process-list.type2 > li .img-wrap {
    background-color: white;
}
.data-application__wrap .process-list.type2 > li .img-wrap > img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.data-application__wrap {
    background-color: rgba(17,104,255,0.04);
    border-radius: 300rem;
    padding-block: 2.4375rem 1.75rem;
    margin-block: 5.2rem 7rem;
    position: relative;
}
.data-application__wrap > h5 {
    position: absolute;
    top: 0;
    left: 50%;
    padding: 0.40625rem 1.0625rem;
    background-color: var(--active-color);
    border-radius: 300rem;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.3;
}

.process-line {
    width: 100%;
    /* background-image: url("data:image/svg+xml,%3Csvg width='1022' height='564' viewBox='0 0 1022 564' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 13H883.5C959.439 13 1021 74.5608 1021 150.5V150.5C1021 226.439 959.439 288 883.5 288H138.5C62.5608 288 1 349.561 1 425.5V425.5C1 501.439 62.5609 563 138.5 563H263' stroke='%231F3097' stroke-width='2'/%3E%3Crect x='5' y='4' width='18' height='18' rx='9' fill='white'/%3E%3Crect x='5' y='4' width='18' height='18' rx='9' stroke='%231F3097' stroke-width='8'/%3E%3C/svg%3E%0A"); */
    background-image: none;
    background-size: 100%;
    background-position: left 5.75rem;
    position: relative;
}
.process-line .process-list {
    padding-inline: 4.375rem;
}
.process-line .process-circle {
    width: 300px;
    height: 299px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid var(--active-color);
    right: 0;
    top: 104px;
    z-index: -2;
}
.process-line .process-circle > span {
    width: calc(50% + 2px);
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    background-color: white;
    height: calc(100% + 4px);
}
.process-line .process-circle.second-circle {
    top: 143px;
    right: auto;
    left: 0;
}
.process-line .process-circle.second-circle > span {
    left: auto;
    right: -2px;
}
.process-list.type2 {
    position: relative;
}
.process-list.type2 > li {
    position: relative;
}
.process-list.type2 > li:not(.complete)::after {
    content: '';
    width: calc(100% + 2.8125rem);
    position: absolute;
    top: 104px;
    height: 2px;
    background-color: var(--active-color);
    z-index: -1;
}
.process-list.type2 > li:last-child::after {
    transform: scaleX(50%);
    transform-origin: 0 0;
}
.process-list.type2:not(.first-process) > li:first-child::after {
    transform: scaleX(50%);
    transform-origin: 100% 0;
}
.process-list.type2.first-process::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 8px solid var(--active-color);
    border-radius: 50%;
    position: absolute;
    top: 92px;
    left: 22px;
}

.dotted-list + .process-list {
    margin-top: 1.25rem;
}
.sub-list .info-txt {
    margin-top: 0.625rem;
}

.faq-box {
    width: 100%;
    border-radius: 1.25rem;
    background-image: url('/images/back-faq.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3.75rem 5rem;
    overflow: hidden;
}
.faq-box::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
}
.faq-box .box-content {
    position: relative;
    color: white;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    z-index: 1;
}
.faq-box .box-content > p {
    word-break: keep-all;
    word-wrap: break-word;
}
.faq-box .box-content > .btn {
    width: 12.5rem;
    margin-inline: auto;
    margin-top: 2rem;
}

.page-graphics * {
    position: absolute;
    z-index: -1;
}
.dashed-circle {
    width: 31.25rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 1px dashed #1168FF;
    opacity: 0.6;
}
.dashed-circle.md {
    width: 26.375rem;
}
.dashed-circle.sm {
    width: 21.5625rem;
}
.blur-circle {
    width: 17.75rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: rgba(17, 104, 255, 0.18);
    filter: blur(50px);
}
.blur-circle.mint {
    background: rgba(17, 243, 255, 0.18);
}
.donut-circle {
    width: 25rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: linear-gradient(#FFF, #F5F6FA);
    display: flex;
    align-items: center;
    justify-content: center;
}
.donut-circle::before {
    content: '';
    display: block;
    width: 13.75rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: white;
}
.donut-circle.sm {
    width: 17.5rem;
}
.donut-circle.sm::before {
    width: 7.75rem;
}
.circle {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background-color: #F5F6FA;
}

.bread-crumb {
    width: 100%;
    display: flex;
    padding-block: 1.125rem;
}
.bread-crumb__item {
    position: relative;    
}
.bread-crumb__item > a.home {
    display: block;
    padding-inline: 1.75rem;
}
.bread-crumb__item + .bread-crumb__item::before {
    content: '';
    width: 1px;
    height: 1.25rem;
    background-color: #eee;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.bread-crumb__item .select,
.bread-crumb__item .ui-selectmenu-button.ui-button {
    min-width: 15.625rem;
    height: 1.75rem;
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 500;
    padding-inline: 1.75rem !important;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    background-position: right 1rem center;
}
.bread-crumb__item .ui-selectmenu-text {
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 500;
}

.download-bar {
    display: block;
    width: 100%;
    color: var(--black-color);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6;
    padding: 2rem;
    padding-left: 0;
    background-image: url('/images/icons/ico-download.svg');
    background-position: right center;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.accordion-wrap details summary {
    padding: 2rem;
    padding-left: 0;
    color: var(--black-color);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6;
    position: relative;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: flex;
    gap: 1.25rem;
    align-items: center;
}
.accordion-wrap details summary > mark {
    background-color: var(--active-color);
    padding-inline: 1rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 300rem;
}
.accordion-wrap details summary::after {
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.33301 12.0008L15.9997 18.6675L22.6663 12.0008' stroke='%231C1C1B' stroke-width='2.28571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
}
.accordion-wrap details:open summary::after {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33301 18.6674L15.9997 12.0007L22.6663 18.6674' stroke='%231F3097' stroke-width='2.28571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.accordion-wrap .accordion-content {
    padding-block: 1.75rem;
    border-bottom: 1px solid #eee;
}
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
.ui-widget.ui-widget-content.ui-tooltip {
    padding: 1.5rem 1.25rem;
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
    max-width: 20rem;
    font-family: 'Pretendard';
    border-radius: 0.75rem;
    box-shadow: 0 12px 32px 5px rgba(101, 101, 101, 0.15);
    border: 0;
}
.ui-widget.ui-widget-content.ui-tooltip::after {
    content: '';
    width: 1rem;
    height: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50518 7.32785C7.30076 8.22405 8.69924 8.22405 9.49482 7.32785L16 0L-3.49691e-07 6.99382e-07L6.50518 7.32785Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 100%;
    left: 1.25rem;
}
.ui-widget.ui-widget-content.ui-tooltip.tooltip-above::after {
    top: auto;
    bottom: 100%;
    transform: rotate(180deg);
}

.search-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}
.search-bar .search-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem
}
.search-bar .search-form .select,
.search-bar .search-form .ui-selectmenu-button.ui-button {
    min-width: 6.25rem;
    font-size: 1rem;
    font-weight: 400;
}
.table-total {
    color: #555;
    font-size: 1.125rem;
    font-weight: 400;
}
.table-total > b {
    color: #1168FF;
    font-weight: 600;
}

.board-detail {
    border-top: 2px solid var(--black-color);
}
.board-detail .detail-top {
    padding: 3.75rem 1rem;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}
.board-detail .detail-top .detail-title {
    color: var(--black-color);
    font-size: 1.75rem;
    font-weight: 700;
    text-align: center;
}
.board-detail .detail-top .detail-desc {
    display: flex;
}
.board-detail .detail-top .detail-desc > p {
    color: #555;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
}
.board-detail .detail-top .detail-desc .date {
    font-weight: 400;
    display: flex;
    gap: 0.5rem;
}
.board-detail .detail-top .detail-desc > p + p {
    margin-left: 1.125rem;
    padding-left: 1.125rem;
}
.board-detail .detail-top .detail-desc > p + p::before {
    content: '';
    width: 1px;
    height: 0.75rem;
    background-color: #eee;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.board-detail .detail-body {
    padding: 3.75rem 0;
    border-bottom: 1px solid #eee;
}
.board-detail .detail-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
    clear: both;
    float: none;
    position: relative;
    z-index: 1;
}

/* 이미지가 포함된 단락 격리 */
.board-detail .detail-body p:has(img) {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 20px 0;
}
/* ReactQuill 에디터 정렬 클래스 */
.board-detail .detail-body .ql-align-left {
    text-align: left !important;
}

.board-detail .detail-body .ql-align-center {
    text-align: center !important;
}

.board-detail .detail-body .ql-align-right {
    text-align: right !important;
}

.board-detail .detail-body .ql-align-justify {
    text-align: justify !important;
}
.board-detail .detail-body > p {
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    /* white-space: pre-line 제거 - 에디터 정렬 방해 */
    /* 에디터 정렬을 존중하므로 text-align 제거 */
}
.board-detail .btn-wrap {
    padding: 3.75rem 1rem;
}
.board-detail .detail-bottom {
    border-top: 1px solid #eee;
}
.board-detail .detail-bottom .bottom-link {
    width: 100%;
    display: flex;
    padding: 1.5rem 1.25rem;
    border-bottom: 1px solid #eee;
}
.board-detail .detail-bottom .bottom-link:hover {
    background-color: #F5F6FA;
}
.board-detail .detail-bottom .bottom-type {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    color: #555;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 2.5rem;
    flex: 0 0 auto;
}
.board-detail .detail-bottom .bottom-type::before {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    background-image: url('/images/icons/ico_select_down_bl.svg');
    background-position: center;
}
.board-detail .detail-bottom .bottom-type.prev::before {
    transform: rotate(-180deg);
}
.board-detail .detail-bottom .bottom-link p {
    color: var(--black-color);
    font-size: 1rem;
    font-weight: 600;
}
.board-detail .detail-bottom .bottom-link:hover p {
    text-decoration: underline;
}
.board-detail .detail-bottom .bottom-link time {
    color: #555;
    font-size: 1rem;
    font-weight: 400;
    margin-left: auto;
}
.board-detail .attached-wrap {
    width: 100%;
    display: flex;
    gap: 2.5rem;
    background-color: #F5F6FA;
    border-radius: 0.9375rem;
    margin-top: 2.5rem;
    padding: 1.5rem 2.5rem;
}
.board-detail .attached-wrap > p {
    color: var(--black-color);
    font-size: 1rem;
    font-weight: 500;
    flex: 0 0 auto;
}
.board-detail .attached-wrap .attached-list {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 0.75rem;
}
.board-detail .attached-wrap .attached-list a {
    background-color: white;
    padding-inline: 0.75rem 2rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-image: url('/images/icons/ico-download.svg');
    background-size: 1.25rem;
    background-position: right 0.75rem center;
    border-radius: 0.625rem;
    border: 1px solid #eee;
}
.board-detail .attached-wrap .attached-list a:hover {
    background-color: #F5F6FA;
}
.board-detail .attached-wrap .attached-list a > img {
    height: 1.75rem;
    flex: 0 0 auto;
}

.newsletter-list {
    border-top: 2px solid var(--black-color);
}
.newsletter-list > li {
    border-bottom: 1px solid #eee;
}
.newsletter-list > li > a {
    display: flex;
    gap: 2.5rem;
    padding-block: 3rem;
}
.newsletter-list > li .thumbnail {
    max-width: 100%;
    width: 25rem;
    aspect-ratio: 400 / 220;
    flex: 0 0 auto;
    background-image: url('/images/back-newsletter.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1.25rem;
    transition: all 0.35s;
}
.newsletter-list > li > a:hover .thumbnail {
    border-top-right-radius: 5.625rem;
}
.newsletter-list > li .thumbnail > p {
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}
.newsletter-list > li .thumbnail > span {
    min-width: 5.625rem;
    height: 2.75rem;
    border-radius: 300rem;
    color: white;
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    padding-inline: 0.5rem;
}
.newsletter-list > li .newsletter-info {
    display: flex;
    flex-direction: column;
}
.newsletter-list > li .newsletter-info > h5 {
    color: var(--black-color);
    font-size: 1.75rem;
    font-weight: 700;
    transition: all 0.35s;
}
.newsletter-list > li .newsletter-info .date {
    color: #555;
    font-size: 1rem;
    font-weight: 400;
    margin-top: auto;
}
.newsletter-list > li > a:hover .newsletter-info > h5 {
    color: #1168FF;
}

.detail-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.detail-info-grid > li {
    display: flex;
    width: 100%;
    min-height: 4rem;
    color: var(--black-color);
    font-size: 1rem;
    font-weight: 500;
    border-bottom: 1px solid #eee;
}
.detail-info-grid > li.full {
    grid-column: span 2;
}
.detail-info-grid > li > span {
    display: flex;
    align-items: center;
    background-color: #F5F6FA;
    width: 11.0625rem;
    flex: 0 0 auto;
    padding: 0.5rem 1.25rem;
}
.detail-info-grid > li > :is(p, .cell-div) {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    padding: 0.5rem 1.25rem;
    line-height: 1.5;
}

.side-nav {
    position: fixed;
    right: 3.75rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px 0;
    transition: all 0.1s;
    opacity: 0;
    pointer-events: none;
}
.side-nav.active {
    pointer-events: all;
    opacity: 1;
}
.side-nav > .btn {
    width: 9.375rem;
    height: 3.125rem;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
.side-nav ul {
    margin: 0;
    padding: 0 1rem;
    list-style: none;
}

.side-nav li {
    padding: 1rem;
    color: white;
    cursor: pointer;
    transition: all 0.3s;
    border-bottom: 1px solid #eee;
    color: #888;
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
}
.side-nav li:hover {
    background: rgba(255,255,255,0.2);
}

.side-nav li.active {
    color: white;
    background: var(--active-color);
    font-weight: bold;
    border-radius: 300rem;
    border-bottom-left-radius: 0;
    border-bottom: 0;
}

.faq-category {
    display: flex;
    gap: 1.5rem;
    margin-top: 3.75rem;
}
.faq-category .category-radio {
    flex: 1;
}
.faq-category .category-radio > label {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    color: #555;
    font-size: 1rem;
    font-weight: 500;
    border: 1px solid #eee;
    border-radius: 0.9375rem;
    transition: border-radius 0.35s;
    background: transparent;
    cursor: pointer;
}
.faq-category .category-radio > input:checked + label {
    color: white;
    border-top-right-radius: 2.5rem;
    background: linear-gradient(135deg, #5593FF 0%, #1168FF 100%);
}
.faq-category .category-radio > input:checked + label svg path {
    stroke: #fff;
}
.faq-category .category-radio > input:checked + label svg circle {
    stroke: #fff;
}
.faq-category .category-radio > input:checked + label svg:has(circle) path {
    fill: #2B79FF;
}

.quick-search__wrap {
    display: flex;
    align-items: center;
    height: 5rem;
    border: 2px solid var(--active-color);
    border-radius: 300rem;
    overflow: hidden;
    padding-right: 0.625rem;
}
.quick-search__wrap > input {
    flex: 1 1 auto;
    height: 100%;
    border: 0;
    padding-left: 5.375rem;
    background-image: url('/images/icons/ico_search_bl.svg');
    background-position: 2.5rem center;
    color: var(--black-color);
    font-size: 1.25rem;
    font-weight: 500;
    outline: none !important;
}
.quick-search__wrap.btn {
    width: 9.75rem;
    height: 3.5rem;
    font-size: 1rem;
    flex: 0 0 auto;
}

.faq-filters .quick-search__wrap {
    width: 57.375rem;
    max-width: 100%;
    margin-inline: auto;
}

.faq-content {
    width: calc(100% + 7.5rem);
    margin-left: -3.75rem;
    background-color: #F5F6FA;
    padding-block: 3.75rem 6.25rem;
    margin-top: 5rem;
}
.faq-content h3 {
    color: var(--black-color);
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 2.625rem;
}
.faq-content .accordion-content {
    border-radius: 1.25rem;
    background-color: white;
    padding: 2.5rem;
    margin-top: 0.75rem;
    display: flex;
    gap: 2rem;
    color: var(--black-color);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
}
.faq-content .accordion-content::before {
    content: 'A';
    color: #888;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
    padding-top: 1.5px;
    display: block;
}
.faq-content .accordion-wrap details summary {
    border-radius: 1.25rem;
    background-color: white;
    padding: 1.75rem 4.25rem 1.75rem 2.25rem;
    font-weight: 600;
}
.faq-content .accordion-wrap details:open summary {
    color: var(--active-color);
}
.faq-content .accordion-wrap details summary::before {
    content: 'Q';
    color: var(--active-color);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: normal;
}
.faq-content .accordion-wrap details summary::after {
    right: 2.25rem;
}
.faq-content .accordion-wrap details + details {
    margin-top: 1.25rem;
}
.content-wrap:has(.faq-content) {
    padding-bottom: 0;
}
/* .wrap:has(.faq-content) .footer {
    background-color: #F5F6FA;
} */

.entire-menu__wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 999;
    padding-inline: 20px;
}
.entire-menu__wrap.active {
    transform: none;
    opacity: 1;
    pointer-events: all;
}
.entire-menu__hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    padding-inline: 60px;
    flex: 0 0 auto;
}
.entire-menu__hd .close-btn {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 6.00001L6 34M34 34L6 6' stroke='%231C1C1B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: cover;
}
.entire-menu__body {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 20px;
    overflow-y: auto;
}
.entire-menu {
    display: flex;
    gap: 120px;
    margin-left: -117px;
}
.entire-menu > li .depth-1 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 34px;
}
.entire-menu > li .depth-2 > li {
    padding-block: 16px;
}
.entire-menu > li .depth-2 > li > a {
    color: #555;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
    width: fit-content;
}
.entire-menu > li .depth-2 > li > a:hover {
    text-decoration: underline;
}

.entire-graphics :is(svg, img) {
    position: absolute;
    z-index: -1;
}
.entire-top-graphic {
    top: 0;
    right: 212px;
}
.entire-bottom-graphic {
    bottom: -120px;
    left: 240px;
}
.entire-dotted-img {
    right: 60px;
    top: 50%;
}
.entire-circle {
    bottom: 61px;
    right: 314px;
}
.entire-bottom {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: absolute;
    bottom: 60px;
    right: 240px;
    z-index: 1;
}
.entire-bottom > a {
    color: #888;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}

.summary-content {
    padding: 1.25rem;
    line-height: 1.5;
}
.detail-content {
    padding-block: 1.25rem;
    line-height: 1.5;
}
.pre-line {
    white-space: pre-line;
}

.preparing-box {
    background-color: #D0DEFF;
    border-radius: 2.5rem;
    padding: 3.25rem 5.4375rem;
    padding-right: 1rem;
    display: flex;
    box-shadow: 0 4px 4px 0 #B0CDFA;
    position: relative;
    gap: 5.2vw;
    align-items: center;
}
.preparing-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/img-prepare_patterns.png');
    background-position: right bottom;
    pointer-events: none;
    opacity: 0.35;
}
.preparing-box > img {
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.preparing-box .preparing-txt {
    position: relative;
    z-index: 1;
}
.preparing-box .preparing-txt > p {
    color: #071A8C;
    font-size: 2.8125rem;
    font-weight: 600;
    margin-top: 2.6rem;
}
.preparing-box .preparing-txt > img {
    max-width: 100%;
}

.word-break {
    word-break: keep-all;
    word-wrap: break-word;
}
.x-scroll {
    width: 100%;
    overflow-x: auto;
}


.header .line-banner {
    width: 100%;
    height: 3.75rem;
    background-color: #1F3097;
    position: relative;
    padding-inline: 3.875rem;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .line-banner:not(.active) {
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.header .line-banner > .layout {
    height: 100%;
    display: flex;
    align-items: center;
}
.header .line-banner a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12007_238)'%3E%3Cpath d='M10 0C4.48421 0 0 4.48421 0 10C0 15.5158 4.48421 20 10 20C15.5158 20 20 15.5158 20 10C20 4.48421 15.5158 0 10 0ZM12.8526 10.7474L9.69474 13.9053C9.48421 14.1053 9.22105 14.2105 8.94737 14.2105C8.67368 14.2105 8.41053 14.1053 8.2 13.9053C7.78947 13.4947 7.78947 12.8211 8.2 12.4105L10.6211 10L8.2 7.58947C7.78947 7.17895 7.78947 6.50526 8.2 6.09474C8.61053 5.68421 9.28421 5.68421 9.69474 6.09474L12.8526 9.25263C13.2632 9.66316 13.2632 10.3368 12.8526 10.7474Z' fill='%23FFFFA4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12007_238'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: right center;
    padding-right: 3.25rem;
    color: white;
    font-size: 1rem;
    font-family: 'SUIT';
    font-weight: 500;
}
.header .line-banner .noti-mark {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #FFFFA4;
    font-size: 1rem;
    font-weight: 700;
    flex: 0 0 auto;
}
.header .line-banner .noti-date {
    color: #C3C3C3;
    font-size: 0.875rem;
    font-weight: 500;
    flex: 0 0 auto;
}
.header .line-banner .noti-title {
    flex: 1 1 auto;
}
.line-banner__close {
    position: absolute;
    top: 50%;
    right: 2.25rem;
    width: 1.625rem;
    height: 1.625rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M22.0999 3.90003L3.8999 22.1M22.0999 22.1L3.8999 3.90002' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    transform: translateY(-50%);
    z-index: 1;
}

@media all and (max-width: 1650px) {
    .main-sect-03 {
        background-size: contain;
    }
    .main-sect-04 {
        height: 60rem;
    }
    .side-nav {
        right: 0.5rem;
    }
}
@media all and (max-width: 1500px) {
    .wrap:has(.main) .layout,
    .footer,
    .main-sect-03,
    .main-sect-04 .title-box {
        padding-inline: clamp(0.875rem, 3.125vw, 3.75rem);
    }
    .entire-menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-left: 0;
    }
    .entire-menu__hd {
        padding-inline: 0;
    }
}
@media all and (max-width: 1450px) {
    .footer-infos ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media all and (max-width: 1400px) {
    .header .gnb-list {
        gap: 0.5rem;
    }
    .side-nav {
        display: none;
    }
}
@media all and (max-width: 1250px) {
    .header .gnb-wrap {
        position: fixed;
        top: 0;
        left: auto;
        right: 0;
        height: 100%;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        width: 0;
        pointer-events: none;
        overflow: hidden;
        z-index: 20;
        display: none !important;
    }
    .header.side-open .gnb-wrap {
        width: 100%;
        pointer-events: all;
    }
    .header.side-open .gnb-wrap .dimmer {
        display: block;
        z-index: 0;
    }
    .header .gnb-list {
        display: flex;
        flex-direction: column;
        background-color: white;
        padding-top: 4rem;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        width: 25.75rem;
        max-width: calc(100% - 1rem);
        overflow-y: auto;
        opacity: 0;
        height: 100%;
        transform: translateX(100%);
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
        white-space: nowrap;
        z-index: 1;
    }
    .header.side-open .gnb-wrap .gnb-list {
        transform: none;
        opacity: 1;
        pointer-events: all;
    }
    .m-gnb__close {
        display: block;
    }
    .header .gnb-list > li {
        border-bottom: 1px solid #f5f6fa;
    }
    .header .gnb-list > li > a {
        color: var(--black-color);
        height: 3rem;
        justify-content: flex-start;
        padding-inline: 1.5rem;
    }
    .header .gnb-list > li .gnb-depth-2 {
        position: static;
        opacity: 1;
        padding-block: 1rem;
        text-align: left;
    }
    .header .gnb-list > li .gnb-depth-2 > li > a {
        text-align: left;
        padding-inline: 1.5rem;
    }
    .header:is(.open, .active)::after {
        display: none;
    }
    .header .hd-utils {
        margin-left: auto;
    }
    .main-sect-04 {
        height: 55rem;
    }

    .wrap:not(:has(.main)) {
        padding-top: 3.8125rem;
    }
    .wrap:not(:has(.main)):has(.line-banner.active) {
        padding-top: 6.8125rem;
    }
}

@media all and (max-width: 1200px) {
    .footer-infos ul {
        display: flex;
        flex-wrap: wrap;
    }
    .footer-top {
        flex-direction: column;
        gap: 2rem;
    }
    .r-category__grid > li .r-category__title {
        font-size: 1.25rem;
        margin-top: 1.25rem;
    }
    .r-category__grid > li .icon {
        width: 3.5rem;
    }
    .r-category__grid > li .r-category__desc {
        font-size: 1rem;
    }
    .main-sect-04 {
        height: 50rem;
    }

    .contact-content {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .main-notice__grid {
        display: flex;
        flex-direction: column;
        padding-top: 4rem;
        padding-bottom: 6rem;
    }

    .main-sect-02 {
        padding-top: 4rem;
        padding-bottom: 4rem;
        margin-bottom: 4rem;
    }
    .bubble-wrap {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
        margin-top: 3rem;
    }
    .small-bubble {
        display: none;
    }
    .bubble-item {
        position: static;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .bubble-item.item-2 {
        transition-delay: 0.125s;
    }
    .bubble-item.item-3 {
        transition-delay: 0.25s;
    }
    .main-swiper {
        height: 35rem;
        max-height: 100vh;
        min-height: unset;
    }
    .title-box .view-detail {
        margin-top: 1.5rem;
    }
    .main-swiper__progress {
        margin-top: 2rem;
        gap: 0.5rem;
    }
    .main-swiper__progress .swiper-pagination-progressbar {
        width: 10rem;
    }
    .main-swiper__progress .outfit {
        font-size: 0.875rem;
    }
    .main-sect-03 {
        margin-bottom: 3rem;
    }
    .ico-plus {
        width: 2.5rem;
        height: 2.5rem;
    }
    .main-notice__grid .notice-list > li > a {
        padding: 1rem 0;
    }
    .main-notice__grid .notice-list > li > a > p {
        font-size: 1rem;
    }
    .main-notice__grid .notice-list > li > a > .date {
        font-size: 0.875rem;
    }

    .content-wrap {
        padding-inline: 1.25rem;
    }
    .faq-content {
        width: calc(100% + 2.5rem);
        margin-left: -1.25rem;
        padding-inline: 20px;
    }
    .content-wrap .layout {
        padding-inline: 0;
    }
    .top-banner {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .preparing-box {
        padding-inline: 2rem;
    }
    .process-list:not(.type2) > li {
        aspect-ratio: unset;
    }
}

@media all and (max-width: 1024px) {
    .main-sect-04 {
        height: auto;
        padding-top: 4rem;
    }
    .r-category__grid {
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .r-category__grid > li {
        padding-top: 2rem;
    }
    .r-category__grid > li .r-category__visual {
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .r-category__grid > li:hover .r-category__visual {
        border-radius: 0;
        aspect-ratio: 1 / 0.8541666666667;
    }
    .main-sect-04 .title-box {
        position: static;
        margin-bottom: 2rem;
    }
    .r-category__grid > li .r-category__desc {
        height: auto;
        opacity: 1;
        margin-top: 0.875rem !important;
    }
    .view-detail {
        font-size: 1rem;
    }

    .faq-category {
        gap: 1rem;
    }
    .faq-category .category-radio > label {
        gap: 0;
        font-size: 0.875rem;
    }
    .faq-category .category-radio > label svg {
        width: 30px;
    }

    .entire-menu {
        gap: 4rem;
    }

    .process-line .process-circle {
        right: -20px;
    }
    .process-line .process-circle.second-circle {
        left: -20px;
    }
    .process-line {
        transform: translateX(-28px);
    }

    .process-list.type2:has(.complete) {
        gap: 1rem;
    }

    .preparing-box > img {
        width: 18rem;
    }
    .preparing-box .preparing-txt > p {
        font-size: 2.5rem;
    }
    .header .line-banner {
        padding-inline: 0;
    }
    .header .line-banner > .layout {
        padding-inline: 3.2rem;
    }
    .line-banner__close {
        right: 1rem;
        width: 1.25rem;
        height: 1.25rem;
    }
}

@media all and (max-width: 1024px) and (min-width: 769px) {
    .process-list:not(.type2) > li {
        padding-block: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .process-list:not(.type2) > li .process-title {
        font-size: 0.9375rem;
    }
    .process-list:not(.type2).grid-4 {
        gap: 2rem;
    }
    .process-list:not(.type2) > li + li::before {
        left: -0.75rem;
    }
}

@media all and (max-width: 900px) {
    .preparing-box {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }
    .preparing-box .preparing-txt {
        width: 100%;        
    }
    .preparing-box .preparing-txt > p {
        font-size: 1.875rem;
    }
    .preparing-box > img {
        width: 15rem;
    }
}
@media all and (max-width: 768px) {
    .main-swiper {
        height: 20rem;
    }
    .logo img {
        width: 15rem;
    }
    .header .hd-layout {
        height: auto;
        min-height: unset;
        padding-block: 1rem;
    }
    .header .hd-utils .menu-btn {
        width: 1.75rem;
        height: 1.75rem;
        background-size: cover;
    }
    .header .hd-utils .lang-btn {
        width: 1.5rem;
        height: 1.5rem;
        background-size: cover;
    }
    .sect-title {
        margin-left: 1.125rem;
    }
    .notice-hd .sect-title {
        margin-left: 0;
    }
    .bubble-item {
        gap: 0.5rem;
    }
    .bubble-item > h4 {
        font-size: 2.5rem;
        gap: 0.5rem;
    }
    .bubble-item > h4 > small {
        transform: translateY(-0.5rem);
    }
    .contact-sect {
        padding-block: 3rem 5rem;
    }
    .contact-form {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .newsletter-empty {
        height: auto;
        aspect-ratio: 1 / 0.58;
    }
    .footer .go-top {
        width: 3.5rem;
        height: 3.5rem;
    }
    .newsletter-swiper .swiper-indicator {
        align-items: center;
    }
    .footer-infos {
        width: 100%;
    }
    .footer-infos ul {
        flex-direction: column;
        gap: 0.875rem;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 1.25rem;
        padding: 1rem;
    }
    .footer-nav {
        margin: 0;
    }
    .footer-nav > a {
        font-size: 0.875rem;
    }
    .footer-top {
        padding-bottom: 1.5rem;
    }
    .footer-top > img {
        width: 15rem;
    }

    .lnb {
        bottom: 11rem;
        pointer-events: none;
    }
    .lnb > a {
        font-size: 0.75rem;
        transform: translateX(100%);
        transition: all 0.25s ease-in-out;
    }
    .lnb > a:nth-child(2) {
        transition-delay: 0.1s;
    }
    .lnb > a:nth-child(3) {
        transition-delay: 0.15s;
    }
    .lnb > a:nth-child(4) {
        transition-delay: 0.2s;
    }
    .lnb.active > a {
        transform: translateX(0);
    }
    .floating-menu .go-top__btn {
        width: 2.8rem;
        height: 2.85rem;
    }

    .top-banner {
        aspect-ratio: unset;
        height: 10rem;
    }
    .page-title {
        font-size: 2rem;
        margin-bottom: 2.5rem;
    }
    .link-wrap .t-contents {
        padding-top: 3.5rem;
    }
    .link-wrap .link > ul > li .btn-link {
        font-size: 0.875rem;
    }
    .bread-crumb__item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-inline: 0.625rem;
    }
    .bread-crumb__item > a.home {
        padding-inline: 0;
    }
    .bread-crumb__item:has(.home) {
        padding-left: 0;
    }
    .bread-crumb__item .select, .bread-crumb__item .ui-selectmenu-button.ui-button {
        padding-left: 0 !important;
        padding-right: 1rem !important;
        background-position: right 0.25rem center;
    }
    .bread-crumb__item .select,
    .bread-crumb__item .ui-selectmenu-button.ui-button {
        min-width: 5rem;
        font-size: 0.75rem;
        background-size: 1rem;
    }
    .bread-crumb__item .ui-selectmenu-text {
        font-size: 0.8125rem;
    }
    .bread-crumb__item > a > img {
        width: 0.75rem;
        height: auto;
    }
    .bread-crumb__item + .bread-crumb__item::before {
        height: 0.75rem;
    }
    .ui-selectmenu-menu.ui-front .ui-widget.ui-widget-content.bread-crumb-menu {
        margin-top: 0.5rem;
    }
    .ui-menu .ui-menu-item-wrapper {
        font-size: 0.8125rem;
        padding: 0.5rem 0.875rem;
    }

    .layout.pt-100 {
        padding-top: 2rem !important;
    }

    .quick-search__wrap {
        height: 3.25rem;
        padding-right: 0.25rem;
    }
    .quick-search__wrap > input {
        font-size: 1rem;
        padding-left: 3rem;
        background-position: 0.75rem center;
        padding-inline: 1rem 0;
        background-image: none;
    }
    .quick-search__wrap .btn {
        min-width: unset;
        text-indent: -9999px;
        width: 2.5rem;
        height: 2.5rem;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        padding: 0;
        background-image: url('/images/icons/ico_search.svg');
        background-position: center;
        background-size: 1.25rem;
    }

    .faq-content {
        margin-top: 2.5rem;
        padding-block: 2rem 3.5rem;
    }
    .faq-content h3 {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }
    .faq-category {
        margin-top: 2rem;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .faq-category .category-radio > input:checked + label {
        border-top-right-radius: 1.875rem;
    }
    .faq-content .accordion-wrap details summary {
        font-size: 0.875rem;
        padding: 1rem 3rem 1rem 1rem;
        gap: 0.75rem;
    }
    .faq-content .accordion-wrap details summary::after {
        right: 1rem;
    }
    .faq-content .accordion-wrap details summary::before {
        font-size: 1.25rem;
    }
    .faq-content .accordion-content {
        padding: 1rem;
        font-size: 0.875rem;
        gap: 0.75rem;
    }

    .search-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .search-bar .table-total {
        order: 1;
    }
    .search-bar .search-form {
        width: 100%;
    }
    .search-bar .search-form .input-wrap {
        width: 100%;
        flex: 1 1 auto;
    }
    .search-bar .search-form .input-wrap > input {
        width: 100%;
    }
    .newsletter-list > li > a {
        flex-direction: column;
        padding-block: 1.5rem;
        gap: 1.25rem;
    }
    .newsletter-list > li .thumbnail {
        width: 100%;
        gap: 0.5rem;
    }
    .newsletter-list > li .newsletter-info {
        gap: 1rem;
    }
    .newsletter-list > li .newsletter-info > h5 {
        font-size: 1.35rem;
        line-height: 1.4;
    }

    .page-section .section-title {
        padding-left: 0;
        font-size: 1.875rem;
        margin-bottom: 1.25rem;
    }
    .page-section .section-title::before {
        display: none;
    }
    .page-section .section-content {
        padding-left: 0;
    }
    .link-wrap .t-contents {
        padding-right: 0 !important;
    }
    .sub-list .info-txt {
        flex-direction: column;
        align-items: flex-start;
    }
    .download .btn.xs-icon {
        display: none;
    }

    .dotted-list > li{
        padding-left: 0.625rem;
        font-size: 1rem;
    }
    .dotted-list > li::before {
        top: 0.75rem;
    }

    .sub-list > li {
        padding-left: 1rem;
        font-size: 1rem;
    }
    .sub-list > li::before {
        top: 0.5rem;
        width: 0.75rem;
        height: 0.75rem;
    }

    .info-txt {
        font-size: 0.875rem;
        background-size: 1rem;
        padding-left: 1.25rem;
    }
    .download {
        font-size: 0.875rem;
        line-height: 1.3;
        word-wrap: break-word;
        word-break: keep-all;
        gap: 0.5rem;
        padding-bottom: 0.25rem;
        margin: 0;
    }
    .download > img {
        width: 1.5rem;
        height: auto;
        flex: 0 0 auto;
    }
    .page-section + .page-section {
        margin-top: 2.5rem;
    }
    .faq-box {
        padding: 2rem;
        text-align: center;
    }
    .side-nav {
        display: none;
    }

    .process-list[class*=grid-] {
        /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
        /* padding-left: 1rem; */
        gap: 2.8125rem;
        display: flex;
        flex-direction: column;
        padding-inline: 0;
    }
    /* .process-list[class*=grid-] > li + li::before {
        left: -0.625rem;
    } */
    .process-list > li {
        justify-content: flex-start;
        align-items: center;
        padding: 0.5rem 1rem !important;
        text-align: left;

        flex-direction: row;
        min-height: 6.375rem;
        background-color: #F5F6FA;
        border-radius: 300rem;
        gap: 1.6875rem;
        aspect-ratio: unset;
    }
    .process-list:not(.type2) > li:last-child::before {
        display: none;
    }
    .table.form-table.has-active-cell :is(th, td) {
        font-size: 0.875rem;
        padding-inline: 0.25rem;
    }
    .table.form-table :is(th, td) a {
        display: block;
    }
    .top-banner > h2 {
        font-size: 2rem;
    }

    .entire-menu {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        width: 100%;
    }
    .entire-menu__body {
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-inline: 0;
    }
    .entire-bottom {
        position: static;
        flex-direction: row;
        margin-top: 40px;
        padding-bottom: 20px;
    }
    .entire-bottom > a {
        font-size: 16px;
    }
    .entire-menu > li .depth-1 {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .entire-menu > li .depth-2 > li {
        padding-block: 8px;
    }
    .entire-menu > li .depth-2 > li > a {
        font-size: 16px;
    }
    .entire-menu__hd {
        height: 65px;
    }
    .entire-menu__hd > img {
        display: none;
    }
    .entire-menu__hd .close-btn {
        width: 24px;
        height: 24px;
        margin-left: auto;
    }
    .entire-graphics {
        display: none;
    }

    .table.datatable:not(.m-type-3),
    .table.datatable:not(.m-type-3) tbody,
    .table.datatable:not(.m-type-3) tbody tr,
    .table.datatable:not(.m-type-3) tbody tr td {
        display: block;
    }
    .table.datatable:not(.m-type-3) thead {
        display: none;
    }
    .table.datatable:not(.m-type-3) colgroup {
        display: none;
    }
    .table.datatable:not(.m-type-3) {
        border-top: 2px solid var(--active-color);
        border-bottom: 2px solid var(--active-color);
    }
    .table.datatable:not(.m-type-3) tbody tr {
        padding-block: 0.5rem;
    }
    .table.datatable:not(.m-type-3) tbody tr :is(th, td) {
        border-top: 0;
        border-bottom: 0;
        border: 0;
        display: flex;
        gap: 1rem;
        text-align: left;
    }
    .table.datatable:not(.m-type-3) tbody tr :is(th, td).m-col {
        flex-direction: column;
    }
    .table.datatable:not(.m-type-3) tbody tr {
        position: relative;
        padding-block: 1.25rem;
    }
    .table.datatable:not(.m-type-3) tbody tr:has(.attach-file) {
        padding-right: 2.75rem;
    }
    .table.datatable:not(.m-type-3) tbody tr + tr {
        border-top: 1px solid #eee;
    }
    .table.datatable:not(.m-type-3) tbody tr :is(th, td) {
        height: auto;
        padding: 0.75rem 0.25rem;
    }
    .table.datatable:not(.m-type-3).m-type-2 tbody tr :is(th, td) {
        padding: 0.25rem;
    }
    .table.datatable:not(.m-type-3) tbody tr :is(th, td)[data-title]::before {
        content: attr(data-title);
        color: var(--black-color);
        font-weight: 700;
        width: 5rem;
        flex: 0 0 auto;
    }
    .table.datatable:not(.m-type-3) tbody tr :is(th, td).m-col::before {
        width: 100%;
    }
    .table.datatable:not(.m-type-3) tbody tr :is(th, td) .truncate {
        white-space: normal;
        text-overflow: unset;
        overflow: visible;
    }
    .table.datatable:not(.m-type-3) tbody tr :is(th, td) p {
        flex: 1 1 auto;
        font-weight: 400;
    }
    .table.datatable:not(:is(.m-type-2, .m-type-3)) tbody tr :is(th, td) a {
        text-decoration: underline;
    }
    .table.datatable.m-type-2 td.has-attach {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        transform: translateY(-50%);
    }
    .table.datatable.m-type-2 td.has-attach:not(:has(.attach-file)) {
        display: none;
    }
    .table.datatable.m-type-2 .attach-file {
        margin: 0;
        border-radius: 50%;
        background-color: #eee;
        width: 2rem;
        height: 2rem;
        background-size: 1.125rem;
    }
    .table.datatable tbody tr :is(th, td) {
        background-color: transparent !important;
    }
    .table.datatable.m-type-2 tbody tr :is(th, td) p {
        font-size: 1.05rem;
        font-weight: 600;
    }
    .table.datatable.m-type-2 tbody tr :is(th, td).gray p {
        font-size: 1rem;
        font-weight: 400;
        color: #999 !important;
    }

    .table.datatable.m-type-3 thead tr :is(th, td),
    .table.datatable.m-type-3 tbody tr :is(th, td) {
        font-size: 1rem;
        line-height: 1.5;
    }
    .table.datatable.m-type-3 tbody tr :is(th, td) {
        vertical-align: top;
        height: auto;
        padding-block: 0.75rem;
    }
    .detail-info-grid {
        display: flex;
        flex-direction: column;
    }
    .detail-info-grid > li > span {
        width: 8rem;
    }
    .board-detail .detail-top,
    .board-detail .btn-wrap {
        padding: 2.25rem 0.5rem;
    }
    .board-detail .detail-top .detail-title {
        font-size: 1.5rem;
    }
    .board-detail .detail-body {
        padding-block: 1.5rem;
    }
    .board-detail .detail-bottom .bottom-link {
        padding-inline: 0;
    }
    .board-detail .detail-bottom .bottom-type {
        gap: 0.5rem;
        padding-right: 0.75rem;
    }
    .board-detail .attached-wrap {
        flex-direction: column;
        padding: 1.5rem 1rem;
        gap: 1rem;
        margin-top: 1.25rem;
    }
    .board-detail .attached-wrap .attached-list {
        display: flex;
        flex-direction: column;
    }

    .detail-info-grid > li.full:has(.pre-line) {
        flex-direction: column;
    }
    .detail-info-grid > li.full:has(.pre-line) > span {
        width: 100%;
        justify-content: center;
        padding-block: 1.25rem;
    }

    .process-list.type2 > li .img-wrap::after {
        display: none;
    }
    .process-list.type2 > li .txt-wrap {
        margin-top: 0;
    }
    .process-list.type2 > li:not(.complete)::after,
    .process-line .process-circle,
    .process-list.type2.first-process::before {
        display: none;
    }
    .process-line {
        transform: none;
    }
    .process-line .process-list {
        padding-right: 0;
    }
    html body .container .content-wrap .process-list > li .img-wrap {
        /* width: 10rem; */
        /* height: 10rem; */
        width: 4.375rem;
        height: 4.375rem;
        background-color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .process-list > li .img-wrap img {
        max-width: calc(100% - 1.25rem);
    }
    .data-application__wrap {
        border-radius: 3.4375rem;
        padding: 3.5rem 1.75rem 2.25rem;
        margin-bottom: 3rem;
        position: relative;
        border: 2px dashed #1F3097;
    }
    .data-application__wrap > h5 {
        font-size: 1.25rem;
        padding-inline: 1.875rem;
        white-space: nowrap;
    }
    .data-application__wrap .process-list > li {
        background-color: white;
    }
    .data-application__wrap .process-list > li:first-child {
        order: 5;
    }
    .data-application__wrap .process-list > li:first-child::before {
        bottom: -4.25rem !important;
    }
    .data-application__wrap .process-list > li:nth-child(2) {
        order: 4;
    }
    .data-application__wrap .process-list > li:nth-child(3) {
        order: 3;
    }
    .data-application__wrap .process-list > li:nth-child(4) {
        order: 2;
    }
    .data-application__wrap .process-list > li:nth-child(5) {
        order: 1;
    }

    /* .data-application__wrap::before,
    .process-list.type2:has(.complete)::before {
        content: '';
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: -4rem;
        left: 50%;
        background-image: url('/images/icons/ico_next_gray.svg');
        transform: translateX(-50%) rotate(90deg);
    } */
    /* .process-list.type2:has(.complete)::before {
        top: -2rem;
        left: 25%;
    } */
    .process-list.type2 > li {
        justify-content: flex-start;
    }
    .process-list.type2 > li.complete {
        width: 100%;
        height: 6.375rem;
        border-radius: 300rem;
        transform: none;
        flex-direction: row;
        border: 8px solid rgba(255, 255, 255, 0.10);
        font-size: 1.25rem;
        font-weight: 600;
        gap: 1.25rem;
        margin-bottom: 4rem;
    }
    .process-list.type2 > li.complete::before {
        display: none;
    }
    
    /* .process-list.type2 > li + li::before,
    .process-list.type2 > li.complete::before,
    .data-application__wrap .process-list.type2 > li:first-child::before {
        content: '';
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: calc(50% - 1rem);
        left: -0.5rem;
        background-image: url('/images/icons/ico_next_gray.svg');
        background-size: cover;
        background-position: center;
        margin-top: -0.5rem;
        transform: translateX(-100%);
    } */
    .process-list.type2 > li.complete::before {
        position: static;
        width: 2.5rem;
        height: 2.5rem;
        background-image: url("data:image/svg+xml,%3Csvg width='41' height='42' viewBox='0 0 41 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5003 38.0832C22.7442 38.086 24.9664 37.6453 27.0394 36.7866C29.1124 35.9279 30.9953 34.6681 32.58 33.0795C34.1686 31.4948 35.4284 29.6119 36.2871 27.5389C37.1458 25.4659 37.5864 23.2437 37.5837 20.9999C37.5864 18.756 37.1458 16.5338 36.2871 14.4608C35.4284 12.3878 34.1686 10.5049 32.58 8.92023C30.9953 7.33161 29.1124 6.07177 27.0394 5.21307C24.9664 4.35437 22.7442 3.91375 20.5003 3.91652C18.2565 3.91375 16.0343 4.35437 13.9613 5.21307C11.8882 6.07177 10.0053 7.33161 8.42071 8.92023C6.8321 10.5049 5.57225 12.3878 4.71356 14.4608C3.85486 16.5338 3.41424 18.756 3.41701 20.9999C3.41424 23.2437 3.85486 25.4659 4.71356 27.5389C5.57225 29.6119 6.8321 31.4948 8.42071 33.0795C10.0053 34.6681 11.8882 35.9279 13.9613 36.7866C16.0343 37.6453 18.2565 38.086 20.5003 38.0832Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M13.667 20.9998L18.792 26.1248L29.042 15.8748' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
        background-size: cover;
        transform: none;
    }
    html body .container .content-wrap .process-list > li::before {
        content: '';
        width: 1.125rem;
        height: 1.125rem;
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 9.75L7.5 16M7.5 16L1 9.75M7.5 16L7.5 1' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-size: auto;
        position: absolute;
        bottom: -2rem;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0;
    }
    /* .data-application__wrap .process-list.type2 > li:last-child::before {
        display: none;
    }
    .process-list.type2 > li.complete::before {
        top: 50%;
        left: -2.875rem;
    } */
    /* .process-list.type2 > li + li:nth-child(2n + 1)::before,
    .data-application__wrap .process-list.type2 > li:first-child::before {
        left: 0.75rem !important;
    } */
    .process-list.type2:has(.complete) {
        position: relative;
        gap: 2.8125rem;
    }
    .download-bar {
        font-size: 1rem;
        background-size: 1.5rem;
        padding-block: 1rem;
    }

    .contact-content .title-box > p {
        padding-left: 1.125rem;
    }
    .sub-list > li > a:not(.download) {
        display: block;
        width: fit-content;
        max-width: 100%;
        margin-left: 0;
    }
    .download {
        display: flex;
        width: fit-content;
        max-width: 100%;
        margin-block: 0.25rem;
    }
    .m-flex-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    .page-desc {
        font-size: 1.125rem;
    }
    .page-title .page-desc {
        margin-top: 1.5rem;
    }
    .content-wrap {
        padding-bottom: 4.25rem;
    }

    .main-sect-02 .txt-slider {
        bottom: -1.875rem;
    }
    .main-sect-03 h4 {
        font-size: min(5vw, 1.5rem);
    }
    .process-list > li .process-title {
        font-size: 0.95rem;
        margin-top: 0;
    }
    .pagination {
        margin-top: 2rem;
    }
    .glsl-container {
        display: none;
    }

    .table :is(th, td) {
        padding-inline: 0.5rem;
    }

    .header .line-banner {
        height: 3rem;
    }
    .header .line-banner a {
        font-size: 0.875rem;
        gap: 0.5rem;
        padding-right: 0;
        background-image: none;
    }
    .header .line-banner .noti-mark {
        font-size: 0.875rem;
    }
    .header .line-banner .noti-mark > img {
        height: 1.125rem;
    }
    .header .line-banner .noti-date {
        font-size: 0.75rem;
    }
    .header .line-banner > .layout {
        padding-inline: 1rem 2.25rem;
    }
    .line-banner__close {
        width: 1rem;
        height: 1rem;
    }
}

@media all and (max-width: 550px) {
    .process-list.type2 > li.complete {}
    /* .process-list.type2 > li + li::before {
        top: calc(50% - 2rem);
    }
    .data-application__wrap .process-list.type2 > li + li::before {
        top: calc(50% - 1rem);
    } */
    /* .process-list.type2 > li + li:nth-child(2n + 1)::before,
    .data-application__wrap .process-list.type2 > li:first-child::before {
        left: 0.5rem !important;
    } */
    .data-application__wrap {
        margin-bottom: 3rem;
        padding-inline: 1.5rem;
    }
    .process-list.type2 > li.complete::before {
        left: -2rem;
    }
    .bubble-wrap {
        display: flex;
        flex-direction: column-reverse;
        gap: 1.5rem;
        margin-top: 3rem;
        width: 15rem;
        max-width: 100%;
        margin-inline: auto;
    }

    .r-category__grid {
        display: flex;
        flex-direction: column;
    }
    .r-category__grid > li {
        transition-delay: 0 !important
    }
    .contact-right .btn {
        margin-inline: auto;
    }

    .search-bar .search-form {
        flex-direction: column;
    }
    .search-bar .search-form :is(.select, .btn),
    .search-bar .search-form .ui-selectmenu-button.ui-button {
        width: 100%;
    }

    .sub-list > li > a:not(.download) {
        width: 100%;
        padding-block: 0.25rem;
        font-size: 0.815rem;
    }
    .preparing-box > img {
        width: 12rem;
    }
    .preparing-box .preparing-txt > p {
        font-size: 1.25rem;
        margin-top: 1.5rem;
    }
    .quick-search__wrap > input {
        font-size: 0.8rem;
    }
    .faq-category .category-radio > label svg {
        width: 24px;
        height: 24px;
    }
    .faq-category .category-radio > label {
        font-size: 0.75rem;
        gap: 0.25rem;
    }
    .faq-category {
        gap: 0.5rem;
    }
    .faq-box .box-content {
        font-size: 1.125rem;
    }
    .faq-box .box-content > .btn {
        width: 10rem;
        min-width: unset;
        margin-top: 1.25rem;
        height: 3rem;
        font-size: 0.875rem;
    }
    .header .line-banner a {
        font-size: 0.75rem;
    }
}

@media all and (max-width: 400px) {
    .page-title {
        font-size: 1.75rem;
    }
    .page-section .section-title {
        font-size: 1.5rem;
    }
    .top-banner > h2 {
        font-size: 1.5rem;
    }
    .content-wrap {
        padding-inline: 0.7rem;
    }
    .header .line-banner .noti-mark > img {
        height: 0.875rem;
    }
    .line-banner__close {
        width: 0.75rem;
        height: 0.75rem;
    }
    .header .line-banner a {
        font-size: 0.7125rem;
    }
}

/* 서브페이지에서 헤더가 active일 때 모든 서브메뉴 표시 */
/* .header.active .gnb-list > li .gnb-depth-2 {
    opacity: 1 !important;
    pointer-events: all !important;
    visibility: visible !important;
    display: block !important;
} */

/* 서브페이지에서 헤더가 active일 때 스크롤과 관계없이 항상 표시 */
.header.active {
    background-color: white !important;
    border-bottom: 1px solid #f1f2f3 !important;
}

.header.active .logo img.logo_black {
    display: block !important;
}

.header.active .logo img.logo_white {
    display: none !important;
}

.header.active .gnb-list > li > a {
    color: var(--black-color) !important;
}

.header.active .hd-utils .lang-btn {
    background-image: url('/images/icons/ico_international_blk.svg') !important;
}

.header.active .hd-utils .menu-btn {
    background-image: url('/images/icons/ico_menu_blk.svg') !important;
}

.header.open .gnb-list > li .gnb-depth-2 {
    opacity: 1;
    pointer-events: all;
}



/* 애니메이션 효과 추가 */
#glslCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

#glslCanvas canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/* 둥둥 떠다니는 효과 */
.floating-obj {
    animation: floating 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.floating-obj.floating1 {
    animation-delay: 0s;
    animation-duration: 8s;
}

.floating-obj.floating2 {
    animation-delay: 1s;
    animation-duration: 7s;
}

.floating-obj.floating3 {
    animation-delay: 2s;
    animation-duration: 9s;
}

.floating-obj.floating4 {
    animation-delay: 3s;
    animation-duration: 6s;
}

.floating-obj.floating5 {
    animation-delay: 4s;
    animation-duration: 8s;
}

/* 각 오브젝트별로 다른 움직임 방향 추가 */
.floating-obj.floating1 {
    animation: floating1 8s ease-in-out infinite;
}

.floating-obj.floating2 {
    animation: floating2 7s ease-in-out infinite;
}

.floating-obj.floating3 {
    animation: floating3 9s ease-in-out infinite;
}

.floating-obj.floating4 {
    animation: floating4 6s ease-in-out infinite;
}

.floating-obj.floating5 {
    animation: floating5 8s ease-in-out infinite;
}

@keyframes floating {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        transform: translateY(-15px) rotate(1deg);
    }
    50% {
        transform: translateY(-25px) rotate(0deg);
    }
    75% {
        transform: translateY(-15px) rotate(-1deg);
    }
}

@keyframes floating1 {
    0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
    25% { transform: translateY(-20px) translateX(10px) rotate(2deg); }
    50% { transform: translateY(-30px) translateX(0px) rotate(0deg); }
    75% { transform: translateY(-20px) translateX(-10px) rotate(-2deg); }
}

@keyframes floating2 {
    0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
    25% { transform: translateY(-15px) translateX(-8px) rotate(-1deg); }
    50% { transform: translateY(-25px) translateX(0px) rotate(0deg); }
    75% { transform: translateY(-15px) translateX(8px) rotate(1deg); }
}

@keyframes floating3 {
    0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
    25% { transform: translateY(-18px) translateX(12px) rotate(1.5deg); }
    50% { transform: translateY(-28px) translateX(0px) rotate(0deg); }
    75% { transform: translateY(-18px) translateX(-12px) rotate(-1.5deg); }
}

@keyframes floating4 {
    0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
    25% { transform: translateY(-12px) translateX(-6px) rotate(-0.5deg); }
    50% { transform: translateY(-22px) translateX(0px) rotate(0deg); }
    75% { transform: translateY(-12px) translateX(6px) rotate(0.5deg); }
}

@keyframes floating5 {
    0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
    25% { transform: translateY(-16px) translateX(8px) rotate(1deg); }
    50% { transform: translateY(-26px) translateX(0px) rotate(0deg); }
    75% { transform: translateY(-16px) translateX(-8px) rotate(-1deg); }
}

.glsl-container {
    position: 'absolute';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: 'none';
    overflow: hidden;
}
.main-sect-03 .line-back {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    justify-content: center;
}
.main-sect-03 .line-back > svg {
    width: 100%;
    max-width: 1920px;
    aspect-ratio: 988.53 / 787.48;
}
/* Line Background Animation */
.line-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  opacity: 0.8;
}

.line-back > svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.line-back > svg path {
    transition: stroke-dashoffset 0.75s ease-out;
}

@media all and (min-width: 1024px) {
    #DRB_info_5, #DRB_committee_5 {
        padding-bottom: 6.25rem;
    }
}

/* 브레드크럼 셀렉트박스 초기 렌더링 문제 해결 */
.bread-crumb .ui-selectmenu-button.ui-button {
    min-width: 15.625rem !important;
    width: auto !important;
    box-sizing: border-box;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    transition: none !important;
}

/* 모바일에서도 최소 너비 보장 */
@media (max-width: 768px) {
    .bread-crumb .ui-selectmenu-button.ui-button {
        min-width: 5rem !important;
        width: auto !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }
}

/* jQuery UI 초기화 전 기본 스타일 */
.bread-crumb .select {
    min-width: 15.625rem;
    width: auto;
    box-sizing: border-box;
}
@media all and (max-width: 768px) {
    .bread-crumb .select {
        min-width: 5rem !important;
        padding-right: 1.5rem !important;
    }
}

/* 셀렉트박스 컨테이너 위치 고정 */
.bread-crumb__item {
    position: relative !important;
    overflow: visible !important;
}

/* jQuery UI selectmenu 초기화 시 위치 고정 */
.bread-crumb .ui-selectmenu-button {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    transition: none !important;
}

/* 이미지 비율 경고 해결 - width와 height 중 하나만 설정된 경우 자동으로 비율 유지 */
img[src*="process-images"] {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}