@charset "utf-8";
.sr-only {
    overflow:hidden;
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    white-space:nowrap;
    clip:rect(0, 0, 0, 0);
}

/* ==========================================================================
   헤더 (Header) — 국문 renewal.css의 .headerN 헤더 리스킨을 영문 사이트용으로 포팅
   ========================================================================== */
.headerN .topMenuBox {
    display:flex;
    justify-content:space-between;
    align-items:center;
    max-width:1200px;
    height:100px;
    line-height:unset;
}
.headerN .topMenuBox > * {
    position:static;
}
.headerN .topMenuBox > .topMenuR {
    top:unset;
}
.headerN .topMenuBox > .topMenuR .subAllMenu {
    position:relative;
    top:unset;
    right:unset;
    margin:unset;
}
.headerN .topMenuBox .topMenuC {
    height:unset;
}
.headerN .topMenuBox .topMenuC .subMenu {
    margin:unset;
}
.headerN .topMenuBox .topMenuC .subMenu > ul {
    display:flex;
    align-items:center;
}
.headerN .topMenuBox .topMenuC .subMenu > ul > li {
    float:none;
    padding:0 25px;
}
.headerN .topMenuBox .topMenuC .subMenu > ul > li > a {
    display:flex;
    justify-content:center;
    align-items:center;
    height:100px;
    padding:0;
    font-size:20px;
}
.headerN .topMenuBox .topMenuC .subMenu > ul > li > a::before {
    display:none;
}
.headerN .topMenuBox .topMenuC .subMenu > ul > li > a::after {
    display:none;
}
.headerN .topMenuBox .topMenuC .subMenu > ul > li .subMenuBox {
    position:fixed;
    top:100px;
    right:0;
    left:0;
    max-width:1200px;
    margin:0 auto;
}
.headerN .topMenuBox .topMenuL .innogov img {
    width:114px;
    margin:0;
}
.headerN .topMenuBox .topMenuL {
    display:flex;
    align-items:center;
    gap:20px;
}
.headerN .topMenuAllBg {
    top:unset;
    margin-top:100px;
}
.headerN .menuAllBox {
    position:absolute;
    width:1200px;
    max-height:unset;
    margin:0 auto;
}
.headerN .menuAllBox.on {
    width:100% !important;
    box-shadow:none;
}
.headerN .menuAllBoxIn {
    width:1200px;
}

/* subAllMenu 아이콘 행 (언어전환 / 전체메뉴 / 햄버거) */
.headerN .subAllMenu > ul {
    display:flex;
    align-items:center;
    gap:12px;
}
.headerN .subAllMenu > ul > li {
    float:none;
    margin:0;
}
.headerN .subAllMenu > ul > li:first-child a {
    display:flex;
    align-items:center;
    gap:0;
    position:unset;
    width:unset;
    height:unset;
    color:#1F1F1F;
    font-weight:400;
    font-size:17px;
    line-height:150%;
    letter-spacing:-1.02px;
}
.headerN .subAllMenu > ul .bu_all > a {
    display:flex;
    justify-content:center;
    align-items:center;
    width:24px;
    height:24px;
}
.headerN .subAllMenu > ul .bu_all .hamburger {
    position:relative;
    top:unset;
    width:20px;
    height:1.5px;
}
.headerN .subAllMenu > ul .bu_all .hamburger::before,
.headerN .subAllMenu > ul .bu_all .hamburger::after {
    width:100%;
    height:1.5px;
}
.headerN .subAllMenu > ul .bu_all .hamburger::before {
    top:-6px;
}
.headerN .subAllMenu > ul .bu_all .hamburger::after {
    bottom:-6px;
}
.headerN .subAllMenu.on > ul .bu_all .hamburger {
    transform:rotate(45deg);
}
.headerN .subAllMenu.on > ul .bu_all .hamburger::before {
    top:0;
    transform:rotate(90deg);
}
.headerN .subAllMenu.on > ul .bu_all .hamburger::after {
    bottom:0;
    transform:rotate(90deg);
}
.headerN .subAllMenu > ul .bu_all a strong {
    visibility:hidden;
    opacity:0;
    position:absolute;
}

