@charset "UTF-8";
/* NO CSS*/
/* componenet*/
#wrap {
    padding-top: 13.6rem;
}
#wrap:has(.contents-navigation) {
    overflow: initial;
}
@media (max-width: 768px) {
    #wrap {
        padding-top: 8.4rem;
    }
    #wrap:has(.contents-navigation) {
        overflow: hidden;
    }
}

.h2 {
    /* 1depth 타이틀 */
    color: #131416;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 150%;
}

.h3 {
    /* 2depth 타이틀 */
    display: block;
    color: #1e2124;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 150%;
}
@media (max-width: 1024px) {
    .h3 {
        font-size: 28px;
    }
}
@media (max-width: 768px) {
    .h3 {
        font-size: 24px;
    }
}

.h4 {
    /* H4 컨텐츠 타이틀 */
    position: relative;
    color: #222;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 150%;
    padding-left: 3.4rem;
    margin-bottom: 4rem;
}
.h4:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.6rem;
    width: 2.4rem;
    height: 2.4rem;
    background: url(/cntp/images/korean/sub/ico_h4.svg) no-repeat center/contain;
}
.h4.no-icon {
    padding-left: 0;
}
.h4.no-icon:before {
    display: none;
}

.h5 {
    /* H5 컨텐츠 타이틀 */
    color: #2e8422;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 1.6rem;
}
.h5.gray {
    color: #1e2124;
}
.h5.navy {
    color: #052b57;
}
.h5.lg {
    font-size: 2.4rem;
}
@media (max-width: 1024px) {
    .h5 {
        font-size: 17px;
    }
}
@media (max-width: 460px) {
    .h5 {
        font-size: 16px;
    }
}

.h6 {
    /* H6 컨텐츠 타이틀 */
    color: #1e2124;
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
}
.h6.navy {
    color: #052b57;
}
@media (max-width: 1024px) {
    .h6 {
        font-size: 15px;
    }
}

.p {
    /* p 컨텐츠 */
    color: #1e2124;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 150%;
}
.p.note {
    color: #131416;
    font-weight: 700;
}
.p.sm {
    color: #1e2124;
    font-size: 1.5rem;
}
@media (max-width: 1024px) {
    .p.sm {
        font-size: 13px;
    }
}
.p.blue {
    color: #052b57;
}
.p.green {
    color: #2e8422;
}
.p.gray {
    color: #58616a;
}
.p.dark-gray {
    color: #464c53;
}
.p.black {
    color: #131416;
}
@media (max-width: 768px) {
    .p {
        font-size: 15px;
    }
}
@media (max-width: 640px) {
    .p {
        font-size: 14px;
    }
}

em.title {
    color: #1e2124;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 150%;
}
@media (max-width: 1024px) {
    em.title {
        font-size: 15px;
    }
}

.link-target {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bd-bottom {
    border-bottom: 1px solid #e0e0e0;
}

.arrow-cont {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}
.arrow-cont .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border: 0.8px solid #cdd1d5;
    background: #fff;
    border-radius: 50%;
    margin: auto;
}
.arrow-cont .icon img {
    display: block;
    width: 1.92rem;
}
.arrow-cont .icon img.arrow-right {
    transform: rotate(90deg);
}
.arrow-cont .icon img.arrow-bottom {
    transform: rotate(180deg);
}

.border-cont {
    border: 1px solid #cdd1d5;
    border-radius: 1.2rem;
    padding: 4rem;
}
.border-cont.sub01-1 {
    display: flex;
    gap: 3.2rem;
}
.border-cont.sub01-1 .txt {
    width: 49.504%;
}
.border-cont.sub01-1 .img {
    flex: 1;
}
.border-cont.sub01-1 .img img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 47/53;
}
@media (max-width: 1280px) {
    .border-cont.sub01-1 {
        padding: 3.2rem;
    }
}
@media (max-width: 1024px) {
    .border-cont.sub01-1 {
        padding: 2.4rem;
    }
}
@media (max-width: 768px) {
    .border-cont.sub01-1 {
        gap: 2.4rem;
    }
    .border-cont.sub01-1 .txt {
        width: 45%;
    }
}
@media (max-width: 640px) {
    .border-cont.sub01-1 {
        flex-direction: column-reverse;
        gap: 3.2rem;
    }
    .border-cont.sub01-1 .txt {
        width: 100%;
    }
    .border-cont.sub01-1 .img {
        width: 100%;
    }
}
.border-cont.sm {
    padding: 1.6rem;
}
.border-cont.download {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    background: #fff;
    border-radius: 0.8rem;
    transition: background 0.4s ease-out;
}
.border-cont.download .btn-download {
    margin-left: auto;
}
.border-cont.download:hover {
    background: #eef2f7;
}
.border-cont .img-cont {
    border: none;
    padding: 0;
}
.border-cont.border-lg {
    position: relative;
    padding: 2rem;
    border: 5px solid var(--color-element-primary-light, #d8e5fd);
}
.border-cont.border-lg.gray {
    border: none;
    border-radius: 1.2rem;
    padding-top: 2rem;
    background: #fff;
}
.border-cont.border-lg.gray:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1.2rem; /* 보더도 동일 라운드 */
    padding: 5px; /* stroke-width=5 대응 */
    background: linear-gradient(to bottom, #fff 0%, #f4f5f6 100%);
    /* 가운데를 비워 링 형태로 만들기 (라운드 유지) */
    -webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    -webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .border-cont {
        padding: 3.2rem;
    }
}
@media (max-width: 768px) {
    .border-cont {
        padding: 2.4rem;
    }
}

.img-cont {
    border: 1px solid #cdd1d5;
    border-radius: 1.2rem;
    padding: 4rem;
}
.img-cont-flex {
    display: flex;
    justify-content: center;
    gap: 4rem;
}
.img-cont-fixed img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
}
.img-cont img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.img-cont.none {
    padding: 0;
    border: none;
}
@media (max-width: 1024px) {
    .img-cont {
        padding: 3.2rem;
    }
}
@media (max-width: 768px) {
    .img-cont {
        padding: 2.4rem;
        overflow-x: auto;
    }
    .img-cont img {
        min-width: 76.7rem;
    }
}

.bg-cont {
    background: #f4f5f6;
    border-radius: 1.2rem;
    padding: 3.2rem;
}
.bg-cont.xs {
    padding: 2rem;
    background: #eef2f7;
}
.bg-cont.xs.sky-blue {
    background: var(--color-surface-primary-subtler, #ecf2fe);
}
.bg-cont.sm {
    padding: 2rem;
}
@media (max-width: 1024px) {
    .bg-cont {
        padding: 2.4rem;
    }
}
@media (max-width: 768px) {
    .bg-cont {
        padding: 1.6rem;
    }
}

.iconbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
}
.iconbox-list > li {
    display: flex;
    gap: 2.4rem;
    width: calc(50% - 2rem);
}
.iconbox-list > li .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.8rem;
    height: 8.8rem;
    border-radius: 1.2rem;
    border: 2px solid transparent;
    /* 두 겹 배경 */
    background: linear-gradient(#fff, #fff) padding-box,
        linear-gradient(100deg, #c9e257 0%, #c4d8ff 100%) border-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.iconbox-list > li .icon img {
    display: block;
    width: 4.3rem;
}
.iconbox-list > li .txt {
    flex: 1;
}
@media (max-width: 768px) {
    .iconbox-list > li {
        width: 100%;
    }
}

.slider-title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 8.8rem;
    border-radius: 1.2rem;
    border: 1px solid #d6e0eb;
    background: #eef2f7;
    padding: 2.4rem 8.8rem;
    overflow-x: hidden;
}
@media (max-width: 768px) {
    .slider-title {
        padding: 2.4rem 6.4rem;
    }
}

.space {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.space-title-link {
    display: block;
}
.space-title-link .h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.3;
}
.space-title-swiper {
    width: 100%;
    overflow: visible;
}
.space-title-swiper .swiper-wrapper {
    align-items: center;
}
.space-title-swiper .swiper-slide a {
    text-align: center;
}
.space-title-swiper .swiper-slide-prev a {
    text-align: left;
}
.space-title-swiper .swiper-slide-next a {
    text-align: right;
}
.space-title-swiper .swiper-slide-active a {
    text-align: center;
}
.space-title-swiper .swiper-slide-active a .h5 {
    opacity: 1;
}
.space .slider-controller button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.space .slider-controller button.swiper-button-disabled {
    display: none;
}
.space .slider-controller-prev {
    left: 3.2rem;
}
.space .slider-controller-next {
    right: 3.2rem;
}
@media (max-width: 768px) {
    .space .slider-controller-prev {
        left: 1.6rem;
    }
    .space .slider-controller-next {
        right: 1.6rem;
    }
}
@media (max-width: 640px) {
    .space-title-swiper {
        width: 100%;
    }
}

