:root {
        --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;
    }
    .mobile {
        display:none;
    }
    .pc {
        display:block;
    }
    .main-container {
        overflow: hidden;
    }

    .main-container,
    .main-container * {
        box-sizing: border-box;
    }

    .main-container {
        position: relative;
        margin: 0 auto;
        width:100%;
        background: #fff;
        overflow: hidden;
    }
    .holding_cont {
        width:calc(100% - 428px - 2em);
    }
    .classDetail_list {
        width:100%;
    }
    .main-container > .container {
        position:relative;
        padding-top:4em;
    }
    /* .fixed-cont .floating_cont {
        position:absolute;
        top:-7em;
        right:calc(428px + .75em);
        z-index: 2;
    } */
   .fixed-cont.bottom-docked .floating_cont {
        bottom:0;
    }
    /* .fixed-cont .floating_cont .floating_wrap {
        position:fixed;
    } */
    .fixed-cont.bottom-docked .floating_cont .floating_wrap {
        position:absolute;
        bottom:0;
    }
    .frame {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        gap: 96px;
        padding-bottom:100px;
        width: 100%;
        background:#f3f2ec;
    }
    .frame-1 {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        min-width: 0;
        height:100px;
        background: #ffffff;
        z-index: 1;
        overflow: hidden;
        border-radius: 0 0 100px 100px;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
    }
    .header {
        position: relative;
        /* width: 2560px; */
        /* height: 64px; */
        margin: 0;
        /* border-top: 1px solid #e8e8e8; */
        z-index: 2;
    }
    .empty {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        position: absolute;
        width: 1282px;
        height: 64px;
        top: 0;
        left: 698px;
        z-index: 5;
    }
    .frame-2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        position: relative;
        min-width: 0;
        z-index: 6;
    }
    .menu {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        width: 463px;
        z-index: 7;
    }
    .menu-3 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/gTisDD0L2q.png") no-repeat center;
        background-size: cover;
        z-index: 8;
        overflow: hidden;
    }
    .line {
        flex-shrink: 0;
        position: relative;
        width: 1px;
        height: 16px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/QVDw0c0erF.png") no-repeat center;
        background-size: cover;
        z-index: 9;
    }
    .menu-4 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 24px;
        position: relative;
        width: 407px;
        z-index: 10;
    }
    .d {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 4px;
        position: relative;
        width: 112px;
        z-index: 11;
    }
    .mong-seonsaeng-so-gae {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 22px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 500;
        line-height: 21.599px;
        text-align: left;
        white-space: nowrap;
        z-index: 12;
    }
    .chevron-down {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/w0tzeOj9i8.png") no-repeat center;
        background-size: cover;
        z-index: 13;
        overflow: hidden;
    }
    .sangdam-badgi {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 80px;
        height: 22px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 500;
        line-height: 21.599px;
        text-align: left;
        white-space: nowrap;
        z-index: 14;
    }
    .sosok-hagi {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 80px;
        height: 22px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 800;
        line-height: 21.604px;
        text-align: left;
        white-space: nowrap;
        z-index: 15;
    }
    .sueop-deudgi {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 22px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 500;
        line-height: 21.604px;
        text-align: left;
        white-space: nowrap;
        z-index: 16;
    }
    .seob-menyu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        width: 358px;
        z-index: 17;
    }
    .hak-gyo-jeongbo {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 4px;
        position: relative;
        width: 108px;
        z-index: 18;
    }
    .search {
        flex-shrink: 0;
        position: relative;
        width: 20px;
        height: 20px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/0gH4wZD6K6.png") no-repeat center;
        background-size: cover;
        z-index: 19;
        overflow: hidden;
    }
    .hak-gyo-jeongbo-5 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 56px;
        height: 19px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 19px;
        text-align: right;
        white-space: nowrap;
        z-index: 20;
    }
    .chevron-down-6 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/1s8CFZ9cGs.png") no-repeat center;
        background-size: cover;
        z-index: 21;
        overflow: hidden;
    }
    .keomyuniti {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 4px;
        position: relative;
        width: 108px;
        z-index: 22;
    }
    .keomyuniti-7 {
        flex-shrink: 0;
        position: relative;
        width: 20px;
        height: 20px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/XfSdHURjDJ.png") no-repeat center;
        background-size: cover;
        z-index: 23;
        overflow: hidden;
    }
    .chevron-down-8 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 56px;
        height: 19px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 19px;
        text-align: right;
        white-space: nowrap;
        z-index: 24;
    }
    .jeonja-buk-chaekja {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/gj5xcaueJT.png") no-repeat center;
        background-size: cover;
        z-index: 25;
        overflow: hidden;
    }
    .book {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 4px;
        position: relative;
        width: 102px;
        z-index: 26;
    }
    .jeonja-buk-chaekja-9 {
        flex-shrink: 0;
        position: relative;
        width: 20px;
        height: 20px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/0EtDqzWsBx.png") no-repeat center;
        background-size: cover;
        z-index: 27;
        overflow: hidden;
    }
    .jeonja-buk-chaekja-a {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 75px;
        height: 19px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 19px;
        text-align: right;
        white-space: nowrap;
        z-index: 28;
    }
    .logo {
        position: absolute;
        width: 74px;
        height: 26px;
        top: 50%;
        left: 580px;
        transform: translate(0, -50%);
        z-index: 3;
    }
    .logo-b {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/qrYZDmcd62.png") no-repeat center;
        background-size: 100% 100%;
        z-index: 4;
        overflow: hidden;
    }
    .frame-c {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 10px;
        position: relative;
        width: 100%;
        height: 72px;
        background: #F3F2EC;
        z-index: 29;
    }
    .frame-d {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 4px;
        position: relative;
        width: 88px;
        z-index: 30;
    }
    .sosok-hagi-e {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 31;
    }
    .dapsa {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 32;
    }
    .frame-f {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        max-width: 509px;
        z-index: 33;
    }
    .main-menu-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 40px;
        height: 40px;
        background: #454545;
        z-index: 34;
        overflow: hidden;
        border-radius: 8.333px;
    }
    .school {
        flex-shrink: 0;
        position: relative;
        width: 26.667px;
        height: 26.667px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/YbV9ofvDoo.png") no-repeat center;
        background-size: cover;
        z-index: 35;
        overflow: hidden;
    }
    .frame-10 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 24px;
        position: relative;
        min-width: 0;
        z-index: 36;
    }
    .title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        z-index: 37;
    }
    .title-yeong-eoro-gyeol-gu-reul-mandeul-sigan-keorieo-yuhag-ibenteu {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 209px;
        height: 29px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 500;
        line-height: 28.805px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.96px;
        z-index: 38;
    }
    .title-yeong-eoro-gyeol-gu-reul-mandeul-sigan-keorieo-yuhag-ibenteu-11 {
        flex-shrink: 0;
        position: relative;
        font-family: Inter, var(--default-font-family);
        font-size: 36px;
        font-weight: 600;
        line-height: 43px;
        text-align: center;
        text-overflow: initial;
        white-space: nowrap;
        letter-spacing: -0.72px;
        z-index: 39;
    }
    .mong-seonsaeng-ui-keon-sel-ting-eun {
        position: relative;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 36px;
        font-weight: 700;
        line-height: 43.568px;
        text-align: center;
        letter-spacing: -0.72px;
    }
    .ireonjeom-i-dalla-yo {
        position: relative;
        color: #888888;
        font-family: Pretendard, var(--default-font-family);
        font-size: 36px;
        font-weight: 700;
        line-height: 43.568px;
        text-align: center;
        letter-spacing: -0.72px;
    }
    .im-si-deiteo-ibnida-chu-hu-sujeong-yejeong-ibnida-il-sang-ui-soso-han-sungandeul-eul-hamkke-nanu-neun-gonggan-ibnida {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 325px;
        height: 50px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 400;
        line-height: 25.2px;
        text-align: center;
        letter-spacing: -0.54px;
        z-index: 40;
    }
    .sseom-neol {
        position:relative;
        width: 428px;
        height: 202px;
        background: #ca9b9b;
        z-index: 492;
        overflow: hidden;
        border-radius: 25.325px 25.325px 0 0;
    }
    .frame-12 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;
        position: relative;
        width: 88px;
        margin: 24px 0 0 24px;
        z-index: 502;
    }
    .tags {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        width: 88px;
        height: 28px;
        padding: 4px 12px;
        background: #f6f9f8;
        border: 1px solid #e2efec;
        z-index: 503;
        overflow: hidden;
        border-radius: 5px;
    }
    .hyeonji-seobiseu {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 64px;
        height: 17px;
        color: #80aaa5;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 700;
        line-height: 16.707px;
        text-align: center;
        white-space: nowrap;
        z-index: 504;
    }
    .mal-lei-si-a-dae-hag {
        position: absolute;
        width: 428px;
        height: 202px;
        top: 0;
        background: url("../image/sub/thumb_prcd21.png") no-repeat center;
        background-size: cover;
        border-radius: 25.325px 25.325px 0 0;
        z-index: 493;
    }
    .mal-lei-si-a-dae-hag.cd01 {
        background: url("../image/sub/bg_cd01.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd02 {
        background: url("../image/sub/bg_cd02.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd03 {
        background: url("../image/sub/bg_cd03.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd04 {
        background: url("../image/sub/bg_cd04.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd05 {
        background: url("../image/sub/bg_cd05.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd06 {
        background: url("../image/sub/bg_cd06.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd07 {
        background: url("../image/sub/bg_cd07.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd08 {
        background: url("../image/sub/bg_cd08.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd09 {
        background: url("../image/sub/bg_cd09.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cd10 {
        background: url("../image/sub/bg_cd10.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cls01_01 {
        background: url("../image/sub/bg_cls01_01.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cls01_02 {
        background: url("../image/sub/bg_cls01_02.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cls01_03 {
        background: url("../image/sub/bg_cls01_03.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cls01_04 {
        background: url("../image/sub/bg_cls01_04.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cls01_05 {
        background: url("../image/sub/bg_cls01_05.png") no-repeat center;
        background-size: cover;
    }
    .mal-lei-si-a-dae-hag.cls01_06 {
        background: url("../image/sub/bg_cls01_06.png") no-repeat center;
        background-size: cover;
    }
    .rectangle {
        position: absolute;
        width: 428px;
        height: 227px;
        bottom: 0;
        left: 0;
        z-index: 494;
        backdrop-filter: blur(0);
    }
    .frame-13 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 10px;
        position: absolute;
        width: 297px;
        height: 100px;
        top: 286px;
        left: 24px;
        z-index: 495;
    }
    .frame-14 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 215px;
        z-index: 496;
    }
    .frame-15 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 164px;
        padding: 5px 6px;
        background: #1d3e40;
        z-index: 497;
        border-radius: 4px;
    }
    .hyeonji-jisajang-donghaeng {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.72px;
        z-index: 498;
    }
    .guk-ga-byeol-guk-gi-aikon {
        flex-shrink: 0;
        position: relative;
        width: 43px;
        height: 26px;
        background: #ffffff;
        z-index: 499;
        overflow: hidden;
        border-radius: 3.739px;
    }
    .image {
        position: absolute;
        width: 43.623px;
        height: 26.174px;
        top: 0;
        left: 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/sijL4TqjgU.png") no-repeat center;
        background-size: cover;
        z-index: 500;
        border-radius: 2.181px;
    }
    .dapsa-peurogeuraem {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 56px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 56px;
        font-weight: 800;
        line-height: 56px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -1.12px;
        z-index: 501;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    }
    .frame-16 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 20px;
        width: 100%;
        z-index: 41;
    }
    .frame-17 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        min-width: 0;
        z-index: 42;
    }
    .frame-18 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 43;
    }
    .frame-19 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 31px;
        position: relative;
        z-index: 44;
    }
    .dapsa-jeong-mi-deul-i-deul-eo-gap-ni-da {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 32px;
        font-weight: 700;
        line-height: 38px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.96px;
        z-index: 45;
    }
    .frame-1a {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        z-index: 46;
    }
    .tooltip {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 197px;
        z-index: 47;
        opacity: 1;
    }
    .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 189px;
        padding: 12px;
        background: #0087ff;
        z-index: 48;
        border-radius: 8px;
    }
    .supporting-text {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 165px;
        height: 16px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        z-index: 49;
    }
    .div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 8px;
        height: 16px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/aqELopgwvs.png") no-repeat center;
        background-size: cover;
        z-index: 50;
    }
    .frame-1b {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        z-index: 51;
    }
    .frame-1c {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 24px;
        position: relative;
        z-index: 52;
    }
    .share {
        flex-shrink: 0;
        position: relative;
        width: 26px;
        height: 26px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/YKyPJbVqBo.png") no-repeat center;
        background-size: 100% 100%;
        z-index: 53;
    }
    .favorite {
        display:none;
        flex-shrink: 0;
        position: relative;
        width: 26px;
        height: 26px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/LhUgtYO7NX.png") no-repeat center;
        background-size: 100% 100%;
        z-index: 54;
    }
    .muryo-yuhag-seobiseu-wa-ibsi-keon-sel-ting-kkaji-dayang-han-seobiseu-je-gong {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 18px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
        white-space: nowrap;
        z-index: 55;
    }
    .frame-1d {
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        width: 177px;
        z-index: 56;
    }
    .tags-1e {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        width: 51px;
        height: 28px;
        padding: 4px 8px;
        background: #0087ff;
        z-index: 57;
        overflow: hidden;
        border-radius: 5px;
    }
    .best {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 35px;
        height: 17px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 600;
        line-height: 16.803px;
        text-align: center;
        white-space: nowrap;
        z-index: 58;
    }
    .keulraeseu {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        height: 28px;
        padding: 4px 8px;
        background: #e7fcef;
        z-index: 59;
        overflow: hidden;
        border-radius: 5px;
    }
    .yeong-eo {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 17px;
        color: #00c848;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 600;
        line-height: 16.803px;
        text-align: center;
        white-space: nowrap;
        z-index: 60;
    }
    .frame-1f {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        height: 28px;
        padding: 4px 8px;
        background: #e7fcef;
        z-index: 61;
        overflow: hidden;
        border-radius: 5px;
    }
    .text-16 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 17px;
        color: #00c848;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 600;
        line-height: 16.803px;
        text-align: center;
        white-space: nowrap;
        z-index: 62;
    }
    .section-c {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        margin-top:4em;
        gap: 64px;
        width: 100%;
        z-index: 63;
    }
    .section-c.cd {
        margin-top:0;
    }
    .frame-20 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 64px;
        position: relative;
        min-width: 0;
        z-index: 64;
    }
    .section-c .title_area {
        margin-top:3em;
        width:100%;
    }
    .ms.title_area.class .tab_tit a.show {
        color:#212121;
        border-color:#212121;
    }
    .tab {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        border-bottom: 1px solid #e8e8e8;
        width:100%;
        z-index: 65;
    }
    .frame-21 {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 153px;
        padding: 16px 32px;
        border-top: 2px solid #212121;
        z-index: 66;
    }
    .service-intro {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.4px;
        z-index: 67;
    }
    .frame-22 {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 145px;
        padding: 16px 32px;
        border-top: 1px solid #e8e8e8;
        z-index: 68;
    }
    .school-list {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 22px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 500;
        line-height: 21.604px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.36px;
        z-index: 69;
    }
    .frame-23 {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 153px;
        padding: 16px 32px;
        border-top: 1px solid #e8e8e8;
        z-index: 70;
    }
    .type-schedule {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 22px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 500;
        line-height: 21.604px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.36px;
        z-index: 71;
    }
    .frame-24 {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 145px;
        padding: 16px 32px;
        border-top: 1px solid #e8e8e8;
        z-index: 72;
    }
    .companion-teacher {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 22px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 500;
        line-height: 21.604px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.36px;
        z-index: 73;
    }
    .frame-25 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 40px;
        position: relative;
        z-index: 74;
    }
    .frame-25.point {
        margin:4em 0;
    }
    .frame-26 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 75;
    }
    .frame-27 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 207px;
        z-index: 76;
    }
    .field-trip-intro {
        display:flex;
        justify-content:flex-start;
        align-items: center;
        gap:.25em;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.72px;
        z-index: 77;
    }
    .tags-28 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 3px;
        position: relative;
        height: 28px;
        padding: 4px 8px;
        background: #fbfdff;
        border: 1px solid #e9f5ff;
        z-index: 78;
        overflow: hidden;
        border-radius: 5px;
    }
    .best-29 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 17px;
        color: #0087ff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 600;
        line-height: 16.803px;
        text-align: center;
        white-space: nowrap;
        z-index: 79;
    }
    .field-trip-service {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        letter-spacing: -0.32px;
        z-index: 80;
    }
    .line-2a {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        margin:4em auto;
        min-width: 0;
        height: 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/w9F7hpTit2.png") no-repeat center;
        background-size: cover;
        z-index: 81;
    }
    .frame-2b {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 24px;
        position: relative;
        min-width: 0;
        z-index: 82;
    }
    .service-inclusions {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.72px;
        z-index: 83;
    }
    .frame-2c {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        padding: 32px 32px;
        background: #fbfbf8;
        z-index: 84;
        border-radius: 10px;
    }
    .frame-2c.info,
    .frame-2c.cd,
    .frame-2b.cd .frame-2c {
        /* padding:0; */
    }

    .frame-2c.cd .frame-2e {
        display:block;
    }
    .frame-2d {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        gap: 12px;
        position: relative;
        z-index: 85;
    }
    .frame-2e {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 86;
    }
    .frame-2e.sm {
        padding:1em 1em 0;
    }
    .frame-2e.sm.float {
        padding:0;
    }
    .frame-2e.sm.float ul li {
        margin-top:.25em;
    }
    .frame-2e.sm.float ul li span {
        width:7em;
        font-weight:600;
        color:#212121;
    }
    .frame-2e.sm .service-inclusions {
        display:block;
        margin-bottom:.25em;
        font-size:1em;
    }
    .frame-2e.sm ul li {
        display:flex;
        justify-content:flex-start;
        align-items: flex-start;
    }
    .frame-2e.sm ul li span {
        display:block;
        width:7em;
        font-size:.9em;
        font-weight:700;
        color:#AA8081;
    }
    .frame-2e.sm ul li p {
        font-size:.9em;
        font-weight:500;
        color:#454545;
    }
    .frame-2e.sm ul li p.guide {
        margin-top:.25em;
        color:#969696;
    }
    .frame-2e1 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap:1em;
        position: relative;
        z-index: 86;
    }
    .frame-2e1 > span {
        /* width:5em; */
        font-weight:700;
    }
    .school-visit-counseling {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        letter-spacing: -0.32px;
        z-index: 87;
    }
    .frame-2f {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/2Qo6hyH6OC.png") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-2f1 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("../image/sub/ico_prcd01.svg") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-2f2 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("../image/sub/ico_prcd02.svg") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-2f3 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("../image/sub/ico_prcd03.svg") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-2f4 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("../image/sub/ico_prcd04.svg") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    
    .frame-cd1 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("../image/sub/ico_cd01.svg") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-cd2 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("../image/sub/ico_cd02.svg") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-cd3 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("../image/sub/ico_cd03.svg") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-cd4 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("../image/sub/ico_cd04.svg") no-repeat center;
        background-size: cover;
        z-index: 88;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-30 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 89;
    }
    .curriculum-facility-tour {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 90;
    }
    .frame-31 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/VRzPYr3fr3.png") no-repeat center;
        background-size: cover;
        z-index: 91;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-32 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 92;
    }
    .local-team-counseling-interpreting {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 93;
    }
    .frame-33 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/TJaE9WiuiB.png") no-repeat center;
        background-size: cover;
        z-index: 94;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-34 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 95;
    }
    .residential-area-tour {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 96;
    }
    .frame-35 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/bwKNwuFoo7.png") no-repeat center;
        background-size: cover;
        z-index: 97;
        overflow: hidden;
        border-radius: 4px;
    }
    .frame-36 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 98;
    }
    .shopping-medical-education-infrastructure-guide {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 99;
    }
    .frame-37 {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/KZ6yFBvKkt.png") no-repeat center;
        background-size: cover;
        z-index: 100;
        overflow: hidden;
        border-radius: 4px;
    }
    .line-38 {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        margin:4em auto;
        min-width: 0;
        height: 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/b71H8R4eZg.png") no-repeat center;
        background-size: cover;
        z-index: 101;
    }
    .frame-39 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 32px;
        position: relative;
        min-width: 0;
        z-index: 102;
    }
    .frame-39.sec {
        margin-top:4em;
    }
    .frame-3a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 103;
    }
    .school-list-for-field-trip {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.96px;
        z-index: 104;
    }
    .frame-3b {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 4px;
        position: relative;
        width: 108px;
        z-index: 105;
    }
    .view-all-30 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 17px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 106;
    }
    .frame-3c {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/hDvsQaYoD2.png") no-repeat center;
        background-size: cover;
        z-index: 107;
        overflow: hidden;
    }
    .frame-3d {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 80px;
        position: relative;
        z-index: 108;
    }
    .frame-3e {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        width: 319px;
        z-index: 109;
    }
    .frame-3f {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        width: 264px;
        z-index: 110;
    }
    .frame-40 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #b84343;
        z-index: 111;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-41 {
        position: absolute;
        width: 56px;
        height: 56px;
        top: 0;
        left: 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/8eOHX5eCxC.png") no-repeat center;
        background-size: cover;
        z-index: 112;
    }
    .frame-42 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 188px;
        z-index: 113;
    }
    .alice-smith {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 114;
    }
    .alice-smith-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 115;
    }
    .frame-43 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 116;
    }
    .frame-44 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #b84343;
        z-index: 117;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-45 {
        position: absolute;
        width: 98px;
        height: 66px;
        top: -5px;
        left: -21px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/w1qoW0ER8P.png") no-repeat center;
        background-size: cover;
        z-index: 118;
    }
    .frame-46 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 186px;
        z-index: 119;
    }
    .bskl {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 120;
    }
    .british-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 121;
    }
    .frame-47 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 122;
    }
    .frame-48 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #ffffff;
        z-index: 123;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-49 {
        position: relative;
        width: 55px;
        height: 56px;
        margin: 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/naU4XAxUWK.png") no-repeat center;
        background-size: cover;
        z-index: 124;
    }
    .frame-4a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 197px;
        z-index: 125;
    }
    .saint-joseph {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 126;
    }
    .top-international-in-petaling-jaya {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 127;
    }
    .frame-4b {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 128;
    }
    .frame-4c {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #b84343;
        z-index: 129;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-4d {
        position: absolute;
        width: 66px;
        height: 66px;
        top: -5px;
        left: -5px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/ZZYMz6oOGy.png") no-repeat center;
        background-size: cover;
        z-index: 130;
    }
    .frame-4e {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 215px;
        z-index: 131;
    }
    .isp {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 132;
    }
    .international-school-parkcity {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 133;
    }
    .frame-4f {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 134;
    }
    .frame-50 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #ffffff;
        z-index: 135;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-51 {
        position: relative;
        width: 54px;
        height: 54px;
        margin: 1px 0 0 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/YsCoxb5yTM.png") no-repeat center;
        background-size: cover;
        z-index: 136;
    }
    .frame-52 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 203px;
        z-index: 137;
    }
    .sri-kdu {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 138;
    }
    .sri-kdu-schools-kota-damansara {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 139;
    }
    .frame-53 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 140;
    }
    .frame-54 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #ffffff;
        z-index: 141;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-55 {
        position: absolute;
        width: 56px;
        height: 56px;
        top: 0;
        left: 50%;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/7rqJFujLaX.png") no-repeat center;
        background-size: cover;
        transform: translate(-50%, 0);
        z-index: 142;
    }
    .frame-56 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 161px;
        z-index: 143;
    }
    .nexus {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 144;
    }
    .nexus-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 145;
    }
    .frame-57 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 146;
    }
    .frame-58 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #ffffff;
        z-index: 147;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-59 {
        position: absolute;
        width: 61px;
        height: 61px;
        top: -2px;
        left: -2px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/ytg6TXBF2C.png") no-repeat center;
        background-size: cover;
        z-index: 148;
    }
    .frame-5a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 183px;
        z-index: 149;
    }
    .sri-bestari {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 150;
    }
    .sri-bestari-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 151;
    }
    .frame-5b {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 152;
    }
    .frame-5c {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #b84343;
        z-index: 153;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-5d {
        position: absolute;
        width: 60px;
        height: 60px;
        top: 50%;
        left: 50%;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/9khP17Wyux.png") no-repeat center;
        background-size: cover;
        transform: translate(-50%, -50%);
        z-index: 154;
    }
    .frame-5e {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 138px;
        z-index: 155;
    }
    .king-henry {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 156;
    }
    .king-henry-viii-college {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 157;
    }
    .frame-5f {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 158;
    }
    .frame-60 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #b84343;
        z-index: 159;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-61 {
        position: absolute;
        width: 65px;
        height: 56px;
        top: 0;
        left: 50%;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/XBhYOeUVKE.png") no-repeat center;
        background-size: cover;
        transform: translate(-52.31%, 0);
        z-index: 160;
    }
    .frame-62 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 161px;
        z-index: 161;
    }
    .sis-lawang {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 162;
    }
    .straits-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 163;
    }
    .frame-63 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 164;
    }
    .frame-64 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #b84343;
        z-index: 165;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-65 {
        position: absolute;
        width: 72px;
        height: 72px;
        top: -7px;
        left: -10px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/MSUjotfX6V.png") no-repeat center;
        background-size: cover;
        z-index: 166;
    }
    .frame-66 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 159px;
        z-index: 167;
    }
    .sayfol {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 168;
    }
    .sayfol-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 169;
    }
    .frame-67 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 170;
    }
    .frame-68 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/i3qfrShm5Q.png") no-repeat center;
        background-size: cover;
        z-index: 171;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-69 {
        position: absolute;
        width: 58px;
        height: 58px;
        top: -1px;
        left: -1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/Ya61BCKrQR.png") no-repeat center;
        background-size: cover;
        z-index: 172;
    }
    .frame-6a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 243px;
        z-index: 173;
    }
    .king-sley {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 174;
    }
    .maple-leaf-kingsley-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 175;
    }
    .frame-6b {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 176;
    }
    .frame-6c {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #b84343;
        z-index: 177;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-6d {
        position: absolute;
        width: 56px;
        height: 56px;
        top: 0;
        left: 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/A4FWaUJTw6.png") no-repeat center;
        background-size: cover;
        z-index: 178;
    }
    .frame-6e {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 173px;
        z-index: 179;
    }
    .fairview {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 180;
    }
    .fairview-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 181;
    }
    .frame-6f {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        width: 322px;
        z-index: 182;
    }
    .frame-70 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        width: 322px;
        z-index: 183;
    }
    .frame-71 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/qQUz4pzD1J.png") no-repeat center;
        background-size: cover;
        z-index: 184;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-72 {
        position: absolute;
        width: 56px;
        height: 56px;
        top: 0;
        left: 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/DUE4bPrvgO.png") no-repeat center;
        background-size: cover;
        z-index: 185;
    }
    .frame-73 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 246px;
        z-index: 186;
    }
    .iskl {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 187;
    }
    .the-international-school-of-kuala-lumpur {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 188;
    }
    .frame-74 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 189;
    }
    .frame-75 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/iNkZjnyQ6g.png") no-repeat center;
        background-size: cover;
        z-index: 190;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-76 {
        position: absolute;
        width: 56px;
        height: 56px;
        top: 0;
        left: 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/YOWTygu6xk.png") no-repeat center;
        background-size: cover;
        z-index: 191;
    }
    .frame-77 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 152px;
        z-index: 192;
    }
    .mkis {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 193;
    }
    .international-school-in-kl {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 194;
    }
    .frame-78 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 195;
    }
    .frame-79 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #ffffff;
        z-index: 196;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-7a {
        position: relative;
        width: 51px;
        height: 56px;
        margin: 0 0 0 3px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/0cVxPSVDkk.png") no-repeat center;
        background-size: cover;
        z-index: 197;
    }
    .frame-7b {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 156px;
        z-index: 198;
    }
    .oasis {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 199;
    }
    .oasis-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 200;
    }
    .frame-7c {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 201;
    }
    .frame-7d {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/cVVXsoNvgZ.png") no-repeat center;
        background-size: cover;
        z-index: 202;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-7e {
        position: absolute;
        width: 62px;
        height: 62px;
        top: -3px;
        left: -2px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/phszU1HLn5.png") no-repeat center;
        background-size: cover;
        z-index: 203;
    }
    .frame-7f {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 177px;
        z-index: 204;
    }
    .sunway {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 205;
    }
    .sunway-international-schools {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 206;
    }
    .frame-80 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 207;
    }
    .frame-81 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/9HrWTYD343.png") no-repeat center;
        background-size: cover;
        z-index: 208;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-82 {
        position: absolute;
        width: 57.088px;
        height: 64px;
        top: -2px;
        left: 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/tgdUfbF8fn.png") no-repeat center;
        background-size: cover;
        z-index: 209;
    }
    .frame-83 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 160px;
        z-index: 210;
    }
    .epsom {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 211;
    }
    .epsom-college-in-malaysia {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 212;
    }
    .frame-84 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 213;
    }
    .frame-85 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/4uvLGTucN1.png") no-repeat center;
        background-size: cover;
        z-index: 214;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-86 {
        position: absolute;
        width: 62px;
        height: 62px;
        top: -3px;
        left: -2px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-11-03/34720e28-ce88-4d52-be6c-ee2313d95c28.png") no-repeat center;
        background-size: cover;
        z-index: 215;
    }
    .frame-87 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 170px;
        z-index: 216;
    }
    .sunway-matrix {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 217;
    }
    .sunway-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 218;
    }
    .frame-88 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 219;
    }
    .frame-89 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/PEnZuKCV4p.png") no-repeat center;
        background-size: cover;
        z-index: 220;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-8a {
        position: absolute;
        width: 57px;
        height: 56px;
        top: 0;
        left: -1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-11-03/0e8d8ae2-1027-4059-83cb-203aec659e9d.png") no-repeat center;
        background-size: cover;
        z-index: 221;
    }
    .frame-8b {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 154px;
        z-index: 222;
    }
    .help {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 223;
    }
    .help-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 224;
    }
    .frame-8c {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 225;
    }
    .frame-8d {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/mmf9KBCNkm.png") no-repeat center;
        background-size: cover;
        z-index: 226;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-8e {
        position: absolute;
        width: 67px;
        height: 66px;
        top: -5px;
        left: 50%;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-11-03/f37bc00c-b853-45c9-8c0d-08e9298869e5.png") no-repeat center;
        background-size: cover;
        transform: translate(-50.75%, 0);
        z-index: 227;
    }
    .frame-8f {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 144px;
        z-index: 228;
    }
    .igb {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 229;
    }
    .igb-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 230;
    }
    .frame-90 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 231;
    }
    .frame-91 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: rgba(184, 67, 67, 0.2) url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/E4JrcMBAKa.png") no-repeat center;
        background-size: cover;
        z-index: 232;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-92 {
        position: absolute;
        width: 74px;
        height: 74px;
        top: -10px;
        left: 50%;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-11-03/57b83f9e-0e97-4c72-bdc4-592e4374aac7.png") no-repeat center;
        background-size: cover;
        transform: translate(-50%, 0);
        z-index: 233;
    }
    .frame-93 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 209px;
        z-index: 234;
    }
    .ucis {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 235;
    }
    .unity-concord-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 236;
    }
    .frame-94 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 237;
    }
    .frame-95 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: #ffffff;
        z-index: 238;
        overflow: hidden;
        border-radius: 8px;
    }
    .image-96 {
        position: absolute;
        width: 58px;
        height: 56px;
        top: 0;
        left: -1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/C5NiLCsdgR.png") no-repeat center;
        background-size: cover;
        z-index: 239;
    }
    .frame-97 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 160px;
        z-index: 240;
    }
    .tenby {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 241;
    }
    .tenby-international-school {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 242;
    }
    .frame-98 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 20px;
        position: relative;
        z-index: 243;
    }
    .frame-99 {
        flex-shrink: 0;
        position: relative;
        width: 56px;
        height: 56px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/ORDE5W17SX.png") no-repeat center;
        background-size: cover;
        z-index: 244;
        overflow: hidden;
        border-radius: 8px;
    }
    .frame-9a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 235px;
        z-index: 245;
    }
    .peninsula {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 246;
    }
    .peninsula-international-school-australia {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 247;
    }
    .frame-9b {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 24px;
        position: relative;
        margin-top:4em;
        min-width: 0;
        z-index: 248;
    }
    .dapsa-juyo-jieok {
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        letter-spacing: -0.72px;
        z-index: 249;
    }
    .frame-9c {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        z-index: 250;
        border-radius: 10px;
    }
    .frame-9d {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        padding: 20px 24px;
        background: #fafaf7;
        z-index: 251;
        border-radius: 8px;
    }
    .frame-9e {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        z-index: 252;
    }
    .fi-rs-marker {
        flex-shrink: 0;
        position: relative;
        width: 22px;
        height: 22px;
        z-index: 253;
        overflow: hidden;
    }
    .align-center {
        position: relative;
        width: 18.423px;
        height: 21.999px;
        margin: 0.01px 0 0 1.75px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/puA9NewNor.png") no-repeat center;
        background-size: 100% 100%;
        z-index: 254;
    }
    .kota-damansara-subang-monkeyara-desapark-shah-alam-seremban-putrajaya-cyberjaya-cheras-deng {
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        letter-spacing: -0.32px;
        z-index: 255;
    }
    .line-9f {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        margin:4em auto;
        min-width: 0;
        height: 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/PWz4xfSmaS.png") no-repeat center;
        background-size: cover;
        z-index: 256;
    }
    .frame-a0 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 24px;
        position: relative;
        min-width: 0;
        z-index: 257;
    }
    .dapsa-service-yuhyeong-annae {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.96px;
        z-index: 258;
    }
    .frame-a1 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: wrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        z-index: 259;
    }
    .frame-a2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        position: relative;
        z-index: 260;
    }
    .frame-a3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        padding: 10px;
        background: #454545;
        z-index: 261;
        border-radius: 14px 14px 0 0;
    }
    .text-57 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 81px;
        height: 16px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.48px;
        z-index: 262;
    }
    .frame-a4 {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        padding: 24px 20px;
        background: #ffffff;
        border-top: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        z-index: 263;
        border-radius: 0 0 14px 14px;
    }
    .frame-a5 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        gap: 20px;
        position: relative;
        z-index: 264;
    }
    .frame-a6 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 12px;
        position: relative;
        z-index: 265;
    }
    .frame-a7 {
        display: flex;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        width: 188px;
        z-index: 266;
    }
    .text-58 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 18px;
        color: #0f1f33;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 600;
        line-height: 18px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.54px;
        z-index: 267;
    }
    .ohjeon-10si-ohu-5si {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 13px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.39px;
        z-index: 268;
    }
    .line-a8 {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        height: 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/3i7yUZP6Dt.png") no-repeat center;
        background-size: cover;
        z-index: 269;
    }
    .frame-a9 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        z-index: 270;
    }
    .frame-aa {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 271;
    }
    .gukje-hakgyo {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 272;
    }
    .text-5b {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 273;
    }
    .frame-ab {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 274;
    }
    .sukso-bang-geojugi {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 275;
    }
    .text-5d {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 276;
    }
    .frame-ac {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 277;
    }
    .tongyeok-sangdamjiwon {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 278;
    }
    .check {
        flex-shrink: 0;
        position: relative;
        width: 14px;
        height: 10px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/HjJqo3L4YQ.png") no-repeat center;
        background-size: cover;
        z-index: 279;
    }
    .frame-ad {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 280;
    }
    .hotel-pikeob {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 281;
    }
    .check-ae {
        flex-shrink: 0;
        position: relative;
        width: 14px;
        height: 10px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/rb9A0Xiy77.png") no-repeat center;
        background-size: cover;
        z-index: 282;
    }
    .frame-af {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        position: relative;
        z-index: 283;
    }
    .frame-b0 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        padding: 10px;
        background: #454545;
        z-index: 284;
        border-radius: 14px 14px 0 0;
    }
    .text-60 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 83px;
        height: 16px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.48px;
        z-index: 285;
    }
    .frame-b1 {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        padding: 24px 20px;
        background: #ffffff;
        border-top: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        z-index: 286;
        border-radius: 0 0 14px 14px;
    }
    .frame-b2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        gap: 20px;
        position: relative;
        z-index: 287;
    }
    .frame-b3 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 12px;
        position: relative;
        z-index: 288;
    }
    .frame-b4 {
        display: flex;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        width: 191px;
        z-index: 289;
    }
    .text-61 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 18px;
        color: #0f1f33;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 600;
        line-height: 18px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.54px;
        z-index: 290;
    }
    .ohjeon-10si-ohu-5si-b5 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 13px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.39px;
        z-index: 291;
    }
    .line-b6 {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        height: 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/K9MTC2LjLY.png") no-repeat center;
        background-size: cover;
        z-index: 292;
    }
    .frame-b7 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        z-index: 293;
    }
    .frame-b8 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 294;
    }
    .gukje-hakgyo-b9 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 295;
    }
    .text-64 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 296;
    }
    .frame-ba {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 297;
    }
    .sukso-bang-geojugi-bb {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 298;
    }
    .text-66 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 299;
    }
    .frame-bc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 300;
    }
    .tongyeok-sangdamjiwon-bd {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 301;
    }
    .check-be {
        flex-shrink: 0;
        position: relative;
        width: 14px;
        height: 10px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/OyXOzin1Qa.png") no-repeat center;
        background-size: cover;
        z-index: 302;
    }
    .frame-bf {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 303;
    }
    .hotel-pickup {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 304;
    }
    .checkmark {
        flex-shrink: 0;
        position: relative;
        width: 14px;
        height: 10px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/Fj0SHXvr1U.png") no-repeat center;
        background-size: cover;
        z-index: 305;
    }
    .frame-c0 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        position: relative;
        z-index: 306;
    }
    .frame-c1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        padding: 10px;
        background: #eae9e3;
        z-index: 307;
        border-radius: 14px 14px 0 0;
    }
    .self-exploration {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 66px;
        height: 16px;
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.48px;
        z-index: 308;
    }
    .frame-c2 {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        position: relative;
        padding: 24px 20px 32px;
        background: #ffffff;
        border-top: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        z-index: 309;
        border-radius: 0 0 14px 14px;
    }
    .frame-c3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        gap: 20px;
        position: relative;
        z-index: 310;
    }
    .frame-c4 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 12px;
        position: relative;
        z-index: 311;
    }
    .frame-c5 {
        display: flex;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        width: 27px;
        z-index: 312;
    }
    .zero-won {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 18px;
        color: #0f1f33;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 600;
        line-height: 18px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.54px;
        z-index: 313;
    }
    .line-c6 {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        height: 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/0ySXMwxO9E.png") no-repeat center;
        background-size: cover;
        z-index: 314;
    }
    .frame-c7 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        z-index: 315;
    }
    .frame-c8 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 316;
    }
    .exploration-booking {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 317;
    }
    .max-5-places {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 318;
    }
    .frame-c9 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 319;
    }
    .consultation-after-exploration {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 14px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.28px;
        z-index: 320;
    }
    .checkmark-ca {
        flex-shrink: 0;
        position: relative;
        width: 14px;
        height: 10px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/XGWPOLvJ0R.png") no-repeat center;
        background-size: cover;
        z-index: 321;
    }
    .frame-cb {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        z-index: 322;
    }
    .frame-cc {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        padding: 0 0 8px;
        border-bottom: 1px solid #e8e8e8;
        z-index: 323;
    }
    .parent-english-communication {
        flex-shrink: 0;
        position: relative;
        width: 267px;
        font-family: Pretendard, var(--default-font-family);
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        text-align: left;
        text-overflow: initial;
        white-space: nowrap;
        letter-spacing: -0.36px;
        z-index: 324;
    }
    .asterisk {
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        text-align: left;
        letter-spacing: -0.36px;
    }
    .parent-english-communication-recommended {
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        text-align: left;
        letter-spacing: -0.36px;
    }
    .frame-cd {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        padding: 4px 0 8px;
        border-bottom: 1px solid #e8e8e8;
        z-index: 325;
    }
    .two-weeks-advance-booking-required {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 12px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.36px;
        z-index: 326;
    }
    .frame-ce {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 40px;
        position: relative;
        margin-top:4em;
        z-index: 327;
    }
    .frame-cf {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        z-index: 328;
    }
    .exploration-schedule-example {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.72px;
        z-index: 329;
    }
    .frame-d0 {
        flex-basis: auto;
        position: relative;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        letter-spacing: -0.28px;
        z-index: 330;
    }
    .frame-d1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 32px;
        position: relative;
        min-width: 0;
        z-index: 331;
    }
    .frame-d2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        z-index: 332;
    }
    .day-1-exploration-example {
        display: flex;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        width: 206px;
        z-index: 333;
    }
    .customized-progress-based-on-individual {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #41655f;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.64px;
        z-index: 334;
    }
    .frame-d3 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 12px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.24px;
        z-index: 335;
    }
    .frame-d4 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 336;
    }
    .frame-d5 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        height: 62px;
        padding: 20px 24px 0;
        background: #fafaf7;
        z-index: 337;
        border-radius: 14px 14px 0 0;
    }
    .am {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 338;
    }
    .frame-d6 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 13px;
        color: #cfcfcf;
        font-family: Pretendard, var(--default-font-family);
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.26px;
        z-index: 339;
    }
    .noon-12pm {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 169px;
        padding: 0 114px 0 0;
        z-index: 340;
    }
    .pm {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 55px;
        height: 16px;
        color: #cfcfcf;
        font-family: Pretendard, var(--default-font-family);
        font-size: 13px;
        font-weight: 500;
        line-height: 15.6px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.26px;
        z-index: 341;
    }
    .group {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 13px;
        color: #cfcfcf;
        font-family: Pretendard, var(--default-font-family);
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.26px;
        z-index: 342;
    }
    .wrapper-2f {
        flex-shrink: 0;
        position: relative;
        width: 762px;
        height: 16px;
        z-index: 343;
    }
    .text-78 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 40px;
        height: 16px;
        top: 0;
        left: 0;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 344;
    }
    .text-79 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 31px;
        height: 16px;
        top: 0;
        left: 119px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 345;
    }
    .text-7a {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: absolute;
        height: 16px;
        top: 0;
        left: 374px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 346;
    }
    .text-7b {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 24px;
        height: 16px;
        top: 0;
        left: 738px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 347;
    }
    .text-7c {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 24px;
        height: 16px;
        top: 0;
        left: 488px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 348;
    }
    .text-7d {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: absolute;
        height: 16px;
        top: 0;
        left: 249px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 349;
    }
    .frame-d7 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 24px;
        height: 16px;
        top: 0;
        left: 609.5px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 350;
    }
    .ellipse {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 2.4px;
        position: relative;
        padding: 20px 24px 28px;
        background: #fafaf7;
        z-index: 351;
        border-radius: 0 0 14px 14px;
    }
    .line-d8 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/6RrB3sG8YL.png") no-repeat center;
        background-size: cover;
        z-index: 353;
        border-radius: 50%;
    }
    .frame-d9 {
        flex-shrink: 0;
        position: absolute;
        width: 835px;
        height: 1px;
        top: 22.5px;
        left: 29px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/mm1KOdzyL2.png") no-repeat center;
        background-size: cover;
        z-index: 352;
    }
    .tooltip-da {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 99px;
        padding: 10px 10px 0;
        z-index: 354;
    }
    .div-db {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 355;
    }
    .div-dc {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom: -1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/713uG90z1J.png") no-repeat center;
        background-size: cover;
        z-index: 356;
    }
    .supporting-text-hotel-pickup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 79px;
        padding: 10px 12px;
        background: #eae9e2;
        z-index: 357;
        border-radius: 8px;
    }
    .ellipse-dd {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 55px;
        height: 16px;
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 358;
    }
    .frame-de {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/PucaMRyuGF.png") no-repeat center;
        background-size: cover;
        z-index: 359;
        border-radius: 50%;
    }
    .tooltip-df {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 109px;
        padding: 10px 10px 0;
        z-index: 360;
    }
    .div-e0 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 361;
    }
    .div-e1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom: -1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/DgDZTkhHCJ.png") no-repeat center;
        background-size: cover;
        z-index: 362;
    }
    .supporting-text-school-exploration {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 89px;
        padding: 10px 12px;
        background: #398a8f;
        z-index: 363;
        border-radius: 8px;
    }
    .ellipse-e2 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 65px;
        height: 16px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 364;
    }
    .frame-e3 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/jEWBJ5RpTL.png") no-repeat center;
        background-size: cover;
        z-index: 365;
        border-radius: 50%;
    }
    .tooltip-e4 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 125px;
        padding: 10px 10px 0;
        z-index: 366;
    }
    .div-e5 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 367;
    }
    .div-e6 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom: -1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/gA0o6gJZfF.png") no-repeat center;
        background-size: cover;
        z-index: 368;
    }
    .supporting-text-surrounding-commercial-and-residential-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 105px;
        padding: 14px;
        background: #eae9e2;
        z-index: 369;
        border-radius: 8px;
    }
    .ellipse-e7 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 77px;
        /* height: 28px; */
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2em;
        text-align: center;
        letter-spacing: -0.3px;
        z-index: 370;
    }
    .frame-e8 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/ix2tBe69VD.png") no-repeat center;
        background-size: cover;
        z-index: 371;
        border-radius: 50%;
    }
    .tooltip-e9 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 99px;
        padding: 10px 10px 0;
        z-index: 372;
    }
    .div-ea {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 373;
    }
    .div-eb {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom: -1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/30N7Kk4O2Q.png") no-repeat center;
        background-size: cover;
        z-index: 374;
    }
    .supporting-text-school-transportation {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 79px;
        padding: 10px 12px;
        background: #eae9e2;
        z-index: 375;
        border-radius: 8px;
    }
    .ellipse-ec {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 55px;
        height: 16px;
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 376;
    }
    .frame-ed {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/bDHDZ8vTZH.png") no-repeat center;
        background-size: cover;
        z-index: 377;
        border-radius: 50%;
    }
    .tooltip-ee {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 108px;
        padding: 10px 10px 0;
        z-index: 378;
    }
    .div-ef {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 379;
    }
    .div-f0 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom: -1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/yeQD1HTAMH.png") no-repeat center;
        background-size: cover;
        z-index: 380;
    }
    .supporting-text-f1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 88px;
        padding: 10px 12px;
        background: #398a8f;
        z-index: 381;
        border-radius: 8px;
    }
    .supporting-text-f2 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 64px;
        height: 16px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 382;
    }
    .ellipse-f3 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/PWedDQizK7.png") no-repeat center;
        background-size: cover;
        z-index: 383;
        border-radius: 50%;
    }
    .frame-f4 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 125px;
        padding: 10px 10px 0;
        z-index: 384;
    }
    .tooltip-f5 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 385;
    }
    .div-f6 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom: -1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/ZoFcogLbCe.png") no-repeat center;
        background-size: cover;
        z-index: 386;
    }
    .content-f7 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 105px;
        padding: 14px;
        background: #eae9e2;
        z-index: 387;
        border-radius: 8px;
    }
    .supporting-text-f8 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 77px;
        /* height: 28px; */
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2em;
        text-align: center;
        letter-spacing: -0.3px;
        z-index: 388;
    }
    .ellipse-f9 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/QMj1B5PArm.png") no-repeat center;
        background-size: cover;
        z-index: 389;
        border-radius: 50%;
    }
    .frame-fa {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 99px;
        padding: 10px 10px 0;
        z-index: 390;
    }
    .tooltip-fb {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 391;
    }
    .div-fc {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom: -1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/xMTmxHCFNh.png") no-repeat center;
        background-size: cover;
        z-index: 392;
    }
    .content-fd {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 79px;
        padding: 10px 12px;
        background: #eae9e2;
        z-index: 393;
        border-radius: 8px;
    }
    .supporting-text-fe {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 55px;
        height: 16px;
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 394;
    }
    .ellipse-ff {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/FG3XqWj3kd.png") no-repeat center;
        background-size: cover;
        z-index: 395;
        border-radius: 50%;
    }
    .frame-100 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        z-index: 396;
    }
    .frame-101 {
        display: flex;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        width: 208px;
        z-index: 397;
    }
    .example-day {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 16px;
        color: #41655f;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.64px;
        z-index: 398;
    }
    .custom-progress {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 12px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.24px;
        z-index: 399;
    }
    .frame-102 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 400;
    }
    .frame-103 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        height: 62px;
        padding: 20px 24px 0;
        background: #fafaf7;
        z-index: 401;
        border-radius: 14px 14px 0 0;
    }
    .frame-104 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 402;
    }
    .am-105 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 13px;
        color: #cfcfcf;
        font-family: Pretendard, var(--default-font-family);
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.26px;
        z-index: 403;
    }
    .frame-106 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 169px;
        padding: 0 114px 0 0;
        z-index: 404;
    }
    .lunch-time {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 55px;
        height: 16px;
        color: #cfcfcf;
        font-family: Pretendard, var(--default-font-family);
        font-size: 13px;
        font-weight: 500;
        line-height: 15.6px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.26px;
        z-index: 405;
    }
    .pm-107 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 13px;
        color: #cfcfcf;
        font-family: Pretendard, var(--default-font-family);
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.26px;
        z-index: 406;
    }
    .group-108 {
        flex-shrink: 0;
        position: relative;
        width: 762px;
        height: 16px;
        z-index: 407;
    }
    .time-slot {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 40px;
        height: 16px;
        top: 0;
        left: 0;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 408;
    }
    .time {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 31px;
        height: 16px;
        top: 0;
        left: 119px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 409;
    }
    .time-109 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: absolute;
        height: 16px;
        top: 0;
        left: 374px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 410;
    }
    .time-10a {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 24px;
        height: 16px;
        top: 0;
        left: 738px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 411;
    }
    .time-10b {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 24px;
        height: 16px;
        top: 0;
        left: 488px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 412;
    }
    .time-10c {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: absolute;
        height: 16px;
        top: 0;
        left: 249px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 413;
    }
    .time-10d {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        width: 24px;
        height: 16px;
        top: 0;
        left: 613.5px;
        color: #c1bfb7;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.32px;
        z-index: 414;
    }
    .frame-10e {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 3.2px;
        position: relative;
        padding: 20px 24px 28px;
        background: #fafaf7;
        z-index: 415;
        border-radius: 0 0 14px 14px;
    }
    .ellipse-10f {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/KFSm0UeEx9.png") no-repeat center;
        background-size: cover;
        z-index: 417;
        border-radius: 50%;
    }
    .line-110 {
        flex-shrink: 0;
        position: absolute;
        width: 835px;
        height: 1px;
        top: 22.5px;
        left: 29px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/zaonWOEQB0.png") no-repeat center;
        background-size: cover;
        z-index: 416;
    }
    .frame-111 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 99px;
        padding: 10px 10px 0;
        z-index: 418;
    }
    .tooltip-112 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 419;
    }
    .div-113 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom:-1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/4uPrAHPoub.png") no-repeat center;
        background-size: cover;
        z-index: 420;
    }
    .content-114 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 79px;
        padding: 10px 12px;
        background: #eae9e2;
        z-index: 421;
        border-radius: 8px;
    }
    .supporting-text-115 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 55px;
        height: 16px;
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 422;
    }
    .ellipse-116 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/MxzfnCvgBx.png") no-repeat center;
        background-size: cover;
        z-index: 423;
        border-radius: 50%;
    }
    .frame-117 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 109px;
        padding: 10px 10px 0;
        z-index: 424;
    }
    .tooltip-118 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 425;
    }
    .div-119 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom:-1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/SbNDnYmHo2.png") no-repeat center;
        background-size: cover;
        z-index: 426;
    }
    .content-11a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 89px;
        padding: 10px 12px;
        background: #398a8f;
        z-index: 427;
        border-radius: 8px;
    }
    .supporting-text-11b {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 65px;
        height: 16px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 428;
    }
    .ellipse-11c {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/XhW9OWZ0Qo.png") no-repeat center;
        background-size: cover;
        z-index: 429;
        border-radius: 50%;
    }
    .frame-11d {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 125px;
        padding: 10px 10px 0;
        z-index: 430;
    }
    .tooltip-11e {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 431;
    }
    .div-11f {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom:-1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/DZEaq2PX0H.png") no-repeat center;
        background-size: cover;
        z-index: 432;
    }
    .content-120 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 105px;
        padding: 14px;
        background: #eae9e2;
        z-index: 433;
        border-radius: 8px;
    }
    .supporting-text-121 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 77px;
        /* height: 28px; */
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2em;
        text-align: center;
        letter-spacing: -0.3px;
        z-index: 434;
    }
    .ellipse-122 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/TmU6vK1Vyo.png") no-repeat center;
        background-size: cover;
        z-index: 435;
        border-radius: 50%;
    }
    .frame-123 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 99px;
        padding: 10px 10px 0;
        z-index: 436;
    }
    .tooltip-124 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 437;
    }
    .div-125 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom:-1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/u66D4ki8XM.png") no-repeat center;
        background-size: cover;
        z-index: 438;
    }
    .content-126 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 79px;
        padding: 10px 12px;
        background: #eae9e2;
        z-index: 439;
        border-radius: 8px;
    }
    .supporting-text-127 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 55px;
        height: 16px;
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 440;
    }
    .ellipse-128 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/saPGMisgBK.png") no-repeat center;
        background-size: cover;
        z-index: 441;
        border-radius: 50%;
    }
    .frame-129 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 109px;
        padding: 10px 10px 0;
        z-index: 442;
    }
    .tooltip-12a {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 443;
    }
    .div-12b {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom:-1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/vTD9LE5i7E.png") no-repeat center;
        background-size: cover;
        z-index: 444;
    }
    .content-12c {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 89px;
        padding: 10px 12px;
        background: #398a8f;
        z-index: 445;
        border-radius: 8px;
    }
    .supporting-text-12d {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 65px;
        height: 16px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 446;
    }
    .ellipse-12e {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/TRzyfTfvmR.png") no-repeat center;
        background-size: cover;
        z-index: 447;
        border-radius: 50%;
    }
    .frame-12f {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 112px;
        padding: 10px 10px 0;
        z-index: 448;
    }
    .tooltip-130 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 449;
    }
    .div-131 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom:-1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/xtVEC6DcBw.png") no-repeat center;
        background-size: cover;
        z-index: 450;
    }
    .content-132 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 92px;
        padding: 14px;
        background: #398a8f;
        z-index: 451;
        border-radius: 8px;
    }
    .supporting-text-133 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        width: 64px;
        /* height: 28px; */
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2em;
        text-align: center;
        letter-spacing: -0.3px;
        z-index: 452;
    }
    .ellipse-134 {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/81021SbXyR.png") no-repeat center;
        background-size: cover;
        z-index: 453;
        border-radius: 50%;
    }
    .frame-135 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 99px;
        padding: 10px 10px 0;
        z-index: 454;
    }
    .tooltip-136 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        z-index: 455;
    }
    .div-137 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        margin-bottom:-1px;
        width: 16px;
        height: 8px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/xxXvtEx2Tq.png") no-repeat center;
        background-size: cover;
        z-index: 456;
    }
    .content-138 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        width: 79px;
        padding: 10px 12px;
        background: #eae9e2;
        z-index: 457;
        border-radius: 8px;
    }
    .supporting-text-139 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 55px;
        height: 16px;
        color: #7b7b7b;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.3px;
        z-index: 458;
    }
    .ellipse-13a {
        flex-shrink: 0;
        position: relative;
        width: 6px;
        height: 6px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/7EcO50zT6x.png") no-repeat center;
        background-size: cover;
        z-index: 459;
        border-radius: 50%;
    }
    .line-13b {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        margin:4em 0;
        min-width: 0;
        height: 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/LsrWjMsTth.png") no-repeat center;
        background-size: cover;
        z-index: 460;
    }
    .frame-13c {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 40px;
        position: relative;
        min-width: 0;
        z-index: 461;
    }
    .frame-13d {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        z-index: 462;
    }
    .frame-13e {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 303px;
        z-index: 463;
    }
    .span-introduction {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.72px;
        z-index: 464;
    }
    .tags-13f {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 3px;
        position: relative;
        width: 97px;
        height: 28px;
        padding: 4px 8px;
        background: #e2efec;
        border: 1px solid #80aaa5;
        z-index: 465;
        overflow: hidden;
        border-radius: 5px;
    }
    .frame-13c.cd .tags-13f {
        background: #FAEBEB;
        border: none;
    }
    .span-hot-mentor {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 81px;
        height: 17px;
        color: #41655f;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 600;
        line-height: 16.803px;
        text-align: center;
        white-space: nowrap;
        z-index: 466;
    }
    .frame-13c.cd .tags-13f .span-hot-mentor {
        color:#F85F58;
    }
    .span-description {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        letter-spacing: -0.32px;
        z-index: 467;
    }
    .frame-140 {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 32px;
        position: relative;
        z-index: 468;
    }
    .frame-141 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        width: 164px;
        z-index: 469;
    }
    .frame-142 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 17.73px;
        position: relative;
        width: 164px;
        z-index: 470;
    }
    .frame-143 {
        flex-shrink: 0;
        position: relative;
        width: 164px;
        height: 164px;
        /* background: #dfddd2; */
        z-index: 471;
        overflow: hidden;
        border-radius: 468.572px;
    }
    .rectangle-144 {
        position: absolute;
        width: 217.3px;
        height: 164px;
        top: 0;
        left: -22.551px;
        /* background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/dyY5P0ijsW.png") no-repeat center;
        background-size: cover; */
        z-index: 472;
        border-radius: 27.333px 27.333px 0 0;
    }
    .rectangle-144.cd01 {
        
        background: url("../image/sub/mentor_round_kjm.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd02 {
        
        background: url("../image/sub/mentor_round_ljh.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd03 {
        
        background: url("../image/sub/mentor_round_mong.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd04 {
        
        background: url("../image/sub/mentor_round_mong.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd05 {
        
        background: url("../image/sub/mentor_round_hsj.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd06 {
        
        background: url("../image/sub/mentor_round_lsy.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd07 {
        
        background: url("../image/sub/mentor_round_tei.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd08 {
        
        background: url("../image/sub/mentor_round08.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd09 {
        
        background: url("../image/sub/mentor_round_khs.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-144.cd10 {
        
        background: url("../image/sub/mentor_round_ksy.png") no-repeat center;
        background-size: contain;
    }
    .rectangle-mong {
        position: absolute;
        width: 164px;
        height: 164px;
        top: 0;
        left: 0;
        background: url("../image/sub/mentor_round01.png") no-repeat center;
        background-size: cover;
        z-index: 472;
        border-radius: 27.333px 27.333px 0 0;
    }
    .frame-145 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 106px;
        z-index: 473;
    }
    .span-mentor {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 106px;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.72px;
        z-index: 474;
    }
    .span-residence {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 106px;
        height: 14px;
        color: #b7b5aa;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -0.42px;
        z-index: 475;
    }
    .frame-146 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        gap: 24px;
        position: relative;
        /* background: #fafaf7; */
        z-index: 476;
        border-radius: 14px;
    }
    .frame-147 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        z-index: 477;
    }
    .frame-148 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        width: 146px;
        z-index: 478;
    }
    .span-career {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 20px;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 700;
        line-height: 19.8px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.54px;
        z-index: 479;
    }
    .tags-149 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 3px;
        position: relative;
        width: 77px;
        height: 28px;
        padding: 4px 8px;
        background: #398a8f;
        z-index: 480;
        overflow: hidden;
        border-radius: 5px;
    }
    .frame-13c.cd .tags-149 {
        background:#BA3434;
    }
    .span-location {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 61px;
        height: 17px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 600;
        line-height: 16.803px;
        text-align: center;
        white-space: nowrap;
        z-index: 481;
    }
    .frame-14a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        z-index: 482;
    }
    .span-education {
        align-self: stretch;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: .875em;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        letter-spacing: -0.32px;
        z-index: 483;
    }
    .span-education-14b {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: .875em;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        letter-spacing: -0.32px;
        z-index: 484;
    }
    .span-consulting {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: .875em;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        letter-spacing: -0.32px;
        z-index: 485;
    }
    .span-coordinator {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: .875em;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        letter-spacing: -0.32px;
        z-index: 486;
    }
    .line-14c {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        height: 1px;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/mjPWd1ducp.png") no-repeat center;
        background-size: cover;
        z-index: 487;
    }
    .frame-14d {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        z-index: 488;
    }
    .span-comment {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 20px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 18px;
        font-weight: 600;
        line-height: 19.8px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.54px;
        z-index: 489;
    }
    .frame-14e {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 12px;
        position: relative;
        z-index: 490;
    }
    .span-text {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        color: #454545;
        font-family: Pretendard, var(--default-font-family);
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        text-align: left;
        letter-spacing: -0.28px;
        z-index: 491;
    }
    .frame-14f {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 10px;
        width: 428px;
        padding: 24px 24px 20px;
        background: #ffffff;
        border: 1px solid #e8e8e8;
        z-index: 505;
        border-radius: 0 0 20px 20px;
    }
    .frame-150 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 30px;
        position: relative;
        width: 380px;
        z-index: 506;
    }
    .frame-151 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        min-width: 0;
        z-index: 507;
    }
    .frame-152 {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 32px;
        position: relative;
        height: 19px;
        z-index: 508;
    }
    .day-paid {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 20px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 17px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.51px;
        z-index: 509;
    }
    .day-paid-153 {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 20px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 17px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.51px;
        z-index: 510;
    }
    .self-free-visit {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 20px;
        color: #979797;
        font-family: Pretendard, var(--default-font-family);
        font-size: 17px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.51px;
        z-index: 511;
    }
    .group-154 {
        flex-shrink: 0;
        position: relative;
        width: 380px;
        height: 1px;
        z-index: 512;
    }
    .line-155 {
        position: relative;
        width: 380px;
        height: 1px;
        margin: -1px 0 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/hm0tjCXTtn.png") no-repeat center;
        background-size: cover;
        z-index: 513;
    }
    .line-156 {
        position: relative;
        width: 72px;
        height: 3px;
        margin: -2px 0 0;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/JHDYgm0oW4.png") no-repeat center;
        background-size: cover;
        z-index: 514;
    }
    .frame-157 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 16px;
        position: relative;
        min-width: 0;
        z-index: 515;
    }
    .frame-158 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        z-index: 516;
    }
    .frame-159 {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        gap: 6px;
        position: relative;
        min-width: 0;
        z-index: 517;
    }
    .span-text-15a {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 1em;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.6px;
        z-index: 518;
    }
    .span-text-15a small {
        color:#979797;
    }
    .span-text-15aa {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 24px;
        color: #212121;
        font-family: Pretendard, var(--default-font-family);
        font-size: 1.125em;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.6px;
        z-index: 518;
    }
    .frame-15b {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        padding: 0 0 4px;
        z-index: 519;
    }
    .time-15c {
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        height: 12px;
        color: #c1c1c1;
        font-family: Pretendard, var(--default-font-family);
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -0.24px;
        z-index: 520;
    }
    .frame-15d {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 40px;
        position: relative;
        z-index: 521;
    }
    .frame-15e {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        z-index: 522;
    }
    .line-15f {
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        height: 1px;
        margin-bottom:1em;
        background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-03/K5ftovdvbC.png") no-repeat center;
        background-size: cover;
        z-index: 523;
    }
    .interview {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        color: #646464;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        letter-spacing: -0.28px;
        z-index: 524;
    }
    .button {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        z-index: 525;
    }
    .button-160 {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-wrap: nowrap;
        flex-shrink: 0;
        position: relative;
        padding: 18px 0;
        background: #28292b;
        z-index: 526;
        overflow: hidden;
        border-radius: 10px;
    }
    .service-request {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-shrink: 0;
        flex-basis: auto;
        position: relative;
        width: 95px;
        height: 18px;
        color: #ffffff;
        font-family: Pretendard, var(--default-font-family);
        font-size: 15px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
        white-space: nowrap;
        z-index: 527;
    }
    .secvice_list ul {
        display:flex;
        justify-content: flex-start;
        align-items: stretch;
        gap:1em;
    }
    .secvice_list ul li {
        width:calc((100% - 2em) / 3);
        border-radius:1em;
        border:1px solid #E9E9E9;
    }
    .secvice_list ul li .text_area {
        padding:1.25em 1em;
    }
    .secvice_list ul li .text_area span {
        font-size:1.125em;
        font-weight:700;
    }
    .secvice_list ul li .text_area p {
        margin-top:1em;
        font-size:.875em;
        color:#979797
    }
    .guide {
        margin-top:1em;
        width:100%;
    }
    .guide ul li {
        margin-bottom:.5rem;
        padding-bottom:.25rem;
        font-size:.875em;
        border-bottom:1px solid #E9E9E9;
    }
    .univ_list ul li {
        display:flex;
        justify-content: flex-start;
        align-items: center;
        gap:.5em;
    }
    .Allan img {
        display:block;
    }
    .msection.faq_area {
        padding-top:0;
        width:100%;
    }

    .class_benefit {
        display:flex;
        justify-content: space-between;
        align-items: center;
        gap:2em;
        width:100%;
    }

    .class_benefit .img_area {
        min-width:11em;
    }
    .class_benefit .img_area img {
        display:block;
        width: auto;
        max-width:100%;
        margin-bottom:1.5em;
    }
    .class_benefit .img_area span,
    .class_benefit .img_area p {
        display:block;
        font-weight:600;
        letter-spacing: -0.04em;
    }
    .class_benefit .img_area span {
        font-size:.875em;
        color:#80AAA5;
    }
    .class_benefit .img_area p {
        margin-top:.5em;
        color:#212121;
    }

    .class_benefit .bnf_list {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        gap:.625em;
    }
    .class_benefit .bnf_list li {
        padding:1em 1.125em;
        width:calc((100% - .625em) / 2);
        border-radius:.875em;
        border:1px solid #E9E9E9;
    }
    .class_benefit .bnf_list li span {
        font-size: 2em;
        font-weight:700;
        color:#E2EFED;
    }
    .class_benefit .bnf_list li p {
        font-weight:600;
        color:#979797;
    }
    .class_benefit .bnf_list li p b {
        font-weight:600;
        color:#454545;
    }

    .class_curri {
        width:100%;
    }
    .curri_list {
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items: stretch;
        gap:.625em;
        width:100%;
    }
    .curri_list li {
        width:calc((100% - .625em) / 2);
        border-radius:.875em;
        border:1px solid #E9E9E9;
        overflow:hidden;
    }
    .curri_list li > span {
        display:flex;
        justify-content: center;
        align-items: center;
        gap:.25em;
        padding:.5em;
        color:#fff;
        font-weight:600;
        border-radius:.875em .875em 0 0;
    }
    .curri_list li > span small {
        font-weight:400;
    }
    .curri_list li:first-child > span {
        background-color:#F85F58;
    }
    .curri_list li:last-child > span {
        background-color:#4B70D7;
    }
    .curri_list li .text_area {
        padding:1em;
    }
    .t_top {
        display:block;
        padding-bottom:.5rem;
        font-size:1.125em;
        font-weight:600;
        color:#0F2033;
        border-bottom:1px solid #E9E9E9;
    }
    .t_top small {
        font-weight:500;
        color:#979797;
    }
    .t_txt {
        padding-top:1em;
    }
    .t_txt span {
        display:block;
        margin-bottom:.5rem;
        font-weight:600;
    }
    .curri_list li:first-child .t_txt span {
        color:#AA8081;
    }
    .curri_list li:last-child .t_txt span {
        color:#8096AA;
    }
    .t_txt p {
        font-size:.875em;
        line-height:1.5em;
        color:#212121;
    }
    .guide .alert {
        padding:0;
        color:#BA3434;
    }

    .page-procedure.detail .class_curri .container {
        display:block;
    }

    /* .page-procedure.detail .class_curri .msection.faq_area {
        padding-bottom:0;
    } */

    .classDetail_list .class_intro {
        width:100%;
        padding:2em;
        border-radius:.875em;
        background-color:#E6F1EF;
    }
    .classDetail_list .class_intro .text_area {
        padding:0;
        width:100%;
    }
    .classDetail_list .class_intro .text_area p {
        margin-top:.5em;
    }

    .cost_list {
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap:1.25em;
        width:100%;
    }
    .cost_list > li {
        padding:2em;
        width:100%;
        border:1px solid #E9E9E9;
        border-radius:1.25em;
    }
    .cost_list > li .tit {
        padding-bottom:1em;
        border-bottom:1px dotted #E9E9E9;
    }
    .cost_list > li .tit span {
        font-size:1.25em;
        font-weight:700;
        color:#212121;
    }
    .cost_list > li .tit span small {
        color:#979797;
    }
    .cost_list > li .tit span.cost {
        display:block;
        margin-top:.25em;
        font-size:1.5em;
    }
    .cost_list > li .detail {
        margin-top:1em;
    }
    .cost_list > li .detail > span {
        color:#212121;
        font-weight:700;
    }
    .cost_list > li .detail ul {
        margin-top:1em;
    }
    .cost_list > li .detail ul li {
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:.5em;
    }
    .cost_list > li .detail ul li:last-child {
        margin-bottom:0;
    }
    .cost_list > li .detail ul li p {
        font-size:0.875em;
    }
    .cost_list > li .detail ul li p:first-child {
        color:#777777;
    }
    .cost_list > li .detail ul li p:last-child {
        font-weight:600;
        color:#212121;
    }
    .guide > span {
        display:block;
        margin-bottom:.5em;
        font-weight:600;
    }

    
