@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
    font-family: "GyeonggiTitle";
    src: url("/resource/font/Title_Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "GyeonggiTitle";
    src: url("/resource/font/Title_Light.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "GyeonggiTitle";
    src: url("/resource/font/Title_Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

/* 공통요소 */
body {
    min-width: 1500px;
    max-width: 1920px;
    width: 100%;
    margin:0 auto;
}
hr {height:1px;margin:60px 0;border:none;background-color: #ddd;}

.mb-hide {display: inherit;}
.mb-show, .mb-table {display: none !important;}
.pc-table {
    display: table !important;
}
.mb-flex {
    display: none !important;
}
.pc-flex {
    display: flex !important;
}

.flex {
    display: flex;
}

.flex.between {
    justify-content: space-between;
}

.m-quick {display: none;}
.m-bg {
    display: none;
}

.responsive-image {
    width: 100%; /* 브라우저 창 너비에 맞춤 */
    height: auto; /* 비율 유지 */
}

.box-quick {
    position: fixed;
    right: 34px;
    top: 240px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
    width: 80px;
    min-height: 523px;
    height: auto;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    box-sizing: border-box;
}

.box-quick li:not(:last-child) {
    position: relative;
}

.box-quick li:not(:last-child)::after {
    position: absolute;
    width: 60px;
    height: 1px;
    background: #D2D2D2;
    content: '';
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.box-quick li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.box-quick li a span {
    color: #404041;
    text-align: center;
    font-family: "Noto Sans kr";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 128.571% */
    letter-spacing: -0.7px;
    margin-top: 10px;
}

.box-quick li a span small {
    color: #F37900;
    text-align: center;
    font-family: "Noto Sans kr";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 112.5% */
    letter-spacing: -0.32px;
    display: inline-block;
    margin-top: 5px;
}

.btn-top {
    position: fixed;
    right: 34px;
    top: 776px; 
    width: 80px;
    height: 80px;
    background-color: rgba(0, 174, 172, 0.80);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans kr";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 112.5% */
    letter-spacing: -0.8px;
    z-index: 100;
}

.box-randing-01 {
    background-color: #f7f7f7;
    min-height: 260px;
    display: flex;
}

.box-randing-01 ._inner {
    width: 1380px;
    margin: 0 auto;
    display: flex;
    padding: 80px 0;
    box-sizing: border-box;
    align-items: flex-end;
    justify-content: space-between;
}

.box-randing-01 ._inner .call {
    display: flex;
    flex-direction: column;
}

.box-randing-01 ._inner .call p {
    font-size: 32px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1.6px;
    text-align: left;
    color: #808792;
    margin-bottom: 26px;
    font-family: 'GyeonggiTitle';
}

.box-randing-01 ._inner .call div {
    display: flex;
    align-items: center;
}

.box-randing-01 ._inner .call div span {
    font-family: 'GyeonggiTitle';
    font-size: 49.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.6;
    letter-spacing: normal;
    text-align: left;
    color: #3f3f40;
}

.box-randing-01 ._inner .call div img {
    margin-left: 9px;
    margin-right: 24px;
}

.box-randing-01 ._inner .call div a {
    font-family: 'GyeonggiTitle';
    font-size: 53.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    text-decoration: none;
}

.box-randing-01 ._inner .time {
    display: flex;
    flex-direction: column;
}

.box-randing-01 ._inner .time .top {
    display: flex;
}

.box-randing-01 ._inner .time .top .left {
    margin-right: 43px;
}

.box-randing-01 ._inner .time .top .left span:first-child {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: -1.3px;
    text-align: left;
    color: #003964;
    width: 100px;
    display: inline-block;
}

.box-randing-01 ._inner .time .top .left span:nth-child(2) {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: 0.78px;
    text-align: left;
    color: #003964;
}

.box-randing-01 ._inner .time .top .right {}

.box-randing-01 ._inner .time .top .right span:first-child {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: -1.3px;
    text-align: left;
    color: #003964;
    width: 100px;
    display: inline-block;
}

.box-randing-01 ._inner .time .top .right span:nth-child(2) {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: 0.78px;
    text-align: left;
    color: #003964;
}

.box-randing-01 ._inner .time .bottom {
    display: flex;
    margin-top: 10px;
}

.box-randing-01 ._inner .time .bottom .left {
    margin-right: 43px;
}

.box-randing-01 ._inner .time .bottom .left span:first-child {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: -1.3px;
    text-align: left;
    color: #003964;
    width: 100px;
    display: inline-block;
}

.box-randing-01 ._inner .time .bottom .left span:nth-child(2) {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: 0.78px;
    text-align: left;
    color: #003964;
}

.box-randing-01 ._inner .time .bottom .right span {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: -1.3px;
    text-align: left;
    color: #ed5a19;
}

.box-randing-02 {
    padding: 305px 0 200px;
}

.box-randing-02 ._inner {
    width: 1380px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
}

.box-randing-02 ._inner ._left {
    
}

.box-randing-02 ._inner ._left .top {
    margin-bottom: 60px;
    position: relative;
}

.box-randing-02 ._inner ._left .top .img-abs {
    position: absolute;
    top: -40px;
    left: -50px;
}

.box-randing-02 ._inner ._left .top p {
    font-size: 75px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000;
    font-family: "GyeonggiTitle";
}

.box-randing-02 ._inner ._left .top p b {
    font-weight: 500;
}
.box-randing-02 ._inner ._left .bottom {}

.box-randing-02 ._inner ._left .bottom p {
    font-family: "GyeonggiTitle";
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: -0.9px;
    text-align: left;
    color: #3f3f40;
}

.box-randing-02 ._inner ._left .bottom p span {
    color: #ed5a19;
}

.box-randing-02 ._inner ._left .bottom p b {
    font-weight: 500;
}

.box-randing-02 ._inner .box-center {
    display: flex;
    flex-direction: column;
}

.box-randing-02 ._inner .box-center .idx01 {
    width: 100%;
    display: flex;
    margin-bottom: 23px;
    padding-left: 54px;
    box-sizing: border-box;
}

.box-randing-02 ._inner .box-center ._each {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-randing-02 ._inner .box-center .idx01 ._each:first-child {
    width: 409px;
    height: 100px;
    border-radius: 50px;
    border: solid 0 #000;
    background-color: #94b816;
    box-sizing: border-box;
    margin-right: 21px;
}

.box-randing-02 ._inner .box-center .idx01 ._each:nth-child(2) {
    width: 261px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50px;
    border: solid 0 #000;
    background-color: #a0c95c;
}

.box-randing-02 ._inner .box-center .idx02 {
    width: 100%;
    display: flex;
    margin-bottom: 23px;
    box-sizing: border-box;
}

.box-randing-02 ._inner .box-center .idx02 ._each:first-child {
    width: 261px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50px;
    border: solid 0 #000;
    background-color: #bed734;
    margin-right: 22px;
}

.box-randing-02 ._inner .box-center .idx02 ._each:nth-child(2) {
    width: 216px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50px;
    border: solid 0 #000;
    background-color: #129a76;
}

.box-randing-02 ._inner .box-center .idx03 {
    width: 100%;
    display: flex;
    padding-left: 348px;
    box-sizing: border-box;
}

.box-randing-02 ._inner .box-center .idx03 ._each {
    width: 323px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50px;
    border: solid 0 #000;
    background-color: #79c252;
}

.box-randing-02 ._inner .box-center span {
    font-size: 36px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.72px;
    text-align: left;
    color: #fff;
    font-family: "GyeonggiTitle";
} 

.box-randing-03 {
    display: flex;
    padding-bottom: 360px;
}

.box-randing-03 .box-doc {
    position: relative;
    width: 952px;
}

.box-randing-03 .box-doc img {
    z-index: 10;
    position: absolute;
    left: 218px;
    bottom: 0;
}

.box-randing-03 .bg {
    background: url(/resource/images/img-randing-bg.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 952px;
    height: 439px;
}

.box-randing-03 .txt {
    position: absolute;
    bottom: 108px;
    left: 688px;
    width: 210px;
}

.box-randing-03 .txt p {
    font-size: 25.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.37;
    letter-spacing: -1.28px;
    text-align: left;
    color: #446b2f;
    margin-bottom: 7px;
}

.box-randing-03 .txt h1 {
    font-size: 48.5px;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -2.43px;
    text-align: left;
    color: #fff;
}

.box-randing-03 .txt h1 b {
    font-size: 55.5px;
    font-weight: bold;
    letter-spacing: -2.78px;
}

.box-randing-03 .box-content {
    display: flex;
    flex-direction: column;
    padding-left: 137px;
    padding-top: 64px;
}

.box-randing-03 .box-content .intro {
    display: flex;
    flex-direction: column;
    margin-bottom: 106px;
    position: relative;
}

.box-randing-03 .box-content .intro .img-abs {
    position: absolute;
    left: -58px;
    top: -40px;
    width: 51px;
    height: 51px;
}

.box-randing-03 .box-content .intro span {
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: -0.9px;
    text-align: left;
    color: #3f3f40;
    display: block;
    margin-bottom: 25px;
    font-family: "GyeonggiTitle";
}

.box-randing-03 .box-content .intro h1 {
    font-size: 75px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000;
    margin-bottom: 55px;
    font-family: "GyeonggiTitle";
}

.box-randing-03 .box-content .intro h1 b {
    font-weight: 500;
}

.box-randing-03 .box-content .intro p {
    font-size: 22.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: -1.58px;
    text-align: left;
    color: #7a7a7a;
}

.box-randing-03 .box-content .history ul {
    display: flex;
    flex-direction: column;
}

.box-randing-03 .box-content .history ul li {
    padding-left: 18px;
    font-size: 22.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.96;
    letter-spacing: -1.58px;
    text-align: left;
    color: #3f3f40;
    position: relative;
}

.box-randing-03 .box-content .history ul li::before {
    content: '+';
    font-size: 22.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.96;
    letter-spacing: -1.58px;
    text-align: center;
    color: rgba(63, 63, 64, 0.8);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    color: white;
    padding: 0px 50px;
    position: fixed;
    transition: background-color 0.3s ease;
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    z-index: 10000;
}

header:hover, header.on {
    background-color: white;
    color: black;
}

header.on {
    box-shadow: 2px 2px 4px #ededed;
}

header:hover .logo {
    color: black;
}

.submenu-bg {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    height: 76px;
    top: 120px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.main-menu {
    height: 100%;
}

.main-menu ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    height: 100%;
}

.main-menu ul li {
    padding: 0 25px;
    display: flex;
    height: 100%;
    align-items: center;
    position: relative;
}

.main-menu ul .mainmenu a.main {
    position: relative;
    cursor: pointer;
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.12px;
}

.main-menu ul .mainmenu:hover a.main::after {
    width: calc(100% + 30px);
    height: 4px;
    background: linear-gradient(90deg, #009875 0%, #00AEAC 100%);
    position: absolute;
    bottom: -48px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

header:hover .main-menu ul li a.main,
header.on .main-menu ul li a.main {
    color: #404041;
}

.submenu {
    display: none !important;
    background-color: white;
    color: black;
    position: absolute !important;
    top: 121px;
    width: max-content;
    left: 0;
    font-family: 'Noto Sans KR', sans-serif;
}

.submenu.last {
    left: initial;
    right: 0;
}

.submenu li {
cursor: pointer;
font-family: 'Noto Sans KR', sans-serif !important;
font-size: 16px !important;
font-style: normal;
font-weight: 400 !important;
line-height: normal;
letter-spacing: -1.12px;
}

.submenu li:last-child {
border-bottom: none;
}

.main-menu ul li:hover .submenu {
    display: flex !important;
    height: 74px;
}

.hamburger-menu {
    flex-direction: column;
    cursor: pointer;
}

.hamburger-menu span {
    background-color: white;
    height: 3px;
    width: 25px;
    margin: 3px 0;
}

.hamburger-menu.tb {
    display: none !important;
}

@media screen and (max-width: 1650px) {
    header {
        padding: 16px 50px 0;
        flex-direction: column;
    }

    .main-menu {
        margin: 10px 0 0 0;
        width: 100%;
    }

    .logo {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .hamburger-menu {
        display: none;
    }

    .hamburger-menu.tb {
        display: block !important;
        position: absolute;
        top: 0;
        right: 0;
    }

    .main-menu ul {
        justify-content: space-between;
    }

    .main-menu ul .mainmenu:hover a.main::after {
        bottom: -13px;
    }

    .submenu {
        top: 46px;
    }

    .main-menu ul li:hover .submenu {
        display: flex !important;
        height: 59px;
    }

    .submenu-bg { 
        height: 60px;
    }

}

.open-menu {
    position: fixed;
    z-index: 10000;
    top: 0;
    background: #F5F5F5;
    width: 100%;
    display: none;
}

.open-menu img {
    position: absolute;
    right: 50px;
    top: 43px;
    cursor: pointer;
}

.open-menu .inner {
    width: 1460px;
    margin: 0 auto;
    border-left: 1px solid #c1c1c1;
    display: flex;
}

.open-menu .inner ._each {
    width: calc(100%/3);
    border-right: 1px solid #c1c1c1;
    padding: 70px 30px;
    box-sizing: border-box;
}

.open-menu .inner ._each .mainMenu {
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -2.52px;
    margin-bottom: 30px;
    display: block;
}

.open-menu .inner ._each ul li small {
    color: #A6A6A6;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.12px;
    display: block;
}

.open-menu .inner ._each ul li span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1.4px;
}

.open-menu .inner ._each .row {
    margin-bottom: 30px;
}

.open-menu .inner ._each .row.big {
    margin-bottom: 74px;
}

.open-menu .inner ._each ul li:hover span {
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.4px;
}

.open-menu .inner ._each ._menu+._menu {
    margin-top: 40px;
}

.open-menu .inner ._each ul li:not(:last-child) {
    margin-bottom: 10px;
}

/* main */
.container .swiper-container {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container.main .swiper-wrapper {
    position: relative;
    width: 100%;
    height: initial;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    align-items: flex-start;
}

.swiper-container.main .swiper-slide {
    flex-shrink: 0;
    transition-property: transform;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(910 / 1920* 100%);
}

.swiper-container.main .main-slide .bg {
    transform: scale(1);
    transition: transform 4s ease-in-out, opacity 1.5s ease-in-out;
    opacity: 1;
}

.swiper-container.main .swiper-slide-active .main-slide .bg {
    transform: scale(1.01);
    opacity: 1;
}

.swiper-container.main .swiper-slide:not(.swiper-slide-active) .main-slide .bg {
    opacity: 0.85;
}

.main-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    isolation: isolate;
}

.main-slide.idx01 .bg {
    background: url(/resource/images/main-visual-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(910 / 1920* 100%);
    width: 100%;
    position: absolute;
    left: 0;
    height: 0;
    top: 0;
    background-repeat: no-repeat;
}

.main-slide.idx02 .bg {
    background: url(/resource/images/main-visual-02.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(910 / 1920* 100%);
    width: 100%;
    position: absolute;
    left: 0;
    height: 0;
    top: 0;
    background-repeat: no-repeat;
}

.main-slide .box-slide-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.main-slide .box-txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.main-slide.idx01 .box-txt p {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);
    font-family: "GyeonggiTitle";
    font-size: 58px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 16px;
    margin-top: 16px;
    text-align: center;
	letter-spacing:-1px;
}

.main-slide.idx01 .box-txt p b {
    font-size: 75px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-top: 15px;
	letter-spacing:-1px;
}

.main-slide.idx01 .box-txt span {
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -2.1px;
    text-align: center;
}

.main-slide.idx02 .box-txt p {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);
    font-family: "GyeonggiTitle";
    font-size: 58px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 16px;
    margin-top: 16px;
    text-align: center;
	letter-spacing:-1px;
}

.main-slide.idx02 .box-txt p b {
    font-size: 75px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-top: 15px;
	letter-spacing:-1px;
}

.main-slide.idx02 .box-txt span {
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -2.1px;
}

.main-slide .box-txt .swiper-counter {
    position: absolute;
    top: -66px;
    left: 0px;
}

.main-slide .box-txt .swiper-counter .total,
.main-slide .box-txt .swiper-counter ._bar {
    color: #333 !important;
    font-family: Pretendard;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: inline-block !important;
}

.main-slide .box-txt._idx02 .swiper-counter .total,
.main-slide .box-txt._idx04 .swiper-counter .total,
.main-slide .box-txt._idx02 .swiper-counter ._bar,
.main-slide .box-txt._idx04 .swiper-counter ._bar {
    color: #fff !important;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main-slide .box-txt .swiper-counter .current {
    color: #3CD4F5;
    font-family: Pretendard;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main-slide .box-txt._idx01 p {
    color: #00184B;
font-family: Pretendard;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 20px;
}
.main-slide .box-txt._idx01 span {
    color: #00184B;
font-family: Pretendard;
font-size: 66px;
font-style: normal;
font-weight: 700;
line-height: 78px; /* 118.182% */
}

.swiper-container.main .slide-control {
    position: absolute;
    bottom: 70px;
    display: flex;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.swiper-container.main .slide-control .box-control {
    align-items: center;
    justify-content: center;
    display: flex;
}

.swiper-container.main .swiper-pagination-bullet {
    margin: 0 7px;
}

.swiper-container.main .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fff !important;
    border-radius: 10px;
}

.swiper-container.main .swiper-pagination-bullet {
    width: 80px;
    height: 7px;
    display: inline-block;
    opacity: 1;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.30);
}

.swiper-container.main .swiper-pagination {
    position: relative !important;
}

.box-main-01 {
    padding: 192px 0;
}

.box-main-01 .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 70px;
}

.box-main-01 .top span {
    display: block;
    color: #009875;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
    margin-bottom: 30px;
}

.box-main-01 .top h1 {
    color: #000;
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px; /* 116.129% */
    margin-bottom: 15px;
}

.box-main-01 .top p {
    color: #58595B;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 153.846% */
    letter-spacing: -1.3px;
}

.box-main-01 .top p .red {
    color: var(--point-red, #DF3D02);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -1.3px;
}

.box-main-01 .top p b {
    font-weight: 500;
}

.box-main-01 .top p .green {
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -1.3px;
}

.container .swiper-container.center {
    margin-left: 80px;
    width: calc(100% - 80px);
}

.container .swiper-container.center .swiper-wrapper {
    height: 450px;
}

.center-slide {
    position: relative;
    width: 100%;
    isolation: isolate;
}

.center-slide {
    width: 268px;
    height: 420px;
}

.center-slide .box-slide-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.center-slide .box-center {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 150px;
    position: relative; /* 자식 요소의 위치를 제어하기 위해 설정 */
    transition: background-color 0.3s ease; /* 배경색 전환 효과 */
    overflow: hidden; /* 가상 요소가 부모 영역을 벗어나지 않도록 설정 */
}

.center-slide .box-center.idx01 {
    background: #009875; /* 기본 배경색 */
}

.center-slide .box-center.idx02 {
    background: #009856;
    margin-top: 30px;
}

.center-slide .box-center.idx03 {
    background: #7AC252;
}

.center-slide .box-center.idx04 {
    background: #BED733;
    margin-top: 30px;
}

.center-slide .box-center.idx05 {
    background: #D7C433;
}

.center-slide .box-center.idx06 {
    background: #E8A437;
    margin-top: 30px;
}

.center-slide .box-center.idx07 {
    background: #04AB76;
}

.center-slide .box-center.idx08 {
    background: #00AEAC;
    margin-top: 30px;
}

.center-slide .box-center.idx09 {
    background: #7AC252;
}

.center-slide .box-center.idx13 {
    background: #6AAE44;
}

.center-slide .box-center.idx02 a {
    padding: 130px 0 60px;
}

.center-slide .box-center.idx05 a {
    padding: 130px 0 60px;
}

.center-slide .box-center.idx06 a {
    padding: 130px 0 60px;
}

.center-slide .box-center.idx07 a {
    padding: 130px 0 60px;
}

.center-slide .box-center.idx08 a {
    padding: 130px 0 60px;
}

.center-slide .box-center.idx01:hover::after,
.center-slide .box-center.idx02:hover::after,
.center-slide .box-center.idx03:hover::after,
.center-slide .box-center.idx04:hover::after,
.center-slide .box-center.idx05:hover::after,
.center-slide .box-center.idx06:hover::after,
.center-slide .box-center.idx07:hover::after,
.center-slide .box-center.idx08:hover::after,
.center-slide .box-center.idx09:hover::after,
.center-slide .box-center.idx10:hover::after,
.center-slide .box-center.idx13:hover::after {
    opacity: 1; /* hover 시 배경 이미지가 보이도록 설정 */
}

/* 텍스트와 go-page 이미지의 스타일 */
.center-slide .box-center a {
    position: relative; /* 텍스트와 이미지를 가상 요소 위에 표시 */
    z-index: 1; /* 가상 요소 위로 올림 */
    color: white; /* 텍스트 색상 */
    text-decoration: none; /* 링크 기본 스타일 제거 */
}

.center-slide .box-center a img.symbol {
    display: block;
    margin: 0 auto;
}

.center-slide .box-center a img.go-page {
    display: block;
    margin: 10px auto;
}

.center-slide .box-center.idx01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center01.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx02::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center02.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx03::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center03.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx04::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center04.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx05::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center05.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx06::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center06.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx07::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center07.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx08::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center08.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx09::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center09.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center.idx13::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/main-center13.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 배경 이미지를 텍스트와 이미지 뒤로 보냄 */
}

.center-slide .box-center a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 100px 0 60px;
    box-sizing: border-box;
}

.center-slide .box-center a p {
    color: #FFF;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 100% */
    letter-spacing: -1.8px;
}

.center-slide .box-center a .symbol {
    position: absolute;
    left: -30px;
    top: 0;
    width: 222px;
    height: 222px;
}

.swiper-progress-bar {
	width: 1460px;
    height: 10px;
	position: relative;
	margin: 80px auto;
	background: #F2F2F2;
    border-radius: 10px;
    margin-bottom: 0;
    display: none;
}

.swiper-progress-bar .progress{
    height: inherit;
    left: 0;
    top: 0;
    position: absolute;
    background: #DADADA;
    z-index: 1;
    border-radius: 10px;
}

.swiper-progress-bar .progress-sections {
    left: 0;
    top: 0;
    position: absolute;
    height: inherit;
    width: inherit;
    z-index: 2;
    display: flex;
    flex-direction: row;
}

.swiper-progress-bar .progress-sections span {
    flex: 1;
    height: inherit;
    border-right: 2px solid #E4E4E4;
}

.swiper-progress-bar .progress-sections span:last-child{
    border-right-width: 0;
}

.box-main-02 {
    padding: 0 0 290px 0;
}

.box-main-02 .inner {
    width: 1455px;
    margin: 0 auto;
}

.box-main-02 .top {
    display: flex;
    flex-direction: column;
}

.box-main-02 .top span {
    display: block;
    color: #00AEAC;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
    margin-bottom: 30px;
}

.box-main-02 .top h1 {
    color: #000;
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px; /* 116.129% */
    margin-bottom: 70px;
}

.box-main-02 .doctor {
    display: flex;
}

.box-main-02 .doctor ._each {
    width: calc(100% / 3 - 30px);
    aspect-ratio: 455 / 756;
}

.box-main-02 .doctor ._each:not(:last-child) {
    margin-right: 46px;
}

.box-main-02 .doctor ._each.doc01 {
    background: url(/resource/images/doc-01.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each.doc02 {
    background: url(/resource/images/doctor-temp.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each.doc03 {
    background: url(/resource/images/doc-temp.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each.doc01:hover::after,
.box-main-02 .doctor ._each.doc02:hover::after,
.box-main-02 .doctor ._each.doc03:hover::after {
    opacity: 1; /* hover 시 ::after 요소가 보이도록 설정 */
}

.box-main-02 .doctor ._each.doc01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/doc-01-on.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 텍스트와 이미지 뒤로 보냄 */
}

.box-main-02 .doctor ._each.doc02::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/doctor-temp.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 텍스트와 이미지 뒤로 보냄 */
}

.box-main-02 .doctor ._each.doc03::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/images/doc-temp.png);
    background-size: cover;
    background-position: center;
    opacity: 0; /* 초기 상태에서는 보이지 않음 */
    transition: opacity 0.5s ease; /* 스르르 나타나는 효과 */
    z-index: 0; /* 텍스트와 이미지 뒤로 보냄 */
}

.box-main-02 .doctor ._each.doc-01 {
    background: url(/resource/images/img-doc01.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each.doc-02 {
    background: url(/resource/images/img-doc02.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each.doc-03 {
    background: url(/resource/images/img-doc03.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each.doc-04 {
    background: url(/resource/images/img-doc04.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each.doc-05 {
    background: url(/resource/images/img-doc05.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each.doc-07 {
    background: url(/resource/images/img-doc07.png);
    background-size: cover;
    background-position: center;
    position: relative; /* 부모 요소에 position 설정 */
    overflow: visible; /* ::after 요소가 밖으로 나오지 않도록 */
    cursor: pointer;
}

.box-main-02 .doctor ._each:hover .info {
    opacity: 1;
}

.box-main-02 .doctor ._each .info {
    display: flex;
    position: absolute;
    bottom: -131px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 262px;
    width: 262px;
    height: 262px;
    background: rgba(0, 174, 172, 0.80);
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    opacity: 1;
    transition: opacity 1.5s ease; /* 스르르 나타나는 효과 */
}

.box-main-02 .doctor ._each .info span { 
    color: #F5F5F5;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.5px;
    display: block;
    margin-bottom: 12px;
}

.box-main-02 .doctor ._each .info p {
    color: #FFF;
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 5.2px;
    margin-bottom: 30px;
}

.box-main-03 {
    padding: 0;
    position: relative;
}

.box-main-03 .bg {
    bottom: 0;
    left: 0;
    background: url(/resource/images/main-03-bg.png);
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: calc(532 / 1920* 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.box-main-03 .inner {
    width: 1455px;
    margin: 0 auto;
}

.box-main-03 .top {
    display: flex;
    flex-direction: column;
}

.box-main-03 .top span {
    display: block;
    color: #BED733;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
    margin-bottom: 30px;
}

.box-main-03 .top h1 {
    color: #000;
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px; /* 116.129% */
    margin-bottom: 70px;
}

.box-main-03 .main-tv {
    display: flex;
    justify-content: space-between;
}

.box-main-03 .main-tv ._big {}

.box-main-03 .main-tv ._thum {
    height: 666px;
    overflow: hidden;
    position: relative;
}


/* 흰색 shadow 효과 */
.box-main-03 .main-tv ._thum::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px; /* 그림자의 높이 조절 */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 40.81%, #F8FAED 71.09%);
    pointer-events: none;
}

.box-main-03 .main-tv ._thum .box-tv-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    /*
    -ms-overflow-style: none;   IE, Edge에서 스크롤바 숨기기 
    scrollbar-width: none;  Firefox에서 스크롤바 숨기기 */
}

/* Webkit (Chrome, Safari)에서 스크롤바 숨기기 
.box-tv-list::-webkit-scrollbar {
    display: none;
}*/

.scrollbar { 
    overflow-y: scroll; /*  */
  }
  
  /* 스크롤바의 폭 너비 */
  .scrollbar::-webkit-scrollbar {
      width: 10px;  
  }
  
  .scrollbar::-webkit-scrollbar-thumb {
      background: #ddd; /* 스크롤바 색상 */
      border-radius: 10px; /* 스크롤바 둥근 테두리 */
  }
  
  .scrollbar::-webkit-scrollbar-track {
      background: #fff;  /*스크롤바 뒷 배경 색상*/
  }

.box-main-03 .main-tv ._thum .box-tv-list li {
    margin-bottom: 30px;
    padding-right: 5px;
}

.box-main-04 {
    padding: 200px 0;
    position: relative;
    background: #F8FAED;
}

.box-main-04 .inner {
    width: 1455px;
    margin: 0 auto;
}


.box-main-04 .top {
    display: flex;
    flex-direction: column;
}

.box-main-04 .top span {
    display: block;
    color: #7AC252;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
    margin-bottom: 30px;
}

.box-main-04 .top h1 {
    font-family: "GyeonggiTitle";
    margin-bottom: 70px;
    color: #000;
    text-align: center;
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px; /* 116.129% */
}

.box-main-04 .main-notice {
    display: flex;
}

.box-main-04 .main-notice ._each {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    width: calc(100% / 4 - 30px);
}

.box-main-04 .main-notice ._each img {
    width: 100%;
	border-radius:30px;
    aspect-ratio: 450 / 560;
}

.box-main-04 .main-notice ._each:not(:last-child) {
    margin-right: 40px;
}

.box-main-04 .main-notice ._each .txt {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box-main-04 .main-notice ._each .txt p {
    color: #000;
    font-family:"Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}

.box-main-04 .main-notice ._each .txt small {
    color: #A6A6A6;
    font-family:"Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
}

/* sub */

.sub-bnnr {
    width: 100%;
    margin: 0 auto;
    position: relative;
    isolation: isolate;
}

.sub-bnnr .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.sub-bnnr .inner small {
    color: #DADADA;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    font-family: "GyeonggiTitle";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    display: block;
}
.sub-bnnr .inner p {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    font-family: "GyeonggiTitle";
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 18px 0 50px;
}
.sub-bnnr .inner span {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1.68px;
    display: block;
}

.sub-bnnr.idx01-01 {
	background: url(/resource/images/sub-banner-01-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx02-01 {
	background: url(/resource/images/sub-banner-02-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx03-01 {
	background: url(/resource/images/sub-banner-03-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx04-01 {
	background: url(/resource/images/sub-banner-04-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx05-01 {
	background: url(/resource/images/sub-banner-05-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx06-01 {
	background: url(/resource/images/sub-banner-06-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx07-01 {
	background: url(/resource/images/sub-banner-07-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx08-01 {
	background: url(/resource/images/sub-banner-08-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx09-01 {
	background: url(/resource/images/sub-banner-09-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx10-01 {
	background: url(/resource/images/sub-banner-10-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx11-01 {
	background: url(/resource/images/sub-banner-11-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx12-01 {
	background: url(/resource/images/sub-banner-12-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx13-01 {
	background: url(/resource/images/sub-banner-13-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx14-01 {
	background: url(/resource/images/sub-banner-14-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.sub-bnnr.idx15-01 {
	background: url(/resource/images/sub-banner-15-01.png) lightgray no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: calc(780 / 1920* 100%);
    width: 100%;
    height: 0;
}

.wrap-loc {
    height: 80px;
    display: flex;
    border-bottom: 1px solid #D9D9D9;
}

#location {
    display: flex;
    width: 1460px;
    margin:0 auto;
    background-color: #fff;
}

#location .home {
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(141deg, #00AEAC 8.74%, #009875 93.72%);
}

#location .locDepth1,  #location .locDepth2 {
    width: 240px;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-right: 1px solid #D9D9D9;
    position: relative;
}

#location .home a, #location .locDepth1 button {
    position: relative;
}

#location .locDepth1 button, #location .locDepth2 button { 
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

#location button img {
	width: 29px;
}

#location .locDepth2 button, #location .locDepth3 button {
    position: relative;
}

#location button {
    color: #333;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.pageMenu ul {
    display: none;
    list-style-type: none;
    padding: 20px;
    margin: 0;
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 81px;
    width: 241px;
    left: 0;
    border: 1px solid #d9d9d9;
    border-top: 0;
    margin-left: -1px;
    z-index: 1;
}

.pageMenu ul li a {
    color: #000;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 18px;
    display: block;
}

.pageMenu ul li a:hover {
    color: var(--Fastbone_Color, #18316B);
}

.pageMenu ul li:last-child a { 
    margin-bottom: 0;
}

.pageMenu ul li:last-child {
    border-bottom: none;
}

.container {
    position: relative;
}

.container .page-symbol {
    position: absolute;
    top: -15px;
    right: 0;
    width: 618px;
    height: 618px;
    z-index: -1;
}

.box-sub01-01-1 {
	padding: 220px 0 470px;
}

.box-sub01-01-1 ._inner {
	width: 1410px;
	margin: 0 auto;
}

.box-sub01-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub01-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub01-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub01-01-1 ._inner .content {
    margin-top: 52px;
}

.box-sub01-01-1 ._inner .content h1 {
    background: linear-gradient(90deg, #009875 0%, #003226 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "GyeonggiTitle";
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 133.333% */
    letter-spacing: -3px;
}

.box-sub01-01-1 ._inner .content p {
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
    margin-bottom: 80px;
    margin-top: 30px;
}

.box-sub01-01-1 ._inner .content p b {
    font-weight: 500;
}

.box-sub01-01-1 ._inner .content span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub01-01-1 ._inner .img-doc {
    position: relative;
}

.box-sub01-01-1 ._inner .img-doc::after{
    content: "";
    position: absolute;
    left: 0;
    background: url(/resource/images/sub01-01-doc-shadow.png) no-repeat center;
    background-size: cover;
    z-index: 1;
    pointer-events: none;
    bottom: -65px;
    width: 100%;
    height: 0;
    padding-bottom: calc(513 / 898* 100%);
}

.box-sub01-01-1 ._inner .box-img {
    position: absolute;
    height: 431px;
    width: 1127px;
    bottom: 333px;
}

.box-sub01-01-1 ._inner .box-img img:first-child {
    position: absolute;
    top: 57px;
}

.box-sub01-01-1 ._inner .box-img img:nth-child(2) {
    position: absolute;
    left: 355px;
}

.box-sub01-01-1 ._inner .box-img img:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.box-sub01-02-1 {
	padding: 220px 0 200px;
}

.box-sub01-02-1 ._inner {
	width: 1460px;
    margin: 0 auto;
}

.box-sub01-02-1 ._inner ._title.bar {
    position: relative;
}

.box-sub01-02-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub01-02-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub01-02-1 .left-view {
    width: 1616px;
}

.box-sub01-02-1 .left-view .content {
    margin-top: 142px;
}

.box-sub01-02-1 .left-view .content .tag {
    width: 141px;
    height: 54px;
    border-radius: 70px;
    background: #00AEAC;
    margin-bottom: 42px;
}

.box-sub01-02-1 .left-view .content .tag span {
    color: #FFF;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px; /* 176.923% */
    letter-spacing: -1.3px; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-sub01-02-1 .left-view .content .history ul {
    margin-bottom: 50px;
}

.box-sub01-02-1 .left-view .content .history ul li {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
    padding-left: 10px;
    position: relative;
}

.box-sub01-02-1 .left-view .content .history ul li::before {
    content: '·';
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
    left: 0;
    position: absolute;
    top: 0;
}

.box-sub01-02-1 .left-view .content .category .wrap-ul {
    display: flex;
}

.box-sub01-02-1 .left-view .content .category .wrap-ul ul:first-child {
    margin-right: 54px;
}

.box-sub01-02-1 .left-view .content .category .wrap-ul ul:nth-child(2) {
    margin-right: 64px;
}

.box-sub01-02-1 .left-view .content .category ul {
    display: flex;
    flex-direction: column;
}

.box-sub01-02-1 .left-view .content .category ul li {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub01-02-1 .left-view .content .name {
    display: flex;
    align-items: center;
    color: #000;
    font-family: "GyeonggiTitle";
    font-size: 70px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 114.286% */
    letter-spacing: -3.5px;
    margin-bottom: 70px;
}
.box-sub01-02-1 .left-view .content .name span {
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
    margin-left: 19px;
}

.box-sub01-02-1 .left-view .wrap-doc {
    position: relative;
}

.box-sub01-02-1 .left-view .wrap-doc .img-doc {
    height: 595px;
    position: relative;
}

.box-sub01-02-1 .left-view .wrap-doc .img-doc .doc {
    position: absolute;
    bottom: 0;
    left: 330px;
    z-index: 1;
}

.box-sub01-02-1 .left-view .wrap-doc .img-doc .bg {
    position: absolute;
    bottom: 0;
    left: 0;
}

.box-sub01-02-1 .left-view .wrap-doc h1 {
    color: rgba(190, 215, 51, 0.30);
    font-family: "GyeonggiTitle";
    font-size: 180px;
    font-style: normal;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 215px;
}

.box-sub01-02-1 .box-doctor.idx01 {
    width: 1573px;
    display: flex;
    justify-content: space-between;
}

.box-sub01-02-1 .box-doctor {
    display: flex;
    justify-content: space-between;
}

.box-sub01-02-1 .box-doctor.idx01 .content {
    margin-top: 163px;
    width: 32%;
    min-width: 490px;
}

.box-sub01-02-1 .box-doctor .content .tag {
    width: 141px;
    height: 54px;
    border-radius: 70px;
    background: #00AEAC;
    margin-bottom: 22px;
}

.box-sub01-02-1 .box-doctor .content .tag span {
    color: #FFF;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px; /* 176.923% */
    letter-spacing: -1.3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-sub01-02-1 .box-doctor .content .history ul {
    margin-bottom: 60px;
}

.box-sub01-02-1 .box-doctor .content .history ul li {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 176.923% */
    letter-spacing: -1.3px;
    padding-left: 10px;
    position: relative;
}

.box-sub01-02-1 .box-doctor .content .history ul li::before {
    content: '·';
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
    left: 0;
    position: absolute;
    top: 0;
}

.box-sub01-02-1 .box-doctor .content .category .wrap-ul {
    display: flex;
    justify-content: space-between;
}

.box-sub01-02-1 .box-doctor .content .category .wrap-ul ul:first-child {
    margin-right: 54px;
}

.box-sub01-02-1 .box-doctor .content .category .wrap-ul ul:nth-child(2) {
    margin-right: 64px;
}

.box-sub01-02-1 .box-doctor .content .category ul {
    display: flex;
    flex-direction: column;
}

.box-sub01-02-1 .box-doctor .content .category ul li {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub01-02-1 .box-doctor .content .name {
    display: flex;
    align-items: center;
    color: #000;
    font-family: "GyeonggiTitle";
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 114.286% */
    letter-spacing: -3.5px;
    margin-bottom: 50px;
}
.box-sub01-02-1 .box-doctor .content .name span {
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
    margin-left: 19px;
}

.box-sub01-02-1 .box-doctor .wrap-doc {
    position: relative;
}

.box-sub01-02-1 .box-doctor .wrap-doc .img-doc {
    height: 595px;
    position: relative;
}

.box-sub01-02-1 .box-doctor .wrap-doc .img-doc .doc {
    position: absolute;
    bottom: 0;
    left: 330px;
    z-index: 1;
}

.box-sub01-02-1 .box-doctor .wrap-doc .img-doc .bg {
    position: absolute;
    bottom: 0;
    left: 0;
}

.box-sub01-02-1 .box-doctor .wrap-doc h1 {
    color: rgba(190, 215, 51, 0.20);
    font-family: "GyeonggiTitle";
    font-size: 180px;
    font-style: normal;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 250px;
}

.box-sub01-02-1 .box-doctor.idx02 .wrap-doc {
    width: 888px;
}

.box-sub01-02-1 .box-doctor.idx02 .wrap-doc h1 {
    margin-left: 60px;
}

.box-sub01-02-1 .box-doctor.idx02.type2 .wrap-doc h1 {
    margin-left: 0px;
}

.box-sub01-02-1 .box-doctor.idx02 .wrap-doc .img-doc .doc {
    position: absolute;
    bottom: 0;
    left: 88px;
    z-index: 1;
}

.box-sub01-02-1 .box-doctor.idx02 {
    margin-top: 110px;
    justify-content: flex-end;
    width: 100%;
}

.box-sub01-02-1 .box-doctor.idx02 .content {
    width: 33%;
    margin-right: 122px;
    margin-top: 162px;
}

.box-sub01-02-1 .box-doctor.idx02 .wrap-ul {
    justify-content: space-between;
}

.box-sub01-02-1 .box-doctor.idx03 {
    width: 1238px;
	margin-left: 0;
    margin-right: auto;
}

.box-sub01-02-1 .box-doctor.idx03 .content {
    width: 33%;
    margin-top: 164px;
	margin-left: 122px;
}

.box-sub01-02-1 .box-doctor.idx03 .wrap-ul {
  display: flex;
  justify-content: flex-start;
  
  gap: 30px;
}

.box-doctor.idx03 .wrap-ul ul {
  display: inline-block;
  min-width: 400px; /* 너무 작지 않게 기본값 설정 */
  max-width: 100%;
  padding: 0;
}

.box-doctor.idx03 .wrap-ul ul li {
  white-space: normal;  /* 줄바꿈 허용 */
  word-break: keep-all; /* 단어별 줄바꿈 */
}

.box-sub01-02-1 .box-doctor.idx03 .wrap-doc h1 {
    margin-left: 180px;
}



.box-sub01-02-1 .box-doctor.idx05 {
    width: 1238px;
}

.box-sub01-02-1 .box-doctor.idx05 .content {
    width: 281px;
    margin-top: 164px;
}

.box-sub01-02-1 .box-doctor.idx05 .wrap-doc h1 {
    margin-left: 160px;
}

.box-sub01-03-1 {
	padding: 220px 0 30px;
}

.box-sub01-03-1 ._inner {F
	width: 1460px;
    margin: 0 auto;
}

.box-sub01-03-1 ._inner ._title.bar {
    position: relative;
}

.box-sub01-03-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub01-03-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub01-03-1 .box-floor {
    position: relative;
}

.box-sub01-03-1 .box-floor .floor_caption {
    position: absolute;
    top: 0;
    left: 40px;
    width: 230px;
    height: 230px;
    border-radius: 40px;
    background: #00AEAC;
    display: flex;
    padding: 34px 0 43px;
    box-sizing: border-box;
    flex-direction: column;
    z-index: 10;
}

.box-sub01-03-1 .box-floor .floor_caption.origin {
    display: none;
}

.box-sub01-03-1 .box-floor .floor_caption small {
    display: none;
}

.box-sub01-03-1 .box-floor .floor_caption a {
    position: relative;
    color: #FFF;
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px; /* 76.667% */
    margin-bottom: 58px;
}

.box-sub01-03-1 .box-floor .floor_caption a::after {
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    background-color: #fff;
    content: '';
}

.box-sub01-03-1 .box-floor .floor_caption span {
    color: #FFF;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px; /* 191.667% */
    letter-spacing: -1.2px;
}

.box-sub01-03-1 .box-floor .swiper-wrapper li {
    padding-top: 115px;
    position: relative;
}

.box-sub01-03-1 .swiper-button-prev {
    left: 42px;
    right: auto;
    width: 80px;
    height: 80px;
    background: rgb(255 255 255 / 50%);
    border-radius: 50%;
}

.box-sub01-03-1 .swiper-button-next {
    right: 42px;
    left: auto;
    width: 80px;
    height: 80px;
    background: rgb(255 255 255 / 50%);
    border-radius: 50%;
}

.nav_floor {
    display: flex;
    height: 80px;
    text-align: center;
    position: absolute;
    width: 954px;
    top: 11px;
    left: 386px;
    z-index: 10;
}

.nav_floor .floor {
    width: 100px;
    cursor: pointer;
}

.nav_floor .floor.active {
    color: #fff;
}

.nav_floor .floor.active span {
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 266.667% */
    letter-spacing: -1.5px;
    position: relative;
}

.nav_floor .floor.active span::after {
    position: absolute;
    bottom: -49px;
    left: 50%;
    transform: translateX(-50%);
    width: 101px;
    height: 4px;
    background: #00AEAC;
    content: '';
}

.nav_floor .floor:not(:last-child) {margin-right: 30px;}

.nav_floor .floor span {
    line-height: 50px;
    color: #A6A6A6;
    font-family: "GyeonggiTitle";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 266.667% */
    letter-spacing: -1.5px;
}

.nav_floor .floor p {
    display: none;
}

.ul-dot li {
    position: relative;
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 220% */
    letter-spacing: -1px;
    padding-left: 20px;
}

.ul-dot li::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #404041;
    top: 20px;
    left: 0;
    position: absolute;
}

.ul-dot li .red {
    color: var(--point-red, #DF3D02);
}

.ul-circle-num {
	counter-reset: num; 
}

.ul-circle-num li {
	width: 100%;
	margin-bottom: 20px;
	color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
    letter-spacing: -1px;
	padding-left: 50px;
	position: relative;
	box-sizing: border-box;
}

.ul-circle-num li::before {
	counter-increment: num; 
	content: counter(num); 
	background-color: #009875;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 30px;
	color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 176.471% */
    letter-spacing: -0.85px;
    display: flex;
    align-items: center;
    justify-content: center;
}

table .ul-dot li {
    position: relative;
    color: var(--H2, #58595B);
    font-family:"Inter", sans-serif;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    padding-left: 14px;
}

table .ul-dot li::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #58595B;
    top: 13px;
    left: 3px;
    position: absolute;
}

.box-sub01-04-1 {
	padding: 220px 0 210px;
}

.box-sub01-04-1 ._inner {
	width: 1460px;
	margin: 0 auto;
}

.box-sub01-04-1 ._inner ._title.bar {
    position: relative;
}

.box-sub01-04-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub01-04-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub01-04-1 ._inner ._map {
    flex-direction: column;
}

.box-sub01-04-1 ._inner ._map ._top {
    margin: 0 auto;
    margin-bottom: 43px;
    display: flex;
    width: 1380px;
    justify-content: center;
}

.box-sub01-04-1 ._inner ._map ._top ._left {
    margin-right: 20px;
}

.box-sub01-04-1 ._inner ._map ._top ._left p {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 136.364% */
    margin-left: 25px;
}

.box-sub01-04-1 ._inner ._map ._top ._md {
    margin-right: 30px;
}

.box-sub01-04-1 ._inner ._map ._top ._md p {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 136.364% */
    margin-left: 25px;
}

.box-sub01-04-1 ._inner ._map ._top ._md a {
    margin-left: 29px;
    color: var(--H1, #404041);
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px; /* 200% */
}

.box-sub01-04-1 ._inner ._map ._top ._left,
.box-sub01-04-1 ._inner ._map ._top ._md,
.box-sub01-04-1 ._inner ._map ._top ._right {
    display: flex;
    align-items: center;
}

.box-sub01-04-1 ._inner ._map ._top ._right a {
    margin-left: 29px;
    color: var(--H1, #404041);
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px; /* 200% */
}

.box-sub01-04-1 ._inner ._map ._top .tag {
    width: 141px;
    height: 54px;
    border-radius: 70px;
    background: #00AEAC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-sub01-04-1 ._inner ._map ._top .tag span {
    color: #FFF;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub01-04-1 ._inner ._map #temp {
    height: 620px;
    border-radius: 40px 40px 0px 0px;
    border: 1px solid #DADADA;
    width: 1380px;
    margin:0 auto;
    background-color: #e3e3e3;
}

.box-sub01-04-1 .content-1,
.box-sub01-04-1 .content-2 {
    margin: 0 auto;
    width: 1380px;
}

.box-sub01-04-1 .content-2 {
    display: none;
}

.box-sub01-04-1 .content-2 h1 {
    display: flex;
    align-items: center;
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -1.3px;
    margin-bottom: 15px;
}

.box-sub01-04-1 .content-2 h1 span {
    color: var(--point-red, #DF3D02);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1.1px;
    margin-left: 10px;
}

.box-sub01-04-1 .content-2 .parking-01 {
    margin-top: 75px;
}

.box-sub01-04-1 .content-2 .parking-01 p {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
    letter-spacing: -1px;
}

.box-sub01-04-1 .content-2 .parking-01 span {
    color: var(--point-red, #DF3D02);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -1px;
    margin-left: 5px;
}

.box-sub01-04-1 .content-2 .parking-02 {
    margin-top: 60px;
    margin-bottom: 20px;
}

.box-sub01-04-1 .content-2 .parking-02 table {
    border-collapse: collapse; 
    text-align: center; 
    width: 100%;
    margin-bottom: 55px;
    margin-top: 20px;
}

.box-sub01-04-1 .content-2 .parking-02 table tr th {
    background: #00AEAC;
    height: 40px;
    color: #FFF;
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 130% */
}

.box-sub01-04-1 .content-2 .parking-02 table tr td {
    color: var(--H2, #58595B);
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 130% */
    height: 60px;
    border: 1px solid #DADADA;
    background: #FFF;
}

.box-sub01-04-1 .content-2 .parking-02 table tr th,
.box-sub01-04-1 .content-2 .parking-02 table tr td {
    width: 50%;
}

.box-sub01-04-1 .case {
    display: flex;
    margin-top: 75px;
}

.box-sub01-04-1 .case ._left {
    margin-right: 100px;
}

.box-sub01-04-1 .case ._right {
    padding-top: 30px;
}

.box-sub01-04-1 .case ._right h1 {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -1.3px;
    margin-bottom: 50px;
}

.box-sub01-04-1 .case .bus-01,
.box-sub01-04-1 .case .bus-02,
.box-sub01-04-1 .case .bus-03,
.box-sub01-04-1 .case .bus-04,
.box-sub01-04-1 .case .bus-05,
.box-sub01-04-1 .case .bus-06 {
    display: flex;
    width: 85px;
    height: 31px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    color: #FFF;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    letter-spacing: -0.8px;
    margin-right: 20px;
    box-sizing: border-box;
}

.box-sub01-04-1 .case .bus-01 {
    background: #8BC34A;
}

.box-sub01-04-1 .case .bus-02 {
    background: #01D4BF;
}
.box-sub01-04-1 .case .bus-03 {
    background: #1E7BDB;
}
.box-sub01-04-1 .case .bus-04 {
    background: #59BE0A;
}
.box-sub01-04-1 .case .bus-05 {
    background: #E43506;
}
.box-sub01-04-1 .case .bus-06 {
    background: #58595B;
}

.box-sub01-04-1 .case table {
    margin-top: 70px;
}

.box-sub01-04-1 .case table tr td {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.9px;
    padding: 8px 0;
}

._go-map {
    margin-bottom: 155px;
}

._go-map ._inner {
    width: 1380px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

._go-map ._inner .go-map {
    display: flex;
    width: 100%;
}

._go-map ._inner .go-map ._each {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dadada;
    background: #FFF;
    height: 90px;
    width: calc(100%/3);
    cursor: pointer;
}

._go-map ._inner .go-map ._each:first-child {
    border-bottom-left-radius: 20px;
}

._go-map ._inner .go-map ._each:last-child {
    border-bottom-right-radius: 20px;
}

._go-map ._inner .go-map ._each:not(:last-child) {
    border-right: 0;
}

._go-map ._inner .go-map ._each span {
    display: inline-block;
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 136.364% */
}

.tab {
    width: 100%;
    border-bottom: 1px solid #DADADA;
    display: flex;
    justify-content: center;
}

.tab.n2 li {
    width: 690px;
}

.tab.n3 li {
    width: 300px;
    margin-right: 130px;
}

.tab.n3 li:last-child {
    margin-right: 0;
}

.tab.n4 li {
    width: 336px;
}

.tab li a {
    width: 100%;
    height: 100%;
    display: block;
    padding-bottom: 34px;
    cursor: pointer;
}

.tab li span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 93.75% */
    letter-spacing: -1.6px;
    text-align: center;
    display: block;
}

.tab li.active span {
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 93.75% */
    letter-spacing: -1.6px;
}

.tab li.active {
    position: relative;
}

.tab li.active::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #009875;
    content: '';
}

.box-sub02-01-1 {
	padding: 220px 0 330px;
}

.box-sub02-01-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub02-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub02-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub02-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub02-01-1 .info {
    display: flex;
    margin-bottom: 72px;
    align-items: flex-start;
    padding-left: 28px;
}

.box-sub02-01-1 .info .txt {
    display: flex;
    flex-direction: column;
    margin-left: 36px;
}

.box-sub02-01-1 .info .txt p {
    font-family: "GyeonggiTitle";
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 133.333% */
    letter-spacing: -3px;
    background: linear-gradient(90deg, #009875 0%, #003226 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}

.box-sub02-01-1 .info .txt span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub02-01-1 .box-reserve {
    display: flex;
}

.box-sub02-01-1 .box-reserve ._each {
    cursor: pointer;
    width: calc(100%/2 - 22px);
    height: 370px;
    display: flex;
    flex-direction: column;
    border-radius: 40px;
    align-items: center;
    border: 1px solid #DADADA;
    background: #FFF;
    box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.10);
    justify-content: center;
}

.box-sub02-01-1 .box-reserve ._each:first-child {
    margin-right: 44px;
}

.box-sub02-01-1 .box-reserve ._each p {
    margin-top: 50px;
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
}

.box-sub02-02-1 {
	padding: 220px 0 185px;
}

.box-sub02-02-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub02-02-1 ._inner ._title.bar {
    position: relative;
}

.box-sub02-02-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub02-02-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub02-02-1 table {
    border-collapse: collapse; 
    text-align: center; 
    width: 100%;
    margin-bottom: 55px;
    margin-top: 20px;
}

.box-sub02-02-1 table tr th {
    background: #00AEAC;
    height: 40px;
    color: #FFF;
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 130% */
}

.box-sub02-02-1 table tr td {
    color: var(--H2, #58595B);
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 130% */
    height: 60px;
    border: 1px solid #DADADA;
    background: #FFF;
}

.box-sub02-02-1 table tr td .red {
    color: var(--point-red, #DF3D02);
}

.box-sub02-02-1 table tr th,
.box-sub02-02-1 table tr td {
    width: 50%;
}

.box-sub02-02-1 .call {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: #F8FAED;
    height: 140px;
    width: 100%;
}

.box-sub02-02-1 .call a {
    color: var(--H2, #58595B);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -1.3px;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.box-sub02-02-1 .call a b {
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-left: 10px;
}

.box-sub02-02-1 .title-01 {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -1.3px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.box-sub02-02-1 .title-02 {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -1.3px;
    margin-top: 80px;
    margin-bottom: 40px;
}

.box-sub02-02-1 .title-03 {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -1.3px;
    margin-top: 110px;
    margin-bottom: 30px;
}

.box-sub02-02-1 .step {
    display: flex;
    flex-direction: column;
}

.box-sub02-02-1 .step ._each {
    display: flex;
    padding: 30px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #DADADA;
}

.box-sub02-02-1 .step ._each .num {
    position: relative;
    border-radius: 100px;
    width: 300px;
    height: 80px;   
    margin-right: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-sub02-02-1 .step ._each .num::before {
    position: absolute;
    top: 20px;
    left: 46px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0.5;
    content: '';
    border-radius: 50%;
}

.box-sub02-02-1 .step ._each.idx01 .num {
    background: #009875;
}

.box-sub02-02-1 .step ._each.idx02 .num {
    background: #018768;
}

.box-sub02-02-1 .step ._each.idx03 .num {
    background: #087B61;
}

.box-sub02-02-1 .step ._each.idx04 .num {
    background: #07644F;
}

.box-sub02-02-1 .step ._each .num span:first-child {
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -1.8px;
    opacity: 0.5;
    margin-right: 15px;
}

.box-sub02-02-1 .step ._each .num span:nth-child(2) {
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 112.5% */
    letter-spacing: -1.6px;
}

.box-sub02-02-1 .step ._each:first-child {
    padding-top: 0;
}

.box-sub02-02-1 .step .txt {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.box-sub02-02-1 .step .txt p {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
    letter-spacing: -1px;
}

.box-sub02-02-1 .step .txt p b {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 163.636% */
    letter-spacing: -1.1px;
}

.box-sub02-02-1 h1 {
    display: flex;
    align-items: center;
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1.3px;
    margin-bottom: 15px;
}

.box-sub02-02-1 h1 span {
    color: var(--point-red, #DF3D02);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1.1px;
    margin-left: 10px;
}

.box-sub02-02-1 .parking-01 p {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1px;
}

.box-sub02-02-1 .parking-01 p span {
    color: var(--point-red, #DF3D02);
}

.box-sub02-02-1 .parking-02 {
    margin-top: 60px;
    margin-bottom: 20px;
}

.box-sub02-03-1 {
	padding: 220px 0 166px;
}

.box-sub02-03-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub02-03-1 ._inner ._title.bar {
    position: relative;
}

.box-sub02-03-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub02-03-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub02-03-1 .step {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}

.box-sub02-03-1 .step ._each {
    display: flex;
    padding: 30px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #DADADA;
}

.box-sub02-03-1 .step ._each .num {
    position: relative;
    border-radius: 100px;
    width: 422px;
    height: 80px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 65px;
    box-sizing: border-box;
}

.box-sub02-03-1 .step.type2 ._each .num {
    position: relative;
    border-radius: 100px;
    width: 360px;
    height: 80px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 65px;
    box-sizing: border-box;
}

.box-sub02-03-1 .step ._each .num::before {
    position: absolute;
    top: 20px;
    left: 46px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0.5;
    content: '';
    border-radius: 50%;
}

.box-sub02-03-1 .step ._each.idx01 .num {
    background: #00AEAC;
}

.box-sub02-03-1 .step ._each.idx02 .num {
    background: #029795;
}

.box-sub02-03-1 .step ._each.idx03 .num {
    background: #027B7A;
}

.box-sub02-03-1 .step ._each .num span:first-child {
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -1.8px;
    opacity: 0.5;
    margin-right: 15px;
}

.box-sub02-03-1 .step ._each .num span:nth-child(2) {
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 112.5% */
    letter-spacing: -1.6px;
}

.box-sub02-03-1 .step ._each:first-child {
    padding-top: 0;
}

.box-sub02-03-1 .step .txt {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.box-sub02-03-1 .step .txt p {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
    letter-spacing: -1px;
}

.box-sub02-03-1 ._inner .content-2 {
    display: none;
}

.box-sub02-03-1 h1 {
    display: flex;
    align-items: center;
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -1.3px;
    margin-bottom: 15px;
    margin-top: 70px;
}

.box-sub02-03-1 .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 156px;
    border-radius: 20px;
    background: #F8FAED;
    padding-left: 47px;
    margin-top: 70px;
}

.box-sub02-03-1 .info p {
    display: flex;
    align-items: center;
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub02-03-1 .info p img {
    margin-right: 7px;
}

.box-sub02-03-1 .info span {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 230% */
    letter-spacing: -1px;
}

.box-sub02-04-1 {
	padding: 220px 0 166px;
}

.box-sub02-04-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub02-04-1 ._inner ._title.bar {
    position: relative;
}

.box-sub02-04-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub02-04-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub02-04-1 .banner {
    background: url('/resource/images/sub02-04-banner.png');
    background-size: cover;
    width: 100%;
    height: 240px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-sub02-04-1 .banner p {
    color: #FFF;
    text-align: center;
    font-family: 'GyeonggiTitle';
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 83.333% */
    letter-spacing: -3.6px;
}

.box-sub02-04-1 .step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 70px;
}

.box-sub02-04-1 .step li {
    display: flex;
    margin-bottom: 40px;
    width: 100%
}

.box-sub02-04-1 .step li .num span {
    color: #DADADA;
    font-family: 'GyeonggiTitle';
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: 85px; /* 61.333% */
    letter-spacing: -3.75px;
    margin-right: 50px;
}

.box-sub02-04-1 .step li .txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.box-sub02-04-1 .step li .txt .red {
    color: var(--point-red, #DF3D02);
}

.box-sub02-04-1 .step li .txt p {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
    margin-bottom: 10px;
}

.box-sub02-04-1 .step li .txt span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 230% */
    letter-spacing: -1px; 
}

.box-sub02-04-1 .step li .txt span a {
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -1px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.box-sub02-04-1 .ul-dot li {
    margin-bottom: 0 !important;
}

.box-sub02-04-1 h1 {
    display: flex;
    align-items: center;
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1.3px;
    margin-bottom: 15px;
}

.box-sub02-04-1 h1 .red {
    color: var(--point-red, #DF3D02);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1.1px;
    margin-left: 10px;
}

.box-sub02-04-1 .parking-01 p {
    color: var(--H1, #404041) !important;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 30px !important;
    letter-spacing: -1px !important;
}

.box-sub02-04-1 .parking-01 p span {
    color: var(--point-red, #DF3D02) !important;
}

.box-sub02-04-1 .parking-02 {
    width: 100%;
    margin-top: 60px;
}

.box-sub02-04-1 table {
    border-collapse: collapse; 
    text-align: center; 
    width: 100%;
    margin-bottom: 55px;
    margin-top: 20px;
}

.box-sub02-04-1 table tr th {
    background: #00AEAC;
    height: 40px;
    color: #FFF;
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 130% */
}

.box-sub02-04-1 table tr td {
    color: var(--H2, #58595B);
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 130% */
    height: 60px;
    border: 1px solid #DADADA;
    background: #FFF;
}

.box-sub02-04-1 table tr td .red {
    color: var(--point-red, #DF3D02);
}

.box-sub02-04-1 table tr th,
.box-sub02-04-1 table tr td {
    width: 50%;
}

.box-sub02-05-1 {
	padding: 220px 0 166px;
}

.box-sub02-05-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub02-05-1 ._inner ._title.bar {
    position: relative;
}

.box-sub02-05-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub02-05-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 130px;
}

.box-sub02-05-1 .title-01 {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -1.3px;
}

.box-sub02-05-1 table {
    border-collapse: collapse; 
    text-align: center; 
    width: 100%;
    margin-top: 30px;
}

.box-sub02-05-1 table tr:first-child td {
    border-top: 2px solid #009875;
}

.box-sub02-05-1 table tr td {
    border: 1px solid #DADADA;
    background: #FFF;
}

.box-sub02-05-1 table tr td ul li {
    color: var(--H2, #58595B);
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
    position: relative;
    padding-left: 10px;
    text-align: left;
}

.box-sub02-05-1 table tr td ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #404041;
    top: 15px;
    left: 0;
    position: absolute;
}

.box-sub02-05-1 table tr td .red {
    color: var(--point-red, #DF3D02);
}

.box-sub02-05-1 table tr td ul li.red::before { 
    background-color: var(--point-red, #DF3D02);
}

.box-sub02-05-1 table tr td {
    width: 50%;
}

.box-sub02-05-1 table tr td:first-child {
    color: #009875;
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
    vertical-align: middle;
    width: 30%;
}

.box-sub02-05-1 table tr td:nth-child(2) {
    padding: 45px;
}

.box-sub02-06-1 {
	padding: 220px 0 0;
    position: relative;
}

.box-sub02-06-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub02-06-1 ._inner ._title.bar {
    position: relative;
}

.box-sub02-06-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub02-06-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub02-06-1 h1 {
    font-family: 'GyeonggiTitle';
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 133.333% */
    letter-spacing: -3px;
    background: linear-gradient(90deg, #009875 0%, #003226 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}

.box-sub02-06-1 .sub-txt {
    color: var(--H1, #404041);
    font-family: 'GyeonggiTitle';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 140% */
    letter-spacing: -2px;
}

.box-sub02-06-1 .sub-txt .red {
    color: var(--point-red, #DF3D02);
    font-family: 'GyeonggiTitle';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -2px;
}

.box-sub02-06-1 .box-bg {
    left: 0;
    bottom: 0;
    content: '';
    background: url(/resource/images/sub02-06-bg.png) no-repeat center;
    background-size: cover;
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 0;
    padding-bottom: calc(330 / 1920* 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 194px;
}

.box-sub02-06-1 .box-bg div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

.box-sub02-06-1 .box-bg a {
    color: #FFF;
    font-family: "GyeonggiTitle";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: -2.5px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.box-sub02-06-1 .box-bg span {
    color: #FFF;
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 200% */
    letter-spacing: -2px;
    margin: 0 25px;
}

.box-sub02-06-1 .step {
    display: flex;
    flex-direction: column;
    margin-top: 90px;
}

.box-sub02-06-1 .step ._each {
    display: flex;
    padding: 30px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #DADADA;
}

.box-sub02-06-1 .step ._each .num {
    position: relative;
    border-radius: 100px;
    width: 360px;
    height: 80px;   
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 66px;
    box-sizing: border-box;
}

.box-sub02-06-1 .step ._each .num::before {
    position: absolute;
    top: 20px;
    left: 46px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0.5;
    content: '';
    border-radius: 50%;
}

.box-sub02-06-1 .step ._each.idx01 .num {
    background: #009875;
}

.box-sub02-06-1 .step ._each.idx02 .num {
    background: #018768;
}

.box-sub02-06-1 .step ._each.idx03 .num {
    background: #087B61;
}

.box-sub02-06-1 .step ._each.idx04 .num {
    background: #07644F;
}

.box-sub02-06-1 .step ._each .num span:first-child {
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -1.8px;
    opacity: 0.5;
    margin-right: 15px;
}

.box-sub02-06-1 .step ._each .num span:nth-child(2) {
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 112.5% */
    letter-spacing: -1.6px;
}

.box-sub02-06-1 .step ._each:first-child {
    padding-top: 0;
}

.box-sub02-06-1 .step .txt {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.box-sub02-06-1 .step .txt p {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
    letter-spacing: -1px;
}

.box-sub02-06-1 .step .txt p b {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 163.636% */
    letter-spacing: -1.1px;
}

.box-sub03-01-1 {
	padding: 220px 0 200px;
}

.box-sub03-01-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub03-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub03-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub03-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub03-01-1 ._inner .info {
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}

.box-sub03-01-1 ._inner .info h1 {
    margin-bottom: 30px;
    font-family: "GyeonggiTitle";
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 133.333% */
    letter-spacing: -3px;
    background: linear-gradient(90deg, #009875 0%, #003226 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-sub03-01-1 ._inner .info p {
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 140% */
    letter-spacing: -2px;
    margin-bottom: 100px;
}
.box-sub03-01-1 ._inner .info span {
    display: block;
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
    margin-bottom: 34px;
}

.box-sub03-01-1 ._inner .info small {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 230% */
    letter-spacing: -1px;
}

.box-sub03-01-1 ._inner .care {
    display: flex;
    flex-direction: column;
}

.box-sub03-01-1 ._inner .care .title {
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
    margin-bottom: 50px;
}

.box-sub03-01-1 ._inner .care ._each {
    display: flex;
    align-items: flex-start;
    margin-bottom: 60px;
}

.box-sub03-01-1 ._inner .care ._each:last-child {
    margin-bottom: 0px;
}

.box-sub03-01-1 ._inner .care ._each img {
    margin-right: 60px;
}

.box-sub03-01-1 ._inner .care ._each div {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.box-sub03-01-1 ._inner .care ._each p {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -1.3px;
    margin-bottom: 30px;
}

.box-sub03-01-1 ._inner .care ._each span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 220% */
    letter-spacing: -1px;
}

.box-sub03-01-1 ._inner .point {
    height: 140px;
    border-radius: 20px;
    background: #F8FAED;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 140px;
}

.box-sub03-01-1 ._inner .point p {
    color: var(--H2, #58595B);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub03-01-1 ._inner .point p b {
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -1.3px;
}

.box-sub02-08-1 {
	padding: 220px 0 240px;
}

.box-sub02-08-1 ._inner {
	width: 1460px;
    margin: 0 auto;
}

.box-sub02-08-1 ._inner ._title.bar {
    position: relative;
}

.box-sub02-08-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub02-08-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub02-08-1 ._inner .box-guide {
    border-radius: 20px;
    border: 1px solid #DADADA;
    background: rgba(248, 248, 248, 0.50);
    width: 100%;
    padding: 40px;
    margin-bottom: 92px;
    box-sizing: border-box;
}

.box-sub02-08-1 ._inner .box-guide p b {
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 180% */
    letter-spacing: -1px;
}

.box-sub02-08-1 ._inner .box-guide p {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -1px;
}

.box-sub02-08-1 table+._case {
    margin-top: 60px;
}

.box-sub02-08-1 .box-case {
    margin-bottom: 60px;
}

.box-sub02-08-1 .box-case ul li {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 230% */
    letter-spacing: -1px;
}

.box-sub02-08-1 ._case {
    margin-bottom: 20px;
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 230% */
    letter-spacing: -1px;
}

.box-sub02-08-1 ._case b {
    color: var(--point-red, #DF3D02);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px; /* 255.556% */
    letter-spacing: -0.9px;
    padding-left: 24px;
}

.box-sub02-08-1 .box-txt {
    margin-top: 40px;
    margin-bottom: 130px;
}

.box-sub02-08-1 .box-txt p {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 180% */
    letter-spacing: -1px;
}

.box-sub02-08-1 .box-txt span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -1px;
}

.box-sub02-08-1 .box-txt span+p {
    margin-top: 50px;
}

.box_ctf {
    margin-top: 96px;
    display: flex;
    justify-content: center;
}

.box_ctf a {
    width: 416px;
    height: 80px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.box_ctf a span {
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box_ctf a img {
    margin-right: 20px;
}

.box_ctf a:first-child {
    background: #009875;
    margin-right: 30px;
}

.box_ctf a:nth-child(2) {
    background: #7AC252;
}

.box-sub04-01-1 {
	padding: 220px 0 0;
    position: relative;
}

.box-sub04-01-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub04-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub04-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub04-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub04-01-1 ._inner .info {
    display: flex;
    align-items: center;
    margin-top: 130px;
}

.box-sub04-01-1 ._inner .info img {
    margin-right: 50px;
}

.box-sub04-01-1 ._inner .info .txt {
    display: flex;
    flex-direction: column;
}

.box-sub04-01-1 ._inner .info .txt p {
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
    margin-bottom: 20px;
}

.box-sub04-01-1 ._inner .info .txt span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 191.667% */
    letter-spacing: -1.2px;
    margin-bottom: 40px;
    display: block;
}

.box-sub04-01-1 ._inner .info .txt small {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 200% */
    letter-spacing: -0.9px;
}

.box-sub04-01-1 .box-bg {
    left: 0;
    bottom: 0;
    content: '';
    background: url(/resource/images/sub04-01-bg.png) no-repeat center;
    background-size: cover;
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 0;
    padding-bottom: calc(500 / 1920* 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 150px;
}

.box-sub04-01-1 .box-bg div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

.box-sub04-01-1 .box-bg p {
    color: #FFF;
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 200% */
    letter-spacing: -2px;
    margin-bottom: 20px;
}

.box-sub04-01-1 .box-bg span {
    color: #FFF;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
    display: block;
}

.winning-program {
    margin: 0 auto;
    padding-top: 160px;
}

.winning-program h2 {
    margin-bottom: 30px;
    color: var(--H1, #404041);
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -2px;
}

.team-box {
    background: #00AEAC;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 28px;
    margin-bottom: 80px;
    height: 100px;
    padding: 0 24px;
    box-sizing: border-box;
}

.team-box .icon {
    width: 63px;
    height: 63px;
    background: url('/resource/images/ic-exel-wining.png') no-repeat center/contain;
    flex-shrink: 0;
}

.team-box p {
    color: #FFF;
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 46px;
    letter-spacing: -1.2px;
}

.team-box p strong {
    font-weight: 600;
}


.program-list {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  
  .program-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
  }
  
  .program-item .text {
    flex: 1;
    padding-top: 20px;
    align-items: center;
  }
  
  .program-item .text h3 {
      color: var(--H1, #404041);
      font-family: "Noto Sans";
      font-size: 26px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px; /* 115.385% */
      letter-spacing: -1.3px;
      margin-bottom: 30px;
  }
  
  .program-item .text h3 span {
      color: #009875;
      font-family: "GyeonggiTitle";
      font-size: 34px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: -1.7px;
      margin-right: 15px;
  }
  
  .program-item .text ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .program-item .text li {
      margin-bottom: 0.5rem;
      padding-left: 56px;
      color: var(--H2, #58595B);
      font-family: "Noto Sans";
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 37px;
      letter-spacing: -1px;
  }
  
  .program-item .text small {
      color: #9C9C9C;
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 46px;
  letter-spacing: -0.9px;
  }
  
  .program-item .image {
    flex-shrink: 0;
    width: 480px;
  }
  
  .program-item .image img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

/* 임시 페이지 */
.box-sub05-01-1 {
	padding: 220px 0 522px;
    position: relative;
}

.box-sub05-01-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub05-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub05-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub05-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub05-01-1 ._inner .info {
    display: flex;
    align-items: center;
    margin-top: 190px;
    flex-direction: column;
}

.box-sub05-01-1 ._inner .info p {
    color: var(--H1, #404041);
    text-align: center;
    font-family: "GyeonggiTitle";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
    margin-top: 90px;
    margin-bottom: 20px;
}

.box-sub05-01-1 ._inner .info span {
    color: var(--H2, #58595B);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 191.667% */
    letter-spacing: -1.2px;
    width: 100%;
    display: block;
}

.box-sub09-01-1 {
	padding: 220px 0 200px;
}

.box-sub09-01-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub09-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub09-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub09-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 120px;
}

.box-sub09-01-1 ._inner .info {
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}

.box-sub09-01-1 ._inner .info h1 {
    margin-bottom: 20px;
    font-family: "GyeonggiTitle";
    color: var(--H1, #404041);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: -2px;
}

.box-sub09-01-1 ._inner .info h1 .green {
    color: #009875;
}

.box-sub09-01-1 ._inner .info h1 .red {
    color: var(--point-red, #DF3D02);
}

.box-sub09-01-1 ._inner .info p {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub09-01-1 ._inner .special {
    display: flex;
    flex-direction: column;
    margin-top: 100px;
}

.box-sub09-01-1 ._inner .special h1 {
    display: block;
    font-family: "GyeonggiTitle";
    margin-bottom: 20px;
    color: var(--H1, #404041);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
}

.box-sub09-01-1 ._inner .special .sub-title {
    font-family: 'Noto Sans KR', sans-serif;
    color: var(--H2, #58595B);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub09-01-1 ._inner .special .box-img {
    width: 100%;
    display: flex;
    margin-top: 55px;
    margin-bottom: 80px;
}

.box-sub09-01-1 ._inner .special .box-img img:not(:last-child) {
    margin-right: 20px;
}

.box-sub09-01-1 ._inner .special .box-num {
    display: flex;
    flex-direction: column;
}

.box-sub09-01-1 ._inner .special .box-num ._each {
    display: flex;
}

.box-sub09-01-1 ._inner .special .box-num ._each span:first-child {
    position: relative;
    width: 106px;
    color: #DADADA;
    font-family: "GyeonggiTitle";
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px; /* 61.333% */
    letter-spacing: -3.75px;
}

.box-sub09-01-1 ._inner .special .box-num ._each span:first-child::after {
    position: absolute;
    right: 0;
    top: -5px;
    width: 1px;
    height: 55px;
    background-color: #dadada;
    content: '';
}

.box-sub09-01-1 ._inner .special .box-num ._each span:nth-child(2) {
    margin-left: 33px;
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 230% */
    letter-spacing: -1px;
    margin-top: -5px;
}

.box-sub09-01-1 ._inner .special .box-num ._each span:nth-child(2) b {
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
}

.box-sub09-01-1 ._inner .special .box-num ._each:not(:last-child) {
    margin-bottom: 46px;
}

.box-sub10-01-1 {
	padding: 220px 0 200px;
}

.box-sub10-01-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub10-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub10-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub10-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 130px;
}

.box-sub10-01-1 ._inner .info {
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}

.box-sub10-01-1 ._inner .info h1 {
    margin-bottom: 30px;
    font-family: "GyeonggiTitle";
    color: var(--H1, #404041);
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 133.333% */
    letter-spacing: -3px;
}

.box-sub10-01-1 ._inner .info h1 .green {
    color: #009875;
}

.box-sub10-01-1 ._inner .info h1 .red {
    color: var(--point-red, #DF3D02);
}

.box-sub10-01-1 ._inner .info p {
    margin-bottom: 30px;
    font-family: "GyeonggiTitle";
    color: var(--H1, #404041);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 140% */
    letter-spacing: -2px;
}

.box-sub10-01-1 ._inner .box-img-cross {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
}

.box-sub10-01-1 ._inner .box-img-cross ._each {
    display: flex;
    align-items: center;
}

.box-sub10-01-1 ._inner .box-img-cross ._each:first-child {
    margin-bottom: 111px;
}

.box-sub10-01-1 ._inner .box-img-cross ._each:first-child img {
    margin-right: 70px;
}
.box-sub10-01-1 ._inner .box-img-cross ._each:nth-child(2) {
    display: flex;
    justify-content: space-between;
}

.box-sub10-01-1 ._inner .box-img-cross ._each p {
    margin-bottom: 30px;
    font-family: "GyeonggiTitle";
    color: var(--H1, #404041);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 100% */
    letter-spacing: -2px;
}

.box-sub10-01-1 ._inner .box-img-cross ._each span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
    letter-spacing: -1px;
}

.box-sub11-01-1 {
	padding: 220px 0 250px;
}

.box-sub11-01-1 ._inner {
	width: 1460px;
    margin: 0 auto;
}

.box-sub11-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub11-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub11-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 120px;
}

.box-sub11-01-1 ._inner .info {
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}

.box-sub11-01-1 ._inner .info h1 {
    margin-bottom: 20px;
    font-family: "GyeonggiTitle";
    color: var(--H1, #404041);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: -2px;
}

.box-sub11-01-1 ._inner .info p {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 176.923% */
    letter-spacing: -1.3px;
}

.box-sub11-01-1 ._inner .step {
    display: flex;
    margin-top: 100px;
    margin-bottom: 140px;
}

.box-sub11-01-1 ._inner .step ._each {
    display: flex;
    width: 315px;
    height: 315px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
}

.box-sub11-01-1 ._inner .step ._each:not(:last-child) {
    margin-right: 30px;
}

.box-sub11-01-1 ._inner .step ._each:first-child {
    background: #009875;
}

.box-sub11-01-1 ._inner .step ._each:nth-child(2) {
    background: #00AEAC;
}

.box-sub11-01-1 ._inner .step ._each:nth-child(3) {
    background: #7AC252;
}

.box-sub11-01-1 ._inner .step ._each:nth-child(4) {
    background: #BED733;
}

.box-sub11-01-1 ._inner .step ._each p {
    font-family: 'Noto Sans KR', sans-serif;
    color: #FFF;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 138.462% */
    letter-spacing: -1.3px;
    margin-top: 40px;
}

.box-sub11-01-1 ._inner .box-num {
    display: flex;
    flex-direction: column;
}

.box-sub11-01-1 ._inner .box-num ._each {
    display: flex;
}

.box-sub11-01-1 ._inner .box-num ._each div {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    margin-left: 60px;
}

.box-sub11-01-1 ._inner .box-num ._each div p {
    display: flex;
    color: #009875;
    font-family: "GyeonggiTitle";
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.7px;
    margin-bottom: 30px;
    align-items: center;
}

.box-sub11-01-1 ._inner .box-num ._each div p small {
    color: var(--H1, #404041);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
    letter-spacing: -1.3px;
    margin-left: 15px;
}

.box-sub11-01-1 ._inner .box-num ._each span {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 230% */
    letter-spacing: -1px;
}

.box-sub11-01-1 ._inner .box-num ._each:not(:last-child) {
    margin-bottom: 60px;
}

.box-sub12-01-1 {
	padding: 220px 0;
}

.box-sub12-01-1 ._inner {
	width: 1460px;
	margin: 0 auto;
}

.box-sub12-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub12-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub12-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 120px;
}

.box-sub12-01-1 ._inner .fixed {
	width: 100%;
	padding: 29px 30px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 1px solid #D0D0D0;
}

.box-sub12-01-1 ._inner .fixed span:first-child {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-right: 15px;
	display: inline-block;
}

.box-sub12-01-1 ._inner .fixed span:nth-child(2) {
	margin-right: 15px;
	display: inline-block;
	color: #D9D9D9;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
} 

.box-sub12-01-1 ._inner .fixed span:nth-child(3) {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.box-sub12-01-1 ul {
	display: flex;
	margin-top: 80px;
	width: 100%;
	flex-wrap: wrap;
}

.box-sub12-01-1 ul li a {
	width: 460px;
	margin-right: 30px;
	display: block;
	margin-bottom: 84px;
}

.box-sub12-01-1 ul li:nth-child(3n) a {
	margin-right: 0;
}

.box-sub12-01-1 ul li a ._each {
	display: flex;
	flex-direction: column;
    width: 460px;
    height: 700px;
    cursor: pointer;
	border-radius: 24px;
    overflow: hidden;
}

.box-sub12-01-1 ul li a ._each img {
    width: 100%;
	height: auto;
	display: block;
}

.box-sub12-01-1 ul li a ._each ._txt {
	display: flex;
	flex-direction: column;
}

.box-sub12-01-1 ul li a ._each ._txt p {
	margin: 40px 0 15px;
	color: var(--H1, #404041);
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.5px;
}

.box-sub12-01-1 ul li a ._each ._txt span {
    color: #A6A6A6;
    text-align: center;
    font-family:"Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
}

.box-sub12-01-2 {
	padding: 150px 0 235px;
}

.box-sub12-01-2 ._inner {
	width: 1440px;
	margin: 0 auto;
}

.box-sub12-01-2 ._inner ._title {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 120px;
}

.box-sub12-01-2 ._inner ._title.bar {
    position: relative;
}

.box-sub12-01-2 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub12-01-2 ._inner ._content {
    display: flex;
    flex-direction: column;
}

.box-sub12-01-2 ._inner ._content ._top {
    display: flex;
    flex-direction: column;       
    border-radius: 20px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    padding: 29px 30px;
    box-sizing: border-box;
align-items: center;
}

.box-sub12-01-2 ._inner ._content ._top p {
    color: #000;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.5px;
margin-bottom: 15px;
}

.box-sub12-01-2 ._inner ._content ._top div {
    display: flex;
}

.box-sub12-01-2 ._inner ._content ._top div span {
    color: #A6A6A6;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.5px;
}

.box-sub12-01-2 ._inner ._content ._top div span:nth-child(2) {
    display: inline-block;
    margin: 0 10px;
}

.box-sub12-01-2 ._inner ._content ._bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 70px 0 83px;
    border-bottom: 1px solid #D9D9D9;
    flex-direction: column;
}

.box-sub12-01-2 ._inner ._content ._bottom img {
    margin-bottom: 50px;
}

.box-sub12-01-2 ._inner ._content ._bottom div {
    width: 100%;
    color: #000;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    /* font-weight: 700; */
    line-height: normal;
    letter-spacing: -0.5px;
}

.btn-go-list {
    margin: 0 auto;
    margin-top: 60px;
    display: inline-flex;
    padding: 14px 28px 15px 28px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: #D0D0D0;
    color: #FFF;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.3px;
    width: 140px;
}


.box-search {
    margin: 0 auto;
    margin-top: 76px;
    width: 480px;
}

.input-grey-rounded {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
    line-height: 1.5;
    color: #333;
    border: 1px solid #D9D9D9;
    background: #F8F9FA;
    background-image: url(/resource/images/icon-search.png);
    background-repeat: no-repeat;
    background-position: 423px 15px;
    background-size: 29px 29px;
    border-radius: 50px;
    width: 100%;
    padding: 15px 28px;
}

.input-grey-rounded:focus{outline: 0;}

.input-grey-rounded:focus-visible {
    border: 1px solid #D9D9D9 !important;
}

.input-grey-rounded2 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
    line-height: 1.5;
    color: #333;
    border: 1px solid #D9D9D9;
    background: #F8F9FA;
    border-radius: 15px;
    width: 100%;
    padding: 17px 25px;
    box-sizing: border-box;
}

.input-grey-rounded2.width480 {
    width: 480px !important;
}

.box-sub12-02-1 {
	padding: 220px 0;
}

.box-sub12-02-1 ._inner {
	width: 1460px;
	margin: 0 auto;
}

.box-sub12-02-1 ._inner ._title.bar {
    position: relative;
}

.box-sub12-02-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub12-02-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub12-02-1 ._inner .fixed {
	width: 100%;
	padding: 29px 30px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 1px solid #D0D0D0;
}

.box-sub12-02-1 ._inner .fixed span:first-child {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-right: 15px;
	display: inline-block;
}

.box-sub12-02-1 ._inner .fixed span:nth-child(2) {
	margin-right: 15px;
	display: inline-block;
	color: #D9D9D9;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
} 

.box-sub12-02-1 ._inner .fixed span:nth-child(3) {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.box-sub12-02-1 ul {
	display: flex;
	margin-top: 80px;
	width: 100%;
	flex-wrap: wrap;
}

.box-sub12-02-1 ul li a {
	width: 460px;
	margin-right: 30px;
	display: block;
	margin-bottom: 70px;
}

.box-sub12-02-1 ul li:nth-child(3n) a {
	margin-right: 0;
}

.box-sub12-02-1 ul li a ._each {
	display: flex;
	flex-direction: column;
    width: 460px;
    height: 366px;
    cursor: pointer;
}

.box-sub12-02-1 ul li a ._each img {
    border-radius: 24px;
}

.box-sub12-02-1 ul li a ._each ._img {
    height: 260px;
    border-radius: 24px;
    overflow: hidden;
}

.box-sub12-02-1 ul li a ._each ._txt {
	display: flex;
	flex-direction: column;
}

.box-sub12-02-1 ul li a ._each ._txt p {
	margin: 40px 0 15px;
	color: var(--H1, #404041);
    text-align: left;
    font-family:"Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.5px;
}

.box-sub12-02-1 ul li a ._each ._txt span {
    color: #A6A6A6;
    text-align: left;
    font-family:"Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
}

/* 임시 페이지 */
.box-sub12-03-1 {
	padding: 220px 0 522px;
    position: relative;
}

.box-sub12-03-1 ._inner {
	width: 1460px;
    margin: 0 auto;
}

.box-sub12-03-1 ._inner ._title.bar {
    position: relative;
}

.box-sub12-03-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub12-03-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub15-01-1 {
	padding: 220px 0 300px;
    position: relative;
}

.box-sub15-01-1 ._inner {
	width: 1380px;
    margin: 0 auto;
}

.box-sub15-01-1 ._inner ._title.bar {
    position: relative;
}

.box-sub15-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-sub15-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-sub15-01-1 .box-btn {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}

.box-sub15-01-1 .box-btn button {
    width: 200px;
    height: 80px;
    border-radius: 100px;
    background: #009875;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: -1.3px;
}

.box-sub15-01-1 .box-search {
    margin-top: 40px;
    margin-bottom: 40px;
}

.box-etc-01-1 {
	padding: 220px 0 160px;
}

.box-etc-01-1 ._inner {
	width: 1460px;
    margin: 0 auto;
}

.box-etc-01-1 ._inner ._title.bar {
    position: relative;
}

.box-etc-01-1 ._inner ._title.bar::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #DADADA;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.box-etc-01-1 ._inner ._title {
	color: #404041;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: -1.4px;
	margin-bottom: 90px;
}

.box-etc-01-1 h1 {
    color: #009875;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 180% */
    letter-spacing: -1px;
    margin-top: 40px;
}

.box-etc-01-1 p {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.9px;
}

.box-etc-01-1 b {
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.9px;
}

.box-etc-01-1 .red {
    color: var(--point-red, #DF3D02);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.9px;
}

.box-etc-01-1 .ul-dott li {
    position: relative;
    color: var(--H2, #58595B);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.9px;
    padding-left: 17px;
}

.box-etc-01-1 .ul-dott li::before {
    position: absolute;
    left: 5px;
    top: 1px;
    content: '·';
}

.box-etc-01-1 table {
    margin-top: 20px;
}

.map {
    width: 100%;
    height: 730px; 
    background-color: aliceblue;
    position: relative;
}

.map-info {
    width: 950px;
    margin: 0 auto;
    padding: 112px 20px 90px 165px;
    border: solid 0 #000;
    background-color: rgb(18 154 118 / 80%);
    color: white;
    border-top-left-radius: 155px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
    box-sizing: border-box;
}

.map-info .header {
    margin-bottom: 90px;
}

.map-info .header h1 {
    margin-bottom: 14px;
    font-size: 26px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.82px;
    text-align: left;
    color: #fff;
    font-family: "GyeonggiTitle";
}

.map-info .header p {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.54px;
    text-align: left;
    color: #fff;
}

.map-info .header p b {
    font-weight: bold;
    color: #fcff00;
}

.map-info .info {
    margin-bottom: 83px;
}

.map-info .info div {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.map-info .info h2 {
    font-size: 26px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.82px;
    text-align: left;
    color: #fff;
    font-family: "GyeonggiTitle";
    margin-right: 14px;
}

.map-info .info p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.26px;
    text-align: left;
    color: #aaffe8;
}

.map-info .guide {
    margin-bottom: 23px;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    width: 360px;
}

.map-info .guide li {
    margin-bottom: 10px;
    width: 100%;
    border-radius: 22px;
    height: 45px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.map-info .guide li span:first-child {
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.54px;
    text-align: left;
    color: #fff;
    width: 144px;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #129a76;
    height: 100%;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}

.map-info .guide li span:nth-child(2) {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.54px;
    text-align: left;
    color: #fff;
    width: calc(100% - 145px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    height: 100%;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.map-info .notice h2 {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.82px;
    text-align: left;
    color: #fff;
    font-family: "GyeonggiTitle";
    margin-bottom: 15px;
}

.map-info .notice p {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.54px;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
}

.footer {
    width: 100%;
    height: 394px;
    padding: 108px 261px 113px 262px;
    border: solid 0 #000;
    background-color: #333;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.footer .logo {
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.footer .logo::after {
    width: 1px;
    height: 102px;
    opacity: 0.3;
    background-color: #fff;
    right: -116px;
    top: 0;
    position: absolute;
    content: '';
}

.footer .info {
    display: flex;
}

.footer .info .address {}

.footer .info .address p {
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: -1.3px;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
}

.footer .info .address a {
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    font-family: "GyeonggiTitle";
}

.footer .info .time {
    display: flex;
    flex-direction: column;
    margin-left: 60px;
}

.footer .info .time div {
    margin-bottom: 10px;
}

.footer .info .time div span:nth-child(odd) {
    width: 110px;
    font-size: 25px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: -1.3px;
    text-align: left;
    color: #fff;
    display: inline-block;
}

.footer .info .time div span:nth-child(even) {
    font-size: 26px;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: 0.78px;
    text-align: left;
    color: #fff;
}

.footer .info .time p img {
    margin-right: 10px;
    width: 27px;
    height: 26px;
}

.footer .info .time p {
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: -1.3px;
    text-align: left;
    color: #c9c320;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.tab-menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-radius: 20px;
    border: 1px solid #dadada;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
  }
  
  .tab-menu li {
    flex: 1 1 20%;
    min-width: 160px;
    list-style: none;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background: #fff;
    position: relative;
    color: #58595B;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -1.3px;
    transition: background 0.2s, color 0.2s;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .tab-menu li:nth-child(4),
  .tab-menu li:nth-child(8) {
    border-right: none;
  }
  
  .tab-menu li:nth-child(n+5) {
    border-bottom: none;
  }
  
  .tab-menu li.active {
    background: #F8FAED;
    color: #009875;
    font-weight: 700;
  }
  
  .tab-menu li.active a {
    position: relative;
  }
  
  .tab-menu li.active a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0; right: 0; bottom: -27px;
    height: 5px;
    background: #009875;
    border-radius: 2px;
  }
  
  .tab-menu li a {
    display: inline-block;
    padding: 0 8px;
    position: relative;
    z-index: 1;
    width: 100%;
  }
  
  /* 양 끝 라운드 */
  .tab-menu li:first-child {
    border-top-left-radius: 14px;
  }
  .tab-menu li:nth-child(4) {
    border-top-right-radius: 14px;
  }
  .tab-menu li:nth-child(5) {
    border-bottom-left-radius: 14px;
  }
  .tab-menu li:nth-child(8) {
    border-bottom-right-radius: 14px;
  }

  /* select 스타일 (이미지 참고) */
.tab-select-wrap {
    width: 100%;
    max-width: 350px;
    margin: 24px auto;
    padding: 20px;
    background: #fbfbfb;
    border-radius: 4px;
    box-sizing: border-box;
  }
  
  .tab-select {
    width: 100%;
    height: 50px;
    color: var(--unnamed, #3A3A3A);
  font-family: NanumGothic;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.7px;
    border: 1.5px solid #dadada;
    border-radius: 8px;
    padding: 0 40px 0 16px;
    background: #fff url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 7.5L9 12L13.5 7.5" stroke="%23999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 16px center/18px 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    outline: none;
    transition: border 0.2s;
  }
  
  .tab-select:focus {
    border: 1.5px solid #2196f3;
  }

  
.checkup-detail-wrap {
    margin: 0px auto;
      margin-top: 80px;
      margin-bottom: 120px;
  }
  
  .checkup-title-row {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 40px;
  }
  
  .checkup-title-icon {
    width: 47px;
    height: 47px;
  }
  
  .checkup-title-row h2 {
      color: var(--H1, #404041);
      font-family: 'GyeonggiTitle';
      font-size: 40px;
      font-style: normal;
      font-weight: 500;
      line-height: 40px; /* 100% */
      letter-spacing: -2px;
  }
  
  .checkup-title-row .sub {
      font-weight: 400;
  }
  
  .checkup-desc {
      color: #58595B;
      font-family: "Noto Sans";
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 36px; /* 150% */
      letter-spacing: -1.2px;
      margin-bottom: 40px;
  }

  .checkup-desc ._red {
    color: #DF3D02;
    font-weight: 700;
  }

  .checkup-desc .highlight {
    color: #009875;
font-family: "Noto Sans";
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 120% */
letter-spacing: -1.5px;
  }

  .checkup-desc b {
    color: #404041;
font-family: "Noto Sans";
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 115.385% */
letter-spacing: -1.3px;
display: block;
margin-bottom: 20px;
  }
  
  .checkup-info-box {
    display: flex;
    gap: 75px;
    border-radius: 20px;
      border: 1px solid #DADADA;
      background: rgba(248, 248, 248, 0.50);
    margin-bottom: 77px;
    align-items: center;
    height: 100px;
    padding-left: 60px;
    box-sizing: border-box;
  }
  
  .info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    color: #009875;
    font-weight: 500;
  }
  
  .info-item img {
    width: 20px;
    height: 20px;
  }
  
  .info-item span {
      color: #009875;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 180% */
  letter-spacing: -1px;
    margin-right: 8px;
  }
  
  .info-item strong {
      color: #404041;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 180% */
  letter-spacing: -1px;
  }
  
  .checkup-section {
    margin-bottom: 60px;
  }

  .section-title {
    margin-bottom: 20px;
    color: #404041;
  font-family: "Noto Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 115.385% */
  letter-spacing: -1.3px;
  }
  
  .checkup-point-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .checkup-point-list li {
    position: relative;
    padding-left: 30px;
    color: #404041;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 200% */
  letter-spacing: -1px;
  }
  
  .checkup-point-list li::before {
    content: '';
    position: absolute;
    left: 0; top: 11px;
    width: 20px; height: 20px;
    background: url('/resource/images/ul-checkup-check.png') no-repeat center/contain;
  }

  
.common-items {
    color: #404041;
    font-family: "Noto Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 200% */
    letter-spacing: -1px;
}

.select-table-wrap {
  overflow-x: auto;
}

.select-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
  background: #fff;
  font-size: 1rem;
}

.select-table th,
.select-table td {
  border: 1px solid #dadada;
  padding: 14px 10px;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  color: #58595B;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
}

.select-table td small {
    font-size: 16px;
}

.select-table th.col-a,
.select-table td.col-a {
  background: #00aeac;
  color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 118.182% */
  border-right: 1px solid #fff;
  border-bottom: 2px solid #fff;
}

.select-table td.bd-2 {
    border-bottom: 2px solid #dadada;
}

.select-table th.col-b,
.select-table td.col-b {
  background: #00aeac;
  color: #FFF;
text-align: center;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 118.182% */
  border-left: 1px solid #fff;
}
  

.ll-checkup {
    display: flex;
    gap: 20px;
    margin-bottom: 80px;
}
.ll-checkup div {
    text-align: center;
    line-height: 65px;
    width: calc(100% / 4);
}

.ll-checkup div label {
    height: 80px;
    cursor: pointer;
    width: 100%;
    border: 2px solid #DADADA;
    border-radius: 20px;
    background: #FFF;
    color: #58595B;
    font-family: "Noto Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1.1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
    box-sizing: border-box;
}

.ll-checkup div label img {
    margin-right: 23px;
}

.ll-checkup div input[type="checkbox"]:checked + label {
    border: 2px solid #009875;
    color: #404041;
    font-weight: 700;
}

.ll-checkup.default div input[type="checkbox"]:checked + label {
    border-color: #b9b9b9;
    background-color: #ededed;
    color: #b9b9b9;
}

.ll-checkup div input[type="checkbox"] {
    display: none;
}


.ll-checkup div input[type="radio"]:checked + label {
    border: 2px solid #009875;
    color: #404041;
    font-weight: 700;
}

.ll-checkup.default div input[type="radio"]:checked + label {
    border-color: #b9b9b9;
    background-color: #ededed;
    color: #b9b9b9;
}

.ll-checkup div input[type="radio"] {
    display: none;
}

.ll-checkup div label .checkup-icon {
  display: inline-block;
  width: 30px; height: 30px;
  margin-right: 23px;
  background: url('/resource/images/ic-checkup-check.png') no-repeat center/contain;
  vertical-align: middle;
  transition: background 0.2s;
}

.ll-checkup div input[type="radio"]:checked + label .checkup-icon {
  background-image: url('/resource/images/ic-checkup-check-color.png');
}

.box_tap {
    background-color: #ffffff;
    margin: 40px auto;
	min-width: 1160px;
}


.tab-checkup {
    display: flex;
    border-bottom: 1px solid #DADADA;
    justify-content: center;
    margin-bottom: 84px;
}

.tab-checkup li {
    width: calc(50% - 40px);
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
}

.tab-checkup li a {
    color: #58595B;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 93.75% */
    letter-spacing: -1.6px;
}

.tab-checkup li.active {
    border-bottom: 5px solid #009875;
}

.tab-checkup li.active a {
    color: #009875;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 93.75% */
    letter-spacing: -1.6px;
}

.checkup-step {
    display: flex;
    align-items: center;
    color: #404041;
    font-family: "Noto Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -1.3px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dadada;
}

.checkup-step .num {
    position: relative;
    border-radius: 100px;
    width: 150px;
    height: 60px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 45px;
    box-sizing: border-box;
    color: rgb(255 255 255 / 50%);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 138.462% */
    letter-spacing: -1.3px;
}

.checkup-step .num::before {
    position: absolute;
    top: 18px;
    left: 30px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    opacity: 0.5;
    content: '';
    border-radius: 50%;
}

.checkup-step .num.idx01 {
    background: #009875;
}

.checkup-step .num.idx02 {
    background: #018768;
}

.checkup-step .num.idx03 {
    background: #087B61;
}

.checkup-step ._red {
    color: #DF3D02;
    font-family: "Noto Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.9px;
    display: inline-flex;
    align-items: center;
    margin-left: 44px;
}

.checkup-step ._red img {
    margin-right: 9px;
}

.schedule-box {
        display: flex;
        min-height: 677px;
        height: initial;
    }

    .schedule-box ._calendar { 
        width: 100%;
    }

    .schedule-box .calInfo {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        border: 0 !important;
        border-left: 0 !important;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
    }

    .label-box {
        display: flex;
        align-items: center;
    }


/* 캘린더 */
/* 검진예약 캘린더 */

.tableType-01.cal_border {
    border: 0;
}
.calInfo {
    display: flex;
    width: 100%;
    border: none;
    justify-content: flex-end;
    box-sizing: border-box;
    margin: 10px 0;
}

.label-box {
    justify-content: flex-end;
}

.calInfo .today {
    font-size: 17.5px;
    color: #333;
    position: relative;
    line-height: 29px;
    padding-left: 25px;
    margin-right: 20px;
}

.calInfo .possible {
    font-size: 17.5px;
    color: #333;
    position: relative;
    line-height: 29px;
    padding-left: 25px;
    margin-right: 20px
}

.calInfo .choice {
    font-size: 17.5px;
    color: #333;
    position: relative;
    line-height: 29px;
    padding-left: 25px;
}

.calInfo .impossible {
    font-size: 17.5px;
    color: #333;
    position: relative;
    line-height: 29px;
    padding-left: 25px;
}

.calInfo .today:before {
    content: '';
    height: 19px;
    width: 19px;
    border-radius: 50%;
    border: solid 3px #dcdcdc;
    z-index: 2;
    position: absolute;
    left: -10px;
    top: 4px;
}
.calInfo .possible:before {
    content: '';
    height: 23px;
    width: 23px;
    border-radius: 50%;
    background-color: #dcdcdc;
    z-index: 2;
    position: absolute;
    left: -6px;
    top: 4px;
}
.calInfo .choice::before {
    content: '';
    height: 23px;
    width: 23px;
    border-radius: 50%;
    background-color: #21a2c3;
    z-index: 2;
    position: absolute;
    left: -5px;
    top: 4px;
}
.calInfo .impossible::before {
    content: '';
    height: 23px;
    width: 23px;
    border-radius: 50%;
    background-color: #ff7979;
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 4px;
}
.ui-datepicker td {
    border: 0;
    padding: 8px !important;
}
.ui-widget.ui-widget-content {
    display: contents;
}
.cal .ui-datepicker .ui-datepicker-prev, .cal .ui-datepicker .ui-datepicker-next {top: 8px;}
.cal .ui-widget.ui-widget-content {display:contents !important; border:none;}
.cal .ui-datepicker {width: 28em;}
.cal .ui-datepicker .ui-datepicker-title {font-size: 28.5px; font-family: 'Lato', sans-serif; font-weight: 600;}
.cal .ui-widget-header {margin-bottom: 1em;border:none;background-color: #fff;}
.cal .ui-widget-header .ui-icon {position:relative;margin-top: -7px;text-indent:-9999px;border: none; box-shadow: none;transform-origin: center;background-color: transparent;cursor: pointer;background-image: none;}
.cal .ui-datepicker .ui-datepicker-prev,
.cal .ui-datepicker .ui-datepicker-next {top: 8px;}
.cal .ui-datepicker .ui-datepicker-prev-hover,
.cal .ui-datepicker .ui-datepicker-next-hover {border:none;background-color: #fff;}
.cal .ui-datepicker .ui-datepicker-prev span {display:none;}
.cal .ui-datepicker .ui-datepicker-next span {display:none;}
.cal .ui-datepicker-calendar tr {border: none;}
.cal .ui-datepicker-calendar th {background-color: #fff; color:#333; font-size: 17px !important; line-height: 36px; font-weight: 600;}
.cal .ui-datepicker-calendar th:first-of-type {border:none !important;}
.cal .ui-datepicker-calendar th:first-of-type span,
.cal .ui-datepicker-calendar th:first-of-type a {color:#e6001f;}
.cal .ui-datepicker-calendar th:last-of-type span,
.cal .ui-datepicker-calendar th:last-of-type a {color:#1795d0;}
.cal .ui-widget-header .ui-state-default, 
.cal .ui-button, 
html .cal .ui-button.ui-state-disabled:hover, 
html .cal .ui-button.ui-state-disabled:active {border:none;background-color: #fff;}
.cal .ui-datepicker td span, .cal .ui-datepicker td a {width:41px;height:41px;margin:0 auto;font-family: 'Lato', sans-serif;font-size: 17px !important;font-weight: 600;line-height: 41px;text-align: center;border:none;border-radius: 100%;}
.ui-datepicker .ui-datepicker-week-end:first-child {border-left: none !important;}
.ui-datepicker .ui-datepicker-week-end:last-child {border-right: none !important;}
.ui-datepicker .ui-datepicker-week-end:first-child a {color: #d61818;}
.ui-datepicker .ui-datepicker-week-end:last-child a {color:#21a2c3;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #21a2c3 !important;
}
.ui-datepicker td.ui-datepicker-current-day a {
    color: #fff !important;
    background-color: #21a2c3;
}
.ui-datepicker td.ui-datepicker-impossible-day a {
    color: #fff !important;
    background-color: #ff7979;
}
.ui-datepicker td.ui-datepicker-today a {
    color: #333;
    border: 4px solid #dcdcdc;
    background-color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #ffffff;
    font-weight: normal;
    color: #333;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before {
    border-left: 0.2rem solid #47505b;
    border-bottom: 0.2rem solid #47505b;
}
.ui-datepicker .ui-datepicker-header a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 8px auto 0;
    transform: rotate(45deg);
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before {
    border-top: 0.2rem solid #47505b;
    border-right: 0.2rem solid #47505b;
}
.ui-datepicker .ui-datepicker-header a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 8px auto 0;
    transform: rotate(45deg);
}
.cal .ui-datepicker .ui-datepicker-prev, .cal .ui-datepicker .ui-datepicker-next {
    top: 18px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 180px;
}
.ui-datepicker .ui-datepicker-next {
    right: 158px;
}

.schedule-box ._calendar {
    width: 100%;
    padding: 50px;
    border-right: 1px solid #dadada;
    box-sizing: border-box;
    border: 1px solid #e4e4e4 !important;
    border-radius: 20px;
}

.form-table-wrap {
  width: 100%;
  margin-bottom: 80px;
}

.form-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.form-table th,
.form-table td {
  padding: 18px 12px;
  border-bottom: 1px solid #dadada;
  font-size: 15px;
  text-align: left;
}

.form-table tr:first-child td {
    border-top: 1px solid #dadada;
}

.form-table th {
    width: 300px;
    background: rgba(245, 245, 245, 0.50);
    color: #58595B;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    text-align: center;
    border-top: 1px solid #dadada;
}


.phone-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .select-wrap {
    position: relative;
    display: inline-block;
  }
  
  .select-wrap select {
    width: 160px;
    height: 54px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 0 24px 0 10px;
    font-size: 15px;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  
  .select-wrap .arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    pointer-events: none;
    transform: translateY(-50%);
    background: url('data:image/svg+xml;utf8,<svg width="10" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M1 1l4 4 4-4" stroke="%23999" stroke-width="1.5" fill="none" fill-rule="evenodd"/></svg>') no-repeat center/contain;
  }
  
  .dash {
    color: #bbb;
    font-size: 18px;
    margin: 0 2px;
  }
  
  .private_data.bottom {
      border: 1px solid #dadada;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      background: #FFF;
      padding: 28px 34px;
      border-top: 0;
      max-height: 560px;
      box-sizing: border-box;
      overflow: auto;
  }
  
  .private_data.bottom .block_content {
      margin-bottom: 20px;
      display: block;
  }
  
  .privacy-section {
    margin: 40px auto 0 auto;
  }
  
  .privacy-box {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #dadada;
    padding: 0;
    margin-bottom: 50px;
    overflow: hidden;
  }
  
  .privacy-title {
      border-radius: 20px 20px 0px 0px;
      border: 1px solid #DADADA;
      background: #00AEAC;    
      height: 80px;
      display: flex;
      align-items: center;
      padding-left: 34px;
      color: #FFF;
      font-family: "Noto Sans";
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px; /* 180% */
      letter-spacing: -1px;
  }
  
  .privacy-content {
    padding: 0 24px;
    background: #fff;
  }
  
  .privacy-scroll {
      max-height: 560px;
    min-height: 120px;
    overflow-y: auto;
      color: #58595B;
      font-family: "Noto Sans";
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 36px; /* 200% */
      letter-spacing: -0.9px;
    padding: 28px 34px;
    border-bottom: 1px solid #ededed;
  }
  
  .privacy-scroll .block_content {
      display: block;
      margin-bottom: 20px;
  }
  
  .privacy-agree {
    display: flex;
    align-items: center;
    padding: 18px 24px;
    background: #fafafa;
    border-radius: 0 0 16px 16px;
    font-size: 1rem;
  }
  
  .privacy-agree input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #009875;
    margin-right: 10px;
  }
  
  .privacy-agree label {
    cursor: pointer;
    color: #404041;
      text-align: center;
      font-family: Inter;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px; /* 130% */
  }
  
  /* 하단 안내 */
  .center-info-box {
      text-align: center;
      border-radius: 20px;
      background: #F8FAED;
      height: 205px;
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: column;
  }
  
  .center-info-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  
  .center-icon {
    width: 42px;
    height: 42px;
    vertical-align: middle;
  }
  
  .center-label {
      color: #404041;
      font-family: "Noto Sans";
      font-size: 26px;
      font-style: normal;
      font-weight: 400;
      line-height: 46px; /* 176.923% */
      letter-spacing: -1.3px;
      margin-right: 4px;
      margin-left: 15px;
  }
  
  .center-number {
      color: #009875 !important;
      font-family: "Noto Sans";
      font-size: 34px;
      font-style: normal;
      font-weight: 700;
      line-height: 46px;
  }
  
  .center-desc {
      color: #58595B;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 46px; /* 230% */
  letter-spacing: -1px;
    margin-top: 10px;
  }
  
  .checkup-reserve {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 60px;
  }
  
  .checkup-reserve button {
      width: 280px;
      height: 80px;
      border-radius: 100px;
      background: #009875;
      color: #FFF;
      font-family: "Noto Sans";
      font-size: 26px;
      font-style: normal;
      font-weight: 600;
      line-height: 46px; /* 176.923% */
      letter-spacing: -1.3px;
  }
  
  .check-allprogram {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 80px;
  }
  
  .check-allprogram a {
      width: 416px;
      height: 80px;
      border-radius: 100px;
      background: #7AC252;
      color: #FFF !important;
      font-family: "Noto Sans";
      font-size: 26px;
      font-style: normal;
      font-weight: 600;
      line-height: 46px; /* 176.923% */
      letter-spacing: -1.3px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .total-program {
      margin-top: -20px;
  }
  
  .tableType-01.program {
      width: 100%;
      margin-bottom: 60px;
  }
  
  .tableType-01.program th {
      border-radius: 10px;
      border: 0;
      background: rgba(245, 245, 245, 0.50);
      color: #58595B;
      text-align: center;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px; /* 144.444% */
  }
  
  .tableType-01.program th:first-of-type {
      border-right: 0 !important;
  }
  
  .tableType-01.program td {
      border-top: 0;
      border-bottom: 1px solid #dadada;
      border-right: 0;
  }
  .tableType-01.program td:last-child {
      color: #404041;
      font-family: Inter;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 26px; /* 130% */  
  }
  
  .tableType-01.program td input[type="radio"] {
      border: 1px solid #ddd; /* 테두리 색 */
      border-radius: 5px; /* 사각형 모서리 둥글게 */
      height: 25px; /* 높이 */
      width: 25px; /* 너비 */
      padding: 0;
      appearance: none; /* 기본 radio 버튼 스타일 제거 */
      background-color: #fff; /* 기본 배경색 */
      display: inline-block; /* 박스 형태로 만들기 */
      box-sizing: border-box;
      cursor: pointer; /* 클릭 가능한 모양 */
  }
  
  /* 선택된 radio 버튼 스타일 */
  .tableType-01.program td input[type="radio"]:checked {
      background-color: #009875; /* 선택되었을 때 배경색 */
      border-color: #009875; /* 테두리 색 */
  }
  
  /* 선택된 radio 버튼 안에 체크 표시 추가 */
  .tableType-01.program td input[type="radio"]:checked::after {
      content: '\2713'; /* 체크 표시 (✔) */
      font-size: 18px; /* 체크 표시 크기 */
      color: white; /* 체크 표시 색상 */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); /* 중앙 정렬 */
  }
  
      .tableType-01.program td input {
          border: 1px solid #ddd;
          border-radius: 5px;
          height: 25px;
          width: 100%;
          padding: 0 10px;
      }
  
  .custom-row {
    display: flex;
    width: 100%;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    overflow: hidden;
  }
  
  .cell {
      padding: 17px 0;
      
      background: #fafafa;
      color: #58595B;
      text-align: center;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px;
  }
  
  .cell.left {
    flex: 0 0 10%;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  
  .cell.middle {
    flex: 0 0 20%;
  }
  
  .cell.right {
    flex: 0 0 70%;
    border-right: none;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  
.input-text {
    width: 163px;
    height: 54px;
    border: 1px solid #dadada;
    border-radius: 10px;
    padding: 0 12px;
    background: #fff;
    box-sizing: border-box;
    color: #58595B;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
  }
  
  .input-text.wide {
      width: 297px;
  }

  .reservation-check-wrap {
    width: 100%;
max-width: 1300px;
margin: 40px auto;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
padding: 135px 0 117px 0;
border-radius: 20px;
border: 1px solid #DADADA;
background: #FFF;
}

.reservation-check-inner {
width: 90%;
max-width: 1000px;
margin: 0 auto;
}

.reservation-title {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
margin-bottom: 36px;
text-align: center;
color: #404041;
font-family: 'GyeonggiTitle';
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 40px;
letter-spacing: -2px;
}

.reservation-icon {
width: 47px;
height: 47px;
vertical-align: middle;
}

.reservation-form table {
width: 100%;
border-collapse: collapse;
margin-bottom: 80px;
}

.reservation-form th,
.reservation-form td {
padding: 21px 22px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
}

.reservation-form th {
width: 300px;
color: #58595B;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
background: rgba(245, 245, 245, 0.50);
}

     

.reservation-btn {
    display: block;
    width: 280px;
  height: 80px;
  box-sizing: border-box;
    margin: 28px auto 0 auto;
    background: #009875;
    border: none;
    border-radius: 100px;
    padding: 14px 0;
    cursor: pointer;
    transition: background 0.2s;
    color: #FFF;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 46px; /* 176.923% */
  letter-spacing: -1.3px;
  }

  
.reservation-result-wrap {
    width: 100%;
    max-width: 1300px;
    margin: 40px auto;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
    padding: 135px 0 117px 0;
    border-radius: 20px;
    border: 1px solid #DADADA;
    background: #FFF;
}

.reservation-result-inner {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

.no-reservation-msg, .reservation-msg {
  margin-bottom: 50px;
  border-radius: 20px;
    background: #F8FAED;
    color: #404041;
    font-family: "Noto Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px; /* 127.778% */
    letter-spacing: -1.8px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reservation-msg b {
    color: #DF3D02;
    font-weight: 600;
    margin-left: 10px;
}

.center-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    font-size: 1rem;
    margin-bottom: 50px;
  }
  
  .confirm-btn {
    display: block;
    margin: 0 auto;
    color: #FFF;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 46px; /* 176.923% */
  letter-spacing: -1.3px;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    width: 280px;
  height: 80px;
  border-radius: 100px;
  background: #009875;
  }

  .card-grid {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 460px);
    grid-template-rows: repeat(2, 540px);
    gap: 40px;
    margin-bottom: 130px;
}

.card-grid .card {
background: #fff;
border-radius: 25px;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 540px;
width: 460px;
overflow: hidden;
}

.card-grid .card-content {
padding: 0;
flex: 1;
max-height: 460px;
}

.card-grid .card-content.center {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
color: #bbb;
font-size: 1.2rem;
font-weight: 500;
aspect-ratio: 1 / 1;
}

.card-grid .card-content.center img {
    width: 100%;
}

.card-grid .card-btn {
width: 100%;
background: #ffffff;
height: 80px;
color: #333;
cursor: pointer;
border-radius: 0 0 24px 24px;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.5px;
border: 1px solid #dadada;
border-top: 0;
}

.card-grid .card-text h3 {
font-size: 1.2rem;
margin-bottom: 12px;
color: #333;
}
.card-grid .card-text ul {
padding-left: 18px;
color: #666;
font-size: 1rem;
}
.card-grid .card-text li {
margin-bottom: 6px;
}

.card-popup-overlay {
display: none;
position: fixed;
z-index: 1000;
left: 0; top: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.6);
justify-content: center;
align-items: center;
}
.card-popup-overlay.active {
display: flex;
}
.card-popup-overlay .popup-content {
background: transparent;
border-radius: 40px;
position: relative;
width: 600px;
max-height: 600px;
display: flex;
flex-direction: column;
align-items: center;
padding: 0;
}

.card-popup-overlay .swiper-container {
width: 100%;
height: 100%;
}
.card-popup-overlay .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
background: none;
}

.card-popup-overlay .swiper-slide img {
border-radius: 40px;
}

.card-popup-overlay .swiper-pagination {
bottom: 30px !important;
}

.card-popup-overlay .swiper-button-prev,
.card-popup-overlay .swiper-button-next {
width: 80px;  /* 원하는 크기로 조정 */
height: 80px;
background: none;
}

.card-popup-overlay .swiper-button-prev::after,
.card-popup-overlay .swiper-button-next::after {
display: none; /* Swiper 기본 화살표 숨김 */
}

.card-popup-overlay .swiper-button-prev img,
.card-popup-overlay .swiper-button-next img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.card-popup-overlay .swiper-button-prev, 
.card-popup-overlay .swiper-container-rtl .swiper-button-next {
left: -110px;
right: auto;
}

.card-popup-overlay .swiper-button-next, 
.card-popup-overlay .swiper-container-rtl .swiper-button-prev {
right: -110px;
left: auto;
}

.card-popup-overlay .swiper-pagination-bullet {
width: 8px;
height: 8px;
width: 16px;
height: 16px;
margin: 0 6px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
}

.card-popup-overlay .swiper-pagination-bullet-active {
opacity: 1;
background: #009875;
}

.health-checkup-guide h3 {
    color: #404041;
    font-family: "Noto Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -1.3px;
    display: flex;
    align-items: center;
    gap: 6px;
  margin-bottom: 20px;
  margin-top: 60px;
  }
  
  .health-checkup-guide h3.mt-40 {
    margin-top: 40px;
  }
  
  .health-checkup-guide h3 b {
    font-weight: 400;
  }
  
  .health-checkup-guide .desc {
    color: #404041;
  font-family: "Noto Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  letter-spacing: -1.2px;
  margin-bottom: 60px;
  }
  
  .health-checkup-guide .desc b {
    color: #58595B;
  }
  
  .hc-red {
    color: #DF3D02;
    font-weight: 400;
  }
  
  .hc-green {
    color: #009875;
  font-family: "Noto Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
  letter-spacing: -1.2px;
  }
  
  .hc-small {
    font-size: 0.97em;
  }
  
  .select-table th.col-a, .select-table td.col-a {
      background: #00aeac;
      color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
      border-right: 1px solid #fff;
      border-bottom: 2px solid #fff;
  }
  
  .select-table td.text-left {
      text-align: left;
      line-height: 34px;
      padding: 20px 40px 40px;
  }
  
  .hc-section {
    margin-bottom: 18px;
  }
  
  .hc-section ul {
    color: #58595B;
  font-family: "Noto Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -1.2px;
    padding: 0;
    list-style: disc;
  }
  
  .hc-section .hc-red {
    font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -1.2px;
  margin-top: 40px;
  }
  
  .hc-section ul li {
    margin-bottom: 4px;
  }

  .cancer-program {
    margin: 0 auto;
    margin-top: 160px;
  }
  
  .cancer-program-icon {
    display: inline-block;
    color: #00b6ad;
    font-size: 1.5em;
    font-weight: 900;
    vertical-align: middle;
  }
  
  .cancer-item {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 60px;
  }
  
  .cancer-item.flex-start {
      align-items: flex-start;
      margin-bottom: 100px;
  }
  
  .cancer-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .cancer-img {
      width: 245px;
      height: 214px;
      border-radius: 40px;
      background: #F8FAED;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .cancer-img img {
    object-fit: contain;
    display: block;
  }
  
  .cancer-content {
    flex: 1;
  }
  
  .cancer-content h3 {
  font-family: "Noto Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 115.385% */
  letter-spacing: -1.3px;
    margin-bottom: 20px;
    color: #404041;
  }
  
  .cancer-content p {
      margin-bottom: 20px;
      color: #404041;
  font-family: "Noto Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  letter-spacing: -1.2px;
  }
  
  .cancer-desc-small {
      color: #58595B;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 180% */
  letter-spacing: -1.2px;
    display: block;
    margin-top: 2px;
  }
  
  .cancer-warning {
    color: #DF3D02;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 180% */
  letter-spacing: -1.2px;
  margin-top: 20px;
  display: block;
  }
  
  .cancer-steps {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 6px;
  }
  
  .cancer-steps .item {
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #087B61;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 150% */
  letter-spacing: -1px;
  min-width: 205px;
  border-radius: 50px;
  border: 2px solid #009875;
  background: #FFF;
  height: 60px;
  }
  
  .cancer-steps .item.wide {
      min-width: 388px;
  }
  
  .cancer-steps .arrow {
    
  }
@media screen and (max-width:1820px) { 
    .center-slide {
        aspect-ratio: 268 / 420;
        width: 100%;
        height: initial;
    }
}

@media screen and (max-width:1560px) { 
    .box-main-04 .inner {
        width: 100%;
        padding: 0 30px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .box-main-04 .main-notice ._each:not(:last-child) {
        margin-right: 15px;
    }

    .box-main-04 .main-notice ._each {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        width: calc(100% / 4 - 20px);
    }

    .box-main-04 .main-notice {
        justify-content: center;
    }

    .box-main-02 .inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .box-main-03 .inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .box-main-03 .main-tv {
        width: 100%;
    }

    .box-main-03 .main-tv ._big {
        width: 70%;
        aspect-ratio: 1068 / 620;
    }

    .box-main-03 .main-tv ._big img {
        width: 100%;
    }

    .center-slide .box-center a {
        padding: 70px 0 60px;
    }

    .center-slide .box-center.idx02 a {
        padding: 100px 0 60px;
    }
    
    .center-slide .box-center.idx05 a {
        padding: 100px 0 60px;
    }
    
    .center-slide .box-center.idx06 a {
        padding: 100px 0 60px;
    }
    
    .center-slide .box-center.idx07 a {
        padding: 100px 0 60px;
    }
    
    .center-slide .box-center.idx08 a {
        padding: 100px 0 60px;
    }

    .center-slide .box-center a p {
        color: #FFF;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: -1.8px;
    }
}

@media screen and (max-width:1870px) {
    .footer .logo::after {
        right: -70px;
    }
}

@media screen and (max-width:1800px) {
    .footer .logo::after {
        display: none;
    }
}

@media screen and (max-width:1700px) {
    .footer {
        width: 100%;
        height: 394px;
        padding: 108px 180px 113px 180px;
    }
}

@media screen and (max-width:1600px) {
    .footer {
        width: 100%;
        height: auto;
        padding: 108px 261px 113px 262px;
        border: solid 0 #000;
        background-color: #333;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .footer .info {
        margin-top: 50px;
    }

    .map-info {
        width: 860px;
        margin: 0 auto;
        padding: 112px 20px 90px 100px;
    }

    .box-sub01-02-1 .box-doctor.idx01 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-right: 50px;
        box-sizing: border-box;
    }

    .box-sub01-02-1 .box-doctor.idx02 {
        margin-top: 80px;
        justify-content: flex-end;
        width: 100%;
        padding-left: 50px;
        box-sizing: border-box;
    }

    .box-sub01-02-1 .box-doctor.idx02 .content {
        margin-right: 70px;
    }

	.box-sub01-02-1 .box-doctor.idx03 {
        margin-top: 80px;
        justify-content: flex-end;
        width: 100%;
        padding-left: 0px;
        box-sizing: border-box;
    }

    .box-sub01-02-1 .box-doctor.idx03 .content {
        margin-right: 70px;
    }
}

@media screen and (max-width:1500px) {
    .box-randing-01 ._inner {
        width: 100%;
        margin: 0 auto;
        display: flex;
        padding: 80px 0;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .box-randing-01 ._inner .call div {
        display: flex;
        align-items: center;
        margin-bottom: 40px;
    }

    .box-randing-02 {
        padding: 205px 0 100px;
    }

    .box-randing-02 ._inner {
        width: 100%;
        margin: 0 auto;
        display: flex;
        box-sizing: border-box;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    .box-randing-02 ._inner .box-center {
        margin-top: 50px;
    }

    .box-randing-03 {
        display: flex;
        padding-bottom: 260px;
        flex-direction: column;
        align-items: center;
    }

    .box-randing-03 .box-doc {
        position: relative;
        width: 100%;
        margin-top: 900px;
    }

    .box-randing-03 .box-content {
        display: flex;
        flex-direction: column;
        padding-left: 137px;
        padding-top: 164px;
    }

    .box-randing-03 .box-content {
        display: flex;
        flex-direction: column;
        padding-left: 137px;
        padding-top: 164px;
    }

    

    .footer .logo {
        height: 102px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        margin-bottom: 87px;
    }

    .footer .logo::after {
        width: 460px;
        height: 1;
        opacity: 0.3;
        background-color: #fff;
        right: initial;
        top: initial;
        position: absolute;
        content: '';
        bottom: -34px;
    }  
    
    .tab-menu li {
        flex: 1 1 20%;
        min-width: 160px;
        list-style: none;
        text-align: center;
        cursor: pointer;
        border-right: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        background: #fff;
        position: relative;
        color: #58595B;
        text-align: center;
        font-family: "Noto Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -1.3px;
        transition: background 0.2s, color 0.2s;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .checkup-title-row h2 {
        color: var(--H1, #404041);
        font-family: 'GyeonggiTitle';
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -2px;
    }

    .checkup-desc {
        color: #58595B;
        font-family: "Noto Sans";
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: -1.2px;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
    }

    .checkup-desc ._red {
        color: #DF3D02;
        font-weight: 700;
        margin-left: 10px;
        font-size: 21px;
        margin-bottom: 0;
        line-height: normal;
    }

    .health-checkup-guide .desc {
        color: #404041;
        font-family: "Noto Sans";
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: -1.2px;
        margin-bottom: 60px;
    }

    .hc-section .hc-red {
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: -1.2px;
        margin-top: 30px;
    }

    .hc-section ul {
        color: #58595B;
        font-family: "Noto Sans";
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: -1.2px;
        padding: 0;
        list-style: disc;
    }

    .checkup-desc .highlight {
        color: #009875;
        font-family: "Noto Sans";
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: -1.5px;
    }

    .cancer-program {
        margin: 0 auto;
        margin-top: 130px;
    }
}

@media screen and (max-width: 1024px) {
    body {
        min-width: initial !important;
    }

    header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: transparent;
        color: white;
        padding: 0px 20px;
        position: fixed;
        transition: background-color 0.3s ease;
        width: 100%;
        height: 76px;
        box-sizing: border-box;
        z-index: 100;
        flex-direction: row;
    }

    header.on {
        background: #fff !important;
        box-shadow: 2px 2px 4px #ededed;
    }

    header:hover {
        background-color: transparent;
        color: #fff;
    }

    .logo img {
        height: 30px;
    }

    .hamburger-menu img {
        width: 36px;
        height: auto;
    }

    .swipeable {
        overflow-y: hidden;
        overscroll-behavior: none;
        height: 100vh;
    }

    .m-bg {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #F5F5F5;
        z-index: 9998;
    }

    .rotate-180 {
        transform: rotate(180deg);
        transition: transform 0.3s;
    }

    .main-menu {
        display: none;
    }

    .open-menu {
        position: fixed;
        z-index: 10100;
        top: 0;
        background: #F5F5F5;
        width: 100%;
        display: none;
        overflow: auto;
        height: 100vh;
    }

    .open-menu img {
        position: absolute;
        right: 24px;
        top: 20px;
        cursor: pointer;
    }

    .open-menu .inner {
        width: 100%;
        margin: 0 auto;
        border-left: none;
        display: flex;
        flex-direction: column;
        padding: 60px 0px;
    }

    .open-menu .inner ._each {
        width: 100%;
        border-right: none;
        padding: 0px;
        box-sizing: border-box;
    }

    .open-menu .inner ._each .mainMenu {
        padding: 0px 24px;
        margin-bottom: 0;
        display: flex;
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 17px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.34px;
        height: 60px;
        align-items: center;
        justify-content: space-between;
    }

    .open-menu .inner ._each .mainMenu img {
        position: relative;
        top: initial;
        right: initial;
        width: 13px;
        height: 13px;
    }

    .open-menu .inner ._each ._menu+._menu {
        margin-top: 0;
    }

    .open-menu .inner ._each .row {
        display: none;
        margin-bottom: 0;
    }

    .open-menu .inner ._each ul {
        display: none;
        padding: 24px;
        background-color: #fff;
    }

    .open-menu .inner ._each .row.big {
        margin-bottom: 0;
    }

    .open-menu .inner ._each ul li:not(:last-child) {
        margin-bottom: 20px;
    }

    .open-menu .inner ._each ul li span {
        font-family: 'Noto Sans KR', sans-serif;
        color: var(--H2, #58595B);
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .open-menu .inner ._each ul li:hover span {
        color: #009875;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        font-family: 'Noto Sans KR', sans-serif;
    }

    .open-menu .inner ._each ul li small {
        color: #A6A6A6;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -1.12px;
        display: block;
        margin-bottom: 5px;
    }

    .swiper-container.main .slide-control {
        position: absolute;
        bottom: 55px; 
    }

    .swiper-container.main .swiper-pagination-bullet {
        width: 25px;
        height: 7px;
        display: inline-block;
        opacity: 1;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.30);
    }

    .main-slide.idx01 .bg {
        background: url(/resource/images/main-visual-01.png) lightgray no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        padding-bottom: calc(910 / 1920* 100%);
        width: 100%;
        position: absolute;
        left: 0;
        height: 0;
        top: 0;
        background-repeat: no-repeat;
    }
    
    .main-slide.idx02 .bg {
        background: url(/resource/images/main-visual-02.png) lightgray no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        padding-bottom: calc(910 / 1920* 100%);
        width: 100%;
        position: absolute;
        left: 0;
        height: 0;
        top: 0;
        background-repeat: no-repeat;
    }

    .main-slide .box-txt {
        width: 100%;
    }

    .main-slide .box-txt img {
        width: 119px;
    }

    .main-slide.idx01 .box-txt p,
    .main-slide.idx02 .box-txt p {
        margin-bottom: 20px;
        margin-top: 18px;
        color: #FFF;
        text-align: center;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
        font-family: "GyeonggiTitle";
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -2.1px;
    }

    .main-slide.idx01 .box-txt p b,
    .main-slide.idx02 .box-txt p b {
        font-size: 50px;
    }

    .main-slide.idx01 .box-txt span {
        color: #FFF;
        text-align: center;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -1.4px;
    }

    .box-main-01 {
        padding: 70px 0 85px;
    }
    
    .box-main-01 .top {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 70px;
    }
    
    .box-main-01 .top span {
        display: block;
        color: #009875;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 142.857% */
        margin-bottom: 18px;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 200% */
        letter-spacing: -1px;
    }
    
    .box-main-01 .top h1 {
        color: #000;
        text-align: center;
        font-family: "GyeonggiTitle";
         /* 116.129% */
        margin-bottom: 15px;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 38px; /* 118.75% */
        letter-spacing: -0.64px;
    }
    
    .box-main-01 .top p {
        color: #58595B;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 153.846% */
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: -0.8px;
    }
    
    .box-main-01 .top p .red {
        color: var(--point-red, #DF3D02);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.8px;
    }
    
    .box-main-01 .top p .green {
        color: #009875;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.8px;
    }
    
    .container .swiper-container.center {
        margin-left: 20px;
        width: calc(100% - 20px);
    }

    .center-slide .box-center a p {
        color: #FFF;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: -0.9px;
    }

    .center-slide {
        width: 134px;
        height: 210px;
    }

    .center-slide .box-center.idx02 a {
        padding: 60px 0 36px;
    }
    
    .center-slide .box-center.idx05 a {
        padding: 60px 0 36px;
    }
    
    .center-slide .box-center.idx06 a {
        padding: 60px 0 36px;
    }
    
    .center-slide .box-center.idx07 a {
        padding: 60px 0 36px;
    }
    
    .center-slide .box-center.idx08 a {
        padding: 60px 0 36px;
    }
    
    .center-slide .box-center a p {
        color: #FFF;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: -0.9px;
    }

    .center-slide .box-center a {
        padding: 60px 0 24px;
    }

    .container .swiper-container.center .swiper-wrapper {
        height: 240px;
    }

    .swiper-progress-bar {
        display: none;
    }

    .box-main-02 {
        padding: 0 0 0px 0;
    }

    .box-main-02 .inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-main-02 .top {
        display: flex;
        flex-direction: column;
    }
    
    .box-main-02 .top span {
        display: block;
        color: #00AEAC;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 20px;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 200% */
        letter-spacing: -1px;
    }
    
    .box-main-02 .top h1 {
        color: #000;
        text-align: center;
        font-family: "GyeonggiTitle";
        margin-bottom: 40px;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 38px; /* 118.75% */
        letter-spacing: -0.64px;
    }

    .container .swiper-container.mb-doc {
        height: 547px;
        padding-left: 20px;
    }

    .swiper-container.mb-doc .swiper-slide {
        width: 280px;
        height: 368px;
    }

    .box-main-02 .doctor ._each {
        width: 280px;
        height: 368px;
        border-radius: 60px;
    }

    .box-main-02 .doctor ._each.doc01 {
        background: url(/resource/images/doc-01-m.png);
        background-size: cover;
        background-position: center;
        position: relative;
        overflow: visible;
        cursor: pointer;
    }

    .box-main-02 .doctor ._each.doc02 {
        background: url(/resource/images/doctor-temp-m.png);
        background-size: cover;
        background-position: center;
        position: relative;
        overflow: visible;
        cursor: pointer;
    }

    .box-main-02 .doctor ._each.doc03 {
        background: url(/resource/images/doc-temp.png);
        background-size: cover;
        background-position: center;
        position: relative;
        overflow: visible;
        cursor: pointer;
    }

    .box-main-02 .doctor {
        display: flex;
    }

    .box-main-02 .doctor ._each .info {
        display: flex;
        position: absolute;
        bottom: -65px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 131px;
        width: 131px;
        height: 131px;
        background: rgba(0, 174, 172, 0.80);
        align-items: center;
        flex-direction: column;
        justify-content: center;
        z-index: 10;
        cursor: pointer;
        opacity: 1;
        transition: opacity 1.5s ease; /* 스르르 나타나는 효과 */
    }
    
    .box-main-02 .doctor ._each .info span {
        color: #F5F5F5;
        font-family: 'Noto Sans KR', sans-serif;
        display: block;
        margin-bottom: 6px;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.9px;
    }
    
    .box-main-02 .doctor ._each .info p {
        color: #FFF;
        text-align: center;
        font-family: "GyeonggiTitle";
        margin-bottom: 10px;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 3px;
    }

    .container .swiper-container.mb-notice {
        height: 424px;
        padding-left: 20px;
    }

    .swiper-container.mb-notice .swiper-slide {
        width: 280px;
        height: 366px;
    }

    .box-main-02 .main-notice ._each {
        width: 280px;
        height: 366px;
    }

    .box-main-04 .main-notice ._each img {
        width: 100%;
        height: auto;
		border-radius:30px;
    }

    .box-main-04 .main-notice ._each .txt {
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .box-main-04 .main-notice ._each .txt p {
        margin-bottom: 5px;
        color: #000;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.5px;
    }
    
    .box-main-04 .main-notice ._each .txt small {
        color: #A6A6A6;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.5px;
    }

    .box-main-03 {
        padding: 0;
        position: relative;
        padding-top: 100px;
    }
    
    .box-main-03 .bg {
        bottom: 0;
        left: 0;
        background: url(/resource/images/main-03-bg.png);
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 0;
        padding-bottom: calc(532 / 1920* 100%);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }
    
    .box-main-03 .inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-main-03 .top {
        display: flex;
        flex-direction: column;
    }
    
    .box-main-03 .top span {
        display: block;
        color: #BED733;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 20px;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 200% */
        letter-spacing: -1px;
    }
    
    .box-main-03 .top h1 {
        color: #000;
        text-align: center;
        font-family: "GyeonggiTitle";
         /* 116.129% */
        margin-bottom: 40px;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 38px; /* 118.75% */
        letter-spacing: -0.64px;
    }
    
    .box-main-03 .main-tv {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .box-main-03 .main-tv ._big {
        padding: 0 20px;
        display: none;
    }
    
    .box-main-03 .main-tv ._thum {
        height: auto;
        overflow: initial;
        padding: 0 20px;
    }

    .box-main-03 .main-tv ._thum::after {
        display: none;
    }

    .box-main-03 .main-tv ._thum .box-tv-list {
        display: flex;
        flex-direction: column;
    }
    
    .box-main-03 .main-tv ._thum .box-tv-list li:not(:last-child) {
        margin-bottom: 20px;
    }
    
    .box-main-03 .main-tv ._thum .box-tv-list li:last-child {
        position: relative;
        margin-bottom: 0;
    }
    
    .box-main-03 .main-tv ._thum .box-tv-list li img {
        width: 100%;
    }

    .box-main-03 .main-tv ._thum .box-tv-list li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .box-main-03 .main-tv ._thum .show-more {
        width: 100%;
        height: 40px;
    }

    .box-main-03 .main-tv ._thum .show-more a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #B2B2B2;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.7px;
        border-radius: 7px;
        border: 1px solid #DADADA;
        margin-top: 20px;
        position: relative;
        z-index: 10;
    }

    .box-main-04 {
        padding: 100px 0;
        position: relative;
        background: #F8FAED;
    }
    
    .box-main-04 .inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-main-04 .top {
        display: flex;
        flex-direction: column;
    }
    
    .box-main-04 .top span {
        display: block;
        color: #7AC252;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 20px;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 200% */
        letter-spacing: -1px;
    }
    
    .box-main-04 .top h1 {
        font-family: "GyeonggiTitle";
        margin-bottom: 40px;
        color: #000;
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 38px;
    }

    .m-quick {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10001;
    }

    .m-quick ._each {
        width: calc(100%/3);
        display: flex;
        justify-content: center;
        height: 44px;
        align-items: center;
    }

    .m-quick ._each:first-child {
        background: #009875;
    }

    .m-quick ._each:nth-child(2) {
        background: #00AEAC;
    }

    .m-quick ._each:nth-child(3) {
        background: #7AC252;
    }

    .m-quick ._each span {
        display: inline-block;
        margin-left: 5px;
        color: #F8F8F8;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.1px;
    }

    /* sub */

    .sub-bnnr {
        width: 100%;
        height: 360px;
        margin: 0 auto;
        position: relative;
        isolation: isolate;
    }

    .sub-bnnr .inner {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .sub-bnnr .inner small {
        color: #DADADA;
        text-align: center;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
        font-family: "GyeonggiTitle";
        font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
        display: block;
    }
    .sub-bnnr .inner p {
        color: #FFF;
        text-align: center;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
        font-family: "GyeonggiTitle";
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 10px 0 30px;
    }
    .sub-bnnr .inner span {
        color: #FFF;
        text-align: center;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -1.26px;
        display: block;
    }

    .sub-bnnr.idx01-01 {
        background: url(/resource/images/sub-banner-01-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx02-01 {
        background: url(/resource/images/sub-banner-02-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx03-01 {
        background: url(/resource/images/sub-banner-03-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx04-01 {
        background: url(/resource/images/sub-banner-04-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx05-01 {
        background: url(/resource/images/sub-banner-05-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx06-01 {
        background: url(/resource/images/sub-banner-06-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx07-01 {
        background: url(/resource/images/sub-banner-07-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx08-01 {
        background: url(/resource/images/sub-banner-08-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx09-01 {
        background: url(/resource/images/sub-banner-09-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx10-01 {
        background: url(/resource/images/sub-banner-10-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx11-01 {
        background: url(/resource/images/sub-banner-11-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx12-01 {
        background: url(/resource/images/sub-banner-12-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .sub-bnnr.idx13-01 {
        background: url(/resource/images/sub-banner-13-01-m.png) lightgray no-repeat;
        background-size: cover;
    }

    .wrap-loc {
        height: 48px;
        display: flex;
        border-bottom: 1px solid #D9D9D9;
    }
   
    #location .home {
        display: none;
    }
    
    #location .locDepth1,  #location .locDepth2 {
        width: 50%;
    }

    #location button {
        color: #333;
        font-family: Pretendard;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .pageMenu ul {
        top: 49px;
        z-index: 10000;
        width: calc(100% + 1px);
        margin-left: 0;
    }

    .pageMenu ul li a img {
        display: none !important;
    }

    .container .page-symbol {
        position: absolute;
        top: -15px;
        right: 0;
        width: 309px;
        height: 309px;
        z-index: -1;
    }

    .box-sub01-01-1 .box-mb {
        position: relative;
        padding: 0 20px;
    }

    .box-sub01-01-1 {
        padding: 90px 0 470px;
    }
    
    .box-sub01-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub01-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub01-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub01-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 70px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub01-01-1 ._inner .content {
        margin-top: 0;
        position: relative;
    }
    
    .box-sub01-01-1 ._inner .content h1 {
        background: linear-gradient(90deg, #009875 0%, #003226 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "GyeonggiTitle";
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px; /* 120% */
        letter-spacing: -1.5px;
    }
    
    .box-sub01-01-1 ._inner .content p {
        color: var(--H1, #404041);
        font-family: "GyeonggiTitle";
        margin-bottom: 6px;
        margin-top: 30px;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 138.462% */
        letter-spacing: -0.78px;
        position: relative;
        z-index: 100;
    }
    
    .box-sub01-01-1 ._inner .content p b {
        font-weight: 500;
    }
    
    .box-sub01-01-1 ._inner .content span {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.9px;
        position: relative;
        z-index: 10;
    }
    
    .box-sub01-01-1 ._inner .img-doc {
        position: absolute;
        right: 17px;
        top: 20px;
    }

    .box-sub01-01-1 ._inner .img-doc img {
        width: 160px;
        height: 280px;
    }
    
    .box-sub01-01-1 ._inner .img-doc::after{
        content: "";
        position: absolute;
        left: 0;
        background: url(/resource/images/sub01-01-doc-shadow.png) no-repeat center;
        background-size: cover;
        z-index: 1;
        pointer-events: none;
        bottom: -22px;
        width: 100%;
        height: 0;
        padding-bottom: calc(513 / 898* 100%);
    }

    .box-sub01-01-1 ._inner .box-img {
        position: absolute;
        height: 346px;
        width: 100%;
        bottom: 68px;
    }
    
    .box-sub01-01-1 ._inner .box-img img:first-child {
        position: absolute;
        top: 27px;
        width: 150px;
        height: 140px;
        left: 20px;
    }
    
    .box-sub01-01-1 ._inner .box-img img:nth-child(2) {
        position: absolute;
        left: initial;
        width: 150px;
        height: 140px;
        right: 20px;
    }
    
    .box-sub01-01-1 ._inner .box-img img:nth-child(3) {
        position: absolute;
        bottom: 0;
        right: initial;
        z-index: 1;
        width: 199px;
        height: 147px;
        left: 100px;
    }

    .box-sub01-02-1 {
        padding: 90px 0 70px;
    }
    
    .box-sub01-02-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub01-02-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub01-02-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub01-02-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 142.857% */
        margin-bottom: 0;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub01-02-1 .left-view {
        width: 100%;
        flex-direction: column;
    }

    .box-sub01-02-1 .left-view .wrap-doc .img-doc .doc {
        position: absolute;
        bottom: 0;
        left: 30%;
        z-index: 1;
        transform: translateX(-50%);
        width: 240px;
    }

    .box-sub01-02-1 .left-view .wrap-doc .img-doc {
        height: 448px;
        position: relative;
    }

    .box-sub01-02-1 .left-view .wrap-doc h1 {
        color: rgba(190, 215, 51, 0.30);
        font-family: "GyeonggiTitle";
        margin-top: 4px;
        margin-left: 20px;
        font-size: 90px;
        font-style: normal;
        font-weight: 700;
        line-height: 80px;
    }

    .box-sub01-02-1 .left-view .content {
        margin-top: 12px;
        padding:0 20px;
    }

    .box-sub01-02-1 .left-view .content .name {
        display: flex;
        align-items: center;
        color: #000;
        font-family: "GyeonggiTitle";
         /* 114.286% */
        margin-bottom: 0;
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: 80px; /* 222.222% */
        letter-spacing: -1.8px;
    }
    .box-sub01-02-1 .left-view .content .name span {
        color: var(--H1, #404041);
        font-family: "GyeonggiTitle";
         /* 100% */
        margin-left: 10px;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }

    .box-sub01-02-1 .left-view .content .tag {
        border-radius: 70px;
        background: #00AEAC;
        margin-bottom: 20px;
        width: fit-content;
        height: 42px;
        padding: 0 13px;
    }
    
    .box-sub01-02-1 .left-view .content .tag span {
        color: #FFF;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 176.923% */
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 42px; /* 230% */
        letter-spacing: -1px;
    }

    .box-sub01-02-1 .left-view .content .history ul {
        margin-bottom: 40px;
    }
    
    .box-sub01-02-1 .left-view .content .history ul li {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 176.923% */
        padding-left: 10px;
        position: relative;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 200% */
        letter-spacing: -0.9px;
    }
    
    .box-sub01-02-1 .left-view .content .history ul li::before {
        content: '·';
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 176.923% */
        left: 0;
        position: absolute;
        top: 0;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 200% */
        letter-spacing: -0.9px;
    }

    .box-sub01-02-1 .left-view .content .category .wrap-ul ul:first-child {
        margin-right: 68px;
    }
    
    .box-sub01-02-1 .left-view .content .category .wrap-ul ul:nth-child(2) {
        margin-right: 64px;
    }
    
    .box-sub01-02-1 .left-view .content .category ul li {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 200% */
        letter-spacing: -0.9px;
    }

    .box-sub01-03-1 {
        padding: 90px 20px 145px;
    }
    
    .box-sub01-03-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub01-03-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub01-03-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub01-03-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 130px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }

    .box-sub01-03-1 .box-floor #thumb-slide {
        height: fit-content !important;
    }

    .box-sub01-03-1 .box-floor .swiper-wrapper li {
        padding-top: 0px;
        position: relative;
        height: auto;
    }

    .box-sub01-03-1 .box-floor .swiper-wrapper li img {
        width: 100%;
        height: 100%;
    }

    .box-sub01-03-1 .box-floor .floor_caption {
        position: absolute;
        top: -65;
        left: 15px;
        border-radius: 20px;
        background: #00AEAC;
        display: flex;
        padding: 15px 0 12px;
        box-sizing: border-box;
        flex-direction: column;
        width: 125px;
        height: 125px;
    }

    .box-sub01-03-1 .box-floor .floor_caption a {
        position: relative;
        color: #FFF;
        text-align: center;
        font-family: "GyeonggiTitle";
        margin-bottom: 6px;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 46px;
    }

    .box-sub01-03-1 .box-floor .floor_caption a::after {
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        content: '';
        width: 55px;
        height: 2px;
    }

    .box-sub01-03-1 .box-floor .floor_caption span {
        color: #FFF;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 46px;
        letter-spacing: -1.26px;
    }

    .box-sub01-03-1 .swiper-button-prev {
        left: 10px;
        right: auto;
        width: 40px;
        height: 40px;
        background: rgb(255 255 255 / 50%);
        border-radius: 50%;
    }

    .box-sub01-03-1 .swiper-button-next {
        right: 10px;
        left: auto;
        width: 40px;
        height: 40px;
        background: rgb(255 255 255 / 50%);
        border-radius: 50%;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 20px !important;
    }

    .nav_floor {
        display: flex;
        height: 40px;
        text-align: center;
        position: absolute;
        width: 100%;
        top: initial;
        left: 0;
        z-index: 10;
        bottom: -30px;
    }
    
    .nav_floor .floor {
        width: 100px;
        cursor: pointer;
    }
    
    .nav_floor .floor.active {
        color: #fff;
    }
    
    .nav_floor .floor.active span {
        font-family: "GyeonggiTitle";
         /* 266.667% */
        position: relative;
        color: var(--H1, #404041);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 80px; /* 400% */
        letter-spacing: -1px;
    }
    
    .nav_floor .floor.active span::after {
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 30px;
        height: 4px;
        background: #00AEAC;
        content: '';
    }
    
    .nav_floor .floor:not(:last-child) {margin-right: 20px;}
    
    .nav_floor .floor span {
        color: #A6A6A6;
        font-family: "GyeonggiTitle";
        
         /* 266.667% */
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 80px; /* 400% */
        letter-spacing: -1px;
    }

    .box-sub01-04-1 {
        padding: 90px 20px 75px;
    }
    
    .box-sub01-04-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub01-04-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub01-04-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub01-04-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 142.857% */
        margin-bottom: 80px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub01-04-1 ._inner ._map {
        flex-direction: column;
    }
    
    .box-sub01-04-1 ._inner ._map ._top {
        margin: 0 auto;
        margin-bottom: 33px;
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }
    
    .box-sub01-04-1 ._inner ._map ._top ._left {
        margin-right: 0px;
    }
    
    .box-sub01-04-1 ._inner ._map ._top .tag {
        border-radius: 70px;
        background: #00AEAC;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 120px;
        max-width: 120px;
        height: 42px;
    }
    
    .box-sub01-04-1 ._inner ._map ._top .tag span {
        color: #FFF;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -1px;
    }

    .box-sub01-04-1 ._inner ._map ._top ._left p {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        margin-left: 14px;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: -0.9px;
    }

    .box-sub01-04-1 ._inner ._map ._top ._right a {
        margin-left: 14px;
        color: var(--H1, #404041);
        text-align: center;
        font-family: "GyeonggiTitle";
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 62px;
    }

    .box-sub01-04-1 ._inner ._map ._top ._md a {
        margin-left: 14px;
        color: var(--H1, #404041);
        text-align: center;
        font-family: "GyeonggiTitle";
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 62px;
    }
    
    .box-sub01-04-1 ._inner ._map #temp {
        height: auto;
        border-radius: 20px 20px 0px 0px;
        border: 1px solid #DADADA;
        width: 100%;
        margin:0 auto;
        background-color: #e3e3e3;
    }

    #daumRoughmapContainer1737701872936 {
        width: 100% !important;
    }

    ._go-map {
        margin-bottom: 77px;
    }
    
    ._go-map ._inner {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    
    ._go-map ._inner .go-map {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    
    ._go-map ._inner .go-map ._each {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #dadada;
        background: #FFF;
        height: 60px;
        width: 100%;
        cursor: pointer;
    }

    ._go-map ._inner .go-map ._each img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    
    ._go-map ._inner .go-map ._each:first-child {
        border-bottom-left-radius: 0;
        border-bottom: 0;
    }

    ._go-map ._inner .go-map ._each:nth-child(2) {
        border-bottom: 0;
    }
    
    ._go-map ._inner .go-map ._each:last-child {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    
    ._go-map ._inner .go-map ._each:not(:last-child) {
        border-right: 1px solid #dadada;
    }
    
    ._go-map ._inner .go-map ._each span {
        display: inline-block;
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 136.364% */
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
    }

    .tab {
        width: 100%;
        border-bottom: 1px solid #DADADA;
        display: flex;
        justify-content: center;
    }
    
    .tab.n2 li {
        width: 50%;
    }
    
    .tab.n4 li {
        width: 336px;
    }
    
    .tab li a {
        width: 100%;
        height: 100%;
        display: block;
        padding-bottom: 17px;
        cursor: pointer;
    }
    
    .tab li span {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 93.75% */
        text-align: center;
        display: block;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .tab li.active span {
        color: #009875;
        font-family: 'Noto Sans KR', sans-serif;
         /* 93.75% */
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .tab li.active {
        position: relative;
    }
    
    .tab li.active::after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: #009875;
        content: '';
    }

    .box-sub01-04-1 .content-1,
    .box-sub01-04-1 .content-2 {
        margin: 0 auto;
        width: 100%;
    }

    .box-sub01-04-1 .case {
        display: flex;
        margin-top: 40px;
        flex-direction: column;
    }
    
    .box-sub01-04-1 .case ._left {
        margin-right: 0;
    }
    
    .box-sub01-04-1 .case ._right {
        padding-top: 20px;
    }
    
    .box-sub01-04-1 .case ._right h1 {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 115.385% */
        margin-bottom: 20px;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 150% */
        letter-spacing: -1px;
    }
    
    .box-sub01-04-1 .case table {
        margin-top: 40px;
    }

    .ul-circle-num li {
        width: 100%;
        margin-bottom: 10px;
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 150% */
        padding-left: 30px;
        position: relative;
        box-sizing: border-box;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .ul-circle-num li::before {
        counter-increment: num;
        content: counter(num);
        background-color: #009875;
        border-radius: 50%;
        position: absolute;
        top: 6px;
        left: 0px;
        color: #FFF;
        font-family: 'Noto Sans KR', sans-serif;
         /* 176.471% */
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 214.286% */
        letter-spacing: -0.7px;
    }

    .box-sub01-04-1 .content-2 h1 {
        display: flex;
        align-items: center;
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
         /* 115.385% */
        margin-bottom: 15px;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 150% */
        letter-spacing: -1px;
    }
    
    .box-sub01-04-1 .content-2 h1 span {
        color: var(--point-red, #DF3D02);
        font-family: 'Noto Sans KR', sans-serif;
        margin-left: 10px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.8px;
    }
    
    .box-sub01-04-1 .content-2 .parking-01 {
        margin-top: 32px;
    }
    
    .box-sub01-04-1 .content-2 .parking-01 p {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 150% */
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .box-sub01-04-1 .content-2 .parking-01 span {
        color: var(--point-red, #DF3D02);
        font-family: 'Noto Sans KR', sans-serif;
        margin-left: 5px;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.9px;
    }
    
    .box-sub01-04-1 .content-2 .parking-02 {
        margin-top: 30px;
        margin-bottom: 0;
    }
    
    .box-sub01-04-1 .content-2 .parking-02 table {
        border-collapse: collapse;
        text-align: center;
        width: 100%;
        margin-bottom: 40px;
        margin-top: 20px;
    }
    
    .box-sub01-04-1 .content-2 .parking-02 table tr th {
        background: #00AEAC;
        height: 40px;
        color: #FFF;
        text-align: center;
        font-family:"Inter", sans-serif;
         /* 130% */
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 162.5% */
    }
    
    .box-sub01-04-1 .content-2 .parking-02 table tr td {
        color: var(--H2, #58595B);
        text-align: center;
        font-family:"Inter", sans-serif;
        line-height: 60px; /* 130% */
        height: 60px;
        border: 1px solid #DADADA;
        background: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
         /* 162.5% */
    }

    .ul-dot li {
        position: relative;
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
         /* 220% */
        padding-left: 16px;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.9px;
        margin-bottom: 14px;
    }
    
    .ul-dot li::before {
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #404041;
        top: 13px;
        left: 0;
        position: absolute;
    }

    .box-sub02-01-1 {
        padding: 90px 20px 95px;
    }
    
    .box-sub02-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub02-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub02-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub02-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 142.857% */
        margin-bottom: 70px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub02-01-1 .info {
        display: flex;
        margin-bottom: 46px;
        align-items: center;
        padding-left: 0;
        flex-direction: column;
    }
    
    .box-sub02-01-1 .info .txt {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        align-items: center;
        margin-top: 20px;
    }
    
    .box-sub02-01-1 .info .txt p {
        font-family: "GyeonggiTitle";
        
         /* 133.333% */
        background: linear-gradient(90deg, #009875 0%, #003226 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 10px;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px; /* 120% */
        letter-spacing: -1.5px;
        text-align: center;
    }
    
    .box-sub02-01-1 .info .txt span {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 176.923% */
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.9px;
    }
    
    .box-sub02-01-1 .box-reserve {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub02-01-1 .box-reserve ._each {
        cursor: pointer;
        width: 100%;
        height: 170px;
        display: flex;
        flex-direction: column;
        border-radius: 40px;
        align-items: center;
        border: 1px solid #DADADA;
        background: #FFF;
        box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.10);
        justify-content: center;
    }
    
    .box-sub02-01-1 .box-reserve ._each:first-child {
        margin-right: 0;
        margin-bottom: 40px;
    }
    
    .box-sub02-01-1 .box-reserve ._each p {
        margin-top: 23px;
        color: var(--H1, #404041);
        font-family: "GyeonggiTitle";
        
         /* 100% */
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }

    .box-sub02-02-1 {
        padding: 90px 20px 70px;
        box-sizing: border-box;
    }
    
    .box-sub02-02-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub02-02-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub02-02-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub02-02-1 ._inner ._title {
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 75px;
        color: #404041;
        text-align: center;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }

    .box-sub02-02-1 table {
        border-collapse: collapse;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    
    .box-sub02-02-1 table tr th {
        background: #00AEAC;
        height: 40px;
        color: #FFF;
        text-align: center;
        font-family:"Inter", sans-serif;
         /* 130% */
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 162.5% */
    }
    
    .box-sub02-02-1 table tr td {
        color: var(--H2, #58595B);
        text-align: center;
        font-family: "Inter", sans-serif;
        line-height: 28px;
        height: 60px;
        border: 1px solid #DADADA;
        background: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        vertical-align: middle;
        padding: 15px 0;
    }

    .box-sub02-02-1 .call {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: #F8FAED;
        height: 110px;
        width: 100%;
        flex-direction: column;
    }

    .box-sub02-02-1 .call span {
        color: var(--H2, #58595B);
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 163.636% */
        letter-spacing: -1.1px;
        margin-left: 5px;
    }

    .box-sub02-02-1 .call .mb-flex {
        align-items: center;
        justify-content: center;
    }

    .box-sub02-02-1 .call a { 
        color: #009875;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .box-sub02-02-1 .title-02 {
        margin-top: 60px;
        margin-bottom: 20px;
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .box-sub02-02-1 .step {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub02-02-1 .step ._each {
        display: flex;
        padding: 20px 0;
        box-sizing: border-box;
        border-bottom: none;
        flex-direction: column;
    }
    
    .box-sub02-02-1 .step ._each .num {
        position: relative;
        border-radius: 100px;
        width: 100%;
        height: 40px;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 35px;
        box-sizing: border-box;
    }
    
    .box-sub02-02-1 .step ._each .num::before {
        position: absolute;
        top: 14px;
        left: 19px;
        width: 5px;
        height: 5px;
        background-color: #fff;
        opacity: 0.5;
        content: '';
        border-radius: 50%;
    }
    
    .box-sub02-02-1 .step ._each .num span:first-child {
        color: #FFF;
        font-family: 'Noto Sans KR', sans-serif;
        opacity: 0.5;
        margin-right: 20px;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px; /* 200% */
        letter-spacing: -0.9px;
    }
    
    .box-sub02-02-1 .step ._each .num span:nth-child(2) {
        color: #FFF;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 180% */
        letter-spacing: -1px;
    }
    
    .box-sub02-02-1 .step ._each:first-child {
        padding-top: 0;
        padding-right: 20px;
    }
    
    .box-sub02-02-1 .step .txt {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding-left: 20px;
        box-sizing: border-box;
        margin-top: 10px;
    }
    
    .box-sub02-02-1 .step .txt p {
        font-family: 'Noto Sans KR', sans-serif;
        color: var(--H2, #58595B);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.9px;
        word-break: keep-all;
    }
    
    .box-sub02-02-1 .step .txt p b {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; /* 130% */
        letter-spacing: -1px;
    }

    .box-sub02-02-1 .title-03 {
        margin-top: 44px;
        margin-bottom: 30px;
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .box-sub02-02-1 h1 {
        display: flex;
        align-items: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 15px;
        color: var(--H1, #404041);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 150% */
        letter-spacing: -1px;
    }
    
    .box-sub02-02-1 h1 span {
        font-family: 'Noto Sans KR', sans-serif;
        margin-left: 10px;
        color: var(--point-red, #DF3D02);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.8px;
    }
    
    .box-sub02-02-1 .parking-01 p {
        font-family: 'Noto Sans KR', sans-serif;
        color: var(--H1, #404041);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .box-sub02-02-1 .parking-01 p span {
        color: var(--point-red, #DF3D02);
    }
    
    .box-sub02-02-1 .parking-02 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .box-sub02-03-1 {
        padding: 90px 20px 40px;
    }
    
    .box-sub02-03-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub02-03-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub02-03-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub02-03-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 70px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub02-03-1 .step {
        display: flex;
        flex-direction: column;
        margin-top: 40px;
    }
    
    .box-sub02-03-1 .step ._each {
        display: flex;
        flex-direction: column;
        padding: 20px 0;
        box-sizing: border-box;
        border-bottom: none;
        padding-right: 20px;
    }
    
    .box-sub02-03-1 .step ._each .num {
        position: relative;
        border-radius: 100px;
        width: 100%;
        height: 40px;
        margin-right: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 36px;
        box-sizing: border-box;
    }
    
    .box-sub02-03-1 .step ._each .num::before {
        position: absolute;
        top: 14px;
        left: 19px;
        width: 5px;
        height: 5px;
        background-color: #fff;
        opacity: 0.5;
        content: '';
        border-radius: 50%;
    }
    
    .box-sub02-03-1 .step ._each .num span:first-child {
        font-family: 'Noto Sans KR', sans-serif;
        opacity: 0.5;
        margin-right: 15px;
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px; /* 200% */
        letter-spacing: -0.9px;
    }
    
    .box-sub02-03-1 .step ._each .num span:nth-child(2) {
        font-family: 'Noto Sans KR', sans-serif;
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 180% */
        letter-spacing: -1px;
    }
    
    .box-sub02-03-1 .step ._each:first-child {
        padding-top: 0;
    }
    
    .box-sub02-03-1 .step .txt {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding: 10px 0 0 20px;
        box-sizing: border-box;
    }
    
    .box-sub02-03-1 .step .txt p {
        font-family: 'Noto Sans KR', sans-serif;
        color: var(--H2, #58595B);
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.9px;
    }
    
    .box-sub02-03-1 ._inner .content-2 {
        display: none;
    }
    
    .box-sub02-03-1 h1 {
        display: flex;
        align-items: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 15px;
        margin-top: 46px;
        color: var(--H1, #404041);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 150% */
        letter-spacing: -1px;
    }
    
    .box-sub02-03-1 .info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 130px;
        border-radius: 20px;
        background: #F8FAED;
        padding-left: 15px;
        margin-top: 40px;
    }
    
    .box-sub02-03-1 .info p {
        display: flex;
        align-items: center;
        font-family: 'Noto Sans KR', sans-serif;
        color: #009875;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 46px; /* 230% */
        letter-spacing: -1px;
    }
    
    .box-sub02-03-1 .info p img {
        margin-right: 7px;
    }
    
    .box-sub02-03-1 .info span {
        font-family: 'Noto Sans KR', sans-serif;
        color: var(--H1, #404041);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.9px;
        padding-left: 23px;
    }

    .box-sub02-04-1 {
        padding: 90px 20px 50px;
    }
    
    .box-sub02-04-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub02-04-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub02-04-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub02-04-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 142.857% */
        letter-spacing: -1.4px;
        margin-bottom: 75px;
    }
    
    .box-sub02-04-1 .banner {
        background: url(/resource/images/sub02-04-banner-m.png);
        background-size: cover;
        width: 100%;
        height: initial;
        border-radius: initial;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 960 / 525;
    }
    
    .box-sub02-04-1 .banner p {
        color: #FFF;
        text-align: center;
        font-family: 'GyeonggiTitle';
         /* 83.333% */
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px; /* 141.667% */
        letter-spacing: -2.4px;
    }
    
    .box-sub02-04-1 .step {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 53px;
    }
    
    .box-sub02-04-1 .step li {
        display: flex;
        margin-bottom: 20px;
        width: 100%
    }
    
    .box-sub02-04-1 .step li .num span {
        color: #DADADA;
        font-family: 'GyeonggiTitle';
         /* 61.333% */
        margin-right: 14px;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 46px; /* 127.778% */
        letter-spacing: -1.8px;
    }
    
    .box-sub02-04-1 .step li .txt {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }
    
    .box-sub02-04-1 .step li .txt .red {
        color: var(--point-red, #DF3D02);
    }
    
    .box-sub02-04-1 .step li .txt p {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 176.923% */
        margin-bottom: 0;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px; /* 230% */
        letter-spacing: -1px;
    }
    
    .box-sub02-04-1 .step li .txt span {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 230% */
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
        word-break: keep-all;
    }
    
    .box-sub02-04-1 .step li .txt span a {
        color: #009875;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.9px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
    
    .box-sub02-04-1 .ul-dot li {
        margin-bottom: 0 !important;
    }

    .box-sub02-04-1 .mb-flex {
        flex-direction: column;
    }

    .box-sub02-04-1 .mb-flex .num {
        display: flex;
    }

    .box-sub02-04-1 .mb-flex .num p {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 0;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: -1px;
    }

    .box-sub02-04-1 h1 {
        display: flex;
        align-items: center;
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 15px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .box-sub02-04-1 .parking-01 p {
        color: var(--H1, #404041) !important;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 30px !important;
        letter-spacing: -1px !important;
    }

    .box-sub02-04-1 .parking-02 {
        width: 100%;
        margin-top: 30px;
    }

    .box-sub02-04-1 table {
        margin-bottom: 40px;
    }

    .box-sub02-04-1 table tr td {
        color: var(--H2, #58595B);
        text-align: center;
        font-family: "Inter", sans-serif;
        height: 60px;
        border: 1px solid #DADADA;
        background: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        vertical-align: middle;
    }

    .box-sub02-04-1 .ul-dot li {
        margin-bottom: 15px !important;
    }

    .box-sub02-05-1 {
        padding: 90px 20px 60px;
    }
    
    .box-sub02-05-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub02-05-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub02-05-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub02-05-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub02-05-1 .title-01 {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 150% */
        letter-spacing: -1px;
    }
    
    .box-sub02-05-1 table {
        border-collapse: collapse;
        text-align: center;
        width: 100%;
        margin-top: 25px;
    }

    .box-sub02-06-1 {
        padding: 90px 0 0;
        position: relative;
    }
    
    .box-sub02-06-1 ._inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    .box-sub02-06-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub02-06-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub02-06-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 142.857% */
        margin-bottom: 70px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub02-06-1 h1 {
        font-family: 'GyeonggiTitle';
         /* 133.333% */
        background: linear-gradient(90deg, #009875 0%, #003226 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 20px;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    
    .box-sub02-06-1 .sub-txt {
        color: var(--H1, #404041);
        font-family: 'GyeonggiTitle';
         /* 140% */
        font-size: 24px;
        font-style: normal;
        line-height: 36px; /* 150% */
        letter-spacing: -1.2px;
    }
    
    .box-sub02-06-1 .sub-txt .red {
        color: var(--point-red, #DF3D02);
        font-family: 'GyeonggiTitle';
        font-weight: 400;
        font-size: 24px;
        font-style: normal;
        line-height: 36px; /* 150% */
        letter-spacing: -1.2px;
    }

    .box-sub02-06-1 .step {
        display: flex;
        flex-direction: column;
        margin-top: 60px;
    }
    
    .box-sub02-06-1 .step ._each {
        display: flex;
        flex-direction: column;
        padding: 20px 20px 20px 0;
        box-sizing: border-box;
        border-bottom: 0;
    }
    
    .box-sub02-06-1 .step ._each .num {
        position: relative;
        border-radius: 100px;
        width: 100%;
        height: 40px;
        margin-right: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 36px;
        box-sizing: border-box;
    }
    
    .box-sub02-06-1 .step ._each .num::before {
        position: absolute;
        top: 14px;
        left: 19px;
        width: 5px;
        height: 5px;
        background-color: #fff;
        opacity: 0.5;
        content: '';
        border-radius: 50%;
    }
    
    .box-sub02-06-1 .step ._each .num span:first-child {
        color: #FFF;
        font-family: 'Noto Sans KR', sans-serif;
        opacity: 0.5;
        margin-right: 15px;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px; /* 200% */
        letter-spacing: -0.9px;
    }
    
    .box-sub02-06-1 .step ._each .num span:nth-child(2) {
        color: #FFF;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 180% */
        letter-spacing: -1px;
    }
    
    .box-sub02-06-1 .step ._each:first-child {
        padding-top: 0;
    }
    
    .box-sub02-06-1 .step .txt {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding: 10px 0 0 20px;
    }
    
    .box-sub02-06-1 .step .txt p {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.9px;
        word-break: keep-all;
    }
    
    .box-sub02-06-1 .step .txt p b {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; /* 130% */
        letter-spacing: -1px;
    }

    .box-sub02-06-1 .box-bg {
        left: 0;
        bottom: 0;
        content: '';
        background: url(/resource/images/sub02-06-bg-m.png) no-repeat center;
        background-size: cover;
        z-index: 1;
        pointer-events: none;
        width: 100%;
        height: initial;
        padding-bottom: initial;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-top: 104px;
        aspect-ratio: 1080 / 990;
    }
    
    .box-sub02-06-1 .box-bg div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }
    
    .box-sub02-06-1 .box-bg a {
        color: #FFF;
        font-family: "GyeonggiTitle";
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: -2.1px;
    }
    
    .box-sub02-06-1 .box-bg span {
        color: #FFF;
        text-align: center;
        font-family: "GyeonggiTitle";
         /* 200% */
        margin: 10px 0;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 50px; /* 166.667% */
        letter-spacing: -1.5px;
    }

    .box-sub02-08-1 {
        padding: 90px 20px 130px;
    }
    
    .box-sub02-08-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub02-08-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub02-08-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub02-08-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 142.857% */
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub02-08-1 ._inner .box-guide {
        border-radius: 20px;
        border: 1px solid #DADADA;
        background: rgba(248, 248, 248, 0.50);
        width: 100%;
        padding: 20px;
        margin-bottom: 28px;
        box-sizing: border-box;
    }
    
    .box-sub02-08-1 ._inner .box-guide p b {
        color: #009875;
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 180% */
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .box-sub02-08-1 ._inner .box-guide p {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.9px;
    }
    
    .box-sub02-08-1 table+._case {
        margin-top: 40px;
    }
    
    .box-sub02-08-1 .box-case {
        margin-bottom: 40px;
    }
    
    .box-sub02-08-1 .box-case ul li {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 230% */
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 225% */
        letter-spacing: -0.8px;
    }
    
    .box-sub02-08-1 ._case {
        margin-bottom: 20px;
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 230% */
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 225% */
        letter-spacing: -0.8px;
    }
    
    .box-sub02-08-1 ._case b {
        color: var(--point-red, #DF3D02);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 46px; /* 255.556% */
        letter-spacing: -0.9px;
        padding-left: 15px;
    }
    
    .box-sub02-08-1 .box-txt {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .box-sub02-08-1 .box-txt p {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 180% */
        letter-spacing: -1px;
    }
    
    .box-sub02-08-1 .box-txt span {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -1px;
    }
    
    .box-sub02-08-1 .box-txt span+p {
        margin-top: 30px;
    }
    
    .box_ctf {
        margin-top: 43px;
        display: flex;
        justify-content: center;
    }
    
    .box_ctf a {
        width: calc(100%/2 - 6px);
        height: 40px;
        border-radius: 100px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .box_ctf a:first-child {
        background: #009875;
        margin-right: 12px;
    }
    
    .box_ctf a span {
        color: #FFF;
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 176.923% */
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 46px; /* 328.571% */
        letter-spacing: -0.7px;
    }
    
    .box_ctf a img {
        width: 14px;
        height: 14px;
        margin-right: 10px;
    }

    table .ul-dot li {
        position: relative;
        color: var(--H2, #58595B);
        font-family:"Inter", sans-serif;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 166.667% */
        padding-left: 14px;
        margin-bottom: 0;
    }
    
    table .ul-dot li::before {
        content: '';
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #58595B;
        top: 10px;
        left: 3px;
        position: absolute;
    }

    .box-sub03-01-1 {
        padding: 90px 20px 50px;
    }
    
    .box-sub03-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub03-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub03-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub03-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 142.857% */
        margin-bottom: 70px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub03-01-1 ._inner .info {
        display: flex;
        flex-direction: column;
        margin-bottom: 60px;
    }
    
    .box-sub03-01-1 ._inner .info h1 {
        margin-bottom: 20px;
        font-family: "GyeonggiTitle";
         /* 133.333% */
        background: linear-gradient(90deg, #009875 0%, #003226 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    .box-sub03-01-1 ._inner .info p {
        color: var(--H1, #404041);
        font-family: "GyeonggiTitle";
         /* 140% */
        margin-bottom: 77px;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 150% */
        letter-spacing: -1.2px;
    }
    .box-sub03-01-1 ._inner .info span {
        display: block;
        color: var(--H1, #404041);
        font-family: "GyeonggiTitle";
         /* 100% */
        margin-bottom: 20px;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    
    .box-sub03-01-1 ._inner .info small {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 230% */
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 180% */
        letter-spacing: -1px;
    }
    
    .box-sub03-01-1 ._inner .care {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub03-01-1 ._inner .care .title {
        color: var(--H1, #404041);
        font-family: "GyeonggiTitle";
         /* 100% */
        margin-bottom: 20px;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    
    .box-sub03-01-1 ._inner .care ._each {
        display: flex;
        align-items: flex-start;
        margin-bottom: 60px;
        flex-direction: column;
    }
    
    .box-sub03-01-1 ._inner .care ._each:last-child {
        margin-bottom: 0px;
    }
    
    .box-sub03-01-1 ._inner .care ._each img {
        margin-right: 0;
        width: 100%;
    }
    
    .box-sub03-01-1 ._inner .care ._each div {
        display: flex;
        flex-direction: column;
        padding-top: 20px;
    }
    
    .box-sub03-01-1 ._inner .care ._each p {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
         /* 115.385% */
        margin-bottom: 15px;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 115.385% */
        letter-spacing: -1.3px;
    }
    
    .box-sub03-01-1 ._inner .care ._each span {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 220% */
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .box-sub03-01-1 ._inner .point {
        height: 200px;
        border-radius: 20px;
        background: #F8FAED;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 40px;
        padding: 40px 20px;
        box-sizing: border-box;
    }
    
    .box-sub03-01-1 ._inner .point p {
        color: var(--H2, #58595B);
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 150% */
        letter-spacing: -1px;
    }
    
    .box-sub03-01-1 ._inner .point p b {
        color: #009875;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .box-sub04-01-1 {
        padding: 90px 0 0;
        position: relative;
    }
    
    .box-sub04-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub04-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub04-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub04-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 142.857% */
        margin-bottom: 70px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub04-01-1 ._inner .info {
        display: flex;
        align-items: center;
        margin-top: 0;
        flex-direction: column;
        padding: 0 20px;
    }
    
    .box-sub04-01-1 ._inner .info img {
        margin-right: 0;
        width: 100%;
    }
    
    .box-sub04-01-1 ._inner .info .txt {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    
    .box-sub04-01-1 ._inner .info .txt p {
        color: var(--H1, #404041);
        font-family: "GyeonggiTitle";
        
         /* 100% */
        margin-bottom: 15px;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    
    .box-sub04-01-1 ._inner .info .txt span {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 191.667% */
        margin-bottom: 20px;
        display: block;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 150% */
        letter-spacing: -1.2px;
    }
    
    .box-sub04-01-1 ._inner .info .txt small {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 200% */
        letter-spacing: -0.9px;
    }
    
    .box-sub04-01-1 .box-bg {
        left: 0;
        bottom: 0;
        content: '';
        background: url(/resource/images/sub04-01-bg-m.png) no-repeat center;
        background-size: cover;
        z-index: 1;
        pointer-events: none;
        width: 100%;
        height: 0;
        padding-bottom: calc(200 / 360* 100%);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-top: 60px;
        background-position: top center;
    }
    
    .box-sub04-01-1 .box-bg div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }
    
    .box-sub04-01-1 .box-bg p {
        color: #FFF;
        text-align: center;
        font-family: "GyeonggiTitle";
         /* 200% */
        margin-bottom: 30px;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    
    .box-sub04-01-1 .box-bg span {
        color: #FFF;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 176.923% */
        display: block;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }

    .winning-program {
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
        padding-top: 90px;
    }

    .winning-program h2 {
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 117.647% */
        letter-spacing: -1.7px;
    }

    .team-box {
        background: #00AEAC;
        color: #fff;
        display: flex;
        align-items: flex-start;
        gap: 0;
        margin-bottom: 30px;
        height: 165px;
        padding: 23px;
        box-sizing: border-box;
        flex-direction: column;
    }

    .team-box .group {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
    }

    .team-box .group strong {
        color: #FFF;
        font-family: "Noto Sans";
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px; /* 138.462% */
        letter-spacing: -1.3px;
    }

    .team-box .icon {
        width: 40px;
        height: 40px;
        background: url(/resource/images/ic-exel-wining-m.png) no-repeat center / contain;
        flex-shrink: 0;
        margin-right: 21px;
    }

    .team-box p {
        color: #FFF;
        font-family: "Noto Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 300;
        line-height: 36px; /* 150% */
        letter-spacing: -1.2px;
    }

    .program-item {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 50px;
        flex-direction: column-reverse;
    }

    .program-item .text {
        padding-top: 0;
    }

    .program-item .text h3 {
        margin-bottom: 15px;
    }

    .program-item .text li {
        margin-bottom: 0.2rem;
        padding-left: 0;
        color: var(--H2, #58595B);
        font-family: "Noto Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.9px;
    }

    .program-item .image {
        width: 100%;
    }

    .program-item .text small {
        color: #9C9C9C;
        font-family: "Noto Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.8px;
    }

    /* 임시 페이지 */
    .box-sub05-01-1 {
        padding: 90px 20px 100px;
        position: relative;
    }

    .box-sub05-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }

    .box-sub05-01-1 ._inner ._title.bar {
        position: relative;
    }

    .box-sub05-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }

    .box-sub05-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }

    .box-sub05-01-1 ._inner .info {
        display: flex;
        align-items: center;
        margin-top: 0;
        flex-direction: column;
    }

    .box-sub05-01-1 ._inner .info p {
        color: var(--H1, #404041);
        text-align: center;
        font-family: "GyeonggiTitle";
        margin-top: 50px;
        margin-bottom: 30px;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px; /* 138.462% */
        letter-spacing: -1.3px;
    }

    .box-sub05-01-1 ._inner .info span {
        color: var(--H2, #58595B);
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        width: 100%;
        display: block;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 150% */
        letter-spacing: -1px;
    }

    .box-sub09-01-1 {
        padding: 90px 20px 70px;
    }
    
    .box-sub09-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub09-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub09-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub09-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 142.857% */
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub09-01-1 ._inner .info {
        display: flex;
        flex-direction: column;
        margin-bottom: 100px;
    }
    
    .box-sub09-01-1 ._inner .info h1 {
        margin-bottom: 20px;
        font-family: "GyeonggiTitle";
        color: var(--H1, #404041);
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -1.5px;
    }
    
    .box-sub09-01-1 ._inner .info h1 .green {
        color: #009875;
    }
    
    .box-sub09-01-1 ._inner .info h1 .red {
        color: var(--point-red, #DF3D02);
    }
    
    .box-sub09-01-1 ._inner .info p {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 176.923% */
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 163.636% */
        letter-spacing: -1.1px;
    }
    
    .box-sub09-01-1 ._inner .special {
        display: flex;
        flex-direction: column;
        margin-top: 80px;
    }
    
    .box-sub09-01-1 ._inner .special h1 {
        display: block;
        font-family: "GyeonggiTitle";
        margin-bottom: 10px;
        color: var(--H1, #404041);
         /* 100% */
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    
    .box-sub09-01-1 ._inner .special .sub-title {
        font-family: 'Noto Sans KR', sans-serif;
        color: var(--H2, #58595B);
        
         /* 176.923% */
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 163.636% */
        letter-spacing: -1.1px;
    }
    
    .box-sub09-01-1 ._inner .special .box-img {
        width: 100%;
        display: flex;
        margin-top: 40px;
        margin-bottom: 40px;
        flex-direction: column;
    }
    
    .box-sub09-01-1 ._inner .special .box-img img:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .box-sub09-01-1 ._inner .special .box-num {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub09-01-1 ._inner .special .box-num ._each {
        display: flex;
        align-items: flex-start;
    }
    
    .box-sub09-01-1 ._inner .special .box-num ._each span:first-child {
        position: relative;
        min-width: 52px;
        width: 52px;
        max-width: 52px;
        color: #DADADA;
        font-family: "GyeonggiTitle";
         /* 61.333% */
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 46px; /* 127.778% */
        letter-spacing: -1.8px;
    }
    
    .box-sub09-01-1 ._inner .special .box-num ._each span:first-child::after {
        display: none;
    }
    
    .box-sub09-01-1 ._inner .special .box-num ._each span:nth-child(2) {
        margin-left: 0;
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
         /* 230% */
        margin-top: 5px;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .box-sub09-01-1 ._inner .special .box-num ._each span:nth-child(2) b {
        margin-bottom: 10px;
        display: block;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; /* 230% */
        letter-spacing: -1px;
    }
    
    .box-sub09-01-1 ._inner .special .box-num ._each:not(:last-child) {
        margin-bottom: 30px;
    }

    .box-sub10-01-1 {
        padding: 90px 20px 70px;
    }
    
    .box-sub10-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub10-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub10-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub10-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub10-01-1 ._inner .info {
        display: flex;
        flex-direction: column;
        margin-bottom: 60px;
    }
    
    .box-sub10-01-1 ._inner .info h1 {
        margin-bottom: 20px;
        font-family: "GyeonggiTitle";
        color: var(--H1, #404041);
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    
    .box-sub10-01-1 ._inner .info h1 .green {
        color: #009875;
    }
    
    .box-sub10-01-1 ._inner .info h1 .red {
        color: var(--point-red, #DF3D02);
    }
    
    .box-sub10-01-1 ._inner .info p {
        margin-bottom: 0;
        font-family: "GyeonggiTitle";
        color: var(--H1, #404041);
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 150% */
        letter-spacing: -1.2px;
    }
    
    .box-sub10-01-1 ._inner .box-img-cross {
        margin-top: 63px;
        display: flex;
        flex-direction: column;
    }
    
    .box-sub10-01-1 ._inner .box-img-cross ._each {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    
    .box-sub10-01-1 ._inner .box-img-cross ._each:first-child {
        margin-bottom: 40px;
    }
    
    .box-sub10-01-1 ._inner .box-img-cross ._each:first-child img {
        margin-right: 0;
        width: 100%;
    }
    .box-sub10-01-1 ._inner .box-img-cross ._each:nth-child(2) {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
    }
    
    .box-sub10-01-1 ._inner .box-img-cross ._each p {
        margin-bottom: 15px;
        font-family: "GyeonggiTitle";
        color: var(--H1, #404041);
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
        margin-top: 20px;
    }
    
    .box-sub10-01-1 ._inner .box-img-cross ._each span {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .box-sub10-01-1 ._inner .box-img-cross ._each:nth-child(2) img {
        width: 100%;
    }

    .box-sub11-01-1 {
        padding: 90px 20px 80px;
    }
    
    .box-sub11-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub11-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub11-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub11-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 142.857% */
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub11-01-1 ._inner .info {
        display: flex;
        flex-direction: column;
        margin-bottom: 40px;
    }
    
    .box-sub11-01-1 ._inner .info h1 {
        margin-bottom: 20px;
        font-family: "GyeonggiTitle";
        color: var(--H1, #404041);
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1.5px;
    }
    
    .box-sub11-01-1 ._inner .info p {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
         /* 176.923% */
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 163.636% */
        letter-spacing: -1.1px;
    }
    
    .box-sub11-01-1 ._inner .step {
        display: flex;
        margin-top: 40px;
        margin-bottom: 47px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .box-sub11-01-1 ._inner .step ._each {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        width: 150px;
        height: 150px;
    }
    
    .box-sub11-01-1 ._inner .step ._each:not(:last-child) {
        margin-right: 20px;
    }
    
    .box-sub11-01-1 ._inner .step ._each:first-child {
        background: #009875;
    }

    .box-sub11-01-1 ._inner .step ._each:first-child img {
        width: 40px;
        height: 50px;
    }
    
    .box-sub11-01-1 ._inner .step ._each:nth-child(2) {
        background: #00AEAC;
        margin-right: 20px;
    }

    .box-sub11-01-1 ._inner .step ._each:nth-child(2) img {
        width: 60px;
        height: 45px;
    }
    
    .box-sub11-01-1 ._inner .step ._each:nth-child(3) {
        background: #7AC252;
        margin-top: 0px;
    }

    .box-sub11-01-1 ._inner .step ._each:nth-child(3) img {
        width: 50px;
        height: 45px;
    }
    
    .box-sub11-01-1 ._inner .step ._each:nth-child(4) {
        background: #BED733;
        margin-top: 0px;
    }

    .box-sub11-01-1 ._inner .step ._each:nth-child(4) img {
        width: 57px;
        height: 45px;
    }
    
    .box-sub11-01-1 ._inner .step ._each p {
        font-family: 'Noto Sans KR', sans-serif;
        color: #FFF;
        text-align: center;
        margin-top: 10px;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; /* 122.222% */
        letter-spacing: -0.9px;
    }
    
    .box-sub11-01-1 ._inner .box-num {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub11-01-1 ._inner .box-num ._each {
        display: flex;
    }
    
    .box-sub11-01-1 ._inner .box-num ._each span:first-child {
        position: relative;
        width: 51px;
        min-width: 51px;
        max-width: 51px;
        color: #DADADA;
        font-family: "GyeonggiTitle";
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 46px; /* 127.778% */
        letter-spacing: -1.8px;
    }
    
    .box-sub11-01-1 ._inner .box-num ._each span:first-child::after {
        display: none;
    }
    
    .box-sub11-01-1 ._inner .box-num ._each span:nth-child(2) {
        margin-left: 0;
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        margin-top: 4px;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.9px;
    }
    
    .box-sub11-01-1 ._inner .box-num ._each span:nth-child(2) b {
        font-weight: 700;
        margin-bottom: 10px;
        display: block;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; /* 230% */
        letter-spacing: -1px;
    }
    
    .box-sub11-01-1 ._inner .box-num ._each:not(:last-child) {
        margin-bottom: 30px;
    }

    .box-sub12-01-1 {
        padding: 90px 20px;
    }
    
    .box-sub12-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub12-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub12-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub12-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 142.857% */
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub12-01-1 ._inner .fixed {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        border-radius: 10px;
        border: 1px solid #D0D0D0;
        height: 40px;
        white-space: nowrap; /* 자동 줄바꿈 해제 */
        overflow: hidden; /* 영역 밖 콘텐츠 숨김 */
        text-overflow: ellipsis; /* 숨겨진 콘텐츠 생략(...) 표기 */
        display: flex;
        align-items: center;
    }
    
    .box-sub12-01-1 ._inner .fixed span:first-child {
        color: #000;
        text-align: center;
        font-family: Pretendard;
        margin-right: 9;
        display: inline-block;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .box-sub12-01-1 ._inner .fixed span:nth-child(2) {
        margin-right: 9px;
        display: inline-block;
        color: #D9D9D9;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    } 
    
    .box-sub12-01-1 ._inner .fixed span:nth-child(3) {
        color: #000;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    
    .box-sub12-01-1 ul {
        display: flex;
        margin-top: 50px;
        width: 100%;
        flex-wrap: wrap;
    }
    
    .box-sub12-01-1 ul li a {
        width: 100%;
        margin-right: 0;
        display: block;
        margin-bottom: 40px;
    }
    
    .box-sub12-01-1 ul li:nth-child(3n) a {
        margin-right: 0;
    }
    
    .box-sub12-01-1 ul li a ._each {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        cursor: pointer;
    }

    .box-sub12-01-1 ul li a ._each img {
        width: 100%;
		
    }
    
    .box-sub12-01-1 ul li a ._each ._img {
        height: 602px;
        border-radius: 30px; 
        overflow: hidden;
    }
    
    .box-sub12-01-1 ul li a ._each ._txt {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub12-01-1 ul li a ._each ._txt p {
        margin: 20px 0 15px;
        color: var(--H1, #404041);
        text-align: center;
        font-family:"Inter", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.5px;
    }
    
    .box-sub12-01-1 ul li a ._each ._txt span {
        color: #A6A6A6;
        text-align: center;
        font-family:"Inter", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.5px;
    }

    .box-search {
        margin: 0 auto;
        margin-top: 40px;
        width: 100%;
    }
    
    .input-grey-rounded {
        background-image: url(/resource/images/icon-search-m.png);
        background-position: 90% 15px;
        background-size: 25px 25px;
    }

    .box-sub12-01-2 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub12-01-2 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }

    .box-sub12-01-2 {
        padding: 90px 20px 95px;
    }
    
    .box-sub12-01-2 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub12-01-2 ._inner ._title {
        color: #000;
        text-align: center;
        font-family: Pretendard;
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub12-01-2 ._inner ._content {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub12-01-2 ._inner ._content ._top {
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        border: 1px solid #D0D0D0;
        background: #FFF;
        padding: 16px 15px;
        box-sizing: border-box;
        align-items: center;
    }
    
    .box-sub12-01-2 ._inner ._content ._top p {
        color: #000;
        text-align: center;
        font-family: "Inter", sans-serif;
        letter-spacing: -0.5px;
        margin-bottom: 5px;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    
    .box-sub12-01-2 ._inner ._content ._top div {
        display: flex;
    }
    
    .box-sub12-01-2 ._inner ._content ._top div span {
        color: #A6A6A6;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
    }
    
    .box-sub12-01-2 ._inner ._content ._top div span:nth-child(2) {
        display: inline-block;
        margin: 0 10px;
    }
    
    .box-sub12-01-2 ._inner ._content ._bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 55px 0 60px;
        border-bottom: 1px solid #D9D9D9;
        flex-direction: column;
    }
    
    .box-sub12-01-2 ._inner ._content ._bottom img {
        margin-bottom: 50px;
        width: 100%;
    }
    
    .box-sub12-01-2 ._inner ._content ._bottom div {
        width: 100%;
        color: #000;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: 18px;
        font-style: normal;
        /* font-weight: 700; */
        line-height: normal;
        letter-spacing: -0.5px;
    }
    
    .btn-go-list {
        margin: 0 auto;
        margin-top: 40px;
        display: inline-flex;
        padding: 12px 20px 12px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 30px;
        background: #D0D0D0;
        color: #FFF;
        font-family: Pretendard;
        font-size: 19px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.3px;
        width: 130px;
    }

    .box-sub12-02-1 {
        padding: 90px 20px;
    }
    
    .box-sub12-02-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub12-02-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub12-02-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub12-02-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 142.857% */
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub12-02-1 ._inner .fixed {
        width: 100%;
        padding: 29px 30px;
        box-sizing: border-box;
        border-radius: 20px;
        border: 1px solid #D0D0D0;
    }
    
    .box-sub12-02-1 ._inner .fixed span:first-child {
        color: #000;
        text-align: center;
        font-family: Pretendard;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-right: 15px;
        display: inline-block;
    }
    
    .box-sub12-02-1 ._inner .fixed span:nth-child(2) {
        margin-right: 15px;
        display: inline-block;
        color: #D9D9D9;
        text-align: center;
        font-family: Pretendard;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    } 
    
    .box-sub12-02-1 ._inner .fixed span:nth-child(3) {
        color: #000;
        text-align: center;
        font-family: Pretendard;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    
    .box-sub12-02-1 ul {
        display: flex;
        margin-top: 80px;
        width: 100%;
        flex-wrap: wrap;
    }
    
    .box-sub12-02-1 ul li a {
        width: 100%;
        margin-right: 0;
        display: block;
        margin-bottom: 40px;
    }
    
    .box-sub12-02-1 ul li:nth-child(3n) a {
        margin-right: 0;
    }
    
    .box-sub12-02-1 ul li a ._each {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        cursor: pointer;
    }

    .box-sub12-02-1 ul li a ._each img {
        width: 100%;
    }
    
    .box-sub12-02-1 ul li a ._each ._img {
        height: 260px;
        border-radius: 24px;
        overflow: hidden;
    }
    
    .box-sub12-02-1 ul li a ._each ._txt {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub12-02-1 ul li a ._each ._txt p {
        margin: 20px 0 10px;
        color: var(--H1, #404041);
        text-align: left;
        font-family:"Inter", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.5px;
    }
    
    .box-sub12-02-1 ul li a ._each ._txt span {
        color: #A6A6A6;
        text-align: left;
        font-family:"Inter", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.5px;
    }

    .box-sub12-03-1 {
        padding: 90px 20px;
    }
    
    .box-sub12-03-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub12-03-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub12-03-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub12-03-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        
         /* 142.857% */
        margin-bottom: 75px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }

    .box-sub02-08-1 ._inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .box-sub02-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .box-sub15-01-1 {
        padding: 90px 20px 155px;
        position: relative;
    }
    
    .box-sub15-01-1 ._inner {
        width: 100%;
        margin: 0 auto;
    }
    
    .box-sub15-01-1 ._inner ._title.bar {
        position: relative;
    }
    
    .box-sub15-01-1 ._inner ._title.bar::before {
        position: absolute;
        width: 40px;
        height: 3px;
        background: #DADADA;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
    }
    
    .box-sub15-01-1 ._inner ._title {
        color: #404041;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        margin-bottom: 90px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub15-01-1 .box-btn {
        margin-top: 40px;
        display: flex;
        justify-content: flex-end;
    }
    
    .box-sub15-01-1 .box-btn button {
        width: 140px;
        height: 50px;
        border-radius: 100px;
        background: #009875;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 46px;
        letter-spacing: -1.3px;
    }

    .noticeTable table tbody td:first-child {
        width: 100%;
        text-align: center;
        padding: 17px 10px;
        color: #111;
        text-align: left;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        vertical-align: middle;
        padding-right: 12px;
    }
    
    .noticeTable table tbody td:first-child span:first-child {
        color: var(--H1, #404041);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 222.222% */
        letter-spacing: -0.9px;
    }
    
    .noticeTable table tbody td:first-child span:nth-child(3) {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 285.714% */
        letter-spacing: -0.7px;
    }

    .box-sub01-02-1 .box-doctor.idx01 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
    
    .box-sub01-02-1 .box-doctor {
        display: flex;
        justify-content: space-between;
    }
    
    .box-sub01-02-1 .box-doctor.idx01 .content {
        margin-top: 12px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        min-width: initial;
    }
    
    .box-sub01-02-1 .box-doctor .content .tag {
        width: fit-content;
        height: 42px;
        border-radius: 70px;
        background: #00AEAC;
        margin-bottom: 20px;
        padding: 0 15px;
        min-width: 83px;
        box-sizing: border-box;
    }
    
    .box-sub01-02-1 .box-doctor .content .tag span {
        color: #FFF;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
         /* 176.923% */
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 42px; /* 230% */
        letter-spacing: -1px;
    }
    
    .box-sub01-02-1 .box-doctor .content .history ul {
        margin-bottom: 40px;
    }
    
    .box-sub01-02-1 .box-doctor .content .history ul li {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 176.923% */
        letter-spacing: -1.3px;
        padding-left: 14px;
        position: relative;
        word-break: keep-all;
    }
    
    .box-sub01-02-1 .box-doctor .content .history ul li::before {
        content: '+';
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 46px; /* 176.923% */
        letter-spacing: -1.3px;
        left: 0;
        position: absolute;
        top: -4px;
    }
    
    .box-sub01-02-1 .box-doctor .content .category .wrap-ul {
        display: flex;
        justify-content: space-between;
    }
    
    .box-sub01-02-1 .box-doctor .content .category .wrap-ul ul:first-child {
        margin-right: 45px;
    }
    
    .box-sub01-02-1 .box-doctor .content .category .wrap-ul ul:nth-child(2) {
        margin-right: 40px;
    }
    
    .box-sub01-02-1 .box-doctor .content .category ul {
        display: flex;
        flex-direction: column;
    }
    
    .box-sub01-02-1 .box-doctor .content .category ul li {
        color: var(--H2, #58595B);
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 176.923% */
        letter-spacing: -1.3px;
    }
    
    .box-sub01-02-1 .box-doctor .content .name {
        display: flex;
        align-items: baseline;
        color: #000;
        font-family: "GyeonggiTitle";
         /* 114.286% */
        margin-bottom: 2px;
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: 80px; /* 222.222% */
        letter-spacing: -1.8px;
    }
    .box-sub01-02-1 .box-doctor .content .name span {
        color: var(--H1, #404041);
        font-family: "GyeonggiTitle";
         /* 100% */
        margin-left: 10px;
        font-size: 26px;
        font-style: normal;
        font-weight: 300;
        line-height: 40px; /* 153.846% */
        letter-spacing: -1.3px;
    }
    
    .box-sub01-02-1 .box-doctor .wrap-doc {
        position: relative;
    }
    
    .box-sub01-02-1 .box-doctor .wrap-doc .img-doc {
        height: 450px;
        position: relative;
    }
    
    .box-sub01-02-1 .box-doctor .wrap-doc .img-doc .doc {
        position: absolute;
        bottom: 0;
        left: 60px;
        z-index: 1;
        width: 300px;
    }
    
    .box-sub01-02-1 .box-doctor .wrap-doc .img-doc .bg {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .box-sub01-02-1 .box-doctor .wrap-doc h1 {
        color: rgba(190, 215, 51, 0.20);
        font-family: "GyeonggiTitle";
        font-size: 180px;
        font-style: normal;
        font-weight: 700;
        margin-top: 4px;
        margin-left: 20px;
        font-size: 90px;
        font-style: normal;
        font-weight: 700;
        line-height: 80px; /* 88.889% */
    }

    .box-sub01-02-1 .box-doctor.idx02 {
        margin-top: 80px;
        width: 100%;
        flex-direction: column-reverse;
        justify-content: initial;
        align-items: center;
    }

    .box-sub01-02-1 .box-doctor.idx02 .wrap-doc .img-doc .doc {
        position: absolute;
        bottom: 0;
        left: 55px;
        z-index: 1;
    }

    .box-sub01-02-1 .box-doctor.idx02 .wrap-doc .img-doc .bg {
        position: absolute;
        bottom: 0;
        left: initial;
        right: 0;
    }

    .box-sub01-02-1 .box-doctor.idx02 .content {
        width: 100%;
        margin-right: 0;
        margin-top: 12px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box-sub01-02-1 .box-doctor.idx02 .wrap-doc {
        width: 100%;
    }

    .box-sub01-02-1 .box-doctor.idx03 {
        width: 100%;
    }

    .box-sub01-02-1 .box-doctor {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .box-sub01-02-1 .box-doctor.idx03 .content {
        width: 100%;
        margin-top: 12px;
        padding: 0 20px;
        box-sizing: border-box;
		margin-left:0;
    }

    .box-sub01-02-1 .box-doctor.idx03 .wrap-doc h1 {
        margin-left: 20px;
    }

	

    .box-sub01-02-1 .box-doctor.idx05 {
        width: 100%;
    }

    .box-sub01-02-1 .box-doctor.idx05 .content {
        width: 100%;
        margin-top: 12px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .box-sub01-02-1 .box-doctor.idx05 .wrap-doc h1 {
        margin-left: 20px;
    }

    .ll-checkup div label {
        height: 80px;
        cursor: pointer;
        width: 100%;
        border: 2px solid #DADADA;
        border-radius: 20px;
        background: #FFF;
        color: #58595B;
        font-family: "Noto Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -1.1px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .ll-checkup div label .checkup-icon {
        display: inline-block;
        width: 23px;
        height: 23px;
        margin-right: 10px;
        background: url(/resource/images/ic-checkup-check.png) no-repeat center / contain;
        vertical-align: middle;
        transition: background 0.2s;
    }

    .check-allprogram a {
        width: 370px;
        height: 65px;
        border-radius: 100px;
        background: #7AC252;
        color: #FFF !important;
        font-family: "Noto Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 46px;
        letter-spacing: -1.3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .checkup-step {
        display: flex;
        align-items: center;
        color: #404041;
        font-family: "Noto Sans";
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: -1.3px;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #dadada;
        flex-direction: column;
        align-items: flex-start;
    }

    .checkup-step ._red {
        color: #DF3D02;
        font-family: "Noto Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.9px;
        display: inline-flex;
        margin-left: 0;
        margin-top: 10px;
    }

    .checkup-step .num {
        margin-bottom: 20px;
    }

    .tab-checkup li.active a {
        color: #009875;
        text-align: center;
        font-family: "Noto Sans";
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -1.6px;
    }

    .tab-checkup li a {
        color: #58595B;
        text-align: center;
        font-family: "Noto Sans";
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -1.6px;
    }

    .checkup-reserve button {
        width: 210px;
        height: 65px;
        border-radius: 100px;
        background: #009875;
        color: #FFF;
        font-family: "Noto Sans";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 46px;
        letter-spacing: -1.3px;
    }

    .card-grid {
        width: 100%;
        margin: 0 auto;
        display: flex;
        grid-template-columns: initial;
        grid-template-rows: initial;
        gap: 40px;
        margin-bottom: 130px;
        flex-direction: column;
    }

    .card-grid .card {
        background: #fff;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        width: 100%;
        overflow: hidden;
    }

    .card-grid .card-content {
        padding: 0;
        flex: 1;
        max-height: initial;
    }

    .card-grid .card-content img {
        width: 100%;
    }

    .card-grid .card-btn {
        width: 100%;
        background: #ffffff;
        height: 60px;
        color: #333;
        cursor: pointer;
        border-radius: 0 0 24px 24px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.5px;
        border: 1px solid #dadada;
        border-top: 0;
    }
}

@media screen and (max-width:1400px) { 
    .main-menu ul .mainmenu a.main {
        font-size: 14px;
    }

    .submenu li {
        font-size: 14px !important;
    }

    .open-menu .inner {
        width: 100%;
    }
}