.contents {
    position: relative;
    display: flex;
    gap: 6.4rem;
    align-items: flex-start;
}
.contents-navigation {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 1.6rem;
    position: sticky;
    transform: translateY(6.4rem);
    top: 12.8rem;
    margin-bottom: 12rem;
}
.contents-navigation-title {
    flex-shrink: 0;
    width: 24.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 3.45rem;
    min-height: 13rem;
    text-align: center;
    border-radius: 1.2rem 1.2rem 0 0;
    background: url(/cntp/images/korean/layout/side-navi_bg.png) no-repeat top
        center/cover;
}
.contents-navigation-title .h3 {
    color: #131416;
}
.contents-navigation .head_menu_depth {
    display: flex;
    flex-direction: column;
    width: 24.8rem;
    min-height: calc(100vh - 13.6rem - 13rem - 6.4rem - 3rem);
    max-height: calc(100vh - 13.6rem - 13rem - 6.4rem - 3rem);
    border-radius: 1.2rem;
    background: #fff;
    overflow-y: auto;
}
.contents-navigation .head_menu_depth > li:not(:last-child) {
    border-bottom: 1px solid #cdd1d5;
}
.contents-navigation .head_menu_depth > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-height: 5.8rem;
    color: #1e2124;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 150%;
    padding: 1.6rem 0.8rem;
    transition: background 0.4s ease-out;
}
.contents-navigation .head_menu_depth > li > a:before {
    content: "";
    display: inline-flex;
    position: absolute;
    bottom: -0.1rem;
    left: 0%;
    width: 0;
    height: 0.3rem;
    background: #063a74;
    transition: 0.4s ease-in-out;
}
.contents-navigation .head_menu_depth > li > a:after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.contents-navigation .head_menu_depth > li > a[target="_blank"]:after {
    content: "\ecaf";
}
.contents-navigation .head_menu_depth > li > a span {
    color: #222;
    font-size: 1.8rem;
}
.contents-navigation .head_menu_depth > li > a:hover {
    background: #eef2f7;
}
.contents-navigation .head_menu_depth > li > a + ul {
    display: none;
    padding: 0.8rem 0;
    background: #fff;
}
.contents-navigation .head_menu_depth > li > a + ul > li {
    position: relative;
}
.contents-navigation .head_menu_depth > li > a + ul > li > a {
    position: relative;
    display: block;
    color: #1e2124;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 150%;
    border-radius: 0.6rem;
    transition: background 0.24s;
    padding: 1rem 0.8rem;
    padding-left: 2rem;
}
.contents-navigation .head_menu_depth > li > a + ul > li > a:before {
    content: "";
    position: absolute;
    top: 2rem;
    left: 0.8rem;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #33363d;
}
.contents-navigation .head_menu_depth > li > a + ul > li > a:hover,
.contents-navigation .head_menu_depth > li > a + ul > li > a.on {
    background: #eef2f7;
}
.contents-navigation .head_menu_depth > li.active > a,
.contents-navigation .head_menu_depth > li.on > a {
    color: #052b57;
    background: #eef2f7;
}
.contents-navigation .head_menu_depth > li.active > a:before,
.contents-navigation .head_menu_depth > li.on > a:before {
    left: 0;
    width: 100%;
}
.contents-navigation .head_menu_depth > li.active > a:after,
.contents-navigation .head_menu_depth > li.on > a:after {
    content: "";
    display: flex;
    font-family: "remixicon";
    align-items: center;
    justify-content: center;
    background: #33363d;
    -webkit-mask-image: url(/cntp/images/korean/layout/ico_arrow-right.svg);
    mask-image: url(/cntp/images/korean/layout/ico_arrow-right.svg);
}
.contents-navigation
    .head_menu_depth
    > li:has([aria-expanded="false"])
    > a:after {
    -webkit-mask-image: url(/cntp/images/korean/layout/ico_arrow-down.svg);
    mask-image: url(/cntp/images/korean/layout/ico_arrow-down.svg);
    background: #33363d;
    transition: transform 0.3s ease;
}
.contents-navigation
    .head_menu_depth
    > li:has([aria-expanded="true"])
    > a:after {
    -webkit-mask-image: url(/cntp/images/korean/layout/ico_arrow-down.svg);
    mask-image: url(/cntp/images/korean/layout/ico_arrow-down.svg);
    background: #33363d;
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}
.contents-information {
    width: calc(100% - 24.8rem - 6.4rem);
    flex-grow: 1;
    padding: 6.4rem 0;
}
.contents-top {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
}
.contents-container {
    margin-top: 8rem;
}
.contents-container:has(.contents-tab) {
    margin-top: 4rem;
}
.contents-container:has(.contents-tab) .contents-box {
    margin-top: 8rem;
}
.contents-tab-content {
    display: none;
}
.contents-item {
    display: none;
}
.contents-item:first-child {
    display: block;
}
.contents-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    gap: 2.4rem 4rem;
}
.contents-location .icon {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #33363d;
    -webkit-mask: url(/cntp/images/korean/layout/ico_home.svg) no-repeat
        center/contain;
    mask: url(/cntp/images/korean/layout/ico_home.svg) no-repeat center/contain;
}
.contents-location-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}
.contents-location-list > li:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.contents-location-list > li:not(:last-child):after {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #33363d;
    -webkit-mask: url(/cntp/images/korean/layout/ico_arrow-right.svg) no-repeat
        center/contain;
    mask: url(/cntp/images/korean/layout/ico_arrow-right.svg) no-repeat
        center/contain;
}
.contents-location-list > li > a {
    display: block;
    min-height: 2.4rem;
    color: #1e2124;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%;
    text-decoration: underline;
    text-underline-offset: 3px;
    padding: 0 0.4rem;
}
.contents-location-list > li.home > a {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.contents-guide {
    display: flex;
    flex-direction: column;
}
.contents-guide-text:not(:last-of-type) {
    padding-bottom: 6.4rem;
}
@media (max-width: 1280px) {
    .contents {
        gap: 4rem;
    }
    .contents-navigation-title {
        width: 21rem;
    }
    .contents-navigation .head_menu_depth {
        width: 21rem;
    }
    .contents-information {
        width: calc(100% - 21rem - 4rem);
    }
}
@media (max-width: 1024px) {
    .contents-navigation {
        display: none;
    }
    .contents-location-list > li:not(:last-child):after {
        width: 15px;
        height: 15px;
    }
    .contents-location-list > li > a {
        font-size: 13px;
    }
    .contents-information {
        overflow: visible;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .contents-title {
        flex-direction: column;
        align-items: start;
        gap: 2.4rem;
    }
    .contents-information {
        width: 100%;
        padding: 40px 0;
    }
    .contents-location > i,
    .contents-location-1depth,
    .contents-location-2depth {
        font-size: 14px;
    }
}

.topbox {
    background: #eef2f7;
    border-radius: 1.2rem;
}
.topbox-container {
    display: flex;
    gap: 4rem;
    padding: 3.2rem;
}
.topbox-icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11rem;
    height: 11rem;
    border-radius: 16rem;
    background: #fff;
}
.topbox-icon img {
    display: block;
}
.topbox-icon img.policy {
    width: 5rem;
}
.topbox-icon img.copyright {
    width: 8.2rem;
}
.topbox-txt {
    width: 100%;
}
@media (max-width: 1024px) {
    .topbox-container {
        padding: 2.4rem;
    }
}
@media (max-width: 768px) {
    .topbox-container {
        gap: 2.4rem;
    }
    .topbox-txt br {
        display: none;
    }
}
@media (max-width: 640px) {
    .topbox-container {
        flex-direction: column;
        align-items: center;
    }
    .topbox .h5,
    .topbox .p {
        text-align: center;
    }
}

.border-container {
    border: 1px solid #e0e0e0;
    overflow: hidden;
}
.border-container:has([class*="contact-"], [class*="bus-num-"]) {
    padding: 3.2rem 4rem;
}
.border-container:has(.image) {
    padding: 4.6rem 2.4rem 4.7rem;
}
.border-container .image {
    display: block;
    width: 100rem;
    margin: auto;
}
@media (max-width: 768px) {
    .border-container:has([class*="contact-"], [class*="bus-num-"]) {
        padding: 3.2rem 2.4rem;
    }
    .border-container:has(.image) {
        overflow-x: auto;
    }
    .border-container:has(.image) .image {
        min-width: 76.8rem;
    }
}

.radius-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem 8.7rem;
    padding: 8rem 8.4rem;
}
.radius-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.2rem;
    width: 18rem;
}
@media (max-width: 1760px) {
    .radius-container {
        gap: 2.4rem 6rem;
    }
}
@media (max-width: 1024px) {
    .radius-container {
        padding: 4rem 3rem;
    }
}