.sidebar-top {
    position:absolute;
    top:4em;
    right:12px;
}
.sidebar-fixed {
    position: fixed !important;
    top:4em;
    /* right:19px !important; */
}
.sidebar-bottom {
    position:absolute;
    bottom:0;
    right:12px;
}

.mentor_list {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: stretch;
    gap:.625em;
    margin-top:4em;
}
.mentor_list li {
    display:flex;
    width:100%;
    /* width:calc((100% - 1.875em) / 4); */
    border:1px solid #E9E9E9;
    border-radius:1.25em;
    overflow:hidden;
}
.mentor_list li .text_area {
    padding:1em;
}
.mentor_list li .text_area span {
    display:flex;
    align-items: flex-end;
    gap:.25em;
    font-size:1.25em;
    font-weight:700;
    color:#212121;
    margin-bottom:.5rem;
}
.mentor_list li .text_area span small {
    display:block;
    font-size:.6em;
    font-weight:500;
    line-height:2em;
    color:#C1C1C1;
}
.mentor_list li .text_area p {
    font-size:.79em;
    letter-spacing:-0.04em;
    line-height:1.75em;
}
.mentor_list + .guide li {
    border:none;
}


@media screen and (max-width:1024px) {
    .tooltip {
        display:none;
    }
    .holding_cont {
        width:calc(100% - 428px - 2em);
    }
}