/* mobGnb 기본 숨김 (PC) */
.mobGnb {
    display:none;
}

/* 레거시 */
.mob_left_menu {
    display:none;
}



/* ==========================================================================
   메인 콘텐츠 — 비주얼슬라이드 + 발행물 (국문 renewal.css에서 포팅)
   ========================================================================== */
.main-page {
    overflow:hidden;
    position:relative;
    padding:80px 0 100px;
}
.main-page *, .main-page__card * {
    box-sizing:border-box;
}
.main-page__wrap {
    position:relative;
    z-index:1;
    max-width:1230px;
    margin:0 auto;
    padding:0 15px;
}
.main-page__top-grid__hero {
    --hero-w:min(1380px, calc(100vw - 30px));

    display:flex;
    align-items:stretch;
    gap:35px;
    width:var(--hero-w);
    margin-right:calc((100% - var(--hero-w)) / 2);
    margin-left:calc((100% - var(--hero-w)) / 2);
}

/* 비주얼슬라이드 */
.main-page__visual {
    flex:0 0 61.96%;
    position:relative;
    min-width:0;
}
.main-page__visual .swiper-container {
    border-radius:40px;
}
.main-page__visual .swiper-container .swiper-slide {
    height:494px;

}
.main-page__visual .swiper-container img {
    height:auto;
    object-fit:cover !important;
}
.main-page__visual__foot {
    display:flex;
    align-items:center;
    gap:10px;
    position:absolute;
    bottom:-22px;
    left:50%;
    z-index:1;
    transform:translateX(-50%);
}
.main-page__visual__info {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:375px;
    height:50px;
    border-radius:40px 40px 0 0;
    background-color:#FFF;
    padding-inline:35px;
    background: linear-gradient(180deg, #FFFFFF 66%, rgba(249, 252, 255, 0) 100%);
}
.main-page__visual__badge img {
    display:block;
}
.main-page__visual__fraction [class^="swiper-pagination"] {
    color:#787F89;
    font-weight:600;
    font-size:14px;
    line-height:140%;
    font-family:GmarketSans, DroidSans, "Apple SD Gothic Neo", AppleGothic, sans-serif;
}
.main-page__visual__fraction .swiper-pagination-current {
    color:#293EAA;
}
.main-page__visual__fraction .swiper-pagination-total {
    margin-left:7px;
}
.main-page__visual__fraction .swiper-pagination-total::before {
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    margin-right:7px;
    border-radius:50%;
    background-color:#AAB0AE;
}
.main-page__visual__nav {
    display:flex;
    align-items:center;
    gap:12px;
}
.main-page__visual__arrow {
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:linear-gradient(281deg, #fff 23.91%, #fff 92.07%);
    box-shadow:0 0 16px 0 rgb(168, 171, 186, 0.40);
    cursor:pointer;
    transition:background 0.3s ease;
}
.main-page__visual__arrow:hover {
    background:linear-gradient(281deg, #132683 23.91%, #1535D4 92.07%);
}
.main-page__visual__arrow svg path {
    transition:stroke 0.3s ease;
}
.main-page__visual__arrow:hover svg path {
    stroke:#fff;
}
.main-page__visual__arrow.swiper-button-disabled {
    opacity:1;
    pointer-events:none;
}

/* 배너 */
.main-page__banner {
    display:flex;
    flex:1;
    flex-direction:column;
    min-width:0;
}
.main-page__banner__slogan {
    margin-top:auto;
    margin-bottom:43px;
    color:#333;
    font-weight:500;
    font-size:32px;
    line-height:140%;
    letter-spacing:-2.1px;
}
.main-page__banner__slogan strong {
    font-weight:800;
    font-size:42px;
}
.main-page__banner__list {
    display:grid;
    gap:14px;
    grid-template-columns:repeat(2, 1fr);
}
.main-page__banner__item {
    display:flex;
    flex-direction:column;
    gap:8px;
    position:relative;
    height:123px;
    padding:14px;
    border-radius:20px;
    text-align:left;
    box-sizing:border-box;
}
.main-page__banner__item:nth-child(1) {background:#00ACAE;}
.main-page__banner__item:nth-child(2) {background:#0E98DD;}
.main-page__banner__item:nth-child(1):hover {background:linear-gradient(113deg, #00ACAE 16.7%, #004748 91.52%);}
.main-page__banner__item:nth-child(2):hover {background:linear-gradient(109deg, #0E98DD 11.99%, #00569C 93.26%);}
.main-page__banner__title {
    color:#FFF;
    font-weight:500;
    font-size:18px;
    line-height:120%;
}
.main-page__banner__sub {
    display:flex;
    align-items:center;
    gap:6px;
    color:#FFF;
    font-weight:500;
    font-size:14px;
    line-height:120%;
}
.main-page__banner__arrow {
    display:inline-flex;
    align-items:center;
    width:5px;
    height:8px;
    background:url("/resource/img/ico-arrow-w.svg") no-repeat center / contain;
}
.main-page__banner__icon {
    display:inline-flex;
    align-items:center;
    position:absolute;
    right:14px;
    bottom:14px;
    width:46px;
    height:46px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}
.main-page__banner__icon--01 {background-image:url("/resource/img/main/ico-banner-01.png");}
.main-page__banner__icon--02 {background-image:url("/resource/img/main/ico-banner-02.png");}
.main-page__banner__icon--03 {background-image:url("/resource/img/main/ico-banner-03.png");}
.main-page__banner__icon--04 {background-image:url("/resource/img/main/ico-banner-04.png");}

/* SNS 바로가기 (SNS Shortcuts — 배너 하단에 위치) */
.main-page__sns {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    margin-top:20px;
    box-sizing:border-box;
}
.main-page__sns__title {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
    position:relative;
    min-width:230px;
    height:51px;
    padding:0 20px;
    border:1px solid #273BA2;
    border-radius:99.9px;
    color:#111;
    font-weight:600;
    font-size:19px;
    line-height:120%;
}
.main-page__sns__title::before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:100%;
    width:75px;
    height:1px;
    background-color:#273BA3;
    transform:translateY(-50%);
}
.main-page__sns__title::after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:calc(100% + 75px);
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:#273BA2;
    transform:translateY(-50%);
}
.main-page__sns__title span {
    color:#293EAA;
}
.main-page__sns__list {
    display:flex;
    gap:10px;
}
.main-page__sns__list li {
    transition:margin-top 0.3s ease;
}
.main-page__sns__list li:hover {
    margin-top:-10px;
}
.main-page__sns__list img {
    width:42px;
    height:42px;
    border-radius:50%;
    box-shadow: 0 0 20px rgba(42, 58, 107, 0.15);
    transition: box-shadow 0.3s ease;
}
.main-page__sns__list li:hover img {
    box-shadow: 0 0 20px rgba(42, 58, 107, 0.15), 0 4px 10px rgba(0, 0, 0, 0.15);
}
/* 섹션 공통 (제목 + 탭) */
.main-page__news__head {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}
.main-page__section-title {
    margin:0;
    color:#000;
    font-weight:700;
    font-size:32px;
    line-height:38px;
}
.main-page__tabs__list {
    display:flex;
    align-items:center;
    min-width:0;
    white-space:nowrap;
    cursor:grab;
    user-select:none;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.main-page__tabs__list.is-dragging {
    cursor:grabbing;
}
.main-page__tabs__list::-webkit-scrollbar {
    display:none;
}
.main-page__tabs__btn {
    display:inline-block;
    flex-shrink:0;
    position:relative;
    color:#7D7D7D;
    font-weight:600;
    font-size:20px;
    line-height:120%;
    vertical-align:middle;
}
.main-page__tabs__btn.is-on::before {
    content:"";
    display:block;
    position:absolute;
    top:-10px;
    left:50%;
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:#111;
    transform:translateX(-50%);
}
.main-page__tabs__btn.is-on {
    color:#111;
    font-weight:700;
}
.main-page__tabs__panels {
    margin-top:30px;
}
.main-page__tabs__panel {
    display:none;
}
.main-page__tabs__panel.is-on {
    display:block;
}

/* 발행물 */
.main-page__card {
    position:relative;
    border-radius:200px 0 0;
    background:linear-gradient(259deg, #6DAFFA 1.94%, #4A68E6 45.97%, #484BE0 98.52%);
    transform:translateZ(0);
    backface-visibility:hidden;
    padding-block:70px 77px;
}
.main-page__card .main-page__news__head {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:30px;
}
.main-page__card .main-page__section-title {
    color:#FFF;
}
.main-page__card .main-page__tabs__list {
    gap:16px;
    overflow-x:auto;
    align-self:stretch;
}
.main-page__card .main-page__tabs__btn.is-on::before {
    content:none;
}
.main-page__card .main-page__tabs__btn {
    display:flex;
    align-items:center;
    gap:8px;
    height:42px;
    padding:0 24px;
    border-radius:99.9px;
    background:rgb(0, 13, 76, 0.15);
    color:#FFF;
    font-weight:400;
    font-size:17px;
}
.main-page__card .main-page__tabs__btn.is-on {
    background:linear-gradient(281deg, #132683 23.91%, #1535D4 92.07%);
}
.main-page__tabs__icon {
    display:inline-flex;
    flex-shrink:0;
    align-items:center;
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}
.main-page__tabs__icon--01 {background-image:url("/resource/img/main/ico-card-tab-01.svg");}
.main-page__tabs__icon--02 {background-image:url("/resource/img/main/ico-card-tab-02.svg");}
.main-page__tabs__icon--03 {background-image:url("/resource/img/main/ico-card-tab-03.svg");}
.main-page__card__slider {
    position:relative;
}
.main-page__card__slider .swiper-slide {
    padding:0;
    background:transparent;
}
.main-page__card__slider .swiper-slide > a {
    display:block;
}
.main-page__card__thumb {
    overflow:hidden;
    position:relative;
    height:0;
    padding-bottom:136%;
    border-radius:15px;
    box-shadow:inset 0 0 0 1px #909AD9;
    transition:0.3s;
    border:3px solid transparent;
}
.main-page__card__thumb:hover {border:3px solid #68B4F3;}
.main-page__card__thumb img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    object-fit:cover;
}
.main-page__card__slider .swiper-slide:hover .main-page__card__thumb {
    box-shadow:inset 0 0 0 3px #68B4F3;
}
.main-page__card__title {
    display:-webkit-box;
    overflow:hidden;
    width:100%;
    min-height:60px;
    margin:22px 0 0;
    color:#FFF;
    font-weight:400;
    font-size:20px;
    line-height:30px;
    text-align:center;
    word-break:keep-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    text-overflow:ellipsis;
}
.main-page__card__nav {
    position:absolute;
    top:50%;
    z-index:2;
    width:42px;
    height:42px;
    margin-top:-21px;
    border:1px solid #D2D2D2;
    border-radius:50%;
    background-color:#FFF;
    cursor:pointer;
}
.main-page__card__nav::before {
    content:"";
    opacity:0;
    position:absolute;
    border-radius:inherit;
    background:linear-gradient(281deg, #132683 23.91%, #1535D4 92.07%);
    transition:opacity 0.3s ease;
    inset:-1.5px;
}
.main-page__card__nav:not(.swiper-button-disabled):hover::before {
    opacity:1;
}
.main-page__card__nav:not(.swiper-button-disabled):hover {
    border-color:transparent;
}
.main-page__card__nav::after {
    content:"";
    display:block;
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    background:url("/resource/img/main/ico-arrow-slider-03.svg") no-repeat center / contain;
}
.main-page__card__nav:not(.swiper-button-disabled):hover::after {
    background-image:url("/resource/img/main/ico-arrow-slider-03-active.svg");
}
.main-page__card__prev {
    left:-70px;
}
.main-page__card__next {
    right:-70px;
}
.main-page__card__next::after {
    transform:rotate(180deg);
}
.main-page__card__nav.swiper-button-disabled {
    pointer-events:none;
}



/* ==========================================================================
   Footer — 로고/주소/링크만 포팅 (국문의 footer__selects 드롭다운 영역은 제외)
   ========================================================================== */
footer {
    position:relative;
    background:#383F50;
    padding-block:40px;
}
footer > .wrap-inner {
    display:grid;
    grid-template-areas:"link"
        "logo"
        "address"
        "copyright";
    max-width:1230px;
    margin:0 auto;
    padding:0 15px;
    row-gap:25px;
}
footer .link--list {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start!important;
    align-items:center;
    gap:10px 28px;
    grid-area:link;
}
footer .link--list li {position:relative;}
footer .link--list li + li {
    margin:0;
    padding:0;
}
footer .link--list li + li::before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:-14px;
    width:1px;
    height:10px;
    margin:0;
    background:#717682;
    transform:translateY(-50%);
}
footer .link--list li.rowStart::before {display:none;}
footer .link--list li a {
    color:rgba(255, 255, 255, 0.80);
    font-size:16px;
    letter-spacing:-0.6px;
    transition:color 0.3s;
}
footer .link--list li:not(.privacy) a:hover {color:rgba(255, 255, 255, 1);}
footer .link--list li.privacy a {
    color:#8AC7FF;
    font-weight:600;
}
footer .footer-logo-wrapper {
    display:flex;
    align-items:center;
    gap:10px;
    grid-area:logo;
}
footer .footer-logo-wrapper .footer-logo {
    max-width:214px;
    margin:0;
}
footer .footer-adress {grid-area:address;}
footer .footer-adress p {
    color:rgba(255, 255, 255, 0.50);
    font-weight:500;
    font-size:16px;
    line-height:calc(24 / 16);
}
footer .copyright {
    grid-area:copyright;
    margin:0;
    padding:0;
    color:rgba(255, 255, 255, 0.30);
    font-size:15px;
    line-height:calc(30 / 15);
}


/* 서브헤더 픽스메뉴 */
.heading_nav {
    display:flex;
    align-items:center;
    margin:0 auto;
}
.heading_navIn {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.heading_navIn > ul::after {
    content:"";
    display:block;
    clear:both;
}
.heading_nav.on .heading_navIn > ul {
    margin-left:0;
}
.hTopMenuR {
    display:flex;
    align-items:center;
    gap:30px;
    position:relative;
    top:unset;
    right:unset;
}
.snsMenuR {
    display:flex;
    align-items:center;
    gap:10px;
    position:relative;
    top:unset;
    right:unset;
}
.hTopMenuR ul::after {
    content:"";
    display:block;
    clear:both;
}
.hTopMenuR > ul > li {
    float:none;
    margin:0;
}
.hTopMenuR > ul > li a {
    display:flex;
    align-items:center;
    gap:10px;
    position:relative;
    top:-60px;
}
.hTopMenuR > ul > li:first-child span {
    margin:0;
}
.hTopMenuR > ul > li:first-child a img {
    margin-top:-5px;
}
.hTopMenuR > ul > li a::after {
    top:10px;
}
.heading_nav.on .scrollAllBU {
    margin-top:8px;
}

/* 오른쪽 사이드 플로팅버튼 */
.asideRight_n {
    position:absolute;
    z-index:1;
    width:110px;
    margin:0 0 0 1230px;
}
.asideRight_n > ul {
    display:flex;
    flex-direction:column;
    gap:24px;
}
.asideRight_n > ul > li .asideCircle {
    box-sizing: border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:64px;
    height:64px;
    border:1px solid #304CDD;
    border-radius:50%;
    background:#fff;
}
.asideRight_n > ul > li .asideCircle::before {
    content:"";
    opacity:0;
    position:absolute;
    z-index:-1;
    border-radius:50%;
    background:linear-gradient(118deg, #293EAA 5.17%, #3556FF 101.85%);
    transition:opacity ease-in-out 0.2s;
    inset:0;
}
.asideRight_n > ul > li:hover .asideCircle::before {
    opacity:1;
    z-index:0;
}
.asideRight_n > ul > li a {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    position:relative;
    height:100%;
    color:#555555;
    font-weight:500;
    font-size:15px;
    line-height:1.1;
    letter-spacing:-0.78px;
    box-sizing:border-box;
}
.asideRight_n > ul > li:hover a {
    color:#314EE4;
}
.asideRight_n > ul > li a span {
    display:block;
    text-align:center;
}
.icon_aside01 {
    position:relative;
    z-index:1;
    display:block;
    width:34px;
    height:34px;
    background:url("/resource/img/icon_aside01.png");
}
.icon_aside02 {
    position:relative;
    z-index:1;
    display:block;
    width:34px;
    height:34px;
    background:url("/resource/img/icon_aside02.png");
}
.asideRight_n > ul > li:hover .icon_aside01 {
    background:url("/resource/img/icon_aside01_on.png");
}
.asideRight_n > ul > li:hover .icon_aside02 {
    background:url("/resource/img/icon_aside02_on.png");
}

/* ==========================================================================
   반응형 (Responsive) — 브레이크포인트별로 모아서 관리
   ========================================================================== */

@media (width <=1650px) {
    .asideRight_n {
        display:none;
    }
}

/* PC 작은 화면 (~1450px) */
@media (width <=1450px) {
    .main-page__card {
        border-radius:100px 0 0;
    }
}

/* 태블릿 (~1220px) */
@media (width <=1220px) {
    .headerN.topLayout {
        height:auto;
    }
    .headerN .topMenuL img {
        height:32px;
    }
    .headerN .topMenuBox {
        padding:0 15px;
        height:64px;
        
    }
    .headerN .subAllMenu > ul > li.bu_kor {
        display:none;
    }
    .headerN .subAllMenu > ul {
        gap:20px;
    }
    .headerN .subAllMenu > ul .bu_all > a {
        width:24px;
        height:24px;
    }
    .headerN .subAllMenu > ul > li::after {
        display:none;
    }
    .headerN .menuAllBox.right {
        width:100%;
        box-shadow:none;
    }
    .headerN .menuAllBoxIn {
        width:100%;
        height:100%;
    }
    .headerN .menuAllBox.right.on {
        margin-left:-100%;
    }
    .headerN .mobAll_title {
        display:flex;
        justify-content:space-between;
        align-items:center;
        width:100%;
        height:64px;
        padding:20px;
        border-bottom:1px solid #E1E1E1;
        box-sizing:border-box;
    }
    .headerN .mobAll_title > ul > li {
        float:none;
        margin:0 !important;
    }
    .headerN .menuAllClose {
        display:flex;
        justify-content:center;
        align-items:center;
        position:static;
        width:24px;
        height:24px;
    }
    .headerN .menuAllClose span {
        display:block;
        position:static;
        top:unset;
        right:unset;
        width:16px;
        height:16px;
        padding:0;
        border:none;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M1 1L15 15M15 1L1 15' stroke='%23111111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    }
    .headerN .menuAllClose span.icon-k-close::before {
        content:"";
        display:none;
    }
    .headerN .mobAll_title > ul > li span {
        margin:0 !important;
    }
    .headerN .mobAll_title > ul > li:first-child::after {
        display:none;
    }
    .headerN .mobAll_title > ul > li a {
        display:flex;
        align-items:center;
        gap:7.5px;
        color:#1F1F1F;
        font-size:15px;
    }
    .headerN .mobAll_title > ul {
        display:flex;
        align-items:center;
        gap:15px;
    }
    .mobAll_list {
        display:none;
    }
    .mobGnb {
        display:flex;
        flex:1;
        align-items:stretch;
        min-height:0;
        padding-top:64px;
    }
    .mobGnb__nav {
        display:flex;
        flex:none;
        flex-direction:column;
        overflow-y:auto;
        width:140px;
        background:#EEF3FF;
    }
    .mobGnb__nav ul {
        display:flex;
        flex-direction:column;
    }
    .mobGnb__nav .mobGnb__nav__sns__list {
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        gap:8px;
        margin-top:auto;
        padding:16px 20px;
    }
    .mobGnb__nav .mobGnb__nav__sns__list li a img {
        width:28px;
        height:28px;
    }
    .mobGnb__navBtn {
        width:100%;
        min-height:58px;
        padding:16px 20px;
        border:none;
        background:none;
        color:#000;
        font-weight:700;
        font-size:17px;
        text-align:left;
    }
    .mobGnb__navBtn.is-active {
        background:#fff;
        color:#283CA5;
    }
    .mobGnb__panels {
        flex:1;
        overflow-y:auto;
        min-width:0;
        padding:8px 14px;
    }
    .mobGnb__group {
        display:none;
    }
    .mobGnb__group.is-active {
        display:block;
    }
    .mobGnb__list > .mobGnb__item {
        border-bottom:1px dashed #E1E1E1;
    }
    .mobGnb__list > .mobGnb__item.is-open {
        border-bottom:none;
    }
    .mobGnb__list > .mobGnb__item:last-child {
        border-bottom:none;
    }
    .mobGnb__item > a,
    .mobGnb__itemBtn {
        display:flex;
        justify-content:space-between;
        align-items:center;
        width:100%;
        height:51px;
        padding:14px 0;
        border:none;
        background:none;
        color:#000;
        font-weight:500;
        font-size:15px;
        text-align:left;
        box-sizing:border-box;
    }
    .mobGnb__itemIcon {
        flex:none;
        width:14px;
        height:8px;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M12.75 6.75109L6.75 0.75L0.75 6.75109' stroke='%239A9A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat:no-repeat;
        background-position:center center;
        transition:transform .2s;
    }
    .mobGnb__item.is-open > .mobGnb__itemBtn .mobGnb__itemIcon {
        transform:rotate(180deg);
    }
    .mobGnb__item.is-open > .mobGnb__sublist {
        display:block;
    }
    .mobGnb__sublist {
        display:none;
        gap:4px;
        padding:14px;
        border-radius:4px;
        background:#F4F5F6;
    }
    .mobGnb__sublist li a {
        position:relative;
        padding-left:12px;
    }
    .mobGnb__sublist li a::before {
        content:"";
        display:block;
        position:absolute;
        top:50%;
        left:0;
        width:4px;
        height:4px;
        border-radius:50%;
        background:#B7B7B7;
        transform:translateY(-50%);
    }
    .mobGnb__sublist li a.is-active::before {
        background:#283CA5;
    }
    .mobGnb__sublist a {
        display:block;
        color:#414141;
        font-size:13px;
        line-height:1.5;
    }
    .mobGnb__sublist a.is-active {
        color:#2C5CE0;
        font-weight:700;
    }
    .mobGnb__item > a.is-active {
        color:#2C5CE0;
        font-weight:700;
    }
    .menuAllBox {
        display:flex;
        flex-direction:column;
    }
    .menuAllBoxIn {
        display:flex;
        flex:1;
        flex-direction:column;
        height:auto;
        min-height:0;
    }
    .mob_left_menu {
        display:none;
        flex:none;
        flex-direction:column;
        align-items:center;
        gap:12px;
        padding:16px;
        border-top:1px solid #E1E1E1;
    }
    .mob_left_menu .first_link {
        display:none;
    }
    .mob_left_menu .second_link {
        display:flex;
        align-items:center;
        gap:16px;
    }
    .mob_left_menu .second_link img {
        width:36px;
        height:36px;
    }

    /* 메인 콘텐츠 */
    .main-page__top-grid__hero {
        flex-direction:column;
        gap:30px;
        width:auto;
        margin-right:0;
        margin-left:0;
    }
    .main-page__visual {
        flex:none;
    }
    .main-page__banner__slogan {
        font-size:28px;
    }
    .main-page__banner__list {
        grid-template-columns:1fr;
    }
    .main-page__card {
        border-radius:40px 0 0;
    }
    .main-page__card__prev {
        left:-13px;
    }
    .main-page__card__next {
        right:-13px;
    }
}

/* 모바일 (~860px) */
@media (width <=860px) {
    /* 헤더 */
    .headerN .topMenuBox {
        height:50px;
    }
    .headerN .mobAll_title {
        height:50px;
    }
    .mobGnb {
        padding-top:50px;
    }
    .main-page {
        padding:90px 0 40px;
    }
    .main-page__banner__slogan {
        margin-bottom:20px;
        font-size:20px;
    }
    .main-page__banner__slogan strong {
        font-size:24px;
    }
    .main-page__banner__list {
        grid-template-columns:1fr;
    }
    .main-page__banner__item {
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:4px;
        height:auto;
        padding:26px 20px;
    }
    .main-page__banner__icon {
        top:50%;
        right:15px;
        bottom:auto;
        transform:translateY(-50%);
    }
    .main-page__banner__sub br {
        display:none;
    }
    .main-page__banner__title {
        font-size:18px;
    }
    .main-page__sns {
        padding:14px 20px;
        border-radius:8px;
        background:#E2EDFF;
    }
    .main-page__sns__title {
        min-width:auto;
        height:auto;
        padding:0;
        border:none;
        font-size:18px;
    }
    .main-page__sns__title::before,
    .main-page__sns__title::after {
        display:none;
    }
    .main-page__sns__list img {
        width:38px;
        height:38px;
    }
    .main-page__visual .swiper-container .swiper-slide {
        height:unset;
    }
    .main-page__visual__foot {
        gap:6px;
        bottom:-10px;
    }
    .main-page__visual__info {
        width:unset;
        min-width:142px;
        height:26px;
        padding:0 28px;
        background: linear-gradient(180deg, #FFFFFF 66%, rgba(249, 252, 255, 0) 100%);
    }
    .main-page__visual__badge {
        overflow:hidden;
        width:20px;
        height:20px;
    }
    .main-page__visual__fraction [class^="swiper-pagination"] {
        font-size:13px;
    }
    .main-page__visual__nav{
        gap:8px;
    }
    .main-page__visual__arrow {
        width:34px;
        height:34px;
    }
    .main-page__visual__arrow svg {
        width:7px;
    }
    .main-page__visual__arrow svg path {
        stroke-width:1.5;
    }
    .main-page__section-title {
        font-size:24px;
    }
    .main-page__tabs__btn {
        font-size:16px;
    }
    .main-page__tabs__panels {
        margin-top:0;
    }
    .main-page__card {
        padding-block:30px 60px;
    }
    .main-page__card .main-page__news__head {
        gap:0;
    }
    .main-page__card .main-page__tabs__btn {
        height:32px;
        padding:0 16px;
        font-size:14px;
    }
    .main-page__card .main-page__tabs__list {
        gap:8px;
        width:calc(100% + 30px);
        margin:0 -15px;
        padding:20px 15px;
    }
    .main-page__tabs__icon {
        width:16px;
        height:16px;
    }
    .main-page__card__nav {
        width:26px;
        height:26px;
    }
}