@charset "UTF-8";

/* 서브 페이지 */

/* SUB SETTING */
#new_sc {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .subsc_area {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .subsc_area .subsc_con {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .subsc_area .subsc_con .sub_con {
    width: 100%;
    height: auto;
    position: relative;
}
/* SUB SETTING END */

/* SUB TOP (이전 기본형)
#new_sc .subsc_area .subsc_con .subtop_wrap {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 64px 0 56px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px 22px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item + .crumb_item::before {
    content: '/';
    position: absolute;
    top: 0;
    left: -14px;
    color: #b8c0d0;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item > a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item > a:hover {
    color: #0e43fe;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_on {
    font-weight: 600;
    color: #03091f;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.75rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.25;
    word-break: keep-all;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox {
    width: 100%;
    max-width: 44em;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con {
        padding: 0 30px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 2.5rem;
    }
}

@media all and (max-width: 1281px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 2.25rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 1.0625rem;
    }
}

@media all and (max-width: 1025px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area {
        padding: 52px 0 44px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 2rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 1.75rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area {
        padding: 40px 0 34px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con {
        padding: 0 15px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item,
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item > a {
        font-size: 0.8125rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox {
        margin-top: 14px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 1.5rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox {
        margin-top: 10px;
    }
}

@media all and (max-width: 481px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area {
        padding: 32px 0 28px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item,
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item > a {
        font-size: 0.75rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 1.3125rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 0.8125rem;
    }
}
*/

/* SUB TOP */
#new_sc .subsc_area .subsc_con .subtop_wrap {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 64px 0;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb {
    width: auto;
    height: auto;
    position: relative;
    margin: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px 28px;
    padding: 8px 16px;
    background-color: #fff;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 0 1px #e0e4ed;
    box-shadow: 0 0 0 1px #e0e4ed;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item {
    width: auto;
    height: auto;
    position: relative;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    /* font-size: 0.875rem; */
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item + .crumb_item::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: -22px;
    margin-top: -8px;
    background-image: url(../img/crumb_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item > a {
    font-size: 0.9375rem;
    /* font-size: 0.875rem; */
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item > a:hover {
    color: #0e43fe;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_home {
    width: 21px;
    height: 21px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_home > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    font-size: 0;
    /* background-image: url(../img/crumb_home.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain; */
    /* 아이콘 모양만 쓰고 색은 배경색으로 (하버 때 색만 바뀌게) */
    background-color: #5a6478;
    -webkit-mask: url(../img/crumb_home.svg) center / contain no-repeat;
    mask: url(../img/crumb_home.svg) center / contain no-repeat;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_home > a:hover,
#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_home > a:focus-visible {
    /* background-image: url(../img/crumb_home_on.svg); */
    background-color: #0e43fe;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_on {
    font-weight: 600;
    color: #03091f;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 28px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 3.125rem;
    /* font-size: 3.5rem; */
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.15;
    word-break: keep-all;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 > span {
    color: #0e43fe;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2::after {
    content: '';
    width: 44px;
    height: 4px;
    position: relative;
    display: block;
    margin-top: 22px;
    background-color: #0e43fe;
    border-radius: 2px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox {
    width: 100%;
    max-width: 44em;
    height: auto;
    position: relative;
    margin-top: 20px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con {
        padding: 0 30px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 3rem;
    }
}

@media all and (max-width: 1281px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 2.625rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 1.0625rem;
    }
}

@media all and (max-width: 1025px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area {
        padding: 52px 0;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox {
        margin-top: 24px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 2.25rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 2rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2::after {
        width: 36px;
        margin-top: 18px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox {
        margin-top: 16px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area {
        padding: 40px 0;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con {
        padding: 0 15px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb {
        gap: 6px 22px;
        padding: 6px 12px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item,
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item > a {
        font-size: 0.8125rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item + .crumb_item::before {
        width: 14px;
        height: 14px;
        left: -18px;
        margin-top: -7px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_home {
        width: 19px;
        height: 19px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox {
        margin-top: 18px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 1.75rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2::after {
        width: 30px;
        height: 3px;
        margin-top: 14px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox {
        margin-top: 12px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area {
        padding: 32px 0;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item,
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item > a {
        font-size: 0.75rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_home {
        width: 18px;
        height: 18px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2 {
        font-size: 1.5rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_titbox > h2::after {
        width: 26px;
        margin-top: 12px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_pbox > p {
        font-size: 0.8125rem;
    }
}
/* SUB TOP END */

/* SUB TOP SKETCH (2026-10-16 시안 v0.4: 설명 아래 스케치 일러스트, 시안 SVG 그대로) */
#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_sketch {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    background-color: #f4f6fb;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_sketch.subtop_sketch_products {
    aspect-ratio: 1500 / 480;
    background-image: url(../img/sketch_products.svg);
}

@media all and (max-width: 1025px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_sketch {
        margin-top: 32px;
    }
}

@media all and (max-width: 885px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_sketch {
        margin-top: 28px;
        border-radius: 10px;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_sketch {
        margin-top: 22px;
        border-radius: 8px;
    }
}
/* SUB TOP SKETCH END */

/* SUB TOP CHIPS (2026-10-16 시안 v0.4: 설명 아래 칩 링크 — 고객 사례 산업별 보기) */
#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips .subtop_chip {
    width: auto;
    height: 40px;
    position: relative;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips .subtop_chip > a {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #d5dbe8;
    border-radius: 20px;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips .subtop_chip > a:hover {
    color: #0e43fe;
    border-color: #0e43fe;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips .subtop_chip.chip_on > a {
    font-weight: 600;
    color: #fff;
    background-color: #0e43fe;
    border-color: #0e43fe;
}

@media all and (max-width: 885px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips {
        margin-top: 26px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips .subtop_chip {
        height: 36px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips .subtop_chip > a {
        padding: 0 16px;
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips {
        margin-top: 20px;
        gap: 6px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips .subtop_chip {
        height: 32px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_chips .subtop_chip > a {
        padding: 0 14px;
        font-size: 0.8125rem;
    }
}
/* SUB TOP CHIPS END */

/* SUB TOP LABEL (2026-10-16 일반형 제목 위 알약 라벨 — 고객 사례 상세) */
#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label {
    width: auto;
    height: auto;
    position: relative;
    margin-top: 28px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label + .subtop_titbox {
    margin-top: 16px;
}

/* 고객 사례 제조: 연구소 캠퍼스 스케치 (1200 x 480) */
#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_sketch.subtop_sketch_campus {
    aspect-ratio: 1200 / 480;
    background-image: url(../img/sketch_campus.svg);
}

@media all and (max-width: 885px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label {
        margin-top: 24px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label > span {
        font-size: 0.8125rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label + .subtop_titbox {
        margin-top: 14px;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label {
        margin-top: 18px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_label + .subtop_titbox {
        margin-top: 12px;
    }
}
/* SUB TOP LABEL END */

/* SUB TOP LOGO (2026-10-16 일반형 라벨 위 고객 로고 — 고객 사례 대한항공) */
#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_logo {
    width: 200px;
    height: 30px;
    position: relative;
    margin-top: 28px;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_logo.subtop_logo_kal {
    background-image: url(../img/koreanair_logo.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_logo + .subtop_label {
    margin-top: 14px;
}

/* 고객 사례 대한항공: 공항 스케치 (1200 x 480) */
#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_sketch.subtop_sketch_airport {
    aspect-ratio: 1200 / 480;
    background-image: url(../img/sketch_airport.svg);
}

@media all and (max-width: 885px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_logo {
        width: 176px;
        height: 26px;
        margin-top: 24px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_logo + .subtop_label {
        margin-top: 12px;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_logo {
        width: 150px;
        height: 22px;
        margin-top: 18px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_logo + .subtop_label {
        margin-top: 10px;
    }
}
/* SUB TOP LOGO END */

/* SUB ANCHOR OFFSET (2026-10-16 다른 페이지에서 '/technology#patents'처럼 섹션 주소로 들어올 때 고정 헤더·이동 메뉴에 가리지 않게) */
#new_sc .subsc_area .subsc_con .sub_con {
    scroll-margin-top: 69px;
}

/* 이동 메뉴가 있는 페이지: 헤더 69 + 이동 메뉴 높이 */
#new_sc .subsc_area .subsc_con:has(.subanc_wrap) .sub_con {
    scroll-margin-top: 130px;
}

@media all and (max-width: 1025px) {
    #new_sc .subsc_area .subsc_con:has(.subanc_wrap) .sub_con {
        scroll-margin-top: 126px;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con:has(.subanc_wrap) .sub_con {
        scroll-margin-top: 122px;
    }
}

@media all and (max-width: 481px) {
    #new_sc .subsc_area .subsc_con:has(.subanc_wrap) .sub_con {
        scroll-margin-top: 118px;
    }
}
/* SUB ANCHOR OFFSET END */

/* SUB TOP PROD (제품 상세형) */
#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 36px;
    display: -ms-grid;
    display: grid;
    /* -ms-grid-columns: minmax(0, 1fr) 56px 440px; */
    -ms-grid-columns: minmax(0, 1fr) 56px 480px;
    /* grid-template-columns: minmax(0, 1fr) 440px; */
    grid-template-columns: minmax(0, 1fr) 480px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 56px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi {
    width: 140px;
    height: 36px;
    position: relative;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi_npass {
    background-image: url(../img/npass_logo.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi_nsure {
    width: 98px;
    height: 58px;
    margin-left: -4px;
    /* background-image: url(../img/nsure_bi.svg); */
    /* 어두운 상단이라 흰 글자 로고 */
    background-image: url(../img/nsure_bi_w.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox {
    margin-top: 12px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 {
    font-size: 2.625rem;
    line-height: 1.3;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_pbox {
    max-width: none;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn {
    width: auto;
    height: 52px;
    position: relative;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 26px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn_01 > a {
    color: #fff;
    background-color: #0e43fe;
    border-color: #0e43fe;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn_01 > a:hover {
    background-color: #0a32c2;
    border-color: #0a32c2;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn_02 > a {
    color: #131313;
    background-color: #fff;
    border-color: #d5dae5;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn_02 > a:hover {
    color: #0e43fe;
    border-color: #0e43fe;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 8px 32px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 20px 0;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item + .fact_item {
    border-top: 1px solid #e0e4ed;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dd {
    margin: 6px 0 0;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.5;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 {
        font-size: 2.5rem;
    }
}

@media all and (max-width: 1281px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox {
        /* -ms-grid-columns: minmax(0, 1fr) 40px 380px; */
        -ms-grid-columns: minmax(0, 1fr) 40px 420px;
        /* grid-template-columns: minmax(0, 1fr) 380px; */
        grid-template-columns: minmax(0, 1fr) 420px;
        gap: 40px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker > span {
        font-size: 1rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 {
        font-size: 2.25rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts {
        padding: 4px 26px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item {
        padding: 18px 0;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dd {
        font-size: 1rem;
    }
}

@media all and (max-width: 1025px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox {
        margin-top: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi {
        width: 124px;
        height: 32px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 {
        font-size: 2rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox {
        margin-top: 28px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn {
        height: 48px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn > a {
        padding: 0 22px;
        font-size: 0.9375rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 32px;
        padding: 4px 28px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item + .fact_item {
        border-top: 0;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item:nth-child(n+3) {
        border-top: 1px solid #e0e4ed;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dd {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker {
        margin-top: 16px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker > span {
        font-size: 0.9375rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 {
        font-size: 1.75rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_pbox > p > br {
        display: none;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts {
        border-radius: 10px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dt {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox {
        margin-top: 24px;
        gap: 28px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi {
        width: 108px;
        height: 28px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker {
        margin-top: 14px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker > span {
        font-size: 0.875rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox {
        margin-top: 8px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 {
        font-size: 1.5rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox {
        margin-top: 24px;
        gap: 8px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn {
        height: 44px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn > a {
        padding: 0 18px;
        font-size: 0.875rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        padding: 4px 20px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item {
        padding: 14px 0;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item:nth-child(n+2) {
        border-top: 1px solid #e0e4ed;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dd {
        margin-top: 4px;
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi {
        width: 96px;
        height: 25px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker > span {
        font-size: 0.8125rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 {
        font-size: 1.25rem;
    }

    /* #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 > br {
        display: none;
    } */

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn > a {
        padding: 0 16px;
        font-size: 0.8125rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dt {
        font-size: 0.75rem;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dd {
        font-size: 0.8125rem;
    }
}
/* SUB TOP PROD END */

/* SUB TOP PROD DARK (제품 상세형 — 메인 첫 화면과 같은 어두운 박스) */
#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod {
    padding: 20px 20px 0;
    background-color: #fff;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area {
    background-color: #03091f;
    border-radius: 20px;
    overflow: hidden;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb {
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb .crumb_item,
#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb .crumb_item > a {
    color: #b8c4d6;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb .crumb_item > a:hover {
    color: #fff;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb .crumb_on {
    color: #fff;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb .crumb_item + .crumb_item::before {
    background-image: url(../img/crumb_arrow_w.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb .crumb_home > a {
    /* background-image: url(../img/crumb_home_w.svg); */
    background-color: #b8c4d6;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb .crumb_home > a:hover,
#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_crumb .crumb_home > a:focus-visible {
    /* background-image: url(../img/crumb_home_w_on.svg); */
    background-color: #456eff;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_kicker > span {
    color: #456eff;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 {
    color: #fff;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_titbox > h2 > span {
    color: #456eff;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_pbox > p {
    color: #b8c4d6;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn_01 > a:hover {
    background-color: #002199;
    border-color: #002199;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn_02 > a {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.45);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_btnbox .subtop_btn_02 > a:hover {
    color: #03091f;
    background-color: #fff;
    border-color: #fff;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts {
    background-color: rgba(255, 255, 255, 0.04);
    border-color: #1b2752;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item + .fact_item {
    border-top-color: #1b2752;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dt {
    color: #8592ab;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item > dd {
    color: #fff;
}

@media all and (max-width: 1025px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item:nth-child(n+3) {
        border-top-color: #1b2752;
    }
}

@media all and (max-width: 885px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area {
        border-radius: 12px;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod {
        padding: 12px 12px 0;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item:nth-child(n+2) {
        border-top-color: #1b2752;
    }
}
/* SUB TOP PROD DARK END */

/* SUB TOP PROD ICON (핵심 정보 아이콘) */
#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item.fact_icon {
    padding-left: 62px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item.fact_icon::before {
    content: '';
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -22px;
    background-color: rgba(69, 110, 255, 0.12);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    border-radius: 10px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_auth::before {
    background-image: url(../img/spec_auth.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_scope::before {
    background-image: url(../img/spec_scope.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_device::before {
    background-image: url(../img/spec_device.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_account::before {
    background-image: url(../img/spec_account.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_guide::before {
    background-image: url(../img/spec_guide.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_role::before {
    background-image: url(../img/spec_role.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_target::before {
    background-image: url(../img/spec_target.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_sim::before {
    background-image: url(../img/spec_sim.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_score::before {
    background-image: url(../img/spec_score.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_deploy::before {
    background-image: url(../img/spec_deploy.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_network::before {
    background-image: url(../img/spec_network.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_camera::before {
    background-image: url(../img/spec_camera.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_chip::before {
    background-image: url(../img/spec_chip.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_power::before {
    background-image: url(../img/spec_power.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_supply::before {
    background-image: url(../img/spec_supply.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_cert::before {
    background-image: url(../img/spec_cert.svg);
}

#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_icon_lineup::before {
    background-image: url(../img/spec_lineup.svg);
}

@media all and (max-width: 1281px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item.fact_icon {
        padding-left: 56px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item.fact_icon::before {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        -webkit-background-size: 22px 22px;
        background-size: 22px 22px;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item.fact_icon {
        padding-left: 50px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item.fact_icon::before {
        width: 36px;
        height: 36px;
        margin-top: -18px;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
        border-radius: 8px;
    }
}

@media all and (max-width: 481px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item.fact_icon {
        padding-left: 46px;
    }

    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_facts .fact_item.fact_icon::before {
        width: 32px;
        height: 32px;
        margin-top: -16px;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }
}
/* SUB TOP PROD ICON END */
/* SUB TOP PROD SOLO (제품 상세형 — 핵심 정보 카드 없이 글만 한 단) */
#new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod.subtop_solo .subtop_area .subtop_con .subtop_prodbox {
    -ms-grid-columns: 1fr;
    grid-template-columns: minmax(0, 1fr);
}
/* SUB TOP PROD SOLO END */
/* SUB TOP PROD NSURE (NSure 로고는 세로형이라 구간별 크기 따로 — NPass용 .subtop_bi 크기 덮어씀) */
@media all and (max-width: 1025px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi_nsure {
        width: 88px;
        height: 52px;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi_nsure {
        width: 74px;
        height: 44px;
        margin-left: -3px;
    }
}

@media all and (max-width: 481px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap.subtop_prod .subtop_area .subtop_con .subtop_prodbox .subtop_txtbox .subtop_bi_nsure {
        width: 64px;
        height: 38px;
    }
}
/* SUB TOP PROD NSURE END */

/* SUB ANCHOR (페이지 안 이동 메뉴) */
#new_sc .subsc_area .subsc_con .subanc_wrap {
    width: 100%;
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 69px;
    margin-top: 20px;
    background-color: #fff;
    border-bottom: 1px solid #e0e4ed;
    z-index: 50;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

/* 헤더 아래에 붙었을 때 (common.js SUBANCHOR) */
#new_sc .subsc_area .subsc_con .subanc_wrap.subanc_stuck {
    -webkit-box-shadow: 0 8px 20px rgba(3, 9, 31, 0.06);
    box-shadow: 0 8px 20px rgba(3, 9, 31, 0.06);
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* gap: 40px; */
    gap: 0;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box::-webkit-scrollbar {
    display: none;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item {
    /* width: auto; */
    width: 100%;
    height: 60px;
    position: relative;
    /* -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; */
    /* 메뉴를 전체 폭에 같은 너비로 */
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    white-space: nowrap;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item > a::after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #0e43fe;
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item > a:hover {
    color: #131313;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item.subanc_on > a {
    color: #0e43fe;
}

#new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item.subanc_on > a::after {
    width: 100%;
}

@media all and (max-width: 1441px) {
    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con {
        padding: 0 30px;
    }
}

@media all and (max-width: 1281px) {
    /* #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box {
        gap: 32px;
    } */
}

@media all and (max-width: 1025px) {
    /* #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box {
        gap: 28px;
    } */

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item {
        height: 56px;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item > a {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    /* #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box {
        gap: 24px;
    } */
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subanc_wrap {
        margin-top: 12px;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con {
        padding: 0 15px;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box {
        gap: 22px;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item {
        width: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item {
        height: 52px;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item > a {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box {
        gap: 20px;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item {
        height: 48px;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap .subanc_area .subanc_con .subanc_box .subanc_item > a {
        font-size: 0.8125rem;
    }
}

/* 2026-10-22 영문: 같은 너비 칸(flex 1 1 0)에 긴 영문 이름이 넘쳐 옆 칸과 붙던 것 → 이름 길이를 기준으로 남는 폭을 나눔, 좁으면 KR 모바일처럼 가로 스크롤 */
#new_sc .subsc_area .subsc_con .subanc_wrap.subanc_wrap_en .subanc_area .subanc_con .subanc_box .subanc_item {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

#new_sc .subsc_area .subsc_con .subanc_wrap.subanc_wrap_en .subanc_area .subanc_con .subanc_box .subanc_item > a {
    padding: 0 14px;
}

@media all and (max-width: 1025px) {
    #new_sc .subsc_area .subsc_con .subanc_wrap.subanc_wrap_en .subanc_area .subanc_con .subanc_box .subanc_item > a {
        padding: 0 12px;
    }
}

@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subanc_wrap.subanc_wrap_en .subanc_area .subanc_con .subanc_box .subanc_item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    #new_sc .subsc_area .subsc_con .subanc_wrap.subanc_wrap_en .subanc_area .subanc_con .subanc_box .subanc_item > a {
        padding: 0;
    }
}
/* SUB ANCHOR END */

/* PRODUCTS SECTION01 */
/* SECTION01·02 공통 (제품 그룹 카드) */
#products01,
#products02 {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#products01 .prodgrp_area,
#products02 .prodgrp_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 96px 0;
}

#products01 .prodgrp_area .prodgrp_con,
#products02 .prodgrp_area .prodgrp_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_headbox,
#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox {
    width: 100%;
    height: auto;
    position: relative;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label,
#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label {
    width: auto;
    height: auto;
    position: relative;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label > span,
#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox,
#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3,
#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3 {
    width: 160px;
    height: 44px;
    position: relative;
    font-size: 0;
    background-image: url(../img/npass_logo.svg);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox,
#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p,
#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item {
    width: 100%;
    height: auto;
    position: relative;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 36px 32px 32px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a:hover,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a:hover .prodgrp_tit > h4,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a:hover .prodgrp_tit > h4 {
    color: #0e43fe;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
    margin-bottom: 28px;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
    font-family: 'Paperlogy', sans-serif;
    /* font-size: 0.96875rem; */
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more {
    width: auto;
    height: auto;
    position: relative;
    margin-top: auto;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span {
    display: inline-block;
    padding: 10px 18px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1;
    background-color: #eef2ff;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a:hover .prodgrp_more > span,
#products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a:hover .prodgrp_more > span {
    color: #fff;
    background-color: #0e43fe;
}

@media all and (max-width: 1441px) {
    #products01 .prodgrp_area,
    #products02 .prodgrp_area {
        padding: 88px 0;
    }

    #products01 .prodgrp_area .prodgrp_con,
    #products02 .prodgrp_area .prodgrp_con {
        padding: 0 30px;
    }
}

@media all and (max-width: 1281px) {
    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p {
        font-size: 1.0625rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a {
        padding: 32px 26px 28px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        font-size: 1.25rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #products01 .prodgrp_area,
    #products02 .prodgrp_area {
        padding: 72px 0;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3 {
        width: 138px;
        height: 38px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p {
        font-size: 1rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-top: 32px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a {
        padding: 28px 28px 26px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        font-size: 1.1875rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt {
        margin-bottom: 20px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span {
        /* font-size: 0.9375rem; */
        font-size: 0.875rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label > span,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label > span {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 885px) {
    #products01 .prodgrp_area,
    #products02 .prodgrp_area {
        padding: 60px 0;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox {
        margin-top: 16px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p {
        font-size: 0.9375rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box {
        margin-top: 28px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a {
        border-radius: 10px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        font-size: 1.125rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #products01 .prodgrp_area,
    #products02 .prodgrp_area {
        padding: 52px 0;
    }

    #products01 .prodgrp_area .prodgrp_con,
    #products02 .prodgrp_area .prodgrp_con {
        padding: 0 15px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label > span,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label > span {
        padding: 5px 12px;
        /* font-size: 0.8125rem; */
        font-size: 0.75rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3 {
        width: 116px;
        height: 32px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox {
        margin-top: 10px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p {
        font-size: 0.875rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box {
        margin-top: 22px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a {
        padding: 22px 22px 20px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        /* font-size: 1.125rem; */
        font-size: 1.0625rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt {
        margin-top: 8px;
        margin-bottom: 16px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
        font-size: 0.875rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span {
        padding: 8px 14px;
        /* font-size: 0.875rem; */
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 481px) {
    #products01 .prodgrp_area,
    #products02 .prodgrp_area {
        padding: 44px 0;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3 {
        width: 102px;
        height: 28px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_pbox > p {
        font-size: 0.8125rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box {
        margin-top: 18px;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        /* font-size: 1.0625rem; */
        font-size: 1rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
        font-size: 0.8125rem;
    }

    #products01 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span,
    #products02 .prodgrp_area .prodgrp_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span {
        font-size: 0.8125rem;
    }
}
/* PRODUCTS SECTION01 END */

/* PRODUCTS SECTION02 */
#products02 {
    background-color: #f4f6fb;
}

#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_label > span {
    background-color: #fff;
}

#products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3 {
    width: 112px;
    height: 66px;
    margin-left: -4px;
    background-image: url(../img/nsure_bi.svg);
}

@media all and (max-width: 1025px) {
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3 {
        width: 98px;
        height: 58px;
    }
}

@media all and (max-width: 641px) {
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3 {
        width: 81px;
        height: 48px;
        margin-left: -3px;
    }
}

@media all and (max-width: 481px) {
    #products02 .prodgrp_area .prodgrp_con .prodgrp_headbox .prodgrp_titbox > h3 {
        width: 71px;
        height: 42px;
    }
}
/* PRODUCTS SECTION02 END */

/* PRODUCTS SECTION03 */
#products03 {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#products03 .prodpick_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 96px 0;
}

#products03 .prodpick_area .prodpick_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#products03 .prodpick_area .prodpick_con .prodpick_titbox {
    width: 100%;
    height: auto;
    position: relative;
}

#products03 .prodpick_area .prodpick_con .prodpick_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.25rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 36px;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    overflow: hidden;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl .prodpick_col_02 {
    width: 34%;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead > tr > th {
    height: auto;
    position: relative;
    padding: 18px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
    text-align: left;
    background-color: #f4f6fb;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr {
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr:hover {
    background-color: #f8faff;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 22px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    vertical-align: middle;
    border-top: 1px solid #e0e4ed;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    font-size: 1.0625rem;
    /* font-weight: 600; */
    font-weight: 500;
    color: #0e43fe;
    letter-spacing: -0.5px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

/* #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a:hover {
    color: #0a32c2;
    text-decoration: underline;
    text-underline-offset: 4px;
} */

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a::after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: #0e43fe;
    -webkit-transition: width 0.35s ease-in-out;
    -o-transition: width 0.35s ease-in-out;
    -moz-transition: width 0.35s ease-in-out;
    transition: width 0.35s ease-in-out;
}

#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr:hover > td > a::after,
#products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a:focus-visible::after {
    width: 100%;
}

@media all and (max-width: 1441px) {
    #products03 .prodpick_area {
        padding: 88px 0;
    }

    #products03 .prodpick_area .prodpick_con {
        padding: 0 30px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 2.125rem;
    }
}

@media all and (max-width: 1281px) {
    #products03 .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 2rem;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 1rem;
    }
}

@media all and (max-width: 1025px) {
    #products03 .prodpick_area {
        padding: 72px 0;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 1.75rem;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox {
        margin-top: 28px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl .prodpick_col_02 {
        width: 40%;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead > tr > th {
        padding: 16px 24px;
        font-size: 0.875rem;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
        padding: 20px 24px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #products03 .prodpick_area {
        padding: 60px 0;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 1.5rem;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox {
        margin-top: 24px;
        border-radius: 10px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead > tr > th {
        font-size: 0.8125rem;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #products03 .prodpick_area {
        padding: 52px 0;
    }

    #products03 .prodpick_area .prodpick_con {
        padding: 0 15px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 1.375rem;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox {
        margin-top: 20px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl,
    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody,
    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr,
    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead {
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr {
        padding: 18px 20px;
        border-top: 1px solid #e0e4ed;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr:first-child {
        border-top: 0;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
        padding: 0;
        border-top: 0;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td + td {
        margin-top: 8px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #products03 .prodpick_area {
        padding: 44px 0;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 1.125rem;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox {
        margin-top: 16px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr {
        padding: 16px;
    }

    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #products03 .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 0.8125rem;
    }
}
/* PRODUCTS SECTION03 END */

/* NPASS SECTION01 (고객 과제 — 메인 위험 섹션과 같은 구성) */
#problem {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#problem .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#problem .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#problem .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#problem .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#problem .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#problem .npsec_area .npsec_con .cause_box {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#problem .npsec_area .npsec_con .cause_box .cause_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 24px;
    border-bottom: 1px solid #e0e4ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#problem .npsec_area .npsec_con .cause_box .cause_item:hover {
    background-color: #f4f6fb;
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 12px;
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_icon_01 {
    background-image: url(../img/cause_icon_01.svg);
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_icon_02 {
    background-image: url(../img/cause_icon_02.svg);
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_icon_03 {
    background-image: url(../img/cause_icon_03.svg);
}

/* 2026-10-16 시안 v0.4: 자산 목록(클립보드) / 떠난 사람(사람×) — 메인 위협 섹션 아이콘 재사용 */
#problem .npsec_area .npsec_con .cause_box .cause_item .cause_icon_04 {
    background-image: url(../img/risk_icon_04.svg);
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_icon_05 {
    background-image: url(../img/risk_icon_03.svg);
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 2px;
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #problem .npsec_area {
        padding: 88px 0;
    }

    #problem .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.1875rem;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #problem .npsec_area {
        padding: 72px 0;
    }

    #problem .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #problem .npsec_area {
        padding: 60px 0;
    }

    #problem .npsec_area .npsec_con {
        gap: 28px;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item {
        padding: 26px 16px;
        gap: 18px;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #problem .npsec_area {
        padding: 52px 0;
    }

    #problem .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item {
        padding: 22px 4px;
        gap: 14px;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
        width: 44px;
        height: 44px;
        -webkit-background-size: 26px;
        background-size: 26px;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.0625rem;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
        margin-top: 6px;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    #problem .npsec_area {
        padding: 44px 0;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1rem;
    }

    #problem .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.8125rem;
    }
}
/* NPASS SECTION01 END */

/* NPASS SECTION02 (NPass의 접근 — 메인 세 가지 변화 카드와 같은 구성) */
#approach {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#approach .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#approach .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#approach .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#approach .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#approach .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#approach .npsec_area .npsec_con .change_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#approach .npsec_area .npsec_con .change_box .change_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 44px 40px 46px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#approach .npsec_area .npsec_con .change_box .change_item + .change_item {
    border-left: 1px solid #e0e4ed;
}

#approach .npsec_area .npsec_con .change_box .change_item:hover {
    background-color: #fafbff;
}

/* 2026-10-16 시안 v0.4: 일러스트 (시안 SVG 그대로, 1560 x 480) */
#approach .npsec_area .npsec_con .change_sketch {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    aspect-ratio: 1560 / 480;
    background-color: #f4f6fb;
    background-image: url(../img/sketch_npass.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

/* 2026-10-16 시안 v0.4: 가치 5개 — 2칸, 마지막(IP 모빌리티)은 한 줄 전체 */
#approach .npsec_area .npsec_con .change_box.change_box_05 {
    margin-top: 24px;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#approach .npsec_area .npsec_con .change_box.change_box_05 .change_item:nth-child(odd) {
    border-left: 0;
}

#approach .npsec_area .npsec_con .change_box.change_box_05 .change_item:nth-child(n+3) {
    border-top: 1px solid #e0e4ed;
}

#approach .npsec_area .npsec_con .change_box.change_box_05 .change_item:nth-child(5) {
    grid-column: 1 / -1;
}

#approach .npsec_area .npsec_con .change_box .change_item .change_name {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e4ed;
}

#approach .npsec_area .npsec_con .change_box .change_item .change_name > span {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#approach .npsec_area .npsec_con .change_box .change_item .change_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#approach .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#approach .npsec_area .npsec_con .change_box .change_item .change_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#approach .npsec_area .npsec_con .change_box .change_item .change_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #approach .npsec_area {
        padding: 88px 0;
    }

    #approach .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #approach .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.5rem;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.1875rem;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_txt > p {
        font-size: 0.9375rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }
}

@media all and (max-width: 1025px) {
    #approach .npsec_area {
        padding: 72px 0;
    }

    #approach .npsec_area .npsec_con .change_box .change_item {
        padding: 36px 26px 38px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.3125rem;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.125rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    #approach .npsec_area {
        padding: 60px 0;
    }

    #approach .npsec_area .npsec_con .change_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #approach .npsec_area .npsec_con .change_box .change_item + .change_item {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #approach .npsec_area .npsec_con .change_box.change_box_05 {
        margin-top: 20px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #approach .npsec_area .npsec_con .change_box.change_box_05 .change_item:nth-child(5) {
        grid-column: auto;
    }

    #approach .npsec_area .npsec_con .change_sketch {
        margin-top: 28px;
        border-radius: 10px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item {
        padding: 32px 28px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_name {
        padding-bottom: 18px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_tit {
        margin-top: 18px;
    }

    #approach .npsec_area .npsec_con .change_box {
        border-radius: 10px;
    }

    #approach .npsec_area .npsec_con .change_box {
        margin-top: 28px;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }
}

@media all and (max-width: 641px) {
    #approach .npsec_area .npsec_con .change_sketch {
        margin-top: 22px;
        border-radius: 8px;
    }

    #approach .npsec_area {
        padding: 52px 0;
    }

    #approach .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item {
        padding: 28px 22px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.125rem;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.0625rem;
    }

    #approach .npsec_area .npsec_con .change_box {
        margin-top: 22px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_name {
        padding-bottom: 14px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_tit {
        margin-top: 14px;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_txt {
        margin-top: 8px;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #approach .npsec_area {
        padding: 44px 0;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1rem;
    }

    #approach .npsec_area .npsec_con .change_box .change_item .change_txt > p {
        font-size: 0.8125rem;
    }

    #approach .npsec_area .npsec_con .change_box {
        margin-top: 18px;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #approach .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }
}
/* NPASS SECTION02 END */

/* NPASS SECTION03 (구성요소 — 카드 4칸, 1281부터 2칸, 641부터 1칸) */
#components {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#components .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#components .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#components .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#components .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#components .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#components .npsec_area .npsec_con .comp_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

#components .npsec_area .npsec_con .comp_box .comp_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 36px 30px 32px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#components .npsec_area .npsec_con .comp_box .comp_item:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_abbr {
    width: 100%;
    height: auto;
    position: relative;
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_abbr > span {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 14px;
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e0e4ed;
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 6px 0 6px 26px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1.5;
    word-break: keep-all;
}

#components .npsec_area .npsec_con .comp_box .comp_item .comp_list > li::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 9px;
    left: 0;
    background-image: url(../img/case_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

@media all and (max-width: 1441px) {
    #components .npsec_area {
        padding: 88px 0;
    }

    #components .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #components .npsec_area .npsec_con .comp_box {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_abbr > span {
        font-size: 1.5rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_tit > h4 {
        font-size: 1.1875rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #components .npsec_area {
        padding: 72px 0;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #components .npsec_area .npsec_con .comp_box {
        gap: 16px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item {
        padding: 30px 26px 28px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_abbr > span {
        font-size: 1.375rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_tit > h4 {
        font-size: 1.125rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_list > li {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 885px) {
    #components .npsec_area {
        padding: 60px 0;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #components .npsec_area .npsec_con .comp_box {
        margin-top: 28px;
        gap: 12px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item {
        border-radius: 10px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_abbr > span {
        font-size: 1.25rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_txt > p {
        font-size: 0.875rem;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }
}

@media all and (max-width: 641px) {
    #components .npsec_area {
        padding: 52px 0;
    }

    #components .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #components .npsec_area .npsec_con .comp_box {
        margin-top: 22px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #components .npsec_area .npsec_con .comp_box .comp_item {
        padding: 26px 22px 22px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_abbr > span {
        font-size: 1.125rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_tit {
        margin-top: 10px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_tit > h4 {
        font-size: 1.0625rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_txt {
        margin-top: 8px;
        padding-bottom: 16px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_list {
        margin-top: 10px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_list > li {
        padding: 5px 0 5px 24px;
        font-size: 0.8125rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_list > li::before {
        width: 14px;
        height: 14px;
        top: 8px;
    }
}

@media all and (max-width: 481px) {
    #components .npsec_area {
        padding: 44px 0;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #components .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #components .npsec_area .npsec_con .comp_box {
        margin-top: 18px;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_abbr > span {
        font-size: 1rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_tit > h4 {
        font-size: 1rem;
    }

    #components .npsec_area .npsec_con .comp_box .comp_item .comp_txt > p {
        font-size: 0.8125rem;
    }
}

/* 2026-10-22 영문: 소제목·설명 줄 수가 카드마다 달라 설명 아래 구분선이 어긋나던 것 → 카드 안 4줄(약어·소제목·설명·목록)을 subgrid로 옆 카드와 같은 높이로 */
/* subgrid를 모르는 브라우저는 지금처럼 카드별 높이로 보임 */
#components .npsec_area .npsec_con .comp_box.comp_box_en .comp_item {
    display: -ms-grid;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    row-gap: 0;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
}
/* NPASS SECTION03 END */

/* NPASS SECTION04 (동작 방식 — 흰 패널 4개: 등록·인증 타임라인, IP 모빌리티 카드, 정책 표) */
#how {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#how .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#how .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#how .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#how .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#how .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#how .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#how .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#how .npsec_area .npsec_con .how_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

#how .npsec_area .npsec_con .how_box .how_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 48px;
    background-color: #fff;
    border-radius: 20px;
}

#how .npsec_area .npsec_con .how_box .how_item .how_titbox {
    width: 100%;
    height: auto;
    position: relative;
}

#how .npsec_area .npsec_con .how_box .how_item .how_titbox > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#how .npsec_area .npsec_con .how_box .how_item .how_titbox > h4 > span {
    color: #0e43fe;
}

/* 단계 타임라인 (번호 원 + 가로 연결선) */
#how .npsec_area .npsec_con .how_box .how_item .step_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 36px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    gap: 0;
    counter-reset: step;
}

#how .npsec_area .npsec_con .how_box .how_item .step_box_03 {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#how .npsec_area .npsec_con .how_box .how_item .step_box_04 {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#how .npsec_area .npsec_con .how_box .how_item .step_box .step_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 64px 36px 0 0;
    counter-increment: step;
}

#how .npsec_area .npsec_con .how_box .how_item .step_box .step_item::before {
    content: counter(step, decimal-leading-zero);
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    background-color: #0e43fe;
    border-radius: 50%;
    z-index: 1;
}

#how .npsec_area .npsec_con .how_box .how_item .step_box .step_item::after {
    content: '';
    width: auto;
    height: 1px;
    position: absolute;
    top: 22px;
    left: 56px;
    right: 12px;
    background-color: #c9d3ef;
}

#how .npsec_area .npsec_con .how_box .how_item .step_box .step_item:last-child::after {
    display: none;
}

#how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_tit > h5 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 안내 박스 */
#how .npsec_area .npsec_con .how_box .how_item .how_note {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 36px;
    padding: 20px 24px 20px 58px;
    background-color: #f4f6fb;
    border-radius: 12px;
}

#how .npsec_area .npsec_con .how_box .how_item .how_note::before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    top: 21px;
    left: 24px;
    background-image: url(../img/note_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#how .npsec_area .npsec_con .how_box .how_item .how_note > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

/* IP 모빌리티 카드 + 화살표 */
#how .npsec_area .npsec_con .how_box .how_item .site_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 36px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 48px;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 28px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item + .site_item::before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: -37px;
    margin-top: -12px;
    background-image: url(../img/flow_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_where {
    width: 100%;
    height: auto;
    position: relative;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_where > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 6px;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_tit > h5 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
    padding: 18px 20px;
    background-color: #eef2ff;
    border-radius: 12px;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip > strong {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.625rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: 0;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip > span {
    display: block;
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 방문(로밍 대역) 카드는 초록색으로 구분 — 메인 영상 화면의 '연구소 방문'과 같은 색 */
#how .npsec_area .npsec_con .how_box .how_item .site_box .site_visit {
    border-color: #cfe8d8;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_visit .site_ip {
    background-color: #e9f6ee;
}

#how .npsec_area .npsec_con .how_box .how_item .site_box .site_visit .site_ip > strong {
    color: #17803d;
}

/* 접속 정책 표 */
#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    overflow: hidden;
}

#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl .policy_col_01 {
    width: 26%;
}

#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > thead > tr > th {
    height: auto;
    position: relative;
    padding: 16px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
    text-align: left;
    background-color: #f4f6fb;
}

#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > th,
#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 20px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: middle;
    border-top: 1px solid #e0e4ed;
}

#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > th {
    font-weight: 600;
    color: #131313;
}

#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > td {
    font-weight: 400;
    color: #3a4256;
}

#how .npsec_area .npsec_con .how_box .how_item .policy_tblbox + .how_note {
    margin-top: 20px;
}

@media all and (max-width: 1441px) {
    #how .npsec_area {
        padding: 88px 0;
    }

    #how .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item {
        padding: 44px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_titbox > h4 {
        font-size: 1.375rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item {
        padding-right: 28px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_tit > h5 {
        font-size: 1.0625rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_txt > p {
        font-size: 0.9375rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box {
        gap: 40px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item + .site_item::before {
        left: -32px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_tit > h5 {
        font-size: 1.0625rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip > strong {
        font-size: 1.5rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > th,
    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > td {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #how .npsec_area {
        padding: 72px 0;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #how .npsec_area .npsec_con .how_box {
        margin-top: 32px;
        gap: 20px;
    }

    #how .npsec_area .npsec_con .how_box .how_item {
        padding: 36px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_titbox > h4 {
        font-size: 1.25rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box,
    #how .npsec_area .npsec_con .how_box .how_item .site_box {
        margin-top: 30px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item {
        padding-right: 20px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_note {
        margin-top: 30px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_note > p {
        font-size: 0.875rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box {
        gap: 32px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item {
        padding: 24px 20px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item + .site_item::before {
        width: 20px;
        height: 20px;
        left: -26px;
        margin-top: -10px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip {
        padding: 14px 16px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip > strong {
        font-size: 1.375rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip > span {
        font-size: 0.8125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_txt > p {
        font-size: 0.875rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox {
        margin-top: 28px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > thead > tr > th {
        padding: 14px 24px;
        font-size: 0.875rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > th,
    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > td {
        padding: 18px 24px;
    }
}

@media all and (max-width: 885px) {
    #how .npsec_area {
        padding: 60px 0;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #how .npsec_area .npsec_con .how_box {
        margin-top: 28px;
        gap: 16px;
    }

    #how .npsec_area .npsec_con .how_box .how_item {
        padding: 30px 26px;
        border-radius: 12px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_titbox > h4 {
        font-size: 1.1875rem;
    }

    /* 885부터 타임라인 세로 */
    #how .npsec_area .npsec_con .how_box .how_item .step_box_03,
    #how .npsec_area .npsec_con .how_box .how_item .step_box_04 {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item {
        padding: 10px 0 28px 64px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item:last-child {
        padding-bottom: 0;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item::after {
        width: 1px;
        height: auto;
        top: 52px;
        bottom: 6px;
        left: 22px;
        right: auto;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_tit > h5 {
        font-size: 1rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_txt {
        margin-top: 6px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_txt > p {
        font-size: 0.875rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_note {
        margin-top: 24px;
    }

    /* 885부터 카드 세로, 화살표 아래 방향 */
    #how .npsec_area .npsec_con .how_box .how_item .site_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item + .site_item::before {
        top: -30px;
        left: 50%;
        margin-top: 0;
        margin-left: -10px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_tit > h5 {
        font-size: 1rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox {
        border-radius: 10px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl .policy_col_01 {
        width: 30%;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > thead > tr > th {
        font-size: 0.8125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > th,
    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > td {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #how .npsec_area {
        padding: 52px 0;
    }

    #how .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item {
        padding: 24px 18px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_titbox > h4 {
        font-size: 1.125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box,
    #how .npsec_area .npsec_con .how_box .how_item .site_box {
        margin-top: 24px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item {
        padding: 8px 0 24px 52px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item::before {
        width: 36px;
        height: 36px;
        font-size: 0.8125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item::after {
        top: 44px;
        left: 18px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_note {
        padding: 16px 16px 16px 46px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_note::before {
        width: 20px;
        height: 20px;
        top: 17px;
        left: 16px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_note > p {
        font-size: 0.8125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_note > p > br {
        display: none;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item {
        padding: 22px 18px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip > strong {
        font-size: 1.25rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_txt > p > br,
    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_txt > p > br {
        display: none;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox {
        margin-top: 24px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl .policy_col_01 {
        width: 36%;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > thead > tr > th {
        padding: 12px 16px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > th,
    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > td {
        padding: 14px 16px;
    }
}

@media all and (max-width: 481px) {
    #how .npsec_area {
        padding: 44px 0;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #how .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item {
        padding: 22px 16px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .how_titbox > h4 {
        font-size: 1rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_tit > h5 {
        font-size: 0.9375rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .step_box .step_item .step_txt > p {
        font-size: 0.8125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_where > span {
        font-size: 0.75rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_tit > h5 {
        font-size: 0.9375rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip > strong {
        font-size: 1.125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_ip > span {
        font-size: 0.75rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .site_box .site_item .site_txt > p {
        font-size: 0.8125rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > thead > tr > th {
        font-size: 0.75rem;
    }

    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > th,
    #how .npsec_area .npsec_con .how_box .how_item .policy_tblbox .policy_tbl > tbody > tr > td {
        font-size: 0.8125rem;
    }
}
/* 2026-10-20 시안 v0.4.1: IP 모빌리티 제목 아래 일러스트(시안 SVG 그대로, 1200 x 420 — NPass 접근 일러스트 change_sketch 복제) + 사업장 카드 아래 기록 문구(굵게) */
#how .npsec_area .npsec_con .how_box .how_item .mob_sketch {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
    aspect-ratio: 1200 / 420;
    background-color: #f4f6fb;
    background-image: url(../img/sketch_mobility.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

#how .npsec_area .npsec_con .how_box .how_item .mob_note {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 28px;
}

#how .npsec_area .npsec_con .how_box .how_item .mob_note > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}
@media all and (max-width: 1025px) {
    #how .npsec_area .npsec_con .how_box .how_item .mob_sketch {
        margin-top: 28px;
        border-radius: 10px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .mob_note {
        margin-top: 24px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .mob_note > p {
        font-size: 1rem;
    }
}
@media all and (max-width: 641px) {
    #how .npsec_area .npsec_con .how_box .how_item .mob_sketch {
        margin-top: 22px;
        border-radius: 8px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .mob_note {
        margin-top: 20px;
    }

    #how .npsec_area .npsec_con .how_box .how_item .mob_note > p {
        font-size: 0.9375rem;
    }
}
@media all and (max-width: 481px) {
    #how .npsec_area .npsec_con .how_box .how_item .mob_note > p {
        font-size: 0.875rem;
    }
}

/* 2026-10-22 영문: 방문 카드 'Roaming-range IP'가 카드 3칸(1281~886)일 때 초록 상자보다 길어 두 줄로 꺾이던 것 → 그 구간만 IP 글자 한 단계 작게, 1칸이 되는 885부터는 KR과 같은 크기 */
@media all and (max-width: 1281px) {
    #how .npsec_area .npsec_con .how_box .how_item .site_box.site_box_en .site_item .site_ip > strong {
        font-size: 1.25rem;
    }
}

@media all and (max-width: 1025px) {
    #how .npsec_area .npsec_con .how_box .how_item .site_box.site_box_en .site_item .site_ip > strong {
        /* font-size: 1.125rem; */
        /* 18px도 900 근처에서 꺾여 한 단계 더 */
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    #how .npsec_area .npsec_con .how_box .how_item .site_box.site_box_en .site_item .site_ip > strong {
        font-size: 1.375rem;
    }
}

@media all and (max-width: 641px) {
    #how .npsec_area .npsec_con .how_box .how_item .site_box.site_box_en .site_item .site_ip > strong {
        font-size: 1.25rem;
    }
}

@media all and (max-width: 481px) {
    #how .npsec_area .npsec_con .how_box .how_item .site_box.site_box_en .site_item .site_ip > strong {
        font-size: 1.125rem;
    }
}
/* NPASS SECTION04 END */

/* NPASS SECTION05 (안정성 — 아이콘 카드 3칸, 885부터 한 줄 카드) */
#stability {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#stability .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#stability .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#stability .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#stability .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#stability .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#stability .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#stability .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#stability .npsec_area .npsec_con .stab_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

#stability .npsec_area .npsec_con .stab_box .stab_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 36px 32px 34px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#stability .npsec_area .npsec_con .stab_box .stab_item:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
    width: 52px;
    height: 52px;
    position: relative;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 12px;
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_icon_01 {
    background-image: url(../img/stab_icon_01.svg);
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_icon_02 {
    background-image: url(../img/stab_icon_02.svg);
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_icon_03 {
    background-image: url(../img/stab_icon_03.svg);
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_name {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#stability .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #stability .npsec_area {
        padding: 88px 0;
    }

    #stability .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item {
        padding: 32px 28px 30px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.1875rem;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #stability .npsec_area {
        padding: 72px 0;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #stability .npsec_area .npsec_con .stab_box {
        margin-top: 32px;
        gap: 16px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item {
        padding: 28px 22px 26px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 48px;
        height: 48px;
        -webkit-background-size: 28px;
        background-size: 28px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_name {
        margin-top: 20px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.875rem;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #stability .npsec_area {
        padding: 60px 0;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #stability .npsec_area .npsec_con .stab_box {
        margin-top: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    /* 885부터 한 줄 카드: 아이콘 왼쪽, 글 오른쪽 */
    #stability .npsec_area .npsec_con .stab_box .stab_item {
        padding: 26px 24px 26px 96px;
        border-radius: 10px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        position: absolute;
        top: 26px;
        left: 24px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_name {
        margin-top: 0;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.0625rem;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
        margin-top: 8px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #stability .npsec_area {
        padding: 52px 0;
    }

    #stability .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #stability .npsec_area .npsec_con .stab_box {
        margin-top: 22px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item {
        padding: 22px 18px 22px 76px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 44px;
        height: 44px;
        top: 22px;
        left: 18px;
        -webkit-background-size: 26px;
        background-size: 26px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.8125rem;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_tit {
        margin-top: 4px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1rem;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
        margin-top: 6px;
    }
}

@media all and (max-width: 481px) {
    #stability .npsec_area {
        padding: 44px 0;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #stability .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #stability .npsec_area .npsec_con .stab_box {
        margin-top: 18px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item {
        padding: 20px 16px 20px 68px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 40px;
        height: 40px;
        top: 20px;
        left: 16px;
        -webkit-background-size: 24px;
        background-size: 24px;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.75rem;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 0.9375rem;
    }

    #stability .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.8125rem;
    }
}
/* NPASS SECTION05 END */

/* NPASS SECTION06 (도입 효과 — 비교표 + 효과 카드는 NPass의 접근과 같은 카드) */
#effect {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#effect .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#effect .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#effect .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#effect .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#effect .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#effect .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#effect .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 비교표 (NPass 칸 강조) */
#effect .npsec_area .npsec_con .cmp_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_01 {
    width: 20%;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_02,
#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_03 {
    width: 40%;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th {
    height: auto;
    position: relative;
    padding: 20px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #e0e4ed;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th.cmp_hl {
    font-size: 1.125rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0;
    background-color: #0e43fe;
    border-bottom-color: #0e43fe;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 22px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: middle;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > th,
#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > td {
    border-top: 1px solid #e0e4ed;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th {
    font-weight: 700;
    color: #131313;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_dim {
    font-weight: 400;
    color: #8592ab;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl {
    padding-left: 60px;
    font-weight: 600;
    color: #131313;
    background-color: #f3f6ff;
}

#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > td.cmp_hl {
    border-top-color: #dfe6ff;
}

/* NPass 칸 체크 표시 */
#effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -9px;
    background-image: url(../img/case_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#effect .npsec_area .npsec_con .change_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#effect .npsec_area .npsec_con .change_box .change_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 44px 40px 46px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#effect .npsec_area .npsec_con .change_box .change_item + .change_item {
    border-left: 1px solid #e0e4ed;
}

#effect .npsec_area .npsec_con .change_box .change_item:hover {
    background-color: #fafbff;
}

#effect .npsec_area .npsec_con .change_box .change_item .change_name {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e4ed;
}

#effect .npsec_area .npsec_con .change_box .change_item .change_name > span {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#effect .npsec_area .npsec_con .change_box .change_item .change_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#effect .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#effect .npsec_area .npsec_con .change_box .change_item .change_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#effect .npsec_area .npsec_con .change_box .change_item .change_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #effect .npsec_area {
        padding: 88px 0;
    }

    #effect .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #effect .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.5rem;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.1875rem;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_txt > p {
        font-size: 0.9375rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th {
        padding: 18px 28px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        padding: 20px 28px;
        font-size: 0.9375rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl {
        padding-left: 56px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
        left: 28px;
    }
}

@media all and (max-width: 1025px) {
    #effect .npsec_area {
        padding: 72px 0;
    }

    #effect .npsec_area .npsec_con .change_box .change_item {
        padding: 36px 26px 38px;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.3125rem;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.125rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox {
        margin-top: 32px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_01 {
        width: 22%;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_02,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_03 {
        width: 39%;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th {
        padding: 16px 22px;
        font-size: 0.875rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th.cmp_hl {
        font-size: 1rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        padding: 18px 22px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl {
        padding-left: 48px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
        width: 16px;
        height: 16px;
        left: 22px;
        margin-top: -8px;
    }
}

@media all and (max-width: 885px) {
    #effect .npsec_area {
        padding: 60px 0;
    }

    #effect .npsec_area .npsec_con .change_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #effect .npsec_area .npsec_con .change_box .change_item + .change_item {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #effect .npsec_area .npsec_con .change_box .change_item {
        padding: 32px 28px;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_name {
        padding-bottom: 18px;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_tit {
        margin-top: 18px;
    }

    #effect .npsec_area .npsec_con .change_box {
        border-radius: 10px;
    }

    #effect .npsec_area .npsec_con .change_box {
        margin-top: 16px;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox {
        margin-top: 28px;
        border-radius: 10px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th.cmp_hl {
        font-size: 0.9375rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        font-size: 0.875rem;
    }

    #effect .npsec_area .npsec_con .change_box {
        margin-top: 16px;
    }
}

@media all and (max-width: 641px) {
    #effect .npsec_area {
        padding: 52px 0;
    }

    #effect .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #effect .npsec_area .npsec_con .change_box .change_item {
        padding: 28px 22px;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.125rem;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.0625rem;
    }

    #effect .npsec_area .npsec_con .change_box {
        margin-top: 12px;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_name {
        padding-bottom: 14px;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_tit {
        margin-top: 14px;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_txt {
        margin-top: 8px;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox {
        margin-top: 22px;
    }

    /* 641부터 줄마다 카드처럼: 구분 → 기존 → NPass */
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead {
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr {
        padding: 18px 16px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr {
        border-top: 1px solid #e0e4ed;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > th,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > td {
        border-top: 0;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th {
        padding: 0;
        font-size: 0.875rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        padding: 10px 0 0;
        font-size: 0.875rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl {
        margin-top: 8px;
        padding: 12px 14px;
        border-radius: 8px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td::before,
    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
        content: attr(data-label);
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin: 0 0 2px;
        font-size: 0.75rem;
        font-weight: 600;
        color: #8592ab;
        background-image: none;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
        color: #0e43fe;
    }

    #effect .npsec_area .npsec_con .change_box {
        margin-top: 12px;
    }
}

@media all and (max-width: 481px) {
    #effect .npsec_area {
        padding: 44px 0;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1rem;
    }

    #effect .npsec_area .npsec_con .change_box .change_item .change_txt > p {
        font-size: 0.8125rem;
    }

    #effect .npsec_area .npsec_con .change_box {
        margin-top: 12px;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #effect .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr {
        padding: 16px 14px;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th {
        font-size: 0.8125rem;
    }

    #effect .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        font-size: 0.8125rem;
    }
}
/* NPASS SECTION06 END */

/* NPASS SECTION07 (연동 환경 — 고객 과제와 같은 2단: 왼쪽 글, 오른쪽 정보 표) */
#integration {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#integration .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#integration .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#integration .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#integration .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#integration .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#integration .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#integration .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 연동 정보 표 (위 검은 선 + 줄 구분선) */
#integration .npsec_area .npsec_con .intg_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl .intg_col_01 {
    width: 30%;
}

#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
    border-bottom: 1px solid #e0e4ed;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr:hover {
    background-color: #f4f6fb;
}

#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 24px 20px;
    font-family: 'Paperlogy', sans-serif;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: top;
}

#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
}

#integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    font-size: 1rem;
    font-weight: 400;
    color: #3a4256;
}

@media all and (max-width: 1441px) {
    #integration .npsec_area {
        padding: 88px 0;
    }

    #integration .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 22px 16px;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 1rem;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #integration .npsec_area {
        padding: 72px 0;
    }

    #integration .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl .intg_col_01 {
        width: 26%;
    }
}

@media all and (max-width: 885px) {
    #integration .npsec_area {
        padding: 60px 0;
    }

    #integration .npsec_area .npsec_con {
        gap: 28px;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 20px 14px;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.9375rem;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #integration .npsec_area {
        padding: 52px 0;
    }

    #integration .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    /* 641부터 항목 위, 내용 아래 */
    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl,
    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody,
    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr,
    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
        padding: 18px 4px;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 0;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.875rem;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        margin-top: 4px;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    #integration .npsec_area {
        padding: 44px 0;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #integration .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
        padding: 16px 2px;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.8125rem;
    }

    #integration .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.8125rem;
    }
}
/* NPASS SECTION07 END */

/* NPASS SECTION08 (레퍼런스 — 메인 레퍼런스 카드 + 고객 사례 보기 버튼) */
#references {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#references .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#references .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#references .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#references .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#references .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#references .npsec_area .npsec_con .npsec_headbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 24px;
}

#references .npsec_area .npsec_con .npsec_headbox .npsec_morebtn {
    width: auto;
    height: 46px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#references .npsec_area .npsec_con .npsec_headbox .npsec_morebtn > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    white-space: nowrap;
    border: 1px solid #0e43fe;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#references .npsec_area .npsec_con .npsec_headbox .npsec_morebtn > a:hover {
    color: #fff;
    background-color: #0e43fe;
}

#references .npsec_area .npsec_con .ref_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 20px;
}

#references .npsec_area .npsec_con .ref_box .ref_item {
    width: 100%;
    height: auto;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 32px 36px;
    background-color: #fff;
    border-radius: 16px;
    -webkit-transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#references .npsec_area .npsec_con .ref_box .ref_item:hover {
    -webkit-box-shadow: 0 0 0 1px #d8dfff, 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 0 0 1px #d8dfff, 0 18px 40px rgba(69, 110, 255, 0.14);
}

#references .npsec_area .npsec_con .ref_box .ref_item .ref_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.3125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#references .npsec_area .npsec_con .ref_box .ref_item .ref_tag {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e4ed;
}

#references .npsec_area .npsec_con .ref_box .ref_item .ref_tag > span {
    font-family: 'Paperlogy', sans-serif;
    display: block;
    font-size: 1.75rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#references .npsec_area .npsec_con .ref_box .ref_item .ref_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#references .npsec_area .npsec_con .ref_box .ref_item .ref_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #references .npsec_area {
        padding: 88px 0;
    }

    #references .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_tag > span {
        font-size: 1.5rem;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_tit > h4 {
        font-size: 1.25rem;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #references .npsec_area {
        padding: 72px 0;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #references .npsec_area .npsec_con .npsec_headbox .npsec_morebtn > a {
        font-size: 0.9375rem;
    }

    #references .npsec_area .npsec_con .ref_box {
        gap: 16px;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item {
        padding: 32px 24px 30px;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_tag > span {
        font-size: 1.25rem;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #references .npsec_area {
        padding: 60px 0;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #references .npsec_area .npsec_con .ref_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item {
        border-radius: 10px;
    }

    #references .npsec_area .npsec_con .ref_box {
        margin-top: 28px;
    }
}

@media all and (max-width: 641px) {
    #references .npsec_area {
        padding: 52px 0;
    }

    #references .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #references .npsec_area .npsec_con .npsec_headbox .npsec_morebtn {
        height: 38px;
    }

    #references .npsec_area .npsec_con .npsec_headbox .npsec_morebtn > a {
        padding: 0 14px;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item {
        padding: 28px 22px 26px;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_tag > span {
        font-size: 1.125rem;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_tit > h4 {
        font-size: 1.0625rem;
    }

    #references .npsec_area .npsec_con .ref_box {
        margin-top: 22px;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_tag {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_txt {
        margin-top: 8px;
    }
}

@media all and (max-width: 481px) {
    #references .npsec_area {
        padding: 44px 0;
    }

    #references .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #references .npsec_area .npsec_con .npsec_headbox .npsec_morebtn {
        height: 34px;
    }

    #references .npsec_area .npsec_con .npsec_headbox .npsec_morebtn > a {
        padding: 0 12px;
        font-size: 0.8125rem;
    }

    #references .npsec_area .npsec_con .ref_box .ref_item .ref_txt > p {
        font-size: 0.8125rem;
    }

    #references .npsec_area .npsec_con .ref_box {
        margin-top: 18px;
    }
}

/* 2026-10-22 영문: 태그 줄 수가 카드마다 달라(1줄/3줄) 태그 아래 구분선이 어긋나던 것 → 3칸 grid + 카드 안 3줄(태그·이름·설명)을 subgrid로 옆 카드와 같은 높이로, 885부터는 KR처럼 1칸 */
/* subgrid를 모르는 브라우저는 카드별 높이로 보임 */
#references .npsec_area .npsec_con .ref_box.ref_box_en {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#references .npsec_area .npsec_con .ref_box.ref_box_en .ref_item {
    display: -ms-grid;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: 0;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
}
@media all and (max-width: 885px) {
    #references .npsec_area .npsec_con .ref_box.ref_box_en {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    }
}
/* NPASS SECTION08 END */

/* NPASS SECTION09 (함께 쓰는 제품 — 제품 개요 카드와 같은 카드 2칸) */
#related {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#related .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 80px 0;
}

#related .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#related .npsec_area .npsec_con .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
}

#related .npsec_area .npsec_con .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#related .npsec_area .npsec_con .prodgrp_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item {
    width: 100%;
    height: auto;
    position: relative;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 36px 32px 32px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a:hover .prodgrp_tit > h4 {
    color: #0e43fe;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
    margin-bottom: 28px;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
    font-family: 'Paperlogy', sans-serif;
    
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_more {
    width: auto;
    height: auto;
    position: relative;
    margin-top: auto;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span {
    display: inline-block;
    padding: 10px 18px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1;
    background-color: #eef2ff;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a:hover .prodgrp_more > span {
    color: #fff;
    background-color: #0e43fe;
}

@media all and (max-width: 1441px) {
    #related .npsec_area {
        padding: 72px 0;
    }

    #related .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #related .npsec_area .npsec_con .npsec_titbox > h3 {
        font-size: 1.625rem;
    }
}

@media all and (max-width: 1281px) {
    #related .npsec_area .npsec_con .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a {
        padding: 32px 26px 28px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        font-size: 1.25rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #related .npsec_area {
        padding: 64px 0;
    }

    #related .npsec_area .npsec_con .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box {
        -ms-grid-columns: 1fr 12px 1fr;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 32px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a {
        padding: 28px 28px 26px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        font-size: 1.1875rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_txt {
        margin-bottom: 20px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span {
        
        font-size: 0.875rem;
    }
}

@media all and (max-width: 885px) {
    #related .npsec_area {
        padding: 56px 0;
    }

    #related .npsec_area .npsec_con .npsec_titbox > h3 {
        font-size: 1.25rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box {
        margin-top: 28px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a {
        border-radius: 10px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        font-size: 1.125rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #related .npsec_area {
        padding: 48px 0;
    }

    #related .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #related .npsec_area .npsec_con .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box {
        margin-top: 22px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a {
        padding: 22px 22px 20px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        
        font-size: 1.0625rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_txt {
        margin-top: 8px;
        margin-bottom: 16px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
        font-size: 0.875rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span {
        padding: 8px 14px;
        
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 481px) {
    #related .npsec_area {
        padding: 40px 0;
    }

    #related .npsec_area .npsec_con .npsec_titbox > h3 {
        font-size: 1.0625rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box {
        margin-top: 18px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_tit > h4 {
        
        font-size: 1rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_txt > p {
        font-size: 0.8125rem;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_more > span {
        font-size: 0.8125rem;
    }
}
/* NPASS SECTION09 END */

/* RELATED TINT (함께 쓰는 제품 회색 배경 — 바로 위 섹션이 흰 배경인 페이지용) */
#related.related_tint {
    background-color: #f4f6fb;
}
/* RELATED TINT END */

/* RELATED LABEL (2026-10-16 카드 제목 위 작은 구분 글자 — 고객 사례 상세 '제품', '사례 · 대한항공') */
#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_label {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 6px;
}

#related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_label > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

@media all and (max-width: 641px) {
    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_label {
        margin-bottom: 4px;
    }

    #related .npsec_area .npsec_con .prodgrp_box .prodgrp_item > a .prodgrp_label > span {
        font-size: 0.75rem;
    }
}
/* RELATED LABEL END */

/* RELATED COL3 (2026-10-19 관련 카드 3개일 때 — ul.prodgrp_box에 prodgrp_box_03 추가, 885부터 1칸. 기술 글 Trust on Networks) */
#related .npsec_area .npsec_con .prodgrp_box.prodgrp_box_03 {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media all and (max-width: 885px) {
    #related .npsec_area .npsec_con .prodgrp_box.prodgrp_box_03 {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }
}
/* RELATED COL3 END */

/* RELATED NEXT (2026-10-19 관련 카드 아래 '다음 글' 링크 — 기술 글 Trust on Networks → AI on Networks) */
#related .npsec_area .npsec_con .related_next {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
}

#related .npsec_area .npsec_con .related_next > a {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 32px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#related .npsec_area .npsec_con .related_next > a:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 12px 28px rgba(14, 67, 254, 0.08);
    box-shadow: 0 12px 28px rgba(14, 67, 254, 0.08);
}

#related .npsec_area .npsec_con .related_next > a .next_txtbox {
    width: auto;
    height: auto;
    position: relative;
}

#related .npsec_area .npsec_con .related_next > a .next_txtbox .next_label {
    width: 100%;
    height: auto;
    position: relative;
}

#related .npsec_area .npsec_con .related_next > a .next_txtbox .next_label > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#related .npsec_area .npsec_con .related_next > a .next_txtbox .next_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 4px;
}

#related .npsec_area .npsec_con .related_next > a .next_txtbox .next_tit > strong {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#related .npsec_area .npsec_con .related_next > a:hover .next_txtbox .next_tit > strong {
    color: #0e43fe;
}

#related .npsec_area .npsec_con .related_next > a .next_arrow {
    width: 44px;
    height: 44px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    background-image: url(../img/flow_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    border: 1px solid #e0e4ed;
    border-radius: 50%;
    -webkit-transition: border-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#related .npsec_area .npsec_con .related_next > a:hover .next_arrow {
    border-color: #0e43fe;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}

/* 2026-10-19 '이전 글' (div.related_next에 related_prev 추가) — 화살표를 왼쪽에 뒤집어 두고, hover 때 왼쪽으로 */
#related .npsec_area .npsec_con .related_next.related_prev > a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#related .npsec_area .npsec_con .related_next.related_prev > a .next_arrow {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

#related .npsec_area .npsec_con .related_next.related_prev > a:hover .next_arrow {
    -webkit-transform: scaleX(-1) translateX(4px);
    -moz-transform: scaleX(-1) translateX(4px);
    -ms-transform: scaleX(-1) translateX(4px);
    -o-transform: scaleX(-1) translateX(4px);
    transform: scaleX(-1) translateX(4px);
}

@media all and (max-width: 1281px) {
    #related .npsec_area .npsec_con .related_next > a .next_txtbox .next_tit > strong {
        font-size: 1.25rem;
    }
}

@media all and (max-width: 1025px) {
    #related .npsec_area .npsec_con .related_next {
        margin-top: 24px;
    }

    #related .npsec_area .npsec_con .related_next > a {
        padding: 22px 28px;
    }

    #related .npsec_area .npsec_con .related_next > a .next_txtbox .next_tit > strong {
        font-size: 1.1875rem;
    }
}

@media all and (max-width: 885px) {
    #related .npsec_area .npsec_con .related_next > a {
        border-radius: 10px;
    }

    #related .npsec_area .npsec_con .related_next > a .next_txtbox .next_tit > strong {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 641px) {
    #related .npsec_area .npsec_con .related_next {
        margin-top: 18px;
    }

    #related .npsec_area .npsec_con .related_next > a {
        gap: 16px;
        padding: 18px 20px;
    }

    #related .npsec_area .npsec_con .related_next > a .next_txtbox .next_label > span {
        font-size: 0.8125rem;
    }

    #related .npsec_area .npsec_con .related_next > a .next_txtbox .next_tit {
        margin-top: 2px;
    }

    #related .npsec_area .npsec_con .related_next > a .next_txtbox .next_tit > strong {
        font-size: 1.0625rem;
    }

    #related .npsec_area .npsec_con .related_next > a .next_arrow {
        width: 38px;
        height: 38px;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }
}

@media all and (max-width: 481px) {
    #related .npsec_area .npsec_con .related_next > a .next_txtbox .next_label > span {
        font-size: 0.75rem;
    }

    #related .npsec_area .npsec_con .related_next > a .next_txtbox .next_tit > strong {
        font-size: 1rem;
    }

    #related .npsec_area .npsec_con .related_next > a .next_arrow {
        width: 34px;
        height: 34px;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
    }
}
/* RELATED NEXT END */

/* ZTNA SECTION01 (네 가지 특징 — 번호 카드 2×2, 885부터 1칸) */
#features {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#features .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#features .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#features .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#features .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#features .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: 18px; */
    margin-top: 0;
}

#features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#features .npsec_area .npsec_con .feat_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

#features .npsec_area .npsec_con .feat_box .feat_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px 40px 38px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#features .npsec_area .npsec_con .feat_box .feat_item:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
}

#features .npsec_area .npsec_con .feat_box .feat_item .feat_num {
    width: 100%;
    height: auto;
    position: relative;
}

#features .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: 0;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#features .npsec_area .npsec_con .feat_box .feat_item .feat_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 22px;
}

#features .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#features .npsec_area .npsec_con .feat_box .feat_item .feat_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#features .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #features .npsec_area {
        padding: 88px 0;
    }

    #features .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item {
        padding: 36px 34px 34px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.75rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 1.25rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #features .npsec_area {
        padding: 72px 0;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #features .npsec_area .npsec_con .feat_box {
        margin-top: 32px;
        gap: 16px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item {
        padding: 30px 26px 28px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.5rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_tit {
        margin-top: 18px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 1.125rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 885px) {
    #features .npsec_area {
        padding: 60px 0;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 14px; */
        margin-top: 0;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }

    #features .npsec_area .npsec_con .feat_box {
        margin-top: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item {
        border-radius: 10px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.375rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_tit {
        margin-top: 14px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 1.0625rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #features .npsec_area {
        padding: 52px 0;
    }

    #features .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 12px; */
        margin-top: 0;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #features .npsec_area .npsec_con .feat_box {
        margin-top: 22px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item {
        padding: 24px 20px 22px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.25rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_tit {
        margin-top: 12px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 1rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_txt {
        margin-top: 8px;
    }
}

@media all and (max-width: 481px) {
    #features .npsec_area {
        padding: 44px 0;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #features .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #features .npsec_area .npsec_con .feat_box {
        margin-top: 18px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item {
        padding: 22px 18px 20px;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.125rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 0.9375rem;
    }

    #features .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p {
        font-size: 0.8125rem;
    }
}
/* ZTNA SECTION01 END */

/* ZTNA SECTION02 (간편 인증 — 상단과 같은 어두운 박스 띠, 가운데 정렬) */
#use {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 20px 104px;
    background-color: #fff;
}

#use .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    /* padding: 72px 0; */
    /* padding: 56px 0; */
    padding: 44px 0;
    background-color: #03091f;
    border-radius: 20px;
    overflow: hidden;
}

#use .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    /* -ms-grid-columns: minmax(0, 0.8fr) 64px minmax(0, 1.5fr);
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.5fr);
    gap: 64px; */
    /* 가운데 정렬: 제목 위, 설명 아래 */
    -ms-grid-columns: 1fr;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

#use .npsec_area .npsec_con .use_titbox {
    width: 100%;
    height: auto;
    position: relative;
}

#use .npsec_area .npsec_con .use_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.875rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.35;
    word-break: keep-all;
}

#use .npsec_area .npsec_con .use_titbox > h3 > span {
    color: #456eff;
}

#use .npsec_area .npsec_con .use_pbox {
    width: 100%;
    height: auto;
    position: relative;
}

#use .npsec_area .npsec_con .use_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #b8c4d6;
    letter-spacing: -0.5px;
    line-height: 1.75;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #use {
        padding-bottom: 88px;
    }

    #use .npsec_area .npsec_con {
        padding: 0 30px;
        /* gap: 48px; */
    }

    #use .npsec_area .npsec_con .use_titbox > h3 {
        font-size: 1.75rem;
    }
}

@media all and (max-width: 1281px) {
    #use .npsec_area .npsec_con .use_titbox > h3 {
        font-size: 1.625rem;
    }

    #use .npsec_area .npsec_con .use_pbox > p {
        font-size: 1.0625rem;
    }
}

@media all and (max-width: 1025px) {
    #use {
        padding-bottom: 72px;
    }

    #use .npsec_area {
        /* padding: 56px 0; */
        /* padding: 48px 0; */
        padding: 40px 0;
    }

    #use .npsec_area .npsec_con {
        /* -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px; */
    }

    #use .npsec_area .npsec_con .use_titbox > h3 {
        font-size: 1.5rem;
    }

    #use .npsec_area .npsec_con .use_pbox > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    #use {
        padding-bottom: 60px;
    }

    #use .npsec_area {
        /* padding: 48px 0; */
        /* padding: 40px 0; */
        padding: 36px 0;
        border-radius: 12px;
    }

    #use .npsec_area .npsec_con .use_titbox > h3 {
        font-size: 1.375rem;
    }

    #use .npsec_area .npsec_con .use_pbox > p {
        font-size: 0.9375rem;
    }

    #use .npsec_area .npsec_con .use_pbox > p > br {
        display: none;
    }
}

@media all and (max-width: 641px) {
    #use {
        padding: 0 12px 52px;
    }

    #use .npsec_area {
        /* padding: 40px 0; */
        /* padding: 32px 0; */
        padding: 28px 0;
    }

    #use .npsec_area .npsec_con {
        padding: 0 15px;
        gap: 12px;
    }

    #use .npsec_area .npsec_con .use_titbox > h3 {
        font-size: 1.25rem;
    }

    #use .npsec_area .npsec_con .use_pbox > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #use {
        padding-bottom: 44px;
    }

    #use .npsec_area {
        /* padding: 36px 0; */
        /* padding: 28px 0; */
        padding: 24px 0;
    }

    #use .npsec_area .npsec_con .use_titbox > h3 {
        font-size: 1.125rem;
    }

    #use .npsec_area .npsec_con .use_pbox > p {
        font-size: 0.8125rem;
    }
}
/* ZTNA SECTION02 END */

/* ZTNA SECTION03 (이런 조직에 맞습니다 — NPass 고객 과제와 같은 2단, 회색 배경) */
#fit {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#fit .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#fit .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#fit .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#fit .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#fit .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: 18px; */
    margin-top: 0;
}

#fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#fit .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#fit .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#fit .npsec_area .npsec_con .cause_box {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#fit .npsec_area .npsec_con .cause_box .cause_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 24px;
    border-bottom: 1px solid #e0e4ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#fit .npsec_area .npsec_con .cause_box .cause_item:hover {
    background-color: #fff;
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 12px;
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_icon_01 {
    background-image: url(../img/fit_icon_01.svg);
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_icon_02 {
    background-image: url(../img/fit_icon_02.svg);
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_icon_03 {
    background-image: url(../img/fit_icon_03.svg);
}

/* 2026-10-16 시안 v0.4: 협력사 항목 */
#fit .npsec_area .npsec_con .cause_box .cause_item .cause_icon_04 {
    background-image: url(../img/fit_icon_04.svg);
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 2px;
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #fit .npsec_area {
        padding: 88px 0;
    }

    #fit .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.1875rem;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #fit .npsec_area {
        padding: 72px 0;
    }

    #fit .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #fit .npsec_area {
        padding: 60px 0;
    }

    #fit .npsec_area .npsec_con {
        gap: 28px;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 14px; */
        margin-top: 0;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item {
        padding: 26px 16px;
        gap: 18px;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #fit .npsec_area {
        padding: 52px 0;
    }

    #fit .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 12px; */
        margin-top: 0;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item {
        padding: 22px 4px;
        gap: 14px;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
        width: 44px;
        height: 44px;
        -webkit-background-size: 26px;
        background-size: 26px;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.0625rem;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
        margin-top: 6px;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    #fit .npsec_area {
        padding: 44px 0;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #fit .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1rem;
    }

    #fit .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.8125rem;
    }
}
/* ZTNA SECTION03 END */

/* PDP SECTION01 (왜 제로트러스트인가 — NPass 고객 과제와 같은 2단, 아이콘은 메인 위험 섹션과 같음) */
#why {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#why .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#why .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#why .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#why .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#why .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#why .npsec_area .npsec_con .cause_box {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#why .npsec_area .npsec_con .cause_box .cause_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 24px;
    border-bottom: 1px solid #e0e4ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#why .npsec_area .npsec_con .cause_box .cause_item:hover {
    background-color: #f4f6fb;
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 12px;
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_icon_01 {
    background-image: url(../img/risk_icon_01.svg);
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_icon_02 {
    background-image: url(../img/risk_icon_02.svg);
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_icon_03 {
    background-image: url(../img/risk_icon_03.svg);
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 2px;
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #why .npsec_area {
        padding: 88px 0;
    }

    #why .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.1875rem;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #why .npsec_area {
        padding: 72px 0;
    }

    #why .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #why .npsec_area {
        padding: 60px 0;
    }

    #why .npsec_area .npsec_con {
        gap: 28px;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item {
        padding: 26px 16px;
        gap: 18px;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.875rem;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }
}

@media all and (max-width: 641px) {
    #why .npsec_area {
        padding: 52px 0;
    }

    #why .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item {
        padding: 22px 4px;
        gap: 14px;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
        width: 44px;
        height: 44px;
        -webkit-background-size: 26px;
        background-size: 26px;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.0625rem;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
        margin-top: 6px;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    #why .npsec_area {
        padding: 44px 0;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1rem;
    }

    #why .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.8125rem;
    }
}
/* PDP SECTION01 END */

/* PDP SECTION02 (가이드라인 2.0 — 도입 효과 비교표와 같은 계열, NPass의 대응 칸 강조) */
#principles {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#principles .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#principles .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#principles .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#principles .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#principles .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#principles .npsec_area .npsec_con .prin_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_01 {
    width: 20%;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_02,
#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_03 {
    width: 40%;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > thead > tr > th {
    height: auto;
    position: relative;
    padding: 20px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #e0e4ed;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > thead > tr > th.prin_hl {
    font-size: 1.125rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0;
    background-color: #0e43fe;
    border-bottom-color: #0e43fe;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > th,
#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 22px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: middle;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr + tr > th,
#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr + tr > td {
    border-top: 1px solid #e0e4ed;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > th {
    font-weight: 700;
    color: #131313;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main {
    font-weight: 400;
    color: #8592ab;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl {
    padding-left: 60px;
    font-weight: 600;
    color: #131313;
    background-color: #f3f6ff;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr + tr > td.prin_hl {
    border-top-color: #dfe6ff;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl::before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -9px;
    background-image: url(../img/case_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_01 {
    /* width: 9%; */
    width: 6%;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_02 {
    /* width: 51%; */
    width: 54%;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_03 {
    width: 40%;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_no {
    font-size: 1rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    vertical-align: top;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main {
    color: #131313;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main > strong {
    display: block;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
    line-height: 1.5;
}

#principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main > .prin_desc {
    display: block;
    margin-top: 6px;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #5a6478;
    line-height: 1.6;
}

@media all and (max-width: 1441px) {
    #principles .npsec_area {
        padding: 88px 0;
    }

    #principles .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > thead > tr > th {
        padding: 18px 28px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > th,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td {
        padding: 20px 28px;
        font-size: 0.9375rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl {
        padding-left: 56px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl::before {
        left: 28px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main > strong {
        font-size: 1rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main > .prin_desc {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 1025px) {
    #principles .npsec_area {
        padding: 72px 0;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox {
        margin-top: 32px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_01 {
        width: 22%;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_02,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_03 {
        width: 39%;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > thead > tr > th {
        padding: 16px 22px;
        font-size: 0.875rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > thead > tr > th.prin_hl {
        font-size: 1rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > th,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td {
        padding: 18px 22px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl {
        padding-left: 48px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl::before {
        width: 16px;
        height: 16px;
        left: 22px;
        margin-top: -8px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_01 {
        /* width: 10%; */
        width: 8%;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_02 {
        /* width: 50%; */
        width: 52%;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl .prin_col_03 {
        width: 40%;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_no {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #principles .npsec_area {
        padding: 60px 0;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }

    #principles .npsec_area .npsec_con .prin_tblbox {
        margin-top: 28px;
        border-radius: 10px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > thead > tr > th.prin_hl {
        font-size: 0.9375rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > th,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td {
        font-size: 0.875rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main > strong {
        font-size: 0.9375rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main > .prin_desc {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 641px) {
    #principles .npsec_area {
        padding: 52px 0;
    }

    #principles .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox {
        margin-top: 22px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > th,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > thead {
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr {
        padding: 18px 16px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr + tr {
        border-top: 1px solid #e0e4ed;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr + tr > th,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr + tr > td {
        border-top: 0;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > th {
        padding: 0;
        font-size: 0.875rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td {
        padding: 10px 0 0;
        font-size: 0.875rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl {
        margin-top: 8px;
        padding: 12px 14px;
        border-radius: 8px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td::before,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl::before {
        content: attr(data-label);
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin: 0 0 2px;
        font-size: 0.75rem;
        font-weight: 600;
        color: #8592ab;
        background-image: none;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_hl::before {
        color: #0e43fe;
    }

    /* 번호·원리 칸은 칸 이름 표시 안 함 (NPass의 대응만 표시) */
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_no::before,
    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main::before {
        display: none;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_no {
        padding: 0;
        font-size: 0.875rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main {
        padding-top: 4px;
    }
}

@media all and (max-width: 481px) {
    #principles .npsec_area {
        padding: 44px 0;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #principles .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr {
        padding: 16px 14px;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > th {
        font-size: 0.8125rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td {
        font-size: 0.8125rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main > strong {
        font-size: 0.875rem;
    }

    #principles .npsec_area .npsec_con .prin_tblbox .prin_tbl > tbody > tr > td.prin_main > .prin_desc {
        font-size: 0.75rem;
    }
}
/* PDP SECTION02 END */

/* PDP SECTION03 (NPass PDP 구조 — 확인 → 결정(어두운 카드) → 집행 구조도 + 연동 칩) */
#architecture {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#architecture .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#architecture .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#architecture .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#architecture .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#architecture .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 구조도: 확인 → 결정(가운데 어두운 카드) → 집행 */
#architecture .npsec_area .npsec_con .arch_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 56px minmax(0, 1.1fr) 56px minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 56px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 34px 30px 30px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

/* 칸 사이 흐름 화살표 (원 안의 →) */
#architecture .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -48px;
    margin-top: -20px;
    background-color: #fff;
    background-image: url(../img/flow_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    border: 1px solid #e0e4ed;
    border-radius: 50%;
    z-index: 1;
}

#architecture .npsec_area .npsec_con .arch_box .arch_core {
    background-color: #03091f;
    border-color: #03091f;
    -webkit-box-shadow: 0 24px 48px rgba(3, 9, 31, 0.18);
    box-shadow: 0 24px 48px rgba(3, 9, 31, 0.18);
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_role {
    width: 100%;
    height: auto;
    position: relative;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_role > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#architecture .npsec_area .npsec_con .arch_box .arch_core .arch_role > span {
    color: #9db4ff;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 6px;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.35;
    word-break: keep-all;
}

#architecture .npsec_area .npsec_con .arch_box .arch_core .arch_tit > h4 {
    color: #fff;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    list-style: none;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 0;
    border-top: 1px solid #e0e4ed;
}

#architecture .npsec_area .npsec_con .arch_box .arch_core .arch_list > li {
    border-top-color: #1b2752;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li:last-child {
    padding-bottom: 0;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > strong {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

#architecture .npsec_area .npsec_con .arch_box .arch_core .arch_list > li > strong {
    color: #fff;
}

#architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > span {
    display: block;
    margin-top: 4px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#architecture .npsec_area .npsec_con .arch_box .arch_core .arch_list > li > span {
    color: #b8c4d6;
}

/* 연동할 수 있는 정책집행지점: 칩 */
#architecture .npsec_area .npsec_con .arch_pepbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
    padding: 24px 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background-color: #f4f6fb;
    border-radius: 12px;
}

#architecture .npsec_area .npsec_con .arch_pepbox .arch_peptit {
    width: auto;
    height: auto;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#architecture .npsec_area .npsec_con .arch_pepbox .arch_peptit > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#architecture .npsec_area .npsec_con .arch_pepbox .arch_chips {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
}

#architecture .npsec_area .npsec_con .arch_pepbox .arch_chips > li {
    width: auto;
    height: auto;
    position: relative;
    padding: 7px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #d8dfff;
    border-radius: 20px;
}

@media all and (max-width: 1441px) {
    #architecture .npsec_area {
        padding: 88px 0;
    }

    #architecture .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #architecture .npsec_area .npsec_con .arch_box {
        -ms-grid-columns: minmax(0, 1fr) 48px minmax(0, 1.1fr) 48px minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr);
        gap: 48px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item {
        padding: 30px 24px 26px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        width: 36px;
        height: 36px;
        left: -42px;
        margin-top: -18px;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1.25rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > strong {
        font-size: 0.9375rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > span {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 1025px) {
    #architecture .npsec_area {
        padding: 72px 0;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    /* 1025부터 위아래로 쌓고 화살표는 아래 방향 */
    #architecture .npsec_area .npsec_con .arch_box {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 72px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        top: -54px;
        left: 50%;
        margin-top: 0;
        margin-left: -18px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_role > span {
        font-size: 0.8125rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1.1875rem;
    }

    #architecture .npsec_area .npsec_con .arch_pepbox {
        margin-top: 28px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 14px;
    }

    #architecture .npsec_area .npsec_con .arch_pepbox .arch_peptit > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 885px) {
    /* 885: 간격 64, 화살표 32 → 위아래 16px씩 */
    #architecture .npsec_area .npsec_con .arch_box {
        gap: 64px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        width: 32px;
        height: 32px;
        top: -48px;
        margin-left: -16px;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
    }

    #architecture .npsec_area {
        padding: 60px 0;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item {
        padding: 26px 22px 22px;
        border-radius: 10px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1.125rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list {
        margin-top: 14px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li {
        padding: 12px 0;
    }

    #architecture .npsec_area .npsec_con .arch_pepbox {
        padding: 20px 22px;
        border-radius: 10px;
    }

    #architecture .npsec_area .npsec_con .arch_pepbox .arch_chips > li {
        padding: 6px 12px;
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 641px) {
    #architecture .npsec_area {
        padding: 52px 0;
    }

    #architecture .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #architecture .npsec_area .npsec_con .arch_box {
        margin-top: 24px;
        gap: 56px;
    }

    /* 641: 간격 56, 화살표 32 → 위아래 12px씩 */
    #architecture .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        top: -44px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item {
        padding: 22px 18px 18px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_role > span {
        font-size: 0.75rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1.0625rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > strong {
        font-size: 0.875rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > span {
        font-size: 0.75rem;
    }

    #architecture .npsec_area .npsec_con .arch_pepbox {
        margin-top: 20px;
        padding: 18px;
    }

    #architecture .npsec_area .npsec_con .arch_pepbox .arch_peptit > p {
        font-size: 0.8125rem;
    }

    #architecture .npsec_area .npsec_con .arch_pepbox .arch_chips {
        gap: 6px;
    }

    #architecture .npsec_area .npsec_con .arch_pepbox .arch_chips > li {
        padding: 5px 10px;
        font-size: 0.75rem;
    }
}

@media all and (max-width: 481px) {
    /* 481: 간격 52, 화살표 28 → 위아래 12px씩 */
    #architecture .npsec_area .npsec_con .arch_box {
        gap: 52px;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        width: 28px;
        height: 28px;
        top: -40px;
        margin-left: -14px;
        -webkit-background-size: 14px 14px;
        background-size: 14px 14px;
    }

    #architecture .npsec_area {
        padding: 44px 0;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #architecture .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1rem;
    }

    #architecture .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > strong {
        font-size: 0.8125rem;
    }
}
/* PDP SECTION03 END */

/* PDP SECTION04 (신뢰 평가 — 흰 패널 안 4단계 타임라인, NPass 동작 방식과 같은 방식) */
#engine {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#engine .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#engine .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#engine .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#engine .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#engine .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#engine .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#engine .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#engine .npsec_area .npsec_con .eng_panel {
    width: 100%;
    height: auto;
    position: relative;
    padding: 48px;
    background-color: #fff;
    border-radius: 20px;
}

#engine .npsec_area .npsec_con .eng_panel .step_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 36px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    gap: 0;
    counter-reset: step;
}

#engine .npsec_area .npsec_con .eng_panel .step_box_03 {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#engine .npsec_area .npsec_con .eng_panel .step_box_04 {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 64px 36px 0 0;
    counter-increment: step;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item::before {
    content: counter(step, decimal-leading-zero);
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    background-color: #0e43fe;
    border-radius: 50%;
    z-index: 1;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item::after {
    content: '';
    width: auto;
    height: 1px;
    position: absolute;
    top: 22px;
    left: 56px;
    right: 12px;
    background-color: #c9d3ef;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item:last-child::after {
    display: none;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#engine .npsec_area .npsec_con .eng_panel {
    margin-top: 40px;
}

#engine .npsec_area .npsec_con .eng_panel .step_box {
    margin-top: 0;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_name {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 6px;
}

#engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_name > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

@media all and (max-width: 1441px) {
    #engine .npsec_area {
        padding: 88px 0;
    }

    #engine .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #engine .npsec_area .npsec_con .eng_panel {
        padding: 44px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item {
        padding-right: 28px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit > h4 {
        font-size: 1.0625rem;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #engine .npsec_area {
        padding: 72px 0;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #engine .npsec_area .npsec_con .eng_panel {
        padding: 36px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item {
        padding-right: 20px;
    }

    #engine .npsec_area .npsec_con .eng_panel {
        margin-top: 32px;
    }
}

@media all and (max-width: 885px) {
    #engine .npsec_area {
        padding: 60px 0;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #engine .npsec_area .npsec_con .eng_panel {
        padding: 30px 26px;
        border-radius: 12px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box_03,
    #engine .npsec_area .npsec_con .eng_panel .step_box_04 {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item {
        padding: 10px 0 28px 64px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item:last-child {
        padding-bottom: 0;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item::after {
        width: 1px;
        height: auto;
        top: 52px;
        bottom: 6px;
        left: 22px;
        right: auto;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit > h4 {
        font-size: 1rem;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt {
        margin-top: 6px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt > p {
        font-size: 0.875rem;
    }

    #engine .npsec_area .npsec_con .eng_panel {
        margin-top: 28px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_name > span {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 641px) {
    #engine .npsec_area {
        padding: 52px 0;
    }

    #engine .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #engine .npsec_area .npsec_con .eng_panel {
        padding: 24px 18px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item {
        padding: 8px 0 24px 52px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item::before {
        width: 36px;
        height: 36px;
        font-size: 0.8125rem;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item::after {
        top: 44px;
        left: 18px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box,
    #engine .npsec_area .npsec_con .eng_panel .step_box {
        margin-top: 0;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_name > span {
        font-size: 0.75rem;
    }
}

@media all and (max-width: 481px) {
    #engine .npsec_area {
        padding: 44px 0;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #engine .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #engine .npsec_area .npsec_con .eng_panel {
        padding: 22px 16px;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit > h4 {
        font-size: 0.9375rem;
    }

    #engine .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt > p {
        font-size: 0.8125rem;
    }
}
/* PDP SECTION04 END */

/* USIM SECTION01 (문제 — 번호 카드 3칸 + 회색 패널: OS 3층 구조·실제 위협) */
#usim_problem {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#usim_problem .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#usim_problem .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#usim_problem .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#usim_problem .npsec_area .npsec_con .feat_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

#usim_problem .npsec_area .npsec_con .feat_box .feat_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px 40px 38px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#usim_problem .npsec_area .npsec_con .feat_box .feat_item:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
}

#usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_num {
    width: 100%;
    height: auto;
    position: relative;
}

#usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: 0;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 22px;
}

#usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 아래 회색 패널: 왼쪽 OS 구조 그림, 오른쪽 실제 위협 */
#usim_problem .npsec_area .npsec_con .os_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
    padding: 48px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 56px;
    background-color: #f4f6fb;
    border-radius: 20px;
}

#usim_problem .npsec_area .npsec_con .os_box .os_col {
    width: 100%;
    height: auto;
    position: relative;
}

#usim_problem .npsec_area .npsec_con .os_box .os_col .os_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#usim_problem .npsec_area .npsec_con .os_box .os_col .os_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#usim_problem .npsec_area .npsec_con .os_box .os_col .os_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#usim_problem .npsec_area .npsec_con .os_box .os_col .os_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 3층 구조 (가운데 OS 층만 빨간 점선 = 공격 진입점) */
#usim_problem .npsec_area .npsec_con .os_box .stack_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

#usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 18px 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 12px;
}

#usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item > strong {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item > span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_risk {
    background-color: #fff5f5;
    border: 1.5px dashed #e5484d;
}

#usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_risk > span {
    padding: 4px 10px;
    font-weight: 700;
    color: #fff;
    background-color: #e5484d;
    border-radius: 20px;
}

#usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_hw {
    background-color: #eceff5;
}

/* 실제 위협 목록 (빨간 경고 아이콘) */
#usim_problem .npsec_area .npsec_con .os_box .threat_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    list-style: none;
}

#usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 20px 0 20px 40px;
    border-top: 1px solid #dfe3ec;
}

#usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item:last-child {
    padding-bottom: 0;
}

#usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item::before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    left: 0;
    background-image: url(../img/threat_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item > h5 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.45;
    word-break: keep-all;
}

#usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item > p {
    margin-top: 4px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #usim_problem .npsec_area {
        padding: 88px 0;
    }

    #usim_problem .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item {
        padding: 36px 34px 34px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.75rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 1.25rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p {
        font-size: 0.9375rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box {
        padding: 44px 40px;
        -ms-grid-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 44px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .os_col .os_tit > h4 {
        font-size: 1.375rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .os_col .os_txt > p {
        font-size: 0.9375rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item > strong {
        font-size: 0.9375rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item > h5 {
        font-size: 1rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 1025px) {
    #usim_problem .npsec_area {
        padding: 72px 0;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box {
        margin-top: 32px;
        gap: 16px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item {
        padding: 30px 26px 28px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.5rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit {
        margin-top: 18px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 1.125rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p > br {
        display: none;
    }

    #usim_problem .npsec_area .npsec_con .feat_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #usim_problem .npsec_area .npsec_con .os_box {
        margin-top: 16px;
        padding: 36px 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .os_col .os_tit > h4 {
        font-size: 1.25rem;
    }
}

@media all and (max-width: 885px) {
    #usim_problem .npsec_area {
        padding: 60px 0;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }

    #usim_problem .npsec_area .npsec_con .feat_box {
        margin-top: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item {
        border-radius: 10px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.375rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit {
        margin-top: 14px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 1.0625rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p {
        font-size: 0.875rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box {
        margin-top: 12px;
        padding: 30px 24px;
        border-radius: 12px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .os_col .os_tit > h4 {
        font-size: 1.1875rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .os_col .os_txt > p {
        font-size: 0.875rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item {
        padding: 16px 18px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item > h5 {
        font-size: 0.9375rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item > p {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 641px) {
    #usim_problem .npsec_area {
        padding: 52px 0;
    }

    #usim_problem .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box {
        margin-top: 22px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item {
        padding: 24px 20px 22px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.25rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit {
        margin-top: 12px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 1rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_txt {
        margin-top: 8px;
    }

    #usim_problem .npsec_area .npsec_con .os_box {
        padding: 24px 18px;
        gap: 32px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .os_col .os_tit > h4 {
        font-size: 1.125rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .stack_box {
        margin-top: 18px;
        gap: 6px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item {
        padding: 14px 14px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item > strong {
        font-size: 0.875rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item > span {
        font-size: 0.75rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list {
        margin-top: 14px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item {
        padding: 16px 0 16px 34px;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item::before {
        width: 20px;
        height: 20px;
        top: 17px;
    }
}

@media all and (max-width: 481px) {
    #usim_problem .npsec_area {
        padding: 44px 0;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #usim_problem .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box {
        margin-top: 18px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item {
        padding: 22px 18px 20px;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_num > span {
        font-size: 1.125rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_tit > h4 {
        font-size: 0.9375rem;
    }

    #usim_problem .npsec_area .npsec_con .feat_box .feat_item .feat_txt > p {
        font-size: 0.8125rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .os_col .os_tit > h4 {
        font-size: 1rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .os_col .os_txt > p {
        font-size: 0.8125rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .stack_box .stack_item > strong {
        font-size: 0.8125rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item > h5 {
        font-size: 0.875rem;
    }

    #usim_problem .npsec_area .npsec_con .os_box .threat_list .threat_item > p {
        font-size: 0.75rem;
    }
}
/* USIM SECTION01 END */

/* USIM SECTION02 (왜 USIM인가 — NPass의 접근과 같은 흰 3칸 패널, 이름 자리에 번호) */
#usim_why {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#usim_why .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#usim_why .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#usim_why .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#usim_why .npsec_area .npsec_con .change_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#usim_why .npsec_area .npsec_con .change_box .change_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 44px 40px 46px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#usim_why .npsec_area .npsec_con .change_box .change_item + .change_item {
    border-left: 1px solid #e0e4ed;
}

#usim_why .npsec_area .npsec_con .change_box .change_item:hover {
    background-color: #fafbff;
}

#usim_why .npsec_area .npsec_con .change_box .change_item .change_name {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e4ed;
}

#usim_why .npsec_area .npsec_con .change_box .change_item .change_name > span {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    word-break: keep-all;
}

#usim_why .npsec_area .npsec_con .change_box .change_item .change_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#usim_why .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#usim_why .npsec_area .npsec_con .change_box .change_item .change_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#usim_why .npsec_area .npsec_con .change_box .change_item .change_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #usim_why .npsec_area {
        padding: 88px 0;
    }

    #usim_why .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #usim_why .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.5rem;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.1875rem;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_txt > p {
        font-size: 0.9375rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }
}

@media all and (max-width: 1025px) {
    #usim_why .npsec_area {
        padding: 72px 0;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item {
        padding: 36px 26px 38px;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.3125rem;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.125rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    #usim_why .npsec_area {
        padding: 60px 0;
    }

    #usim_why .npsec_area .npsec_con .change_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item + .change_item {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item {
        padding: 32px 28px;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_name {
        padding-bottom: 18px;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_tit {
        margin-top: 18px;
    }

    #usim_why .npsec_area .npsec_con .change_box {
        border-radius: 10px;
    }

    #usim_why .npsec_area .npsec_con .change_box {
        margin-top: 28px;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }
}

@media all and (max-width: 641px) {
    #usim_why .npsec_area {
        padding: 52px 0;
    }

    #usim_why .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item {
        padding: 28px 22px;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_name > span {
        font-size: 1.125rem;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1.0625rem;
    }

    #usim_why .npsec_area .npsec_con .change_box {
        margin-top: 22px;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_name {
        padding-bottom: 14px;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_tit {
        margin-top: 14px;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_txt {
        margin-top: 8px;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #usim_why .npsec_area {
        padding: 44px 0;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_tit > h4 {
        font-size: 1rem;
    }

    #usim_why .npsec_area .npsec_con .change_box .change_item .change_txt > p {
        font-size: 0.8125rem;
    }

    #usim_why .npsec_area .npsec_con .change_box {
        margin-top: 18px;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #usim_why .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }
}
/* USIM SECTION02 END */

/* USIM SECTION03 (왜 제로트러스트인가 — 도입 효과 비교표와 같은 디자인, 흰 배경) */
#usim_zt {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#usim_zt .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#usim_zt .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#usim_zt .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_01 {
    width: 20%;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_02,
#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_03 {
    width: 40%;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th {
    height: auto;
    position: relative;
    padding: 20px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #e0e4ed;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th.cmp_hl {
    font-size: 1.125rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0;
    background-color: #0e43fe;
    border-bottom-color: #0e43fe;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 22px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: middle;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > th,
#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > td {
    border-top: 1px solid #e0e4ed;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th {
    font-weight: 700;
    color: #131313;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_dim {
    font-weight: 400;
    color: #8592ab;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl {
    padding-left: 60px;
    font-weight: 600;
    color: #131313;
    background-color: #f3f6ff;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > td.cmp_hl {
    border-top-color: #dfe6ff;
}

#usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -9px;
    background-image: url(../img/case_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

/* 흰 배경 위라 표 테두리 */
#usim_zt .npsec_area .npsec_con .cmp_tblbox {
    border: 1px solid #e0e4ed;
}

@media all and (max-width: 1441px) {
    #usim_zt .npsec_area {
        padding: 88px 0;
    }

    #usim_zt .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th {
        padding: 18px 28px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        padding: 20px 28px;
        font-size: 0.9375rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl {
        padding-left: 56px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
        left: 28px;
    }
}

@media all and (max-width: 1025px) {
    #usim_zt .npsec_area {
        padding: 72px 0;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox {
        margin-top: 32px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_01 {
        width: 22%;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_02,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl .cmp_col_03 {
        width: 39%;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th {
        padding: 16px 22px;
        font-size: 0.875rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th.cmp_hl {
        font-size: 1rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        padding: 18px 22px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl {
        padding-left: 48px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
        width: 16px;
        height: 16px;
        left: 22px;
        margin-top: -8px;
    }
}

@media all and (max-width: 885px) {
    #usim_zt .npsec_area {
        padding: 60px 0;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox {
        margin-top: 28px;
        border-radius: 10px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead > tr > th.cmp_hl {
        font-size: 0.9375rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #usim_zt .npsec_area {
        padding: 52px 0;
    }

    #usim_zt .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox {
        margin-top: 22px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > thead {
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr {
        padding: 18px 16px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr {
        border-top: 1px solid #e0e4ed;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > th,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr + tr > td {
        border-top: 0;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th {
        padding: 0;
        font-size: 0.875rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        padding: 10px 0 0;
        font-size: 0.875rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl {
        margin-top: 8px;
        padding: 12px 14px;
        border-radius: 8px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td::before,
    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
        content: attr(data-label);
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin: 0 0 2px;
        font-size: 0.75rem;
        font-weight: 600;
        color: #8592ab;
        background-image: none;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td.cmp_hl::before {
        color: #0e43fe;
    }
}

@media all and (max-width: 481px) {
    #usim_zt .npsec_area {
        padding: 44px 0;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #usim_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr {
        padding: 16px 14px;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > th {
        font-size: 0.8125rem;
    }

    #usim_zt .npsec_area .npsec_con .cmp_tblbox .cmp_tbl > tbody > tr > td {
        font-size: 0.8125rem;
    }
}
/* USIM SECTION03 END */

/* USIM SECTION04 (시스템 구성 — 에이전트 ⇄ 보안 채널 ⇄ 서버 보안 루프) */
#usim_system {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#usim_system .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#usim_system .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#usim_system .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 보안 루프: 에이전트 ⇄ 채널 ⇄ 서버 */
#usim_system .npsec_area .npsec_con .loop_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 56px minmax(0, 0.9fr) 56px minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 1fr);
    gap: 56px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 36px 32px 34px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

/* 칸 사이 양방향 화살표 */
#usim_system .npsec_area .npsec_con .loop_box .loop_item + .loop_item::before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -48px;
    margin-top: -20px;
    background-color: #fff;
    background-image: url(../img/flow_both.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    border: 1px solid #e0e4ed;
    border-radius: 50%;
    z-index: 1;
}

/* 가운데 채널은 연결 고리처럼 연한 파랑 */
#usim_system .npsec_area .npsec_con .loop_box .loop_channel {
    background-color: #eef2ff;
    border-color: #d8dfff;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_icon {
    width: 52px;
    height: 52px;
    position: relative;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 12px;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_channel .loop_icon {
    background-color: #fff;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_agent .loop_icon {
    background-image: url(../img/spec_sim.svg);
}

#usim_system .npsec_area .npsec_con .loop_box .loop_channel .loop_icon {
    background-image: url(../img/loop_channel.svg);
}

#usim_system .npsec_area .npsec_con .loop_box .loop_server .loop_icon {
    background-image: url(../img/loop_server.svg);
}

#usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.35;
    word-break: keep-all;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_role {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_role > strong {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #usim_system .npsec_area {
        padding: 88px 0;
    }

    #usim_system .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box {
        -ms-grid-columns: minmax(0, 1fr) 48px minmax(0, 0.9fr) 48px minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 1fr);
        gap: 48px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item {
        padding: 32px 26px 30px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item + .loop_item::before {
        width: 36px;
        height: 36px;
        left: -42px;
        margin-top: -18px;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit > h4 {
        font-size: 1.25rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_role > strong {
        font-size: 0.9375rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_txt > p {
        font-size: 0.875rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 1025px) {
    #usim_system .npsec_area {
        padding: 72px 0;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    /* 1025부터 위아래, 화살표 세로(⇅) */
    #usim_system .npsec_area .npsec_con .loop_box {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 72px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item + .loop_item::before {
        top: -54px;
        left: 50%;
        margin-top: 0;
        margin-left: -18px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit > h4 {
        font-size: 1.1875rem;
    }
}

@media all and (max-width: 885px) {
    /* 885: 간격 64, 화살표 32 → 위아래 16px씩 */
    #usim_system .npsec_area .npsec_con .loop_box {
        gap: 64px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item + .loop_item::before {
        width: 32px;
        height: 32px;
        top: -48px;
        margin-left: -16px;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
    }

    #usim_system .npsec_area {
        padding: 60px 0;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item {
        padding: 26px 22px 24px;
        border-radius: 10px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_icon {
        width: 48px;
        height: 48px;
        -webkit-background-size: 28px;
        background-size: 28px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit {
        margin-top: 18px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit > h4 {
        font-size: 1.125rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_txt > p {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 641px) {
    #usim_system .npsec_area {
        padding: 52px 0;
    }

    #usim_system .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box {
        margin-top: 24px;
        gap: 56px;
    }

    /* 641: 간격 56, 화살표 32 → 위아래 12px씩 */
    #usim_system .npsec_area .npsec_con .loop_box .loop_item + .loop_item::before {
        top: -44px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item {
        padding: 22px 18px 20px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_icon {
        width: 44px;
        height: 44px;
        -webkit-background-size: 26px;
        background-size: 26px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit {
        margin-top: 14px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit > h4 {
        font-size: 1.0625rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_role > strong {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    /* 481: 간격 52, 화살표 28 → 위아래 12px씩 */
    #usim_system .npsec_area .npsec_con .loop_box {
        gap: 52px;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item + .loop_item::before {
        width: 28px;
        height: 28px;
        top: -40px;
        margin-left: -14px;
        -webkit-background-size: 14px 14px;
        background-size: 14px 14px;
    }

    #usim_system .npsec_area {
        padding: 44px 0;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #usim_system .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_tit > h4 {
        font-size: 1rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_role > strong {
        font-size: 0.8125rem;
    }

    #usim_system .npsec_area .npsec_con .loop_box .loop_item .loop_txt > p {
        font-size: 0.75rem;
    }
}
/* USIM SECTION04 END */

/* USIM SECTION05 (적용 분야 — NPass 안정성과 같은 아이콘 카드 3칸, 업종 아이콘) */
#usim_usecases {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#usim_usecases .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#usim_usecases .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#usim_usecases .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#usim_usecases .npsec_area .npsec_con .stab_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 36px 32px 34px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
    width: 52px;
    height: 52px;
    position: relative;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 12px;
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_icon_01 {
    background-image: url(../img/use_icon_01.svg);
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_icon_02 {
    background-image: url(../img/use_icon_02.svg);
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_icon_03 {
    background-image: url(../img/use_icon_03.svg);
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_name {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #usim_usecases .npsec_area {
        padding: 88px 0;
    }

    #usim_usecases .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item {
        padding: 32px 28px 30px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.1875rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #usim_usecases .npsec_area {
        padding: 72px 0;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box {
        margin-top: 32px;
        gap: 16px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item {
        padding: 28px 22px 26px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 48px;
        height: 48px;
        -webkit-background-size: 28px;
        background-size: 28px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_name {
        margin-top: 20px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.875rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.125rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 885px) {
    #usim_usecases .npsec_area {
        padding: 60px 0;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box {
        margin-top: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    /* 885부터 한 줄 카드: 아이콘 왼쪽, 글 오른쪽 */
    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item {
        padding: 26px 24px 26px 96px;
        border-radius: 10px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        position: absolute;
        top: 26px;
        left: 24px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_name {
        margin-top: 0;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.0625rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
        margin-top: 8px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #usim_usecases .npsec_area {
        padding: 52px 0;
    }

    #usim_usecases .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box {
        margin-top: 22px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item {
        padding: 22px 18px 22px 76px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 44px;
        height: 44px;
        top: 22px;
        left: 18px;
        -webkit-background-size: 26px;
        background-size: 26px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.8125rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_tit {
        margin-top: 4px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
        margin-top: 6px;
    }
}

@media all and (max-width: 481px) {
    #usim_usecases .npsec_area {
        padding: 44px 0;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #usim_usecases .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box {
        margin-top: 18px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item {
        padding: 20px 16px 20px 68px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 40px;
        height: 40px;
        top: 20px;
        left: 16px;
        -webkit-background-size: 24px;
        background-size: 24px;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.75rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 0.9375rem;
    }

    #usim_usecases .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.8125rem;
    }
}
/* USIM SECTION05 END */

/* EDGE SECTION01 (핵심 요약 — NPass 고객 과제 줄 목록과 같은 구성, 아이콘 자리에 번호) */
#edge_summary {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#edge_summary .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#edge_summary .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#edge_summary .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#edge_summary .npsec_area .npsec_con .cause_box {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 24px;
    border-bottom: 1px solid #e0e4ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item:hover {
    background-color: #f4f6fb;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 2px;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #edge_summary .npsec_area {
        padding: 88px 0;
    }

    #edge_summary .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.1875rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #edge_summary .npsec_area {
        padding: 72px 0;
    }

    #edge_summary .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #edge_summary .npsec_area {
        padding: 60px 0;
    }

    #edge_summary .npsec_area .npsec_con {
        gap: 28px;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item {
        padding: 26px 16px;
        gap: 18px;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #edge_summary .npsec_area {
        padding: 52px 0;
    }

    #edge_summary .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item {
        padding: 22px 4px;
        gap: 14px;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
        width: 44px;
        height: 44px;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
        font-size: 1rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.0625rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
        margin-top: 6px;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    #edge_summary .npsec_area {
        padding: 44px 0;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #edge_summary .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1rem;
    }

    #edge_summary .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.8125rem;
    }
}
/* EDGE SECTION01 END */

/* EDGE SECTION02 (처리 흐름 — PDP 신뢰 평가 흰 패널 타임라인을 6단계로) */
#edge_flow {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#edge_flow .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#edge_flow .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#edge_flow .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#edge_flow .npsec_area .npsec_con .eng_panel {
    width: 100%;
    height: auto;
    position: relative;
    padding: 48px;
    background-color: #fff;
    border-radius: 20px;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 36px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    gap: 0;
    counter-reset: step;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box_06 {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 64px 36px 0 0;
    counter-increment: step;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item::before {
    content: counter(step, decimal-leading-zero);
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    background-color: #0e43fe;
    border-radius: 50%;
    z-index: 1;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item::after {
    content: '';
    width: auto;
    height: 1px;
    position: absolute;
    top: 22px;
    left: 56px;
    right: 12px;
    background-color: #c9d3ef;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item:last-child::after {
    display: none;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#edge_flow .npsec_area .npsec_con .eng_panel {
    margin-top: 40px;
}

#edge_flow .npsec_area .npsec_con .eng_panel .step_box {
    margin-top: 0;
}

@media all and (max-width: 1441px) {
    #edge_flow .npsec_area {
        padding: 88px 0;
    }

    #edge_flow .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel {
        padding: 44px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item {
        padding-right: 28px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit > h4 {
        font-size: 1.0625rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #edge_flow .npsec_area .npsec_con .eng_panel .step_box_06 {
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 36px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box_06 .step_item:nth-child(3n)::after {
        display: none;
    }

    #edge_flow .npsec_area {
        padding: 72px 0;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel {
        padding: 36px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item {
        padding-right: 20px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel {
        margin-top: 32px;
    }
}

@media all and (max-width: 885px) {
    #edge_flow .npsec_area {
        padding: 60px 0;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel {
        padding: 30px 26px;
        border-radius: 12px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box_06 {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        row-gap: 0;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box_06 .step_item:nth-child(3n)::after {
        display: block;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box_06 .step_item:last-child::after {
        display: none;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item {
        padding: 10px 0 28px 64px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item:last-child {
        padding-bottom: 0;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item::after {
        width: 1px;
        height: auto;
        top: 52px;
        bottom: 6px;
        left: 22px;
        right: auto;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit > h4 {
        font-size: 1rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt {
        margin-top: 6px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt > p {
        font-size: 0.875rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel {
        margin-top: 28px;
    }
}

@media all and (max-width: 641px) {
    #edge_flow .npsec_area {
        padding: 52px 0;
    }

    #edge_flow .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel {
        padding: 24px 18px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item {
        padding: 8px 0 24px 52px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item::before {
        width: 36px;
        height: 36px;
        font-size: 0.8125rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item::after {
        top: 44px;
        left: 18px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box {
        margin-top: 0;
    }
}

@media all and (max-width: 481px) {
    #edge_flow .npsec_area {
        padding: 44px 0;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #edge_flow .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel {
        padding: 22px 16px;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_tit > h4 {
        font-size: 0.9375rem;
    }

    #edge_flow .npsec_area .npsec_con .eng_panel .step_box .step_item .step_txt > p {
        font-size: 0.8125rem;
    }
}
/* EDGE SECTION02 END */

/* EDGE SECTION03 (플랫폼 구성 — PDP 구조도를 입력 → 기기(소프트웨어·하드웨어) → 출력으로) */
#edge_platform {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#edge_platform .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#edge_platform .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#edge_platform .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 구조도: 입력 → 기기(가운데 어두운 카드) → 출력 */
#edge_platform .npsec_area .npsec_con .arch_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.8fr) minmax(0, 1.6fr) minmax(0, 0.8fr);
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr) minmax(0, 0.8fr);
    gap: 56px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 34px 30px 30px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

/* 칸 사이 흐름 화살표 (원 안의 →) */
#edge_platform .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -48px;
    margin-top: -20px;
    background-color: #fff;
    background-image: url(../img/flow_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    border: 1px solid #e0e4ed;
    border-radius: 50%;
    z-index: 1;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_core {
    background-color: #03091f;
    border-color: #03091f;
    -webkit-box-shadow: 0 24px 48px rgba(3, 9, 31, 0.18);
    box-shadow: 0 24px 48px rgba(3, 9, 31, 0.18);
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_core .arch_group {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_core .arch_group + .arch_group {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid #1b2752;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_role {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_role > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_core .arch_role > span {
    color: #9db4ff;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 6px;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.35;
    word-break: keep-all;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_core .arch_tit > h4 {
    color: #fff;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    list-style: none;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 0;
    border-top: 1px solid #e0e4ed;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_core .arch_list > li {
    border-top-color: #1b2752;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li:last-child {
    padding-bottom: 0;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > strong {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_core .arch_list > li > strong {
    color: #fff;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > span {
    display: block;
    margin-top: 4px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#edge_platform .npsec_area .npsec_con .arch_box .arch_core .arch_list > li > span {
    color: #b8c4d6;
}

/* 입력·출력 카드: 이름 없이 설명만 있는 줄 */
#edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > span:first-child {
    margin-top: 0;
}

@media all and (max-width: 1441px) {
    #edge_platform .npsec_area {
        padding: 88px 0;
    }

    #edge_platform .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box {
        /* -ms-grid-columns: minmax(0, 1fr) 48px minmax(0, 1.1fr) 48px minmax(0, 1fr); */
        -ms-grid-columns: minmax(0, 0.8fr) minmax(0, 1.6fr) minmax(0, 0.8fr);
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr) minmax(0, 0.8fr);
        gap: 48px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item {
        padding: 30px 24px 26px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        width: 36px;
        height: 36px;
        left: -42px;
        margin-top: -18px;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1.25rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > strong {
        font-size: 0.9375rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > span {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 1025px) {
    #edge_platform .npsec_area {
        padding: 72px 0;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    /* 1025부터 위아래로 쌓고 화살표는 아래 방향 */
    #edge_platform .npsec_area .npsec_con .arch_box {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 72px;
    }

    /* 화살표는 카드 사이 가운데: top = -(gap + 화살표) / 2 → 위아래 18px씩 */
    #edge_platform .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        top: -54px;
        left: 50%;
        margin-top: 0;
        margin-left: -18px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_role > span {
        font-size: 0.8125rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1.1875rem;
    }
}

@media all and (max-width: 885px) {
    #edge_platform .npsec_area .npsec_con .arch_box .arch_core .arch_group + .arch_group {
        margin-top: 24px;
        padding-top: 22px;
    }

    /* 885: 간격 64, 화살표 32 → 위아래 16px씩 */
    #edge_platform .npsec_area .npsec_con .arch_box {
        gap: 64px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        width: 32px;
        height: 32px;
        top: -48px;
        margin-left: -16px;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
    }

    #edge_platform .npsec_area {
        padding: 60px 0;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p > br {
        display: none;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item {
        padding: 26px 22px 22px;
        border-radius: 10px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1.125rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list {
        margin-top: 14px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li {
        padding: 12px 0;
    }
}

@media all and (max-width: 641px) {
    #edge_platform .npsec_area {
        padding: 52px 0;
    }

    #edge_platform .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    /* 641: 간격 56, 화살표 32 → 위아래 12px씩 */
    #edge_platform .npsec_area .npsec_con .arch_box {
        margin-top: 24px;
        gap: 56px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        top: -44px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item {
        padding: 22px 18px 18px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_role > span {
        font-size: 0.75rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1.0625rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > strong {
        font-size: 0.875rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > span {
        font-size: 0.75rem;
    }
}

@media all and (max-width: 481px) {
    #edge_platform .npsec_area {
        padding: 44px 0;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #edge_platform .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_tit > h4 {
        font-size: 1rem;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item .arch_list > li > strong {
        font-size: 0.8125rem;
    }

    /* 481: 간격 52, 화살표 28 → 위아래 12px씩 */
    #edge_platform .npsec_area .npsec_con .arch_box {
        gap: 52px;
    }

    #edge_platform .npsec_area .npsec_con .arch_box .arch_item + .arch_item::before {
        width: 28px;
        height: 28px;
        top: -40px;
        margin-left: -14px;
        -webkit-background-size: 14px 14px;
        background-size: 14px 14px;
    }
}
/* EDGE SECTION03 END */

/* EDGE SECTION04 (적용 현장 — USIM 적용 분야 아이콘 카드를 회색 배경 4칸으로) */
#edge_sites {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#edge_sites .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#edge_sites .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#edge_sites .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#edge_sites .npsec_area .npsec_con .stab_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 36px 32px 34px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 18px 40px rgba(69, 110, 255, 0.14);
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
    width: 52px;
    height: 52px;
    position: relative;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 12px;
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon_01 {
    background-image: url(../img/site_icon_01.svg);
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon_02 {
    background-image: url(../img/site_icon_02.svg);
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon_03 {
    background-image: url(../img/site_icon_03.svg);
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon_04 {
    background-image: url(../img/use_icon_02.svg);
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_name {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #edge_sites .npsec_area {
        padding: 88px 0;
    }

    #edge_sites .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item {
        padding: 32px 28px 30px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.1875rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #edge_sites .npsec_area {
        padding: 72px 0;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box {
        margin-top: 32px;
        gap: 16px;
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item {
        padding: 28px 22px 26px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 48px;
        height: 48px;
        -webkit-background-size: 28px;
        background-size: 28px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_name {
        margin-top: 20px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.875rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.125rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 885px) {
    #edge_sites .npsec_area {
        padding: 60px 0;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box {
        margin-top: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    /* 885부터 한 줄 카드: 아이콘 왼쪽, 글 오른쪽 */
    #edge_sites .npsec_area .npsec_con .stab_box .stab_item {
        padding: 26px 24px 26px 96px;
        border-radius: 10px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        position: absolute;
        top: 26px;
        left: 24px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_name {
        margin-top: 0;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1.0625rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
        margin-top: 8px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #edge_sites .npsec_area {
        padding: 52px 0;
    }

    #edge_sites .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box {
        margin-top: 22px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item {
        padding: 22px 18px 22px 76px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 44px;
        height: 44px;
        top: 22px;
        left: 18px;
        -webkit-background-size: 26px;
        background-size: 26px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.8125rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_tit {
        margin-top: 4px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 1rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_txt {
        margin-top: 6px;
    }
}

@media all and (max-width: 481px) {
    #edge_sites .npsec_area {
        padding: 44px 0;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #edge_sites .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box {
        margin-top: 18px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item {
        padding: 20px 16px 20px 68px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_icon {
        width: 40px;
        height: 40px;
        top: 20px;
        left: 16px;
        -webkit-background-size: 24px;
        background-size: 24px;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_name > span {
        font-size: 0.75rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_tit > h4 {
        font-size: 0.9375rem;
    }

    #edge_sites .npsec_area .npsec_con .stab_box .stab_item .stab_txt > p {
        font-size: 0.8125rem;
    }
}
/* EDGE SECTION04 END */

/* EDGE SECTION05 (주요 사양 — NPass 연동 환경과 같은 2단: 왼쪽 제목, 오른쪽 사양 표) */
#edge_spec {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#edge_spec .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#edge_spec .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#edge_spec .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 연동 정보 표 (위 검은 선 + 줄 구분선) */
#edge_spec .npsec_area .npsec_con .intg_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl .intg_col_01 {
    width: 30%;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
    border-bottom: 1px solid #e0e4ed;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr:hover {
    background-color: #f4f6fb;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 24px 20px;
    font-family: 'Paperlogy', sans-serif;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: top;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    font-size: 1rem;
    font-weight: 400;
    color: #3a4256;
}

/* 2026-10-16 묶음 제목 줄 — 시안 7줄로 되돌려서 사용 안 함
묶음 제목 줄 (연산 / 영상 / 통신 · 전원)
#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr.intg_grp,
#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr.intg_grp:hover {
    background-color: #f4f6fb;
}

#edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr.intg_grp > th {
    padding: 12px 20px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #0e43fe;
}
*/

@media all and (max-width: 1441px) {
    #edge_spec .npsec_area {
        padding: 88px 0;
    }

    #edge_spec .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 22px 16px;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 1rem;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #edge_spec .npsec_area {
        padding: 72px 0;
    }

    #edge_spec .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl .intg_col_01 {
        width: 26%;
    }
}

@media all and (max-width: 885px) {
    #edge_spec .npsec_area {
        padding: 60px 0;
    }

    #edge_spec .npsec_area .npsec_con {
        gap: 28px;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 20px 14px;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.9375rem;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #edge_spec .npsec_area {
        padding: 52px 0;
    }

    #edge_spec .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    /* 641부터 항목 위, 내용 아래 */
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl,
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody,
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr,
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
        padding: 18px 4px;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 0;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.875rem;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        margin-top: 4px;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td > br {
        display: none;
    }

    /* 2026-10-16 묶음 제목 줄 — 사용 안 함
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr.intg_grp {
        padding: 0;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr.intg_grp > th {
        padding: 10px 12px;
        font-size: 0.8125rem;
    }
    */
}

@media all and (max-width: 481px) {
    #edge_spec .npsec_area {
        padding: 44px 0;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #edge_spec .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
        padding: 16px 2px;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.8125rem;
    }

    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.8125rem;
    }

    /* 2026-10-16 묶음 제목 줄 — 사용 안 함
    #edge_spec .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr.intg_grp > th {
        font-size: 0.75rem;
    }
    */
}
/* EDGE SECTION05 END */

/* PEG SECTION01 (제품 한눈에 보기 — 제품 전체보기 '상황에 맞는 제품 찾기' 표를 4칸으로) */
#peg_lineup {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#peg_lineup .prodpick_area {
    width: 100%;
    height: auto;
    position: relative;
    /* padding: 96px 0; */
    padding: 104px 0;
}

#peg_lineup .prodpick_area .prodpick_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_titbox {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    /* font-size: 2.25rem; */
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 36px;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    overflow: hidden;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl .prodpick_col_01 {
    width: 20%;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl .prodpick_col_02 {
    width: 14%;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl .prodpick_col_04 {
    width: 12%;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead > tr > th {
    height: auto;
    position: relative;
    padding: 18px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
    text-align: left;
    background-color: #f4f6fb;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr {
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr:hover {
    background-color: #f8faff;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 22px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    vertical-align: middle;
    border-top: 1px solid #e0e4ed;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th {
    height: auto;
    position: relative;
    padding: 22px 32px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: middle;
    border-top: 1px solid #e0e4ed;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td.prodpick_model {
    font-weight: 600;
    color: #5a6478;
    letter-spacing: 0;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead > tr > th > .hiddentag {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    font-size: 1.0625rem;
    /* font-weight: 600; */
    font-weight: 500;
    color: #0e43fe;
    letter-spacing: -0.5px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

/* #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a:hover {
    color: #0a32c2;
    text-decoration: underline;
    text-underline-offset: 4px;
} */

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a::after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: #0e43fe;
    -webkit-transition: width 0.35s ease-in-out;
    -o-transition: width 0.35s ease-in-out;
    -moz-transition: width 0.35s ease-in-out;
    transition: width 0.35s ease-in-out;
}

#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr:hover > td > a::after,
#peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a:focus-visible::after {
    width: 100%;
}

@media all and (max-width: 1441px) {
    #peg_lineup .prodpick_area {
        padding: 88px 0;
    }

    #peg_lineup .prodpick_area .prodpick_con {
        padding: 0 30px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        /* font-size: 2.125rem; */
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #peg_lineup .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 2rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 1rem;
    }
}

@media all and (max-width: 1025px) {
    #peg_lineup .prodpick_area {
        padding: 72px 0;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 1.75rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox {
        margin-top: 28px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl .prodpick_col_01 {
        width: 22%;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl .prodpick_col_02 {
        width: 16%;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl .prodpick_col_04 {
        width: 14%;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead > tr > th {
        padding: 16px 24px;
        font-size: 0.875rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
        padding: 20px 24px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #peg_lineup .prodpick_area {
        padding: 60px 0;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 1.5rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox {
        margin-top: 24px;
        border-radius: 10px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead > tr > th {
        font-size: 0.8125rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #peg_lineup .prodpick_area {
        padding: 52px 0;
    }

    #peg_lineup .prodpick_area .prodpick_con {
        padding: 0 15px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 1.375rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox {
        margin-top: 20px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > thead {
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr {
        padding: 18px 20px;
        border-top: 1px solid #e0e4ed;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr:first-child {
        border-top: 0;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
        padding: 0;
        border-top: 0;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td {
        margin-top: 6px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 0.875rem;
    }

    /* 쌓였을 때 제품명이 모델명보다 먼저 눈에 띄게 */
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th {
        font-size: 0.9375rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td.prodpick_model {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 481px) {
    #peg_lineup .prodpick_area {
        padding: 44px 0;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_titbox > h3 {
        font-size: 1.125rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox {
        margin-top: 16px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr {
        padding: 16px;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td,
    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td > a {
        font-size: 0.8125rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > th {
        font-size: 0.875rem;
    }

    #peg_lineup .prodpick_area .prodpick_con .prodpick_tblbox .prodpick_tbl > tbody > tr > td.prodpick_model {
        font-size: 0.75rem;
    }
}
/* PEG SECTION01 END */

/* PEG SECTION02 첫 버전 (2026-10-16, A안으로 교체)
/~ PEG SECTION02 (5G 동글 — 회색 배경, 모델별 흰 사양 카드 2칸) ~/
#peg_dongle {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#peg_dongle .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#peg_dongle .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#peg_dongle .npsec_area .npsec_con .spec_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card {
    width: 100%;
    height: auto;
    position: relative;
    padding: 36px 36px 20px;
    background-color: #fff;
    border-radius: 16px;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 4px 10px;
    border-bottom: 1px solid #131313;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row {
    width: 100%;
    height: auto;
    position: relative;
    padding: 16px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 110px 16px minmax(0, 1fr);
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 16px;
    border-bottom: 1px solid #e0e4ed;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row:last-child {
    border-bottom: 0;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.7;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row > dd {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

@media all and (max-width: 1441px) {
    #peg_dongle .npsec_area {
        padding: 88px 0;
    }

    #peg_dongle .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card {
        padding: 32px 28px 18px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > h4 {
        font-size: 1.375rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row {
        -ms-grid-columns: 96px 14px minmax(0, 1fr);
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 14px;
    }
}

@media all and (max-width: 1025px) {
    #peg_dongle .npsec_area {
        padding: 72px 0;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row {
        -ms-grid-columns: 120px 16px minmax(0, 1fr);
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 16px;
    }
}

@media all and (max-width: 885px) {
    #peg_dongle .npsec_area {
        padding: 60px 0;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box {
        margin-top: 28px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card {
        padding: 26px 22px 14px;
        border-radius: 12px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head {
        padding-bottom: 14px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > h4 {
        font-size: 1.25rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > span {
        font-size: 0.9375rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row {
        padding: 14px 0;
        -ms-grid-columns: 100px 14px minmax(0, 1fr);
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 14px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row > dt,
    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row > dd {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #peg_dongle .npsec_area {
        padding: 52px 0;
    }

    #peg_dongle .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box {
        margin-top: 22px;
        gap: 12px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card {
        padding: 22px 18px 10px;
        border-radius: 10px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > h4 {
        font-size: 1.125rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > span {
        font-size: 0.875rem;
    }

    /~ 항목명 위, 값 아래로 쌓기 ~/
    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row {
        padding: 12px 0;
        display: block;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row > dd {
        margin-top: 4px;
    }
}

@media all and (max-width: 481px) {
    #peg_dongle .npsec_area {
        padding: 44px 0;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > h4 {
        font-size: 1rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_head > span {
        font-size: 0.8125rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row > dt,
    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_list .spec_row > dd {
        font-size: 0.8125rem;
    }
}
/~ PEG SECTION02 END ~/
*/

/* PEG SECTION02 (5G 동글 A안 — 회색 배경, 모델 카드: 위 핵심 3칸 + 아래 대역 칩) */
#peg_dongle {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#peg_dongle .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#peg_dongle .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#peg_dongle .npsec_area .npsec_con .spec_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

/* 2026-10-16 두 카드의 위 칸(핵심 3칸) 높이를 같은 줄로 묶어 구분선 높이를 맞춤 (subgrid 미지원 브라우저는 지금처럼 각자 높이) */
@supports (grid-template-rows: subgrid) {
    #peg_dongle .npsec_area .npsec_con .spec_box {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card {
        grid-row: span 2;
        display: grid;
        grid-template-rows: subgrid;
        row-gap: 0;
    }
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 32px;
    border-bottom: 1px solid #e0e4ed;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 4px 10px;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.625rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

/* 핵심 3칸: 프로세서 / 5G NR / 규격 */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #e0e4ed;
    border-radius: 12px;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 16px;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
    border-left: 1px solid #e0e4ed;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.75rem;
    /* font-weight: 600; */
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
    margin-top: 4px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    /* font-weight: 700; */
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body {
    width: 100%;
    height: auto;
    position: relative;
    padding: 24px 32px 30px;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band {
    width: 100%;
    height: auto;
    position: relative;
}

/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
    margin-top: 24px;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
    margin-top: 28px;
}

/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 12px;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 4px;
}

/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
    position: relative;
    padding-left: 12px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5::before {
    content: '';
    width: 3px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background-color: #0e43fe;
    border-radius: 2px;
}

/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
    width: 100%;
    height: auto;
    position: relative;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
    width: 100%;
    height: auto;
    position: relative;
    padding: 12px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 104px 16px minmax(0, 1fr);
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 16px;
    border-bottom: 1px solid #e0e4ed;
}

/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant + .spec_variant {
    margin-top: 14px;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant:last-child {
    border-bottom: 0;
}

/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #5a6478;
    letter-spacing: 0;
    line-height: 1.4;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 5px;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #5a6478;
    letter-spacing: 0;
    line-height: 1.4;
}

/* 대역 칩 */
/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}

/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
    width: auto;
    height: auto;
    position: relative;
    padding: 4px 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #3a4256;
    letter-spacing: 0;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    background-color: #f4f6fb;
    border-radius: 6px;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
    width: auto;
    height: auto;
    position: relative;
    padding: 3px 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: 0;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    background-color: #fff;
    border: 1px solid #d5dbe8;
    border-radius: 6px;
}

/* 이음5G n79 강조 */
/* 이전: #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li.chip_hl {
    font-weight: 700;
    color: #0e43fe;
    background-color: #edf1ff;
} */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li.chip_hl {
    font-weight: 700;
    color: #0e43fe;
    background-color: #edf1ff;
    border-color: #b9c8ff;
}

#peg_dongle .npsec_area .npsec_con .spec_legend {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

/* 이전: #peg_dongle .npsec_area .npsec_con .spec_legend .spec_legend_mark {
    width: 26px;
    height: 18px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    border: 1px solid #c9d3ef;
    border-radius: 5px;
} */
#peg_dongle .npsec_area .npsec_con .spec_legend .spec_legend_mark {
    width: 26px;
    height: 18px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    border: 1px solid #b9c8ff;
    border-radius: 5px;
}

#peg_dongle .npsec_area .npsec_con .spec_legend > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

@media all and (max-width: 1441px) {
    #peg_dongle .npsec_area {
        padding: 88px 0;
    }

    #peg_dongle .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 28px 26px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.5rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
        padding: 12px 14px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.9375rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 22px 26px 26px;
    }
}

@media all and (max-width: 1025px) {
    #peg_dongle .npsec_area {
        padding: 72px 0;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
}

@media all and (max-width: 885px) {
    #peg_dongle .npsec_area {
        padding: 60px 0;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box {
        margin-top: 28px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card {
        border-radius: 12px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 24px 22px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.375rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
        font-size: 0.875rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        margin-top: 16px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.875rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 20px 22px 24px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.9375rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
        padding: 3px 8px;
        font-size: 0.75rem;
    }
}

@media all and (max-width: 641px) {
    #peg_dongle .npsec_area {
        padding: 52px 0;
    }

    #peg_dongle .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box {
        margin-top: 22px;
        gap: 12px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card {
        border-radius: 10px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 22px 18px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.25rem;
    }

    /* 핵심 3칸 → 1열 */
    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 18px 18px 22px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
        margin-top: 20px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_legend {
        margin-top: 12px;
    }

    /* 대역 줄: 이름 위, 칩 아래 */
    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname {
        padding-top: 0;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 481px) {
    #peg_dongle .npsec_area {
        padding: 44px 0;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #peg_dongle .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.125rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
        font-size: 0.8125rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.8125rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.8125rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_legend > p {
        font-size: 0.75rem;
    }
}
/* 2026-10-20 시안 v0.4.1 + 사용자 요청 1안: 왼쪽 제품 사진 칸 · 오른쪽 모델 카드 2개 위아래 (대역은 칩 3개 한 줄, 이름 칸 없음) */
#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo {
    -ms-grid-columns: 420px minmax(0, 1fr);
    grid-template-columns: 420px minmax(0, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px;
    background-color: #fff;
    border-radius: 16px;
    /* 2026-10-20 사용자 요청: 카드 높이에 맞춰 늘리지 않고 사진 높이대로 */
    /* -ms-grid-row-align: start;
    align-self: start; */
    /* 2026-10-20 사용자 요청: 너무 낮아서 정사각형으로 */
    /* aspect-ratio: 1 / 1; */
    /* 2026-10-20 사용자 요청: 첫 번째 카드(MD100) 높이에 맞춤 → 아래 SPEC PHOTO ROW */
}

/* SPEC SUMMARY (2026-10-20 사용자 요청 B안): 사진 + 두 모델 공통 사양(모델·크기·동작 온도) 흰 띠, 아래 2칸 모델 카드 */
#peg_dongle .npsec_area .npsec_con .spec_summary {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 420px minmax(0, 1fr);
    grid-template-columns: 420px minmax(0, 1fr);
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumphoto {
    width: 100%;
    height: 260px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px;
    border-right: 1px solid #e0e4ed;
}

#peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumphoto > img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

#peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    padding: 40px 48px;
}

#peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #131313;
}

#peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey {
    padding-top: 18px;
}

#peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

#peg_dongle .npsec_area .npsec_con .spec_summary + .spec_box {
    margin-top: 20px;
}
@media all and (max-width: 1281px) {
    #peg_dongle .npsec_area .npsec_con .spec_summary {
        -ms-grid-columns: 340px minmax(0, 1fr);
        grid-template-columns: 340px minmax(0, 1fr);
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        padding: 32px 36px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 1.125rem;
    }
}
@media all and (max-width: 1025px) {
    /* 한 줄: 사진 위, 공통 사양 아래 */
    #peg_dongle .npsec_area .npsec_con .spec_summary {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumphoto {
        height: 240px;
        border-right: 0;
        border-bottom: 1px solid #e0e4ed;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        padding: 28px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary + .spec_box {
        margin-top: 16px;
    }
}
@media all and (max-width: 885px) {
    #peg_dongle .npsec_area .npsec_con .spec_summary {
        margin-top: 28px;
        border-radius: 12px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 1rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 641px) {
    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumphoto {
        height: 200px;
        padding: 24px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        gap: 16px;
        padding: 22px;
    }

    /* 세 칸 → 한 줄씩 (이름 왼쪽 · 값 오른쪽) */
    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px solid #e0e4ed;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        margin-top: 0;
        font-size: 0.9375rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
        font-size: 0.8125rem;
    }
}
@media all and (max-width: 481px) {
    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dt {
        font-size: 0.75rem;
    }

    #peg_dongle .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 0.875rem;
    }
}
/* SPEC SUMMARY END */

/* SPEC PHOTO ROW (2026-10-20): 사진 = 1열 1행, MD100 = 2열 1행, MD200 = 2열 2행 — 사진이 MD100 카드와 같은 높이 */
#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    grid-column: 1;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card.spec_card_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-row: 1;
    grid-column: 2;
}

#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card.spec_card_02 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-row: 2;
    grid-column: 2;
}

/* 2026-10-20 사용자 요청: 범례 — 빈 네모 대신 강조 칩(n79) 모양, 오른쪽 카드 쪽 끝에 맞춤 */
#peg_dongle .npsec_area .npsec_con .spec_legend.spec_legend_chip {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /* 2026-10-20 사용자 요청: 카드 위로 (제목과 카드 사이) */
    /* margin-top: 32px; */
    /* 2026-10-20 사용자 요청: 제목 줄 오른쪽 — 제목 박스 안에서 오른쪽 아래(설명 줄 높이)에 맞춤 */
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
}

#peg_dongle .npsec_area .npsec_con .npsec_txtbox {
    position: relative;
}

#peg_dongle .npsec_area .npsec_con .spec_legend.spec_legend_chip + .spec_box.spec_box_photo {
    margin-top: 16px;
}

#peg_dongle .npsec_area .npsec_con .spec_legend.spec_legend_chip .spec_legend_mark {
    width: auto;
    height: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #0e43fe;
    line-height: 1;
    border-radius: 6px;
}

#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

/* #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    gap: 20px;
} */
/* 2026-10-20 카드 2개를 바깥 격자(spec_box_photo)에 바로 놓음 (SPEC PHOTO ROW) */
#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards {
    display: contents;
}

/* 위 subgrid(두 카드 나란히일 때 높이 맞춤)는 여기서 쓰지 않음 */
#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card {
    grid-row: auto;
    display: block;
}

#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

/* 칩 묶음은 내용 폭만 (옆에 'RedCap only' 붙게) */
#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo .spec_chips {
    width: auto;
}

#peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card .spec_body .spec_band .spec_variant .spec_bandnote {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: 0;
    line-height: 1.4;
}
@media all and (max-width: 1281px) {
    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo {
        -ms-grid-columns: 340px minmax(0, 1fr);
        grid-template-columns: 340px minmax(0, 1fr);
    }

    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo {
        padding: 32px;
    }
}
@media all and (max-width: 1025px) {
    /* 한 줄: 사진 → 카드 2개 */
    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo {
        aspect-ratio: auto;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo > img {
        max-width: 360px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_legend.spec_legend_chip {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        /* margin-top: 24px; */
        /* 제목 박스 안에서 설명 아래 줄로 */
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 16px;
    }

    /* #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards {
        gap: 16px;
    } */

    /* SPEC PHOTO ROW 한 줄: 사진 1행, MD100 2행, MD200 3행 */
    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card.spec_card_01 {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-row: 2;
        grid-column: 1;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card.spec_card_02 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        grid-row: 3;
        grid-column: 1;
    }
}
@media all and (max-width: 885px) {
    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo {
        padding: 28px;
        border-radius: 12px;
    }
}
@media all and (max-width: 641px) {
    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo {
        padding: 24px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_photo > img {
        max-width: 280px;
    }

    #peg_dongle .npsec_area .npsec_con .spec_box.spec_box_photo .spec_cards .spec_card .spec_body .spec_band .spec_variant .spec_bandnote {
        font-size: 0.75rem;
    }
}

/* PEG SECTION02 END */

/* PEG SECTION03 (5G 라우터 — 동글 카드 디자인을 한 모델용으로: 흰 배경, 카드 1개, 핵심 칸 4열) */
#peg_router {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#peg_router .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#peg_router .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#peg_router .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#peg_router .npsec_area .npsec_con .spec_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

/* 2026-10-16 두 카드의 위 칸(핵심 3칸) 높이를 같은 줄로 묶어 구분선 높이를 맞춤 (subgrid 미지원 브라우저는 지금처럼 각자 높이) */
@supports (grid-template-rows: subgrid) {
    #peg_router .npsec_area .npsec_con .spec_box {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card {
        grid-row: span 2;
        display: grid;
        grid-template-rows: subgrid;
        row-gap: 0;
    }
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 32px;
    border-bottom: 1px solid #e0e4ed;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 4px 10px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.625rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

/* 핵심 3칸: 프로세서 / 5G NR / 규격 */
#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #e0e4ed;
    border-radius: 12px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 16px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
    border-left: 1px solid #e0e4ed;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.75rem;
    /* font-weight: 600; */
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
    margin-top: 4px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    /* font-weight: 700; */
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body {
    width: 100%;
    height: auto;
    position: relative;
    padding: 24px 32px 30px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
    margin-top: 28px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 4px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
    position: relative;
    padding-left: 12px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5::before {
    content: '';
    width: 3px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background-color: #0e43fe;
    border-radius: 2px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
    width: 100%;
    height: auto;
    position: relative;
    padding: 12px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 104px 16px minmax(0, 1fr);
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 16px;
    border-bottom: 1px solid #e0e4ed;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant:last-child {
    border-bottom: 0;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 5px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #5a6478;
    letter-spacing: 0;
    line-height: 1.4;
}

/* 대역 칩 */
#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
    width: auto;
    height: auto;
    position: relative;
    padding: 3px 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: 0;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    background-color: #fff;
    border: 1px solid #d5dbe8;
    border-radius: 6px;
}

/* 이음5G n79 강조 */
#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li.chip_hl {
    font-weight: 700;
    color: #0e43fe;
    background-color: #edf1ff;
    border-color: #b9c8ff;
}

#peg_router .npsec_area .npsec_con .spec_legend {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

#peg_router .npsec_area .npsec_con .spec_legend .spec_legend_mark {
    width: 26px;
    height: 18px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    border: 1px solid #b9c8ff;
    border-radius: 5px;
}

#peg_router .npsec_area .npsec_con .spec_legend > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

@media all and (max-width: 1441px) {
    #peg_router .npsec_area {
        padding: 88px 0;
    }

    #peg_router .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 28px 26px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.5rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
        padding: 12px 14px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.9375rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 22px 26px 26px;
    }
}

@media all and (max-width: 1025px) {
    #peg_router .npsec_area {
        padding: 72px 0;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
}

@media all and (max-width: 885px) {
    #peg_router .npsec_area {
        padding: 60px 0;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box {
        margin-top: 28px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card {
        border-radius: 12px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 24px 22px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.375rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
        font-size: 0.875rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        margin-top: 16px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.875rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 20px 22px 24px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.9375rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
        padding: 3px 8px;
        font-size: 0.75rem;
    }
}

@media all and (max-width: 641px) {
    #peg_router .npsec_area {
        padding: 52px 0;
    }

    #peg_router .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box {
        margin-top: 22px;
        gap: 12px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card {
        border-radius: 10px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 22px 18px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.25rem;
    }

    /* 핵심 3칸 → 1열 */
    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 18px 18px 22px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
        margin-top: 20px;
    }

    #peg_router .npsec_area .npsec_con .spec_legend {
        margin-top: 12px;
    }

    /* 대역 줄: 이름 위, 칩 아래 */
    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname {
        padding-top: 0;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 481px) {
    #peg_router .npsec_area {
        padding: 44px 0;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.125rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
        font-size: 0.8125rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.8125rem;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.8125rem;
    }

    #peg_router .npsec_area .npsec_con .spec_legend > p {
        font-size: 0.75rem;
    }
}
/* 한 모델용 덮어쓰기 */
#peg_router {
    background-color: #fff;
}

#peg_router .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    background-color: #eef2ff;
}

#peg_router .npsec_area .npsec_con .spec_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: minmax(0, 1fr);
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card {
    border: 1px solid #e0e4ed;
}

/* 핵심 칸: 4열, 칸 사이 선은 1px 간격 + 배경색 */
#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
    margin-top: 0;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background-color: #e0e4ed;
    overflow: hidden;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
    background-color: #fff;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
    border-left: 0;
}

#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_wide {
    grid-column: span 2;
}

@media all and (max-width: 1025px) {
    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media all and (max-width: 641px) {
    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_wide {
        grid-column: auto;
    }

    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
        border-top: 0;
    }
}
/* 라우터: 대역 이름(LTE DL 4x4 MIMO)이 길어서 이름 칸 넓게 */
@media all and (min-width: 642px) {
    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
        -ms-grid-columns: 136px 16px minmax(0, 1fr);
        grid-template-columns: 136px minmax(0, 1fr);
    }
}
/* PEG SECTION03 END */

/* PEG SECTION04 (5G 카메라 — 라우터 카드 디자인 복제, 회색 배경) */
#peg_camera {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#peg_camera .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#peg_camera .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#peg_camera .npsec_area .npsec_con .spec_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

/* 2026-10-16 두 카드의 위 칸(핵심 3칸) 높이를 같은 줄로 묶어 구분선 높이를 맞춤 (subgrid 미지원 브라우저는 지금처럼 각자 높이) */
@supports (grid-template-rows: subgrid) {
    #peg_camera .npsec_area .npsec_con .spec_box {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card {
        grid-row: span 2;
        display: grid;
        grid-template-rows: subgrid;
        row-gap: 0;
    }
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 32px;
    border-bottom: 1px solid #e0e4ed;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 4px 10px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.625rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

/* 핵심 3칸: 프로세서 / 5G NR / 규격 */
#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #e0e4ed;
    border-radius: 12px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 16px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
    border-left: 1px solid #e0e4ed;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.75rem;
    /* font-weight: 600; */
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
    margin-top: 4px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    /* font-weight: 700; */
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body {
    width: 100%;
    height: auto;
    position: relative;
    padding: 24px 32px 30px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
    margin-top: 28px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 4px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
    position: relative;
    padding-left: 12px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5::before {
    content: '';
    width: 3px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background-color: #0e43fe;
    border-radius: 2px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
    width: 100%;
    height: auto;
    position: relative;
    padding: 12px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 104px 16px minmax(0, 1fr);
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 16px;
    border-bottom: 1px solid #e0e4ed;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant:last-child {
    border-bottom: 0;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 5px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #5a6478;
    letter-spacing: 0;
    line-height: 1.4;
}

/* 대역 칩 */
#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
    width: auto;
    height: auto;
    position: relative;
    padding: 3px 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: 0;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    background-color: #fff;
    border: 1px solid #d5dbe8;
    border-radius: 6px;
}

/* 이음5G n79 강조 */
#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li.chip_hl {
    font-weight: 700;
    color: #0e43fe;
    background-color: #edf1ff;
    border-color: #b9c8ff;
}

#peg_camera .npsec_area .npsec_con .spec_legend {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

#peg_camera .npsec_area .npsec_con .spec_legend .spec_legend_mark {
    width: 26px;
    height: 18px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    border: 1px solid #b9c8ff;
    border-radius: 5px;
}

#peg_camera .npsec_area .npsec_con .spec_legend > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

@media all and (max-width: 1441px) {
    #peg_camera .npsec_area {
        padding: 88px 0;
    }

    #peg_camera .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 28px 26px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.5rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
        padding: 12px 14px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.9375rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 22px 26px 26px;
    }
}

@media all and (max-width: 1025px) {
    #peg_camera .npsec_area {
        padding: 72px 0;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
}

@media all and (max-width: 885px) {
    #peg_camera .npsec_area {
        padding: 60px 0;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box {
        margin-top: 28px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card {
        border-radius: 12px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 24px 22px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.375rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
        font-size: 0.875rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        margin-top: 16px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.875rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 20px 22px 24px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.9375rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
        padding: 3px 8px;
        font-size: 0.75rem;
    }
}

@media all and (max-width: 641px) {
    #peg_camera .npsec_area {
        padding: 52px 0;
    }

    #peg_camera .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box {
        margin-top: 22px;
        gap: 12px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card {
        border-radius: 10px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 22px 18px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.25rem;
    }

    /* 핵심 3칸 → 1열 */
    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 18px 18px 22px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
        margin-top: 20px;
    }

    #peg_camera .npsec_area .npsec_con .spec_legend {
        margin-top: 12px;
    }

    /* 대역 줄: 이름 위, 칩 아래 */
    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname {
        padding-top: 0;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 481px) {
    #peg_camera .npsec_area {
        padding: 44px 0;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.125rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
        font-size: 0.8125rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.8125rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.8125rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_legend > p {
        font-size: 0.75rem;
    }
}
/* 한 모델용 덮어쓰기 */
#peg_camera {
    background-color: #fff;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    background-color: #eef2ff;
}

#peg_camera .npsec_area .npsec_con .spec_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: minmax(0, 1fr);
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card {
    border: 1px solid #e0e4ed;
}

/* 핵심 칸: 4열, 칸 사이 선은 1px 간격 + 배경색 */
#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
    margin-top: 0;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background-color: #e0e4ed;
    overflow: hidden;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
    background-color: #fff;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
    border-left: 0;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_wide {
    grid-column: span 2;
}

@media all and (max-width: 1025px) {
    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media all and (max-width: 641px) {
    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_wide {
        grid-column: auto;
    }

    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
        border-top: 0;
    }
}
/* 라우터와 같은 이름 칸 너비 */
@media all and (min-width: 642px) {
    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
        -ms-grid-columns: 136px 16px minmax(0, 1fr);
        grid-template-columns: 136px minmax(0, 1fr);
    }
}
/* 회색 배경용 덮어쓰기 (5G 동글과 같게) */
#peg_camera {
    background-color: #f4f6fb;
}

#peg_camera .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    background-color: #fff;
}

#peg_camera .npsec_area .npsec_con .spec_box .spec_card {
    border: 0;
}

/* 한 줄 전체 칸 (기타) */
#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_full {
    grid-column: 1 / -1;
}
/* PEG SECTION04 END */

/* PEG SECTION05 (5G 실외 카메라 — 라우터 카드 디자인 복제, 흰 배경) */
#peg_outdoor {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#peg_outdoor .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#peg_outdoor .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#peg_outdoor .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#peg_outdoor .npsec_area .npsec_con .spec_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

/* 2026-10-16 두 카드의 위 칸(핵심 3칸) 높이를 같은 줄로 묶어 구분선 높이를 맞춤 (subgrid 미지원 브라우저는 지금처럼 각자 높이) */
@supports (grid-template-rows: subgrid) {
    #peg_outdoor .npsec_area .npsec_con .spec_box {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card {
        grid-row: span 2;
        display: grid;
        grid-template-rows: subgrid;
        row-gap: 0;
    }
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 32px;
    border-bottom: 1px solid #e0e4ed;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 4px 10px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.625rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

/* 핵심 3칸: 프로세서 / 5G NR / 규격 */
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #e0e4ed;
    border-radius: 12px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 16px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
    border-left: 1px solid #e0e4ed;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
    margin-top: 4px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body {
    width: 100%;
    height: auto;
    position: relative;
    padding: 24px 32px 30px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band {
    width: 100%;
    height: auto;
    position: relative;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
    margin-top: 28px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 4px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
    position: relative;
    padding-left: 12px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5::before {
    content: '';
    width: 3px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background-color: #0e43fe;
    border-radius: 2px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
    width: 100%;
    height: auto;
    position: relative;
    padding: 12px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 104px 16px minmax(0, 1fr);
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 16px;
    border-bottom: 1px solid #e0e4ed;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant:last-child {
    border-bottom: 0;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 5px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #5a6478;
    letter-spacing: 0;
    line-height: 1.4;
}

/* 대역 칩 */
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
    width: auto;
    height: auto;
    position: relative;
    padding: 3px 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: 0;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    background-color: #fff;
    border: 1px solid #d5dbe8;
    border-radius: 6px;
}

/* 이음5G n79 강조 */
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li.chip_hl {
    font-weight: 700;
    color: #0e43fe;
    background-color: #edf1ff;
    border-color: #b9c8ff;
}

#peg_outdoor .npsec_area .npsec_con .spec_legend {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

#peg_outdoor .npsec_area .npsec_con .spec_legend .spec_legend_mark {
    width: 26px;
    height: 18px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    border: 1px solid #b9c8ff;
    border-radius: 5px;
}

#peg_outdoor .npsec_area .npsec_con .spec_legend > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

@media all and (max-width: 1441px) {
    #peg_outdoor .npsec_area {
        padding: 88px 0;
    }

    #peg_outdoor .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 28px 26px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.5rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
        padding: 12px 14px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.9375rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 22px 26px 26px;
    }
}

@media all and (max-width: 1025px) {
    #peg_outdoor .npsec_area {
        padding: 72px 0;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
}

@media all and (max-width: 885px) {
    #peg_outdoor .npsec_area {
        padding: 60px 0;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box {
        margin-top: 28px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card {
        border-radius: 12px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 24px 22px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.375rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
        font-size: 0.875rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        margin-top: 16px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.875rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 20px 22px 24px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.9375rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_chips > li {
        padding: 3px 8px;
        font-size: 0.75rem;
    }
}

@media all and (max-width: 641px) {
    #peg_outdoor .npsec_area {
        padding: 52px 0;
    }

    #peg_outdoor .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box {
        margin-top: 22px;
        gap: 12px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card {
        border-radius: 10px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top {
        padding: 22px 18px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.25rem;
    }

    /* 핵심 3칸 → 1열 */
    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body {
        padding: 18px 18px 22px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band + .spec_band {
        margin-top: 20px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_legend {
        margin-top: 12px;
    }

    /* 대역 줄: 이름 위, 칩 아래 */
    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_varname {
        padding-top: 0;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 481px) {
    #peg_outdoor .npsec_area {
        padding: 44px 0;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > h4 {
        font-size: 1.125rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_head > span {
        font-size: 0.8125rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key > dd {
        font-size: 0.8125rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_bandtit > h5 {
        font-size: 0.8125rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_legend > p {
        font-size: 0.75rem;
    }
}
/* 한 모델용 덮어쓰기 */
#peg_outdoor {
    background-color: #fff;
}

#peg_outdoor .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    background-color: #eef2ff;
}

#peg_outdoor .npsec_area .npsec_con .spec_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: minmax(0, 1fr);
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card {
    border: 1px solid #e0e4ed;
}

/* 핵심 칸: 4열, 칸 사이 선은 1px 간격 + 배경색 */
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
    margin-top: 0;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background-color: #e0e4ed;
    overflow: hidden;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key {
    background-color: #fff;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
    border-left: 0;
}

#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_wide {
    grid-column: span 2;
}

@media all and (max-width: 1025px) {
    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media all and (max-width: 641px) {
    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_wide {
        grid-column: auto;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key + .spec_key {
        border-top: 0;
    }
}
/* 라우터와 같은 이름 칸 너비 */
@media all and (min-width: 642px) {
    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant {
        -ms-grid-columns: 136px 16px minmax(0, 1fr);
        grid-template-columns: 136px minmax(0, 1fr);
    }
}
/* 한 줄 전체 칸 (프로세서·센서·렌즈·기타) */
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_full {
    grid-column: 1 / -1;
}

/* 여러 줄 값(프로세서 3줄) 줄 간격 */
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys .spec_key_full > dd {
    line-height: 1.6;
}
/* PEG SECTION05 END */

/* CASES SECTION01 (주요 실적 — 메인 주요 실적 줄을 3칸으로, 칸마다 업종 라벨·아이콘·해당 사례로 가는 링크) */
#cases01 {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #e0e4ed;
}

#cases01 .casefact_area {
    width: 100%;
    height: auto;
    position: relative;
}

#cases01 .casefact_area .casefact_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#cases01 .casefact_area .casefact_con .casefact_box {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item {
    width: 100%;
    height: auto;
    position: relative;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item + .casefact_item {
    border-left: 1px solid #e0e4ed;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 44px 32px 40px;
    display: block;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item:first-child > a {
    padding-left: 0;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item:last-child > a {
    padding-right: 0;
}

/* 업종 아이콘 + 고객 라벨 */
#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 22px;
    padding-right: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_icon {
    width: 48px;
    height: 48px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 28px;
    background-size: 28px;
    border-radius: 12px;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_icon_01 {
    background-image: url(../img/use_icon_02.svg);
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_icon_02 {
    background-image: url(../img/case_icon_air.svg);
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_icon_03 {
    background-image: url(../img/case_icon_gov.svg);
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_who > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

/* 오른쪽 위 화살표 (마우스를 올리면 오른쪽으로) */
#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 58px;
    right: 32px;
    background-image: url(../img/flow_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    opacity: 0.45;
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item:last-child > a .casefact_arrow {
    right: 0;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a:hover .casefact_arrow,
#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a:focus-visible .casefact_arrow {
    opacity: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_tit > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.375rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.1;
    word-break: keep-all;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a:hover .casefact_tit > h3 {
    color: #0e43fe;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.55;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #cases01 .casefact_area .casefact_con {
        padding: 0 30px;
    }
}

@media all and (max-width: 1281px) {
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a {
        padding: 40px 26px 36px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_arrow {
        top: 54px;
        right: 26px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_tit > h3 {
        font-size: 2.125rem;
    }
}

@media all and (max-width: 1025px) {
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a {
        padding: 34px 20px 32px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head {
        margin-bottom: 18px;
        padding-right: 24px;
        gap: 10px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_icon {
        width: 44px;
        height: 44px;
        -webkit-background-size: 26px;
        background-size: 26px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_who > span {
        font-size: 0.8125rem;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_arrow {
        top: 46px;
        right: 20px;
        width: 18px;
        height: 18px;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_tit > h3 {
        font-size: 1.75rem;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 885px) {
    /* 1열: 칸 사이 선은 가로선으로 */
    #cases01 .casefact_area .casefact_con .casefact_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item + .casefact_item {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a,
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item:first-child > a,
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item:last-child > a {
        padding: 28px 0 26px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_arrow,
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item:last-child > a .casefact_arrow {
        top: 41px;
        right: 4px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_tit > h3 {
        font-size: 1.625rem;
    }
}

@media all and (max-width: 641px) {
    #cases01 .casefact_area .casefact_con {
        padding: 0 15px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a,
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item:first-child > a,
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item:last-child > a {
        padding: 24px 0 22px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head {
        margin-bottom: 14px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_icon {
        width: 40px;
        height: 40px;
        -webkit-background-size: 24px;
        background-size: 24px;
        border-radius: 10px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_arrow,
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item:last-child > a .casefact_arrow {
        top: 35px;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_tit > h3 {
        font-size: 1.5rem;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_txt {
        margin-top: 8px;
    }
}

@media all and (max-width: 481px) {
    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_head .casefact_who > span {
        font-size: 0.75rem;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_tit > h3 {
        font-size: 1.375rem;
    }

    #cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_txt > p {
        font-size: 0.8125rem;
    }
}
/* CASES SECTION01 END */

/* CASES SECTION02 (구축 사례 — 메인 고객 사례 카드·스케치와 같은 디자인, 복제) */
#cases02 {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#cases02 .sec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#cases02 .sec_area .sec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#cases02 .sec_area .sec_con .sec_headbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 24px;
}

#cases02 .sec_area .sec_con .sec_headbox .sec_titbox {
    width: auto;
    height: auto;
    position: relative;
}

#cases02 .sec_area .sec_con .sec_headbox .sec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#cases02 .sec_area .sec_con .sec_headbox .sec_morebtn {
    width: auto;
    height: 46px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#cases02 .sec_area .sec_con .sec_headbox .sec_morebtn > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    white-space: nowrap;
    border: 1px solid #0e43fe;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#cases02 .sec_area .sec_con .sec_headbox .sec_morebtn > a:hover {
    color: #fff;
    background-color: #0e43fe;
}

#cases02 .sec_area .sec_con .case_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

#cases02 .sec_area .sec_con .case_box .case_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 44px 44px 40px;
    background-color: #fff;
    border-radius: 16px;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    /* -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; */
}

#cases02 .sec_area .sec_con .case_box .case_item:hover {
    -webkit-box-shadow: 0 0 0 1px #d8dfff, 0 18px 40px rgba(69, 110, 255, 0.14);
    box-shadow: 0 0 0 1px #d8dfff, 0 18px 40px rgba(69, 110, 255, 0.14);
}

/* 2026-10-16 시안 v0.4: 사례 카드 위 스케치 일러스트 (시안 SVG 그대로, 1200 x 480) */
#cases02 .sec_area .sec_con .case_box .case_item .case_sketch {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 24px;
    aspect-ratio: 1200 / 480;
    background-color: #f4f6fb;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e0e4ed;
    border-radius: 10px;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_sketch_01 {
    background-image: url(../img/sketch_campus.svg);
}

#cases02 .sec_area .sec_con .case_box .case_item .case_sketch_02 {
    background-image: url(../img/sketch_airport.svg);
}

#cases02 .sec_area .sec_con .case_box .case_item .case_headbox {
    width: 100%;
    min-height: 32px;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_headbox .case_logo {
    width: 184px;
    height: 28px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-position: left center;
    /* margin-bottom: 20px; */
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

/* #cases02 .sec_area .sec_con .case_box .case_item .case_headbox .case_logo_01 {
    width: 28px;
    background-image: url(../img/case_icon_01.svg);
} */

#cases02 .sec_area .sec_con .case_box .case_item .case_headbox .case_logo_02 {
    background-image: url(../img/koreanair_logo.svg);
}

#cases02 .sec_area .sec_con .case_box .case_item .case_headbox .case_who {
    width: auto;
    height: auto;
    position: relative;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_headbox .case_who > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.625rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.38;
    word-break: keep-all;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_list {
    width: 100%;
    height: auto;
    position: relative;
    margin: 28px 0 32px;
    border-top: 1px solid #e0e4ed;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 0 14px 30px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1.5;
    word-break: keep-all;
    border-bottom: 1px solid #e0e4ed;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_list > li::before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 16px;
    left: 0;
    background-image: url(../img/case_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_btn {
    width: auto;
    height: 44px;
    position: relative;
    margin-top: auto;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_btn > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 22px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    white-space: nowrap;
    background-color: #0e43fe;
    border-radius: 8px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#cases02 .sec_area .sec_con .case_box .case_item .case_btn > a:hover {
    background-color: #002199;
}
@media all and (max-width: 1441px) {
    #cases02 .sec_area {
        padding: 88px 0;
    }

    #cases02 .sec_area .sec_con {
        padding: 0 30px;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #cases02 .sec_area .sec_con .sec_headbox .sec_titbox > h3 {
        font-size: 2rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_tit > h4 {
        font-size: 1.5rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_list > li {
        font-size: 0.9375rem;
    }
}
@media all and (max-width: 1025px) {
    #cases02 .sec_area {
        padding: 72px 0;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_titbox > h3 {
        font-size: 1.75rem;
    }

    #cases02 .sec_area .sec_con .case_box {
        gap: 16px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item {
        padding: 36px 30px 32px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_tit > h4 {
        font-size: 1.3125rem;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_morebtn > a {
        font-size: 0.9375rem;
    }
}
@media all and (max-width: 885px) {
    #cases02 .sec_area {
        padding: 60px 0;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_titbox > h3 {
        font-size: 1.5rem;
    }

    #cases02 .sec_area .sec_con .case_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #cases02 .sec_area .sec_con .case_box .case_item {
        padding: 32px 28px 28px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_headbox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px 14px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_headbox .case_who > span {
        white-space: nowrap;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_tit > h4 {
        font-size: 1.25rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item {
        border-radius: 10px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_headbox .case_logo {
        width: 158px;
        height: 24px;
    }

    #cases02 .sec_area .sec_con .case_box {
        margin-top: 28px;
    }
}
@media all and (max-width: 641px) {
    #cases02 .sec_area .sec_con .case_box .case_item .case_sketch {
        margin-bottom: 18px;
        border-radius: 8px;
    }

    #cases02 .sec_area {
        padding: 52px 0;
    }

    #cases02 .sec_area .sec_con {
        padding: 0 15px;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_titbox > h3 {
        font-size: 1.375rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item {
        padding: 28px 22px 24px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_tit > h4 {
        font-size: 1.125rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_list > li {
        font-size: 0.875rem;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_morebtn {
        height: 38px;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_morebtn > a {
        padding: 0 14px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_btn {
        height: 38px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_btn > a {
        padding: 0 16px;
        font-size: 0.875rem;
    }

    #cases02 .sec_area .sec_con .case_box {
        margin-top: 22px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_tit {
        margin-top: 12px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_list {
        margin: 20px 0 24px;
    }
}
@media all and (max-width: 481px) {
    #cases02 .sec_area {
        padding: 44px 0;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_titbox > h3 {
        font-size: 1.125rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_tit > h4 {
        font-size: 1.0625rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_list > li {
        padding: 12px 0 12px 26px;
        font-size: 0.8125rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_list > li::before {
        top: 13px;
        width: 16px;
        height: 16px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_headbox .case_logo {
        width: 138px;
        height: 21px;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_morebtn {
        height: 34px;
    }

    #cases02 .sec_area .sec_con .sec_headbox .sec_morebtn > a {
        padding: 0 12px;
        font-size: 0.8125rem;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_btn {
        height: 36px;
    }

    #cases02 .sec_area .sec_con .case_box .case_item .case_btn > a {
        padding: 0 14px;
        font-size: 0.8125rem;
    }

    #cases02 .sec_area .sec_con .case_box {
        margin-top: 18px;
    }
}
/* CASES SECTION02 END */

/* CASES SECTION03 (정부·공공기관 공급 실적 — NPass 연동 환경 2단: 왼쪽 제목, 오른쪽 표 + 기관 칩) */
#public {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#public .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#public .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#public .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#public .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#public .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#public .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#public .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 2026-10-20 시안 v0.4.1: 공공기관 사무실 일러스트 (시안 SVG 그대로, 1200 x 480 — NPass 접근 일러스트 change_sketch 복제) */
/* #public .npsec_area .npsec_con .npsec_txtbox .pub_sketch {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    aspect-ratio: 1200 / 480;
    background-color: #f4f6fb;
    background-image: url(../img/sketch_public.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}
@media all and (max-width: 1025px) {
    #public .npsec_area .npsec_con .npsec_txtbox .pub_sketch {
        margin-top: 28px;
        border-radius: 10px;
    }
}
@media all and (max-width: 641px) {
    #public .npsec_area .npsec_con .npsec_txtbox .pub_sketch {
        margin-top: 22px;
        border-radius: 8px;
    }
} */

/* 연동 정보 표 (위 검은 선 + 줄 구분선) */
#public .npsec_area .npsec_con .intg_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl .intg_col_01 {
    width: 30%;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
    border-bottom: 1px solid #e0e4ed;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr:hover {
    background-color: #f4f6fb;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 24px 20px;
    font-family: 'Paperlogy', sans-serif;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: top;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    font-size: 1rem;
    font-weight: 400;
    color: #3a4256;
}


@media all and (max-width: 1441px) {
    #public .npsec_area {
        padding: 88px 0;
    }

    #public .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 22px 16px;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 1rem;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #public .npsec_area {
        padding: 72px 0;
    }

    #public .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl .intg_col_01 {
        width: 26%;
    }
}

@media all and (max-width: 885px) {
    #public .npsec_area {
        padding: 60px 0;
    }

    #public .npsec_area .npsec_con {
        gap: 28px;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 20px 14px;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.9375rem;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #public .npsec_area {
        padding: 52px 0;
    }

    #public .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    /* 641부터 항목 위, 내용 아래 */
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl,
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody,
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr,
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
        padding: 18px 4px;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 0;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.875rem;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        margin-top: 4px;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td > br {
        display: none;
    }

}

@media all and (max-width: 481px) {
    #public .npsec_area {
        padding: 44px 0;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #public .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
        padding: 16px 2px;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.8125rem;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.8125rem;
    }

}
/* 기관 칩 */
#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td .pub_chips {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td .pub_chips > li {
    width: auto;
    height: auto;
    position: relative;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
    background-color: #fff;
    border: 1px solid #d5dbe8;
    border-radius: 20px;
}

/* 괄호 안 설명(설계·보안 분야)은 흐리게 */
#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td .pub_chips > li > span {
    font-weight: 400;
    color: #5a6478;
}

/* 칩 줄 높이에 맞춰 표 칸 세로 가운데 */
#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
#public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    vertical-align: middle;
}

@media all and (max-width: 885px) {
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td .pub_chips {
        gap: 6px;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td .pub_chips > li {
        padding: 5px 12px;
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        margin-top: 10px;
    }

    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td .pub_chips > li {
        padding: 4px 11px;
        font-size: 0.8125rem;
    }
}
/* 2026-10-20 사용자 요청 1안: 글(라벨·제목·설명)은 한 줄 전체, 아래 줄에 왼쪽 일러스트 · 오른쪽 표를 같은 높이로 (일러스트는 표 높이에 맞춰 가운데 기준으로 채움) */
#public .npsec_area .npsec_con {
    row-gap: 48px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#public .npsec_area .npsec_con .npsec_txtbox {
    grid-column: 1 / -1;
}

#public .npsec_area .npsec_con .pub_sketch {
    width: 100%;
    height: 100%;
    min-height: 240px;
    position: relative;
    background-color: #f4f6fb;
    background-image: url(../img/sketch_public.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
}

#public .npsec_area .npsec_con .intg_tblbox {
    align-self: start;
}
@media all and (max-width: 1441px) {
    #public .npsec_area .npsec_con {
        row-gap: 40px;
    }
}
@media all and (max-width: 1025px) {
    /* 한 줄: 글 → 일러스트(원래 비율) → 표 */
    #public .npsec_area .npsec_con {
        row-gap: 32px;
    }

    #public .npsec_area .npsec_con .pub_sketch {
        height: auto;
        min-height: 0;
        aspect-ratio: 1200 / 480;
        border-radius: 10px;
    }
}
@media all and (max-width: 641px) {
    #public .npsec_area .npsec_con {
        row-gap: 24px;
    }

    #public .npsec_area .npsec_con .pub_sketch {
        border-radius: 8px;
    }
}

/* 2026-10-22 EN: 구분 이름(5G government network authentication 등)이 길어 2단일 때 첫 칸이 3줄로 꺾임 → 첫 칸 넓힘 (1단이 되는 1025 이하는 원래 26%) */
#public .npsec_area .npsec_con .intg_tblbox .intg_tbl.intg_tbl_en .intg_col_01 {
    width: 35%;
}

@media all and (max-width: 1025px) {
    #public .npsec_area .npsec_con .intg_tblbox .intg_tbl.intg_tbl_en .intg_col_01 {
        width: 26%;
    }
}

/* CASES SECTION03 END */

/* CASE MANUFACTURING SECTION01 (사례 요약 — 위 검은 선, 칸 사이 세로선 4칸) */
#cm_summary {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#cm_summary .csum_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 72px 0 0;
}

#cm_summary .csum_area .csum_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#cm_summary .csum_area .csum_con .csum_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 2px solid #131313;
    border-bottom: 1px solid #e0e4ed;
}

#cm_summary .csum_area .csum_con .csum_box .csum_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 26px 28px 28px;
}

#cm_summary .csum_area .csum_con .csum_box .csum_item:first-child {
    padding-left: 0;
}

#cm_summary .csum_area .csum_con .csum_box .csum_item + .csum_item {
    border-left: 1px solid #e0e4ed;
}

#cm_summary .csum_area .csum_con .csum_box .csum_item > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#cm_summary .csum_area .csum_con .csum_box .csum_item > dd {
    margin-top: 8px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.55;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #cm_summary .csum_area {
        padding: 64px 0 0;
    }

    #cm_summary .csum_area .csum_con {
        padding: 0 30px;
    }
}

@media all and (max-width: 1281px) {
    #cm_summary .csum_area .csum_con .csum_box .csum_item {
        padding: 24px 22px 26px;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item > dd {
        font-size: 1rem;
    }
}

@media all and (max-width: 1025px) {
    #cm_summary .csum_area {
        padding: 56px 0 0;
    }

    /* 4칸 → 2칸 × 2줄 */
    #cm_summary .csum_area .csum_con .csum_box {
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item:nth-child(3) {
        padding-left: 0;
        border-left: 0;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item:nth-child(n+3) {
        border-top: 1px solid #e0e4ed;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item > dt {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 885px) {
    #cm_summary .csum_area {
        padding: 48px 0 0;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item {
        padding: 20px 18px 22px;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item > dd {
        margin-top: 6px;
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 641px) {
    #cm_summary .csum_area {
        padding: 40px 0 0;
    }

    #cm_summary .csum_area .csum_con {
        padding: 0 15px;
    }

    /* 1열 */
    #cm_summary .csum_area .csum_con .csum_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item,
    #cm_summary .csum_area .csum_con .csum_box .csum_item + .csum_item,
    #cm_summary .csum_area .csum_con .csum_box .csum_item:nth-child(3) {
        padding: 16px 0 18px;
        border-left: 0;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item + .csum_item {
        border-top: 1px solid #e0e4ed;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item > dt {
        font-size: 0.75rem;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item > dd {
        margin-top: 4px;
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #cm_summary .csum_area {
        padding: 32px 0 0;
    }

    #cm_summary .csum_area .csum_con .csum_box .csum_item > dd {
        font-size: 0.8125rem;
    }
}
/* CASE MANUFACTURING SECTION01 END */

/* CASE MANUFACTURING SECTION02 (고객 과제 · 선택 이유 · 구축 방식 · 성과 — 왼쪽 제목, 오른쪽 내용. 내용은 구역마다 목록/카드/타임라인/큰 숫자) */
#cm_story {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#cm_story .story_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 24px 0 104px;
}

#cm_story .story_area .story_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#cm_story .story_area .story_con .story_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 56px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 40px minmax(0, 1fr);
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 40px;
    border-bottom: 1px solid #e0e4ed;
}

#cm_story .story_area .story_con .story_item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

#cm_story .story_area .story_con .story_item .story_head {
    width: 100%;
    height: auto;
    position: relative;
}

#cm_story .story_area .story_con .story_item .story_head > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#cm_story .story_area .story_con .story_item .story_body {
    width: 100%;
    max-width: 920px;
    height: auto;
    position: relative;
}

#cm_story .story_area .story_con .story_item .story_body .story_pbox {
    width: 100%;
    height: auto;
    position: relative;
}

#cm_story .story_area .story_con .story_item .story_body .story_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1.75;
    word-break: keep-all;
}

/* 고객 과제: 줄 목록 */
#cm_story .story_area .story_con .story_item .story_body .task_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    list-style: none;
    border-top: 1px solid #e0e4ed;
}

#cm_story .story_area .story_con .story_item .story_body .task_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 0 14px 22px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    border-bottom: 1px solid #e0e4ed;
}

#cm_story .story_area .story_con .story_item .story_body .task_list > li::before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 25px;
    left: 4px;
    background-color: #0e43fe;
    border-radius: 50%;
}

/* 선택 이유: 2 × 2 카드 */
#cm_story .story_area .story_con .story_item .story_body .reason_box {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

#cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 26px 26px 28px;
    background-color: #f4f6fb;
    border-radius: 14px;
}

#cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 구축 방식: 연도 타임라인 */
#cm_story .story_area .story_con .story_item .story_body .tl_box {
    width: 100%;
    height: auto;
    position: relative;
    margin: 28px 0;
    list-style: none;
}

#cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 0 28px 36px;
}

#cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item:last-child {
    padding-bottom: 0;
}

/* 점 */
#cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item::before {
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #fff;
    border: 3px solid #0e43fe;
    border-radius: 50%;
    z-index: 1;
}

/* 점 사이 세로선 */
#cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item::after {
    content: '';
    width: 1px;
    height: auto;
    position: absolute;
    top: 22px;
    bottom: 2px;
    left: 6px;
    background-color: #c9d3ef;
}

#cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item:last-child::after {
    display: none;
}

#cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_year > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: 0;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
}

#cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 4px;
}

#cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

/* 성과: 큰 숫자 3칸 */
#cm_story .story_area .story_con .story_item .story_body .res_box {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 2px solid #131313;
}

#cm_story .story_area .story_con .story_item .story_body .res_box .res_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 26px 24px 4px;
}

#cm_story .story_area .story_con .story_item .story_body .res_box .res_item:first-child {
    padding-left: 0;
}

#cm_story .story_area .story_con .story_item .story_body .res_box .res_item + .res_item {
    border-left: 1px solid #e0e4ed;
}

#cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.15;
    word-break: keep-all;
}

#cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #cm_story .story_area {
        padding: 16px 0 88px;
    }

    #cm_story .story_area .story_con {
        padding: 0 30px;
    }
}

@media all and (max-width: 1281px) {
    #cm_story .story_area .story_con .story_item {
        -ms-grid-columns: 240px 32px minmax(0, 1fr);
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 32px;
        padding: 48px 0;
    }

    #cm_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.625rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
        font-size: 1.75rem;
    }
}

@media all and (max-width: 1025px) {
    #cm_story .story_area {
        padding: 8px 0 72px;
    }

    #cm_story .story_area .story_con .story_item {
        -ms-grid-columns: 180px 28px minmax(0, 1fr);
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 28px;
        padding: 44px 0;
    }

    #cm_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.5rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .story_pbox > p {
        font-size: 1rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .task_list > li,
    #cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt > p {
        font-size: 0.9375rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .task_list > li::before {
        top: 23px;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item {
        padding: 22px 20px 24px;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_tit > h4 {
        font-size: 1.0625rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt > p,
    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt > p {
        font-size: 0.875rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item {
        padding: 22px 18px 4px;
    }

    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
        font-size: 1.5rem;
    }
}

@media all and (max-width: 885px) {
    /* 제목 위, 내용 아래 */
    #cm_story .story_area .story_con .story_item {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 40px 0;
    }

    #cm_story .story_area .story_con .story_item .story_body {
        max-width: none;
    }

    #cm_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.375rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box {
        gap: 12px;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item {
        border-radius: 10px;
    }
}

@media all and (max-width: 641px) {
    #cm_story .story_area {
        padding: 0 0 52px;
    }

    #cm_story .story_area .story_con {
        padding: 0 15px;
    }

    #cm_story .story_area .story_con .story_item {
        gap: 16px;
        padding: 32px 0;
    }

    #cm_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.25rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .story_pbox > p {
        font-size: 0.875rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .task_list {
        margin-top: 16px;
    }

    #cm_story .story_area .story_con .story_item .story_body .task_list > li {
        padding: 12px 0 12px 20px;
        font-size: 0.875rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .task_list > li::before {
        top: 20px;
    }

    /* 선택 이유 1열 */
    #cm_story .story_area .story_con .story_item .story_body .reason_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item {
        padding: 18px 18px 20px;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_tit > h4 {
        font-size: 1rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt {
        margin-top: 6px;
    }

    #cm_story .story_area .story_con .story_item .story_body .tl_box {
        margin: 22px 0;
    }

    #cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item {
        padding: 0 0 22px 30px;
    }

    #cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_year > span {
        font-size: 0.875rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt > p {
        font-size: 0.875rem;
    }

    /* 성과 1열 */
    #cm_story .story_area .story_con .story_item .story_body .res_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item,
    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item + .res_item {
        padding: 18px 0;
        border-left: 0;
    }

    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item + .res_item {
        border-top: 1px solid #e0e4ed;
    }

    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
        font-size: 1.375rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt {
        margin-top: 6px;
    }
}

@media all and (max-width: 481px) {
    #cm_story .story_area {
        padding: 0 0 44px;
    }

    #cm_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.125rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .story_pbox > p,
    #cm_story .story_area .story_con .story_item .story_body .task_list > li,
    #cm_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt > p {
        font-size: 0.8125rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt > p,
    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt > p {
        font-size: 0.8125rem;
    }

    #cm_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
        font-size: 1.25rem;
    }
}

/* 2026-10-22 EN: 성과 제목(Phase 2 expansion)이 3칸일 때 두 줄로 꺾여 칸 높이가 어긋남 → 3칸 구간(642 이상)만 글자 한 단계 작게 (641 이하는 세로 쌓임이라 원래 값) */
/* 그래도 두 줄이 되는 642~885는 칸 안 2줄(제목·설명)을 subgrid로 옆 칸과 같은 높이로 (subgrid를 모르는 브라우저는 칸별 높이) */
#cm_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item {
    display: -ms-grid;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: 0;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
}

#cm_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
    font-size: 1.5rem;
}

@media all and (max-width: 1281px) {
    #cm_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.25rem;
    }
}
@media all and (max-width: 1025px) {
    #cm_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.125rem;
    }
}
@media all and (max-width: 885px) {
    #cm_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.125rem;
    }
}
@media all and (max-width: 641px) {
    #cm_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.375rem;
    }
}
@media all and (max-width: 481px) {
    #cm_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.25rem;
    }
}
/* CASE MANUFACTURING SECTION02 END */

/* CASE AIRLINE SECTION01 (사례 요약 — 제조 사례 요약과 같은 디자인) */
#ca_summary {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#ca_summary .csum_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 72px 0 0;
}

#ca_summary .csum_area .csum_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#ca_summary .csum_area .csum_con .csum_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 2px solid #131313;
    border-bottom: 1px solid #e0e4ed;
}

#ca_summary .csum_area .csum_con .csum_box .csum_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 26px 28px 28px;
}

#ca_summary .csum_area .csum_con .csum_box .csum_item:first-child {
    padding-left: 0;
}

#ca_summary .csum_area .csum_con .csum_box .csum_item + .csum_item {
    border-left: 1px solid #e0e4ed;
}

#ca_summary .csum_area .csum_con .csum_box .csum_item > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#ca_summary .csum_area .csum_con .csum_box .csum_item > dd {
    margin-top: 8px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.55;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #ca_summary .csum_area {
        padding: 64px 0 0;
    }

    #ca_summary .csum_area .csum_con {
        padding: 0 30px;
    }
}

@media all and (max-width: 1281px) {
    #ca_summary .csum_area .csum_con .csum_box .csum_item {
        padding: 24px 22px 26px;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item > dd {
        font-size: 1rem;
    }
}

@media all and (max-width: 1025px) {
    #ca_summary .csum_area {
        padding: 56px 0 0;
    }

    /* 4칸 → 2칸 × 2줄 */
    #ca_summary .csum_area .csum_con .csum_box {
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item:nth-child(3) {
        padding-left: 0;
        border-left: 0;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item:nth-child(n+3) {
        border-top: 1px solid #e0e4ed;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item > dt {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 885px) {
    #ca_summary .csum_area {
        padding: 48px 0 0;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item {
        padding: 20px 18px 22px;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item > dd {
        margin-top: 6px;
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 641px) {
    #ca_summary .csum_area {
        padding: 40px 0 0;
    }

    #ca_summary .csum_area .csum_con {
        padding: 0 15px;
    }

    /* 1열 */
    #ca_summary .csum_area .csum_con .csum_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item,
    #ca_summary .csum_area .csum_con .csum_box .csum_item + .csum_item,
    #ca_summary .csum_area .csum_con .csum_box .csum_item:nth-child(3) {
        padding: 16px 0 18px;
        border-left: 0;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item + .csum_item {
        border-top: 1px solid #e0e4ed;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item > dt {
        font-size: 0.75rem;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item > dd {
        margin-top: 4px;
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #ca_summary .csum_area {
        padding: 32px 0 0;
    }

    #ca_summary .csum_area .csum_con .csum_box .csum_item > dd {
        font-size: 0.8125rem;
    }
}
/* CASE AIRLINE SECTION01 END */

/* CASE AIRLINE SECTION02 (고객 과제 · 선택 이유 · 구축 방식 · 성과 — 제조 사례 본문과 같은 디자인, 구축 방식은 체크 목록) */
#ca_story {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#ca_story .story_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 24px 0 104px;
}

#ca_story .story_area .story_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#ca_story .story_area .story_con .story_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 56px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 40px minmax(0, 1fr);
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 40px;
    border-bottom: 1px solid #e0e4ed;
}

#ca_story .story_area .story_con .story_item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

#ca_story .story_area .story_con .story_item .story_head {
    width: 100%;
    height: auto;
    position: relative;
}

#ca_story .story_area .story_con .story_item .story_head > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#ca_story .story_area .story_con .story_item .story_body {
    width: 100%;
    max-width: 920px;
    height: auto;
    position: relative;
}

#ca_story .story_area .story_con .story_item .story_body .story_pbox {
    width: 100%;
    height: auto;
    position: relative;
}

#ca_story .story_area .story_con .story_item .story_body .story_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1.75;
    word-break: keep-all;
}

/* 고객 과제: 줄 목록 */
#ca_story .story_area .story_con .story_item .story_body .task_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    list-style: none;
    border-top: 1px solid #e0e4ed;
}

#ca_story .story_area .story_con .story_item .story_body .task_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 14px 0 14px 22px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    border-bottom: 1px solid #e0e4ed;
}

#ca_story .story_area .story_con .story_item .story_body .task_list > li::before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 25px;
    left: 4px;
    background-color: #0e43fe;
    border-radius: 50%;
}

/* 선택 이유: 2 × 2 카드 */
#ca_story .story_area .story_con .story_item .story_body .reason_box {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

#ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 26px 26px 28px;
    background-color: #f4f6fb;
    border-radius: 14px;
}

#ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 구축 방식: 연도 타임라인 */
#ca_story .story_area .story_con .story_item .story_body .tl_box {
    width: 100%;
    height: auto;
    position: relative;
    margin: 28px 0;
    list-style: none;
}

#ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 0 28px 36px;
}

#ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item:last-child {
    padding-bottom: 0;
}

/* 점 */
#ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item::before {
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #fff;
    border: 3px solid #0e43fe;
    border-radius: 50%;
    z-index: 1;
}

/* 점 사이 세로선 */
#ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item::after {
    content: '';
    width: 1px;
    height: auto;
    position: absolute;
    top: 22px;
    bottom: 2px;
    left: 6px;
    background-color: #c9d3ef;
}

#ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item:last-child::after {
    display: none;
}

#ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_year > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: 0;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
}

#ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 4px;
}

#ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

/* 성과: 큰 숫자 3칸 */
#ca_story .story_area .story_con .story_item .story_body .res_box {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 2px solid #131313;
}

#ca_story .story_area .story_con .story_item .story_body .res_box .res_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 26px 24px 4px;
}

#ca_story .story_area .story_con .story_item .story_body .res_box .res_item:first-child {
    padding-left: 0;
}

#ca_story .story_area .story_con .story_item .story_body .res_box .res_item + .res_item {
    border-left: 1px solid #e0e4ed;
}

#ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.15;
    word-break: keep-all;
}

#ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #ca_story .story_area {
        padding: 16px 0 88px;
    }

    #ca_story .story_area .story_con {
        padding: 0 30px;
    }
}

@media all and (max-width: 1281px) {
    #ca_story .story_area .story_con .story_item {
        -ms-grid-columns: 240px 32px minmax(0, 1fr);
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 32px;
        padding: 48px 0;
    }

    #ca_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.625rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
        font-size: 1.75rem;
    }
}

@media all and (max-width: 1025px) {
    #ca_story .story_area {
        padding: 8px 0 72px;
    }

    #ca_story .story_area .story_con .story_item {
        -ms-grid-columns: 180px 28px minmax(0, 1fr);
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 28px;
        padding: 44px 0;
    }

    #ca_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.5rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .story_pbox > p {
        font-size: 1rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .task_list > li,
    #ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt > p {
        font-size: 0.9375rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .task_list > li::before {
        top: 23px;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item {
        padding: 22px 20px 24px;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_tit > h4 {
        font-size: 1.0625rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt > p,
    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt > p {
        font-size: 0.875rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item {
        padding: 22px 18px 4px;
    }

    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
        font-size: 1.5rem;
    }
}

@media all and (max-width: 885px) {
    /* 제목 위, 내용 아래 */
    #ca_story .story_area .story_con .story_item {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 40px 0;
    }

    #ca_story .story_area .story_con .story_item .story_body {
        max-width: none;
    }

    #ca_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.375rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box {
        gap: 12px;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item {
        border-radius: 10px;
    }
}

@media all and (max-width: 641px) {
    #ca_story .story_area {
        padding: 0 0 52px;
    }

    #ca_story .story_area .story_con {
        padding: 0 15px;
    }

    #ca_story .story_area .story_con .story_item {
        gap: 16px;
        padding: 32px 0;
    }

    #ca_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.25rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .story_pbox > p {
        font-size: 0.875rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .task_list {
        margin-top: 16px;
    }

    #ca_story .story_area .story_con .story_item .story_body .task_list > li {
        padding: 12px 0 12px 20px;
        font-size: 0.875rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .task_list > li::before {
        top: 20px;
    }

    /* 선택 이유 1열 */
    #ca_story .story_area .story_con .story_item .story_body .reason_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item {
        padding: 18px 18px 20px;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_tit > h4 {
        font-size: 1rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt {
        margin-top: 6px;
    }

    #ca_story .story_area .story_con .story_item .story_body .tl_box {
        margin: 22px 0;
    }

    #ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item {
        padding: 0 0 22px 30px;
    }

    #ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_year > span {
        font-size: 0.875rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt > p {
        font-size: 0.875rem;
    }

    /* 성과 1열 */
    #ca_story .story_area .story_con .story_item .story_body .res_box {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item,
    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item + .res_item {
        padding: 18px 0;
        border-left: 0;
    }

    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item + .res_item {
        border-top: 1px solid #e0e4ed;
    }

    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
        font-size: 1.375rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt {
        margin-top: 6px;
    }
}

@media all and (max-width: 481px) {
    #ca_story .story_area {
        padding: 0 0 44px;
    }

    #ca_story .story_area .story_con .story_item .story_head > h3 {
        font-size: 1.125rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .story_pbox > p,
    #ca_story .story_area .story_con .story_item .story_body .task_list > li,
    #ca_story .story_area .story_con .story_item .story_body .tl_box .tl_item .tl_txt > p {
        font-size: 0.8125rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .reason_box .reason_item .reason_txt > p,
    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_txt > p {
        font-size: 0.8125rem;
    }

    #ca_story .story_area .story_con .story_item .story_body .res_box .res_item .res_tit > strong {
        font-size: 1.25rem;
    }
}
/* 구축 방식: 점 대신 체크 (사례 카드 체크 아이콘) */
#ca_story .story_area .story_con .story_item .story_body .task_list.task_list_check > li {
    padding-left: 30px;
}

#ca_story .story_area .story_con .story_item .story_body .task_list.task_list_check > li::before {
    width: 18px;
    height: 18px;
    top: 17px;
    left: 0;
    background-color: transparent;
    background-image: url(../img/case_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 0;
}

@media all and (max-width: 1025px) {
    #ca_story .story_area .story_con .story_item .story_body .task_list.task_list_check > li::before {
        top: 17px;
    }
}

@media all and (max-width: 641px) {
    #ca_story .story_area .story_con .story_item .story_body .task_list.task_list_check > li {
        padding-left: 26px;
    }

    #ca_story .story_area .story_con .story_item .story_body .task_list.task_list_check > li::before {
        width: 16px;
        height: 16px;
        top: 15px;
    }
}

@media all and (max-width: 481px) {
    #ca_story .story_area .story_con .story_item .story_body .task_list.task_list_check > li::before {
        top: 14px;
    }
}

/* 2026-10-22 EN: 성과 제목(Wired and wireless unified 등)이 길어 칸마다 줄 수가 달라 설명 시작 높이가 어긋남 → 칸 안 2줄(제목·설명)을 subgrid로 옆 칸과 같은 높이로 + 3칸 구간 제목 글자 한 단계 작게 (CASE MANUFACTURING의 res_box_en과 같은 값) */
/* subgrid를 모르는 브라우저는 칸별 높이로 보임 */
#ca_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item {
    display: -ms-grid;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: 0;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
}

#ca_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
    font-size: 1.5rem;
}

@media all and (max-width: 1281px) {
    #ca_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.25rem;
    }
}
@media all and (max-width: 1025px) {
    #ca_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.125rem;
    }
}
@media all and (max-width: 641px) {
    #ca_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.375rem;
    }
}
@media all and (max-width: 481px) {
    #ca_story .story_area .story_con .story_item .story_body .res_box.res_box_en .res_item .res_tit > strong {
        font-size: 1.25rem;
    }
}
/* CASE AIRLINE SECTION02 END */

/* TECH SECTION01 (기술 비전 — Trust on Networks / AI on Networks 카드 2칸: 아이콘·영문 키커·설명·키워드 목록·글 읽기) */
#vision {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#vision .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#vision .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#vision .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#vision .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#vision .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#vision .npsec_area .npsec_con .vision_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

#vision .npsec_area .npsec_con .vision_box .vision_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px 40px 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f4f6fb;
    border-radius: 20px;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_head {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_head .vision_icon {
    width: 56px;
    height: 56px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 14px;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_head .vision_icon_01 {
    background-image: url(../img/fact_icon_03.svg);
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_head .vision_icon_02 {
    background-image: url(../img/spec_chip.svg);
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_head .vision_kicker > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.3px;
    line-height: 1.4;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 14px;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    color: #3a4256;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 키워드 목록 */
#vision .npsec_area .npsec_con .vision_box .vision_item .vision_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
    margin-bottom: 28px;
    list-style: none;
    border-top: 1px solid #dfe4ef;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 13px 0 13px 20px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    border-bottom: 1px solid #dfe4ef;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_list > li::before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 24px;
    left: 3px;
    background-color: #0e43fe;
    border-radius: 50%;
}

/* 글 읽기 버튼 (카드 맨 아래, 두 카드 버튼 높이 맞춤) */
#vision .npsec_area .npsec_con .vision_box .vision_item .vision_btn {
    width: auto;
    height: 44px;
    position: relative;
    margin-top: auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_btn > a {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    background-color: #0e43fe;
    border-radius: 8px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#vision .npsec_area .npsec_con .vision_box .vision_item .vision_btn > a:hover {
    background-color: #002199;
}

@media all and (max-width: 1441px) {
    #vision .npsec_area {
        padding: 88px 0;
    }

    #vision .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item {
        padding: 34px 32px 32px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_tit > h4 {
        font-size: 1.5rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_txt > p {
        font-size: 1rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_list > li {
        font-size: 0.9375rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_list > li::before {
        top: 23px;
    }
}

@media all and (max-width: 1025px) {
    #vision .npsec_area {
        padding: 72px 0;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #vision .npsec_area .npsec_con .vision_box {
        margin-top: 32px;
        gap: 16px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item {
        padding: 28px 24px 26px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_head .vision_icon {
        width: 48px;
        height: 48px;
        -webkit-background-size: 26px;
        background-size: 26px;
        border-radius: 12px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_head .vision_kicker > span {
        font-size: 0.9375rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_tit {
        margin-top: 20px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_tit > h4 {
        font-size: 1.375rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #vision .npsec_area {
        padding: 60px 0;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    /* 1열 */
    #vision .npsec_area .npsec_con .vision_box {
        margin-top: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item {
        border-radius: 14px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_btn {
        height: 40px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_btn > a {
        padding: 0 18px;
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #vision .npsec_area {
        padding: 52px 0;
    }

    #vision .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #vision .npsec_area .npsec_con .vision_box {
        margin-top: 22px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item {
        padding: 24px 20px 22px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_head {
        gap: 12px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_head .vision_icon {
        width: 42px;
        height: 42px;
        -webkit-background-size: 24px;
        background-size: 24px;
        border-radius: 10px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_head .vision_kicker > span {
        font-size: 0.875rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_tit {
        margin-top: 16px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_tit > h4 {
        font-size: 1.25rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_txt {
        margin-top: 10px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_txt > p {
        font-size: 0.875rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_list {
        margin-top: 18px;
        margin-bottom: 22px;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_list > li {
        padding: 11px 0 11px 18px;
        font-size: 0.875rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_list > li::before {
        top: 19px;
    }
}

@media all and (max-width: 481px) {
    #vision .npsec_area {
        padding: 44px 0;
    }

    #vision .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_tit > h4 {
        font-size: 1.125rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_txt > p,
    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_list > li {
        font-size: 0.8125rem;
    }

    #vision .npsec_area .npsec_con .vision_box .vision_item .vision_list > li::before {
        top: 18px;
    }
}
/* TECH SECTION01 END */

/* TECH SECTION02 (특허 — 회색 배경, 흰 카드 3 × 3: 위 번호·등록번호, 아래 발명의 명칭) */
#patents {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#patents .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#patents .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#patents .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#patents .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#patents .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#patents .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#patents .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#patents .npsec_area .npsec_con .pat_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

#patents .npsec_area .npsec_con .pat_box .pat_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 26px 28px 30px;
    background-color: #fff;
    border-radius: 16px;
}

/* 위: 번호 + 등록번호 */
#patents .npsec_area .npsec_con .pat_box .pat_item .pat_head {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #e0e4ed;
}

#patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_num > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    color: #0e43fe;
    letter-spacing: 0;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_reg {
    width: auto;
    height: auto;
    position: relative;
    text-align: right;
}

#patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_reg > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: 0;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
}

#patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_reg > span > em {
    margin-right: 6px;
    font-style: normal;
    font-weight: 400;
    color: #8a93a6;
}

/* 아래: 발명의 명칭 */
#patents .npsec_area .npsec_con .pat_box .pat_item .pat_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#patents .npsec_area .npsec_con .pat_box .pat_item .pat_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.55;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #patents .npsec_area {
        padding: 88px 0;
    }

    #patents .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item {
        padding: 24px 22px 26px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_tit > h4 {
        font-size: 1rem;
    }
}

@media all and (max-width: 1025px) {
    #patents .npsec_area {
        padding: 72px 0;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #patents .npsec_area .npsec_con .pat_box {
        margin-top: 32px;
        gap: 12px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item {
        padding: 20px 18px 22px;
        border-radius: 12px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_num > span {
        font-size: 1.125rem;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_reg > span > em {
        display: none;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_tit {
        margin-top: 14px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_tit > h4 {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #patents .npsec_area {
        padding: 60px 0;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    /* 1열: 한 줄 카드 (번호·등록번호 위, 명칭 아래) */
    #patents .npsec_area .npsec_con .pat_box {
        margin-top: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item {
        padding: 18px 20px 20px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_head {
        padding-bottom: 12px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_reg > span > em {
        display: inline;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_tit {
        margin-top: 12px;
    }
}

@media all and (max-width: 641px) {
    #patents .npsec_area {
        padding: 52px 0;
    }

    #patents .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #patents .npsec_area .npsec_con .pat_box {
        margin-top: 22px;
        gap: 8px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item {
        padding: 16px 16px 18px;
        border-radius: 10px;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_num > span {
        font-size: 1rem;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_head .pat_reg > span {
        font-size: 0.75rem;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_tit > h4 {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #patents .npsec_area {
        padding: 44px 0;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #patents .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #patents .npsec_area .npsec_con .pat_box .pat_item .pat_tit > h4 {
        font-size: 0.8125rem;
    }
}
/* TECH SECTION02 END */

/* TECH SECTION03 (표준화와 대외 활동 — NSure Edge 주요 사양 2단 표와 같은 디자인) */
#standards {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#standards .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#standards .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#standards .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#standards .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#standards .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#standards .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#standards .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 연동 정보 표 (위 검은 선 + 줄 구분선) */
#standards .npsec_area .npsec_con .intg_tblbox {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl {
    width: 100%;
    height: auto;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
}

#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > caption {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl .intg_col_01 {
    width: 30%;
}

#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
    border-bottom: 1px solid #e0e4ed;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr:hover {
    background-color: #f4f6fb;
}

#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    height: auto;
    position: relative;
    padding: 24px 20px;
    font-family: 'Paperlogy', sans-serif;
    letter-spacing: -0.5px;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    vertical-align: top;
}

#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
}

#standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
    font-size: 1rem;
    font-weight: 400;
    color: #3a4256;
}


@media all and (max-width: 1441px) {
    #standards .npsec_area {
        padding: 88px 0;
    }

    #standards .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 22px 16px;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 1rem;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #standards .npsec_area {
        padding: 72px 0;
    }

    #standards .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl .intg_col_01 {
        width: 26%;
    }
}

@media all and (max-width: 885px) {
    #standards .npsec_area {
        padding: 60px 0;
    }

    #standards .npsec_area .npsec_con {
        gap: 28px;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 20px 14px;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.9375rem;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #standards .npsec_area {
        padding: 52px 0;
    }

    #standards .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    /* 641부터 항목 위, 내용 아래 */
    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl,
    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody,
    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr,
    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        width: 100%;
        display: block;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
        padding: 18px 4px;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th,
    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        padding: 0;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.875rem;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        margin-top: 4px;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td > br {
        display: none;
    }

}

@media all and (max-width: 481px) {
    #standards .npsec_area {
        padding: 44px 0;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #standards .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr {
        padding: 16px 2px;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > th {
        font-size: 0.8125rem;
    }

    #standards .npsec_area .npsec_con .intg_tblbox .intg_tbl > tbody > tr > td {
        font-size: 0.8125rem;
    }

}
/* TECH SECTION03 END */

/* TRUST SECTION01 (절대 신뢰하지 않는 지능형 보안 — NSure Edge 핵심 요약 줄 목록과 같은 구성, 번호 01~02) */
#trust_zt {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#trust_zt .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#trust_zt .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#trust_zt .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: 18px; */
    margin-top: 0;
}

#trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#trust_zt .npsec_area .npsec_con .cause_box {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 24px;
    border-bottom: 1px solid #e0e4ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item:hover {
    background-color: #f4f6fb;
}

/* 2026-10-19 hover 때 줄 배경(연회색)과 연파랑 번호 칸이 비슷해 흐려져서 흰색으로 */
#trust_zt .npsec_area .npsec_con .cause_box .cause_item:hover .cause_icon {
    background-color: #fff;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 2px;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #trust_zt .npsec_area {
        padding: 88px 0;
    }

    #trust_zt .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.1875rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #trust_zt .npsec_area {
        padding: 72px 0;
    }

    #trust_zt .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #trust_zt .npsec_area {
        padding: 60px 0;
    }

    #trust_zt .npsec_area .npsec_con {
        gap: 28px;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 14px; */
        margin-top: 0;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item {
        padding: 26px 16px;
        gap: 18px;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #trust_zt .npsec_area {
        padding: 52px 0;
    }

    #trust_zt .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 12px; */
        margin-top: 0;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item {
        padding: 22px 4px;
        gap: 14px;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
        width: 44px;
        height: 44px;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
        font-size: 1rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.0625rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
        margin-top: 6px;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    #trust_zt .npsec_area {
        padding: 44px 0;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #trust_zt .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1rem;
    }

    #trust_zt .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.8125rem;
    }
}
/* TRUST SECTION01 END */

/* TRUST SECTION02 (정체성이 살아있는 지능형 네트워크 — TRUST SECTION01 줄 목록을 회색 배경으로, 번호 칸·hover 흰색) */
#trust_id {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#trust_id .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#trust_id .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#trust_id .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: 18px; */
    margin-top: 0;
}

#trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#trust_id .npsec_area .npsec_con .cause_box {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 24px;
    border-bottom: 1px solid #e0e4ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item:hover {
    background-color: #fff;
}

/* 2026-10-19 hover 때 줄 배경이 흰색이 되면 흰 번호 칸이 묻혀서 연파랑으로 */
#trust_id .npsec_area .npsec_con .cause_box .cause_item:hover .cause_icon {
    background-color: #edf1ff;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 2px;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #trust_id .npsec_area {
        padding: 88px 0;
    }

    #trust_id .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.1875rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #trust_id .npsec_area {
        padding: 72px 0;
    }

    #trust_id .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #trust_id .npsec_area {
        padding: 60px 0;
    }

    #trust_id .npsec_area .npsec_con {
        gap: 28px;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 14px; */
        margin-top: 0;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item {
        padding: 26px 16px;
        gap: 18px;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #trust_id .npsec_area {
        padding: 52px 0;
    }

    #trust_id .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 12px; */
        margin-top: 0;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item {
        padding: 22px 4px;
        gap: 14px;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
        width: 44px;
        height: 44px;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
        font-size: 1rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.0625rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
        margin-top: 6px;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    #trust_id .npsec_area {
        padding: 44px 0;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #trust_id .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1rem;
    }

    #trust_id .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.8125rem;
    }
}
/* TRUST SECTION02 END */

/* TRUST SECTION03 (서비스 맞춤형 보안 관리 — TRUST SECTION01 줄 목록 복제, 흰 배경 + 아래 전체 폭 마무리 문장 상자) */
#trust_svc {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#trust_svc .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#trust_svc .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    /* 2026-10-19 목록과 마무리 문장 사이(가로 2칸일 때 줄 간격)만 좁게 */
    row-gap: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#trust_svc .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: 18px; */
    margin-top: 0;
}

#trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#trust_svc .npsec_area .npsec_con .cause_box {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 24px;
    border-bottom: 1px solid #e0e4ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item:hover {
    background-color: #f4f6fb;
}

/* 2026-10-19 hover 때 줄 배경(연회색)과 연파랑 번호 칸이 비슷해 흐려져서 흰색으로 */
#trust_svc .npsec_area .npsec_con .cause_box .cause_item:hover .cause_icon {
    background-color: #fff;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #edf1ff;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 2px;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#trust_svc .npsec_area .npsec_con .trust_closing {
    width: 100%;
    height: auto;
    position: relative;
    grid-column: 1 / -1;
    padding: 36px 40px;
    background-color: #f4f6fb;
    border-radius: 16px;
}

#trust_svc .npsec_area .npsec_con .trust_closing > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    /* font-weight: 600; */
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    text-align: center;
}

#trust_svc .npsec_area .npsec_con .trust_closing > p > span {
    color: #0e43fe;
}

@media all and (max-width: 1441px) {
    #trust_svc .npsec_area {
        padding: 88px 0;
    }

    #trust_svc .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
        row-gap: 40px;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }

    #trust_svc .npsec_area .npsec_con .trust_closing > p {
        font-size: 1.1875rem;
    }
}

@media all and (max-width: 1281px) {
    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.1875rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #trust_svc .npsec_area {
        padding: 72px 0;
    }

    #trust_svc .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.125rem;
    }

    #trust_svc .npsec_area .npsec_con .trust_closing > p {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #trust_svc .npsec_area {
        padding: 60px 0;
    }

    #trust_svc .npsec_area .npsec_con {
        gap: 28px;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 14px; */
        margin-top: 0;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item {
        padding: 26px 16px;
        gap: 18px;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.875rem;
    }

    #trust_svc .npsec_area .npsec_con .trust_closing {
        padding: 28px 28px;
        border-radius: 10px;
    }

    #trust_svc .npsec_area .npsec_con .trust_closing > p {
        font-size: 1.0625rem;
    }
}

@media all and (max-width: 641px) {
    #trust_svc .npsec_area {
        padding: 52px 0;
    }

    #trust_svc .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 12px; */
        margin-top: 0;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item {
        padding: 22px 4px;
        gap: 14px;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
        width: 44px;
        height: 44px;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
        font-size: 1rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.0625rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
        margin-top: 6px;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p > br {
        display: none;
    }

    #trust_svc .npsec_area .npsec_con .trust_closing {
        padding: 22px 20px;
        border-radius: 8px;
    }

    #trust_svc .npsec_area .npsec_con .trust_closing > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 481px) {
    #trust_svc .npsec_area {
        padding: 44px 0;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #trust_svc .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1rem;
    }

    #trust_svc .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.8125rem;
    }

    #trust_svc .npsec_area .npsec_con .trust_closing {
        padding: 20px 18px;
    }

    #trust_svc .npsec_area .npsec_con .trust_closing > p {
        font-size: 0.9375rem;
    }
}
/* TRUST SECTION03 END */

/* AI SECTION01 (경계를 넘어서는 지능의 진화 — 왼쪽 제목·소개는 TRUST SECTION01과 같은 2단, 오른쪽 AI-on-RAN 연파랑 강조 상자) */
#ai_ran {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#ai_ran .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#ai_ran .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#ai_ran .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: 18px; */
    margin-top: 0;
}

#ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#ai_ran .npsec_area .npsec_con .ran_box {
    width: 100%;
    height: auto;
    position: relative;
    padding: 44px 48px;
    background-color: #eef2ff;
    border-radius: 20px;
}

#ai_ran .npsec_area .npsec_con .ran_box .ran_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#ai_ran .npsec_area .npsec_con .ran_box .ran_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.45;
    word-break: keep-all;
}

#ai_ran .npsec_area .npsec_con .ran_box .ran_tit > h4 > span {
    color: #0e43fe;
}

#ai_ran .npsec_area .npsec_con .ran_box .ran_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#ai_ran .npsec_area .npsec_con .ran_box .ran_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.75;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #ai_ran .npsec_area {
        padding: 88px 0;
    }

    #ai_ran .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }

    #ai_ran .npsec_area .npsec_con .ran_box {
        padding: 40px 44px;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_tit > h4 {
        font-size: 1.375rem;
    }
}

@media all and (max-width: 1281px) {
    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }


    #ai_ran .npsec_area .npsec_con .ran_box .ran_tit > h4 {
        font-size: 1.3125rem;
    }
}

@media all and (max-width: 1025px) {
    #ai_ran .npsec_area {
        padding: 72px 0;
    }

    #ai_ran .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }


    #ai_ran .npsec_area .npsec_con .ran_box {
        padding: 36px 36px;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_tit > h4 {
        font-size: 1.25rem;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_txt > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    #ai_ran .npsec_area {
        padding: 60px 0;
    }

    #ai_ran .npsec_area .npsec_con {
        gap: 28px;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 14px; */
        margin-top: 0;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }


    #ai_ran .npsec_area .npsec_con .ran_box {
        padding: 30px 28px;
        border-radius: 12px;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_tit > h4 {
        font-size: 1.1875rem;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_txt {
        margin-top: 12px;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 641px) {
    #ai_ran .npsec_area {
        padding: 52px 0;
    }

    #ai_ran .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 12px; */
        margin-top: 0;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }


    #ai_ran .npsec_area .npsec_con .ran_box {
        padding: 24px 20px;
        border-radius: 10px;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_tit > h4 {
        font-size: 1.0625rem;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_txt {
        margin-top: 10px;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #ai_ran .npsec_area {
        padding: 44px 0;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #ai_ran .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }


    #ai_ran .npsec_area .npsec_con .ran_box .ran_tit > h4 {
        font-size: 1rem;
    }

    #ai_ran .npsec_area .npsec_con .ran_box .ran_txt > p {
        font-size: 0.8125rem;
    }
}
/* AI SECTION01 END */

/* AI SECTION02 (넷큐브의 기술적 지향점 — TRUST SECTION02 회색 배경 번호 줄 목록 복제, 3항목) */
#ai_dir {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#ai_dir .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#ai_dir .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#ai_dir .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: 18px; */
    margin-top: 0;
}

#ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#ai_dir .npsec_area .npsec_con .cause_box {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #131313;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 24px;
    border-bottom: 1px solid #e0e4ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item:hover {
    background-color: #fff;
}

/* 2026-10-19 hover 때 줄 배경이 흰색이 되면 흰 번호 칸이 묻혀서 연파랑으로 */
#ai_dir .npsec_area .npsec_con .cause_box .cause_item:hover .cause_icon {
    background-color: #edf1ff;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
    width: 52px;
    height: 52px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 2px;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8px;
}

#ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #ai_dir .npsec_area {
        padding: 88px 0;
    }

    #ai_dir .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.1875rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 1025px) {
    #ai_dir .npsec_area {
        padding: 72px 0;
    }

    #ai_dir .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #ai_dir .npsec_area {
        padding: 60px 0;
    }

    #ai_dir .npsec_area .npsec_con {
        gap: 28px;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 14px; */
        margin-top: 0;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item {
        padding: 26px 16px;
        gap: 18px;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #ai_dir .npsec_area {
        padding: 52px 0;
    }

    #ai_dir .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 12px; */
        margin-top: 0;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item {
        padding: 22px 4px;
        gap: 14px;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_icon {
        width: 44px;
        height: 44px;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_icon > span {
        font-size: 1rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1.0625rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt {
        margin-top: 6px;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    #ai_dir .npsec_area {
        padding: 44px 0;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #ai_dir .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_tit > h4 {
        font-size: 1rem;
    }

    #ai_dir .npsec_area .npsec_con .cause_box .cause_item .cause_txtbox .cause_txt > p {
        font-size: 0.8125rem;
    }
}
/* AI SECTION02 END */

/* AI SECTION03 (실현되는 지능형 미래 — 왼쪽 제목, 오른쪽 본문 문단(위 검은 선), 아래 전체 폭 마무리 문장 상자. TRUST SECTION03 복제) */
#ai_future {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#ai_future .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#ai_future .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    /* 2026-10-19 목록과 마무리 문장 사이(가로 2칸일 때 줄 간격)만 좁게 */
    row-gap: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

#ai_future .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: 18px; */
    margin-top: 0;
}

#ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#ai_future .npsec_area .npsec_con .future_box {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 32px;
    border-top: 1px solid #131313;
}

#ai_future .npsec_area .npsec_con .future_box > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.8;
    word-break: keep-all;
}

#ai_future .npsec_area .npsec_con .ai_closing {
    width: 100%;
    height: auto;
    position: relative;
    grid-column: 1 / -1;
    padding: 36px 40px;
    background-color: #f4f6fb;
    border-radius: 16px;
}

#ai_future .npsec_area .npsec_con .ai_closing > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    /* font-weight: 600; */
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    text-align: center;
}

#ai_future .npsec_area .npsec_con .ai_closing > p > span {
    color: #0e43fe;
}

@media all and (max-width: 1441px) {
    #ai_future .npsec_area {
        padding: 88px 0;
    }

    #ai_future .npsec_area .npsec_con {
        padding: 0 30px;
        gap: 56px;
        row-gap: 40px;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }

    #ai_future .npsec_area .npsec_con .ai_closing > p {
        font-size: 1.1875rem;
    }
}

@media all and (max-width: 1281px) {
    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

}

@media all and (max-width: 1025px) {
    #ai_future .npsec_area {
        padding: 72px 0;
    }

    #ai_future .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #ai_future .npsec_area .npsec_con .ai_closing > p {
        font-size: 1.125rem;
    }

    #ai_future .npsec_area .npsec_con .future_box {
        padding-top: 28px;
    }

    #ai_future .npsec_area .npsec_con .future_box > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    #ai_future .npsec_area {
        padding: 60px 0;
    }

    #ai_future .npsec_area .npsec_con {
        gap: 28px;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 14px; */
        margin-top: 0;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #ai_future .npsec_area .npsec_con .ai_closing {
        padding: 28px 28px;
        border-radius: 10px;
    }

    #ai_future .npsec_area .npsec_con .ai_closing > p {
        font-size: 1.0625rem;
    }

    #ai_future .npsec_area .npsec_con .future_box {
        padding-top: 24px;
    }

    #ai_future .npsec_area .npsec_con .future_box > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 641px) {
    #ai_future .npsec_area {
        padding: 52px 0;
    }

    #ai_future .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        /* margin-top: 12px; */
        margin-top: 0;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #ai_future .npsec_area .npsec_con .ai_closing {
        padding: 22px 20px;
        border-radius: 8px;
    }

    #ai_future .npsec_area .npsec_con .ai_closing > p {
        font-size: 1rem;
    }

    #ai_future .npsec_area .npsec_con .future_box {
        padding-top: 20px;
    }

    #ai_future .npsec_area .npsec_con .future_box > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    #ai_future .npsec_area {
        padding: 44px 0;
    }

    #ai_future .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #ai_future .npsec_area .npsec_con .ai_closing {
        padding: 20px 18px;
    }

    #ai_future .npsec_area .npsec_con .ai_closing > p {
        font-size: 0.9375rem;
    }

    #ai_future .npsec_area .npsec_con .future_box > p {
        font-size: 0.8125rem;
    }
}
/* AI SECTION03 END */

/* COMPANY SECTION01 (주요 수치 — 메인 주요 실적 줄(main.css SECTION02) 복제, 4칸·아이콘) */
#company_facts {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid #e0e4ed;
}

#company_facts .cofact_area {
    width: 100%;
    height: auto;
    position: relative;
}

#company_facts .cofact_area .cofact_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#company_facts .cofact_area .cofact_con .cofact_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px 28px 38px 0;
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item + .cofact_item {
    padding-left: 28px;
    border-left: 1px solid #e0e4ed;
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_icon {
    width: 52px;
    height: 52px;
    position: relative;
    margin-bottom: 20px;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 12px;
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_icon_01 {
    background-image: url(../img/fact_icon_01.svg);
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_icon_02 {
    background-image: url(../img/fact_icon_02.svg);
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_icon_03 {
    background-image: url(../img/fact_icon_03.svg);
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_icon_04 {
    background-image: url(../img/fact_icon_04.svg);
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_tit {
    width: 100%;
    height: auto;
    position: relative;
    /* padding-top: 18px; */
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_tit > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.375rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.1;
    word-break: keep-all;
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 12px;
}

#company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.55;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #company_facts .cofact_area .cofact_con {
        padding: 0 30px;
    }
}

@media all and (max-width: 1281px) {
    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_tit > h3 {
        font-size: 2.125rem;
    }
}
@media all and (max-width: 1025px) {
    #company_facts .cofact_area .cofact_con .cofact_box {
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item:nth-child(3) {
        padding-left: 0;
        border-left: 0;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item:nth-child(n+3) {
        border-top: 1px solid #e0e4ed;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_tit > h3 {
        font-size: 1.875rem;
    }
}
@media all and (max-width: 885px) {
    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_tit > h3 {
        font-size: 1.625rem;
    }
}
@media all and (max-width: 641px) {
    #company_facts .cofact_area .cofact_con {
        padding: 0 15px;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item {
        padding: 28px 16px 26px 0;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item + .cofact_item {
        padding-left: 16px;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item:nth-child(3) {
        padding-left: 0;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_tit > h3 {
        font-size: 1.5rem;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_icon {
        margin-bottom: 14px;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_txt {
        margin-top: 8px;
    }
}
@media all and (max-width: 481px) {
    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item {
        padding: 24px 12px 22px 0;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item + .cofact_item {
        padding-left: 12px;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item:nth-child(3) {
        padding-left: 0;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_icon {
        width: 40px;
        height: 40px;
        margin-bottom: 14px;
        -webkit-background-size: 24px;
        background-size: 24px;
        border-radius: 10px;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_tit > h3 {
        font-size: 1.3125rem;
    }

    #company_facts .cofact_area .cofact_con .cofact_box .cofact_item .cofact_txt > p {
        font-size: 0.8125rem;
    }
}
/* COMPANY SECTION01 END */

/* COMPANY SECTION02 (소개 — 왼쪽 제목·회사 개요, 오른쪽 소개 문단·대표 제품 카드 2개·마지막 문단 강조) */
#about {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#about .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#about .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -webkit-column-gap: 72px;
    -moz-column-gap: 72px;
    column-gap: 72px;
    row-gap: 48px;
}

#about .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
}

#about .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#about .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

/* 회사 개요 (왼쪽 아래, 오른쪽 내용 끝과 맞춤) */
#about .npsec_area .npsec_con .coinfo_box {
    width: 100%;
    height: auto;
    position: relative;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-row-align: end;
    align-self: end;
    border-top: 2px solid #131313;
}

#about .npsec_area .npsec_con .coinfo_box .coinfo_row {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 120px 1fr;
    grid-template-columns: 120px minmax(0, 1fr);
    padding: 20px 0;
    border-bottom: 1px solid #e0e4ed;
}

#about .npsec_area .npsec_con .coinfo_box .coinfo_row > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

#about .npsec_area .npsec_con .coinfo_box .coinfo_row > dd {
    -ms-grid-column: 2;
    grid-column: 2;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.5;
    word-break: keep-all;
}

/* 오른쪽 본문 */
#about .npsec_area .npsec_con .about_body {
    width: 100%;
    height: auto;
    position: relative;
    -ms-grid-column: 3;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
}

#about .npsec_area .npsec_con .about_body .about_pbox {
    width: 100%;
    height: auto;
    position: relative;
}

#about .npsec_area .npsec_con .about_body .about_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_head {
    width: 100%;
    height: auto;
    position: relative;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_head > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item {
    width: 100%;
    height: auto;
    position: relative;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
    padding: 30px 32px 30px 36px;
    background-color: #f4f6fb;
    border: 1px solid #f4f6fb;
    border-radius: 16px;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a:hover {
    background-color: #fff;
    border-color: #0e43fe;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_logo {
    width: 120px;
    height: 36px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item_npass > a .aboutprod_logo {
    background-image: url(../img/npass_logo.svg);
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item_nsure > a .aboutprod_logo {
    background-image: url(../img/nsure_bi.svg);
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_txt {
    width: auto;
    height: auto;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    padding-left: 32px;
    border-left: 1px solid #d5dbe8;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_arrow {
    width: 44px;
    height: 44px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    background-image: url(../img/flow_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    border: 1px solid #e0e4ed;
    border-radius: 50%;
    -webkit-transition: border-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a:hover .aboutprod_arrow {
    border-color: #0e43fe;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}

/* 마지막 문단 (파란 막대 강조) */
#about .npsec_area .npsec_con .about_body .about_note {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    padding-left: 24px;
    border-left: 3px solid #0e43fe;
}

#about .npsec_area .npsec_con .about_body .about_note > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.1875rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#about .npsec_area .npsec_con .about_body .about_note > p > span {
    color: #0e43fe;
}

@media all and (max-width: 1441px) {
    #about .npsec_area {
        padding: 88px 0;
    }

    #about .npsec_area .npsec_con {
        padding: 0 30px;
        -webkit-column-gap: 56px;
        -moz-column-gap: 56px;
        column-gap: 56px;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }

    #about .npsec_area .npsec_con .about_body .about_note > p {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 1281px) {
    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #about .npsec_area .npsec_con .about_body .about_pbox > p {
        font-size: 1.0625rem;
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row {
        -ms-grid-columns: 104px 1fr;
        grid-template-columns: 104px minmax(0, 1fr);
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a {
        gap: 24px;
        padding: 28px 28px 28px 32px;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_logo {
        width: 108px;
        height: 32px;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_txt {
        padding-left: 24px;
    }
}

/* 1025부터 1단: 제목 → 본문 → 회사 개요 */
@media all and (max-width: 1025px) {
    #about .npsec_area {
        padding: 72px 0;
    }

    #about .npsec_area .npsec_con {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        -ms-grid-rows: auto auto auto;
        grid-template-rows: auto;
        row-gap: 40px;
    }

    #about .npsec_area .npsec_con .about_body {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2;
    }

    #about .npsec_area .npsec_con .coinfo_box {
        -ms-grid-row: 3;
        grid-row: 3;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 16px;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #about .npsec_area .npsec_con .about_body .about_pbox > p {
        font-size: 1rem;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap {
        margin-top: 32px;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_head > h4 {
        font-size: 1.0625rem;
    }

    #about .npsec_area .npsec_con .about_body .about_note {
        margin-top: 32px;
    }

    #about .npsec_area .npsec_con .about_body .about_note > p {
        font-size: 1.0625rem;
    }
}

@media all and (max-width: 885px) {
    #about .npsec_area {
        padding: 60px 0;
    }

    #about .npsec_area .npsec_con {
        row-gap: 32px;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #about .npsec_area .npsec_con .about_body .about_pbox > p {
        font-size: 0.9375rem;
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row {
        padding: 16px 0;
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row > dt {
        font-size: 0.875rem;
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row > dd {
        font-size: 0.9375rem;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_txt > p {
        font-size: 0.9375rem;
    }

    #about .npsec_area .npsec_con .about_body .about_note > p {
        font-size: 1rem;
    }
}

/* 641부터 카드: 로고 위 · 설명 아래, 화살표 오른쪽 위 */
@media all and (max-width: 641px) {
    #about .npsec_area {
        padding: 52px 0;
    }

    #about .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #about .npsec_area .npsec_con .about_body .about_pbox > p {
        font-size: 0.875rem;
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row {
        -ms-grid-columns: 88px 1fr;
        grid-template-columns: 88px minmax(0, 1fr);
        padding: 14px 0;
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row > dt {
        font-size: 0.8125rem;
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row > dd {
        font-size: 0.875rem;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap {
        margin-top: 28px;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_head > h4 {
        font-size: 1rem;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box {
        margin-top: 12px;
        gap: 10px;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 14px;
        padding: 24px 20px;
        border-radius: 10px;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_logo {
        width: 96px;
        height: 28px;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_txt {
        width: 100%;
        padding-left: 0;
        padding-right: 44px;
        border-left: 0;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_txt > p {
        font-size: 0.875rem;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_arrow {
        width: 36px;
        height: 36px;
        position: absolute;
        top: 20px;
        right: 20px;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
    }

    #about .npsec_area .npsec_con .about_body .about_note {
        margin-top: 28px;
        padding-left: 16px;
    }

    #about .npsec_area .npsec_con .about_body .about_note > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 481px) {
    #about .npsec_area {
        padding: 44px 0;
    }

    #about .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #about .npsec_area .npsec_con .about_body .about_pbox > p {
        font-size: 0.8125rem;
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row {
        -ms-grid-columns: 80px 1fr;
        grid-template-columns: 80px minmax(0, 1fr);
    }

    #about .npsec_area .npsec_con .coinfo_box .coinfo_row > dd {
        font-size: 0.8125rem;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_head > h4 {
        font-size: 0.9375rem;
    }

    #about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_txt > p {
        font-size: 0.8125rem;
    }

    #about .npsec_area .npsec_con .about_body .about_note > p {
        font-size: 0.875rem;
    }
}
/* COMPANY SECTION02 END */

/* COMPANY SECTION03 (사업분야 — 회색 배경, 위 제목·설명 가로 배치, 아래 흰 카드 3개: 아이콘·큰 번호·분야명·체크 목록) */
#business {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#business .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#business .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

/* 제목 묶음: 왼쪽 라벨·제목, 오른쪽 설명(아래 맞춤) */
#business .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

#business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox {
    width: 100%;
    height: auto;
    position: relative;
}

#business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#business .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    -ms-grid-column: 3;
    grid-column: 2;
    -ms-grid-row-align: end;
    align-self: end;
}

#business .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 카드 3개 */
#business .npsec_area .npsec_con .biz_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 56px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

#business .npsec_area .npsec_con .biz_box .biz_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px 40px 36px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

#business .npsec_area .npsec_con .biz_box .biz_item:nth-child(2) {
    -ms-grid-column: 3;
    grid-column: 2;
}

#business .npsec_area .npsec_con .biz_box .biz_item:nth-child(3) {
    -ms-grid-column: 5;
    grid-column: 3;
}

/* 카드 위 파란 선 */
#business .npsec_area .npsec_con .biz_box .biz_item::before {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0e43fe;
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_top {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_icon {
    width: 56px;
    height: 56px;
    position: relative;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    border-radius: 14px;
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_icon_01 {
    background-image: url(../img/spec_auth.svg);
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_icon_02 {
    background-image: url(../img/spec_network.svg);
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_icon_03 {
    background-image: url(../img/spec_guide.svg);
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_num {
    font-family: 'Paperlogy', sans-serif;
    font-size: 3rem;
    font-weight: 800;
    color: #e3e8f4;
    letter-spacing: -1px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e4ed;
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.625rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_list {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 8px 0 8px 30px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 1.55;
    word-break: keep-all;
}

#business .npsec_area .npsec_con .biz_box .biz_item .biz_list > li::before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 11px;
    left: 0;
    background-image: url(../img/case_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

@media all and (max-width: 1441px) {
    #business .npsec_area {
        padding: 88px 0;
    }

    #business .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #business .npsec_area .npsec_con .npsec_txtbox {
        gap: 56px;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item {
        padding: 36px 32px 32px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_tit > h4 {
        font-size: 1.5rem;
    }
}

@media all and (max-width: 1281px) {
    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #business .npsec_area .npsec_con .biz_box {
        margin-top: 48px;
        gap: 16px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item {
        padding: 32px 28px 28px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_num {
        font-size: 2.625rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_tit > h4 {
        font-size: 1.375rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_list > li {
        font-size: 0.9375rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_list > li::before {
        top: 10px;
    }
}

/* 1025부터 제목 묶음 1단, 카드 1열(카드 안 목록 2열) */
@media all and (max-width: 1025px) {
    #business .npsec_area {
        padding: 72px 0;
    }

    #business .npsec_area .npsec_con .npsec_txtbox {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox {
        margin-top: 16px;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #business .npsec_area .npsec_con .biz_box {
        margin-top: 40px;
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    }

    #business .npsec_area .npsec_con .biz_box .biz_item:nth-child(2) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item:nth-child(3) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 3;
        grid-row: 3;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_icon {
        width: 52px;
        height: 52px;
        -webkit-background-size: 28px;
        background-size: 28px;
        border-radius: 12px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_tit {
        margin-top: 22px;
        padding-bottom: 20px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_list {
        margin-top: 14px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
    }
}

@media all and (max-width: 885px) {
    #business .npsec_area {
        padding: 60px 0;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox {
        margin-top: 14px;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #business .npsec_area .npsec_con .biz_box {
        margin-top: 32px;
        gap: 12px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item {
        padding: 28px 24px 24px;
        border-radius: 12px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_num {
        font-size: 2.25rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_tit > h4 {
        font-size: 1.25rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_list > li {
        padding-left: 26px;
        font-size: 0.875rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_list > li::before {
        width: 16px;
        height: 16px;
        top: 10px;
    }
}

/* 641부터 카드 안 목록 1열 */
@media all and (max-width: 641px) {
    #business .npsec_area {
        padding: 52px 0;
    }

    #business .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #business .npsec_area .npsec_con .npsec_txtbox {
        gap: 10px;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox {
        margin-top: 12px;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #business .npsec_area .npsec_con .biz_box {
        margin-top: 28px;
        gap: 10px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item {
        padding: 24px 20px 20px;
        border-radius: 10px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item::before {
        height: 3px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_icon {
        width: 44px;
        height: 44px;
        -webkit-background-size: 24px;
        background-size: 24px;
        border-radius: 10px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_num {
        font-size: 2rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_tit {
        margin-top: 18px;
        padding-bottom: 16px;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_tit > h4 {
        font-size: 1.125rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_list {
        margin-top: 10px;
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_list > li {
        padding: 6px 0 6px 24px;
        font-size: 0.8125rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_list > li::before {
        width: 15px;
        height: 15px;
        top: 8px;
    }
}

@media all and (max-width: 481px) {
    #business .npsec_area {
        padding: 44px 0;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #business .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_tit > h4 {
        font-size: 1rem;
    }

    #business .npsec_area .npsec_con .biz_box .biz_item .biz_top .biz_num {
        font-size: 1.75rem;
    }
}

/* 2026-10-23 EN: 카드 제목 줄 수가 카드마다 달라(1줄/2줄) 제목 아래 구분선이 어긋남 → 카드 안 3줄(아이콘·제목·목록)을 subgrid로 옆 카드와 같은 높이로 */
/* subgrid를 모르는 브라우저는 카드별 높이로 보임 */
#business .npsec_area .npsec_con .biz_box.biz_box_en .biz_item {
    display: -ms-grid;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: 0;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
}
/* COMPANY SECTION03 END */

/* COMPANY SECTION04 (연혁 — 흰 배경, 시기 5개 세로 타임라인: 왼쪽 연도·단계 / 가운데 세로선·점 / 오른쪽 주요 이력, 마지막 시기 강조) */
#history {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#history .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#history .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#history .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#history .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#history .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

/* 타임라인 */
#history .npsec_area .npsec_con .hist_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 72px;
    list-style: none;
}

#history .npsec_area .npsec_con .hist_box .hist_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 280px minmax(0, 1fr);
    grid-template-columns: 280px minmax(0, 1fr);
    padding-bottom: 64px;
}

#history .npsec_area .npsec_con .hist_box .hist_item:last-child {
    padding-bottom: 0;
}

/* 세로선 (첫 시기는 점부터, 마지막 시기는 점까지) */
#history .npsec_area .npsec_con .hist_box .hist_item::before {
    content: '';
    width: 2px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 311px;
    background-color: #e0e4ed;
}

#history .npsec_area .npsec_con .hist_box .hist_item:first-child::before {
    top: 22px;
}

#history .npsec_area .npsec_con .hist_box .hist_item:last-child::before {
    bottom: auto;
    height: 22px;
}

/* 점 */
#history .npsec_area .npsec_con .hist_box .hist_item::after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 13px;
    left: 303px;
    background-color: #fff;
    border: 3px solid #0e43fe;
    border-radius: 50%;
    z-index: 1;
}

#history .npsec_area .npsec_con .hist_box .hist_item .hist_head {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_year {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.25rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

#history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_year > span {
    margin: 0 4px;
    font-weight: 400;
    color: #b5bfd3;
}

#history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_stage {
    display: inline-block;
    margin-top: 12px;
    padding: 5px 12px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#history .npsec_area .npsec_con .hist_box .hist_item .hist_list {
    width: auto;
    height: auto;
    position: relative;
    -ms-grid-column: 2;
    grid-column: 2;
    margin-left: 64px;
    padding-top: 8px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    row-gap: 14px;
}

#history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li {
    width: 100%;
    height: auto;
    position: relative;
    padding-left: 18px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 12px;
    left: 0;
    background-color: #9aa6bf;
    border-radius: 50%;
}

/* 지금 시기 (2024~2026) 강조: 채운 점·파란 연도·채운 단계·연파랑 상자 */
#history .npsec_area .npsec_con .hist_box .hist_item_now::after {
    background-color: #0e43fe;
    -webkit-box-shadow: 0 0 0 6px #e3e9ff;
    box-shadow: 0 0 0 6px #e3e9ff;
}

#history .npsec_area .npsec_con .hist_box .hist_item_now .hist_head .hist_year {
    color: #0e43fe;
}

#history .npsec_area .npsec_con .hist_box .hist_item_now .hist_head .hist_year > span {
    color: #9fb3ff;
}

#history .npsec_area .npsec_con .hist_box .hist_item_now .hist_head .hist_stage {
    color: #fff;
    background-color: #0e43fe;
}

#history .npsec_area .npsec_con .hist_box .hist_item_now .hist_list {
    padding: 28px 32px;
    background-color: #f5f7ff;
    border: 1px solid #dfe6ff;
    border-radius: 16px;
}

#history .npsec_area .npsec_con .hist_box .hist_item_now .hist_list > li {
    font-weight: 500;
    color: #131313;
}

#history .npsec_area .npsec_con .hist_box .hist_item_now .hist_list > li::before {
    background-color: #0e43fe;
}

@media all and (max-width: 1441px) {
    #history .npsec_area {
        padding: 88px 0;
    }

    #history .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }

    #history .npsec_area .npsec_con .hist_box {
        margin-top: 64px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item {
        -ms-grid-columns: 240px minmax(0, 1fr);
        grid-template-columns: 240px minmax(0, 1fr);
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::before {
        left: 271px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::after {
        left: 263px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_year {
        font-size: 2rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:first-child::before {
        top: 20px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:last-child::before {
        height: 20px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::after {
        top: 11px;
    }
}

@media all and (max-width: 1281px) {
    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item {
        -ms-grid-columns: 200px minmax(0, 1fr);
        grid-template-columns: 200px minmax(0, 1fr);
        padding-bottom: 56px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::before {
        left: 227px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::after {
        width: 16px;
        height: 16px;
        top: 10px;
        left: 220px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:first-child::before {
        top: 18px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:last-child::before {
        height: 18px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_year {
        font-size: 1.75rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list {
        margin-left: 56px;
        padding-top: 4px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li {
        font-size: 1rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li::before {
        top: 11px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item_now .hist_list {
        padding: 24px 28px;
    }
}

@media all and (max-width: 1025px) {
    #history .npsec_area {
        padding: 72px 0;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 16px;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #history .npsec_area .npsec_con .hist_box {
        margin-top: 48px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item {
        -ms-grid-columns: 168px minmax(0, 1fr);
        grid-template-columns: 168px minmax(0, 1fr);
        padding-bottom: 48px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::before {
        left: 191px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::after {
        top: 8px;
        left: 184px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:first-child::before {
        top: 16px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:last-child::before {
        height: 16px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_year {
        font-size: 1.5rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_stage {
        margin-top: 10px;
        font-size: 0.8125rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list {
        margin-left: 48px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li {
        font-size: 0.9375rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list {
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px;
        row-gap: 10px;
    }
}

/* 885부터 선·점 왼쪽, 연도·단계 위 · 이력 아래 */
@media all and (max-width: 885px) {
    #history .npsec_area {
        padding: 60px 0;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #history .npsec_area .npsec_con .hist_box {
        margin-top: 40px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item {
        display: block;
        padding: 0 0 40px 36px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::before {
        left: 7px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::after {
        top: 7px;
        left: 0;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:first-child::before {
        top: 15px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:last-child::before {
        height: 15px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_stage {
        margin-top: 0;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list {
        margin: 16px 0 0;
        padding-top: 0;
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    }

    #history .npsec_area .npsec_con .hist_box .hist_item_now .hist_list {
        padding: 22px 24px;
        border-radius: 12px;
    }
}

@media all and (max-width: 641px) {
    #history .npsec_area {
        padding: 52px 0;
    }

    #history .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #history .npsec_area .npsec_con .hist_box {
        margin-top: 32px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item {
        padding: 0 0 32px 30px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::before {
        left: 6px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::after {
        width: 14px;
        height: 14px;
        top: 6px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:first-child::before {
        top: 13px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:last-child::before {
        height: 13px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item_now::after {
        -webkit-box-shadow: 0 0 0 4px #e3e9ff;
        box-shadow: 0 0 0 4px #e3e9ff;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head {
        gap: 10px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_year {
        font-size: 1.375rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_stage {
        padding: 4px 10px;
        font-size: 0.75rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list {
        margin-top: 12px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li {
        padding-left: 14px;
        font-size: 0.875rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        row-gap: 8px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li::before {
        width: 4px;
        height: 4px;
        top: 10px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item_now .hist_list {
        padding: 18px 18px;
        border-radius: 10px;
    }
}

@media all and (max-width: 481px) {
    #history .npsec_area {
        padding: 44px 0;
    }

    #history .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_head .hist_year {
        font-size: 1.25rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item::after {
        top: 5px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:first-child::before {
        top: 12px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item:last-child::before {
        height: 12px;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li {
        font-size: 0.8125rem;
    }

    #history .npsec_area .npsec_con .hist_box .hist_item .hist_list > li::before {
        top: 9px;
    }
}
/* COMPANY SECTION04 END */

/* COMPANY SECTION05 (파트너 — 회색 배경, 위 제목·설명 가로 배치(사업분야 제목 묶음 복제), 분야별 흰 상자 + 로고 칸, 소속 협회와 인증도 같은 모양, 기술 페이지 안내) */
#partners {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#partners .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#partners .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

/* 제목 묶음: 왼쪽 라벨·제목, 오른쪽 설명(아래 맞춤) */
#partners .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 0.9fr) 72px minmax(0, 1.1fr);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 72px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

#partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox {
    width: 100%;
    height: auto;
    position: relative;
}

#partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 20px;
}

#partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#partners .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    -ms-grid-column: 3;
    grid-column: 2;
    -ms-grid-row-align: end;
    align-self: end;
}

#partners .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

/* 분야별 흰 상자: 왼쪽 분야명, 오른쪽 로고 칸 4열 */
#partners .npsec_area .npsec_con .ptn_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 56px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 240px 40px minmax(0, 1fr);
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px 40px;
    background-color: #fff;
    border-radius: 20px;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_tit {
    width: 100%;
    height: auto;
    position: relative;
    padding-left: 16px;
    border-left: 3px solid #0e43fe;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list {
    width: 100%;
    height: auto;
    position: relative;
    -ms-grid-column: 3;
    grid-column: 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item {
    width: 100%;
    height: auto;
    position: relative;
    min-height: 108px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 16px;
    border: 1px solid #e6eaf2;
    border-radius: 12px;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo {
    width: 100%;
    max-width: 170px;
    height: 40px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

/* 로고 모양에 따라 높이 (세로로 긴 6G 포럼·Ericsson은 크게, 글자가 작은 Samsung·LG·Samsung SDS·대상정보기술·KISIA는 조금 크게) */
#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_1 {
    height: 56px;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_8 {
    height: 68px;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_3,
#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_4,
#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_1,
#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_4,
#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_2 {
    height: 46px;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_01_1 {
    background-image: url(../img/partner_logo_01-1.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_01_2 {
    background-image: url(../img/partner_logo_01-2.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_02_1 {
    background-image: url(../img/partner_logo_02-1.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_02_2 {
    background-image: url(../img/partner_logo_02-2.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_02_3 {
    background-image: url(../img/partner_logo_02-3.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_2 {
    background-image: url(../img/partner_logo_03-2.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_3 {
    background-image: url(../img/partner_logo_03-3.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_4 {
    background-image: url(../img/partner_logo_03-4.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_5 {
    background-image: url(../img/partner_logo_03-5.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_6 {
    background-image: url(../img/partner_logo_03-6.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_7 {
    background-image: url(../img/partner_logo_03-7.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_8 {
    background-image: url(../img/partner_logo_03-8.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_1 {
    background-image: url(../img/partner_logo_04-1.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_2 {
    background-image: url(../img/partner_logo_04-2.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_3 {
    background-image: url(../img/partner_logo_04-3.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_4 {
    background-image: url(../img/partner_logo_04-4.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_1 {
    background-image: url(../img/partner_logo_05-1.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_2 {
    background-image: url(../img/partner_logo_05-2.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_3 {
    background-image: url(../img/partner_logo_05-3.png);
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_4 {
    background-image: url(../img/partner_logo_05-4.png);
}

/* 로고 파일 없는 파트너(HPE Aruba)는 글자로 */
#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_word {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_word > span {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1;
    white-space: nowrap;
}

#partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_cap {
    margin-top: 12px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.45;
    text-align: center;
    word-break: keep-all;
}

/* 기술 페이지 안내 */
#partners .npsec_area .npsec_con .ptn_note {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 28px;
}

#partners .npsec_area .npsec_con .ptn_note > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#partners .npsec_area .npsec_con .ptn_note > p > a {
    font-weight: 600;
    color: #0e43fe;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media all and (max-width: 1441px) {
    #partners .npsec_area {
        padding: 88px 0;
    }

    #partners .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox {
        gap: 56px;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1281px) {
    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group {
        -ms-grid-columns: 200px 32px minmax(0, 1fr);
        grid-template-columns: 200px minmax(0, 1fr);
        gap: 32px;
        padding: 28px 32px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_tit > h4 {
        font-size: 1.125rem;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item {
        min-height: 100px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo {
        height: 36px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_1 {
        height: 50px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_8 {
        height: 60px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_3,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_4,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_1,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_4,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_2 {
        height: 42px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_word > span {
        font-size: 1.25rem;
    }
}

@media all and (max-width: 1025px) {
    #partners .npsec_area {
        padding: 72px 0;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox {
        margin-top: 16px;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }

    #partners .npsec_area .npsec_con .ptn_box {
        margin-top: 40px;
        gap: 12px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }
}

@media all and (max-width: 885px) {
    #partners .npsec_area {
        padding: 60px 0;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox {
        margin-top: 14px;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group {
        padding: 24px 24px;
        border-radius: 12px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_tit {
        padding-left: 12px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_tit > h4 {
        font-size: 1.0625rem;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list {
        -ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    #partners .npsec_area .npsec_con .ptn_note > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #partners .npsec_area {
        padding: 52px 0;
    }

    #partners .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox {
        gap: 10px;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox {
        margin-top: 12px;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group {
        padding: 20px 16px;
        gap: 16px;
        border-radius: 10px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_tit > h4 {
        font-size: 1rem;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list {
        -ms-grid-columns: minmax(0, 1fr) 8px minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item {
        min-height: 84px;
        padding: 16px 10px;
        border-radius: 8px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo {
        height: 30px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_1 {
        height: 42px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_8 {
        height: 50px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_3,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_4,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_1,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_4,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_2 {
        height: 36px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_word > span {
        font-size: 1.0625rem;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_cap {
        margin-top: 8px;
        font-size: 0.75rem;
    }

    #partners .npsec_area .npsec_con .ptn_note {
        margin-top: 20px;
    }

    #partners .npsec_area .npsec_con .ptn_note > p {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 481px) {
    #partners .npsec_area {
        padding: 44px 0;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_headbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #partners .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo {
        height: 26px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_1 {
        height: 38px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_8 {
        height: 46px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_3,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_03_4,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_1,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_04_4,
    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_logo_05_2 {
        height: 32px;
    }

    #partners .npsec_area .npsec_con .ptn_box .ptn_group .ptn_list .ptn_item .ptn_cap {
        font-size: 0.6875rem;
    }
}
/* COMPANY SECTION05 END */

/* COMPANY SECTION06 (적용 분야 — 흰 배경, 3칸: 아이콘·영문 분야명·제목·설명, 칸 사이 세로선 위 화살표로 사무실 → 공장 → 도시) */
#company_fields {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#company_fields .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#company_fields .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#company_fields .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 18px;
}

#company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

/* 3칸 */
#company_fields .npsec_area .npsec_con .field_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 64px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 2px solid #131313;
}

#company_fields .npsec_area .npsec_con .field_box .field_item {
    width: 100%;
    height: auto;
    position: relative;
    padding: 44px 44px 8px;
}

#company_fields .npsec_area .npsec_con .field_box .field_item:first-child {
    padding-left: 0;
}

#company_fields .npsec_area .npsec_con .field_box .field_item:last-child {
    padding-right: 0;
}

#company_fields .npsec_area .npsec_con .field_box .field_item:nth-child(2) {
    -ms-grid-column: 2;
    grid-column: 2;
}

#company_fields .npsec_area .npsec_con .field_box .field_item:nth-child(3) {
    -ms-grid-column: 3;
    grid-column: 3;
}

#company_fields .npsec_area .npsec_con .field_box .field_item + .field_item {
    border-left: 1px solid #e0e4ed;
}

/* 칸 사이 화살표 (세로선 위쪽) */
#company_fields .npsec_area .npsec_con .field_box .field_item + .field_item::before {
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50px;
    left: -18px;
    background-color: #fff;
    background-image: url(../img/flow_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    border: 1px solid #e0e4ed;
    border-radius: 50%;
    z-index: 1;
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_icon {
    width: 64px;
    height: 64px;
    position: relative;
    background-color: #edf1ff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 34px;
    background-size: 34px;
    border-radius: 16px;
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_icon_01 {
    background-image: url(../img/spec_device.svg);
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_icon_02 {
    background-image: url(../img/use_icon_02.svg);
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_icon_03 {
    background-image: url(../img/site_icon_03.svg);
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_name {
    display: block;
    margin-top: 28px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: 0;
    line-height: 1.4;
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 14px;
}

#company_fields .npsec_area .npsec_con .field_box .field_item .field_txt > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1441px) {
    #company_fields .npsec_area {
        padding: 88px 0;
    }

    #company_fields .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item {
        padding: 40px 36px 8px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_tit > h4 {
        font-size: 1.3125rem;
    }
}

@media all and (max-width: 1281px) {
    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #company_fields .npsec_area .npsec_con .field_box {
        margin-top: 56px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item {
        padding: 36px 30px 8px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_icon {
        width: 56px;
        height: 56px;
        -webkit-background-size: 30px;
        background-size: 30px;
        border-radius: 14px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item + .field_item::before {
        top: 46px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_name {
        margin-top: 24px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_tit > h4 {
        font-size: 1.1875rem;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_txt > p {
        font-size: 0.9375rem;
    }
}

/* 1025부터 1열: 왼쪽 아이콘 · 오른쪽 글, 칸 사이 화살표는 아래 방향 */
@media all and (max-width: 1025px) {
    #company_fields .npsec_area {
        padding: 72px 0;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 16px;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #company_fields .npsec_area .npsec_con .field_box {
        margin-top: 40px;
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item,
    #company_fields .npsec_area .npsec_con .field_box .field_item:first-child,
    #company_fields .npsec_area .npsec_con .field_box .field_item:last-child {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 56px 28px minmax(0, 1fr);
        grid-template-columns: 56px minmax(0, 1fr);
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px;
        padding: 32px 0;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item:nth-child(2) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item:nth-child(3) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 3;
        grid-row: 3;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item + .field_item {
        border-left: 0;
        border-top: 1px solid #e0e4ed;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item + .field_item::before {
        top: -18px;
        left: 10px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_icon {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1 / 4;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_name,
    #company_fields .npsec_area .npsec_con .field_box .field_item .field_tit,
    #company_fields .npsec_area .npsec_con .field_box .field_item .field_txt {
        -ms-grid-column: 3;
        grid-column: 2;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_name {
        margin-top: 0;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_tit {
        -ms-grid-row: 2;
        grid-row: 2;
        margin-top: 6px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_txt {
        -ms-grid-row: 3;
        grid-row: 3;
        margin-top: 10px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_tit > h4 {
        font-size: 1.125rem;
    }
}

@media all and (max-width: 885px) {
    #company_fields .npsec_area {
        padding: 60px 0;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 14px;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #company_fields .npsec_area .npsec_con .field_box {
        margin-top: 32px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_name {
        font-size: 0.875rem;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_tit > h4 {
        font-size: 1.0625rem;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 641px) {
    #company_fields .npsec_area {
        padding: 52px 0;
    }

    #company_fields .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #company_fields .npsec_area .npsec_con .field_box {
        margin-top: 28px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item,
    #company_fields .npsec_area .npsec_con .field_box .field_item:first-child,
    #company_fields .npsec_area .npsec_con .field_box .field_item:last-child {
        -ms-grid-columns: 44px 16px minmax(0, 1fr);
        grid-template-columns: 44px minmax(0, 1fr);
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        padding: 28px 0;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_icon {
        width: 44px;
        height: 44px;
        -webkit-background-size: 24px;
        background-size: 24px;
        border-radius: 10px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item + .field_item::before {
        width: 30px;
        height: 30px;
        top: -15px;
        left: 7px;
        -webkit-background-size: 14px 14px;
        background-size: 14px 14px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_name {
        font-size: 0.8125rem;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_tit > h4 {
        font-size: 1rem;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_txt {
        margin-top: 8px;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_txt > p {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 481px) {
    #company_fields .npsec_area {
        padding: 44px 0;
    }

    #company_fields .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #company_fields .npsec_area .npsec_con .field_box .field_item .field_tit > h4 {
        font-size: 0.9375rem;
    }
}
/* COMPANY SECTION06 END */

/* COMPANY SECTION07 (채용 — 회색 띠, 흰 가로 상자: 왼쪽 아이콘 · 가운데 라벨·제목·설명 · 오른쪽 파란 버튼(노션 채용 페이지 새 창)) */
#jobs {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#jobs .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 88px 0;
}

#jobs .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#jobs .npsec_area .npsec_con .jobs_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 88px 36px minmax(0, 1fr) 36px auto;
    grid-template-columns: 88px minmax(0, 1fr) auto;
    -webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    column-gap: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 48px 56px;
    background-color: #fff;
    border-radius: 24px;
}

#jobs .npsec_area .npsec_con .jobs_box .jobs_icon {
    width: 88px;
    height: 88px;
    position: relative;
    background-color: #edf1ff;
    background-image: url(../img/fit_icon_04.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 44px;
    background-size: 44px;
    border-radius: 22px;
}

#jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    -ms-grid-column: 3;
    grid-column: 2;
}

#jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_label {
    width: auto;
    height: auto;
    position: relative;
}

#jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_label > span {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    background-color: #eef2ff;
    border-radius: 20px;
}

#jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 14px;
}

#jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox > h3 > span {
    color: #0e43fe;
}

#jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

#jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#jobs .npsec_area .npsec_con .jobs_box .jobs_btn {
    width: auto;
    height: 56px;
    position: relative;
    -ms-grid-column: 5;
    grid-column: 3;
}

#jobs .npsec_area .npsec_con .jobs_box .jobs_btn > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    white-space: nowrap;
    background-color: #0e43fe;
    border: 1px solid #0e43fe;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#jobs .npsec_area .npsec_con .jobs_box .jobs_btn > a:hover {
    background-color: #0a32c2;
    border-color: #0a32c2;
}

@media all and (max-width: 1441px) {
    #jobs .npsec_area {
        padding: 76px 0;
    }

    #jobs .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.875rem;
    }
}

@media all and (max-width: 1281px) {
    #jobs .npsec_area .npsec_con .jobs_box {
        -ms-grid-columns: 76px 28px minmax(0, 1fr) 28px auto;
        grid-template-columns: 76px minmax(0, 1fr) auto;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px;
        padding: 44px 44px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .jobs_icon {
        width: 76px;
        height: 76px;
        -webkit-background-size: 38px;
        background-size: 38px;
        border-radius: 18px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 1025px) {
    #jobs .npsec_area {
        padding: 64px 0;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_label > span {
        font-size: 0.8125rem;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }

    #jobs .npsec_area .npsec_con .jobs_box .jobs_btn {
        height: 52px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .jobs_btn > a {
        padding: 0 24px;
        font-size: 0.9375rem;
    }
}

/* 885부터 아이콘·글 위, 버튼 아래 */
@media all and (max-width: 885px) {
    #jobs .npsec_area {
        padding: 56px 0;
    }

    #jobs .npsec_area .npsec_con .jobs_box {
        -ms-grid-columns: 64px 20px minmax(0, 1fr);
        grid-template-columns: 64px minmax(0, 1fr);
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 24px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 36px 32px;
        border-radius: 16px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .jobs_icon {
        width: 64px;
        height: 64px;
        -webkit-background-size: 32px;
        background-size: 32px;
        border-radius: 16px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .jobs_btn {
        -ms-grid-column: 3;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
        justify-self: start;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox {
        margin-top: 12px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }
}

/* 641부터 아이콘도 위로, 버튼 꽉 차게 */
@media all and (max-width: 641px) {
    #jobs .npsec_area {
        padding: 48px 0;
    }

    #jobs .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #jobs .npsec_area .npsec_con .jobs_box {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        row-gap: 20px;
        padding: 28px 20px;
        border-radius: 12px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .jobs_icon {
        width: 52px;
        height: 52px;
        -webkit-background-size: 28px;
        background-size: 28px;
        border-radius: 12px;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    #jobs .npsec_area .npsec_con .jobs_box .jobs_btn {
        width: 100%;
        height: 48px;
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 3;
        grid-row: 3;
        justify-self: stretch;
    }

    #jobs .npsec_area .npsec_con .jobs_box .jobs_btn > a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0.875rem;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_label > span {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.25rem;
    }

    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 481px) {
    #jobs .npsec_area .npsec_con .jobs_box .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }
}
/* COMPANY SECTION07 END */

/* COMPANY SECTION08 (오시는 길 — 흰 배경, 주소 상자 3개: 본사(연파랑 강조·넓게) / 독일 사무소 / GDPR EU 대리인, 아래 연락처 줄은 상자 바닥에 맞춤) */
#location {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#location .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#location .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#location .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#location .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
}

#location .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#location .npsec_area .npsec_con .loc_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 48px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1.3fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
}

#location .npsec_area .npsec_con .loc_box .loc_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 36px 36px 28px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 20px;
}

#location .npsec_area .npsec_con .loc_box .loc_item:nth-child(2) {
    -ms-grid-column: 3;
    grid-column: 2;
}

#location .npsec_area .npsec_con .loc_box .loc_item:nth-child(3) {
    -ms-grid-column: 5;
    grid-column: 3;
}

/* 본사 강조 */
#location .npsec_area .npsec_con .loc_box .loc_item_hq {
    background-color: #f5f7ff;
    border-color: #dfe6ff;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_tit > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#location .npsec_area .npsec_con .loc_box .loc_item_hq .loc_tit > h4 {
    color: #0e43fe;
}

/* 영문 긴 제목(GDPR)은 한 단계 작게 */
#location .npsec_area .npsec_con .loc_box .loc_item_gdpr .loc_tit > h4 {
    font-size: 1.125rem;
    line-height: 1.45;
    word-break: normal;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_addr {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 14px;
    margin-bottom: 28px;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_addr > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

/* 연락처: 상자 바닥에 맞춤 */
#location .npsec_area .npsec_con .loc_box .loc_item .loc_contact {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: auto;
    border-top: 1px solid #e0e4ed;
}

#location .npsec_area .npsec_con .loc_box .loc_item_hq .loc_contact {
    border-top-color: #dfe6ff;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 64px minmax(0, 1fr);
    grid-template-columns: 64px minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 14px;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row > dd {
    -ms-grid-column: 2;
    grid-column: 2;
    min-width: 0;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row > dd > a {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.3px;
    line-height: 1.5;
    word-break: break-all;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row > dd > a:hover {
    color: #0e43fe;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media all and (max-width: 1441px) {
    #location .npsec_area {
        padding: 88px 0;
    }

    #location .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #location .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item {
        padding: 32px 32px 26px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_tit > h4 {
        font-size: 1.3125rem;
    }
}

@media all and (max-width: 1281px) {
    #location .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #location .npsec_area .npsec_con .loc_box {
        gap: 16px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item {
        padding: 28px 26px 24px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_tit > h4 {
        font-size: 1.1875rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item_gdpr .loc_tit > h4 {
        font-size: 1.0625rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_addr > p {
        font-size: 1rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row > dd > a {
        font-size: 0.9375rem;
    }
}

/* 1025부터 본사 한 줄 전체, 아래 두 상자 */
@media all and (max-width: 1025px) {
    #location .npsec_area {
        padding: 72px 0;
    }

    #location .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #location .npsec_area .npsec_con .loc_box {
        margin-top: 36px;
        -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #location .npsec_area .npsec_con .loc_box .loc_item_hq {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1 / -1;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item:nth-child(2) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item:nth-child(3) {
        -ms-grid-column: 3;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
    }
}

@media all and (max-width: 885px) {
    #location .npsec_area {
        padding: 60px 0;
    }

    #location .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #location .npsec_area .npsec_con .loc_box {
        margin-top: 28px;
        gap: 12px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item {
        padding: 24px 22px 20px;
        border-radius: 12px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_tit > h4 {
        font-size: 1.0625rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item_gdpr .loc_tit > h4 {
        font-size: 0.9375rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_addr {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_addr > p {
        font-size: 0.9375rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row {
        padding-top: 12px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row > dt {
        font-size: 0.8125rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row > dd > a {
        font-size: 0.875rem;
    }
}

/* 641부터 1열 */
@media all and (max-width: 641px) {
    #location .npsec_area {
        padding: 52px 0;
    }

    #location .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #location .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #location .npsec_area .npsec_con .loc_box {
        margin-top: 24px;
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item_hq {
        -ms-grid-column-span: 1;
        grid-column: 1;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item:nth-child(2) {
        -ms-grid-row: 2;
        grid-row: 2;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item:nth-child(3) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 3;
        grid-row: 3;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item {
        padding: 22px 20px 18px;
        border-radius: 10px;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_tit > h4 {
        font-size: 1rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item_gdpr .loc_tit > h4 {
        font-size: 0.875rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_addr > p {
        font-size: 0.875rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row {
        -ms-grid-columns: 56px minmax(0, 1fr);
        grid-template-columns: 56px minmax(0, 1fr);
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_contact .loc_row > dd > a {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 481px) {
    #location .npsec_area {
        padding: 44px 0;
    }

    #location .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #location .npsec_area .npsec_con .loc_box .loc_item .loc_addr > p {
        font-size: 0.8125rem;
    }
}
/* COMPANY SECTION08 END */

/* NEWS SECTION01 (소식 — 흰 배경, 제목 + 오른쪽 분류 칩(분류 사용 켜졌을 때만), 위 2px 검은 선 줄 목록(메인 소식 줄과 같은 날짜·분류·제목 칸), 아래 페이지 번호) */
#news {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#news .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#news .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#news .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px 32px;
}

#news .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: auto;
    height: auto;
    position: relative;
}

#news .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

/* 분류 칩 */
#news .npsec_area .npsec_con .newstool_box .newschip_box {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

#news .npsec_area .npsec_con .newstool_box .newschip_box .newschip_item {
    width: auto;
    height: auto;
    position: relative;
}

#news .npsec_area .npsec_con .newstool_box .newschip_box .newschip_item > a {
    height: 42px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 21px;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newstool_box .newschip_box .newschip_item > a:hover {
    color: #0e43fe;
    border-color: #0e43fe;
}

#news .npsec_area .npsec_con .newstool_box .newschip_box .newschip_item > a.active {
    font-weight: 600;
    color: #fff;
    background-color: #0e43fe;
    border-color: #0e43fe;
}

/* 글 목록 */
#news .npsec_area .npsec_con .newslist_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    border-top: 2px solid #131313;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid #e0e4ed;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 120px 24px 110px 24px minmax(0, 1fr);
    grid-template-columns: 120px 110px minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    padding: 26px 8px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

/* 분류를 안 쓸 때는 날짜 · 제목 두 칸 */
#news .npsec_area .npsec_con .newslist_box.newslist_nocate .newslist_item > a {
    -ms-grid-columns: 120px 24px minmax(0, 1fr);
    grid-template-columns: 120px minmax(0, 1fr);
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a:hover {
    background-color: #f5f7ff;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date {
    width: 100%;
    height: auto;
    position: relative;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date > time {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    font-variant-numeric: tabular-nums;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_cate {
    width: 100%;
    height: auto;
    position: relative;
    /* 2026-10-19 사용자 요청: 분류 알약 칸 가운데 */
    text-align: center;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_cate > span {
    display: inline-block;
    padding: 5px 12px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
    white-space: nowrap;
    background-color: #eef2ff;
    border-radius: 20px;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_tit {
    width: 100%;
    height: auto;
    position: relative;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_tit > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a:hover .newslist_tit > p {
    color: #0e43fe;
}

#news .npsec_area .npsec_con .newslist_box .newslist_empty {
    width: 100%;
    height: auto;
    position: relative;
    padding: 56px 0;
    border-bottom: 1px solid #e0e4ed;
}

#news .npsec_area .npsec_con .newslist_box .newslist_empty > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    text-align: center;
}

/* 페이지 번호 */
#news .npsec_area .npsec_con .newspg_wrap {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 48px;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item {
    width: 40px;
    height: 40px;
    position: relative;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > a,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > strong,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > span {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    font-variant-numeric: tabular-nums;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > a:hover {
    color: #0e43fe;
    border-color: #0e43fe;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > strong {
    font-weight: 700;
    color: #fff;
    background-color: #0e43fe;
    border-color: #0e43fe;
}

/* 이전·다음 화살표 (빵부스러기 화살표 재사용, 이전은 좌우 뒤집기) */
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > a,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > span,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_next > a,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_next > span {
    border-color: #e0e4ed;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > a::before,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > span::before,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_next > a::before,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_next > span::before {
    content: '';
    width: 18px;
    height: 18px;
    position: relative;
    display: block;
    /* background: url(../img/crumb_arrow.svg) no-repeat center / contain; */
    /* 2026-10-19 사용자 요청: hover 때 화살표도 파랑 → 마스크 + 배경색 (평소 crumb_arrow.svg와 같은 #a8b1c4) */
    background-color: #a8b1c4;
    -webkit-mask: url(../img/crumb_arrow.svg) center / contain no-repeat;
    mask: url(../img/crumb_arrow.svg) center / contain no-repeat;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > a:hover::before,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_next > a:hover::before {
    background-color: #0e43fe;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > a::before,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > span::before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > a:hover,
#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_next > a:hover {
    border-color: #0e43fe;
}

#news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > span.disabled {
    opacity: 0.4;
}
@media all and (max-width: 1441px) {
    #news .npsec_area {
        padding: 88px 0;
    }

    #news .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #news .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}
@media all and (max-width: 1281px) {
    #news .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_tit > p {
        font-size: 1.0625rem;
    }
}
@media all and (max-width: 1025px) {
    #news .npsec_area {
        padding: 72px 0;
    }

    #news .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #news .npsec_area .npsec_con .newstool_box .newschip_box .newschip_item > a {
        height: 38px;
        padding: 0 16px;
        font-size: 0.875rem;
    }

    #news .npsec_area .npsec_con .newslist_box {
        margin-top: 36px;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a {
        padding: 22px 6px;
    }

    /* 1025부터 한 줄 말줄임 대신 2줄까지 보이고 넘치면 … */
    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_tit > p {
        font-size: 1rem;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: keep-all;
    }

    #news .npsec_area .npsec_con .newspg_wrap {
        margin-top: 40px;
    }
}
@media all and (max-width: 885px) {
    #news .npsec_area {
        padding: 60px 0;
    }

    #news .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #news .npsec_area .npsec_con .newslist_box {
        margin-top: 28px;
    }

    /* 날짜·분류 한 줄 + 제목 아래 줄 */
    #news .npsec_area .npsec_con .newslist_box .newslist_item > a,
    #news .npsec_area .npsec_con .newslist_box.newslist_nocate .newslist_item > a {
        -ms-grid-columns: auto 12px minmax(0, 1fr);
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8px 12px;
        padding: 20px 4px;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_tit {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 2;
        grid-column: 1 / -1;
        grid-row: 2;
    }

    /* 날짜 · 분류 한 줄일 때는 분류를 날짜 옆에 붙임 */
    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_cate {
        text-align: left;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_tit > p {
        font-size: 0.9375rem;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_empty {
        padding: 44px 0;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_empty > p {
        font-size: 0.9375rem;
    }

    #news .npsec_area .npsec_con .newspg_wrap {
        margin-top: 32px;
    }

    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item {
        width: 36px;
        height: 36px;
    }

    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > a,
    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > strong,
    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > span {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 641px) {
    #news .npsec_area {
        padding: 52px 0;
    }

    #news .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #news .npsec_area .npsec_con .npsec_txtbox {
        gap: 16px;
    }

    #news .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #news .npsec_area .npsec_con .newstool_box .newschip_box {
        gap: 6px;
    }

    #news .npsec_area .npsec_con .newstool_box .newschip_box .newschip_item > a {
        height: 34px;
        padding: 0 14px;
        font-size: 0.8125rem;
    }

    #news .npsec_area .npsec_con .newslist_box {
        margin-top: 22px;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a {
        padding: 18px 2px;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date > time {
        font-size: 0.875rem;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_cate > span {
        padding: 4px 10px;
        font-size: 0.75rem;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_empty > p {
        font-size: 0.875rem;
    }

    #news .npsec_area .npsec_con .newspg_wrap {
        margin-top: 28px;
    }

    #news .npsec_area .npsec_con .newspg_wrap .newspg_box {
        gap: 4px;
    }

    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item {
        width: 32px;
        height: 32px;
    }

    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > a::before,
    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_prev > span::before,
    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_next > a::before,
    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_next > span::before {
        width: 16px;
        height: 16px;
    }
}
@media all and (max-width: 481px) {
    #news .npsec_area {
        padding: 44px 0;
    }

    #news .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date > time {
        font-size: 0.8125rem;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_tit > p {
        font-size: 0.875rem;
    }

    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > a,
    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > strong,
    #news .npsec_area .npsec_con .newspg_wrap .newspg_box .newspg_item > span {
        font-size: 0.8125rem;
    }
}
/* NEWS SECTION01 END */

/* NEWS SECTION01 ADMIN (2026-10-19 관리자만 — 목록 위 [전체 선택 · 선택 삭제] ··· [글쓰기], 줄 왼쪽 체크. v2 all.css가 input appearance를 지워서 체크 네모는 직접 그림) */
#news .npsec_area .npsec_con .newsadm_form {
    width: 100%;
    height: auto;
    position: relative;
}

#news .npsec_area .npsec_con .newsadm_form .newsadm_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

#news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

#news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left .newsadm_chkall {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding-left: 8px;
}

#news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left .newsadm_chkall > label {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #131313;
    letter-spacing: -0.5px;
    cursor: pointer;
}

/* 체크 네모 (전체 선택 + 줄마다) */
#news .npsec_area .npsec_con .newsadm_form input[type="checkbox"] {
    width: 22px;
    height: 22px;
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border: 1.5px solid #c3cad8;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

#news .npsec_area .npsec_con .newsadm_form input[type="checkbox"]:hover {
    border-color: #0e43fe;
}

#news .npsec_area .npsec_con .newsadm_form input[type="checkbox"]:checked {
    background-color: #0e43fe;
    background-image: url(../img/opt_check.svg);
    border-color: #0e43fe;
}

#news .npsec_area .npsec_con .newsadm_form input[type="checkbox"]:focus-visible {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px #e3e9ff;
    box-shadow: 0 0 0 3px #e3e9ff;
}

#news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left .newsadm_del {
    height: 38px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #d8dde8;
    border-radius: 8px;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left .newsadm_del:hover {
    color: #e5484d;
    border-color: #e5484d;
}

#news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_write {
    height: 44px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    white-space: nowrap;
    background-color: #0e43fe;
    border-radius: 22px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_write:hover {
    background-color: #0a32c2;
}

/* 관리자 목록: 버튼 줄 바로 아래 + 줄 왼쪽 체크 칸 */
#news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm {
    margin-top: 16px;
}

#news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm .newslist_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 8px minmax(0, 1fr);
    grid-template-columns: 30px minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

#news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm .newslist_item .newslist_chk {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
}

#news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm .newslist_item > a {
    -ms-grid-column: 3;
    grid-column: 2;
}

#news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm .newslist_empty {
    grid-column: 1 / -1;
}
@media all and (max-width: 1025px) {
    #news .npsec_area .npsec_con .newsadm_form .newsadm_box {
        margin-top: 36px;
    }
}
@media all and (max-width: 885px) {
    #news .npsec_area .npsec_con .newsadm_form .newsadm_box {
        margin-top: 28px;
    }

    #news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_write {
        height: 40px;
        padding: 0 20px;
        font-size: 0.875rem;
    }
}
@media all and (max-width: 641px) {
    #news .npsec_area .npsec_con .newsadm_form .newsadm_box {
        margin-top: 22px;
    }

    #news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left {
        gap: 10px;
    }

    #news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left .newsadm_chkall {
        padding-left: 2px;
    }

    #news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left .newsadm_chkall > label {
        font-size: 0.8125rem;
    }

    #news .npsec_area .npsec_con .newsadm_form input[type="checkbox"] {
        width: 20px;
        height: 20px;
        border-radius: 5px;
        background-size: 14px 14px;
    }

    #news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_left .newsadm_del {
        height: 34px;
        padding: 0 12px;
        font-size: 0.8125rem;
    }

    #news .npsec_area .npsec_con .newsadm_form .newsadm_box .newsadm_write {
        height: 36px;
        padding: 0 16px;
        font-size: 0.8125rem;
    }

    #news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm {
        margin-top: 12px;
    }

    #news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm .newslist_item {
        -ms-grid-columns: 22px 8px minmax(0, 1fr);
        grid-template-columns: 22px minmax(0, 1fr);
    }

    #news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm .newslist_item .newslist_chk {
        padding-left: 2px;
    }
}
/* NEWS SECTION01 ADMIN END */

/* NEWS SECTION01 TOOL (2026-10-19 사용자 요청 — 제목 아래 줄: 왼쪽 분류 칩 / 오른쪽 검색 칸(돋보기 버튼), 검색했을 때 결과 건수 줄. 칩은 제목 옆에서 이 줄로 옮김(셀렉터 .npsec_txtbox → .newstool_box)) */
#news .npsec_area .npsec_con .newstool_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px 24px;
}

/* 분류를 안 쓸 때도 검색은 오른쪽 */
#news .npsec_area .npsec_con .newstool_box .newssearch_form {
    width: 320px;
    height: 44px;
    position: relative;
    margin-left: auto;
}

#news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"] {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    margin: 0;
    padding: 0 52px 0 20px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #131313;
    letter-spacing: -0.5px;
    /* background-color: #fff;
    border: 1px solid #d8dde8; */
    /* 2026-10-19 사용자 요청(잘 안 보임): 연회색으로 채우고 테두리 한 단계 진하게, 누르면 흰 바탕 + 파란 테두리 */
    background-color: #f4f6fb;
    border: 1px solid #dfe3eb;
    border-radius: 22px;
    outline: 0;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"]:hover {
    border-color: #c3cad8;
}

/* 안내 글씨 진하게 (이전 #a8b1c4) */
#news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"]::-webkit-input-placeholder {
    font-size: 0.9375rem;
    color: #6b7489;
}

#news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"]::placeholder {
    font-size: 0.9375rem;
    color: #6b7489;
}

/* 크롬 검색 칸 기본 지우기(x) 숨김 — 검색 지우기는 결과 줄 링크로 */
#news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

#news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"]:focus {
    background-color: #fff;
    border-color: #0e43fe;
    -webkit-box-shadow: 0 0 0 3px #e3e9ff;
    box-shadow: 0 0 0 3px #e3e9ff;
}

#news .npsec_area .npsec_con .newstool_box .newssearch_form .newssearch_btn {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 2px;
    display: block;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
}

#news .npsec_area .npsec_con .newstool_box .newssearch_form .newssearch_btn::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    /* background-color: #5a6478; */
    /* 2026-10-19 돋보기 진하게 */
    background-color: #131313;
    -webkit-mask: url(../img/search_icon.svg) center / contain no-repeat;
    mask: url(../img/search_icon.svg) center / contain no-repeat;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newstool_box .newssearch_form .newssearch_btn:hover::before,
#news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"]:focus + .newssearch_btn::before {
    background-color: #0e43fe;
}

/* 검색 결과 줄 */
#news .npsec_area .npsec_con .newssearch_info {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px 14px;
}

#news .npsec_area .npsec_con .newssearch_info > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

#news .npsec_area .npsec_con .newssearch_info > p > strong {
    font-weight: 600;
    color: #131313;
}

#news .npsec_area .npsec_con .newssearch_info > p > span {
    font-weight: 600;
    color: #0e43fe;
}

#news .npsec_area .npsec_con .newssearch_info > a {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#news .npsec_area .npsec_con .newssearch_info > a:hover {
    color: #0e43fe;
}

/* 제목 아래 줄이 생겨서 목록·관리자 줄 위 간격 줄임 (이전: 40 / 1025 36 / 885 28 / 641 22) */
#news .npsec_area .npsec_con .newslist_box,
#news .npsec_area .npsec_con .newsadm_form .newsadm_box {
    margin-top: 28px;
}
@media all and (max-width: 1025px) {
    #news .npsec_area .npsec_con .newstool_box {
        margin-top: 28px;
    }

    #news .npsec_area .npsec_con .newstool_box .newssearch_form {
        width: 280px;
        height: 40px;
    }

    #news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"] {
        padding: 0 48px 0 18px;
        font-size: 0.875rem;
        border-radius: 20px;
    }

    #news .npsec_area .npsec_con .newstool_box .newssearch_form .newssearch_btn {
        width: 40px;
        height: 40px;
    }

    #news .npsec_area .npsec_con .newslist_box,
    #news .npsec_area .npsec_con .newsadm_form .newsadm_box {
        margin-top: 24px;
    }
}
@media all and (max-width: 885px) {
    #news .npsec_area .npsec_con .newstool_box {
        margin-top: 24px;
    }

    #news .npsec_area .npsec_con .newssearch_info {
        margin-top: 20px;
    }

    #news .npsec_area .npsec_con .newssearch_info > p {
        font-size: 0.875rem;
    }

    #news .npsec_area .npsec_con .newssearch_info > a {
        font-size: 0.8125rem;
    }

    #news .npsec_area .npsec_con .newslist_box,
    #news .npsec_area .npsec_con .newsadm_form .newsadm_box {
        margin-top: 20px;
    }
}
@media all and (max-width: 641px) {
    #news .npsec_area .npsec_con .newstool_box {
        margin-top: 18px;
        gap: 12px;
    }

    /* 칩 아래로 검색 칸 꽉 차게 */
    #news .npsec_area .npsec_con .newstool_box .newssearch_form {
        width: 100%;
        height: 40px;
        margin-left: 0;
    }

    #news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"]::-webkit-input-placeholder {
        font-size: 0.875rem;
    }

    #news .npsec_area .npsec_con .newstool_box .newssearch_form > input[type="search"]::placeholder {
        font-size: 0.875rem;
    }

    #news .npsec_area .npsec_con .newstool_box .newssearch_form .newssearch_btn::before {
        width: 18px;
        height: 18px;
        margin: -9px 0 0 -9px;
    }

    #news .npsec_area .npsec_con .newssearch_info {
        margin-top: 16px;
    }

    #news .npsec_area .npsec_con .newssearch_info > p {
        font-size: 0.8125rem;
    }

    #news .npsec_area .npsec_con .newssearch_info > a {
        font-size: 0.75rem;
    }

    #news .npsec_area .npsec_con .newslist_box,
    #news .npsec_area .npsec_con .newsadm_form .newsadm_box {
        margin-top: 16px;
    }

    #news .npsec_area .npsec_con .newsadm_form .newslist_box.newslist_adm {
        margin-top: 12px;
    }
}
/* NEWS SECTION01 TOOL END */

/* NEWS SECTION01 NOTICE (2026-10-20 공지 글: 1페이지 맨 위, 연한 파란 줄 + 날짜 칸에 확성기 아이콘 '공지' 알약, 제목 굵게) */
#news .npsec_area .npsec_con .newslist_box .newslist_item.newslist_notice {
    background-color: #f7f9ff;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item.newslist_notice > a:hover {
    background-color: #eef2ff;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date .newslist_badge {
    height: 30px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 0 13px 0 11px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    white-space: nowrap;
    background-color: #0e43fe;
    border-radius: 20px;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date .newslist_badge::before {
    width: 14px;
    height: 14px;
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    -webkit-mask: url(../img/notice_icon.svg) center / contain no-repeat;
    mask: url(../img/notice_icon.svg) center / contain no-repeat;
}

#news .npsec_area .npsec_con .newslist_box .newslist_item.newslist_notice > a .newslist_tit > p {
    font-weight: 600;
}

/* 2026-10-20 사용자 요청: 날짜·공지 칸 가운데 (885부터는 날짜·분류 한 줄이라 왼쪽) */
#news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date {
    text-align: center;
}
@media all and (max-width: 885px) {
    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date {
        text-align: left;
    }
}
@media all and (max-width: 641px) {
    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date .newslist_badge {
        height: 26px;
        gap: 5px;
        padding: 0 11px 0 9px;
        font-size: 0.75rem;
    }

    #news .npsec_area .npsec_con .newslist_box .newslist_item > a .newslist_date .newslist_badge::before {
        width: 12px;
        height: 12px;
    }
}
/* NEWS SECTION01 NOTICE END */

/* NEWS SECTION03 (2026-10-19 다른 곳에서도 만나 보세요 — 흰 배경, 마무리 섹션이라 제목 한 단계 작게, 링크 카드 2칸(RELATED NEXT '다음 글' 상자 모양: 이름·설명 / 오른쪽 '…가기' + 원형 화살표, hover 파란 테두리·화살표 이동)) */
#channels {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#channels .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 80px 0 104px;
}

#channels .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#channels .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#channels .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
}

#channels .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.3;
    word-break: keep-all;
}

#channels .npsec_area .npsec_con .chn_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
}

#channels .npsec_area .npsec_con .chn_box .chn_item {
    width: 100%;
    height: auto;
    position: relative;
}

#channels .npsec_area .npsec_con .chn_box .chn_item:nth-child(2) {
    -ms-grid-column: 3;
    grid-column: 2;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 12px 28px rgba(14, 67, 254, 0.08);
    box-shadow: 0 12px 28px rgba(14, 67, 254, 0.08);
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox {
    min-width: 0;
    height: auto;
    position: relative;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > h4 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a:hover .chn_txtbox > h4 {
    color: #0e43fe;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > p {
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_more_txt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    white-space: nowrap;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_arrow {
    width: 44px;
    height: 44px;
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
    /* background-image: url(../img/flow_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px; */
    /* 2026-10-19 사용자 요청: hover 때 화살표 파랑 → 그림은 아래 ::before 마스크로, 색은 배경색으로 */
    border: 1px solid #e0e4ed;
    border-radius: 50%;
    -webkit-transition: border-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a:hover .chn_more .chn_arrow {
    border-color: #0e43fe;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
}

/* 화살표 모양 (flow_arrow.svg 마스크, 평소 svg와 같은 #9aa6bf → hover 파랑) */
#channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_arrow::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    background-color: #9aa6bf;
    -webkit-mask: url(../img/flow_arrow.svg) center / contain no-repeat;
    mask: url(../img/flow_arrow.svg) center / contain no-repeat;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#channels .npsec_area .npsec_con .chn_box .chn_item > a:hover .chn_more .chn_arrow::before {
    background-color: #0e43fe;
}
@media all and (max-width: 1441px) {
    #channels .npsec_area {
        padding: 72px 0 88px;
    }

    #channels .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #channels .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.875rem;
    }
}
@media all and (max-width: 1281px) {
    #channels .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > h4 {
        font-size: 1.25rem;
    }
}
@media all and (max-width: 1025px) {
    #channels .npsec_area {
        padding: 60px 0 72px;
    }

    #channels .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    #channels .npsec_area .npsec_con .chn_box {
        margin-top: 28px;
        gap: 16px;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a {
        padding: 24px 26px;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > h4 {
        font-size: 1.1875rem;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > p {
        font-size: 0.9375rem;
    }

    /* 칸이 좁아져서 '…가기' 글자는 숨기고 화살표만 */
    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_more_txt {
        display: none;
    }
}
@media all and (max-width: 885px) {
    #channels .npsec_area {
        padding: 52px 0 60px;
    }

    #channels .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    /* 한 줄씩 */
    #channels .npsec_area .npsec_con .chn_box {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-top: 24px;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        grid-column: 1;
        grid-row: 2;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a {
        border-radius: 10px;
    }

    /* 한 줄이 넓어져서 '…가기' 글자 다시 보임 */
    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_more_txt {
        display: inline;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > h4 {
        font-size: 1.125rem;
    }
}
@media all and (max-width: 641px) {
    #channels .npsec_area {
        padding: 44px 0 52px;
    }

    #channels .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #channels .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.25rem;
    }

    #channels .npsec_area .npsec_con .chn_box {
        margin-top: 20px;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a {
        gap: 16px;
        padding: 18px 20px;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > h4 {
        font-size: 1.0625rem;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > p {
        margin-top: 4px;
        font-size: 0.875rem;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_more_txt {
        display: none;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_arrow {
        width: 38px;
        height: 38px;
        /* background-size: 18px 18px; */
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_arrow::before {
        width: 18px;
        height: 18px;
        margin: -9px 0 0 -9px;
    }
}
@media all and (max-width: 481px) {
    #channels .npsec_area {
        padding: 40px 0 44px;
    }

    #channels .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > h4 {
        font-size: 1rem;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_txtbox > p {
        font-size: 0.8125rem;
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_arrow {
        width: 34px;
        height: 34px;
        /* background-size: 16px 16px; */
    }

    #channels .npsec_area .npsec_con .chn_box .chn_item > a .chn_more .chn_arrow::before {
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
    }
}
/* NEWS SECTION03 END */

/* NEWS SECTION02 (2026-10-19 자료실 — 회색 배경, 흰 카드 2열: [문서 아이콘 + 형식] [자료명 / 설명] [자료 받기 알약], 소식 보기 첨부파일 줄과 같은 모양. 파일이 없으면 카드는 div.docs_none(링크 없음, 모양은 같음)) */
#files {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f4f6fb;
}

#files .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 104px 0;
}

#files .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#files .npsec_area .npsec_con .npsec_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

#files .npsec_area .npsec_con .npsec_txtbox .npsec_titbox {
    width: 100%;
    height: auto;
    position: relative;
}

#files .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.28;
    word-break: keep-all;
}

#files .npsec_area .npsec_con .docs_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

#files .npsec_area .npsec_con .docs_box .docs_item {
    width: 100%;
    height: auto;
    position: relative;
}

#files .npsec_area .npsec_con .docs_box .docs_item > a,
#files .npsec_area .npsec_con .docs_box .docs_item > .docs_none {
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 56px 20px minmax(0, 1fr) 20px auto;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 24px 28px 24px 24px;
    background-color: #fff;
    border: 1px solid #e0e4ed;
    border-radius: 16px;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#files .npsec_area .npsec_con .docs_box .docs_item > a:hover {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 12px 28px rgba(14, 67, 254, 0.08);
    box-shadow: 0 12px 28px rgba(14, 67, 254, 0.08);
}

/* 문서 아이콘 + 형식 */
#files .npsec_area .npsec_con .docs_box .docs_item .docs_icon {
    width: 56px;
    height: 56px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
    background-color: #edf1ff;
    border-radius: 12px;
}

#files .npsec_area .npsec_con .docs_box .docs_item .docs_icon::before {
    content: '';
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
    background-color: #0e43fe;
    -webkit-mask: url(../img/file_doc.svg) center / contain no-repeat;
    mask: url(../img/file_doc.svg) center / contain no-repeat;
}

#files .npsec_area .npsec_con .docs_box .docs_item .docs_icon .docs_ext {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: 0;
    line-height: 1.2;
}

#files .npsec_area .npsec_con .docs_box .docs_item .docs_txt {
    min-width: 0;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}

#files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_tit {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.45;
    word-break: keep-all;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#files .npsec_area .npsec_con .docs_box .docs_item > a:hover .docs_txt .docs_tit {
    color: #0e43fe;
}

#files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_desc {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

/* 자료 받기 (카드에 마우스를 올리면 파랗게 채움) */
#files .npsec_area .npsec_con .docs_box .docs_item .docs_btn {
    height: 42px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 0 18px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0e43fe;
    letter-spacing: -0.5px;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #0e43fe;
    border-radius: 21px;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#files .npsec_area .npsec_con .docs_box .docs_item .docs_btn::before {
    content: '';
    width: 16px;
    height: 16px;
    position: relative;
    display: block;
    background-color: #0e43fe;
    -webkit-mask: url(../img/file_down.svg) center / contain no-repeat;
    mask: url(../img/file_down.svg) center / contain no-repeat;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#files .npsec_area .npsec_con .docs_box .docs_item > a:hover .docs_btn {
    color: #fff;
    background-color: #0e43fe;
}

#files .npsec_area .npsec_con .docs_box .docs_item > a:hover .docs_btn::before {
    background-color: #fff;
}
@media all and (max-width: 1441px) {
    #files .npsec_area {
        padding: 88px 0;
    }

    #files .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #files .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2.25rem;
    }
}
@media all and (max-width: 1281px) {
    #files .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 2rem;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_tit {
        font-size: 1.0625rem;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_desc {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 1025px) {
    #files .npsec_area {
        padding: 72px 0;
    }

    #files .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.75rem;
    }

    #files .npsec_area .npsec_con .docs_box {
        margin-top: 36px;
        gap: 12px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item > a,
    #files .npsec_area .npsec_con .docs_box .docs_item > .docs_none {
        -ms-grid-columns: 48px 16px minmax(0, 1fr) 16px auto;
        grid-template-columns: 48px minmax(0, 1fr) auto;
        gap: 16px;
        padding: 20px 20px 20px 18px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_icon {
        width: 48px;
        height: 48px;
        border-radius: 10px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_icon::before {
        width: 20px;
        height: 20px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_icon .docs_ext {
        font-size: 0.625rem;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_tit {
        font-size: 1rem;
    }

    /* 칸이 좁아져서 버튼은 아이콘만 (글자는 화면 낭독기용으로 남김) */
    #files .npsec_area .npsec_con .docs_box .docs_item .docs_btn {
        width: 40px;
        height: 40px;
        padding: 0;
        gap: 0;
        font-size: 0;
        border-radius: 50%;
    }
}
@media all and (max-width: 885px) {
    #files .npsec_area {
        padding: 60px 0;
    }

    #files .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.5rem;
    }

    /* 한 줄씩 */
    #files .npsec_area .npsec_con .docs_box {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        margin-top: 28px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item > a,
    #files .npsec_area .npsec_con .docs_box .docs_item > .docs_none {
        border-radius: 10px;
    }

    /* 한 줄이 넓어져서 '자료 받기' 글자 다시 보임 */
    #files .npsec_area .npsec_con .docs_box .docs_item .docs_btn {
        width: auto;
        height: 40px;
        padding: 0 16px;
        gap: 6px;
        font-size: 0.8125rem;
        border-radius: 20px;
    }
}
@media all and (max-width: 641px) {
    #files .npsec_area {
        padding: 52px 0;
    }

    #files .npsec_area .npsec_con {
        padding: 0 15px;
    }

    #files .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.375rem;
    }

    #files .npsec_area .npsec_con .docs_box {
        margin-top: 22px;
        gap: 10px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item > a,
    #files .npsec_area .npsec_con .docs_box .docs_item > .docs_none {
        -ms-grid-columns: 40px 12px minmax(0, 1fr) 12px auto;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        gap: 12px;
        padding: 16px 14px 16px 14px;
        border-radius: 8px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_icon {
        width: 40px;
        height: 40px;
        border-radius: 8px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_icon::before {
        width: 18px;
        height: 18px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_txt {
        gap: 4px;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_tit {
        font-size: 0.9375rem;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_desc {
        font-size: 0.8125rem;
    }

    /* 버튼은 다시 아이콘만 */
    #files .npsec_area .npsec_con .docs_box .docs_item .docs_btn {
        width: 36px;
        height: 36px;
        padding: 0;
        gap: 0;
        font-size: 0;
        border-radius: 50%;
    }
}
@media all and (max-width: 481px) {
    #files .npsec_area {
        padding: 44px 0;
    }

    #files .npsec_area .npsec_con .npsec_txtbox .npsec_titbox > h3 {
        font-size: 1.125rem;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_tit {
        font-size: 0.875rem;
    }

    #files .npsec_area .npsec_con .docs_box .docs_item .docs_txt .docs_desc {
        font-size: 0.75rem;
    }
}
/* NEWS SECTION02 END */

/* NEWS SECTION02 SUB (2026-10-19 자료실 제목 아래 부제 — 시안 문구, 다른 섹션 npsec_pbox와 같은 모양) */
#files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 16px;
}

#files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    color: #535353;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}
@media all and (max-width: 1281px) {
    #files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1.0625rem;
    }
}
@media all and (max-width: 1025px) {
    #files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 1rem;
    }
}
@media all and (max-width: 885px) {
    #files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 12px;
    }

    #files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.9375rem;
    }
}
@media all and (max-width: 641px) {
    #files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox {
        margin-top: 10px;
    }

    #files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 481px) {
    #files .npsec_area .npsec_con .npsec_txtbox .npsec_pbox > p {
        font-size: 0.8125rem;
    }
}
/* NEWS SECTION02 SUB END */

/* INQUIRY SECTION01 (2026-10-19 도입 상담 — 흰 배경, 왼쪽 양식(위 2px 검은 선, 칸 위 라벨 + 52px 입력 칸, 관심 제품·요청 유형은 선택 상자, 개인정보 안내 연회색 상자, reCAPTCHA, 파란 보내기) / 오른쪽 연회색 안내 상자 4개. v2 all.css가 input appearance를 지워서 체크·라디오는 직접 그림) */
#consult_form {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#consult_form .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 80px 0 104px;
}

#consult_form .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#consult_form .npsec_area .npsec_con .csf_wrap {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 64px 400px;
    grid-template-columns: minmax(0, 1fr) 400px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 64px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main {
    min-width: 0;
    height: auto;
    position: relative;
}

/* 접수 안내 */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 32px;
    padding: 24px 28px;
    background-color: #f5f7ff;
    border: 1px solid #c9d5ff;
    border-radius: 16px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done > strong {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done > p {
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #3b4352;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 40px;
    border-top: 2px solid #131313;
}

/* 함정 칸: 화면 밖으로 (display:none은 일부 프로그램이 건너뛰어서 위치로 숨김) */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_hp {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0;
    left: -9999px;
    overflow: hidden;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row + .csf_row,
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row + .csf_field,
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_field + .csf_field {
    margin-top: 28px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row .csf_field:nth-child(2) {
    -ms-grid-column: 3;
    grid-column: 2;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_field {
    min-width: 0;
    height: auto;
    position: relative;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_set {
    margin: 0;
    padding: 0;
    border: 0;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_label {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 0;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_label .csf_req {
    margin-left: 3px;
    color: #0e43fe;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_label .csf_sub {
    font-weight: 400;
    color: #5a6478;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input {
    width: 100%;
    height: 52px;
    position: relative;
    display: block;
    margin: 0;
    padding: 0 18px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #131313;
    letter-spacing: -0.5px;
    background-color: #fff;
    border: 1px solid #d8dde8;
    border-radius: 10px;
    outline: 0;
    -webkit-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input::-webkit-input-placeholder {
    font-size: 1rem;
    color: #8a93a6;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input::placeholder {
    font-size: 1rem;
    color: #8a93a6;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input:hover {
    border-color: #c3cad8;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input:focus {
    border-color: #0e43fe;
    -webkit-box-shadow: 0 0 0 3px #e3e9ff;
    box-shadow: 0 0 0 3px #e3e9ff;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_textarea {
    height: 200px;
    padding: 16px 18px;
    line-height: 1.7;
    resize: vertical;
    word-break: keep-all;
}

/* 관심 제품 · 요청 유형: 선택 상자 (네모 체크 / 동그라미 라디오, 고르면 파란 테두리 + 연파랑) */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts.csf_opts_radio {
    -ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt {
    min-width: 0;
    height: auto;
    position: relative;
}

/* 실제 입력은 상자 안 왼쪽에 그림, 라벨이 상자 전체 */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > input {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 1;
    margin: -10px 0 0;
    cursor: pointer;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    border: 1.5px solid #c3cad8;
    border-radius: 5px;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > input[type="checkbox"]:checked {
    background-color: #0e43fe;
    background-image: url(../img/opt_check.svg);
    border-color: #0e43fe;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > input[type="radio"] {
    border-radius: 50%;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > input[type="radio"]:checked {
    border: 6px solid #0e43fe;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > label {
    width: 100%;
    min-height: 52px;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 14px 12px 46px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #3b4352;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #d8dde8;
    border-radius: 10px;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt:hover > label {
    border-color: #c3cad8;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > input:checked + label {
    font-weight: 600;
    color: #0e43fe;
    background-color: #f5f7ff;
    border-color: #0e43fe;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > input:focus-visible + label {
    -webkit-box-shadow: 0 0 0 3px #e3e9ff;
    box-shadow: 0 0 0 3px #e3e9ff;
}

/* 개인정보 수집과 이용 안내 */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
    padding: 24px 28px;
    background-color: #f4f6fb;
    border-radius: 16px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_tit {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_list {
    width: 100%;
    height: auto;
    position: relative;
    margin: 14px 0 0;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_list .consent_row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 12px minmax(0, 1fr);
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 12px;
    padding: 6px 0;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_list .consent_row > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_list .consent_row > dd {
    -ms-grid-column: 3;
    grid-column: 2;
    margin: 0;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: #3b4352;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_txt {
    margin-top: 10px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_txt > a {
    /* 2026-10-23 사용자 요청: 링크 글자 크기 14px 고정 */
    font-size: 0.875rem;
    font-weight: 700;
    color: #131313;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_agree {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e0e4ed;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_agree > input {
    width: 22px;
    height: 22px;
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border: 1.5px solid #c3cad8;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_agree > input:hover {
    border-color: #0e43fe;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_agree > input:checked {
    background-color: #0e43fe;
    background-image: url(../img/opt_check.svg);
    border-color: #0e43fe;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_agree > input:focus-visible {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px #e3e9ff;
    box-shadow: 0 0 0 3px #e3e9ff;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_agree > label {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
    cursor: pointer;
}

/* reCAPTCHA (구글이 그리는 상자, 위치만) */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_captcha {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 24px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_captcha .captcha {
    margin: 0;
    padding: 0;
    border: 0;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_btnbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 32px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_btnbox .csf_btn {
    min-width: 220px;
    height: 56px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 36px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    cursor: pointer;
    background-color: #0e43fe;
    border: 0;
    border-radius: 28px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_btnbox .csf_btn:hover {
    background-color: #0a32c2;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_btnbox .csf_btn:disabled {
    cursor: default;
    opacity: 0.5;
}

/* 오른쪽 안내 */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside {
    -ms-grid-column: 3;
    grid-column: 2;
    min-width: 0;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox {
    width: 100%;
    height: auto;
    position: relative;
    padding: 28px 28px;
    background-color: #f4f6fb;
    border-radius: 16px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox > h3 {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
    word-break: keep-all;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox > p {
    margin-top: 10px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.7;
    word-break: keep-all;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox > p > a {
    font-weight: 600;
    color: #0e43fe;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* 진행 절차: 파란 번호 원 */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_steps {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
    counter-reset: csf_step;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_steps > li {
    position: relative;
    padding: 4px 0 4px 34px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #3b4352;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    counter-increment: csf_step;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_steps > li + li {
    margin-top: 6px;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_steps > li::before {
    content: counter(csf_step);
    width: 22px;
    height: 22px;
    position: absolute;
    top: 5px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    background-color: #0e43fe;
    border-radius: 50%;
}

/* 이메일 문의: 분류 · 주소 줄 */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_mail {
    margin: 12px 0 0;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_mail .mail_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4px 12px;
    padding: 10px 0;
    border-top: 1px solid #e0e4ed;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_mail .mail_row:first-child {
    border-top: 0;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_mail .mail_row > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_mail .mail_row > dd {
    margin: 0;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_mail .mail_row > dd > a {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.6;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_mail .mail_row > dd > a:hover {
    color: #0e43fe;
    text-decoration: underline;
    text-underline-offset: 3px;
}
@media all and (max-width: 1441px) {
    #consult_form .npsec_area {
        padding: 72px 0 88px;
    }

    #consult_form .npsec_area .npsec_con {
        padding: 0 30px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap {
        -ms-grid-columns: minmax(0, 1fr) 48px 360px;
        grid-template-columns: minmax(0, 1fr) 360px;
        gap: 48px;
    }
}
@media all and (max-width: 1281px) {
    /* 선택 상자 2열 */
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts.csf_opts_radio {
        -ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox > h3 {
        font-size: 1.0625rem;
    }
}
@media all and (max-width: 1025px) {
    #consult_form .npsec_area {
        padding: 60px 0 72px;
    }

    /* 안내는 양식 아래로 2열 */
    #consult_form .npsec_area .npsec_con .csf_wrap {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        gap: 48px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside {
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        grid-column: 1;
        grid-row: 2;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input {
        font-size: 0.9375rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input::-webkit-input-placeholder {
        font-size: 0.9375rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input::placeholder {
        font-size: 0.9375rem;
    }
}
@media all and (max-width: 885px) {
    #consult_form .npsec_area {
        padding: 52px 0 60px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form {
        padding-top: 32px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row + .csf_row,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row + .csf_field,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_field + .csf_field {
        margin-top: 24px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_label {
        font-size: 0.875rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input {
        height: 48px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_textarea {
        height: 180px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > label {
        min-height: 48px;
        font-size: 0.875rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox {
        padding: 22px 22px;
        border-radius: 10px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done > strong {
        font-size: 1.125rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done > p {
        font-size: 0.9375rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox > h3 {
        font-size: 1rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox > p,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_steps > li {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 641px) {
    #consult_form .npsec_area {
        padding: 44px 0 52px;
    }

    #consult_form .npsec_area .npsec_con {
        padding: 0 15px;
    }

    /* 칸 한 줄씩 */
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row .csf_field:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        grid-column: 1;
        grid-row: 2;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row + .csf_row,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row + .csf_field,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_field + .csf_field {
        margin-top: 20px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_label {
        margin-bottom: 8px;
        font-size: 0.8125rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input {
        height: 46px;
        padding: 0 14px;
        font-size: 0.875rem;
        border-radius: 8px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input::-webkit-input-placeholder {
        font-size: 0.875rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_input::placeholder {
        font-size: 0.875rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_textarea {
        height: 160px;
        padding: 12px 14px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > input {
        left: 12px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > label {
        min-height: 46px;
        padding: 10px 10px 10px 40px;
        font-size: 0.8125rem;
        border-radius: 8px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent {
        margin-top: 24px;
        padding: 18px 16px;
        border-radius: 8px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_tit {
        font-size: 0.9375rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_list .consent_row {
        -ms-grid-columns: 64px 8px minmax(0, 1fr);
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 8px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_list .consent_row > dt,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_list .consent_row > dd,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_consent_txt {
        font-size: 0.8125rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_consent .csf_agree > label {
        font-size: 0.875rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_btnbox {
        margin-top: 24px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_btnbox .csf_btn {
        width: 100%;
        height: 50px;
        font-size: 0.9375rem;
    }

    /* 안내 한 줄씩 */
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox {
        padding: 18px 16px;
        border-radius: 8px;
    }
}
@media all and (max-width: 481px) {
    #consult_form .npsec_area {
        padding: 40px 0 44px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts .csf_opt > label {
        font-size: 0.75rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox > h3 {
        font-size: 0.9375rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox > p,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_aside .csf_asidebox .csf_steps > li {
        font-size: 0.8125rem;
    }
}

/* 2026-10-23 EN 사용자 요청: 관심 제품·요청 유형 버튼 글자가 영문이라 길어 두 줄로 꺾임 → 단계마다 한 단계 작게 (15→14, 14→13, 13→12, 481 이하는 12 그대로) */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts.csf_opts_en .csf_opt > label {
    font-size: 0.875rem;
}

@media all and (max-width: 885px) {
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts.csf_opts_en .csf_opt > label {
        font-size: 0.8125rem;
    }
}
@media all and (max-width: 641px) {
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_opts.csf_opts_en .csf_opt > label {
        font-size: 0.75rem;
    }
}
/* INQUIRY SECTION01 END */

/* INQUIRY SECTION01 FIX (2026-10-19 ① 같은 줄 두 번째 칸이 '칸 사이 간격'에 걸려 아래로 처지던 것 ② 그누보드 default.css가 legend를 숨겨서 '관심 제품'·'요청 유형' 제목이 안 보이던 것) */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row > .csf_field + .csf_field {
    margin-top: 0;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_set > legend.csf_label {
    width: auto;
    height: auto;
    position: static;
    float: none;
    overflow: visible;
    font-size: 0.9375rem;
    line-height: 1.4;
    text-indent: 0;
}
@media all and (max-width: 885px) {
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_set > legend.csf_label {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 641px) {
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_row > .csf_field + .csf_field {
        margin-top: 0;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_form .csf_set > legend.csf_label {
        font-size: 0.8125rem;
    }
}
/* INQUIRY SECTION01 FIX END */

/* ARROW HOVER COLOR (2026-10-20 사용자 요청: 링크 안 원형 화살표도 hover 때 파랑 — 블로그 카드(#channels)와 같은 방식)
   대상: 기술 '다음 글/이전 글'(RELATED NEXT .next_arrow), 고객 사례 주요 실적 카드(.casefact_arrow), 회사 소개 제품 카드(.aboutprod_arrow)
   원래 규칙의 배경 그림(flow_arrow.svg)은 여기서 끄고, ::before 마스크 + 배경색으로 그림 (평소 svg와 같은 #9aa6bf → hover #0e43fe)
   링크가 아닌 장식 화살표(IP 모빌리티·PDP·Edge 구조도, 적용 분야)는 그대로 */
#related .npsec_area .npsec_con .related_next > a .next_arrow,
#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_arrow,
#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_arrow {
    background-image: none;
}

#related .npsec_area .npsec_con .related_next > a .next_arrow::before,
#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a .aboutprod_arrow::before {
    content: '';
    /* 동그라미 크기에 비례 (44px → 20px, 화면 폭별로 작아지는 동그라미를 그대로 따라감) */
    width: 45%;
    height: 45%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #9aa6bf;
    -webkit-mask: url(../img/flow_arrow.svg) center / contain no-repeat;
    mask: url(../img/flow_arrow.svg) center / contain no-repeat;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

/* 고객 사례 실적 카드는 동그라미 없이 화살표만 (칸 크기 = 화살표 크기) */
#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a .casefact_arrow::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #9aa6bf;
    -webkit-mask: url(../img/flow_arrow.svg) center / contain no-repeat;
    mask: url(../img/flow_arrow.svg) center / contain no-repeat;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

#related .npsec_area .npsec_con .related_next > a:hover .next_arrow::before,
#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a:hover .casefact_arrow::before,
#cases01 .casefact_area .casefact_con .casefact_box .casefact_item > a:focus-visible .casefact_arrow::before,
#about .npsec_area .npsec_con .about_body .aboutprod_wrap .aboutprod_box .aboutprod_item > a:hover .aboutprod_arrow::before {
    background-color: #0e43fe;
}
/* ARROW HOVER COLOR END */

/* POLICY DOC (2026-10-20 개인정보처리방침·쿠키정책 — 흰 배경, 위 문서 전환 탭(알약 2개), 왼쪽 따라오는 목차 240 / 오른쪽 번호 붙은 항목(위 2px 검은 선, 항목 사이 가는 선), 맨 아래 시행일 상자. 문안은 옛 모달 그대로, include/policy_doc.php) */
#policy_doc {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
}

#policy_doc .npsec_area {
    width: 100%;
    height: auto;
    position: relative;
    padding: 64px 0 104px;
}

#policy_doc .npsec_area .npsec_con {
    max-width: 1400px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

/* 문서 전환 탭 */
#policy_doc .npsec_area .npsec_con .pol_tabs {
    margin: 0;
    padding: 4px;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 4px;
    background-color: #f4f6fb;
    border-radius: 26px;
}

#policy_doc .npsec_area .npsec_con .pol_tabs .pol_tab > a {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 22px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #5a6478;
    letter-spacing: -0.5px;
    white-space: nowrap;
    border-radius: 22px;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#policy_doc .npsec_area .npsec_con .pol_tabs .pol_tab > a:hover {
    color: #0e43fe;
}

#policy_doc .npsec_area .npsec_con .pol_tabs .pol_tab.active > a {
    font-weight: 700;
    color: #fff;
    background-color: #0e43fe;
}

/* 목차 + 본문 */
#policy_doc .npsec_area .npsec_con .pol_wrap {
    margin-top: 48px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 240px 64px minmax(0, 1fr);
    grid-template-columns: 240px minmax(0, 1fr);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 64px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_toc {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    padding: 24px 20px;
    background-color: #f4f6fb;
    border-radius: 16px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_toc .pol_toc_tit {
    display: block;
    padding: 0 8px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #5a6478;
    letter-spacing: -0.5px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_toc .pol_toc_list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_toc .pol_toc_list > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 10px;
    padding: 8px 8px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #3b4352;
    letter-spacing: -0.5px;
    line-height: 1.45;
    word-break: keep-all;
    border-radius: 8px;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_toc .pol_toc_list > li > a:hover {
    color: #0e43fe;
    background-color: #fff;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_toc .pol_toc_list > li > a .toc_num {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0e43fe;
    font-variant-numeric: tabular-nums;
}

/* 본문 항목 */
#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body {
    -ms-grid-column: 3;
    grid-column: 2;
    min-width: 0;
    border-top: 2px solid #131313;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec {
    padding: 36px 0;
    border-bottom: 1px solid #e0e4ed;
    scroll-margin-top: 100px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_sec_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 12px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.35;
    word-break: keep-all;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_sec_tit .sec_num {
    font-size: 1rem;
    font-weight: 700;
    color: #0e43fe;
    font-variant-numeric: tabular-nums;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_lead,
#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_after,
#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_plain,
#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_intro {
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #3b4352;
    letter-spacing: -0.5px;
    line-height: 1.75;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_lead {
    margin-top: 16px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_after {
    margin-top: 16px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group {
    margin-top: 20px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group + .pol_group {
    margin-top: 24px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_sub {
    margin-bottom: 10px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_intro {
    margin-bottom: 8px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_list > li {
    position: relative;
    padding: 3px 0 3px 18px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #3b4352;
    letter-spacing: -0.5px;
    line-height: 1.75;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

/* 점 */
#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_list > li::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 15px;
    left: 4px;
    background-color: #0e43fe;
    border-radius: 50%;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_list > li .pol_label {
    font-weight: 600;
    color: #131313;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec a {
    /* 주변 글자와 같은 크기 (all.css a 기본 크기를 따르지 않게) */
    font-size: inherit;
    color: #0e43fe;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* 시행일 상자 */
#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_date {
    margin-top: 32px;
    padding: 22px 26px;
    background-color: #f4f6fb;
    border-radius: 12px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_date > strong {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_date > p {
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

#policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_date > p > a {
    color: #0e43fe;
    text-decoration: underline;
    text-underline-offset: 3px;
}
@media all and (max-width: 1441px) {
    #policy_doc .npsec_area {
        padding: 56px 30px 88px;
    }
}
@media all and (max-width: 1281px) {
    #policy_doc .npsec_area .npsec_con .pol_wrap {
        -ms-grid-columns: 220px 40px minmax(0, 1fr);
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 40px;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_sec_tit {
        font-size: 1.375rem;
    }
}
@media all and (max-width: 1025px) {
    #policy_doc .npsec_area {
        padding: 48px 30px 72px;
    }

    /* 목차 숨기고 한 줄로 */
    #policy_doc .npsec_area .npsec_con .pol_wrap {
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
        margin-top: 36px;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_toc {
        display: none;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body {
        -ms-grid-column: 1;
        grid-column: 1;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec {
        padding: 30px 0;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_sec_tit {
        font-size: 1.25rem;
    }
}
@media all and (max-width: 885px) {
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_lead,
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_after,
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_plain,
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_intro,
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_list > li {
        font-size: 0.9375rem;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_list > li::before {
        top: 14px;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_sub {
        font-size: 1rem;
    }
}
@media all and (max-width: 641px) {
    #policy_doc .npsec_area {
        padding: 36px 15px 52px;
    }

    #policy_doc .npsec_area .npsec_con .pol_tabs .pol_tab > a {
        height: 40px;
        padding: 0 16px;
        font-size: 0.875rem;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap {
        margin-top: 28px;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec {
        padding: 24px 0;
        scroll-margin-top: 80px;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_sec_tit {
        gap: 8px;
        font-size: 1.125rem;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_sec_tit .sec_num {
        font-size: 0.875rem;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_lead,
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_after,
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_plain,
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_intro,
    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_list > li {
        font-size: 0.875rem;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_list > li::before {
        top: 13px;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_sec .pol_group .pol_sub {
        font-size: 0.9375rem;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_date {
        padding: 18px 16px;
        border-radius: 8px;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_date > strong {
        font-size: 0.9375rem;
    }

    #policy_doc .npsec_area .npsec_con .pol_wrap .pol_body .pol_date > p {
        font-size: 0.8125rem;
    }
}
/* POLICY DOC END */

/* INQUIRY DONE (2026-10-20 사용자 요청: 접수 안내 상자 애니메이션 — 상자가 아래에서 올라오며 나타남, 0.2초 뒤 파란 동그라미 체크가 톡 튀어나옴. 움직임 줄이기 설정이면 애니메이션 없음) */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    -webkit-animation: csf_done_in 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation: csf_done_in 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done .csf_done_icon {
    width: 44px;
    height: 44px;
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #0e43fe;
    background-image: url(../img/opt_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-radius: 50%;
    -webkit-animation: csf_done_pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
    animation: csf_done_pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done .csf_done_txt {
    min-width: 0;
}

/* 글자를 .csf_done_txt로 감싸서 이전 '.csf_done > strong · > p' 스타일을 여기로 */
#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done .csf_done_txt > strong {
    display: block;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0e43fe;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done .csf_done_txt > p {
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #3b4352;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

@-webkit-keyframes csf_done_in {
    from { opacity: 0; -webkit-transform: translateY(16px); transform: translateY(16px); }
    to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes csf_done_in {
    from { opacity: 0; -webkit-transform: translateY(16px); transform: translateY(16px); }
    to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes csf_done_pop {
    from { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes csf_done_pop {
    from { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done,
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done .csf_done_icon {
        -webkit-animation: none;
        animation: none;
    }
}
@media all and (max-width: 885px) {
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done .csf_done_txt > strong {
        font-size: 1.125rem;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done .csf_done_txt > p {
        font-size: 0.9375rem;
    }
}
@media all and (max-width: 641px) {
    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done {
        gap: 14px;
    }

    #consult_form .npsec_area .npsec_con .csf_wrap .csf_main .csf_done .csf_done_icon {
        width: 36px;
        height: 36px;
        background-size: 20px 20px;
    }
}
/* INQUIRY DONE END */

/* PEG ROUTER SUMMARY (2026-10-20 사용자 요청 B안, 동글 SPEC SUMMARY 복제: 사진 + 모델·크기·동작 온도 띠, 범례 칩은 제목 줄 오른쪽, 핵심 칸 3열) */
#peg_router .npsec_area .npsec_con .spec_summary {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 420px minmax(0, 1fr);
    grid-template-columns: 420px minmax(0, 1fr);
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#peg_router .npsec_area .npsec_con .spec_summary .spec_sumphoto {
    width: 100%;
    height: 260px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px;
    border-right: 1px solid #e0e4ed;
}

#peg_router .npsec_area .npsec_con .spec_summary .spec_sumphoto > img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

#peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    padding: 40px 48px;
}

#peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #131313;
}

#peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey {
    padding-top: 18px;
}

#peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

#peg_router .npsec_area .npsec_con .spec_summary + .spec_box {
    margin-top: 20px;
}
@media all and (max-width: 1281px) {
    #peg_router .npsec_area .npsec_con .spec_summary {
        -ms-grid-columns: 340px minmax(0, 1fr);
        grid-template-columns: 340px minmax(0, 1fr);
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        padding: 32px 36px;
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 1.125rem;
    }
}
@media all and (max-width: 1025px) {
    /* 한 줄: 사진 위, 공통 사양 아래 */
    #peg_router .npsec_area .npsec_con .spec_summary {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumphoto {
        height: 240px;
        border-right: 0;
        border-bottom: 1px solid #e0e4ed;
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        padding: 28px;
    }

    #peg_router .npsec_area .npsec_con .spec_summary + .spec_box {
        margin-top: 16px;
    }
}
@media all and (max-width: 885px) {
    #peg_router .npsec_area .npsec_con .spec_summary {
        margin-top: 28px;
        border-radius: 12px;
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 1rem;
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 641px) {
    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumphoto {
        height: 200px;
        padding: 24px;
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        gap: 16px;
        padding: 22px;
    }

    /* 세 칸 → 한 줄씩 (이름 왼쪽 · 값 오른쪽) */
    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px solid #e0e4ed;
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        margin-top: 0;
        font-size: 0.9375rem;
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
        font-size: 0.8125rem;
    }
}
@media all and (max-width: 481px) {
    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dt {
        font-size: 0.75rem;
    }

    #peg_router .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 0.875rem;
    }
}

/* 라우터 섹션은 흰 배경이라 띠에 테두리 (아래 사양 카드와 같게) */
#peg_router .npsec_area .npsec_con .spec_summary {
    border: 1px solid #e0e4ed;
}

/* 핵심 칸 3열: 프로세서 · Flash · Ethernet / 5G NR · Wi-Fi(넓게) — 동작 온도·크기는 띠로 */
#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 범례: 빈 네모 대신 강조 칩(n79), 제목 줄 오른쪽 (동글과 같게) */
#peg_router .npsec_area .npsec_con .npsec_txtbox {
    position: relative;
}

#peg_router .npsec_area .npsec_con .spec_legend.spec_legend_chip {
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#peg_router .npsec_area .npsec_con .spec_legend.spec_legend_chip .spec_legend_mark {
    width: auto;
    height: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #0e43fe;
    line-height: 1;
    border-radius: 6px;
}
@media all and (max-width: 1025px) {
    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* 제목 박스 안에서 설명 아래 줄로 */
    #peg_router .npsec_area .npsec_con .spec_legend.spec_legend_chip {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 16px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media all and (max-width: 641px) {
    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_top .spec_keys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }
}
/* PEG ROUTER SUMMARY END */

/* PEG CAMERA SUMMARY (2026-10-20 사용자 요청 B안, 동글 SPEC SUMMARY 복제: 사진 + 모델·크기·동작 환경 띠, 범례 칩은 제목 줄 오른쪽) */
#peg_camera .npsec_area .npsec_con .spec_summary {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 420px minmax(0, 1fr);
    grid-template-columns: 420px minmax(0, 1fr);
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#peg_camera .npsec_area .npsec_con .spec_summary .spec_sumphoto {
    width: 100%;
    height: 260px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px;
    border-right: 1px solid #e0e4ed;
}

#peg_camera .npsec_area .npsec_con .spec_summary .spec_sumphoto > img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

#peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    padding: 40px 48px;
}

#peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #131313;
}

#peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey {
    padding-top: 18px;
}

#peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

#peg_camera .npsec_area .npsec_con .spec_summary + .spec_box {
    margin-top: 20px;
}
@media all and (max-width: 1281px) {
    #peg_camera .npsec_area .npsec_con .spec_summary {
        -ms-grid-columns: 340px minmax(0, 1fr);
        grid-template-columns: 340px minmax(0, 1fr);
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        padding: 32px 36px;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 1.125rem;
    }
}
@media all and (max-width: 1025px) {
    /* 한 줄: 사진 위, 공통 사양 아래 */
    #peg_camera .npsec_area .npsec_con .spec_summary {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumphoto {
        height: 240px;
        border-right: 0;
        border-bottom: 1px solid #e0e4ed;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        padding: 28px;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary + .spec_box {
        margin-top: 16px;
    }
}
@media all and (max-width: 885px) {
    #peg_camera .npsec_area .npsec_con .spec_summary {
        margin-top: 28px;
        border-radius: 12px;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 1rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 641px) {
    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumphoto {
        height: 200px;
        padding: 24px;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        gap: 16px;
        padding: 22px;
    }

    /* 세 칸 → 한 줄씩 (이름 왼쪽 · 값 오른쪽) */
    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px solid #e0e4ed;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        margin-top: 0;
        font-size: 0.9375rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
        font-size: 0.8125rem;
    }
}
@media all and (max-width: 481px) {
    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dt {
        font-size: 0.75rem;
    }

    #peg_camera .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 0.875rem;
    }
}

/* 범례: 빈 네모 대신 강조 칩(n79), 제목 줄 오른쪽 (동글과 같게) */
#peg_camera .npsec_area .npsec_con .npsec_txtbox {
    position: relative;
}

#peg_camera .npsec_area .npsec_con .spec_legend.spec_legend_chip {
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#peg_camera .npsec_area .npsec_con .spec_legend.spec_legend_chip .spec_legend_mark {
    width: auto;
    height: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #0e43fe;
    line-height: 1;
    border-radius: 6px;
}
@media all and (max-width: 1025px) {
    /* 제목 박스 안에서 설명 아래 줄로 */
    #peg_camera .npsec_area .npsec_con .spec_legend.spec_legend_chip {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 16px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
/* PEG CAMERA SUMMARY END */

/* PEG OUTDOOR SUMMARY (2026-10-20 사용자 요청 B안, 동글 SPEC SUMMARY 복제: 사진 + 모델·크기·동작 환경 띠, 범례 칩은 제목 줄 오른쪽) */
#peg_outdoor .npsec_area .npsec_con .spec_summary {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 420px minmax(0, 1fr);
    grid-template-columns: 420px minmax(0, 1fr);
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumphoto {
    width: 100%;
    height: 260px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px;
    border-right: 1px solid #e0e4ed;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumphoto > img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    padding: 40px 48px;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
    width: 100%;
    height: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #131313;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey {
    padding-top: 18px;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dt {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
    margin-top: 6px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #5a6478;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

#peg_outdoor .npsec_area .npsec_con .spec_summary + .spec_box {
    margin-top: 20px;
}
@media all and (max-width: 1281px) {
    #peg_outdoor .npsec_area .npsec_con .spec_summary {
        -ms-grid-columns: 340px minmax(0, 1fr);
        grid-template-columns: 340px minmax(0, 1fr);
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        padding: 32px 36px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 1.125rem;
    }
}
@media all and (max-width: 1025px) {
    /* 한 줄: 사진 위, 공통 사양 아래 */
    #peg_outdoor .npsec_area .npsec_con .spec_summary {
        margin-top: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumphoto {
        height: 240px;
        border-right: 0;
        border-bottom: 1px solid #e0e4ed;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        padding: 28px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary + .spec_box {
        margin-top: 16px;
    }
}
@media all and (max-width: 885px) {
    #peg_outdoor .npsec_area .npsec_con .spec_summary {
        margin-top: 28px;
        border-radius: 12px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 1rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
        font-size: 0.875rem;
    }
}
@media all and (max-width: 641px) {
    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumphoto {
        height: 200px;
        padding: 24px;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt {
        gap: 16px;
        padding: 22px;
    }

    /* 세 칸 → 한 줄씩 (이름 왼쪽 · 값 오른쪽) */
    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px solid #e0e4ed;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        margin-top: 0;
        font-size: 0.9375rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumnote {
        font-size: 0.8125rem;
    }
}
@media all and (max-width: 481px) {
    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dt {
        font-size: 0.75rem;
    }

    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys .spec_sumkey > dd {
        font-size: 0.875rem;
    }
}

/* 실외 카메라 섹션은 흰 배경이라 띠에 테두리 (아래 사양 카드와 같게, 라우터와 같음) */
#peg_outdoor .npsec_area .npsec_con .spec_summary {
    border: 1px solid #e0e4ed;
}

/* 크기 값이 길어서 세 칸 사이 간격 */
#peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    /* 크기 칸 넓게 (모델 짧음) */
    -ms-grid-columns: minmax(0, 0.7fr) minmax(0, 1.4fr) minmax(0, 1fr);
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.4fr) minmax(0, 1fr);
}
@media all and (max-width: 641px) {
    #peg_outdoor .npsec_area .npsec_con .spec_summary .spec_sumtxt .spec_sumkeys {
        -ms-grid-columns: 1fr;
        grid-template-columns: minmax(0, 1fr);
    }
}

/* 범례: 빈 네모 대신 강조 칩(n79), 제목 줄 오른쪽 (동글과 같게) */
#peg_outdoor .npsec_area .npsec_con .npsec_txtbox {
    position: relative;
}

#peg_outdoor .npsec_area .npsec_con .spec_legend.spec_legend_chip {
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#peg_outdoor .npsec_area .npsec_con .spec_legend.spec_legend_chip .spec_legend_mark {
    width: auto;
    height: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 9px;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #0e43fe;
    line-height: 1;
    border-radius: 6px;
}
@media all and (max-width: 1025px) {
    /* 제목 박스 안에서 설명 아래 줄로 */
    #peg_outdoor .npsec_area .npsec_con .spec_legend.spec_legend_chip {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 16px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
/* PEG OUTDOOR SUMMARY END */

/* PEG BAND SOLO (2026-10-20 사용자 요청: 대역을 시안 v0.4.1대로 n77·n78·n79 한 줄만 — 이름 칸 없이 칩 + 'RedCap only') */
#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo,
#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo,
#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo,
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo .spec_chips,
#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo .spec_chips,
#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo .spec_chips,
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant.spec_variant_solo .spec_chips {
    width: auto;
}

#peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_bandnote,
#peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_bandnote,
#peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_bandnote,
#peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_bandnote {
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #5a6478;
    letter-spacing: 0;
    line-height: 1.4;
}
@media all and (max-width: 641px) {
    #peg_dongle .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_bandnote,
    #peg_router .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_bandnote,
    #peg_camera .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_bandnote,
    #peg_outdoor .npsec_area .npsec_con .spec_box .spec_card .spec_body .spec_band .spec_variant .spec_bandnote {
        font-size: 0.75rem;
    }
}
/* PEG BAND SOLO END */

/* SUB TOP CRUMB FIT (2026-10-22 영문 페이지 이름이 길어 휴대폰에서 위치 표시 알약이 두 줄로 꺾이던 것 → 한 줄 유지, 넘치면 마지막 이름만 말줄임) */
/* 꺾쇠(::before)는 칸 바깥 왼쪽에 있어 말줄임(overflow hidden)에 같이 잘림 → 마지막 칸만 꺾쇠 자리를 안쪽 여백으로 옮김 (보이는 위치는 같음) */
#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb {
    max-width: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item.crumb_on {
    min-width: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item + .crumb_item.crumb_on {
    margin-left: -22px;
    padding-left: 22px;
}

#new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item + .crumb_item.crumb_on::before {
    left: 0;
}
@media all and (max-width: 641px) {
    #new_sc .subsc_area .subsc_con .subtop_wrap .subtop_area .subtop_con .subtop_crumb .crumb_item + .crumb_item.crumb_on {
        margin-left: -18px;
        padding-left: 18px;
    }
}
/* SUB TOP CRUMB FIT END */