.step-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: 6.4rem;
    padding-top: 2.1rem;
}
.step-container.circle {
    flex-wrap: nowrap;
    gap: 2.2rem;
    margin: auto;
    padding-top: 0;
    overflow-x: auto;
}
.step-container.circle:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - (25% - 1.65rem));
    height: 3.4rem;
    background: linear-gradient(90deg, #f7f8f6 0%, #c1d4bf 100%);
}
.step-container.circle .step-item {
    flex-shrink: 0;
    justify-content: center;
    gap: 0.4rem;
    width: 18.5rem;
    height: 18.6rem;
    background: #e6f6d3;
    border-radius: 50%;
    border-top: none;
    padding: 1.2rem;
}
.step-container.circle .step-item.last {
    background: #228738;
}
.step-container.circle .step-item.last .step-content .p {
    color: #fff;
}
.step-container.circle .step-item:before {
    display: none;
}
.step-container.circle .step-content .p {
    text-wrap: balance;
}
.step-container.circle.blue:before {
    background: linear-gradient(90deg, #f4f7fb 0%, #b0c2d5 100%);
}
.step-container.circle.blue .step-item {
    background: #eef2f7;
}
.step-container.circle.blue .step-item.last {
    background: #063a74;
}
.step-container.circle.blue .step-content .p {
    color: #063a74;
}
.step-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    width: 25%;
    border-top: 8px solid #f4f5f6;
    padding-top: 1.6rem;
}
.step-item:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #2e8422;
}
.step-num .h5 {
    margin-bottom: 0;
}
.step-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}
.step-content .board-topic {
    margin: auto;
}
@media (max-width: 1024px) {
    .step-container.circle {
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media (max-width: 720px) {
    .step-container.circle {
        width: 100%;
    }
    .step-container.circle:before {
        width: 58rem;
    }
}
@media (max-width: 640px) {
    .step-item {
        width: 50%;
    }
}
@media (max-width: 360px) {
    .step-item {
        width: 100%;
    }
}

.item-cont {
    position: relative;
    display: flex;
    gap: 2rem;
}
.item-cont.sm {
    gap: 1.2rem;
}
.item-cont.flex-none {
    gap: 1.6rem;
    min-width: 100%;
}
.item-cont.flex-none .item-title {
    flex: none;
    min-height: 4.8rem;
    padding: 1.25rem 0.5rem;
}
.item-cont.flex-none .item-info-list {
    gap: 1.6rem;
}
.item-cont.dash:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 1.6rem);
    transform: translateX(-50%);
    width: calc(100% - (25% - 1.2rem));
    height: 1px;
    border-top: 1px dashed #58616a;
}
.item-cont.dash:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 16px);
    width: 1px;
    height: 32px;
    border-left: 1px dashed #58616a;
}
.item-cont-topic {
    display: block;
    background: #fff;
    padding: 0 1rem;
}
.item-cont-topic .p {
    text-align: center;
}
.item-cont-scroll {
    overflow-x: auto;
}
.item-box {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    flex: 1;
}
.item-box.sm {
    flex: 0 0 34.24%;
}
.item-box.full {
    flex: 0 0 48.57%;
}
.item-box:has(.item-info-list) {
    gap: 2.4rem;
}
.item-title {
    position: relative;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4.8rem;
    background: #fff;
    padding: 1.2rem;
    border: 1px solid #063a74;
    border-radius: 0.8rem;
}
.item-title .p {
    text-align: center;
    word-break: break-all;
}
.item-title.navy {
    background: #063a74;
}
.item-title.navy .p {
    color: #fff;
}
.item-title.blue {
    background: #eef2f7;
    border-color: #eef2f7;
}
.item-title.border-none {
    border: none;
}
.item-title.sky-blue {
    background: var(--color-element-information-lighter, #e7f4fe);
}
.item-title.sky-blue .p {
    color: #0f6ab0;
}
.item-title.green {
    background: #e6f6d3;
}
.item-title.green .p {
    color: #295b22;
}
.item-title.light-blue {
    background: var(--color-element-secondary-lighter, #eef2f7);
}
.item-title.light-blue .p {
    color: var(--color-text-secondary, #052b57);
}
.item-title.red {
    background: var(--color-element-point-lighter, #fbeff0);
}
.item-title.red .p {
    color: #bc2c38;
}
.item-title.gray {
    background: var(--color-element-gray-lighter, #f4f5f6);
}
.item-info {
    flex-grow: 1;
    padding: 1.6rem;
    border-radius: 0.8rem;
    background: #f4f5f6;
}
.item-info-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.item-info-list.dash .item-title {
    margin: 0.4rem 0;
}
.item-info-list.dash .item-title:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.4rem);
    width: 1px;
    height: 1.6rem;
    border-left: 1px dashed #58616a;
}
.item-info-list .item-title {
    position: relative;
    flex: 1;
    min-height: 5.8rem;
}
@media (max-width: 1280px) {
    .item-cont {
        min-width: 78rem;
    }
}
@media (max-width: 720px) {
    .item-cont {
        flex-wrap: wrap;
        min-width: 100%;
    }
    .item-cont.dash:before {
        display: none;
    }
    .item-cont.mt-26 {
        margin-top: 0 !important;
    }
    .item-cont.flex-none .item-info-list {
        flex: none;
        width: calc(50% - 1rem);
    }
    .item-cont.flex-none .item-title {
        flex: 1 !important;
    }
    .item-cont.flex-none.full .item-info-list {
        width: 100%;
    }
    .item-cont .arrow-cont {
        width: 100%;
        padding: 0;
    }
    .item-cont .arrow-cont .icon img.arrow-right {
        transform: rotate(180deg);
    }
    .item-box:nth-child(1) {
        flex: auto;
        width: 100%;
    }
}
@media (max-width: 400px) {
    .item-cont.flex-none .item-info-list {
        width: 100%;
    }
}

.diagram-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
}
.diagram-title .p {
    text-align: center;
}
.diagram-cont.nowrap {
    display: flex;
    gap: 1.2rem;
}
.diagram-cont .iframe {
    border-radius: 1.2rem;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    margin: auto;
}
.diagram-cont .iframe iframe {
    display: block;
    aspect-ratio: 664/430;
    max-width: 100%;
}
.diagram-cont .img img {
    display: block;
    margin: auto;
}
.diagram-cont.one {
    max-width: 37.7rem;
    margin: auto;
}
.diagram-cont.one .item-cont {
    min-width: auto !important;
}
.diagram-cont .item-cont + .item-cont {
    padding-top: 4.55rem;
}
.diagram-cont .item-box {
    position: relative;
}
.diagram-cont .item-box.top:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 4.3rem;
    bottom: 100%;
    background: url(/cntp/images/korean/layout/ico_arrow-top.svg) no-repeat
        center/contain;
}
.diagram-cont .item-box.two-way:before {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100% - 0.8rem);
    transform: translateY(-50%);
    width: 4rem;
    height: 18px;
    background: url(/cntp/images/korean/layout/ico_arrow-two-way.svg) no-repeat
        center/contain;
}
.diagram-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.diagram-item:has(.bg-cont.xs) {
    flex: 1;
}
.diagram-item:has(.bg-cont.xs) .bg-cont {
    width: 100%;
    border: 5px solid var(--color-surface-primary-subtler, #ecf2fe);
}
.diagram-item:has(.bg-cont.xs) .item-info-list {
    gap: 0.8rem;
}
.diagram-item:has(.border-lg) {
    width: 62.99%;
}
.diagram-item:has(.border-lg) .border-lg {
    width: 100%;
}
.diagram-item:has(.border-lg) .item-info-list {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0.8rem;
}
.diagram-item:has(.border-lg) .item-title {
    flex: auto;
    width: calc(33.3333333333% - 0.5333333333rem);
}
@media (max-width: 768px) {
    .diagram-cont .iframe iframe {
        height: 36rem;
    }
}
@media (max-width: 720px) {
    .diagram-cont.one {
        max-width: 100%;
    }
    .diagram-cont.nowrap {
        flex-direction: column;
        gap: 2rem;
        width: 100%;
    }
    .diagram-cont .item-box:empty {
        display: none;
    }
    .diagram-cont .item-box.two-way:before {
        right: auto;
        left: 50%;
        top: auto;
        bottom: calc(100% + 0.4rem);
        transform: translateX(-50%) rotate(90deg);
        z-index: 1;
    }
    .diagram-item:has(.border-lg) {
        width: 100%;
    }
    .diagram-item:has(.border-lg) .item-info-list {
        flex: none;
        width: 100%;
    }
    .diagram-item:has(.border-lg) .item-title {
        flex: auto !important;
        width: calc(50% - 0.4rem);
    }
}

.list-cont {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.list-item {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
}
.list-item-title {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.8rem;
    border-radius: 0.8rem;
}
.list-item-title.md {
    width: 22rem;
}
.list-item-title .p {
    color: #fff;
}
.list-item-title.navy {
    background: #063a74;
}
.list-item-title.green {
    background: #228738;
}
.list-item-title.border {
    background: #fff;
    border: 1px solid #063a74;
}
.list-item-title.border .p {
    color: #052b57;
    text-align: center;
}
.list-item-info {
    flex: 1;
    padding: 1.9rem 1.2rem;
    border-radius: 0.8rem;
    background: #eef2f7;
}
.list-item-info .p {
    text-align: center;
}
.list-item-info.gray {
    background: #f4f5f6;
}
.list-item-info.blue {
    background: #ecf2fe;
}
.list-item-info.gray,
.list-item-info.blue {
    padding: 1.6rem 2.4rem;
}
.list-item-info.gray .p,
.list-item-info.blue .p {
    text-align: left;
}
@media (max-width: 580px) {
    .list-item-title.md {
        width: 100%;
        min-height: 4.8rem;
    }
}
@media (max-width: 360px) {
    .list-item {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .list-item-title {
        width: 100%;
        height: 4.8rem;
    }
}

.circle-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.6rem 4rem;
}
.circle-list.five {
    gap: 1.6rem;
}
.circle-list.five .circle-item {
    width: 14.8rem;
    height: 14.8rem;
}
.circle-list.three {
    gap: 1.6rem 4rem;
}
.circle-list.three .circle-item {
    width: 20rem;
    height: 20rem;
}
.circle-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24rem;
    height: 24rem;
    border: 1px solid #063a74;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0 8px 16px 0 rgba(0, 0, 0, 0.12);
    padding: 1.2rem;
}
.circle-item .h5 {
    display: block;
    text-align: center;
    margin-bottom: 0;
}
.circle-item:has(.p) {
    flex-direction: column;
}
.circle-item:has(.p) .p {
    text-align: center;
}
@media (max-width: 768px) {
    .circle-item {
        width: 20rem;
        height: 20rem;
    }
}

.vision-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 8rem;
    padding: 1.2rem;
    border-radius: 4rem;
    overflow: hidden;
    background: linear-gradient(
        103deg,
        rgba(201, 226, 87, 0.16) 8.15%,
        rgba(196, 216, 255, 0.16) 101.96%
    );
}
.vision-title:before {
    content: "";
    position: absolute;
    left: 6.4rem;
    bottom: 0;
    width: 12.52rem;
    height: 7.2rem;
    background: url(/cntp/images/korean/sub/vision_bg.svg) no-repeat
        center/contain;
}

