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


@keyframes dropFromTop{  
    0%{
        background-position:50% 0;
    }

    50%{
        background-position:50% 100%;

    }
    100%{
        background-position:50% 50%;
    }
}

:root {
    --black-color: #1E2124;
    --main-color: #003765;
    --gray-color: #555;
    --light-gray-color: #CDD1D5;
    --blue-gray: #EDF1F5;
}
* {
    background-repeat: no-repeat;
}
*[hidden] {
    display: none !important;
}
.truncate {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
/*     text-overflow: ellipsis;  게시글넘치기*/
}
.truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.truncate-3 {
    display: -webkit-box;
    -webkit-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;
}

.IOJ-wrap :is(a, button) {
    transition: none;
}

.mt-1 {
    margin-top: 1rem !important;
}
.mt-2 {
    margin-top: 2rem !important;
}
.mt-3 {
    margin-top: 3rem !important;
}
.mt-4 {
    margin-top: 4rem !important;
}
.mt-5 {
    margin-top: 5rem !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}
.mb-2 {
    margin-bottom: 2rem !important;
}
.mb-3 {
    margin-bottom: 3rem !important;
}
.mb-4 {
    margin-bottom: 4rem !important;
}
.mb-5 {
    margin-bottom: 5rem !important;
}

.pt-none {
    padding-top: 0 !important;
}

.pl-1 { padding-left: 1rem !important;}
.pr-1 { padding-right: 1rem !important;}
.pt-1 { padding-top: 1rem !important;}
.pb-1 { padding-bottom: 1rem !important;}

.pl-2 { padding-left: 2rem !important;}
.pr-2 { padding-right: 2rem !important;}
.pt-2 { padding-top: 2rem !important;}
.pb-2 { padding-bottom: 2rem !important;}

.pl-3 { padding-left: 3rem !important;}
.pr-3 { padding-right: 3rem !important;}
.pt-3 { padding-top: 3rem !important;}
.pb-3 { padding-bottom: 3rem !important;}

.pl-4 { padding-left: 4rem !important;}
.pr-4 { padding-right: 4rem !important;}
.pt-4 { padding-top: 4rem !important;}
.pb-4 { padding-bottom: 4rem !important;}

.pl-5 { padding-left: 5rem !important;}
.pr-5 { padding-right: 5rem !important;}
.pt-5 { padding-top: 5rem !important;}
.pb-5 { padding-bottom: 5rem !important;}

.pl-md { padding-left: 1.6rem !important;}

.f-wrap {
    flex-wrap: wrap !important;
}

@media (min-width: 768px) {
    .mo_show {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .pc_show {
        display: none !important;
    }
}

.layer-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: 2rem;
    z-index: 999;
}
.layer-popup:not(.active) {
    display: none !important;
}
.layer-popup .dimmer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
}
.layer-popup .popup-container {
    width: 50rem;
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}
.layer-popup .popup-body {
    border: 1px solid black;
}
.layer-popup .popup-body .popup-content {
    padding-inline: 0.5rem;
    padding-bottom: 0.7rem;
    background-color: #2149AD;
}
.layer-popup .popup-body .popup-content-box {
    background-color: white;
    border-radius: 0.5rem;
    padding: 2.9rem 2.8rem 2.1rem;
}
.layer-popup .popup-body .popup-infos {
    padding-inline: 2.8rem;
}
.layer-popup .popup-body .popup-infos + .popup-infos {
    border-top: 1px solid #E8E5E5;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
}
.layer-popup .popup-body .popup-info-title {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 3.2rem;
    color: white;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1;
    background-color: var(--main-color);
    padding-inline: 1.8rem;
    border-radius: 300rem;
}
.layer-popup .popup-body .popup-info-list {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
.layer-popup .popup-body .popup-info-list > li {
    position: relative;
    padding-left: 1.1rem;
    display: flex;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: normal;
}
.layer-popup .popup-body .popup-info-list > li::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    background-color: #FF6D12;
    position: absolute;
    top: 0.7rem;
    left: 0.2rem;
}
.layer-popup .popup-body .popup-info-list > li > span {
    flex: 0 0 auto;
}
.layer-popup .popup-body .popup-info-list > li > p {
    flex: 1 1 auto;
    padding-left: 0.5rem;
}
.layer-popup .popup-body .popup-infos > p {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 1.2rem;
}

.layer-popup .popup-body .popup-content-hd {
    padding-inline: 2.1rem;
    padding-block: 5rem;
    position: relative;
}
.layer-popup .popup-body .popup-content-hd .popup-hd-image {
    position: absolute;
    top: -1.1rem;
    right: -0.5rem;
    height: calc(100% + 6.9rem);
    max-width: 55%;
}
.layer-popup .popup-body .popup-content-hd .popup-content-title {
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: normal;
    max-width: 60%;
}

.layer-popup.wh-popup {
    padding-inline: 1.6rem;
}
.layer-popup.wh-popup .popup-container {
    background-color: white;
    border-radius: 12px;
    padding: 6rem 2rem 2rem;
    width: 60rem;
}
.layer-popup.wh-popup .popup-body {
    border: 0;
}
.layer-popup .popup-close {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 2.2rem;
    right: 2.2rem;
    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%3Cg clip-path='url(%23clip0_2515_93180)'%3E%3Cpath d='M25.3337 8.55334L23.447 6.66667L16.0003 14.1133L8.55366 6.66667L6.66699 8.55334L14.1137 16L6.66699 23.4467L8.55366 25.3333L16.0003 17.8867L23.447 25.3333L25.3337 23.4467L17.887 16L25.3337 8.55334Z' fill='%236E6C6C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2515_93180'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
}

.layer-popup .head-details {
    padding: 1.4rem 5rem 6rem 5rem; 
}
.layer-popup .head-details .head-details__top {
    padding-inline: 5rem;
    display: flex;
    gap: 3.3rem;
}
.layer-popup .head-details .head-details__top .img-wrap {
    width: 10.5rem;
    aspect-ratio: 1 / 1.3;
    display: flex;
    border-radius: 0.6rem;
    overflow: hidden;
}
.layer-popup .head-details .head-details__top .img-wrap > img {
    object-fit: cover;
    object-position: center;
}
.layer-popup .head-details .head-details__top .txt-wrap {
    color: var(--black-color);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.layer-popup .head-details .head-details__bottom {
    margin-top: 2.5rem;
    padding-top: 2.8rem;
    border-top: 1px solid #E8E5E5;
    padding-inline: 5rem;
}

.layer-popup .popup-footer {
    border: 1px solid black;
    background-color: white;
    padding: 0.7rem 1.9rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    position: sticky;
    bottom: 0;
}
.layer-popup .popup-footer .popup-btn {
    height: 2.2rem;
    background-color: #096AB3;
    color: white;
    font-size: 1.3rem;
    font-weight: 400;
    padding-inline: 0.6rem;
    border-radius: 0.3rem;
    margin-left: auto;
}
.layer-popup .head-profiles {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 1.4rem;
}
.layer-popup .head-profiles > li {
    display: flex;
    gap: 2.8rem;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    padding-left: 1.5rem;
    position: relative;
}
.layer-popup .head-profiles > li::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    position: absolute;
    top: 0.9rem;
    left: 0;
    background-color: #E4022D;
}
.layer-popup .head-profiles > li > span {
    width: 10rem;
    flex: 0 0 auto;
}
.layer-popup .head-profiles > li > p {
    flex: 1 1 auto;
/*     word-break: break-word; */
    word-break: keep-all; /*단어단위로 줄바꿈 되도록 변경*/
    word-wrap: break-word;
}

.IOJ-wrap .checkbox-wrap > label {
    color: var(--black-color);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.5rem;
    font-weight: 400;
}
.IOJ-wrap .checkbox-wrap > label::before {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid black;
    border-radius: 0.3rem;
}
.IOJ-wrap .checkbox-wrap > input:checked + label::before {
    background-color: #096AB3;
    background-image: url('/homepageNew/images/component/icon/ico_checkbox_wh.svg');
    background-position: center;
    background-size: 1rem;
    background-repeat: no-repeat;
}

.IOJ-wrap .mark {
    border: 1px solid #0B50D0;
    border-radius: 0.4rem;
    color: #0B50D0;
    font-size: 1.3rem;
    font-weight: 400;
    padding-inline: 0.7rem;
    background-color: white;
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 1;
    height: 2.4rem;
}
.IOJ-wrap .btn {
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0.8rem 1.8rem;
    border: 1px solid #C1C2C4;
    border-radius: 0.5rem;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
}
.IOJ-wrap .btn.go-btn {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25335 12.8344C5.43808 13.0397 5.75422 13.0564 5.95948 12.8716L10.9595 8.37181C11.0648 8.27699 11.125 8.14191 11.125 8.00017C11.125 7.85843 11.0649 7.72335 10.9595 7.62852L5.9595 3.12822C5.75425 2.94348 5.4381 2.96011 5.25337 3.16536C5.06863 3.37061 5.08526 3.68675 5.29051 3.87149L9.87759 8.00014L5.29053 12.1283C5.08527 12.313 5.06863 12.6292 5.25335 12.8344Z' fill='%231E2124'/%3E%3C/svg%3E%0A");
    background-position: right 1.1rem center;
    padding-right: 3.5rem;
}

.IOJ-wrap .dotted-list {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.IOJ-wrap .dotted-list > li {
    padding-left: 2.5rem;
    position: relative;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .dotted-list > li::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--main-color);
    border-radius: 50%;
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.IOJ-wrap .dashed-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.IOJ-wrap .dashed-list > li {
    padding-left: 2.5rem;
    position: relative;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .dashed-list > li::before {
    content: '';
    width: 0.5rem;
    height: 1px;
    background-color: var(--black-color);
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.IOJ-wrap .number-list {
    counter-reset: numbering;
}
.IOJ-wrap .number-list > li {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
}
.IOJ-wrap .number-list > li:before {
    counter-increment: numbering;
    content: counter(numbering) ')';
    margin-right: 0.6rem;
}

.gnb-all-trigger {
    width: 100%;
    height: 5.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #464C53;
    font-size: 1.9rem;
    font-weight: 700;
}
.gnb-all-trigger:focus {
/*     outline: 0; */
/*     outline-offset: 0; */
/*     transition: outline 0s, box-shadow 0s !important; */
/*     box-shadow: 0 0 0 0.2rem #256ef4 inset; */
}
.IOJ-wrap .krds-main-menu .gnb-menu.ioj-gnb {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
}
.ioj-gnb > li {
    width: 100%;
}

.IOJ-wrap .gnb-depth-wrap {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
}
/* .IOJ-wrap .krds-main-menu:focus-within .gnb-toggle-wrap */
.IOJ-wrap .krds-main-menu .gnb-toggle-wrap.active {
    display: block !important;
}
.IOJ-wrap .krds-main-menu .gnb-toggle-wrap {
    width: 1200px;
    max-width: 100%;
    transform: translateX(2.4rem);
    transition: transform 0.25s;
}
@media all and (max-width: 1248px) {
    .IOJ-wrap .krds-main-menu .gnb-toggle-wrap {
        transform: none;
    }
}
.IOJ-wrap .krds-main-menu .gnb-toggle-wrap .gnb-main-list {
    width: 100%;
    max-width: 100%;
}
/* .IOJ-wrap.scroll-down .krds-main-menu .gnb-toggle-wrap {
    transform: translateY(-100%);
} */
.IOJ-wrap .krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list {
    background-color: var(--blue-gray);
    padding: 0;
}
.IOJ-wrap .gnb-depth-wrap .depth-2 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 3.5rem 3rem;
    border-right: 1px solid #CDD1D5;
}
.IOJ-wrap .gnb-depth-wrap .depth-2:last-child {
    border-right: 0;
}
.IOJ-wrap .gnb-depth-wrap .depth-2 > li {}
.IOJ-wrap .gnb-depth-wrap .depth-2 > li > a {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.5;
    transition: none;
}
.IOJ-wrap .gnb-depth-wrap .depth-2 > li > a:hover {
    color: var(--main-color);
    text-decoration: underline;
}
.IOJ-wrap .gnb-depth-wrap .depth-2 > li .depth-3 {
    padding-top: 1.2rem;
}
.IOJ-wrap .gnb-depth-wrap .depth-2 > li .depth-3 > li {
    position: relative;
    padding-left: 1.2rem;
}
.IOJ-wrap .gnb-depth-wrap .depth-2 > li .depth-3 > li::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: #33363D;
    border-radius: 50%;
    position: absolute;
    top: 1.1rem;
    left: 0;
}
.IOJ-wrap .gnb-depth-wrap .depth-2 > li .depth-3 > li > a {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .gnb-depth-wrap .depth-2 > li .depth-3 > li > a:hover {
    color: var(--main-color);
    text-decoration: underline;
}
.ioj-mobile-nav .gnb-sub-list:not(.active) {
    display: none !important;
}

.ioj-mobile-nav .gnb-sub-list:not(.active) {
    display: none !important;
}
.ioj-mobile-nav .dimmer {
    display: none;
    opacity: 0;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--krds-main-menu-mobile--color-dim);
    transition: all 0.35s;
}
.ioj-mobile-nav.is-open .dimmer {
    display: block;
    opacity: 1;
}
.IOJ-wrap .krds-main-menu-mobile.is-backdrop::after {
    display: none !important;
}

.IOJ-wrap .status-mark {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    height: 2.4rem;
    border-radius: 0.4rem;
    padding-inline: 0.8rem;
    color: white;
    font-size: 1.3rem;
    font-weight: 400;
    background-color: var(--main-color);
}
.IOJ-wrap .status-mark.orange {
    background-color: #FF6D12;
}
.IOJ-wrap .status-mark.blue {
    background-color: #44A4ED;
}

.IOJ-wrap .head-mark {
    background-color: #006374;
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    height: 3rem;
    display: flex;
    align-items: center;
    padding-inline: 1rem;
    border-radius: 300rem;
}

.IOJ-wrap .krds-btn.text.small {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
}
.IOJ-wrap .krds-btn.text.small.go-btn {
    padding-right: 1.8rem;
    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 fill-rule='evenodd' clip-rule='evenodd' d='M5.60358 13.1568C5.80062 13.3757 6.13784 13.3935 6.35679 13.1964L11.6901 8.39663C11.8025 8.29549 11.8667 8.1514 11.8667 8.00021C11.8667 7.84902 11.8025 7.70493 11.6901 7.60379L6.35681 2.80346C6.13788 2.60641 5.80065 2.62415 5.6036 2.84308C5.40655 3.06201 5.42429 3.39923 5.64322 3.59628L10.5361 8.00018L5.64324 12.4036C5.4243 12.6006 5.40654 12.9378 5.60358 13.1568Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
    background-size: 1.6rem;
    background-position: right center;
}
.IOJ-wrap .header-utility .utility-list > li .krds-btn {
    transition: none;
}
.IOJ-wrap .header-utility .utility-list > li .krds-btn:is(:hover, :focus, :active) {
    color: var(--main-color);
    font-weight: 600;
    background-color: transparent;
}

.IOJ-wrap #krds-header .header-container .logo {
    width: auto;
    height: 4.8rem;
    gap: 2.8rem;
}
.IOJ-wrap #krds-header .header-container .logo a {
    width: auto;
    background-image: none;
    flex: 0 0 auto;
}
.IOJ-wrap #krds-header .header-container .logo a.logo-main {
    aspect-ratio: 1 / 0.30395;
    background-image: url('/homepageNew/images/logo.svg');
}
.IOJ-wrap #krds-header .header-container .logo a.logo-slogan {
    aspect-ratio: 1 / 0.421;
}