@media screen and (max-width:768px) {
    
    .mobile {
        display:block;
    }
    .pc {
        display:none;
    }
    .holding_cont {
        width: 100%;
    }
    .floating_cont {
        display:none;
    }
    .frame-c {
        display:none;
    }
    .dapsa-jeong-mi-deul-i-deul-eo-gap-ni-da {
        font-size:1.5em;
    }
    .muryo-yuhag-seobiseu-wa-ibsi-keon-sel-ting-kkaji-dayang-han-seobiseu-je-gong {
        font-size:.9em;
    }
    .service-inclusions,
    .field-trip-intro,
    .school-list-for-field-trip,
    .dapsa-juyo-jieok,
    .dapsa-service-yuhyeong-annae,
    .exploration-schedule-example,
    .span-introduction,
    .class_curri .tit_area span,
    .class_intro .text_area span {
        font-size:1.125em;
    }
    .section-c {
        gap:2em;
        margin-top:0;
    }
    .frame-2c {
        padding:1em;
    }
    .frame-2e1 > span,
    .frame-2e1 > p,
    .school-visit-counseling,
    .curriculum-facility-tour,
    .local-team-counseling-interpreting,
    .residential-area-tour.shopping-medical-education-infrastructure-guide,
    .shopping-medical-education-infrastructure-guide,
    .residential-area-tour,
    .field-trip-service,
    .classDetail_list .class_intro .text_area p {
        font-size:.875em;
    }
    .line-2a,
    .line-38,
    .line-9f,
    .line-13b {
        margin:1.5em auto;
    }
    .school-visit-counseling br {
        display:none;
    }
    .frame-2e.sm ul li span {
        width:5em;
    }
    .frame-2e.sm ul li p {
        width:calc(100% - 6em);
    }
    .frame-140 {
        flex-direction: column;
        align-items: center;
    }
    .title {
        gap:0;
    }
    .title-yeong-eoro-gyeol-gu-reul-mandeul-sigan-keorieo-yuhag-ibenteu-11 {
        font-size:1.25em;
    }
    .title-yeong-eoro-gyeol-gu-reul-mandeul-sigan-keorieo-yuhag-ibenteu {
        font-size:1em;
    }
    .mong-seonsaeng-ui-keon-sel-ting-eun,
    .ireonjeom-i-dalla-yo,
    .im-si-deiteo-ibnida-chu-hu-sujeong-yejeong-ibnida-il-sang-ui-soso-han-sungandeul-eul-hamkke-nanu-neun-gonggan-ibnida {
        font-size:1em;
    }
    .frame-1 {
        height:2em;
        border-radius:0 0 1.25em 1.25em;
    }
    .frame-2e.sm ul li p.guide {
        width:100%;
    }
    .frame-2b {
        gap:.5em;
    }

    .ms.title_area.class .tab_tit a {
        padding:0 .5em .5em;
        font-size:1em;
    }
    .frame-3a {
        flex-direction:column;
        align-items: flex-start;
    }
    .secvice_list ul {
        flex-wrap:wrap;
    }
    .secvice_list ul li {
        width:100%;
    }
    .secvice_list ul li .img_area img {
        width:100%;
    }
    .classDetail_list {
        margin-top:2em;
    }
    .class_benefit {
        flex-direction: column;
    }
    .class_benefit .img_area {
        width:100%;
    }
    .class_benefit .img_area img {
        margin:0 auto 1.5em;
    }
    .class_benefit .img_area span,
    .class_benefit .img_area p {
        text-align:center;
    }
    .cost_list > li {
        padding:1em;
    }
    .section-c .classDetail_list .title_area {
        margin-top:0;
    }
    .curri_list li.full {
        width:100%;
    }
    .curri_list li > span {
        flex-direction: column;
    }
}