.nodata-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem 6.9rem;
    padding: 3.2rem 8rem;
}
.nodata-item {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 44rem;
}
.nodata-item > img {
    display: block;
    width: 26rem;
}
.nodata-box {
    position: relative;
    padding-top: 63.63636%;
    overflow: hidden;
    background: #f2f4f7;
}
.nodata-box img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.nodata-box img[src*="no.svg"] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25.8917rem;
    height: 2.4rem;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1024px) {
    .nodata-container {
        padding: 4rem 3rem;
    }
}

.mxds-table .bul1 > li + li {
    margin-top: 0.8rem;
}
.mxds-table .bul1 > li > ul {
    margin-top: 0.8rem;
}
.mxds-table .bul5 .bul4 > li + li {
    margin-top: 0.4rem;
}

.bul1.lg > li + li {
    margin-top: 3.2rem;
}
.bul1 > li {
    position: relative;
    color: #464c53;
    padding-left: 2.4rem;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 150%;
}
.bul1 > li a[target="_blank"] {
    position: relative;
    color: #256ef4;
}
.bul1 > li .red {
    color: #e13911;
}
.bul1 > li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.7rem;
    width: 1rem;
    height: 1rem;
    background: url(/cntp/images/korean/sub/ico_bul1.svg) no-repeat
        center/contain;
}
.bul1 > li + li {
    margin-top: 0.4rem;
}
.bul1 > li > ul {
    padding-left: 0.8rem;
    margin-top: 0.4rem;
}
.bul1 > li > ul > li {
    position: relative;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 150%;
    padding-left: 2.4rem;
}
.bul1 > li > ul > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 1px;
    border-bottom: 1px solid #464c53;
}
.bul1 > li > ul > li + li {
    margin-top: 0.4rem;
}
.bul1 > li > ul > li .bul4 {
    margin-left: -0.7rem;
    margin-top: 0.8rem;
}
.bul1 > li > ul > li .mxds-table {
    margin-left: -2.4rem;
}
.bul1 > li > ul > li .btn-hyperlink:after {
    width: 2rem;
    height: 2rem;
}
.bul1 > li > ul > li .btn-hyperlink span {
    line-height: normal;
    font-size: 1.7rem;
}
@media (max-width: 1024px) {
    .bul1 > li {
        font-size: 15px;
    }
    .bul1 > li:before {
        top: 7px;
    }
    .bul1 > li > ul > li {
        font-size: 15px;
    }
    .bul1 > li > ul > li:before {
        top: 10px;
    }
}

.bul2 {
    counter-reset: list-number;
}
.bul2.lg {
    position: relative;
}
.bul2.lg:before {
    content: "";
    position: absolute;
    left: 1.15rem;
    top: 1px;
    width: 1px;
    height: calc(100% - 4rem);
    border-left: 1px solid #d6e0eb;
}
.bul2.lg > li {
    padding-left: 4.8rem;
}
.bul2.lg > li:before {
    width: 2.6rem;
}
.bul2.lg > li + li {
    margin-top: 3.2rem;
}
.bul2 > li {
    position: relative;
    padding-left: 3.2rem;
    color: #464c53;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 150%;
    counter-increment: list-number;
}
.bul2 > li:before {
    content: counter(list-number) "";
    position: absolute;
    top: 1px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    color: #fff;
    border-radius: 0.4rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 150%;
    background-color: #063a74;
}
.bul2 > li.double {
    counter-increment: list-number 2;
}
.bul2 > li.double:before {
    content: attr(data-number) " ";
}
.bul2 > li .list-number {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    color: #fff;
    border-radius: 0.4rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 150%;
    background-color: #063a74;
    margin-right: 0.8rem;
}
.bul2 > li .strong {
    display: inline-block;
    color: #052b57;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 0.4rem;
}
.bul2 > li .strong + .p {
    color: #464c53;
}
.bul2 > li + li {
    margin-top: 0.4rem;
}
.bul2 > li > ul > li {
    position: relative;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 150%;
    padding-left: 2.4rem;
}
.bul2 > li > ul > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 1px;
    background: #464c53;
}
.bul2 > li > ul > li + li {
    margin-top: 0.4rem;
}
@media (max-width: 768px) {
    .bul2 > li {
        font-size: 15px;
    }
    .bul2 > li:before {
        top: 3px;
    }
    .bul2 > li > ul > li {
        font-size: 14px;
    }
    .bul2 > li > ul > li:before {
        top: 2px;
    }
}