.IOJ-wrap #krds-footer .f-logo {
    background-image: none;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap {
    height: fit-content;
    max-height: 100%;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body {
    flex: 1 1 auto;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu {
    height: 100%;
    background-color: white;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {
    width: 50%;
    max-height: 100%;
    overflow-y: auto;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap::after {
    content: '';
    display: block;
    width: 100%;
    height: 8.4rem;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {
    background-color: var(--blue-gray);
    width: 50%;
    max-height: 100%;
    overflow-y: auto;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul > li > a {
    display: flex;
    width: 100%;
    height: 5.8rem;
    align-items: center;
    justify-content: flex-start;
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 700;
    padding-inline: 2rem 4.2rem;
    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 fill-rule='evenodd' clip-rule='evenodd' d='M8.40556 19.7352C8.70112 20.0636 9.20695 20.0902 9.53536 19.7947L17.5354 12.5949C17.7039 12.4432 17.8002 12.2271 17.8002 12.0003C17.8002 11.7735 17.704 11.5574 17.5354 11.4057L9.53539 4.20519C9.207 3.90961 8.70116 3.93622 8.40558 4.26462C8.11001 4.59301 8.13661 5.09885 8.46501 5.39443L15.8043 12.0003L8.46504 18.6054C8.13663 18.9009 8.11 19.4067 8.40556 19.7352Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
    background-position: right 1.8rem center;
    transition: none;
    position: relative;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul > li + li {
    border-top: 1px solid #CDD1D5;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul > li > a.active {
    color: var(--main-color);
    text-decoration: underline;
/* 	outline : 2px dashed red !important; */
/* 	box-shadow : none !important; */
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul > li > a:focus {
    outline: none;
    box-shadow: none;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul > li > a:is(.active, :focus)::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
/*     border: 2px solid var(--main-color); */
    border: 1px dashed red !important;
    pointer-events: none;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul > li > a:focus::before {
/*     border-color: #256ef4; */

}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {
    padding: 1.8rem 2rem;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul > li {
    color: black;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.5;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul > li .depth-3 {
    padding-top: 1.2rem;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul > li .depth-3 > li {
    position: relative;
    padding-left: 1.2rem;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul > li .depth-3 > li::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: #33363D;
    border-radius: 50%;
    position: absolute;
    top: 1.1rem;
    left: 0;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul > li .depth-3 > li > a {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap #close-nav {
    top: 1.6rem;
    left: 1.6rem;
    right: auto;
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils {
    margin-left: auto;
}

@media (max-width: 767px) {
    .IOJ-wrap #krds-header .header-container .logo {
        height: 2.8rem;
    }
}

.IOJ-wrap .flex {
    display: flex;
}

.main-section-01 {
    gap: 3rem;
    padding-block: 2.8rem 4rem;
    align-items: flex-start;
}
.main-swiper-wrap {
    position: relative;
    width: 78rem;
}
.main-swiper-wrap .swiper .swiper-slide {
    width: 100%;
    height: 53rem;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    overflow: hidden;
}
.main-swiper-wrap .swiper .swiper-slide::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
    position: absolute;
    top: 0;
    left: 0;
}
.main-swiper-wrap .swiper .swiper-slide :is(h4, p) {
    color: white;
    position: relative;
    z-index: 1;
}
.main-swiper-wrap .swiper .swiper-slide h4 {
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 1;
}
.main-swiper-wrap .swiper .swiper-slide p {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    margin-top: 1rem;
}
.main-direct__links {
    width: 39rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
}
.main-direct__links > a {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.5;
    width: 100%;
    height: 25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    background-color: var(--blue-gray);
    border-radius: 1.2rem;
/*     transition: all 0.35s; */
}
.main-direct__links > a:hover {
    color: white;
    background-color: var(--main-color);
    text-decoration: underline;
}
.main-direct__links > a svg path {
    transition: all 0.35s;
}
.main-direct__links > a:hover svg path {
    fill: white;
}


.IOJ-wrap .swiper-indicator {
    position: absolute;
    gap: 0.5rem;
    z-index: 1;
}
.IOJ-wrap .swiper-indicator .swiper-pagination {
    height: 3rem;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    padding-inline: 1rem;
}

.IOJ-wrap .main-swiper-wrap .swiper-indicator {
    top: auto;
    left: 50%;
    bottom: 2.5rem;
    transform: translateX(-50%);
}
.IOJ-wrap [class^=swiper-button-] {
    width: 3rem;
    height: 3rem;
}
.IOJ-wrap [class^=swiper-button-]::after {
    width: 2rem;
    height: 2rem;
}
.IOJ-wrap .swiper-indicator .swiper-navigation {
    gap: 0.5rem;
}

.IOJ-wrap .main-section-02 {
    background-color: var(--blue-gray);
    padding-block: 4rem;
}

.IOJ-wrap .section-title {
    color: var(--black-color);
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 3rem;
}

.edu-swiper-wrap .swiper {
    padding-top: 6rem;
}
.edu-swiper-wrap .swiper .swiper-slide {
    border-radius: 1.2rem;
    border: 1px solid #B1B8BE;
    overflow: hidden;
    transition: all 0.35s;
}
.edu-swiper-wrap .swiper .swiper-slide > a {
    display: block;
    background-color: white;
    padding: 1.9rem 2.9rem;
    transition: all 0.35s;
}
.edu-swiper-wrap .swiper .swiper-slide:is(:hover, :focus-within) {
    transform: translateY(-2rem);
    border-color: var(--main-color);
}
.edu-swiper-wrap .swiper .swiper-slide:is(:hover, :focus-within) > a {
    background-color: var(--main-color);
}
.edu-swiper-wrap .swiper .swiper-slide:is(:hover, :focus-within) > a,
.edu-swiper-wrap .swiper .swiper-slide:is(:hover, :focus-within) .edu-title,
.edu-swiper-wrap .swiper .swiper-slide:is(:hover, :focus-within) .edu-bottom {
    color: white;
}
.edu-swiper-wrap .swiper .swiper-slide:hover .status-mark {
/*     background-color: var(--main-color); */
}
.edu-swiper-wrap .swiper .swiper-slide .edu-title {
    color: var(--black-color);
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 1rem;
}
.edu-swiper-wrap .swiper .swiper-slide .edu-bottom {
    color: var(--black-color);
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 5.3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #D8DCDF;
    display: flex;
    gap: 3rem;
}
.edu-swiper-wrap .swiper .swiper-slide .edu-bottom > dt {
    font-weight: 600;
}
.edu-swiper-wrap .swiper .swiper-slide .edu-bottom > dd {
    font-weight: 400;
}
.edu-swiper-wrap .swiper-button-prev,
.edu-swiper-wrap .swiper-button-next {
    transform: translateY(3rem);
}
.edu-swiper-wrap .swiper-button-prev {
    left: -4.4rem;
}
.edu-swiper-wrap .swiper-button-next {
    left: auto;
    right: -4.4rem;
}

.tab-radios:not(.swiper) {
    display: flex;
    max-width: 100%;
    gap: 0.8rem;
    overflow-x: auto;
    justify-content: space-between;
}
.tab-radios .radio-wrap > label {
    color: white;
    font-size: 1.5rem;
    font-weight: 400;
    width: 12rem;
    height: 4.6rem;
    border-radius: 300rem;
    background-color: #096AB3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-radios .radio-wrap > input:checked + label,
.tab-radios .radio-wrap > label:hover {
    background-color: var(--main-color);
}

.tab-radio-swiper.tab-radios .radio-wrap {
    width: 12rem;
}

.main-section-03 {
    padding-block: 4rem 8rem;
}

.IOJ-wrap .more-btn {
    display: block;
    flex: 0 0 auto;
    margin-left: auto;
    background-image: url('/homepageNew/images/component/icon/ico_plus.svg');
    background-size: 2rem;
    background-position: right center;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    padding-right: 2.4rem;

}

.IOJ-wrap .main-noti {
    padding: 3rem 3rem 2rem;
    border: 1px solid #CDD1D5;
    border-radius: 1.2rem;
    position: relative;
}
.IOJ-wrap .main-noti .tab {
    width: 100%;
    display: flex;
    align-items: center;
}

.IOJ-wrap .tab > ul > li .btn-tab,
.IOJ-wrap .tab > ul > li .btn-tab:hover {
    min-width: 12.2rem;
    height: 4rem;
    border-radius: 300rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0.8rem;
    background-color: #F0F0F0;
    color: #555555;
    font-size: 1.5rem;
    font-weight: 500;
}
.IOJ-wrap .tab > ul > li.active .btn-tab,
.IOJ-wrap .tab > ul > li .btn-tab:hover {
    color: white;
    font-weight: 700;
    background-color: var(--main-color);
}
.IOJ-wrap .main-noti .noti-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
}
.IOJ-wrap .main-noti .noti-list > li > a {
    display: block;
}
.IOJ-wrap .main-noti .noti-list > li > a > h4 {
    color: var(--black-color);
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.5;
}
.IOJ-wrap .main-noti .noti-list > li > a > p {
    color: #464C53;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.5rem;
}
.IOJ-wrap .main-noti .noti-list > li .noti-bottom {
    border-top: 1px solid #CDD1D5;
    margin-top: 2.5rem;
    padding-top: 1.4rem;
    display: flex;
    color: #1D1D1D;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .main-noti .noti-list > li .noti-bottom > span {
    margin-left: 2rem;
    padding-left: 2rem;
    position: relative;
}
.IOJ-wrap .main-noti .noti-list > li .noti-bottom > span::before {
    content: '';
    width: 0.1rem;
    height: 1.3rem;
    background-color: #CDD1D5;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.IOJ-wrap #krds-footer .krds-drop-wrap { 
    flex: 1; 
}
.IOJ-wrap #krds-footer .krds-drop-wrap .drop-menu::before {
    display: none;
}
.IOJ-wrap #krds-footer .krds-drop-wrap .drop-menu {
    margin: 0;
    width: 100%;
    min-width: unset;
    border-radius: 0;
    padding: 0;
    max-height: 25rem;
    overflow-y: auto;
}
.IOJ-wrap #krds-footer .krds-drop-wrap .drop-menu .drop-in {
    padding: 0;
}
.IOJ-wrap #krds-footer .krds-drop-wrap .drop-menu .drop-list .item-link {
    border-radius: 0;
}
.IOJ-wrap #krds-footer .foot-quick .inner .krds-drop-wrap .link:first-child {
    border-left: 0;
}

.IOJ-wrap #krds-footer .foot-quick .inner .link.direct::after {
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url('/homepageNew/images/component/icon/ico_go.svg');
    background-color: transparent;
    background-size: cover;
}
.IOJ-wrap #krds-footer .foot-quick .inner {
    padding-left: var(--krds-contents-padding-x);
    padding-right: var(--krds-contents-padding-x);
}
.IOJ-wrap #krds-footer > .inner {
    padding-left: var(--krds-contents-padding-x);
    padding-right: var(--krds-contents-padding-x);
}

.IOJ-wrap #krds-footer .f-logo {
    width: auto;
    background-image: none;
}
.IOJ-wrap #krds-footer .f-logo > img {
    width: auto;
    height: 4.8rem;
}

.IOJ-wrap .info-cs > li span {
    font-size: 1.7rem;
}
.IOJ-wrap .info-cs > li span b {
    font-weight: 500;
}
.IOJ-wrap #krds-footer .f-btm .f-btm-text .f-menu {
    gap: 1rem;
    color: #1E2124;
    font-size: 1.5rem;
    font-weight: 400;
}
.IOJ-wrap #krds-footer .f-btm .f-btm-text .f-menu > a.point {
    color: var(--main-color);
    font-weight: 700;
}
.IOJ-wrap #krds-footer .f-btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.IOJ-wrap #krds-footer .f-btm .f-wa > img {
    width: auto;
    height: 4.5rem;
    flex: 0 0 auto;
}
.IOJ-wrap #krds-footer .f-btm .f-copy {
    color: #464C53;
    font-size: 1.5rem;
    font-weight: 400;
}

.IOJ-wrap .img-banner {
    position: relative;
    width: 100%;
    height: 17.7rem;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5.5rem;
    animation: dropFromTop 5s linear;
}
.IOJ-wrap .img-banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
}
.IOJ-wrap .img-banner.intro-banner {
    background-image: url('/homepageNew/images/top-banner_intro.jpg');
}
.IOJ-wrap .img-banner.open-info-banner {
    background-image: url('/homepageNew/images/top-banner_open-info.jpg');
}
.IOJ-wrap .img-banner.notiyard-banner {
    background-image: url('/homepageNew/images/top-banner_notiyard.jpg');
}
.IOJ-wrap .img-banner.edu-banner {
    background-image: url('/homepageNew/images/top-banner_edu.jpg');
}
.IOJ-wrap .img-banner.participate-banner {
    background-image: url('/homepageNew/images/top-banner_paticipate.jpg');
}
.IOJ-wrap .img-banner.additional-banner {
    background-image: url('/homepageNew/images/top-banner_additional.jpg');
}

