@media screen and (max-width:599px) {
    .pc-mobile{
        display: none !important;
    }
    .mobile-pc{
        display: flex !important;
    }
    #modalImage {
        width: 96%;
        margin: -4% 0% 0% 0%;
    }

    .fixed-sticky {
        top: 6.5%;
    }
    .sticky_div {
        height: 15vw;
    }
    .sticky_button_div {
        flex-direction: column;
        width: 80%;
        height: 18vw;
        padding: 0 6%;
        gap: 15%;
    }
    .sticky_button_div_s{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .sticky_button_s {
        font-size: 3.2vw;
    }

    .main {
        margin: 0% 0% 7% 0%;
    }
    .main_content {
        height: 155vw;
    }
    .main_video {
        width: 320%;
        height: 150%;
    }
    .main_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 36%;
    }
    .main_left_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .main_left_01 > p {
        font-size: 9vw;
    }
    .main_left_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .main_left_02 > p {
        font-size: 9vw;
    }
    .main_left_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .main_left_03 > p {
        font-size: 9vw;
    }
    .main_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        bottom: 31%;
    }
    .main_right > p {
        font-size: 3.2vw;
        margin: 0% 0% 1% 0%;
    }
    .main_scr_content {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 18vw;
        margin: 0% 0% -4% 0%;
    }
    .main_scr_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 180%;
        height: 100%;
        overflow: hidden;
        margin: -6% 0% 0% 0%;
    }

    .con01_button_absol {
        width: 33%;
        height: 13.5vw;
        border-radius: 5px;
        top: 96%;
        right: unset;
    }
    .con01_button_text > p {
        font-size: 3vw;
    }
    .con01_button_arrow {
        width: 5.5vw;
        height: 5.5vw;
    }
    .acon1_01_div {
    left: 5%;
    top: -19%;
    z-index: 2;
}
    .con01_button_arrow > p {
        font-family: 'SUIT';
        font-weight: 400;
        font-size: 3.3vw;
        color: #1653c5;
    }
    .con01_top_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 5% 0% 0% 0%;
    }
    .con01_left {
        width: 100%;
        margin: 0% 0% 5% 0%;
    }
    .con01_left_div {
        margin: 0% 0% 0% 0%;
        font-size: 7.4vw;
    }
    .con01_left_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con01_left_01 > p:nth-of-type(1) {
        font-weight: 800;
    }
    .con01_left_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con01_right {
        width: 100%;
    }
    .con01_right_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 0% 0%;
    }
    .con01_right_01 > p {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        margin: 0% 0% 1% 0%;
    }
    .con01_div {
        margin: 6% 0% 19% 0%;
    }

    .real_div {
        margin: 8% 0% 8% 0%;
    }
    .real_content {
        width: 100%;
        border-radius: 0px;
    }
    .real_div_01 {
        font-size: 6.8vw;
    }
    .real_div_02 {
        font-size: 3.2vw;
        margin: 1.5% 0% 4% 0%;
    }
    .con01_mid_div {
        height: 55vw;
    }
    .acon1_02_div{
        width: 100%;
        height: 54vw;
    }
    .acon1_02{
        height: 100%;
    }
    .con01_mid_top_div {
        padding: 4% 10% 4% 10%;
        margin: 0% 0% 6.5% 0%;
    }
    .con01_mid_top_div > p {
        font-size: 3.2vw;
    }
    .con01_text_01 {
        font-size: 5.5vw;
        margin: -15% 3.3% 0% 0%;
    }
    .con01_ct {
        font-size: 5.7vw;
    }
    .con01_text_03 {
        font-size: 3.2vw;
    }
    .con01_mid_div_s_01 {
        left: 15%;
        top: 15%;
    }
    .con01_mid_div_s_02 {
        left: 62%;
        top: 15%;
    }
    .con01_mid_div_s_03 {
        left: 15.5%;
        top: 58%;
    }
    .con01_mid_div_s_04 {
        left: 59%;
        top: 57%;
    }

    .real_title {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 10.5vw;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #000;
        border-bottom: 1px solid #c9c9c9;
    }
    .real_table {
        border-radius: 10px;
    }
    .real_swiper_y {
        height: 52vw;
        pointer-events: none;
    }
    .real_swiper_y_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50vw;
    }
    .real_border {
        height: 7vw;
    }
    .real_border_s {
        font-size: 3vw;
    }
    #real_border_s > p{
        width: 90%;
    }
    .current_box {
        font-size: 3.2vw;
        padding: 4.7% 7.7% 4.7% 7.7%;
    }
    .n_box {
        font-size: 2.3vw;
        padding: 0.7% 3.7% 0.7% 3.7%;
        border-radius: 3px;
    }
    .real_swiper_wrapper_y {
        margin: -0.5% 0% 0% 0%;
    }
    .real_swiper_slide_y {
        height: 7vw !important;
        margin-bottom: 2px !important;
    }

    .con02_div {
        margin: 12% 0% 0% 0%;
    }
    .con02_div_01 {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 900;
        font-size: 2.9vw;
        color: #0d41b4;
        margin: 0%;
    }
    .con02_div_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 7.4vw;
        color: #000;
        margin: 3.2% 0% 2% 0%;
    }
    .con02_div_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 67%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 7.4vw;
        color: #000;
        margin: -1% 0% 6% 0%;
        text-align: center;
    }
    .con02_div_04 {
        background: url(/images/acon11_bg.jpg) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 130vw;
        border-radius: 0px;
    }
    .acon11_01_div {
        width: 58.9606% !important;
        z-index: 5;
    }
    .con02_swiper_mid {
        width: 53.5%;   
    }
    .con02_swiper_mid{
        z-index: 10;
    }
    .con02_button_div{
        width: 35%;
        height: 13.5vw;
        border-radius: 5px;
    }
    .con02_button_text > p {
        font-size: 3vw;
    }
    .con02_button_arrow {
        width: 6.5vw;
        height: 6.5vw;
    }
    .con02_button_arrow > p {
        font-family: 'SUIT';
        font-weight: 400;
        font-size: 3.3vw;
        color: #1653c5;
    }
    .con02_div_05{
        margin: 6% 0% 9% 0%;
    }
    .con02_swiper_slide.swiper-slide-next{
        opacity: 0.3;
        transition: all 1s;
    }
    .con02-button-prev {
        z-index: 15;
        width: 8.5% !important;
        left: 16%;
        transform: rotate(180deg);
    }
    .con02-button-next {
        z-index: 15;
        width: 8.5% !important;
        right: 16%;
    }

    .con03_top_01 {
        font-size: 2.9vw;
    }
    .con03_top_02 {
        font-size: 7.4vw;
        margin: 3.5% 0% 0% 0%;
    }
    .con03_top_03 {
        font-size: 7.4vw;
        padding: 1% 0%;
    }
    .con03_top_03 > p:nth-of-type(2) {
        font-size: 7.4vw;
        margin: 0% 2.8% 0% 2.8%;
    }
    .con03_top_04 {
        font-size: 3.2vw;
        margin: 6% 0% 3% 0%;
    }
    .con03_top_04_s {
        margin: 0% 0% 1% 0%;
    }
    .con03_one {
        background-color: #104cb2;
        width: 10vw;
        height: 10vw;
        border-radius: 50vw;
        left: 55.2%;
    }
    .con03_swiper {
        width: 80%;
    }
    .con03_sd_div {
        border-radius: 15px;
    }
    .con03_top_05 {
        margin: 0% 0% 37% 0%;
    }
    .con03_button_text > p {
        font-size: 3.2vw;
    }
    .con03_button_absol {
        width: 39%;
        height: 15.5vw;
        bottom: -45.5%;
        left: unset;
    }
    .acon4_01_div {
        top: 2%;
    }
    .con03_button_arrow {
        width: 6.5vw;
        height: 6.5vw;
    }
    .con03_button_arrow > p {
        font-size: 3.3vw;
    }
    .con03_scr_01 {
        width: 400%;
    }
    .con03_scr_02 {
        width: 400%;
        margin: 2% -20% 2% 0%;
    }
    .con03_scr_03 {
        width: 400%;
    }
    .con04_button_rltv {
        width: 80%;
        height: 10vw;
        border-radius: 5px;
        font-size: 3.2vw;
    }
    .con04_button_arrow {
        width: 5.5vw;
        height: 5.5vw;
    }
    .con04_button_arrow > p {
        font-size: 2.7vw;
    }
    .con04_button_rltv > p:nth-of-type(2){
        margin: 0% 3% 0% 0%;
    }

    .con04_top{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 16% 0% 4% 0%;
    }
    .con04_left{
        width: 100%;
    }
    .con04_left_div {
        margin: 0% 0% 0% -33%;
    }
    .acon2_03_div{
        width: 69.9186% !important;
    }
    .acon2_03a_div {
        top: -9%;
        left: 83%;
        width: 19.2336% !important;
    }
    .acon2_03b_div{
        width: 16.61155% !important;
        top: -26%;
        left: 66%;
    }
    .con04_right{
        width: 100%;
        margin: 7% 0% 0% 0%;
    }
    .con04_right_div {
        margin: 0% 0% 0% 0%;
    }
    .con04_right_01 {
        justify-content: center;
        font-size: 7.4vw;
    }
    .con04_right_02 {
        justify-content: center;
        font-size: 7.4vw;
    }
    .con04_right_02 > p:nth-of-type(2) {
        font-size: 7.4vw;
        margin: 0% 0% 0% 2%;
    }
    .con04_right_03 {
        margin: 6% 0% 5% 0%;
    }
    .con04_right_03_s {
        justify-content: center;
        font-size: 3.2vw;
        width: 65%;
        margin: 0% 0% 0% 0%;
        text-align: center;
        line-height: 5vw;
    }
    .con04_button_div {
        padding: 8% 0% 12% 0%;
    }

    .con05_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 150vw;
    }
    .con05_left {
        width: 100%;
    }
    .con05_left_text_absol {
        left: unset;
        bottom: 31%;
        z-index: 1;
    }
    .con05_left_text_01 {
        justify-content: center;
        font-size: 7vw;
    }
    .con05_left_text_02 {
        justify-content: center;
        font-size: 7vw;
        margin: 0% 0% 6% 0%;
    }
    .con05_left_text_03_s {
        align-items: center;
        font-size: 3.2vw;
        margin: 0% 0% 1% 0%;
    }
    .con05_right {
        width: 100%;
    }
    .con05_right_text_absol {
        left: unset;
        bottom: 19%;
    }
    .con05_right_text_01 {
        justify-content: center;
        font-size: 7vw;
    }
    .con05_right_text_02 {
        justify-content: center;
        font-size: 7vw;
        margin: 0% 0% 6% 0%;
    }
    .con05_right_text_03_s {
        align-items: center;
        font-size: 3.2vw;
        margin: 0% 0% 1% 0%;
    }
    .con05_button_absol {
        width: 28%;
        height: 28vw;
    }
    .con05_button_rltv {
        font-size: 3.2vw;
    }
    .con05_button_arrow {
        width: 5.5vw;
        height: 5.5vw;
    }
    .con05_button_arrow > p {
        font-size: 3.3vw;
    }

    .acon7_02_div{
        width: 15.45932% !important;
    }
    .acon7_02a_div {
        bottom: -7%;
        left: 33%;
        width: 24.4934% !important;
    }
    .acon7_03_div{
        width: 44.2677% !important;
    }
    .acon7_03a_div{
        width: 44.2677% !important;
    }
    .con07_div_01 {
        font-size: 3.2vw;
    }
    .con07_div_02{
        height: 16vw;
    }
    .acon7_06_div {
        width: 7% !important;
    }
    .acon7_01_div {
        top: 15%;
        left: 1%;
        width: 61.1627% !important;
    }
    .acon7_01b_div{
        left: 59%;
        top: 37%;
        width: 39.601% !important;
    }
    .con06_div {
        margin: 35.5% 0% 14% 0%;
    }
    .acon7_04_div {
        top: -1%;
    }
    
    .con08_m_bt{
        background: linear-gradient(90deg, #2f69c7, #032b9b);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 8vw;
        height: 8vw;
        border-radius: 50vw;
        right: 6%;
        z-index: 10;
        cursor: pointer;
        pointer-events: all;
    }
    .con08_m_bt > p {
        font-family: 'SUIT';
        font-weight: 400;
        font-size: 3.3vw;
        color: #fff;
    }
    .con08_margin{
        margin: 0% 0% 0% 1%;
    }
    .con08_div {
        margin: 5% 0% 0% 0%;
    }
    .con08_div_01 {
        font-size: 7.4vw;
    }
    .con08_div_02 {
        font-size: 7.4vw;
        margin: 0% 0% 0.5% 0%;
    }
    .con08_button_rltv {
        width: 80%;
        height: 13vw;
        border-radius: 5px;
        font-size: 3.2vw;
    }
    .con08_button_arrow {
        width: 5.5vw;
        height: 5.5vw;
    }
    .con08_button_arrow > p {
        font-size: 3.3vw;
    }
    .con08_button_rltv > p:nth-of-type(2) {
        margin: 0% 3% 0% 0%;
    }
    .con08_button_div {
        padding: 7% 0% 13% 0%;
    }

    .con08_div_03 {
        width: 97%;
        height: 130vw;
    }
    .con08_swiper_y{
        height: 130vw;
    }
    .acon8_02a_div{
        width: 17.62525% !important;
    }

    .con08_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 5% 0%;
    }
    .con08_m_button{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 38%;
        height: 14vw;
        border-radius: 50vw;
        background: linear-gradient(90deg, #2f69c7, #032b9b);
        box-shadow: 0 5px 15px rgba(30, 90, 255, 0.4);
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
        cursor: pointer;
        pointer-events: all;
    }
    .con08_m_button > p{
        margin: 0% 0% 0% 16%;
    }
    .con08_button_arrow_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        width: 6.5vw;
        height: 6.5vw;
        border-radius: 50vw;
        right: 11%;
    }
    .con08_button_arrow_m > p {
        font-family: 'SUIT';
        font-weight: 400;
        font-size: 3.3vw;
        color: #1653c5;
    }

    /* step01 */
    .con08_sd_text_left_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 10%;
        left: unset;
    }
    .con08_sd_text_left_01_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_text_left_01_01_box {
        background-color: #365ba2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.5% 3% 1.5% 3%;
        border-radius: 25vw;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
    }
    .con08_sd_text_left_01_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 7vw;
        color: #000;
        margin: 2% 0% 0% 0%;
    }
    .con08_sd_text_left_01_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 7vw;
        color: #000;
    }
    .con08_sd_text_right_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 42%;
    }
    .con08_sd_text_right_01_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 7% 0%;
    }
    .con08_sd_text_right_01_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_text_right_01_02_s {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        margin: 0% 0% 0.8% 0%;
    }
    .con08_sd_text_right_01_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.5vw;
        color: #000;
        margin: 4% 0% 0% 0%;
    }
    .acon8_02_div{
        width: 27.4132% !important;
    }
    /* step01 */

    /* step02 */
    .con08_sd_02_div_01_box {
        background-color: #365ba2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.5% 3% 1.5% 3%;
        border-radius: 25vw;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
        margin: 0% 0% 2.5% 0%;
    }
    .con08_sd_02_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 5vw;
        color: #000;
    }
    .con08_sd_02_div_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 5vw;
        color: #000;
        margin: 0% 0% 2.5% 0%;
    }
    .con08_sd_02_div_04 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.3vw;
        color: #000;
        margin: 0% 0% 6.5% 0%;
    }
    .con08_sd_02_div_04 > p:nth-of-type(2) {
        color: #365ba2;
        margin: 0% 0% 0% 1.5%;
    }

    .con08_border_m_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        border: 1px solid #00000030;
    }
    .con08_title_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 11vw;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.2vw;
        color: #000;
        border-bottom: 1px solid #00000030;
    }
    .con08_border_m{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_left_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 20%;
        height: 100%;
    }
    .con08_left_m > div{
        background-color: #0b1a39;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
        border-bottom: 1px solid #ffffff57;
        text-align: center;
    }
    .con08_right_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        height: 100%;
    }
    .con08_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 21vw;
    }
    .con08_div_m2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 21vw;
    }
    .con08_div_m3{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 35vw;
        text-align: center;
    }
    .con08_div_m2_left{
            display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 35vw;
        text-align: center;
    }
    .con08_sd_div_m > div{
        background-color: #f2f5fa;
        text-align: center;
        border-bottom: 1px solid #40404036;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #000;
    }
    .con08_sd_div_m > .con08_div_m2{
        background-color: #e0ebff;
        text-align: center;
        border-bottom: 1px solid #40404036;
    }
    .con08_sd_div_m > .con08_div_m3{
        background-color: #e0ebff;
        text-align: center;
        border-bottom: 1px solid #40404036;
    }
    .con08_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        pointer-events: none;
    }
    .con08_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_swiper_m2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        pointer-events: none;
    }
    .con08_swiper_slide_m2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_div_m2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .acon8_04_div{
        width: 3.28127% !important;
        margin: 0% 2% 0% 0%;
    }
    .con08_under_div{
        white-space: nowrap;
    }
    .con08_div_m_s{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_under_line_01 {
        background-color: #fdfe56;
        width: 48.5%;
        height: 4.5vw;
        right: 23%;
        bottom: -11%;
    }
    .con08_under_line_02 {
        background-color: #fdfe56;
        width: 34%;
        height: 4.5vw;
        bottom: -18%;
    }
    .con08_under_line_03 {
        background-color: #fdfe56;
        width: 20%;
        height: 4.5vw;
        bottom: -11%;
        left: 25%;
    }
    .con08_under_line_04 {
        background-color: #fdfe56;
        width: 64.5%;
        height: 4.5vw;
        bottom: -23%;
        left: 14%;
    }
    .con08_under_line_05 {
        background-color: #fdfe56;
        width: 24.5%;
        height: 4.5vw;
        bottom: -21%;
        left: 55.5%;
    }
    .con08_under_line_06 {
        background-color: #fdfe56;
        width: 39.5%;
        height: 4.5vw;
        bottom: -11%;
        left: 3%;
    }
    .con08_under_line_07 {
        background-color: #fdfe56;
        width: 40%;
        height: 4.5vw;
        bottom: -11%;
        left: 52%;
    }
    .con08_under_line_08 {
        background-color: #fdfe56;
        width: 31.5%;
        height: 4.5vw;
        bottom: -11%;
        left: 58.5%;
    }
    .acon8_03_div{
        width: 17.73288% !important;
    }
    .acon8_05_div {
        width: 18.45266% !important;
        bottom: -24%;
        right: 12%;
    }
    .acon8_06_div {
        width: 16.45266% !important;
        right: 8%;
        bottom: -273%;
    }
    .acon8_07_div {
        right: -36%;
        bottom: 42%;
        width: 31.22762% !important;
    }
    .acon8_08_div {
        right: 0.5%;
        bottom: 137%;
        width: 17.66905% !important;
    }
    .con08_sd_02_div {
        margin: 0% 0% 0% 0%;
    }
    /* step02 */

    /* step03 */
    .con08_sd_left_absol_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
    }
    .con08_sd_left_absol_03_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_left_absol_03_01_box {
        background-color: #365ba2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.5% 3% 1.5% 3%;
        border-radius: 25vw;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
    }
    .con08_sd_left_absol_03_02_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 7vw;
        color: #000;
    }
    .con08_sd_left_absol_03_02_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 7vw;
        color: #000;
    }
    .con08_sd_left_absol_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 7%;
    }
    .con08_sd_left_absol_03_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_right_absol_03_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 10% 0%;
    }
    .con08_sd_right_absol_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 55%;
    }
    .con08_sd_left_absol_03_02{
        margin: 2% 0% 11% 0%;
    }
    .acon8_10_div{
        width: 64.518% !important;
    }
    .acon8_10a_div {
        top: -16%;
        left: 10%;
        width: 17.68645% !important;
    }
    .acon8_09_div {
        width: 90% !important;
    }
    .con08_one_s {
        background-color: #bfc3ce;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 16vw;
        height: 16vw;
        border-radius: 50vw;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.2vw;
        color: #fff;
    }
    .con08_sd_right_absol_03_02_s {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        margin: 0% 0% 0.5% 0%;
    }
    .con08_sd_right_absol_03_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.5vw;
        color: #000;
        margin: 4% 0% 0% 0%;
    }
    /* step03 */

    /* step04 */
    .con08_sd_left_absol_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 8%;
    }
    .con08_sd_left_absol_04_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_left_absol_04_01_box {
        background-color: #365ba2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.5% 3% 1.5% 3%;
        border-radius: 25vw;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
    }
    .con08_sd_left_absol_04_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 7vw;
        color: #000;
        margin: 3% 0% 0.5% 0%;
    }
    .con08_sd_left_absol_04_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 7vw;
        color: #000;
    }
    .con08_sd_right_absol_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        right: unset;
        top: 41%;
    }
    .con08_sd_right_absol_04_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 5% 0%;
    }
    .acon8_11_div{
        width: 18.74058% !important;
    }
    .acon8_11a_div{
        width: 15.63232% !important;
    }
    .con08_sd_right_absol_04_02_s {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        margin: 0% 0% 0.8% 0%;
    }
    .con08_sd_right_absol_04_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.5vw;
        color: #000;
        margin: 5% 0% 0% 0%;
    }
    /* step04 */

    /* step05 */
    .con08_sd_left_05 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 8%;
    }
    .con08_sd_left_05_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_left_05_01_box {
        background-color: #365ba2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.5% 3% 1.5% 3%;
        border-radius: 25vw;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
    }
    .con08_sd_left_05_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 7vw;
        color: #000;
        margin: 3% 0% 0% 0%;
    }
    .con08_sd_left_05_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 7vw;
        color: #000;
        margin: 0% 0% 0% 0%;
    }
    .con08_sd_left_05_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_left_05_04 > div {
        margin: 0% 0% 0% 0%;
    }
    .acon8_13_div{
        width: 67.4763% !important;
    }
    .acon8_13a_div{
        width: 67.4763% !important;
    }
    .con08_sd_right_05 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        right: unset;
        top: 53%;
    }
    .acon8_12_div{
        width: 22.3679% !important;
    }
    .con08_sd_right_05_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 4% 0%;
    }
    .con08_sd_right_05_02_s {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        margin: 0% 0% 0.8% 0%;
    }
    .con08_sd_right_05_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.5vw;
        color: #000;
        margin: 3% 0% 0% 0%;
    }
    .con08_sd_right_05_03_s {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    /* step05 */

    /* step06 */
    .con08_sd_left_06 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 8%;
    }
    .con08_sd_left_06_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_left_06_01_box {
        background-color: #365ba2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.5% 3% 1.5% 3%;
        border-radius: 25vw;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
    }
    .con08_sd_left_06_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 7vw;
        color: #000;
        margin: 3% 0% 0% 0%;
    }
    .con08_sd_left_06_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 7vw;
        color: #000;
        margin: 0% 0% 3% 0%;
    }
    .con08_sd_left_06_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 64.5%;
        margin: 0% 0% 0% 0%;
        overflow: hidden;
    }
    .acon8_15_div{
        width: 87.6942% !important;
    }
    .acon8_15b_div {
        top: 44%;
        right: unset;
        width: 46.7011% !important;
    }
    .con08_sd_right_06 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 55%;
    }
    .con08_sd_right_06_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .acon8_14_div{
        width: 20.355% !important;
    }
    .acon8_14a_div{
        width: 20.8189% !important;
    }
    .con08_sd_right_06_02_s {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        margin: 0% 0% 1% 0%;
    }
    .con08_sd_right_06_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.5vw;
        color: #000;
        margin: 5% 0% 0% 0%;
    }
    /* step06 */
    .con08_step_absol{
        background-color: #2764d7;
        width: 100%;
        height: 14vw !important;
        left: unset;
        top: 0%;
    }
    .con08_step_rltv {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con08_step_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        top: unset;
    }
    .con08_step {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
        z-index: 1;
        margin: 0% 4% 0% 4%;
    }
    .con08_one {
        width: 7vw;
        height: 7vw;
    }
    .con08_m_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95%;
    }
    .con08_m_01{
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 120vw;
        border-radius: 25px;
    }
    .con08_m_02{
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 255vw;
        border-radius: 25px;
        margin: 5% 0% 0% 0%;
    }
    .con08_m_03{
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 145vw;
        border-radius: 25px;
        margin: 5% 0% 0% 0%;
    }
    .con08_m_04{
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 115vw;
        border-radius: 25px;
        margin: 5% 0% 0% 0%;
    }
    .con08_m_05{
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 135vw;
        border-radius: 25px;
        margin: 5% 0% 0% 0%;
    }
    .con08_m_06{
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 130vw;
        border-radius: 25px;
        margin: 5% 0% 0% 0%;
    }

    .con09_div {
        flex-direction: column;
    }
    .con09_left{
        width: 100%;
    }
    .con09_left_div {
        margin: 0% 0% 0% 0%;
    }
    .con09_left_01 {
        font-size: 2.9vw;
        justify-content: center;
    }
    .con09_left_02_s {
        justify-content: center;
        font-size: 7.4vw;
    }
    .con09_right{
        width: 100%;
    }
    .con09_right_div {
        margin: 0% 0% 0% 0%;
    }
    .con09_left_03_s {
        justify-content: center;
        font-size: 3.2vw;
    }
    .con09_right_01 {
        width: 45%;
        margin: 0% 3% 0% 0%;
    }
    .con09_right_02 {
        width: 45%;
        margin: 15% 0% 0% 0%;
    }
    .con09_scr2 {
        width: 200%;
        padding: 1.5% 0%;
    }
    .con09_scr2_div {
        margin: 10% 0% 0% 0%;
    }

    .acon13_01_div {
    width: 180% !important;
    margin: -26% 0% 0% 0%;
}
    .con09_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 170%;
        margin: 7% 0% 0% 0%;
    }
    .con09_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        opacity: 0.3;
        scale: 0.8;
        transition: all 1s;
    }
    .con09_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_sd_img_m{
        width: 100%;
    }
    .con09_swiper_slide_m.swiper-slide-next {
        z-index: 1;
        scale: 1;
        opacity: 1;
        transition: all 1s;
    }
    
    

    .con10_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 12% 0% 12% 0%;
    }
    .con10_div_01 {
        font-size: 2.9vw;
    }
    .con10_div_02 {
        font-size: 5.2vw;
        margin: 4% 0% 1% 0%;
    }
    .con10_div_03 {
        font-size: 6.3vw;
        margin: 0% 0% 6% 0%;
    }
    .con10_div_04{
        flex-wrap: wrap;
    }
    .con10_div_04_s {
        width: 47%;
        margin: 1% 1.5% 1% 1.5%;
    }
    .con10_af_01_img{
        width: 23.336% !important;
    }
    .con10_af_02_img{
        width: 35.5354% !important;
    }
    .con10_af_03_img{
        width: 27.3045% !important;
    }
    .con10_af_04_img{
        width: 23.4672% !important;
    }
    .con10_af_02 {
        margin: -5% 0% 7% 0%;
    }
    .con10_af_02_box {
        font-size: 3vw;
    }
    .con10_af_03 {
        font-size: 3.6vw;
    }
    .con10_bf_absol {
        top: 13%;
    }
    .con10_bf_02 {
        font-size: 3.6vw;
        margin: 8% 0% 6% 0%;
    }
    .con10_bf_03_s {
        font-size: 3.2vw;
    }
    .con10_bf_button_div{
        width: 12.11811% !important;
    }

    .con10_div_04_s {
        perspective: 1200px;
    }


    /* 공통 */
    .con10_hover_af,
    .con10_hover_bf {
        width: 100%;
        height: 100%;
        transition: transform 0.8s ease, opacity 0.8s ease;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }

    /* 앞면 기본 */
    .con10_hover_af {
        transform: rotateY(0deg);
        opacity: 1;
    }

    /* 뒷면 기본 */
    .con10_hover_bf {
        transform: rotateY(180deg);
        opacity: 0;
    }

    /* 활성화 상태 */
    .con10_div_04_s.active .con10_hover_af {
        transform: rotateY(-180deg);
        opacity: 0;
    }

    .con10_div_04_s.active .con10_hover_bf {
        transform: rotateY(0deg);
        opacity: 1;
    }

    .con11_div {
        flex-direction: column-reverse;
        margin: 14% 0% 13% 0%;
    }
    .con11_right_02 {
        margin: -2% 0% -10% 0%;
    }
    .con11_left {
        width: 100%;
    }
    .con11_right {
        width: 100%;
    }
    .acon12_bg_div{
        display: none !important;
    }
    .con11_left_div{
        margin: 0% 0% 0% 0%;
    }
    .con11_left_01 {
        justify-content: center;
        font-size: 7.4vw;
    }
    .con11_left_02 {
        justify-content: center;
        font-size: 7.4vw;
    }
    .con11_left_03_s {
        justify-content: center;
        font-size: 3.2vw;
    }
    .con11_left_04_s {
        width: 62%;
        justify-content: center;
        font-size: 3.2vw;
    }
    .con11_left_05_s {
        justify-content: center;
        font-size: 3.2vw;
    }
    .con11_left_06 {
        justify-content: center;
        font-size: 3.2vw;
    }
    .con11_video {
        width: 415%;
        height: 160%;
    }
    .acon12_01_div{
        width: 60.3622% !important;
    }
    .acon12_01a_div{
        width: 60.3622% !important;
    }
    .acon12_03_div{
        width: 61.0761% !important;
    }
    .con11_left_03{
        line-height: 4.5vw;
        margin: 0% 0% 5% 0%;
        width: 61%;
        text-align: center;
    }
    .con11_left_04 {
        text-align: center;
        line-height: 4.5vw;
        margin: 0% 0% 5% 0%;
    }
    .con11_left_05{
        width: 72%;
        text-align: center;
        line-height: 4.5vw;
        margin: 0% 0% 5% 0%;
    }
    .acon12_02_left{
        width: 10.7% !important;
    }
    .acon12_02_right{
        width: 12.19685% !important;
    }



    /* 
    background: url("/images/con3_bg.jpg") no-repeat center / cover; 
    object-fit: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;

    flex-wrap: wrap;

    font-family: 'LOTTERIACHAB';

    font-family: "Pretendard";
    font-weight: 400;
    font-size: 1vw;
    color: #000;

    . p:nth-of-type(1)

    .con08_swiper{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con08_swiper_slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_img{
        width: 100%;
    }
    .con08_swiper_slide.swiper-slide-next > div {

    }
*/
}