.bul3 {
    counter-reset: list-number3;
}
.bul3 > li:nth-child(1) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(1):before {
    content: "가.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(1) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(2) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(2):before {
    content: "나.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(2) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(3) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(3):before {
    content: "다.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(3) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(4) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(4):before {
    content: "라.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(4) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(5) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(5):before {
    content: "마.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(5) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(6) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(6):before {
    content: "바.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(6) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(7) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(7):before {
    content: "사.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(7) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(8) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(8):before {
    content: "아.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(8) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(9) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(9):before {
    content: "자.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(9) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(10) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(10):before {
    content: "차.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(10) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(11) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(11):before {
    content: "카.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(11) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(12) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(12):before {
    content: "타.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(12) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(13) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(13):before {
    content: "파.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(13) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(14) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(14):before {
    content: "하.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(14) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(15) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(15):before {
    content: "가.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(15) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(16) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(16):before {
    content: "나.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(16) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(17) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(17):before {
    content: "다.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(17) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(18) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(18):before {
    content: "라.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(18) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(19) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(19):before {
    content: "마.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(19) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(20) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(20):before {
    content: "바.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(20) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(21) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(21):before {
    content: "사.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(21) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(22) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(22):before {
    content: "아.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(22) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(23) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(23):before {
    content: "자.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(23) + li {
    margin-top: 0.4rem;
}
.bul3 > li:nth-child(24) {
    position: relative;
    padding-left: 2.4rem;
    color: #757575;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: -0.17px;
    counter-increment: list-number3;
}
.bul3 > li:nth-child(24):before {
    content: "차.";
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    background: #fff;
    font-size: 1.7rem;
    font-weight: 400;
}
.bul3 > li:nth-child(24) + li {
    margin-top: 0.4rem;
}

.bul4 > li {
    position: relative;
    color: #464c53;
    padding-left: 2rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%;
}
.bul4 > li + li {
    margin-top: 0.8rem;
}
.bul4 > li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.8rem;
    top: 0.95rem;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    border: 1px solid #58616a;
}
.bul4 > li a[target="_blank"] {
    position: relative;
    color: #256ef4;
}
.bul4 > li > ul > li {
    position: relative;
    padding-left: 1.3rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%;
}
.bul4 > li > ul > li:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}
.bul4 > li > ul > li + li {
    margin-top: 0.4rem;
}
.bul4 > li > ul.num > li {
    padding-left: 1.4rem;
}
.bul4 > li > ul.num > li:nth-child(1)::before {
    content: "①";
}
.bul4 > li > ul.num > li:nth-child(2)::before {
    content: "②";
}
.bul4 > li > ul.num > li:nth-child(3)::before {
    content: "③";
}
.bul4 > li > ul.num > li:nth-child(4)::before {
    content: "④";
}
.bul4 > li > ul.num > li:nth-child(5)::before {
    content: "⑤";
}
.bul4 > li > ul.num > li:nth-child(6)::before {
    content: "⑥";
}
.bul4 > li > ul.num > li:nth-child(7)::before {
    content: "⑦";
}
.bul4 > li > ul.num > li:nth-child(8)::before {
    content: "⑧";
}
.bul4 > li > ul.num > li:nth-child(9)::before {
    content: "⑨";
}
.bul4 > li > ul.num > li:nth-child(10)::before {
    content: "⑩";
}
.bul4 > li > ul.num > li:nth-child(11)::before {
    content: "⑪";
}
.bul4 > li > ul.num > li:nth-child(12)::before {
    content: "⑫";
}
.bul4 > li > ul.num > li:nth-child(13)::before {
    content: "⑬";
}
.bul4 > li > ul.num > li:nth-child(14)::before {
    content: "⑭";
}
.bul4 > li > ul.num > li:nth-child(15)::before {
    content: "⑮";
}
.bul4 > li > ul.num > li:nth-child(16)::before {
    content: "⑯";
}
.bul4 > li > ul.num > li:nth-child(17)::before {
    content: "⑰";
}
.bul4 > li > ul.num > li:nth-child(18)::before {
    content: "⑱";
}
.bul4 > li > ul.num > li:nth-child(19)::before {
    content: "⑲";
}
.bul4 > li > ul.num > li:nth-child(20)::before {
    content: "⑳";
}
@media (max-width: 1024px) {
    .bul4 > li {
        font-size: 13px;
    }
    .bul4 > li > ul > li {
        font-size: 13px;
    }
}

.bul5 > li {
    position: relative;
    color: #464c53;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 150%;
    padding-left: 2.4rem;
}
.bul5 > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.1rem;
    width: 6px;
    height: 1px;
    border-bottom: 1px solid #464c53;
}
.bul5 > li + li {
    margin-top: 0.4rem;
}
@media (max-width: 1024px) {
    .bul5 > li {
        font-size: 15px;
    }
    .bul5 > li:before {
        top: 9px;
    }
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
}

.info-box {
    position: relative;
    padding: 1.6rem;
    padding-left: 4.4rem;
    background: #f4f5f6;
    border: 1px solid #cdd1d5;
    border-radius: 1.2rem;
}
.info-box:before {
    content: "";
    position: absolute;
    left: 1.6rem;
    top: 1.8rem;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("/cntp/images/korean/sub/ico_info.svg") no-repeat
        center/contain;
}
.info-box:has(.h6):before {
    top: 1.6rem;
}
.info-box .p {
    color: #1e2124;
    line-height: 150%;
}
.info-box .p.gray {
    color: #464c53;
}
.info-box.blue {
    background: #eef2f7;
    border-color: #d6e0eb;
}
.info-box.blue:before {
    background-image: url("/cntp/images/korean/sub/ico_info-blue.svg");
}
.info-box.blue .p {
    color: #052b57;
}
@media (max-width: 1024px) {
    .info-box:has(.h6):before {
        top: 14px;
    }
}
@media (max-width: 768px) {
    .info-box:before {
        top: 16px;
    }
}

.dash-box .p.dash-top {
    padding-top: 1.2rem;
    margin-top: 1.2rem;
    border-top: 1px dashed #8a949e;
}

.qna-answer-list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.qna-answer-list > li {
    display: flex;
    gap: 2.4rem;
}
.qna-answer-title {
    flex-shrink: 0;
    width: 18rem;
}
.qna-answer-content {
    flex: 1;
}
@media (max-width: 640px) {
    .qna-answer-title {
        width: 13rem;
    }
}
@media (max-width: 400px) {
    .qna-answer-list > li {
        flex-wrap: wrap;
        gap: 0.8rem;
    }
    .qna-answer-title {
        width: 100%;
    }
}

.article + .article {
    margin-top: 6.4rem;
}

.plan {
    padding-bottom: 24px;
}
.plan-cont {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.plan-link {
    color: #256ef4;
    font-size: 1.7rem;
    line-height: 150%;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.plan-link:hover {
    color: #0b50d0;
}
.plan-link-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 4.8rem;
    background: #eef2f7;
    border-radius: 0.8rem;
    padding: 0 0.6rem;
    z-index: 1;
}
.plan-item {
    position: relative;
    flex: 1;
    display: flex;
    width: 49.09%;
    border-radius: 0.8rem;
    border: 2px solid transparent;
}
.plan-item-box {
    flex: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 2rem;
    padding: 0.8rem;
}
.plan-item-box:before {
    content: "";
    position: absolute;
    top: 0.8rem;
    left: 50%;
    width: 1px;
    height: calc(100% - 1.6rem);
    background: #1e2124;
}
.plan-item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49.77%;
    padding: 1.2rem;
}
.plan-item-title strong {
    color: #131416;
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
    line-height: 150%;
}
.plan-item.green {
    border-color: #e6f6d3;
}
.plan-item.green:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 100%;
    border-bottom: 1px solid #1e2124;
}
.plan-item.green .plan-item-title {
    background: #e6f6d3;
}
.plan-item.blue {
    border-color: #ecf2fe;
}
.plan-item.blue .plan-item {
    border-color: #ecf2fe;
}
.plan-item.blue .plan-item-title {
    background: #ecf2fe;
}
.plan-item-plus {
    position: absolute;
    left: calc(100% + 2.8rem);
    top: calc(50% - 2.4rem);
    transform: translateX(0);
    display: flex;
    gap: 2.4rem;
    width: 100%;
    z-index: 1;
}
.plan-item-plus-detail {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.plan-item-plus-detail .title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4.8rem;
    border: 1px solid #063a74;
    border-radius: 0.8rem;
    padding: 0 0.8rem;
    background: #fff;
}
.plan-item-plus-detail .title > strong {
    display: block;
    color: #063a74;
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
    line-height: 150%;
}
.plan-item-plus-detail .info {
    padding: 1.6rem;
    background: #f4f5f6;
    border-radius: 0.8rem;
}
@media (max-width: 640px) {
    .plan-item-plus {
        flex-direction: column;
    }
    .plan-item-plus:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        background: #1e2124;
    }
}
@media (max-width: 480px) {
    .plan-item {
        flex-direction: column;
    }
    .plan-item-title {
        width: 100%;
    }
    .plan-item-plus {
        width: calc(100% + 0.4rem);
    }
    .plan-link-btn.plus:after {
        width: 100%;
    }
}