.IOJ-wrap .img-banner > h2 {
    position: relative;
    color: white;
    font-size: 4.2rem;
    font-weight: 500;
    line-height: 1.25;
    z-index: 1;
}
.IOJ-wrap #container .in-between .krds-side-navigation {
    width: 23rem;
    border-right: 0;
    padding-top: 0;
    padding-right: 0;
    flex: 0 0 auto;
}
.IOJ-wrap .krds-side-navigation .lnb-tit {
    padding: 3.2rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
    background: linear-gradient(#003765, #096AB3);
    border-radius: 2rem 2rem 0 0;
    color: white;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item {
    padding-inline: 1.5rem;
    border-bottom: 0;
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-btn {
    padding: 1.6rem 0.8rem;
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 400;
    border-bottom: 1px solid #CDD1D5;
/*     transition: all 0.35s; */
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-btn::before {
    display: none;
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-btn:is(:hover, .active) {
    background-color: var(--blue-gray);
    color: var(--main-color);
    font-weight: 700;
    padding-left: 2.5rem;
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-btn::after {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 1.2rem;
    display: block;
    background-color: var(--main-color);
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s;
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-btn:is(:hover, .active)::after {
    opacity: 1;
}

.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-sub-list {
    display: none;
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item.active .lnb-sub-list {
    display: block;
    padding-block: 0.8rem;
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-sub-list > li > a {
    padding: 0.8rem 1.6rem;
    border-radius: 0.6rem;
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 400;
    display: flex;
    gap: 0.4rem;
    align-items: center;
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-sub-list > li.active > a {
    color: white;
    background-color: var(--main-color);
}
.IOJ-wrap .krds-side-navigation .lnb-list .lnb-item .lnb-sub-list > li > a::before {
    content: '-';
}

.IOJ-wrap #container .in-between {
    gap: 6.5rem;
}
.IOJ-wrap .krds-breadcrumb-wrap {
    margin-bottom: 6.4rem;
    padding-top: 2.1rem;
}
.IOJ-wrap .sub-head {
    display: flex;
    align-items: center;
    margin-bottom: 4.5rem;
}
.IOJ-wrap .sub-head .sub-title {
    color: black;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.5;
}
.IOJ-wrap .sub-head .sub-util {
    margin-left: auto;
}
.util-list {
    display: flex;
    gap: 1.2rem;
}
.util-item button {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background-color: #E6E8EA;
    background-size: 2.4rem;
    background-position: center;
}
.util-item button.print-btn {
    background-image: url('/homepageNew/images/component/icon/ico_print.svg');
}
.util-item button.share-btn {
    background-image: url('/homepageNew/images/component/icon/ico_share.svg');
}

.IOJ-wrap .tab.ioj-page-tab .btn-tab,
.IOJ-wrap .tab.ioj-page-tab .btn-tab:hover {
    border-radius: 0;
    height: 4.9rem;
    font-size: 1.7rem;
}
.IOJ-wrap .tab.ioj-page-tab .btn-tab {
    border: 1px solid #CDD1D5;
    background-color: white;
    color: var(--black-color);
    font-weight: 400;
}
.IOJ-wrap .tab.ioj-page-tab li.active .btn-tab::after {
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 50%;
    width: 1.7rem;
    height: 1.4rem;
    transform: translate(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M7.5 11L0.138783 0.500001L14.8612 0.500002L7.5 11Z' fill='%23003765'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
.IOJ-wrap .tab.ioj-page-tab > ul {
    padding-bottom: 1rem;
}

.has-plus {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99902 0C7.34262 0 7.62102 0.278497 7.62109 0.62207V6.37793H13.3779C13.7214 6.37809 14 6.65649 14 7C14 7.34354 13.7214 7.62191 13.3779 7.62207H7.62109V13.3779C7.62102 13.7215 7.34262 14 6.99902 14C6.65557 13.9998 6.37703 13.7214 6.37695 13.3779V7.62207H0.62207C0.278497 7.62199 0 7.34359 0 7C4.1099e-05 6.65644 0.278522 6.37801 0.62207 6.37793H6.37695V0.62207C6.37703 0.278595 6.65557 0.000158544 6.99902 0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: right 2rem center;
}
.has-plus.plus-gray {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99902 0C7.34262 0 7.62102 0.278497 7.62109 0.62207V6.37793H13.3779C13.7214 6.37809 14 6.65649 14 7C14 7.34354 13.7214 7.62191 13.3779 7.62207H7.62109V13.3779C7.62102 13.7215 7.34262 14 6.99902 14C6.65557 13.9998 6.37703 13.7214 6.37695 13.3779V7.62207H0.62207C0.278497 7.62199 0 7.34359 0 7C4.1099e-05 6.65644 0.278522 6.37801 0.62207 6.37793H6.37695V0.62207C6.37703 0.278595 6.65557 0.000158544 6.99902 0Z' fill='%23A8A8A8'/%3E%3C/svg%3E%0A");
}

.hierarch-wrap {
}
.hierarch-wrap .heads {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
}
.hierarch-wrap .heads > div {
    position: relative;
    color: white;
    text-align: center;
    width: 12rem;
}
.hierarch-wrap .director {
    background-color: #096AB3;
    padding: 2.4rem 0.8rem;
}
.hierarch-wrap .vice-director {
    background-color: #083891;
    padding: 1.2rem 0.8rem;
}
.hierarch-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-left: 9.7rem;
    padding-top: 4rem;
}
.hierarch-list > li {
    position: relative;
    display: flex;
    gap: 3.9rem;
}
.hierarch-list > li.institution {
    position: relative;
    margin-left: 8.1rem;
}
.hierarch-list > li.institution > a {
    width: 22rem;
    border: 1px solid #E0E3EB;
    color: var(--black-color);
}

.hierarch-list ul {
    position: relative;
}
.hierarch-list li > a {
    color: white;
    font-size: 1.7rem;
    font-weight: 500;
    padding-inline: 2rem 4rem;
    width: 100%;
    height: 5.4rem;
    display: flex;
    align-items: center;
}
.hierarch-list > li .head-of-department {
    width: 20rem;
    background-color: var(--main-color);
    position: relative;
}
.hierarch-list > li .head-of-department:empty {
    opacity: 0;
}
.hierarch-list > li .department-detail {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.hierarch-list > li .department-detail > ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hierarch-list > li .department-detail > ul > li {
    width: 100%;
}
.hierarch-list > li .department-detail > ul.professor > li > a {
    background-color: #256EF4;
}
.hierarch-list > li .department-detail > ul.department {
    background-color: #F3F3F3;
    gap: 1.4rem;
    padding: 2rem 1.5rem;
}
.hierarch-list > li .department-detail > ul.department:has(li:only-child) {
    display: flex;
    width: calc(50% + 0.7rem);
}
.hierarch-list > li .department-detail > ul.department > li > a {
    background-color: white;
    color: var(--black-color);
}

.hierarch-list > li.institution::before {
    content: '';
    width: 11.7rem;
    height: 1px;
    background-color: #CDD1D5;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(-100%);
    z-index: -1;
}
.hierarch-list > li .department-detail > ul:first-child::before {
    content: '';
    width: 27.5rem;
    height: 1px;
    background-color: #CDD1D5;
    position: absolute;
    top: 2.7rem;
    left: 0;
    transform: translateX(-100%);
    z-index: -1;
}
.hierarch-list > li .department-detail > ul:first-child:not(:only-child)::after {
    content: '';
    width: 1px;
    height: calc(100% + 4.1rem);
    background-color: #CDD1D5;
    position: absolute;
    top: 2.7rem;
    left: -1.95rem;
    z-index: -1;
}
.hierarch-list > li .department-detail > ul.department:first-child::before {
    top: 4.7rem;
}
.hierarch-list > li .department-detail > ul:nth-child(2)::before {
    content: '';
    width: 1.9rem;
    height: 1px;
    border-left: 1px solid #CDD1D5;
    border-bottom: 1px solid #CDD1D5;
    position: absolute;
    top: 2.7rem;
    left: -1.9rem;
    z-index: -1;
}
.hierarch-list > li .department-detail > ul.department:nth-child(2)::before {
    top: 4.7rem;
}
.hierarch-list > li:not(.institution)::after {
    content: '';
    width: 1px;
    background-color: #CDD1D5;
    position: absolute;
    height: calc(100% + 4rem);
    left: -3.6rem;
    top: -18rem;
    z-index: -1;
}
.hierarch-wrap .heads > div + div::before {
    content: '';
    width: 1px;
    background-color: #CDD1D5;
    position: absolute;
    height: 2.8rem;
    left: 50%;
    top: 0;
    transform: translateY(-100%);
    z-index: -1;
}

.IOJ-wrap .krds-table-wrap .tbl.data {
    width: 100%;
    border-top: 0.2rem solid var(--main-color);
}
.IOJ-wrap .krds-table-wrap .tbl.data thead th {
    padding-block: 0;
    height: 5.4rem;
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 600;
}
.IOJ-wrap .krds-table-wrap .tbl.data thead th,
.IOJ-wrap .krds-table-wrap .tbl.data tbody :is(th, td) {
    text-align: center;
    font-size: 1.5rem;
}
.IOJ-wrap .krds-table-wrap .tbl.data tbody :is(th, td).gray-cell {
    background-color: #F8F8F8;
}
.IOJ-wrap .krds-table-wrap .tbl.data tbody :is(th, td) a:hover {
    text-decoration: underline;
}
.IOJ-wrap .krds-table-wrap .tbl.data tbody tr:hover :is(th, td) {
    background-color: #D7E2EC;
}

.IOJ-wrap .table-totals {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 400;
}
.IOJ-wrap .search-bar {
    display: flex;
    gap: 1.5rem;
    background-color: #f8f8f8;
    border-radius: 1rem;
    /* padding: 1.5rem 3.5rem; */
    padding: 1.5rem 11.8rem 1.5rem 1.7rem;
    margin-bottom: 2rem;
    position: relative;
}
.IOJ-wrap .search-bar:has(.row:only-child) {
    padding: 4rem 3.5rem;
}
.IOJ-wrap .search-bar:has(.row:only-child) .krds-btn {
    position: static;
    height: 4.1rem;
}
.IOJ-wrap .search-bar:has(.row:only-child) .row {
    gap: 1.5rem;
}
.IOJ-wrap .search-bar.col {
    flex-direction: column;
}
.IOJ-wrap .search-bar .row {
    display: flex;
    gap: 2rem;
    align-items: center;
}
.IOJ-wrap .search-bar :is(.krds-form-select, .krds-input) {
    border-color: #CDD1D5;
    border-radius: 0.6rem;
    color: var(--black-color);
    font-size: 1.7rem;
}
.IOJ-wrap .search-bar .select-form-group {
    width: 14rem;
    flex: 0 0 auto;
}
.IOJ-wrap .search-bar .search-form-group {
    flex: 1 1 auto;
}
.IOJ-wrap .search-bar .search-form-group .krds-input {
    width: 100%;
}
.IOJ-wrap .search-bar .krds-btn {
    background-color: #2D2D2D;
    padding-inline: 1.4rem;
    border-radius: 0.6rem;
    color: white;
    font-size: 1.7rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    width: 9.2rem;
    position: absolute;
    top: 1.5rem;
    right: 1.7rem;
    height: calc(100% - 3rem);
}
.IOJ-wrap .search-bar .krds-btn::after {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    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='M7.31152 0C11.3493 0.000147242 14.6221 3.27427 14.6221 7.3125C14.622 9.0832 13.9926 10.7066 12.9453 11.9717L15.7988 14.8252C16.0676 15.094 16.0676 15.5301 15.7988 15.7988C15.5302 16.0673 15.0949 16.0672 14.8262 15.7988L11.9717 12.9443C10.7064 13.9927 9.08302 14.624 7.31152 14.624C3.27377 14.624 0.000219498 11.3506 0 7.3125C0 3.27418 3.27363 0 7.31152 0ZM7.31152 1.37598C4.03371 1.37598 1.37598 4.03433 1.37598 7.3125C1.3762 10.5905 4.03384 13.248 7.31152 13.248C8.87685 13.248 10.299 12.6398 11.3594 11.6494C11.3909 11.589 11.4298 11.5312 11.4805 11.4805C11.5311 11.4299 11.5892 11.3909 11.6494 11.3594C12.6389 10.299 13.246 8.87729 13.2461 7.3125C13.2461 4.03442 10.5892 1.37612 7.31152 1.37598Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.IOJ-wrap .search-bar .form-group-label {
    color: black;
    font-size: 1.7rem;
    font-weight: 400;
    white-space: nowrap;
}
.IOJ-wrap .search-bar .date-input__wrap {
    display: flex;
    gap: 3rem;
    position: relative;
}
.IOJ-wrap .search-bar .date-input__wrap::before {
    content: '~';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.IOJ-wrap .search-bar .date-input__wrap input[type="date"] {
    appearance: none;
    -webkit-appearance: none; 
    width: 17.2rem;
    padding-right: 4rem;
    font-size: 1.7rem;
    font-weight: 400;
}
.IOJ-wrap .search-bar .date-input__wrap input[type="date"]::-webkit-inner-spin-button,
.IOJ-wrap .search-bar .date-input__wrap input[type="date"]::-webkit-calendar-picker-indicator {
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.IOJ-wrap .search-bar .date-input__wrap .form-conts {
    position: relative;
}
.IOJ-wrap .search-bar .date-input__wrap input[type="date"]::after {
    content: '';
    width: 95%;
    height: 95%;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    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='M7.24768 15.6779C7.24768 15.2636 7.58347 14.9279 7.99768 14.9279H13.3371C13.7513 14.9279 14.0871 15.2636 14.0871 15.6779C14.0871 16.0921 13.7513 16.4279 13.3371 16.4279H7.99768C7.58347 16.4279 7.24768 16.0921 7.24768 15.6779ZM7.99768 12.0872C7.58347 12.0872 7.24768 12.4229 7.24768 12.8372C7.24768 13.2514 7.58347 13.5872 7.99768 13.5872H10.9977C11.4119 13.5872 11.7477 13.2514 11.7477 12.8372C11.7477 12.4229 11.4119 12.0872 10.9977 12.0872H7.99768Z' fill='%238A949E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.70374 3.75C9.11795 3.75 9.45374 4.08579 9.45374 4.5V4.75344C9.82726 4.74999 10.2253 4.74999 10.6488 4.75H13.7586C14.1821 4.74999 14.5802 4.74999 14.9537 4.75344V4.5C14.9537 4.08579 15.2895 3.75 15.7037 3.75C16.118 3.75 16.4537 4.08579 16.4537 4.5V4.80277C16.6806 4.81872 16.8944 4.83948 17.0955 4.86652C17.9956 4.98754 18.7535 5.24643 19.3554 5.84835C19.9573 6.45027 20.2162 7.20814 20.3372 8.10825C20.4538 8.97522 20.4538 10.0775 20.4537 11.4451V14.5358C20.4537 15.44 20.4538 16.1693 20.4004 16.7576C20.3455 17.3639 20.2292 17.8937 19.9513 18.375C19.6222 18.9451 19.1488 19.4185 18.5787 19.7476C18.0975 20.0254 17.5677 20.1417 16.9613 20.1967C16.373 20.25 15.6438 20.25 14.7395 20.25H10.6489C9.28128 20.25 8.17895 20.25 7.31199 20.1335C6.41188 20.0125 5.654 19.7536 5.05209 19.1517C4.45017 18.5497 4.19128 17.7919 4.07026 16.8918C3.9537 16.0248 3.95372 14.9225 3.95374 13.5549V11.4451C3.95372 10.0775 3.9537 8.97521 4.07026 8.10825C4.19128 7.20814 4.45017 6.45027 5.05209 5.84835C5.654 5.24643 6.41188 4.98754 7.31199 4.86652C7.51311 4.83948 7.7269 4.81872 7.95374 4.80277V4.5C7.95374 4.08579 8.28952 3.75 8.70374 3.75ZM14.9537 6.25371V6.5C14.9537 6.91421 15.2895 7.25 15.7037 7.25C16.118 7.25 16.4537 6.91421 16.4537 6.5V6.30673C16.6101 6.31924 16.757 6.33451 16.8956 6.35315C17.6294 6.4518 18.018 6.63225 18.2947 6.90901C18.5715 7.18577 18.7519 7.57434 18.8506 8.30812C18.8692 8.44675 18.8845 8.59365 18.897 8.75H5.51046C5.52297 8.59365 5.53825 8.44675 5.55688 8.30812C5.65554 7.57434 5.83598 7.18577 6.11275 6.90901C6.38951 6.63225 6.77808 6.4518 7.51186 6.35315C7.65048 6.33451 7.79739 6.31924 7.95374 6.30673V6.5C7.95374 6.91421 8.28952 7.25 8.70374 7.25C9.11795 7.25 9.45374 6.91421 9.45374 6.5V6.25371C9.8301 6.25016 10.2447 6.25 10.7037 6.25H13.7037C14.1628 6.25 14.5774 6.25016 14.9537 6.25371ZM5.45744 10.25C5.4539 10.6264 5.45374 11.041 5.45374 11.5V13.5C5.45374 14.9354 5.45533 15.9365 5.55688 16.6919C5.65554 17.4257 5.83598 17.8142 6.11275 18.091C6.38951 18.3678 6.77808 18.5482 7.51186 18.6469C8.26721 18.7484 9.26832 18.75 10.7037 18.75H14.7037C15.6522 18.75 16.3133 18.7493 16.8259 18.7028C17.3283 18.6573 17.6138 18.5726 17.8287 18.4486C18.1708 18.2511 18.4548 17.967 18.6523 17.625C18.7764 17.4101 18.861 17.1245 18.9066 16.6222C18.953 16.1096 18.9537 15.4484 18.9537 14.5V11.5C18.9537 11.041 18.9536 10.6264 18.95 10.25H5.45744Z' fill='%238A949E'/%3E%3C/svg%3E%0A");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
}
.IOJ-wrap .search-bar .date-input__wrap .form-conts .date-value {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 1.6rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.IOJ-wrap input[type="date"]::-webkit-datetime-edit-text {
    -webkit-appearance: none !important;
    /* appearance: none !important; */
    display: none !important;
    opacity: 0;
    visibility: hidden;
}
.IOJ-wrap input[type="date"]::-webkit-datetime-edit-month-field{
    -webkit-appearance: none !important;
    /* appearance: none !important; */
    display: none !important;
    opacity: 0;
    visibility: hidden;
}
.IOJ-wrap input[type="date"]::-webkit-datetime-edit-day-field {
    -webkit-appearance: none !important;
    /* appearance: none !important; */
    display: none !important;
    opacity: 0;
    visibility: hidden;
}
.IOJ-wrap input[type="date"]::-webkit-datetime-edit-year-field {
    -webkit-appearance: none !important;
    /* appearance: none !important; */
    display: none !important;
    opacity: 0;
    visibility: hidden;
}
.IOJ-wrap input[type="date"]:invalid::before {
    content: attr(data-placeholder);
    color: #8A949E;
    font-size: 1.7rem;
    position: absolute;
    top: 50%;
    left: 1.4rem;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.IOJ-wrap .search-bar .date-input__wrap .krds-input:is(.focus, :focus) {
    border-width: 1px;
}
.IOJ-wrap .search-bar .krds-check-area {
    gap: 1rem;
} 
.IOJ-wrap .search-bar .krds-check-area .krds-form-chip input[type=radio] ~ label {
    color: #8A949E;
    font-size: 1.7rem;
    font-weight: 400;
    width: 9.47rem;
    height: 4rem;
    border: 1px solid #CDD1D5;
    padding-inline: 0.5rem;
    justify-content: center;
}
.IOJ-wrap .krds-check-area.no-check-mark .krds-form-chip input[type=radio]:checked~label:before {
    display: none !important;
}
.IOJ-wrap .krds-form-chip input[type=radio]:checked~label {
    background-color: #083891;
    border-color: #083891 !important;
    color: white !important;
}

.IOJ-wrap .krds-pagination .page-links .page-link {
    border-radius: 50%;
}
.IOJ-wrap .krds-pagination .page-navi.disabled {
    opacity: 0.35;
}
.IOJ-wrap .krds-pagination .page-navi.prev.more-prev::before,
.IOJ-wrap .krds-pagination .page-navi.prev::before {
    -webkit-mask-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    transform: none;
}
.IOJ-wrap .krds-pagination .page-navi.prev.more-prev::before,
.IOJ-wrap .krds-pagination .page-navi.next.more-next::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.32885 13.1128C8.08254 13.3865 7.66101 13.4087 7.38734 13.1624L0.720678 7.1622C0.580204 7.03577 0.499993 6.85566 0.499994 6.66667C0.499996 6.47768 0.58021 6.29757 0.720685 6.17114L7.38735 0.171143C7.66102 -0.0751631 8.08255 -0.0529775 8.32886 0.220696C8.57516 0.494369 8.55298 0.915896 8.2793 1.1622L2.16322 6.66668L8.27931 12.1713C8.55298 12.4176 8.57516 12.8391 8.32885 13.1128Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3289 13.1128C13.0825 13.3865 12.661 13.4087 12.3873 13.1624L5.72068 7.1622C5.5802 7.03577 5.49999 6.85566 5.49999 6.66667C5.5 6.47768 5.58021 6.29757 5.72068 6.17114L12.3874 0.171143C12.661 -0.0751631 13.0826 -0.0529775 13.3289 0.220696C13.5752 0.494369 13.553 0.915896 13.2793 1.1622L7.16322 6.66668L13.2793 12.1713C13.553 12.4176 13.5752 12.8391 13.3289 13.1128Z' fill='%23000'/%3E%3C/svg%3E%0A");
}
.IOJ-wrap .krds-pagination .page-navi.prev::before,
.IOJ-wrap .krds-pagination .page-navi.next::after {
    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%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9956 16.4459C12.7493 16.7196 12.3278 16.7418 12.0541 16.4955L5.38743 10.4953C5.24695 10.3689 5.16674 10.1888 5.16674 9.9998C5.16674 9.81081 5.24696 9.6307 5.38743 9.50427L12.0541 3.50427C12.3278 3.25797 12.7493 3.28015 12.9956 3.55383C13.2419 3.8275 13.2197 4.24903 12.9461 4.49533L6.82997 9.99981L12.9461 15.5044C13.2197 15.7508 13.2419 16.1723 12.9956 16.4459Z' fill='%23000'/%3E%3C/svg%3E%0A");
}
.IOJ-wrap .krds-pagination .page-navi.more-next::after,
.IOJ-wrap .krds-pagination .page-navi.next::after {
    -webkit-mask-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
}

.IOJ-wrap .professor-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
}
.IOJ-wrap .professor-list > li {
    width: 100%;
    padding: 2.3rem;
    border: 1px solid #B1B8BE;
    border-radius: 1.2rem;
    display: flex;
    align-items: flex-start;
    gap: 3.28125vw;
    position: relative;
}
.IOJ-wrap .professor-list.head-hisotry-list > li {
    padding-block: 1.8rem 3.2rem;
}
.IOJ-wrap .professor-list > li .img-wrap {
    width: 10.8rem;
    aspect-ratio: 1 / 1.26;
    border-radius: 0.6rem;
    overflow: hidden;
    display: flex;
    flex: 0 0 auto;
}
.IOJ-wrap .professor-list > li .img-wrap > img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.IOJ-wrap .professor-list > li .info-wrap {
    flex: 1 1 auto;
}
.IOJ-wrap .professor-list > li .info-wrap .p-name {
    color: black;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.8rem;
    display: flex;
    align-items: center;
}
.IOJ-wrap .professor-list.head-hisotry-list > li .info-wrap .p-name {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 1.5rem;
}
.IOJ-wrap .professor-list > li .info-wrap .p-name mark {
    margin-left: auto;
}
.IOJ-wrap .professor-list > li .info-wrap .p-period {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 400;
    margin-top: 3.6rem;
}
.IOJ-wrap .professor-list > li .info-wrap .btn-wrap {
    justify-content: flex-start;
    margin-top: 3rem;
}
.IOJ-wrap .professor-list > li .info-wrap .btn-wrap .btn {
    border-radius: 0.8rem;
    height: 3.7rem;
    padding-left: 1.1rem;
}

.IOJ-wrap .info-wrap .p-info__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.IOJ-wrap .info-wrap .p-info__list > dl {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .info-wrap .p-info__list > dl > dt {
    position: relative;
    font-weight: 600;
    flex: 0 0 auto;
}
.IOJ-wrap .info-wrap .p-info__list > dl > dd {
    flex: 1 1 auto;
/*     word-break: break-word; */
    word-break: keep-all;
    word-wrap: break-word;
}
.IOJ-wrap .info-wrap .p-info__list > dl > dt::after {
    content: '';
    background-color: #B1B8BE;
    width: 1px;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: -1rem;
    margin-top: -0.5rem;
}

.IOJ-wrap .floating-utils {
    position: fixed;
    bottom: 7.2rem;
    right: 1.5vw;
    z-index: 60;
}
.IOJ-wrap .floating-utils .top-btn {
    width: 5.1rem;
    height: 5.1rem;
    background-color: #9ED2FA;
    border-radius: 50%;
    color: #33363D;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.IOJ-wrap .floating-utils .top-btn::before {
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    background-image: url('/homepageNew/images/component/icon/ico_angle.svg');
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}
.IOJ-wrap .floating-utils .top-btn::after {
    content: 'TOP';
}

.IOJ-wrap .greeting-txt > h4 {
    color: var(--black-color);
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 3.4rem;
}
.IOJ-wrap .greeting-txt > p {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
}
.IOJ-wrap .greeting-box__wrap {
    position: relative;
    background-color: #E0E3EB;
    padding: 2.4rem;
    margin-bottom: 5rem;
}
.IOJ-wrap .director-greeting__box {
    position: relative;
    padding: 8rem 5rem 8rem;
/* 	padding: 2.1rem 0 14.9rem 1.7rem; */
    background-color: white;
}
.IOJ-wrap .greeting-box__wrap::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='645' height='341' viewBox='0 0 565 298' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M292 0L565 2.90871e-05V298H0L292 0Z' fill='%23003765'/%3E%3C/svg%3E%0A");
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.IOJ-wrap .director-greeting__box::after {
    content: '';
    width: 19.952rem;
    height: 19.2rem;
    background-image: url('/homepageNew/images/back-deco-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    bottom: 0;
    right: -0.95rem;
}

.IOJ-wrap .director-greeting {
    position: relative;
    z-index: 1;
}
.IOJ-wrap .director-greeting > p {
    position: relative;
    color: var(--black-color);
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.4;
}
.IOJ-wrap .director-greeting > p:first-child::before {
    content: '';
    width: 20rem;
    height: 20rem;
    background-image: url('/homepageNew/images/back-deco-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: -8.4rem;
    left: -8rem;
    z-index: -1;
}
.IOJ-wrap .director-greeting > p > strong {
    color: var(--main-color);
    font-weight: 700;
}
.IOJ-wrap .director-greeting .director-name {
    color: var(--black-color);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 3.8rem;
    width: fit-content;
}
.IOJ-wrap .director-greeting .director-name::before {
    content: '';
    width: 3.9rem;
    height: 1px;
    background-color: var(--black-color);
    position: absolute;
    top: -0.8rem;
    left: 0;
}
.IOJ-wrap .director-greeting .director-name::after {
    content: '';
    width: 4.6rem;
    height: 4.6rem;
    background-image: url('/homepageNew/images/back-deco-3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: 0.5rem;
    right: -1.6rem;
    z-index: -1;
}
.IOJ-wrap .director-greeting__box .director-img {
    aspect-ratio: 1.0175 / 1;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 4.425rem;
    display: flex;
    z-index: 1;
}
.IOJ-wrap .director-greeting__box .director-img > img {
    object-fit: cover;
    object-position: center;
}

.IOJ-wrap .main-noti .krds-tab-area {
    gap: 3rem;
}
.IOJ-wrap .krds-tab-area {
    gap: 5.1rem;
}
.IOJ-wrap .content-sect .con-title {
    color: black;
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='18' viewBox='0 0 6 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3C0 1.34315 1.34315 0 3 0C4.65685 0 6 1.34315 6 3V9H0V3Z' fill='%23003765'/%3E%3Cpath d='M0 9H6V15C6 16.6569 4.65685 18 3 18C1.34315 18 0 16.6569 0 15V9Z' fill='%23096AB3'/%3E%3C/svg%3E%0A");
    background-position: left center;
    display: flex;
    width: 100%;
    align-items: center;
}
.IOJ-wrap .content-sect .con-title .direct-link {
    margin-left: auto;
}
.IOJ-wrap .director-history {
    padding: 2rem;
    background-color: #F3F3F3;
}
.IOJ-wrap .director-history > li {
    display: flex;
    align-items: flex-start;
}
.IOJ-wrap .director-history > li + li {
    margin-top: 0.5rem;
}
.IOJ-wrap .director-history > li > span {
    width: 13rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--main-color);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}
.IOJ-wrap .director-history > li > span::before {
    content: '';
    width: 1rem;
    height: 1rem;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99902 0C5.24444 0 5.4433 0.198926 5.44336 0.444336V4.55566H9.55566C9.80102 4.55572 9.99991 4.75465 10 5C10 5.24543 9.80107 5.44428 9.55566 5.44434H5.44336V9.55566C5.44336 9.80113 5.24448 10 4.99902 10C4.75369 9.99986 4.55469 9.80104 4.55469 9.55566V5.44434H0.444336C0.198976 5.44422 0 5.24539 0 5C8.77314e-05 4.75468 0.19903 4.55578 0.444336 4.55566H4.55469V0.444336C4.55475 0.199014 4.75373 0.000143849 4.99902 0Z' fill='%23A8A8A8'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.IOJ-wrap .director-history > li > p {
    flex: 1 1 auto;
    word-wrap: break-word;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .director-banner {
    position: relative;
    display: flex;
    gap: 5.3rem;
    margin-bottom: 6.2rem;
}
.IOJ-wrap .director-banner .director-img {
    position: relative;
    width: 27.3rem;
    height: 23.8rem;
    display: flex;
}
.IOJ-wrap .director-banner .director-img img {
    max-width: unset;
}
.IOJ-wrap .director-banner .director-img .img-cover {
    width: 30.6rem;
    aspect-ratio: 1 / 0.9929;
    position: absolute;
    left: -0.5rem;
    bottom: -1.1rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: 1.1rem;
}
.IOJ-wrap .director-banner .director-info .p-info__list {
    gap: 1.5rem;
}
.IOJ-wrap .director-banner .director-info .p-info__list dl {
    font-size: 1.7rem;
    font-weight: 500;
}
.IOJ-wrap .director-banner .director-info .p-info__list dl > dt {
    width: 6rem;
    font-weight: 500;
}
.IOJ-wrap .director-banner .director-info .p-info__list dl > dt:not(:has(.justify)) {
    white-space: nowrap;
}
.IOJ-wrap .director-banner::after {
    content: '';
    width: 100%;
    height: 16rem;
    border-radius: 1.2rem;
/*     background: linear-gradient(#E4E7EB, #F2F5F6, #EEF0F3, #D6DCE0); */
    background: linear-gradient(to top, rgb(225 225 225), rgba(255,255,255,0));
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.IOJ-wrap .director-banner .director-info {
    padding-top: 1.7rem;
}
.IOJ-wrap .director-banner .director-info > h4 {
    color: var(--black-color);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 7.6rem;
}

.IOJ-wrap .justify {
    max-width: 100%;
    text-align: justify;
}
.IOJ-wrap .justify::after {
    content: "";
    display: inline-block;
    width: 100%;
}

.content-sect + .content-sect {
    margin-top: 5rem;
}
.sect-content + .sect-content {
    margin-top: 3rem;
}
.content-sect .con-title {
    margin-bottom: 3rem;
}
.IOJ-wrap .sect-title {
    color: var(--main-color);
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.IOJ-wrap .sect-desc {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
}
.IOJ-wrap .sect-desc .sect-indent {
    display: block;
    padding-left: 1rem;
}
.IOJ-wrap .sect-desc b {
    font-weight: 700;
    display: block;
}
.IOJ-wrap .motto-banner__wrap {
    padding-top: 4.6rem;
    overflow: hidden;
}
.IOJ-wrap .motto-banner {
    position: relative;
    background-color: var(--blue-gray);
    width: 100%;
    height: 20.1rem;
    border-radius: 1.2rem;
    padding: 1.8rem 1rem 1.8rem 33rem; 
    display: flex;
    align-items: center;
}
.IOJ-wrap .motto-banner > img:first-child {
    position: absolute;
    left: 3.1rem;
    bottom: -3rem;
    width: 30.8rem;
    height: auto;
}
.IOJ-wrap .pdf-download {
    color: white;
    font-size: 1.9rem;
    font-weight: 600;
    background-color: #096AB3;
    border-radius: 0.8rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    max-width: 100%;
    padding-inline: 1rem 1.3rem;
}
.IOJ-wrap .pdf-download::before {
    content: '';
    width: 2.8rem;
    height: 2.8rem;
    display: block;
/*     filter: grayscale(100%); */
/*     background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 9.91663H22.75L15.75 2.91663V9.91663ZM6.6354 1.16663H16.8437L24.5 8.86663V24.2666C24.5 25.6842 23.3574 26.8333 21.9479 26.8333H6.6354C5.21899 26.8333 4.08331 25.6783 4.08331 24.2666V3.73329C4.08331 2.31576 5.22592 1.16663 6.6354 1.16663ZM13.1258 14.5833C13.6804 15.8042 14.3838 16.8081 15.1954 17.5L15.75 17.9341C14.5732 18.1511 12.95 18.531 11.2321 19.1957L11.0833 19.25L11.7596 17.8391C12.3683 16.6589 12.8147 15.5872 13.1258 14.5833ZM21.2167 19.5346C21.4453 19.3059 21.5596 19.0138 21.5723 18.6963C21.6104 18.4422 21.5469 18.2009 21.4199 17.9977C21.0515 17.4007 20.0988 17.1213 18.5237 17.1213L16.8851 17.2102L15.7799 16.4735C14.9797 15.813 14.2556 14.6572 13.7475 13.2219L13.7983 13.044C14.2175 11.3547 14.6113 9.30977 13.7729 8.47147C13.5697 8.26824 13.2902 8.16663 12.9981 8.16663H12.6932C12.2232 8.16663 11.804 8.66199 11.6897 9.14465C11.2197 10.834 11.4992 11.7612 11.9692 13.2981V13.3108C11.6516 14.4285 11.2451 15.7241 10.5973 17.0324L9.37783 19.3186L8.2473 19.941C6.72299 20.8936 5.99894 21.9606 5.85921 22.6338C5.8084 22.8751 5.8338 23.091 5.92272 23.3197L5.96083 23.3832L6.57056 23.7769L7.12947 23.9166C8.15838 23.9166 9.32702 22.71 10.9021 20.0172L11.1308 19.9283C12.4392 19.5092 14.0651 19.217 16.2499 18.9757C17.5583 19.6235 19.0953 19.9156 20.0607 19.9156C20.6196 19.9156 21.0007 19.7759 21.2167 19.5346ZM20.8817 18.4916L21 18.62C20.9868 18.7366 20.9474 18.7483 20.8817 18.7716H20.8292L20.5796 18.795C19.9752 18.795 19.0424 18.5733 18.0833 18.2C18.2016 18.0833 18.2541 18.0833 18.3855 18.0833C20.2248 18.0833 20.7504 18.375 20.8817 18.4916ZM9.33331 20.4166C8.43588 21.805 7.62128 22.575 6.99998 22.75C7.06901 22.3066 7.69032 21.5366 8.67059 20.7783L9.33331 20.4166ZM13.0509 11.6666C12.7826 10.4569 12.7709 9.47577 12.9692 8.91125L13.0509 8.74996L13.2259 8.81716C13.4242 9.13974 13.4476 9.56985 13.3309 10.2957L13.2959 10.5107L13.1092 11.6129L13.0509 11.6666Z' fill='white'/%3E%3C/svg%3E%0A"); */
/*     background-image: url("/homepageNew/images/file_ico/icon-doc-blue.svg"); */
	background-image: url("/homepageNew/images/file_ico/icon-doc-red.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}.IOJ-wrap .pdf-download.active::before {
    content: '';
    width: 2.8rem;
    height: 2.8rem;
    display: block;
/*     background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 9.91663H22.75L15.75 2.91663V9.91663ZM6.6354 1.16663H16.8437L24.5 8.86663V24.2666C24.5 25.6842 23.3574 26.8333 21.9479 26.8333H6.6354C5.21899 26.8333 4.08331 25.6783 4.08331 24.2666V3.73329C4.08331 2.31576 5.22592 1.16663 6.6354 1.16663ZM13.1258 14.5833C13.6804 15.8042 14.3838 16.8081 15.1954 17.5L15.75 17.9341C14.5732 18.1511 12.95 18.531 11.2321 19.1957L11.0833 19.25L11.7596 17.8391C12.3683 16.6589 12.8147 15.5872 13.1258 14.5833ZM21.2167 19.5346C21.4453 19.3059 21.5596 19.0138 21.5723 18.6963C21.6104 18.4422 21.5469 18.2009 21.4199 17.9977C21.0515 17.4007 20.0988 17.1213 18.5237 17.1213L16.8851 17.2102L15.7799 16.4735C14.9797 15.813 14.2556 14.6572 13.7475 13.2219L13.7983 13.044C14.2175 11.3547 14.6113 9.30977 13.7729 8.47147C13.5697 8.26824 13.2902 8.16663 12.9981 8.16663H12.6932C12.2232 8.16663 11.804 8.66199 11.6897 9.14465C11.2197 10.834 11.4992 11.7612 11.9692 13.2981V13.3108C11.6516 14.4285 11.2451 15.7241 10.5973 17.0324L9.37783 19.3186L8.2473 19.941C6.72299 20.8936 5.99894 21.9606 5.85921 22.6338C5.8084 22.8751 5.8338 23.091 5.92272 23.3197L5.96083 23.3832L6.57056 23.7769L7.12947 23.9166C8.15838 23.9166 9.32702 22.71 10.9021 20.0172L11.1308 19.9283C12.4392 19.5092 14.0651 19.217 16.2499 18.9757C17.5583 19.6235 19.0953 19.9156 20.0607 19.9156C20.6196 19.9156 21.0007 19.7759 21.2167 19.5346ZM20.8817 18.4916L21 18.62C20.9868 18.7366 20.9474 18.7483 20.8817 18.7716H20.8292L20.5796 18.795C19.9752 18.795 19.0424 18.5733 18.0833 18.2C18.2016 18.0833 18.2541 18.0833 18.3855 18.0833C20.2248 18.0833 20.7504 18.375 20.8817 18.4916ZM9.33331 20.4166C8.43588 21.805 7.62128 22.575 6.99998 22.75C7.06901 22.3066 7.69032 21.5366 8.67059 20.7783L9.33331 20.4166ZM13.0509 11.6666C12.7826 10.4569 12.7709 9.47577 12.9692 8.91125L13.0509 8.74996L13.2259 8.81716C13.4242 9.13974 13.4476 9.56985 13.3309 10.2957L13.2959 10.5107L13.1092 11.6129L13.0509 11.6666Z' fill='white'/%3E%3C/svg%3E%0A"); */
    background-image: url("/homepageNew/images/file_ico/icon-doc-gray.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.IOJ-wrap .pdf-download::after {
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    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='M21.1989 15.2C21.6406 15.2 21.9984 15.5581 21.9987 15.9998V19.2C21.9987 19.6418 21.6407 19.9998 21.1989 19.9998H2.79944C2.5873 19.9997 2.384 19.9154 2.23401 19.7654C2.08405 19.6153 1.99958 19.4121 1.99963 19.2L2.00061 15.9998C2.00082 15.5581 2.35874 15.1999 2.80042 15.2C3.24224 15.2001 3.60033 15.5589 3.60022 16.0007V18.4001H20.399V15.9998C20.3993 15.5581 20.7572 15.2 21.1989 15.2ZM11.9987 2.99976C12.4404 2.99976 12.7984 3.35782 12.7985 3.79956V13.5134L16.4225 9.74487C16.7288 9.42674 17.235 9.41727 17.5533 9.72339C17.8716 10.0296 17.8819 10.5358 17.5758 10.8542L12.5758 16.0544C12.425 16.2113 12.2163 16.2996 11.9987 16.2996C11.7812 16.2995 11.5733 16.2111 11.4225 16.0544L6.42249 10.8542C6.11636 10.5359 6.12583 10.0297 6.44397 9.72339C6.76243 9.41717 7.26956 9.42645 7.57581 9.74487L11.1989 13.5134V3.79956C11.199 3.35789 11.557 2.99986 11.9987 2.99976Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1.6rem;
}
.IOJ-wrap .pdf-download:disabled {
    color: black;
    background-color: #E3E4E5;
}
.IOJ-wrap .pdf-download:disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 9.9165H22.75L15.75 2.9165V9.9165ZM6.63546 1.1665H16.8438L24.5 8.8665V24.2665C24.5 25.684 23.3574 26.8332 21.948 26.8332H6.63546C5.21905 26.8332 4.08337 25.6782 4.08337 24.2665V3.73317C4.08337 2.31564 5.22598 1.1665 6.63546 1.1665ZM13.1259 14.5832C13.6805 15.8041 14.3839 16.808 15.1955 17.4998L15.75 17.9339C14.5732 18.151 12.95 18.5308 11.2322 19.1956L11.0834 19.2498L11.7597 17.839C12.3684 16.6588 12.8148 15.587 13.1259 14.5832ZM21.2167 19.5344C21.4454 19.3058 21.5597 19.0137 21.5724 18.6961C21.6105 18.4421 21.547 18.2008 21.42 17.9976C21.0516 17.4006 20.0989 17.1211 18.5238 17.1211L16.8851 17.2101L15.78 16.4734C14.9797 15.8129 14.2557 14.657 13.7476 13.2217L13.7984 13.0439C14.2176 11.3546 14.6114 9.30965 13.773 8.47134C13.5698 8.26812 13.2903 8.1665 12.9981 8.1665H12.6933C12.2233 8.1665 11.8041 8.66187 11.6898 9.14453C11.2198 10.8338 11.4992 11.7611 11.9692 13.298V13.3107C11.6517 14.4284 11.2452 15.724 10.5973 17.0322L9.37789 19.3185L8.24736 19.9409C6.72305 20.8935 5.999 21.9605 5.85927 22.6336C5.80846 22.875 5.83387 23.0909 5.92278 23.3195L5.96089 23.383L6.57062 23.7768L7.12953 23.9165C8.15844 23.9165 9.32708 22.7099 10.9022 20.0171L11.1309 19.9282C12.4392 19.509 14.0652 19.2169 16.25 18.9756C17.5584 19.6234 19.0954 19.9155 20.0608 19.9155C20.6197 19.9155 21.0008 19.7758 21.2167 19.5344ZM20.8818 18.4915L21 18.6198C20.9869 18.7365 20.9475 18.7482 20.8818 18.7715H20.8292L20.5796 18.7948C19.9753 18.7948 19.0425 18.5732 18.0834 18.1998C18.2016 18.0832 18.2542 18.0832 18.3856 18.0832C20.2249 18.0832 20.7504 18.3748 20.8818 18.4915ZM9.33337 20.4165C8.43594 21.8048 7.62134 22.5748 7.00004 22.7498C7.06907 22.3065 7.69038 21.5365 8.67065 20.7782L9.33337 20.4165ZM13.051 11.6665C12.7826 10.4568 12.771 9.47564 12.9693 8.91113L13.051 8.74984L13.226 8.81704C13.4243 9.13962 13.4476 9.56973 13.331 10.2955L13.296 10.5106L13.1093 11.6127L13.051 11.6665Z' fill='%23A0A0A0'/%3E%3C/svg%3E%0A");
}
.IOJ-wrap .pdf-download:disabled::after {
    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='M21.1989 15.2002C21.6406 15.2002 21.9984 15.5584 21.9987 16V19.2002C21.9987 19.642 21.6407 20 21.1989 20H2.79944C2.5873 19.9999 2.384 19.9156 2.23401 19.7656C2.08405 19.6156 1.99958 19.4123 1.99963 19.2002L2.00061 16C2.00082 15.5583 2.35874 15.2002 2.80042 15.2002C3.24224 15.2003 3.60033 15.5591 3.60022 16.001V18.4004H20.399V16C20.3993 15.5584 20.7572 15.2002 21.1989 15.2002ZM11.9987 3C12.4404 3 12.7984 3.35807 12.7985 3.7998V13.5137L16.4225 9.74512C16.7288 9.42698 17.235 9.41751 17.5533 9.72363C17.8716 10.0298 17.8819 10.536 17.5758 10.8545L12.5758 16.0547C12.425 16.2116 12.2163 16.2998 11.9987 16.2998C11.7812 16.2998 11.5733 16.2113 11.4225 16.0547L6.42249 10.8545C6.11636 10.5361 6.12583 10.0299 6.44397 9.72363C6.76243 9.41742 7.26956 9.42669 7.57581 9.74512L11.1989 13.5137V3.7998C11.199 3.35813 11.557 3.00011 11.9987 3Z' fill='%23A0A0A0'/%3E%3C/svg%3E%0A");
}

.IOJ-wrap .btn-wrap {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
}
.IOJ-wrap .attached-file {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    display: inline-block;
    background-color: #FF6D12;
    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%3Cpath d='M16.6667 7.45002C16.658 7.37347 16.6413 7.29805 16.6167 7.22502V7.15002C16.5766 7.06434 16.5232 6.98557 16.4584 6.91669L11.4584 1.91669C11.3895 1.85187 11.3107 1.79842 11.225 1.75835H11.15C11.0654 1.7098 10.9719 1.67864 10.875 1.66669H5.83337C5.17033 1.66669 4.53445 1.93008 4.06561 2.39892C3.59677 2.86776 3.33337 3.50365 3.33337 4.16669V15.8334C3.33337 16.4964 3.59677 17.1323 4.06561 17.6011C4.53445 18.07 5.17033 18.3334 5.83337 18.3334H14.1667C14.8297 18.3334 15.4656 18.07 15.9345 17.6011C16.4033 17.1323 16.6667 16.4964 16.6667 15.8334V7.50002C16.6667 7.50002 16.6667 7.50002 16.6667 7.45002ZM11.6667 4.50835L13.825 6.66669H12.5C12.279 6.66669 12.0671 6.57889 11.9108 6.42261C11.7545 6.26633 11.6667 6.05437 11.6667 5.83335V4.50835ZM15 15.8334C15 16.0544 14.9122 16.2663 14.756 16.4226C14.5997 16.5789 14.3877 16.6667 14.1667 16.6667H5.83337C5.61236 16.6667 5.4004 16.5789 5.24412 16.4226C5.08784 16.2663 5.00004 16.0544 5.00004 15.8334V4.16669C5.00004 3.94567 5.08784 3.73371 5.24412 3.57743C5.4004 3.42115 5.61236 3.33335 5.83337 3.33335H10V5.83335C10 6.49639 10.2634 7.13228 10.7323 7.60112C11.2011 8.06996 11.837 8.33335 12.5 8.33335H15V15.8334Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 2rem;
}

.IOJ-wrap .open-info__process {
    /* display: grid; */
    /* grid-template-columns: repeat(4, minmax(0, 1fr)); */
    /* gap: min(6vw, 11.5rem); */
    /* gap: 11.5rem; */
    display: flex;
    justify-content: space-between;
    padding-inline: 3rem;
}
.IOJ-wrap .open-info__process .process-col {
    display: flex;
    flex-direction: column;
    gap: 5.3rem;
}
.IOJ-wrap .open-info__process .process-col.center {
    justify-content: center;
}
.IOJ-wrap .open-info__process .process-col .process-item svg {
    position: absolute;
}
.IOJ-wrap .open-info__process .process-col .process-item svg.center_up {
    left: calc(100% + 0.8rem);
    top: calc(50% - 1.5rem);
    transform: translateY(-100%);
}
.IOJ-wrap .open-info__process .process-col .process-item svg.center_down {
    left: calc(100% + 0.8rem);
    top: calc(50% + 1.5rem);
}
.IOJ-wrap .open-info__process .process-col .process-item svg.right {
    left: calc(100% + 0.8rem);
    top: 50%;
    transform: translateY(-50%);
}
.IOJ-wrap .open-info__process .process-col.end {
    justify-content: flex-end;
}
.IOJ-wrap .open-info__process .process-arrow {
    position: relative;
    flex: 1 1 auto;
}
.IOJ-wrap .open-info__process .process-arrow > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline: 0.8rem;
}
.IOJ-wrap .open-info__process .process-arrow.end > div {
    height: 12.5rem;
    bottom: 0;
    top: auto;
}
.IOJ-wrap .open-info__process .process-arrow svg {
    max-width: 100%;
}
.IOJ-wrap .open-info__process .process-col .process-item {
    position: relative;
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
    background-color: var(--blue-gray);
    border: 1px solid #CDD1D5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.9rem;
}
.IOJ-wrap .open-info__process .process-col .process-item > p {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1;
    min-height: 2em;
}
.IOJ-wrap .method-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
}
.IOJ-wrap .method-item .method-title {
    position: relative;
    padding-left: 2.5rem;
    color: var(--main-color);
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.IOJ-wrap .method-item .method-title::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: var(--main-color);
}

.IOJ-wrap .method-item .method-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.IOJ-wrap .method-item .method-list > li {
    position: relative;
    width: 100%;
    padding-left: 2.5rem;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .method-item .method-list > li::before {
    content: '';
    width: 0.5rem;
    height: 0.1rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: var(--black-color);
}
.IOJ-wrap .method-item .method-list > li .number-list {
    padding-left: 1.25rem;
}

.IOJ-wrap .visual-title {
    width: 100%;
    padding: 4.3rem 4rem;
    border-radius: 1.2rem;
    background: radial-gradient(96.46% 203.39% at 6.41% -28.57%, #D8E5FD 5.13%, #D8ECE4 74.07%, #D8E4EE 100%);
    position: relative;
}
.IOJ-wrap .visual-title > h3 {
    color: var(--main-color);
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.5;
}
.IOJ-wrap .visual-title > p {
    color: var(--black-color);
/*     font-size: 1.5rem; */
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 2rem;
}
.IOJ-wrap .visual-title:has(p:only-child) {
    padding-block: 3.2rem;
}
.IOJ-wrap .visual-title > p:only-child {
    margin-top: 0;
}
.IOJ-wrap .visual-title > img {
    position: absolute;
    top: 0;
    right: 1.4rem;
}

.IOJ-wrap .visual-title + .sub-head {
    margin-top: 2rem;
}

.IOJ-wrap .basic-dir__list {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.IOJ-wrap .basic-dir__list > li {
    display: flex;
    align-items: center;
    gap: 2.2rem;
    /* counter-reset: numbering; */
}
.IOJ-wrap .basic-dir__list > li .dir-num {
    position: relative;
    color: var(--black-color);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    flex: 0 0 auto;
    width: 26.02rem;
    aspect-ratio: 1 / 0.784;
    background-image: url('/homepageNew/images/edu_images/edu_number_1.svg');
    background-position: right center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-left: 0.18rem;
}
.IOJ-wrap .basic-dir__list > li:nth-child(2) .dir-num {
    background-image: url('/homepageNew/images/edu_images/edu_number_2.svg');
}
.IOJ-wrap .basic-dir__list > li:nth-child(3) .dir-num {
    background-image: url('/homepageNew/images/edu_images/edu_number_3.svg');
}
.IOJ-wrap .basic-dir__list > li:nth-child(4) .dir-num {
    background-image: url('/homepageNew/images/edu_images/edu_number_4.svg');
}
/* .IOJ-wrap .basic-dir__list > li .dir-num::before {
    counter-increment: numbering;
    content: counter(numbering);
    color: rgba(0, 55, 101, 0.3);
    font-size: 10rem;
    font-weight: 900;
    line-height: 1.2;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
} */
.IOJ-wrap .basic-dir__list > li .dotted-list {
    flex: 1 1 auto;
}
.IOJ-wrap .basic-dir__wrap .con-title {
    margin-bottom: 8.9rem;
}

.IOJ-wrap .edu-goal__wrap .con-title {
    margin-bottom: 7.4rem;
}
.IOJ-wrap .edu-goal__txt {
    text-align: center;
    margin-bottom: 6rem;
    color: var(--main-color);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.5;
}
.IOJ-wrap .edu-goal__visual {
    display: flex;
}
.IOJ-wrap .edu-goal__visual > p {
    width: 27.5rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    /* border: 2rem solid #63BF4A; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    text-align: center;
    color: var(--black-color);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.5;
    background-image: url("data:image/svg+xml,%3Csvg width='272' height='275' viewBox='0 0 272 275' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M137.5 0C203.302 0 258.307 46.2225 271.82 107.97H264.849V137.719L254.793 130.512C251.177 68.8716 200.047 20 137.5 20C72.6066 20 20.0001 72.6067 20 137.5C20.0001 202.393 72.6066 255 137.5 255C165.756 255 191.682 245.024 211.95 228.405L228.695 240.406C204.426 261.93 172.49 275 137.5 275C61.5609 275 0.00013198 213.439 0 137.5C0.000129078 61.561 61.5609 0 137.5 0Z' fill='%2363BF4A'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
}
.IOJ-wrap .edu-goal__visual > p::before {
    content: '';
    width: 6rem;
    height: 6rem;
    background-image: url('/homepageNew/images/edu_images/ico_goal_1.svg');
    background-position: center;
    background-repeat: no-repeat;
}
.IOJ-wrap .edu-goal__visual > p:first-child {
    transform: translateX(2.4rem);
}
.IOJ-wrap .edu-goal__visual > p:nth-child(2) {
    border-color: #FFE734;
    background-image: url("data:image/svg+xml,%3Csvg width='273' height='275' viewBox='0 0 273 275' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1416 80.9375C15.2988 87.9453 19.7461 100.059 22.2705 114.438C20.7865 121.896 20.0068 129.607 20.0068 137.5C20.0068 202.393 72.6135 255 137.507 255C165.596 255 191.382 245.142 211.597 228.699L228.356 240.711C204.13 262.053 172.331 275 137.507 275L135.729 274.988C61.2012 274.044 0.962673 213.806 0.0185547 139.277L0.00683594 137.5C0.00683594 117.338 4.3457 98.1893 12.1416 80.9375ZM270.112 173.979C270.097 174.035 270.081 174.092 270.065 174.148L269.778 173.942L270.112 173.979ZM139.284 0.0117188C205.423 0.849565 260.306 48.3848 272.484 111.163H255.847L254.289 124.462C247.802 65.7043 197.993 20 137.507 20C117.705 20.0001 99.0468 24.8986 82.6787 33.5498L64.8271 20.7568C85.9135 7.6015 110.823 5.94825e-05 137.507 0L139.284 0.0117188Z' fill='%23FFE734'/%3E%3C/svg%3E%0A");
    z-index: 1;
}
.IOJ-wrap .edu-goal__visual > p:nth-child(2)::before {
    background-image: url('/homepageNew/images/edu_images/ico_goal_2.svg');
}
.IOJ-wrap .edu-goal__visual > p:nth-child(3) {
    border-color: #F8673E;
    transform: translateX(-2.4rem);
    background-image: url("data:image/svg+xml,%3Csvg width='276' height='275' viewBox='0 0 276 275' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M137.513 0C213.452 0.000189261 275.013 61.561 275.013 137.5C275.013 213.439 213.452 275 137.513 275C61.5743 275 0.0134277 213.439 0.0134277 137.5C0.0134277 117.487 4.28956 98.4726 11.9773 81.3203L12.3494 81.5889C15.2208 87.5719 19.6627 99.2418 22.4578 113.546C20.8559 121.28 20.0134 129.291 20.0134 137.5C20.0134 202.393 72.62 255 137.513 255C202.407 255 255.013 202.393 255.013 137.5C255.013 72.6067 202.407 20.0002 137.513 20C117.037 20 97.7843 25.2394 81.0212 34.4482L63.3406 21.7012C84.7401 7.96572 110.197 0 137.513 0Z' fill='%23F8673E'/%3E%3C/svg%3E%0A");
    z-index: 3;
}
.IOJ-wrap .edu-goal__visual > p:nth-child(3)::before {
    background-image: url('/homepageNew/images/edu_images/ico_goal_3.svg');
}

.IOJ-wrap .require-login {
    padding: 3.2rem 2.5rem;
    background-color: #F5F5F5;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 5rem;
}
.IOJ-wrap .require-login > p {
    color: var(--black-color);
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .direct-link  {
    padding-inline: 1.7rem 3.9rem;
    border: 1px solid #0B50D0;
    background-color: #ECF2FE;
    border-radius: 0.8rem;
    height: 4rem;
    display: flex;
    align-items: center;
    color: #0B50D0;
    font-size: 1.6rem;
    font-weight: 400;
    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%3Cpath d='M9.66602 2.5C10.0342 2.50004 10.333 2.79883 10.333 3.16699C10.3328 3.53501 10.0341 3.83296 9.66602 3.83301H4C3.90795 3.83301 3.83301 3.90795 3.83301 4L3.83496 16C3.83497 16.092 3.90901 16.1669 4.00098 16.167H15.999C16.0911 16.167 16.166 16.092 16.166 16V10.333C16.1663 9.96504 16.465 9.66699 16.833 9.66699C17.2008 9.66721 17.4988 9.96518 17.499 10.333V16C17.499 16.8284 16.8275 17.5 15.999 17.5H4.00098C3.17268 17.4999 2.50106 16.8283 2.50098 16L2.5 4C2.5 3.17158 3.17156 2.5 4 2.5H9.66602ZM16.833 2.5C17.201 2.50018 17.499 2.79891 17.499 3.16699V7.66699C17.4989 8.035 17.201 8.33381 16.833 8.33398C16.4649 8.33398 16.1661 8.03511 16.166 7.66699V4.77637L9.6377 11.3047C9.37735 11.565 8.95469 11.565 8.69434 11.3047C8.43426 11.0444 8.43437 10.6226 8.69434 10.3623L15.2236 3.83301H12.333C11.9649 3.83301 11.6662 3.53503 11.666 3.16699C11.666 2.7988 11.9648 2.5 12.333 2.5H16.833Z' fill='%23256EF4'/%3E%3C/svg%3E%0A");
    background-position: right 1.7rem center;
}

.IOJ-wrap .enter-process__wrap {
    width: 100%;
    background-color: var(--blue-gray);
    border-radius: 1.2rem;
    padding: 3rem 3rem 5.2rem 3rem;
    margin-bottom: 3rem;
}
.IOJ-wrap .enter-process__wrap > h4 {
    color: var(--black-color);
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 4rem;
}
.IOJ-wrap .enter-process__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4.4rem;
}
.IOJ-wrap .enter-process__list > li {
    position: relative;
    border-radius: 0.6rem;
    background-color: #096AB3;
    padding: 0.2rem;
    display: flex;
    flex-direction: column;
    box-shadow: 8px 8px 15px 0 rgba(9, 106, 179, 0.15);
}
.IOJ-wrap .enter-process__list > li + li::before {
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: white;
    filter: drop-shadow(3px 3px 10px rgba(9, 106, 179, 0.05));
    position: absolute;
    top: 50%;
    left: -2.2rem;
    transform: translate(-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%3Cpath d='M7.93115 5.8623L12.0691 10.0002L7.93115 14.1382' stroke='%23256EF4' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
}
.IOJ-wrap .enter-process__list > li .process-title {
    color: white;
    font-size: 1.7rem;
    font-weight: 600;
    text-align: center;
    padding-block: 1.3rem;
    flex: 0 0 auto;
}
.IOJ-wrap .enter-process__list > li .list-wrap {
    background-color: white;
    border-radius: 0.6rem;
    padding: 1rem;
    padding-left: 0;
    gap: 1rem;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.IOJ-wrap .enter-process__list > li .dotted-list > li {
    font-size: 1.5rem;
    font-weight: 400;
}
.IOJ-wrap .enter-process__list > li .list-wrap .bottom-info {
    color: #464C53;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: auto;
    margin-left: 1rem;
}
.IOJ-wrap .border-box {
    border-radius: 1.2rem;
    border: 1px solid #CDD1D5;
    padding: 3.5rem 3rem;
}
.IOJ-wrap .enter-process__content {
    display: flex;
    gap: 1.5rem;
}
.IOJ-wrap .enter-process__content + .enter-process__content {
    margin-top: 3rem;
}
.IOJ-wrap .enter-process__content .process-icon {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background-color: #F0F2F6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    flex: 0 0 auto;
}
.IOJ-wrap .enter-process__content .process-icon > img {
    max-width: 100%;
}
.IOJ-wrap .enter-process__content .process-infos {
    flex: 1 1 auto;
}
.IOJ-wrap .enter-process__content .process-infos > h4 {
    color: var(--black-color);
    font-size: 1.9rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.IOJ-wrap .enter-process__content .process-infos .bottom-info {
    color: #464C53;
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 1rem;
}
.IOJ-wrap .enter-process__content .process-infos .dotted-list > li {
    padding-left: 1.5rem;
}
.IOJ-wrap .enter-process__content .process-infos .dotted-list > li::before {
    left: 0;
}
.IOJ-wrap .krds-table-wrap .tbl.full-border {
    border-inline: 1px solid #CDD1D5;
}
.IOJ-wrap .krds-table-wrap .tbl.full-border :is(th, td) {
    border-inline: 1px solid #CDD1D5;
}
.IOJ-wrap .krds-table-wrap .tbl.cell-border :is(th, td) {
    border-left: 1px solid #CDD1D5;
}
.IOJ-wrap .krds-table-wrap .tbl.cell-border :is(th, td):first-child {
    border-left: 0;
}
.IOJ-wrap .enter-process__content + .krds-table-wrap {
    margin-top: 3.8rem;
}

.IOJ-wrap .list-custom__table {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 2px solid var(--main-color);
}
.IOJ-wrap .list-custom__table > li {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #CDD1D5;
}
.IOJ-wrap .list-custom__table > li > span {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 700;
    padding-inline: 2.8rem 1rem;
    width: 11.5rem;
    min-height: 5.2rem;
    background-color: var(--blue-gray);
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
.IOJ-wrap .list-custom__table > li.full {
    grid-column: span 3;
}
.IOJ-wrap .list-custom__table > li > p {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0.8rem 2.4rem;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
}
.IOJ-wrap .list-custom__table > li > p > a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.IOJ-wrap .list-custom__table > li > p > a > img {
    margin-right: 0.25rem;
    width: 2rem;
    height: auto;
}
.IOJ-wrap .list-custom__table > li > p > a:has(img) {
    line-height: 1.8;
}
.IOJ-wrap .list-custom__table > li > p > a:hover {
    text-decoration: underline;
}

.IOJ-wrap .list-detail__content {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 2.2rem 2.8rem;
    min-height: 34.8rem;
}
.IOJ-wrap .list-detail__wrap .btn-wrap {
    margin-top: 2.8rem;
    justify-content: flex-end;
}
.IOJ-wrap .accordion-list {
    border-top: 2px solid var(--main-color);
    padding-inline: 0.9rem;
}
.IOJ-wrap .accordion-list > li {
    width: 100%;
    border-bottom: 1px solid #CDD1D5;
}
.IOJ-wrap .accordion-list > li .accordion-title {
    width: 100%;
    padding: 2rem 1.8rem;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 1.4rem;
}
.IOJ-wrap .accordion-list > li .accordion-title > p {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 600;
    flex: 1 1 auto;
}
.IOJ-wrap :is(.icon-question, .icon-answer) {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    background-size: cover;
    background-position: center;
    flex: 0 0 auto;
}
.IOJ-wrap .accordion-list > li:not(.active) .accordion-content {
    display: none !important;
}
.IOJ-wrap .accordion-list > li .accordion-content {
    padding: 3.2rem 5.7rem;
    display: flex;
    align-items: center;
    gap: 1.4rem;
    background-color: var(--blue-gray);
    border-top: 1px solid #CDD1D5;
}
.IOJ-wrap .accordion-list > li .accordion-content p {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    flex: 1 1 auto;
    word-break: break-word;
    word-wrap: break-word;
    /* padding-top: 0.25rem; */
}
.IOJ-wrap .icon-question {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23003765'/%3E%3Cpath d='M13.2 15.1701H14.94L15.855 16.3551C16.455 15.7251 16.815 14.7351 16.8 13.4301C16.815 11.0151 15.6 9.69508 13.86 9.71008C12.135 9.69508 10.905 11.0151 10.92 13.4301C10.905 15.8601 12.135 17.1651 13.86 17.1801C14.13 17.1801 14.4 17.1501 14.655 17.0751L13.2 15.1701ZM9 13.4301C9 10.0101 11.07 7.98508 13.86 8.00008C16.635 7.98508 18.735 10.0101 18.72 13.4301C18.735 15.3501 18.075 16.8351 17.01 17.7651L18.48 19.6701H16.62L15.735 18.5451C15.165 18.7701 14.535 18.8901 13.86 18.8901C11.07 18.8901 9 16.8501 9 13.4301Z' fill='white'/%3E%3C/svg%3E%0A");
}
.IOJ-wrap .icon-answer {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23256EF4'/%3E%3Cpath d='M11.01 19.62H9L12.72 9H15.09L18.81 19.62H16.77L15.9 17.01H11.895L11.01 19.62ZM12.42 15.45H15.375L13.95 11.19H13.86L12.42 15.45Z' fill='white'/%3E%3C/svg%3E%0A");
}

.intro-roadmap-txt {
    width: 100%;
    margin-block: 8rem 2.6rem;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    padding-left: 2.5rem;
    position: relative;
}
.intro-roadmap-txt::before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.krds-table-wrap .intro-roadmap-txt {
    margin-block: 1.3rem 0;
}

.IOJ-wrap .intro-roadmap {
    position: relative;
}
.IOJ-wrap .intro-roadmap > img {
    width: 100%;
}
.IOJ-wrap .roadmap-links > a {
    position: absolute;
    height: 14%;
    text-indent: -99999px;
    color: transparent;
    /* background-color: rgba(255,255,0,0.5); */
}
.IOJ-wrap .roadmap-links.type2 > a {
    height: 6.09%;
}

.IOJ-wrap .location-wrap > h4 {
    color: var(--black-color);
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 3rem;
}
.IOJ-wrap .location-content + .location-content {
    margin-top: 3rem;
}
.IOJ-wrap .location-content .location-title {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    color: var(--black-color);
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.IOJ-wrap .location-content .location-title .direct-link {
    margin-left: auto;
    flex: 0 0 auto;
}
.IOJ-wrap .location-list {
    border-top: 2px solid var(--main-color);
}
.IOJ-wrap .location-list > li {
    display: flex;
    padding: 1.8rem 2rem;
    border-bottom: 1px solid #CDD1D5;
    gap: 4rem;
    color: var(--black-color);
    font-size: 1.7rem;
}
.IOJ-wrap .location-box {
    border: 1px solid #CDD1D5;
    padding: 2.4rem 3.4rem 1.4rem;
}
.IOJ-wrap .location-box .location-list {
    border-top: 0;
}
.IOJ-wrap .location-box .location-list > li {
    font-size: 1.5rem;
    padding: 0 0 1.5rem 0;
}
.IOJ-wrap .location-box .location-list > li i {
    width: 2rem;
    height: 2rem;
}
.IOJ-wrap .location-list > li > span,
.IOJ-wrap .location-list > li > p {
    display: flex;
    align-items: center;
    gap: 1rem;
    /* white-space: nowrap; */
}
.IOJ-wrap .location-list > li > span {
    font-weight: 700;
    flex: 0 0 auto;
    min-width: 13rem;
}
.IOJ-wrap .location-list > li > p {
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.IOJ-wrap .location-list > li > p > span {
    display: block;
}
.IOJ-wrap .location-list > li > p > span + span {
    margin-top: 0.4rem;
}
.IOJ-wrap .location-list.location-shuttle > li > span {
    width: 13.4rem;
}
.IOJ-wrap .location-list > li > span > small {
    display: block;
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
}
.IOJ-wrap .location-section {
    padding-bottom: 5rem;
    border-bottom: 1px solid #EAEBED;
}
.IOJ-wrap .location-section + .location-section {
    margin-top: 5rem;
}
.IOJ-wrap .location-section:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.IOJ-wrap .location-list.location-car > li > span {
    align-items: flex-start;
}

.IOJ-wrap .location-content i {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    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 fill-rule='evenodd' clip-rule='evenodd' d='M22 12C22 12.2176 21.9113 12.4258 21.7545 12.5767L16.5545 17.5767C16.236 17.8829 15.7296 17.873 15.4233 17.5545C15.1171 17.236 15.127 16.7296 15.4455 16.4233L19.2138 12.8L2.80078 12.8C2.35896 12.8 2.00078 12.4418 2.00078 12C2.00078 11.5582 2.35896 11.2 2.80078 11.2L19.2138 11.2L15.4455 7.57668C15.127 7.27044 15.1171 6.76401 15.4233 6.44553C15.7296 6.12704 16.236 6.11711 16.5545 6.42335L21.7545 11.4233C21.9113 11.5742 22 11.7824 22 12Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
    flex: 0 0 auto;
}
.IOJ-wrap .location-content .btn-wrap > a {
    width: auto;
    height: 4.7rem;
    display: flex;
    align-items: center;
    padding-inline: 1.6rem;
    border: 1px solid #256EF4;
    border-radius: 0.8rem;
}
.IOJ-wrap .location-content .btn-wrap > a > img {
    max-height: 3.9rem;
}
.IOJ-wrap .location-content .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1rem;
    border-top: 2px solid var(--main-color);
    padding-top: 1.5rem;
}
.IOJ-wrap .motto-wrap {
    margin-bottom: 4.2rem;
}
.IOJ-wrap .motto-wrap > img {
    display: block;
    width: 56.5rem;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
}

.IOJ-wrap .history-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5rem 2.7rem;
}
.IOJ-wrap .history-list > li {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.IOJ-wrap .history-list > li .history-img-box {
    width: 100%;
    aspect-ratio: 1 / 0.6;
    border-radius: 2.4rem;
    overflow: hidden;
    position: relative;
    background: 50% / cover no-repeat;
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    align-items: center;
    padding: 2.5rem 1.4rem 1.6rem 1.4rem;
}
.IOJ-wrap .history-list > li .history-img-box::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('/homepageNew/images/motto_history_images/hitory-line_back.svg');
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.IOJ-wrap .history-list > li .history-img-box::after {
    content: '';
    width: 100%;
    height: 1rem;
    background-image: url('/homepageNew/images/motto_history_images/history-line.svg');
    position: absolute;
    top: 0.55rem;
    left: 0;
    pointer-events: none;
}
.IOJ-wrap .history-list > li .history-img-box .box-year {
    color: var(--main-color);
    /* -webkit-text-stroke-width: 1px; */
    /* -webkit-text-stroke-color: #D2D2D2; */
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
.IOJ-wrap .history-list > li .history-img-box .box-year > span {
    flex: 0 0 auto;
}
.IOJ-wrap .history-list > li .history-img-box .box-year::before,
.IOJ-wrap .history-list > li .history-img-box .box-year::after {
    content: '';
    flex: 1 1 auto;
    height: 1px;
    background-color: #D2D2D2;
}
.IOJ-wrap .history-list > li .history-img-box .circle-img {
    /* width: 17rem; */
    height: 66.4%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    overflow: hidden;
    position: relative;
}
.IOJ-wrap .history-list > li .history-img-box .circle-img > img {
    min-width: 100%;
}
.IOJ-wrap .history-list > li .history-img-box .circle-img::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) inset;
    position: absolute;
    top: 0;
    left: 0;
}
.IOJ-wrap .history-list > li .history-img-box .circle-img > img {
    object-fit: cover;
    object-position: center;
}
.IOJ-wrap .history-list > li .history-year {
    color: var(--main-color);
    font-size: 2.8rem;
    font-weight: 700;
    margin-top: 2.8rem;
}
.IOJ-wrap .history-list > li .history-details {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.IOJ-wrap .history-list > li .history-details > li {
    color: var(--black-color);
    font-size: 1.6rem;
    display: flex;
}
.IOJ-wrap .history-list > li .history-details > li > span {
    flex: 0 0 auto;
    width: 9.3rem;
    padding-right: 0.8rem;
    font-weight: 600;
}
.IOJ-wrap .history-list > li .history-details > li > p {
    font-weight: 400;
    flex: 1 1 auto;
    word-break: break-word;
    word-wrap: break-word;
}

.IOJ-wrap .map-wrap {
    margin-bottom: 5rem;
}
.IOJ-wrap .map-wrap .map-info {
    display: flex;
    align-items: center;
    background-color: var(--main-color);
    padding: 1.8rem 2rem;
    color: white;
}
.IOJ-wrap .map-wrap .map-info > h5 {
    font-size: 1.9rem;
    font-weight: 600;
    flex: 0 0 auto;
}
.IOJ-wrap .map-wrap .map-info > p {
    padding-left: 1.5rem;
    margin-left: 1.5rem;
    position: relative;
    flex: 1 1 auto;
    font-size: 1.7rem;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 6rem;
}
.IOJ-wrap .map-wrap .map-info > p::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background-color: white;
    width: 1px;
    height: 1.6rem;
    margin-top: -0.8rem;
}
.IOJ-wrap .map-wrap .map-info > p > span {
    padding-left: 3rem;
    background-position: left center;
}
.IOJ-wrap .map-wrap .map-info > p > span.addr {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 10.3636C18 16.0909 10.5 21 10.5 21C10.5 21 3 16.0909 3 10.3636C3 8.41068 3.79018 6.53771 5.1967 5.15676C6.60322 3.77581 8.51088 3 10.5 3C12.4891 3 14.3968 3.77581 15.8033 5.15676C17.2098 6.53771 18 8.41068 18 10.3636Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 12.8181C11.8807 12.8181 13 11.7192 13 10.3636C13 9.008 11.8807 7.90906 10.5 7.90906C9.11929 7.90906 8 9.008 8 10.3636C8 11.7192 9.11929 12.8181 10.5 12.8181Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.IOJ-wrap .map-wrap .map-info > p > span.contact {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2519_31057)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5432 11.6698V13.8913C15.5441 14.0975 15.5018 14.3017 15.4192 14.4906C15.3366 14.6796 15.2154 14.8492 15.0634 14.9886C14.9115 15.128 14.7321 15.2342 14.5367 15.3002C14.3414 15.3663 14.1344 15.3908 13.929 15.3723C11.6504 15.1247 9.46163 14.3461 7.5386 13.099C5.74946 11.9621 4.23259 10.4452 3.0957 8.65608C1.84427 6.72431 1.06547 4.52492 0.822417 2.23609C0.803912 2.03132 0.828248 1.82494 0.893873 1.6301C0.959499 1.43525 1.06498 1.2562 1.20359 1.10435C1.34221 0.952502 1.51092 0.831179 1.69899 0.748106C1.88707 0.665033 2.09038 0.622031 2.29598 0.621837H4.51743C4.87679 0.6183 5.22518 0.745556 5.49765 0.979885C5.77013 1.21421 5.9481 1.53963 5.99839 1.89547C6.09244 2.60633 6.26571 3.30461 6.51673 3.97623C6.61636 4.24126 6.63792 4.5293 6.57886 4.80622C6.51981 5.08313 6.3826 5.33732 6.18351 5.53865L5.2431 6.47906C6.29722 8.33289 7.83217 9.86784 9.686 10.922L10.6264 9.98155C10.8277 9.78246 11.0819 9.64526 11.3588 9.5862C11.6358 9.52714 11.9238 9.5487 12.1888 9.64833C12.8605 9.89935 13.5587 10.0726 14.2696 10.1667C14.6293 10.2174 14.9578 10.3986 15.1926 10.6757C15.4275 10.9529 15.5522 11.3067 15.5432 11.6698Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2519_31057'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.kakaomap {
    width: 100%;
    aspect-ratio: 1 / 0.53;
    background-color: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.road-window {
    width: 768px;
    height: 550px;
    max-width: 100%;
    margin-inline: auto;
    display: flex;
    border: 10px solid var(--main-color);
    position: relative;
}
.road-window .road-window__close {
    background-color: #7E7E7E;
    height: 2.9rem;
    border-radius: 0.6rem;
    padding-inline: 1.6rem;
    color: white;
    font-size: 1.5rem;
    font-weight: 400;
    position: absolute;
    top: 2.2rem;
    right: 2.2rem;
}
.road-window > img {
    width: 100%;
    object-fit: cover;
    object-position: center;
/*     padding-bottom:65px; */
}
.road-window__bottom {
    background-color: rgba(0, 55, 101, 0.95);
    padding-block: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.3rem;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    z-index: 1;
}
.road-window__bottom .road-window__icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.4rem;
}
.road-window__bottom .road-window__txt {
    display: flex;
    gap: 1.7rem;
}
.road-window__bottom .road-window__txt > p {
    color: white;
    font-size: 1.8rem;
    font-weight: 500;
}
.road-window__bottom .road-window__txt > p:first-child {
    font-weight: 700;
}

.IOJ-wrap .privacy-policy__marks {
    border-top: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);
    margin-top: 3rem;
}
.IOJ-wrap .privacy-policy__marks > h5 {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
    background-color: #EDF1F5;
    padding: 1.3rem;
}
.IOJ-wrap .privacy-policy__marks ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.IOJ-wrap .privacy-policy__marks ul > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding-block: 3rem 3.5rem;
    border-top: 1px solid #CDD1D5;
}
.IOJ-wrap .privacy-policy__marks ul > li > p {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
}
.IOJ-wrap .privacy-policy__marks ul > li .img-wrap {
    width: 10rem;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.IOJ-wrap .privacy-policy__wrap .krds-table-wrap {
    padding-block: 1rem;
}
.IOJ-wrap .privacy-policy__wrap .sect-desc + .sect-desc {
    margin-top: 2rem;
}
.IOJ-wrap .privacy-policy__wrap .img-box {
    border: 1px solid #CDD1D5;
    border-radius: 1rem;
    overflow: hidden;
}
.IOJ-wrap .privacy-policy__wrap .img-box:not(:first-child) {
    margin-top: 3.2rem;
}
.IOJ-wrap .privacy-policy__wrap .sect-desc {
    line-height: 1.7;
}
.IOJ-wrap .sect-desc a {
    text-decoration: underline;
}
.IOJ-wrap .privacy-policy__wrap .sect-desc .sect-indent {
    line-height: 1.7;
}
.IOJ-wrap .privacy-policy__wrap .dotted-list > li::before {
    background-color: black;
    width: 0.4rem;
    height: 0.4rem;
}
.IOJ-wrap .privacy-policy__wrap .dotted-list + .dotted-list {
    margin-top: 6rem;
}
.IOJ-wrap .privacy-policy__wrap .sect-links {
    margin-top: 3rem;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.7;
}
.IOJ-wrap .privacy-policy__wrap .sect-links p {
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.IOJ-wrap .privacy-policy__wrap .sect-links a {
    display: block;
    width: fit-content;
    line-height: 1.7;
    text-decoration: underline;
    /* border-bottom: 1px solid var(--black-color); */
}
.IOJ-wrap .privacy-policy__wrap .krds-table-wrap .tbl.data {
    border-bottom: 2px solid var(--main-color);
}

.IOJ-wrap .charter-box {
    background-color: #EDF1F5;
    border-radius: 1.2rem;
    padding: 3.2rem 2.7rem;
    margin-block: 3.6rem 2.8rem;
}

.IOJ-wrap .content-sect.charter-wrap .sect-content + .sect-content {
    margin-top: 6rem;
}
.IOJ-wrap .charter-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.IOJ-wrap .charter-list > li .charter-list__title {
    position: relative;
    padding-left: 2.5rem;
    color: var(--main-color);
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.IOJ-wrap .charter-list > li .charter-list__title::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: var(--main-color);
}
.IOJ-wrap .charter-sub-list {
    padding-left: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.IOJ-wrap .charter-sub-list > li {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.IOJ-wrap .charter-sub-list > li > span {
    display: block;
    font-weight: 700;
}
.IOJ-wrap .sitemap-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5.7rem 2.8rem;
}
.IOJ-wrap .sitemap-list > li {
    border-top: 2px solid var(--main-color);
}
.IOJ-wrap .sitemap-list > li .depth-1 {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 700;
    background-color: #EDF1F5;
    text-align: center;
    padding: 1.1rem 0.5rem;
    border-bottom: 1px solid #CDD1D5;
}
.IOJ-wrap .sitemap-list .depth-2 > li > a {
    color: #33363D;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1.4rem 0.5rem;
    text-align: center;
    border-bottom: 1px solid #CDD1D5;
    display: block;
}
.IOJ-wrap .sitemap-list .depth-2 > li > a > span {
    position: relative;
    word-wrap: break-word;
    word-break: break-word;
}
.IOJ-wrap .sitemap-list .depth-2 > li > a > span::before {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--main-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -1.6rem;
    transform: translateY(-50%);
    opacity: 0;
}
.IOJ-wrap .sitemap-list .depth-2 > li > a:is(:hover, :focus) {
    color: var(--main-color);
    font-weight: 700;
    background-color: #D7E2EC;
}
.IOJ-wrap .sitemap-list .depth-2 > li > a:is(:hover, :focus) > span::before {
    opacity: 1;
}
.IOJ-wrap .sitemap-list .depth-2 > li > a.direct {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}
.IOJ-wrap .sitemap-list .depth-2 > li > a.direct::after {
    content: '';
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M10.1758 2.5C10.5336 2.50018 10.8232 2.79891 10.8232 3.16699C10.8231 3.53492 10.5335 3.83283 10.1758 3.83301H4.66699C4.57755 3.83306 4.50488 3.90799 4.50488 4L4.50586 16C4.50587 16.092 4.57859 16.1669 4.66797 16.167H16.333C16.4223 16.1668 16.4951 16.0919 16.4951 16V10.333C16.4954 9.96513 16.7849 9.66713 17.1426 9.66699C17.5004 9.66699 17.7908 9.96504 17.791 10.333V16C17.791 16.8283 17.1382 17.4998 16.333 17.5H4.66797C3.86274 17.4999 3.21004 16.8283 3.20996 16L3.20898 4C3.20898 3.17161 3.86164 2.50005 4.66699 2.5H10.1758ZM17.1426 2.5C17.5005 2.5 17.791 2.7988 17.791 3.16699V7.66699C17.7909 8.03511 17.5005 8.33398 17.1426 8.33398C16.7848 8.3338 16.4952 8.03499 16.4951 7.66699V4.77637L10.1475 11.3047C9.89438 11.5649 9.48453 11.5649 9.23145 11.3047C8.97835 11.0444 8.97838 10.6227 9.23145 10.3623L15.5781 3.83301H12.7676C12.4099 3.83275 12.1203 3.53487 12.1201 3.16699C12.1201 2.79896 12.4098 2.50026 12.7676 2.5H17.1426Z' fill='%23003765'/%3E%3C/svg%3E");
    background-position: center;
    background-size: cover;
    display: block;
    flex: 0 0 auto;
}
.IOJ-wrap .sitemap-list .depth-3-wrap {
    width: 100%;
    background-color: #F4F4F4;
    padding: 1.4rem 0.5rem 1.4rem 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.IOJ-wrap .sitemap-list .depth-3 {
    width: max-content;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.IOJ-wrap .sitemap-list .depth-3 > li > a {
    display: flex;
    align-items: center;
    color: #33363D;
    font-size: 1.6rem;
    font-weight: 500;
    word-wrap: break-word;
    word-break: break-word;
}
.IOJ-wrap .sitemap-list .depth-3 > li > a:hover {
    text-decoration: underline;
}
.IOJ-wrap .sitemap-list .depth-3 > li > a::before {
    content: '-';
    margin-right: 0.25rem;
}

.campus-window {
    width: 90.5rem;
    max-width: 100%;
    margin-inline: auto;
    padding-bottom: 5.7rem;
    padding-inline: 2.4rem;
}
.campus-window__hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 5rem 3.5rem;
}
.campus-window .campus-wrap {
    padding: 5rem 6rem 4rem;
    background-color: #F5F5F5;
}
.IOJ-wrap .campus-window .krds-tab-area {
    gap: 1.5rem;
}
.campus-wrap .campus-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3rem 1.8rem;
    margin-top: 3.4rem;
}
.campus-wrap .campus-grid > li {
    width: 100%;
}
.campus-wrap .campus-grid > li .img-wrap {
    display: flex;
    width: 100%;
    aspect-ratio: 183 / 138;
    position: relative;
}
.campus-wrap .campus-grid > li .img-wrap::before {
    content: '';
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 3px solid transparent;
    transition: all 0.35s;
    position: absolute;
    top: 0;
    left: 0;
}
.campus-wrap .campus-grid > li:hover .img-wrap::before,
.campus-wrap .campus-grid > li a:focus .img-wrap::before {
    border-color: #256EF4;
}
.campus-wrap .campus-grid > li a {
    display: block;
    outline: none;
    box-shadow: none;
}

.campus-wrap .campus-grid > li .img-wrap > img {
    object-fit: cover;
    object-position: center;
}
.campus-wrap .campus-grid > li > a > p {
    width: 100%;
    display: flex;
    gap: 1rem;
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 400;
    margin-top: 1.1rem;
}
.campus-wrap .campus-grid > li > a > p > span {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #D0303C;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
}
.campus-wrap .campus-info {
    background-color: white;
    padding: 3rem 2.8rem;
    border: 1px solid #A0B9CE;
}
.campus-wrap .campus-info > h3 {
    color: #096AB3;
    font-size: 2rem;
    font-weight: 700;
}
.campus-wrap .campus-info > p {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 1.1rem;
}
.campus-grid__wrap {
    position: relative;
}
.campus-grid__btns > button {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #CDD1D5;
    position: absolute;
    top: 50%;
    background-image: url('/homepageNew/images/component/icon/ico_angle.svg');
    background-position: center;
}
.campus-grid__btns > button.prev {
    right: 100%;
    transform: translateX(calc(-50% - 1rem)) rotate(90deg);
}
.campus-grid__btns > button.next {
    left: 100%;
    transform: translateX(calc(50% + 1rem)) rotate(-90deg);;
}

.login-wrap {
    padding-block: 15.2rem;
}
.login-wrap .login-content {
    width: 83.4rem;
    max-width: 100%;
    margin-inline: auto;
    border-radius: 2rem;
    border: 1px solid #EAEAEA;
    background: white;
    display: flex;
}
.login-content .login-form {
    flex: 1 1 auto;
    padding: 3.6rem 6.8rem 4.2rem;
}
.login-content .login-form .login-title {
    color: black;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
}
.login-content .login-form .login-radios {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 4.3rem;
}
.login-content .login-form .login-radios .radio-wrap {
    width: 100%;
}
.login-content .login-form .login-radios .radio-wrap > label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    height: 4rem;
    border-radius: 300rem;
    background-color: #F5F7F8;
    color: var(--main-color);
    font-size: 1.5rem;
    font-weight: 500;
}
.login-content .login-form .login-radios .radio-wrap > input:checked + label {
    color: #096AB3;
    font-weight: 700;
    background-color: #E5F4FF;
}
.login-content .login-form .login-radios .radio-wrap > input:checked + label::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.2L4.75 9L11 1' stroke='%23096AB3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.login-content .login-form .login-input {
    width: 100%;
    margin-top: 3.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.login-content .login-form .login-input .input-wrap {
    width: 100%;
    height: 5.5rem;
    border-radius: 0.5rem;
    border: 1px solid #D3D3D3;
    padding-inline: 1.5rem;
}
.login-content .login-form .login-input .input-wrap:has(input:focus) {
    border-color: var(--main-color);
}
.login-content .login-form .login-input .input-wrap > input {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: transparent;
    outline: 0 !important;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
}
.login-content .login-form .login-input .input-wrap:is(.input-id, .input-pw) {
    padding-left: 4.6rem;
    background-position: 1.6rem center;
}
.login-content .login-form .login-input .input-wrap.input-id {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cg clip-path='url(%23clip0_2989_32938)'%3E%3Cpath d='M5.50977 12.1077V12.9314C5.50977 13.2973 5.80903 13.5932 6.17907 13.5932H12.0228C12.3929 13.5932 12.6921 13.2973 12.6921 12.9314V12.1077C12.6921 10.6942 11.853 9.47656 10.6438 8.90475C11.2484 8.4469 11.6386 7.72714 11.6386 6.91541C11.6386 5.52988 10.5022 4.40625 9.10094 4.40625C7.69965 4.40625 6.56326 5.52988 6.56326 6.91541C6.56326 7.72714 6.95352 8.4449 7.55811 8.90475C6.34892 9.47656 5.50977 10.6942 5.50977 12.1077Z' fill='%23003765'/%3E%3Cpath d='M21.7333 8.40706L19.681 6.57567C19.4444 6.36374 19.1026 6.30976 18.8094 6.43772C18.5183 6.56567 18.3302 6.85158 18.3302 7.16947V8.20113H13.4631C13.0162 8.20113 12.6543 8.55901 12.6543 9.00086C12.6543 9.44271 13.0162 9.80059 13.4631 9.80059H18.3302V10.8323C18.3302 11.1481 18.5183 11.4341 18.8094 11.564C18.9146 11.61 19.0258 11.632 19.137 11.632C19.3332 11.632 19.5273 11.562 19.6789 11.4261L21.7313 9.59466C21.9012 9.44271 21.9982 9.22679 21.9982 9.00086C21.9982 8.77494 21.9012 8.55901 21.7313 8.40706H21.7333Z' fill='%23003765'/%3E%3Cpath d='M16.8741 11.98C16.4757 11.7801 15.9884 11.938 15.7862 12.3319C14.5022 14.8411 11.9403 16.3985 9.10129 16.3985C4.97426 16.3985 1.61563 13.0796 1.61563 8.999C1.61563 4.91836 4.97629 1.59947 9.10331 1.59947C11.9423 1.59947 14.5042 3.15895 15.7882 5.66611C15.9904 6.05998 16.4757 6.21793 16.8761 6.01799C17.2745 5.81806 17.4342 5.33822 17.232 4.94235C15.6689 1.89537 12.555 0 9.10331 0C4.08254 0 0 4.03665 0 9.001C0 13.9653 4.08254 18 9.10331 18C12.555 18 15.6689 16.1046 17.232 13.0556C17.4342 12.6618 17.2745 12.1799 16.8761 11.98H16.8741Z' fill='%23003765'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2989_32938'%3E%3Crect width='22' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.login-content .login-form .login-input .input-wrap.input-pw {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cg clip-path='url(%23clip0_2989_32934)'%3E%3Cpath d='M6.42632 13.6465H15.2646C16.2662 13.6465 17.0786 12.8265 17.0786 11.8154V6.16959C17.0786 5.1585 16.2662 4.33846 15.2646 4.33846H8.96977V3.61073C8.96977 2.56744 9.80979 1.71735 10.8455 1.71735C11.6834 1.71735 12.4277 2.28623 12.651 3.09982C12.7764 3.55707 13.2464 3.82326 13.6994 3.6966C14.1524 3.56995 14.4161 3.09553 14.2906 2.63828C13.861 1.08408 12.4447 0 10.8455 0C8.87407 0 7.26847 1.6186 7.26847 3.61073V4.33846H6.42632C5.42468 4.33846 4.6123 5.1585 4.6123 6.16959V11.8154C4.6123 12.8265 5.42468 13.6465 6.42632 13.6465ZM11.039 6.99177C11.7961 6.99177 12.4107 7.61216 12.4107 8.37639C12.4107 8.88515 12.1385 9.32952 11.7323 9.56995V10.6519C11.7323 11.0383 11.4218 11.3517 11.039 11.3517C10.6562 11.3517 10.3457 11.0383 10.3457 10.6519V9.56995C9.93952 9.32952 9.66731 8.88515 9.66731 8.37639C9.66731 7.61216 10.2819 6.99177 11.039 6.99177Z' fill='%23003765'/%3E%3Cpath d='M10.3444 9.57036V10.6523C10.3444 11.0387 10.6549 11.3521 11.0377 11.3521C11.4205 11.3521 11.731 11.0387 11.731 10.6523V9.57036C12.1372 9.32993 12.4094 8.88557 12.4094 8.3768C12.4094 7.61258 11.7948 6.99219 11.0377 6.99219C10.2806 6.99219 9.66602 7.61258 9.66602 8.3768C9.66602 8.88557 9.93822 9.32993 10.3444 9.57036Z' fill='%23FDFFFF'/%3E%3Cpath d='M21.1493 9.29102C20.6794 9.29102 20.2987 9.67527 20.2987 10.1497V15.5379C20.2987 15.95 19.9669 16.2828 19.5608 16.2828H2.43925C2.03093 16.2828 1.70131 15.9479 1.70131 15.5379V10.1497C1.70131 9.67527 1.32064 9.29102 0.850653 9.29102C0.380667 9.29102 0 9.67527 0 10.1497V15.5379C0 16.8967 1.09522 18.0001 2.43925 18.0001H19.5586C20.9048 18.0001 21.9979 16.8946 21.9979 15.5379V10.1497C21.9979 9.67527 21.6172 9.29102 21.1472 9.29102H21.1493Z' fill='%23003765'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2989_32934'%3E%3Crect width='22' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.login-content .login-form .login-input .login-btn {
    width: 100%;
    height: 5.7rem;
    border-radius: 300rem;
    background-color: var(--main-color);
    color: white;
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 1.6rem;
}
.login-content .login-form .login-finds {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
.login-content .login-form .login-finds > a {
    color: #464646;
    font-size: 1.3rem;
    font-weight: 500;
    padding-inline: 1.5rem;
    position: relative;
}
.login-content .login-form .login-finds > a + a::before {
    content: '';
    width: 1px;
    height: 1.1rem;
    background-color: #AFAFAF;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.login-content .login-form .login-noti {
    width: 100%;
    color: #314E66;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    margin-top: 3rem;
}
.login-content .login-form .login-noti.noti-left {
    padding-inline: 1.4rem;
    text-align: left;
}
.login-content .login-form .login-noti > b {
    font-weight: 700;
}
.login-content .login-form .login-noti > strong {
    color: #B43C3C;
    font-weight: 500;
}

.login-content .login-visual {
    width: 32.4rem;
    flex: 0 0 auto;
    background: var(--Linear, linear-gradient(180deg, #FDFEFF 0%, #E1F3FF 98.53%));
    padding-block: 7rem 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6.3rem;
    border-left: 1px solid #EAEAEA;
    overflow: hidden;
}
.login-content .login-visual > img.illust {
    width: calc(100% + 121px);
    max-width: unset;
    margin-top: auto;
}

.edu-process__window {
    width: 783px;
    max-width: 100%;
    margin-inline: auto;
    padding: 3.5rem 2.3rem 2.7rem;
}
.edu-process__window .krds-table-wrap .tbl.data tbody td:first-child {
    background-color: #EDF1F5;
    padding-left: 4rem;
    text-align: left !important;
}
.edu-process__window .krds-table-wrap .tbl.data tbody td:nth-child(2) {
    padding-left: 3.6rem;
    text-align: left !important;
}

.promotion-video__wrap .video-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6rem 2rem;
}
.promotion-video__wrap .video-list > li {
    width: 100%;
}
.promotion-video__wrap .video-list > li > a {
    display: block;
}
.promotion-video__wrap .video-list > li .img-wrap {
    width: 100%;
    aspect-ratio: 268 / 162;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
}
.promotion-video__wrap .video-list > li .img-wrap > img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.promotion-video__wrap .video-list > li .img-wrap > img.gif-img {
    display: none;
}
.promotion-video__wrap .video-list > li .img-wrap:hover > img.gif-img,
.promotion-video__wrap .video-list > li > a:focus .img-wrap > img.gif-img {
    display: block;
}
.promotion-video__wrap .video-list > li .img-wrap:hover > img.still-img,
.promotion-video__wrap .video-list > li > a:focus .img-wrap > img.still-img {
    display: none;
}
.promotion-video__wrap .video-list > li > a > p {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 1rem;
}

@media (min-width: 1024px) {
    .IOJ-wrap #krds-footer > .inner {
        gap: 3rem;
    }

    .IOJ-wrap {
        padding-top: 19.65rem;
    }
    .IOJ-wrap #krds-header {
        position: fixed;
        width: 100%;
    }
}

@media all and (max-width: 1300px) {
    .edu-swiper-wrap .swiper-button-prev {
        left: -1.3rem;
    }
    .edu-swiper-wrap .swiper-button-next {
        right: -1.3rem;
    }
}
@media all and (max-width: 1200px) {
    .main-section-01 {
        flex-direction: column;
    }
    .main-swiper-wrap {
        width: 100%;
    }
    .main-direct__links {
        width: 100%;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media all and (max-width: 1024px) {
	/* iojNew로 이동 */
/*     .IOJ-wrap .search-bar .form-group-label { */
/*         display: none; */
/*     } */
/*     .IOJ-wrap .search-bar .row { */
/*         flex-wrap: wrap; */
/*     } */
/*     .IOJ-wrap .search-bar .row:not(.search-row) { */
/*         flex-direction: column; */
/*     } */
/*     .IOJ-wrap .search-bar .row .date-input__wrap, */
/*     .IOJ-wrap .search-bar .row .date-input__wrap input[type="date"], */
/*     .IOJ-wrap .search-bar .row .krds-check-area { */
/*         width: 100%; */
/*     } */
/*     .IOJ-wrap .search-bar .krds-check-area .krds-form-chip { */
/*         flex: 1; */
/*     } */
/*     .IOJ-wrap .search-bar .krds-check-area .krds-form-chip input[type=radio] ~ label { */
/*         width: 100%; */
/*     } */
/*     .IOJ-wrap .search-bar { */
/*         padding-inline: 1.5rem; */
/*     } */
/*     .IOJ-wrap .search-bar .krds-btn { */
/*         width: 100%; */
/*         height: 4.1rem; */
/*         position: static; */
/*     } */
/*     .IOJ-wrap .search-bar .row:not(:has(.date-input__wrap)) .search-form-group { */
/*         flex: 1; */
/*     } */
/*     .IOJ-wrap .search-bar .row .date-input__wrap .search-form-group { */
/*         max-width: calc((100% / 2) - 1.5rem); */
/*     } */

   
}
@media all and (max-width: 900px) {
    .IOJ-wrap .sitemap-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .promotion-video__wrap .video-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media all and (max-width: 767px) {
    .IOJ-wrap .section-title {
        font-size: 2.4rem;
        margin-bottom: 2.6rem;
    }
    .main-swiper-wrap .swiper .swiper-slide {
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .main-direct__links {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.6rem;
    }
    .main-direct__links > a {
        height: auto;
        aspect-ratio: 1 / 0.846;
        gap: 1rem;
    }
    .IOJ-wrap #krds-footer .f-logo {
        width: auto;
        background-image: none;
    }
    .IOJ-wrap #krds-footer .f-logo > img {
        width: auto;
        height: 3.2rem;
    }
    .IOJ-wrap #krds-footer .f-cnt .f-info {
        gap: 1.6rem;
    }
    .IOJ-wrap .info-cs > li span {
/*         font-size: 1.4rem; */
/*         display: block; */
/*         margin-top: 0.8rem; */
    }
    .IOJ-wrap .info-cs > li span b {
/*         font-weight: 400; */
/*         margin-bottom: 0.8rem; */
/*         display: inline-block; */
    }
    .IOJ-wrap #krds-footer .f-cnt .f-info .info-cs {
/*         gap: 0; */
    }
    .IOJ-wrap #krds-footer .f-cnt .f-link {
        gap: 2.3rem;
    }
    .IOJ-wrap #krds-footer .f-btm .f-btm-text {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.8rem;
    }
    .IOJ-wrap #krds-footer .f-btm .f-btm-text .f-menu {
        gap: 1rem;
        color: #1E2124;
        font-size: 1.5rem;
        font-weight: 400;
    }
    .IOJ-wrap #krds-footer .f-btm .f-btm-text .f-menu > a.point {
        color: var(--main-color);
        font-weight: 700;
    }
    .IOJ-wrap #krds-footer .f-btm {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }
    
    .IOJ-wrap #krds-footer .krds-drop-wrap {
        flex: 1;
        border-top: 1px solid #CDD1D5;
    }
    .IOJ-wrap #krds-footer .krds-drop-wrap .drop-menu::before {
        display: none;
    }
    .IOJ-wrap #krds-footer .krds-drop-wrap .drop-menu {
        margin: 0;
        width: 100%;
        min-width: unset;
        border-radius: 0;
        padding: 0;
        max-height: 25rem;
        overflow-y: auto;
    }
    .IOJ-wrap #krds-footer .krds-drop-wrap .drop-menu .drop-in {
        padding: 0;
    }
    .IOJ-wrap #krds-footer .krds-drop-wrap .drop-menu .drop-list .item-link {
        border-radius: 0;
    }
    .IOJ-wrap #krds-footer .krds-drop-wrap .drop-btn  {
        height: 4.8rem;
    }
    
    .IOJ-wrap #krds-footer .foot-quick .inner .link.active::after {
        -webkit-mask-image: url('/homepageNew/images/component/icon/ico_minus.svg');
        background-image: url('/homepageNew/images/component/icon/ico_minus.svg')
    }
    .IOJ-wrap #krds-footer .foot-quick .inner {
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    .IOJ-wrap #krds-footer .foot-quick .inner > a,
    .IOJ-wrap #krds-footer .foot-quick .inner > a:first-child {
    }
    .IOJ-wrap #krds-footer .foot-quick .inner .link:not(:first-child) {
        border-top: 1px solid #CDD1D5;
    }

    .IOJ-wrap .main-noti .noti-list {
        display: flex;
        flex-direction: column;
    }
    .IOJ-wrap .main-noti {
        padding: 2.4rem 1.5rem 3rem;
        margin-top: 8.6rem;
    }
    .IOJ-wrap .main-noti .tab > ul {
        position: absolute;
        top: -6.1rem;
        left: 0;
    }
    .IOJ-wrap .main-noti .tab > ul > li {
        min-width: calc((100% / 3) - (2.2rem / 3));
        flex: 1;
    }
    .IOJ-wrap .main-noti .tab > ul > li .btn-tab {
        min-width: unset;
        width: 100%;
    }
    .IOJ-wrap .main-noti .krds-tab-area {
        gap: 2rem;
    }
    .edu-swiper-wrap .swiper-button-prev, .edu-swiper-wrap .swiper-button-next {
        position: static;
        margin: 0;
        transform: none;
        width: 4rem;
        height: 4rem;
    }
    .IOJ-wrap .edu-swiper-wrap [class^=swiper-button-]::after {
        width: 2.4rem;
        height: 2.4rem;
    }
    .edu-swiper-wrap .swiper-controls {
        display: flex;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .edu-swiper-wrap .swiper-controls .swiper-navigation {
        display: flex;
        gap: 0.8rem;
    }
    .edu-swiper-wrap .swiper-pagination.swiper-pagination-fraction {
        position: static;
        flex: 0;
    }
    .edu-swiper-wrap .swiper .swiper-slide:is(:hover, :focus-within) {
        transform: none;
    }
    .edu-swiper-wrap .swiper {
        padding-top: 2rem;
    }
    .tab-radio-swiper {
        width: 12rem;
    }
    .tab-radio-swiper__wrap {
        position: relative;
        width: fit-content;
        margin-inline: auto;
    }
    .tab-radio-swiper__wrap [class^=swiper-button-] {
        width: 2.4rem;
        height: 2.4rem;
        /* border: 0;      //25.08.12 메인화면 krds 수정
        background-color: transparent; */
        top: 50%;
        bottom: auto;
        margin: 0;
    }
    .tab-radio-swiper__wrap .swiper-button-prev {
        left: -1.1rem;
        right: auto;
        transform: translateX(-100%) translateY(-50%);
    }
    .tab-radio-swiper__wrap .swiper-button-next {
        right: -1.1rem;
        left: auto;
        transform: translateX(100%) translateY(-50%);
    }
    .info-addr {
        font-size: 1.6rem;
    }
    .hierarch-list {
        width: 100%;
    }
    .hierarch-list > li {
        flex-direction: column;
    }
    .hierarch-list > li .department-detail {
        padding-left: 4.5rem;
    }
    .hierarch-list > li .department-detail > ul {
        display: flex;
        flex-direction: column;
    }
    .hierarch-list > li .department-detail > ul.department:has(li:only-child) {
        width: 100%;
    }
    .hierarch-list > li .head-of-department:empty {
        display: none;;
    }
    .hierarch-list > li .head-of-department {
        width: 100%;
    }
    .IOJ-wrap .inner.in-between {
        width: 100%;
    }
    .IOJ-wrap .inner.in-between .contents {
        width: 100%;
    }
    .hierarch-list > li.institution {
        margin-left: auto;
        width: calc(100% - 2.2rem);
    }
    .hierarch-list > li.institution > a {
        width: 100%;
    }
    .hierarch-list > li.institution::before {
        width: 5.8rem;
    }
    .hierarch-list > li .department-detail > ul:first-child::before {
        width: 1.9rem;
    }
    .hierarch-list > li:has(.head-of-department:empty) .department-detail > ul:first-child::before {
        width: 8rem;
    }
    .hierarch-list > li .department-detail > ul:first-child:not(:only-child)::after {
        height: calc(100% + 4.1rem);
    }
    .hierarch-list > li:not(.institution)::after {
        top: 0;
        height: calc(100% + 6.7rem);
    }
    .hierarch-list > li .head-of-department::before {
        content: '';
        width: 3.6rem;
        height: 1px;
        background-color: #CDD1D5;
        position: absolute;
        top: 2.7rem;
        left: 0;
        transform: translateX(-100%);
        z-index: -1;
    }
    .hierarch-list > li:last-child::after {
        display: none;
    }
    .hierarch-list > li .head-of-department::after {
        content: '';
        width: 1px;
        height: 6.6rem;
        background-color: #CDD1D5;
        position: absolute;
        top: 100%;
        left: 2.55rem;
        z-index: -1;
    }
    .hierarch-list > li.institution::after {
        content: '';
        width: 1px;
        height: 14.6rem;
        background-color: #CDD1D5;
        position: absolute;
        top: 50%;
        left: -5.8rem;
        transform: translateY(-50%);
        z-index: -1;
    }

    .IOJ-wrap .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before,
    .IOJ-wrap .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after {
        display: none;
    }
    .IOJ-wrap .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:last-child) {
        position: static !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        clip: none !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .IOJ-wrap .professor-list > li {
        flex-direction: column;
        gap: 1.7rem;
    }
    .IOJ-wrap .professor-list.head-hisotry-list > li .info-wrap .p-name {
        position: absolute;
        left: 16.3rem;
        top: 2.5rem;
        flex-direction: column-reverse;
        width: calc(100% - 18.8rem);
        align-items: flex-start;
        padding-top: 0;
        gap: 5.8rem;
    }
    .IOJ-wrap .professor-list.head-hisotry-list > li .info-wrap .p-period {
        margin-top: 0;
        font-size: 1.5rem;
        flex: 0 0 auto;
    }
    .IOJ-wrap .professor-list.head-hisotry-list > li .info-wrap .btn-wrap {
        margin-top: 0;
    }
    .IOJ-wrap .professor-list.head-hisotry-list > li .info-wrap .btn-wrap .btn {
        padding-inline: 0.9rem 2.9rem;
        font-size: 1.3rem;
        height: 3.2rem;
        border-radius: 0.8rem;
        margin-left: auto;
    }
    .IOJ-wrap .tab > ul > li .btn-tab, .IOJ-wrap .tab > ul > li .btn-tab:hover {
        min-width: unset;
    }
    .util-item button.print-btn {
/*         display: none; */
    }
    .IOJ-wrap .search-bar {
        flex-direction: column;
        gap: 0.8rem;
        padding: 1.5rem;
    }
    .IOJ-wrap .search-bar .select-form-group {
        width: 100%;
    }
    .IOJ-wrap .krds-table-wrap .tbl {
        width: 100%;
        min-width: unset;
    }
    .IOJ-wrap .krds-table-wrap .tbl:not(.mobile-expand__table) :is(th, td) {
        text-align: center !important;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table colgroup {
        display: none;
    }
    .IOJ-wrap .table-totals {
        justify-content: flex-end;
    }
    .IOJ-wrap .table-totals .r-contact {
        font-weight: 700;
        margin-right: auto;
    }
    .IOJ-wrap .krds-table-wrap .tbl.data thead th,
    .IOJ-wrap .krds-table-wrap .tbl.data tbody :is(th, td) {
        font-size: 1.5rem;
        padding-inline: 0.25rem;
    }
    .IOJ-wrap .krds-table-wrap .tbl.data tbody tr {
        position: relative;
    }
    .IOJ-wrap .krds-table-wrap .tbl.data.tbl.mobile-expand__table tbody tr::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #959595;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
    .IOJ-wrap .krds-pagination .page-navi.more-prev,
    .IOJ-wrap .krds-pagination .page-navi.more-next {
/*         display: none; */
    }
    .IOJ-wrap .krds-pagination .page-links .page-link:nth-child(4) ~ .page-link {
        display: none;
    }
    .IOJ-wrap .krds-pagination .page-navi.next {
        order: 2;
    }
    .IOJ-wrap .krds-pagination {
        flex-wrap: nowrap;
        padding-bottom: 0.4rem;
    }
    .IOJ-wrap .krds-pagination .page-links {
        width: auto;
    }

    .IOJ-wrap .motto-banner__wrap {
        padding-top: 0;
    }
    .IOJ-wrap .motto-banner {
        padding: 2.8rem 0.8rem 0;
        flex-direction: column-reverse;
        height: auto;
    }
    .IOJ-wrap .motto-banner > img:first-child {
        position: static;
        transform: translateY(2.5rem);
        width: 77.7%;
    }
    .IOJ-wrap .img-banner {
        margin-bottom: 0;
    }
    .IOJ-wrap .krds-breadcrumb-wrap {
        margin-bottom: 3.2rem;
    }
    .IOJ-wrap .sub-head {
        margin-bottom: 3.2rem;
    }

    .IOJ-wrap .director-greeting__box {
        padding: 2.1rem 0 14.9rem 1.7rem;
        /* padding-bottom: 41.38vw; */
        overflow: hidden;
    }
    .IOJ-wrap .director-greeting__box .director-img {
        height: 18.543rem;
        right: 1.5rem;
        bottom: 0;
        align-items: flex-end;
    }
    .IOJ-wrap .director-greeting__box .director-img > img {
        object-fit: cover;
        max-height: 81.7%;
        min-height: 81.7%;
        flex: 0 0 auto;
    }
    .IOJ-wrap .director-greeting__box::after {
        width: 11.015rem;
        height: 10.6rem;
        bottom: 1rem;
        right: 0;
    }
    .IOJ-wrap .director-greeting > p:first-child::before {
        width: 8.5rem;
        height: 8.5rem;
        top: -2.9rem;
        left: -2.9rem;
    }
    .IOJ-wrap .director-greeting .director-name::after {
        display: none;
    }
    .IOJ-wrap .director-greeting .director-name {
        margin-top: 1.8rem;
    }
    .IOJ-wrap .content-sect .con-title {
        margin-bottom: 2.5rem;
    }
    .IOJ-wrap .open-info__process {
        padding-inline: 0;
        display: flex;
        flex-direction: column;
        gap: 3.4rem;
        width: 32.8rem;
        max-width: 100%;
        margin-inline: auto;
    }
    .IOJ-wrap .open-info__process .process-col {
        flex-direction: row-reverse;
        justify-content: space-between;
        position: relative;
    }
    .IOJ-wrap .open-info__process .process-col.center {
        margin-inline: auto;
        width: 100%;
    }
    .IOJ-wrap .open-info__process .process-col.center::after {
        content: '';
        width: 100%;
        height: 3.4rem;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        background-image: url("data:image/svg+xml,%3Csvg width='200' height='25' viewBox='0 0 200 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.135065 22.8902L5.75488 24.2134L4.09094 18.6849L0.135065 22.8902ZM72.8662 1L72.7221 0.521215L4.30002 21.1145L4.44413 21.5933L4.58823 22.0721L73.0103 1.47878L72.8662 1Z' fill='%23B5B7B8'/%3E%3Cpath d='M200 23L196.113 18.7308L194.359 24.2315L200 23ZM131 1L130.848 1.47637L195.561 22.1094L195.713 21.633L195.865 21.1566L131.152 0.523628L131 1Z' fill='%23B5B7B8'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
    }
    .IOJ-wrap .open-info__process .process-item.m-arrow::after {
        content: '';
        width: 100%;
        height: 3.4rem;
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='22' viewBox='0 0 6 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 22L5.88675 17L0.113248 17L3 22ZM3 0L2.5 -2.18557e-08L2.5 17.5L3 17.5L3.5 17.5L3.5 2.18557e-08L3 0Z' fill='%23B5B7B8'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        transform: translateY(100%);
    }
    .IOJ-wrap .open-info__process .process-arrow {
        display: none;
    }

    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table :is(thead, tbody) {
        display: block;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table :is(thead, tbody) tr {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    /* .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tbody tr {
        display: flex;
        flex-direction: column;
        padding: 1.3rem 1rem;
        border-bottom: 1px solid #CDD1D5;
        gap: 0.5rem;
    } */
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td) {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 0.5rem 0.5rem;
        min-height: 3.8rem;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).align_left {
        padding-inline: 1.5rem;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table thead tr th {
        word-break: break-all;
        padding-inline: 0.5rem;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table :is(thead, tbody) :is(th, td) + :is(th, td)::before {
        content: '';
        width: 1px;
        height: 2rem;
        background-color: #ECECEC;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1rem;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table thead :is(th, td)::before {
        background-color: #D5D5D5 !important;
    }

    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table :is(thead, tbody) tr {
        position: relative;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table thead tr::before,
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tbody tr::before {
        content: '';
        width: 1px;
        height: 100%;
        background-color: white;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table thead tr::before {
        background-color: var(--krds-table--data-thead-surface);
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).align_left {
        justify-content: flex-start;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).align_right {
        justify-content: flex-end;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-col-2 {
        grid-column: span 2;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-col-3 {
        grid-column: span 3;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-col-4 {
        grid-column: span 4;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-col-5 {
        grid-column: span 5;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-col-6 {
        grid-column: span 6;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-col-7 {
        grid-column: span 7;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-col-8 {
        grid-column: span 8;
    }

    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-order-next {
        order: 1;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-order-next + :is(th, td) {
        order: 0 !important;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(th, td).m-order-next ~ :is(th, td) {
        order: 2;
    }

    /* .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tbody tr :is(th, td) {
        border: 0;
        display: flex;
        height: auto;
        padding: 0;
        gap: 1.6rem;
        text-align: left;
    } */
    /* .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tbody tr :is(th, td)::before {
        content: attr(data-label);
        width: 5rem;
        flex: 0 0 auto;
        color: var(--black-color);
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.5;
        text-align: right;
    } */
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tbody tr :is(th, td):has(.attached-file) {
        align-items: center;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tbody tr :is(th, td) .truncate {
        white-space: normal;
        text-overflow: unset;
        overflow: visible;
    }

    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table tbody,
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table tr {
        display: block;
        width: 100%;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table tr + tr {
        border-top: 1px solid var(--main-color);
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table td {
        display: flex;
        width: 100%;
        padding: 0.5rem 0;
        border-left: 0 !important;
        text-align: left !important;
        color: var(--black-color);
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table td.m-column {
        flex-direction: column;
        padding-bottom: 1.3rem;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table td.m-column::before {
        margin-bottom: 0.3rem;
        width: 100%;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table td::before {
        content: attr(data-th);
        display: block;
        width: 11.2rem;
        flex: 0 0 auto;
        text-align: left;
        font-weight: 700;
        letter-spacing: -0.02em;
        padding-right: 0.5rem;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table td br {
        display: none;
    }
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table thead,
    .IOJ-wrap .krds-table-wrap .tbl.mobile-spread__table colgroup {
        display: none;
    }

    .IOJ-wrap .greeting-box__wrap {
        padding: 2.1rem;
    }
    .IOJ-wrap .greeting-box__wrap::before {
        background-image: url("data:image/svg+xml,%3Csvg width='282' height='275' viewBox='0 0 282 275' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M281.797 0V275H0L281.797 0Z' fill='%23003765'/%3E%3C/svg%3E%0A");
    }
    .IOJ-wrap .director-greeting .director-name::before {
        width: 2.7rem;
        top: -0.5rem;
    }

    .IOJ-wrap .search-bar .row {
        gap: 0.8rem;
    }

    .IOJ-wrap .visual-title {
        padding: 3rem 2.4rem 0 2.4rem;
        display: flex;
        flex-direction: column;
    }
    .IOJ-wrap .visual-title > img {
        position: static;
        margin-left: auto;
    }
    .IOJ-wrap .visual-title:has(p:only-child) {
        padding: 1.3rem 1.5rem;
    }
    .IOJ-wrap .visual-title:has(p:only-child).mb-5 {
        margin-bottom: 2rem !important;
    }
    .IOJ-wrap .tab-conts.active .visual-title:has(p:only-child) {
        margin-bottom: 0 !important;
    }
    .IOJ-wrap .require-login {
        flex-direction: column;
        padding: 2.4rem 2rem 3rem;
    }
    .IOJ-wrap .require-login > p {
        font-size: 1.7rem;
        margin-bottom: 0.7rem;
    }

    .IOJ-wrap .enter-process__list {
        display: flex;
        flex-direction: column;
    }
    .IOJ-wrap .enter-process__wrap {
        padding: 3rem 2rem 3.2rem;
    }
    .IOJ-wrap .enter-process__wrap > h4 {
        margin-bottom: 2.5rem;
    }
    .IOJ-wrap .enter-process__list > li + li::before {
        left: 50%;
        top: 0;
        transform: translateY(-50%) rotate(90deg);
        margin-left: -1.2rem;
        margin-top: -2.4rem;
    }
    .IOJ-wrap .enter-process__content {
        flex-direction: column;
    }
    .IOJ-wrap .border-box {
        padding-inline: 2rem;
    }
    .IOJ-wrap .enter-process__content .process-icon {
        margin-inline: auto;
    }
    .IOJ-wrap .enter-process__content + .krds-table-wrap {
        width: 100%;
    }
    .IOJ-wrap .accordion-list {
        padding-inline: 0;
    }
    .IOJ-wrap .accordion-list > li .accordion-title {
        padding: 2.4rem 0;
    }
    .IOJ-wrap .accordion-list > li .accordion-content {
        padding: 1.5rem 3.9rem 1rem;
    }

    .IOJ-wrap .edu-goal__txt {
        margin-bottom: 3rem;
    }

    .IOJ-wrap .basic-dir__list {
        gap: 2rem;
    }
    .IOJ-wrap .basic-dir__list > li {
        flex-direction: column;
        gap: 0.5rem;
    }
    .IOJ-wrap .basic-dir__list > li .dir-num {
        width: 100%;
        min-height: 5.3rem;
        aspect-ratio: unset;
        padding-left: 7.3rem;
        background-image: url('/homepageNew/images/edu_images/edu_number_mo_1.svg');
        background-position: left center;
        justify-content: flex-start;
        color: var(--main-color);
        font-size: 1.7rem;
        font-weight: 600;
    }
    .IOJ-wrap .basic-dir__list > li:nth-child(2) .dir-num {
        background-image: url('/homepageNew/images/edu_images/edu_number_mo_2.svg');
    }
    .IOJ-wrap .basic-dir__list > li:nth-child(3) .dir-num {
        background-image: url('/homepageNew/images/edu_images/edu_number_mo_3.svg');
    }
    .IOJ-wrap .basic-dir__list > li:nth-child(4) .dir-num {
        background-image: url('/homepageNew/images/edu_images/edu_number_mo_4.svg');
    }
    .IOJ-wrap .basic-dir__list > li .dir-num br {
        display: none;
    }
    .IOJ-wrap .visual-title + .sub-head {
        margin-bottom: 2rem;
    }
    .IOJ-wrap .list-custom__table {
        display: flex;
        flex-direction: column;
    }

    .kakaomap {
        aspect-ratio: 1 / 1;
    }
    .IOJ-wrap .map-wrap .map-info {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 0;
    }
    .IOJ-wrap .map-wrap .map-info > p {
        width: 100%;
        flex-direction: column;
        padding-left: 0;
        margin-left: 0;
        gap: 0;
        margin-top: 1rem;
    }
    .IOJ-wrap .map-wrap .map-info > p::before {
        display: none;
    }
    .IOJ-wrap .map-wrap .map-info > p > span {
        width: 100%;
        padding-block: 1.5rem;
        border-top: 1px solid white;
    }
    .IOJ-wrap .location-list > li {
        flex-direction: column;
        gap: 1.1rem;
        padding-inline: 1.5rem;
    }
    .IOJ-wrap .location-list > li > span,
    .IOJ-wrap .location-list > li > p {
        display: inline-block;
    }
    .IOJ-wrap .location-content i {
        transform: translateY(0.5rem);
        margin-inline: 0.4rem;
    }
    .IOJ-wrap .location-box {
        padding: 2.5rem 1.4rem 1.4rem;
    }
    .IOJ-wrap .location-content .location-title {
        gap: 1rem;
    }
    .IOJ-wrap .location-section .content-sect .con-title {
        margin-bottom: 1rem;
    }
    .IOJ-wrap .location-list.location-shuttle > li > span {
        width: 100%;
    }
    .IOJ-wrap .location-list > li > span > small {
        width: auto;
        display: inline-block;
    }
    .IOJ-wrap .history-list {
        display: flex;
        flex-direction: column;
    }
    .IOJ-wrap .history-list > li .history-details > li {
        flex-direction: column;
    }
    .IOJ-wrap .history-list > li .history-details > li > :is(span, p) {
        width: 100%;
    }
    .IOJ-wrap .professor-list.head-hisotry-list > li .info-wrap {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .intro-roadmap-txt {
        margin-block: 4rem 1rem;
    }

    .layer-popup .head-details .head-details__top,
    .layer-popup .head-details .head-details__bottom,
    .layer-popup .head-details {
        padding-inline: 0;
    }
    .layer-popup .head-details .head-details__top {
        gap: 2rem;
    }
    .layer-popup .head-details .head-details__top .txt-wrap {
        font-size: 1.9rem;
    }
    .layer-popup .head-details .head-details__top .img-wrap {
        width: 10rem;
    }
    .layer-popup .head-profiles > li {
        font-size: 1.3rem;
        gap: 1rem;
    }
    .layer-popup .head-profiles > li > span {
        width: 9rem;
    }
    .layer-popup .head-details__bottom .content-sect .con-title {
        margin-bottom: 1rem;
    }
    .layer-popup .popup-close {
        top: 1.6rem;
        right: 1.5rem;
    }

    .IOJ-wrap .professor-list > li .img-wrap {
        margin-inline: auto;
    }
    .IOJ-wrap .professor-list.head-hisotry-list > li .img-wrap {
        margin: 0;
    }
    .IOJ-wrap .professor-list.head-hisotry-list {
        display: flex;
        flex-direction: column;
    }
    .IOJ-wrap .professor-list.head-hisotry-list > li {
        padding: 2.4rem;
    }
    .IOJ-wrap .search-bar:has(.row:only-child) .row {
        gap: 0.8rem;
    }
    .IOJ-wrap .sub-head .sub-title {
        font-size: 2.8rem;
    }

    .road-window {
        display: block;
        height: auto;
    }
    .road-window > img {
        width: 100%;
        max-height:490px;
        min-height:55vw
    }
    .road-window__bottom {
        position: static;
        padding-block: 0.6rem 0;
        gap: 1.5rem;
    }
    .road-window__bottom .road-window__icon {
        width: 20px;
        height: 20px;
    }
    .road-window__bottom .road-window__icon > img {
        max-width: 65%;
    }
    .road-window__bottom .road-window__txt {
        font-size: 1.5rem;
        gap: 1rem;
    }
    .IOJ-wrap .sitemap-list {
        display: flex;
        flex-direction: column;
    }
    .IOJ-wrap .charter-box {
        padding: 1.5rem;
    }
    .campus-window .campus-wrap {
        background-color: white;
        padding: 0;
    }
    .campus-wrap .campus-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .campus-wrap .campus-info {
        padding: 1.5rem;
        margin-top: 2rem;
    }

    .login-wrap {
        padding-block: 0 13rem;
    }
    .login-wrap .login-content {
        border: 0;
        flex-direction: column-reverse;
    }
    .login-content .login-visual {
        width: 100%;
        border: 0;
        padding: 0;
    }
    .login-content .login-visual > img.illust {
        width: auto;
        max-width: 100%;
    }
    .login-content .login-form {
        padding: 3.7rem 1.8rem 0;
    }
    .login-content .login-form .login-radios {
        margin-top: 3rem;
    }
    .login-content .login-form .login-input {
        margin-top: 4.5rem;
    }
    .login-content .login-form .login-finds {
        margin-top: 5rem;
    }
    .login-content .login-form .login-noti {
        margin-top: 6rem;
    }
    .login-content .login-form .login-input .input-wrap:is(.input-id, .input-pw) {
        background-position: 1.1rem center;
    }
    .login-content .login-form .login-noti > strong {
        color: var(--main-color);
        font-weight: 700;
    }

    .edu-process__window .krds-table-wrap .tbl.data {
        width: 100%;
    }
    .edu-process__window .krds-table-wrap .tbl.data colgroup {
        display: none;
    }
    .edu-process__window .krds-table-wrap .tbl.data tbody td:first-child {
        padding-left: 2rem;
        width: 10rem;
    }
    .edu-process__window .krds-table-wrap .tbl.data tbody td:nth-child(2) {
        padding-left: 1.5rem;
    }
    .edu-process__window .krds-table-wrap {
        width: 100%;
    }

    .IOJ-wrap .privacy-policy__marks ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media all and (max-width: 600px) {
    .IOJ-wrap .professor-list {
        display: flex;
        flex-direction: column;
    }
    .IOJ-wrap .director-banner::after {
        display: none;
    }
    .IOJ-wrap .director-banner {
        margin-bottom: 4rem;
        flex-direction: column;
        gap: 3rem;
    }
    .IOJ-wrap .director-banner .director-info > h4 {
        margin-bottom: 1.5rem;
    }
    .IOJ-wrap .director-banner .director-img {
        justify-content: center;
        width: 100%;
    }
    .IOJ-wrap .director-banner .director-img .img-cover {
        position: static;
        width: auto;
        padding-bottom: 0;
    }
    .IOJ-wrap .director-banner .director-img::after {
        content: '';
        width: 100%;
        height: 82%;
        position: absolute;
        bottom: 0;
        left: 0;
/*         background: linear-gradient(#E4E7EB, #F2F5F6, #EEF0F3, #D6DCE0); */
 		background: linear-gradient(to top, rgb(225 225 225), rgba(255,255,255,0));
        border-radius: 1.2rem;
        z-index: -1;
    }
    .IOJ-wrap .director-banner .director-info .p-info__list {
        gap: 0.5rem;
    }
    .IOJ-wrap .search-bar .date-input__wrap input[type="date"] {
        padding-right: 1.6rem;
    }
    .IOJ-wrap .search-bar .date-input__wrap input[type="date"]::after {
        background-image: none;
    }
    .IOJ-wrap .krds-tab-area {
        gap: 3rem;
    }
    .IOJ-wrap .search-bar:has(.row:only-child) {
        padding: 1.6rem 1.5rem;
    }
    .promotion-video__wrap .video-list {
        display: flex;
        flex-direction: column;
    }
}
@media all and (max-width: 500px) {
    .layer-popup .popup-body .popup-content-hd {
        padding: 3.6rem 1.5rem;
    }
    .layer-popup .popup-body .popup-content-hd .popup-content-title {
        font-size: 1.9rem;
    }
    .layer-popup .popup-body .popup-infos {
        padding-inline: 2rem 1rem;
    }
    .layer-popup .popup-body .popup-content-hd .popup-hd-image {
        height: calc(100% + 4.725rem);
    }
    .layer-popup .popup-body .popup-info-title {
        font-size: 1.2rem;
        height: 2.24rem;
        padding-inline: 1.25rem;
    }
    .layer-popup .popup-body .popup-info-list {
        margin-top: 1.35rem;
        gap: 0.5rem;
    }
    .layer-popup .popup-body .popup-info-list > li {
        padding-left: 0.7rem;
        font-size: 1.1rem;
    }
    .layer-popup .popup-body .popup-info-list > li::before {
        width: 0.28rem;
        height: 0.28rem;
        left: 0.093rem;
        top: 0.533rem;
    }
    .layer-popup .popup-body .popup-info-list > li > p {
        padding-left: 0.25rem;
    }
    .layer-popup .popup-body .popup-infos > p {
        font-size: 1.1rem;
        margin-top: 0.886rem;
    }
    .layer-popup .popup-body .popup-infos + .popup-infos {
        margin-top: 1.7rem;
        padding-top: 1.7rem;
    }
    .layer-popup .checkbox-wrap > label {
        font-size: 1.1rem;
    }
    .layer-popup .checkbox-wrap > label::before {
        width: 1.05rem;
        height: 1.05rem;
    }
    .layer-popup .popup-footer {
        padding: 0.4rem 1.4rem;
    }
    .layer-popup .popup-footer .popup-btn {
        font-size: 1.1rem;
        height: 1.5rem;
    }
    .IOJ-wrap .checkbox-wrap > input:checked + label::before {
        background-size: 0.75rem;
    }
}
@media all and (max-width: 400px) {
    .IOJ-wrap .director-greeting > p {
        font-size: 1.5rem;
    }
    .IOJ-wrap .director-greeting .director-name {
        font-size: 1.7rem;
    }
    .IOJ-wrap #krds-masthead .toggle-head .nuri-txt {
        font-size: 1.25rem;
    }
    .IOJ-wrap .btn-wrap .pdf-download {
        min-width: unset;
        max-width: 100%;
    }
    .IOJ-wrap .visual-title > img {
        width: 60%;
    }
}

@media all and (max-width: 340px) {
    .IOJ-wrap .professor-list.head-hisotry-list > li .info-wrap {
        flex-wrap: wrap;
        gap: 0.8rem;
    }
}



.warning-wrap {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
}
.warning-wrap .logo-img {
    display: block;
    height: 7.2rem;
    margin-inline: auto;
    margin-bottom: 3rem;
}
.warning-content {
    margin-block: auto;
    width: 100%;
}
.warning-box {
    width: 450px;
    max-width: 100%;
    padding: 5.4rem 2rem 2.3rem;
    border-radius: 2rem;
    background: linear-gradient(180deg, #F5FBFF 0%, #E1F3FF 100%);
    margin-bottom: 3rem;
    margin-inline: auto;
}
.warning-box .warning-title {
    color: var(--main-color);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.8rem;
    text-align: center;
}
.warning-box .warning-img {
    display: block;
    margin-inline: auto;
    margin-bottom: 3.9rem;
}
.warning-box .warning-info {
    width: 100%;
    padding: 3.4rem 2rem 4rem;
    background-color: white;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.warning-box .warning-info > p {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
.warning-box .warning-info ul > li > p > a {
    text-decoration: underline;
}
.warning-box .warning-info ul > li + li {
    margin-top: 1rem;
}
.warning-box .warning-info ul {
    width: 100%;
    background-color: #F5F5F5;
    border-radius: 1rem;
    padding: 1.9rem 1rem;
}
.warning-box .warning-info ul > li {
    display: flex;
    gap: 1.8rem;
    color: #555555;
    font-size: 1.5rem;
    font-weight: 500;
    justify-content: center;
}
.warning-box .warning-info ul > li > span {
    color: #096AB3;
    font-weight: 700;
    flex: 0 0 auto;
}
.warning-wrap .copyright {
    text-align: center;
    color: #464C53;
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: auto;
}
.warning-box .btn-wrap {
    margin-top: 1.4rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.warning-box .btn-wrap > button {
    min-width: 21.4rem;
    height: 4.6rem;
    background-color: #096AB3;
    color: #FFFBFB;
    font-size: 1.9rem;
    font-weight: 600;
    border-radius: 0.8rem;
}