.greeting-bg {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8.3rem;
    border-radius: 1.2rem;
    overflow: hidden;
    padding: 0 4.8rem 0 5.6rem;
}
.greeting-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/public/images/korean/sub/greeting_bg.webp) no-repeat
        center/cover;
    z-index: 0;
}
.greeting-title {
    position: relative;
    display: flex;
    flex-direction: column;
}
.greeting-title .img img {
    display: block;
    width: 9.3rem;
}
.greeting-title .txt {
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 120%;
    margin-top: 3.2rem;
}
.greeting-title .txt p {
    color: #424242;
}
.greeting-title .txt em {
    font-weight: 400;
}
.greeting-title .txt br {
    display: none;
}
.greeting-captain {
    position: relative;
    width: 38.5rem;
    height: 32.6rem;
}
.greeting-captain img {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
}
.greeting-txt {
    margin-top: 5.6rem;
}
.greeting-txt p {
    color: #616161;
    font-size: 2rem;
    font-weight: 400;
    line-height: 160%;
}
.greeting-txt p + p {
    margin-top: 1.2rem;
}
.greeting-sign {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.6rem;
}
.greeting-sign em {
    color: #424242;
    font-size: 2rem;
    line-height: 140%;
}
.greeting-sign img {
    display: block;
    width: 12.6rem;
}
@media (max-width: 1579px) {
    .greeting-bg {
        gap: 2rem;
        padding: 0 3.2rem;
    }
}
@media (max-width: 768px) {
    .greeting-bg {
        flex-direction: column;
        align-items: center;
        padding: 4rem 2.4rem 0;
    }
    .greeting-title .img img {
        width: 93px;
        margin: auto;
    }
    .greeting-title .txt {
        font-size: 32px;
        line-height: 140%;
        text-align: center;
    }
    .greeting-title .txt br {
        display: block;
    }
    .greeting-sign {
        flex-wrap: wrap;
        justify-content: center;
    }
    .greeting-sign em {
        font-size: 20px;
    }
    .greeting-sign img {
        width: 126px;
    }
    .greeting-captain {
        width: 380px;
        height: 326px;
    }
    .greeting-txt p {
        font-size: 20px;
    }
}

.mission-item {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.mission-item-title {
    position: absolute;
    bottom: calc(100% - 2.1rem);
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 3.7rem;
    border-radius: 5rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0 2.4rem;
}
.mission-item-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    border-radius: 10rem;
    padding: 3.2rem 3.2rem 2.4rem;
}
.mission-item-box p {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 160%;
}
.mission-item-box.blue {
    background: #f1f8fc;
    border: 1px solid #149dd6;
}
.mission-item-box.blue .mission-item-title {
    background: #018cc6;
}
.mission-item-box.blue p {
    color: #018cc6;
}
.mission-item-box.green {
    background: #fff;
    border: 1px solid #85a1e9;
}
.mission-item-box.green .mission-item-title {
    background: #4e75d9;
}
.mission-item-box.green p {
    color: #4e75d9;
}
.mission-item-box.deep-green {
    background: #e9f4ec;
}
.mission-item-box.deep-green .mission-item-title {
    background: #007c2b;
}
.mission-item-box.deep-green .mission-box {
    padding: 0;
}
.mission-item-box.deep-green .mission-box-list {
    justify-content: center;
    gap: 2.4rem 6.6rem;
    width: 100%;
}
.mission-item-box.deep-green .mission-box-list > li {
    width: -moz-fit-content;
    width: fit-content;
    background: none;
}
.mission-item-box.deep-green .mission-box-list > li p {
    font-weight: 400;
}
.mission .arrow {
    display: block;
    text-align: center;
    margin: 2.4rem 0;
}
.mission .arrow img {
    display: block;
    width: 42.9rem;
    margin: 0.8rem auto;
}
.mission-box-container {
    position: relative;
    margin-top: 2.4rem;
}
.mission-box-container .mission-item-title {
    position: relative;
    background: #00a196;
}
.mission-box-container .mission-item-title.navy {
    background: #005173;
    color: #fff;
}
.mission-box-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
    margin-top: 1.6rem;
}
.mission-box-list > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    width: calc(33.3333333333% - 1.6rem);
    background: #ebf4f4;
    padding: 3.2rem;
}
.mission-box-list > li .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.65rem;
    background: #fff;
    border-radius: 50%;
    width: 16rem;
    height: 16rem;
}
.mission-box-list > li .icon img {
    display: block;
    width: 4.8rem;
}
.mission-box-list > li p {
    color: #222;
    font-size: 1.8rem;
    line-height: 160%;
    text-align: center;
}
.mission-task-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
}
.mission-task-list > li {
    display: flex;
    flex-direction: column;
    width: calc(33.3333333333% - 1.6rem);
    border: 1px solid #e0e0e0;
}
.mission-task-topic {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    height: 12.1rem;
    font-weight: 600;
    text-align: center;
    background: #f5f5f5;
    border-radius: 1.2rem 1.2rem 0 0;
    padding: 2.4rem 3.2rem;
}
.mission-task-topic .banner {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 7.1rem;
    height: 3.3rem;
    background: #fff;
    padding: 0.2rem 1rem;
    border: 1px solid #005173;
}
.mission-task-info {
    flex-grow: 1;
    padding: 2.4rem 3.2rem;
    border-radius: 0 0 1.2rem 1.2rem;
}
@media (max-width: 768px) {
    .mission-task-list > li {
        width: 100%;
    }
    .mission-task-topic {
        padding: 2.4rem;
    }
}
@media (max-width: 640px) {
    .mission-box-list > li {
        width: 100%;
    }
}

.history-title {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    background: #f1f8fc;
    padding: 4rem 6.4rem;
}
.history-title:after {
    content: "";
    position: absolute;
    right: 4rem;
    bottom: 0;
    width: 50.4rem;
    height: 8.98rem;
    background: url(/public/images/korean/sub/ico_history_bg.svg) no-repeat
        center/contain;
}
.history-title-sub {
    color: #424242;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 160%;
}
.history-title > strong {
    color: #018cc6;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 160%;
}
.history-info {
    position: relative;
    margin-top: 5.6rem;
}
.history-list {
    display: flex;
    flex-direction: column;
}
.history-list > li {
    display: flex;
}
.history-list > li:last-child .history-detail-list {
    padding-bottom: 11.9rem;
}
.history-list > li:has(.history-detail-list > li.active) .history-progess {
    transition: height 0.2s ease;
}
.history-year {
    flex-shrink: 0;
    width: 25.9rem;
}
.history-month {
    flex-shrink: 0;
    display: inline-block;
    width: 6rem;
    color: #007c2b;
    font-size: 2rem;
    font-weight: 700;
    line-height: 160%;
}
.history-progress {
    position: absolute;
    left: 25.9rem;
    top: 1.4rem;
    width: 1px;
    height: 0;
    max-height: 100%;
    background: #61a200;
    z-index: 1;
}
.history-detail {
    position: relative;
    padding-left: 5.2rem;
    padding-bottom: 4.8rem;
}
.history-detail:before {
    content: "";
    position: absolute;
    top: 1.4rem;
    left: 0;
    width: 1px;
    height: 100%;
    background: #eeeeee;
}
.history-detail-list > li {
    position: relative;
    display: flex;
    gap: 4.8rem;
}
.history-detail-list > li:before,
.history-detail-list > li:after {
    content: "";
    position: absolute;
    right: calc(100% + 5.2rem);
    transform: translateX(calc(50% + 1px));
    border-radius: 50%;
}
.history-detail-list > li:before {
    top: 1.2rem;
    width: 0.8rem;
    height: 0.8rem;
    background: #e0e0e0;
}
.history-detail-list > li:after {
    display: none;
    top: 0.6rem;
    width: 2rem;
    height: 2rem;
    background: rgba(136, 188, 59, 0.4);
}
.history-detail-list > li.active:before {
    background: #88bc3b;
}
.history-detail-list > li.active:after {
    display: block;
}
.history-detail-list > li + li {
    margin-top: 1.6rem;
}
.history-detail-list > li p {
    color: #424242;
    font-size: 2rem;
    line-height: 160%;
}
@media (max-width: 1280px) {
    .history-title {
        padding: 4.8rem 3.2rem;
    }
}
@media (max-width: 768px) {
    .history-title-sub {
        font-size: 14px;
    }
    .history-progress {
        left: 13.5rem;
    }
    .history-year {
        width: 13.5rem;
    }
    .history-detail-list > li {
        gap: 0.8rem 3.2rem;
    }
}
@media (max-width: 587px) {
    .history-progress {
        left: 12rem;
    }
    .history-year {
        width: 12rem;
    }
    .history-detail {
        padding-left: 3.2rem;
    }
    .history-detail-list > li {
        flex-direction: column;
    }
    .history-detail-list > li:before,
    .history-detail-list > li:after {
        right: calc(100% + 3.2rem);
    }
    .history-month {
        width: 100%;
    }
}
@media (max-width: 460px) {
    .history-progress {
        left: 0;
        top: calc(33.9px + 1.6rem + 1rem);
        max-height: calc(100% - 33.9px - 1.6rem - 1rem);
    }
    .history-list {
        position: relative;
        padding-left: 3.2rem;
    }
    .history-list:before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(33.9px + 1.6rem + 1rem);
        width: 1px;
        height: calc(100% - 33.9px - 1.6rem - 1rem);
        border-left: 1px solid #e0e0e0;
    }
    .history-list > li {
        flex-direction: column;
        gap: 1.6rem;
    }
    .history-detail {
        padding-left: 0;
    }
    .history-detail:before {
        display: none;
    }
}

.organization-info {
    position: relative;
    width: 100%;
}
@media (max-width: 640px) {
    .organization-info {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .organization-info:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        border-left: 1px solid #e0e0e0;
    }
}
.organization-info > div {
    position: relative;
    z-index: 1;
}
.organization-caption {
    display: flex;
    justify-content: center;
}
.organization-caption strong {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16rem;
    height: 16rem;
    color: #f3650c;
    background: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 140%;
    border-radius: 50%;
    border: 2px solid #f3650c;
}
.organization-subcaption {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 12px;
    padding-bottom: 40px;
}
@media (max-width: 640px) {
    .organization-subcaption {
        padding-bottom: 0;
    }
}
.organization-subcaption:after {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: calc(100% - 40px);
    border-left: 1px solid #e0e0e0;
}
@media (max-width: 640px) {
    .organization-subcaption:after {
        display: none;
    }
}
.organization-item {
    position: relative;
}
@media (max-width: 640px) {
    .organization-item {
        width: 100%;
    }
}
.organization-item-name {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 26.7rem;
    height: 6.8rem;
    font-size: 2rem;
    font-weight: 700;
    padding: 0.5rem 2rem;
    background: #fff;
    line-height: 140%;
}
@media (max-width: 640px) {
    .organization-item-name {
        width: 100%;
    }
}
.organization-item.type1.border {
    display: flex;
    justify-content: flex-end;
}
.organization-item.type1.border:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    border-bottom: 1px solid #e0e0e0;
    top: calc(50% - 0.5px);
    left: 0;
    z-index: -1;
}
@media (max-width: 640px) {
    .organization-item.type1.border:before {
        display: none;
    }
}
.organization-item.type1.border > span {
    border: 1px solid #005173;
    color: #005173;
}
.organization-item.type2 {
    color: #fff !important;
}
.organization-item.type2 > a {
    background: #005173;
}
.organization-item.type3 > a {
    color: #fff;
    background: #61a200;
}
.organization-item.type4 > a {
    color: #fff;
    background: #0c5fbd;
}
.organization-item.type5 > span {
    color: #fff;
    background: #f3650c;
}
.organization-task {
    padding: 2rem;
    background: #f5f5f5;
}
.organization-task li {
    color: #424242;
}
.organization .organization02 {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin-left: 50%;
    padding: 2.4rem 0;
}
@media (max-width: 640px) {
    .organization .organization02 {
        padding: 0;
        margin-left: 0;
    }
}
.organization .organization02:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #e0e0e0;
}
.organization .organization03 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.4rem;
    padding: 40px 0 0;
}
.organization .organization03:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - (25% - 1.8rem));
    height: 1px;
    border-top: 1px solid #e0e0e0;
}
@media (max-width: 640px) {
    .organization .organization03:before {
        display: none;
    }
}
@media (max-width: 640px) {
    .organization .organization03 {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 0;
    }
}
.organization .organization03 .organization-task {
    flex-grow: 1;
}
.organization .organization03 .organization-task * {
    word-break: break-all;
}
.organization .organization03 .organization-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    width: calc(25% - 1.8rem);
}
.organization .organization03 .organization-item-name {
    flex-shrink: 0;
}
.organization .organization03 .organization-item-name:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 1px;
    height: 40px;
    border-right: 1px solid #e0e0e0;
}
.organization
    .organization03
    .organization-item:last-child
    .organization-item-name:before {
    display: none;
}
@media (max-width: 1640px) {
    .organization .organization03 .organization-item-name {
        min-width: auto;
    }
}
@media (max-width: 640px) {
    .organization .organization03 .organization-item {
        width: 100%;
    }
    .organization .organization03 .organization-item-name:before {
        display: none;
    }
}
.organization-desc {
    display: flex;
    flex-direction: column;
    gap: 5.6rem;
}
.organization-desc-item {
    display: none;
}
.organization-desc-box + .organization-desc-box {
    margin-top: 5.6rem;
}

.location-map {
    width: 100%;
    height: 41.6rem;
    overflow: hidden;
    background: #424242;
    border-radius: 1.6rem;
}
.location-map > div:nth-of-type(2) {
    display: none !important;
}
.location-map .root_daum_roughmap_landing {
    height: 100% !important;
}
.location-map .wrap_controllers,
.location-map .map_border,
.location-map .wrap_btn_zoom {
    display: none !important;
}
.location-map .wrap_map {
    height: 41.6rem !important;
}
.location-contact-list {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.location-contact-list > li {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    padding-right: 2.4rem;
}
.location-info {
    display: flex;
}
.location-info-list {
    display: flex;
    align-items: center;
    gap: 9.6rem;
    width: 100%;
}
.location-info-list > li {
    display: flex;
}
.location-info-list > li.address {
    position: relative;
    flex: 1;
    display: flex;
    gap: 2.4rem;
}
.location-info-list > li.address:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 4.8rem);
    transform: translateY(-50%);
    width: 1px;
    height: 6.8rem;
    border-left: 1px solid #cdd1d5;
}
.location-info-list > li.address:after .title {
    width: -moz-fit-content;
    width: fit-content;
}
.location-info-list > li:not(.address) {
    flex-shrink: 0;
}
.location-info-list > li .icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.8rem;
    height: 8.8rem;
    border-radius: 4.4rem;
    background: #eef2f7;
}
.location-info-list > li .icon img {
    display: block;
    width: 3.2rem;
}
.location-info-list > li .title {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    flex-shrink: 0;
    width: 6.4rem;
}
.location-info-list > li .title > img {
    display: block;
    width: 2rem;
}
.location-info-list > li .title .h5 {
    display: block;
    margin-bottom: 0;
}
.location-info-list > li .col-item {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
@media (max-width: 1024px) {
    .location-info-list {
        gap: 4rem;
    }
    .location-info-list > li.address:after {
        left: calc(100% + 2rem);
    }
}
@media (max-width: 639px) {
    .location-info-list {
        flex-direction: column;
        align-items: start;
        gap: 2.4rem;
    }
    .location-info-list > li {
        width: 100%;
    }
    .location-info-list > li.address:after {
        display: none;
    }
}

.bus-item {
    display: flex;
}
.bus-item > p {
    flex-shrink: 0;
    width: 22.6rem;
    margin-right: 2.4rem;
}
.bus-item > p span {
    color: #9e9e9e;
    margin-left: 0.4rem;
}
.bus-num {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 6rem;
    height: 3rem;
    padding: 0.2rem 0.8rem;
    background-color: #61a200;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
}
.bus-num.dash:before {
    content: "•••";
    position: absolute;
    top: 50%;
    left: calc(100% + 0.8rem);
    transform: translateY(-50%);
    font-size: 1.8rem;
    color: #b6b6b6;
    line-height: 1;
}
.bus-num-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem 0.4rem;
}
@media (max-width: 768px) {
    .bus-item {
        flex-direction: column;
        gap: 0.8rem;
    }
    .bus-item > p {
        width: auto;
        margin-right: 0;
    }
}

.ci-container {
    display: flex;
    flex-direction: column;
    gap: 5.6rem;
}
.ci-item .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22rem;
    padding: 0 2rem;
    background: url(/public/images/korean/sub/ci-line.png) no-repeat
        center/cover;
}
.ci-item .logo img {
    display: block;
    width: 33.616rem;
    margin: auto;
}
.ci-item .color {
    padding: 4rem;
}
.ci-item .color-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5.2rem;
}
.ci-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18rem;
    border: 1px solid #e0e0e0;
}
.ci-image {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    flex: 1;
    height: 100%;
    padding: 2rem;
    text-align: center;
}
.ci-image:not(:last-child):before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 4rem);
    background-color: #e0e0e0;
}
.ci-image .p {
    color: #9e9e9e;
    text-align: center;
}
.ci-image img {
    display: block;
    width: 30rem;
    background: #fff;
    filter: contrast(101%);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
@media (max-width: 1320px) {
    .ci-item .color-container {
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .ci-item .color {
        padding: 4rem 3rem;
    }
    .ci-box {
        flex-direction: column;
        height: auto;
    }
    .ci-image {
        width: 100%;
        padding: 4rem 2rem 3rem;
    }
    .ci-image:not(:last-child):before {
        top: 100%;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: calc(100% - 4rem);
        height: 1px;
    }
}

.box-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2.8rem;
}
.box-container[data-number="3"] .box-item {
    width: calc(33.3333333333% - 1.8666666667rem);
}
.box-container[data-number="4"] .box-item {
    width: calc(25% - 2.1rem);
}
.box-container[data-number="5"] .box-item {
    width: calc(20% - 2.24rem);
}
.box-item {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.box-item:not(:last-child):after {
    content: "\ea6d";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 2.8rem;
    height: 2.8rem;
    font-family: "remixicon";
    color: #9e9e9e;
    font-size: 2.8rem;
}
.box-item:nth-child(1) .box-item-title {
    background-color: #61a200;
}
.box-item:nth-child(2) .box-item-title {
    background-color: #007c2b;
}
.box-item:nth-child(3) .box-item-title {
    background-color: #005173;
}
.box-item:nth-child(4) .box-item-title {
    background-color: #0c5fbd;
}
.box-item:has(.box-item-num) {
    gap: 1.6rem;
    border: 1px solid #e0e0e0;
    padding: 2.4rem;
}
.box-item:has(.box-item-num) .box-item-info {
    border: none;
    padding: 0;
}
.box-item-title {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6rem;
    padding: 0.5rem 2rem;
    border-radius: 1.2rem 1.2rem 0 0;
}
.box-item-title .h5 {
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 140%;
    text-wrap: balance;
}
.box-item-num .h5 {
    color: #61a200;
    font-weight: 700;
}
.box-item-info {
    flex-grow: 1;
    padding: 2rem 2.4rem;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 1.2rem 1.2rem;
}
.box-item-info:has(.bul1) .bul1 > li + li {
    margin-top: 0.4rem;
}
.box-item-info .p {
    word-break: break-all;
}
@media (max-width: 1024px) {
    .box-item-title {
        height: 7rem;
    }
}
@media (max-width: 640px) {
    .box-container {
        flex-direction: column;
    }
    .box-item {
        width: 100% !important;
    }
    .box-item:not(:last-child):after {
        left: 50%;
        top: 100%;
        transform: translateX(-50%) rotate(90deg);
    }
    .box-item-title {
        height: auto;
        padding: 1.6rem 2.4rem;
    }
    .box-item-info {
        padding: 1.6rem 2.4rem;
    }
}

.survey-chart-cont {
    margin: auto;
}
.survey-chart-results {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
.survey-chart-legend {
    padding: 2.4rem;
    border: 1px solid #cdd1d5;
    border-radius: 1.2rem;
}
.survey-chart-legend-list > li + li {
    margin-top: 0.8rem;
}
.survey-chart-legend-item {
    display: flex;
    gap: 0.8rem;
}
.survey-chart-legend-text {
    display: flex;
    gap: 0.8rem;
}
.survey-chart-legend-bullet {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 0.4rem;
    transform: translateY(0.5rem);
}
.survey-chart-legend-row {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    height: -moz-fit-content;
    height: fit-content;
}
.survey-chart-legend-percentage {
    flex-shrink: 0;
    width: 5.6rem;
    color: #0b50d0;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 150%;
}
.survey-chart-legend-count {
    flex-shrink: 0;
    width: 5.6rem;
    color: #464c53;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%;
}
.survey-chart-legend-label {
    flex: 1;
    color: #1e2124;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 150%;
}
@media (max-width: 400px) {
    .survey-chart-legend-text {
        flex-wrap: wrap;
    }
    .survey-chart-legend-label {
        flex: auto;
        width: 100%;
    }
}

.bb svg {
    display: block;
    width: 100%;
}
.bb-chart-arcs-title > tspan {
    color: #1e2124;
    font-family: "Pretendard GOV" !important;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 150%;
}
.bb-chart-arcs-title > tspan:last-child {
    fill: #0b50d0;
}
@media (max-width: 768px) {
    .bb-chart-arcs-title > tspan {
        font-size: 15px;
    }
}

[id^="privacy__item"] + [id^="privacy__item"] {
    margin-top: 5.6rem;
}

.privacy {
    /* 반응형 */
}
.privacy__wrap .bul2 > li + li {
    margin-top: 1.6rem;
}
.privacy__wrap > div {
    position: relative;
}
.privacy__wrap > div .privacy__title .h4 {
    display: inline-block;
    margin-right: 1.2rem;
}
.privacy__wrap > div .privacy__title img {
    width: 6rem;
}
.privacy__wrap > div .privacy__top,
.privacy__wrap > div .privacy__box {
    font-size: 2rem;
    line-height: 1.4;
    text-align: center;
}
.privacy__wrap > div .privacy__box {
    position: relative;
    overflow: hidden;
    border-top: 2px solid #424242;
}
.privacy__wrap > div .privacy__box::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    content: "";
}
.privacy__wrap > div .privacy__box-title strong {
    display: block;
    padding: 2rem;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}
.privacy__wrap > div .privacy__box-title div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 2rem;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}
.privacy__wrap > div .privacy__box-title div .p {
    font-weight: 500;
    color: #111;
}
.privacy__wrap > div .privacy__box-title div .desc {
    color: #9e9e9e;
    font-weight: 400;
    margin-top: 0.8rem;
}
.privacy__wrap > div .privacy__box-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 8rem;
    height: 100%;
    padding: 1.6rem 2rem;
    line-height: 1.4;
    text-align: center;
}
.privacy__wrap > div .privacy__box-dot-list > li {
    font-size: 1.8rem;
}
.privacy__wrap > div .privacy__box-dot-list > li::before {
    top: 1rem;
}
.privacy__wrap > div .privacy__box-dot-list > li .num-list {
    margin: 1rem 0;
}
.privacy__wrap > div .privacy__box-dot-list > li .num-list > li {
    font-size: 1.7rem;
    line-height: 2.6rem;
}
.privacy__wrap > div .privacy__box > div > p {
    font-size: 1.8rem;
}
.privacy__box-align {
    overflow: hidden;
}
.privacy__box-align ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 1px);
}
.privacy__box-align ul li {
    width: 50%;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.privacy__box-align--align6 ul li {
    width: 16.6666666667%;
}
.privacy__labeling li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}
.privacy__labeling li img {
    display: block;
    width: 8rem;
}
.privacy__labeling li img + span {
    margin-top: 1.2rem;
}
.privacy__labeling li p {
    margin-top: 0.8rem;
    color: #222;
}
.privacy__list > li > a {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    padding: 2rem;
}
.privacy__list > li > a img {
    display: block;
    width: 6.4rem;
}
.privacy__list > li > a p {
    color: #222;
    text-align: left;
}
@media (max-width: 768px) {
    .privacy__box-align ul li {
        width: 100%;
    }
    .privacy__box-align ul li:empty {
        display: none;
    }
    .privacy__box-align--align6 ul li {
        width: 33.3333333333%;
    }
}
@media (max-width: 460px) {
    .privacy__box-align--align6 ul li {
        width: 50%;
    }
}

#sub01-1-1 .border-cont .bul1 > li + li {
    margin-top: 3.2rem;
}