@font-face {
    font-family: 'GothicA1-Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/GothicA1-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'SB 어그로 M';
    src: url('/font/SB_Aggro_M.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SB 어그로 B';
    src: url('/font/SB_Aggro_B.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '지마켓 M';
    src: url('/font/GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '지마켓 B';
    src: url('/font/GmarketSansTTFBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



.bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.p-point{
    font-size: 40px;
    font-family: 'Montserrat';
    font-weight: 600 !important;
}

.p-point-title{
    display: inline-block;
    position: relative;
    font-family: '지마켓 B' !important;
    font-size: 68px;
    font-weight: 600;
    margin-top: 30px;
}

.section-titile-sub-p{
    font-size: 32px;
    line-height: 42px;
    font-weight: 500;
    margin-top: 70px !important;
}

.section-titile-sub-p span{
    display: inline-block;
    position: relative;
    z-index: 3;
}

/* 1 */
.section01{
    position: relative;
    width: 1920px;
    height: 730px;
    background-image: url("/img/sub/m13_02/m13_02-section01Bg.png");
}

.m13_02-section01-title01{
    position: absolute;
    bottom: 27%;
    left: 38%;
    width: 449px;
    height: 99px;
    background-image: url("/img/sub/m13_02/m13_02-section01-title01.png");
}

.m13_02-section01-title02{
    position: absolute;
    bottom: 15%;
    left: 39.5%;
    width: 406px;
    height: 79px;
    background-image: url("/img/sub/m13_02/m13_02-section01-title02.png");
}


.down-ani-title{
    opacity: 0;
    transform: translateY(0px); /* 요소를 화면 위쪽으로 이동 */
    transition: opacity 0.7s ease, transform 0.7s ease; /* 0.5초 동안 애니메이션 */
}

.down-ani-title-effect {
    opacity: 1 !important;
    transform: translateY(40px) !important; /* 요소가 원래 위치로 내려오면서 나타남 */
}



/* 2 */
.section02{
    background-color: #394752;
    padding: 110px 0;
    padding-top: 80px;
}

.section02 h4{
    text-align: center;
    font-size: 40px;
    color: #a8f2ff;
    /* font-family: 'SBAggroB' !important; */
}

.section02 h2{
    text-align: center;
    color: #fff;
    font-size: 75px;
    font-family: 'SB 어그로 M' !important;
    font-weight: 400 !important;
    margin-top: 20px;
}

.down-ani-title02{
    opacity: 0;
    transform: translateY(0px); /* 요소를 화면 위쪽으로 이동 */
    transition: opacity 0.7s ease, transform 0.7s ease; /* 0.5초 동안 애니메이션 */
}

.down-ani-title-effect02 {
    opacity: 1 !important;
    transform: translateY(40px) !important; /* 요소가 원래 위치로 내려오면서 나타남 */
}

.section02-flex-ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

.section02-flex-ul li{
    margin-right: 40px;
}

.section02-flex-ul li:last-child{
    margin-right: 0;
}

.section02-flex-ul li  p:nth-child(1){
    color: #fff;
    font-weight: 500;
    font-size: 26px;
    line-height: 38px;
}

.section02-flex-ul li  p:nth-child(1) span{
    position: relative;
    display: inline-block;
    z-index: 3;
    color: #394752;
    font-weight: 700;
}

.section02-flex-ul li  p:nth-child(2){
    margin-top: 10px;
    font-size: 20px;
    color: #fff;
    line-height: 27px;
}


.section02-ex01-span:after{
    content: "";
    display: block;
    width: 172px;
    height: 34px;
    background-color: #a8f2ff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.section02-ex02-span:after{
    content: "";
    display: block;
    width: 201px;
    height: 34px;
    background-color: #a8f2ff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.section02-ex03-span:after{
    content: "";
    display: block;
    width: 153px;
    height: 34px;
    background-color: #a8f2ff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.section02-ex04-span:after{
    content: "";
    display: block;
    width: 219px;
    height: 34px;
    background-color: #a8f2ff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}


/* 3 */
.section03{
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #daebf5;
}

.section03Content{
    width: 1260px;
    margin: 0 auto;
}

.section03 .p-point{
    font-size: 40px;
    font-weight: 500;
    color: #000 !important;
}

.section03 .p-point-title{
    color: #000 !important;
}

.section03 .p-point-title:after{
    content: "";
    display: block;
    position: absolute;
    right: -67px;
    bottom: -49px;
    width: 330px;
    height: 76px;
    background-image: url("/img/sub/m13_02/section03-title-after.png");
}

.section03 .section-titile-sub-p{
    color: #3c3c3c;
}

.section03 .section-titile-sub-p span{
    color: #fff;
}

.section03 .section-titile-sub-p span:after{
    content: "";
    display: block;
    width: 278px;
    height: 38px;
    background-color: #5d8bf1;
    position: absolute;
    left: -2px;
    bottom: 0;
    z-index: -1;
}

.section03-imgbox{
    margin-top: 30px;
}

.section03-white-p{
    width: 1242px;
    font-size: 27px;
    background-color: #fff;
    text-align: center;
    padding: 11px 0 !important;
    margin-top: 30px !important;
    border-radius: 50px;
    font-weight: 500;
}


/* 4 */
.section04{
    position: relative;
    padding: 70px 0;
    width: 1920px;
    height: 711px;
    background-image: url("/img/sub/m13_02/m13_02-section04Bg.png");
}

.section04-flexbox{
    display: flex;
    justify-content: center;
    align-items: center;
}

.section04-left{
    display: flex;
    align-items: center;
    margin-right: 45px;
}

.section04-prev{
    width: 437px;
    height: 567px;
    background-image: url("/img/sub/m13_02/section04-prev.png");
}

.section04-arrow{
    position: relative;
    width: 16px;
    height: 27px;
    background-image: url("/img/sub/m13_02/section04-arrow.png");
    margin: 0 25px;
}

.section04-after{
    position: relative;
    width: 437px;
    height: 567px;
    background-image: url("/img/sub/m13_02/section04-after.png");
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.section04-gak{
    position: absolute;
    right: 21px;
    bottom: 163px;
    animation: blink 1.5s infinite; /* 1초마다 반복, 무한 반복 */
}

.section04 .p-point{
    color: #fff;
}

.section04 .p-point-title{
    color: #fff;
}

.section04 .section-titile-sub-p{
    color: #fff;
}

.section04 .p-point-title:after{
    content: "";
    display: block;
    position: absolute;
    right: -67px;
    bottom: -49px;
    width: 330px;
    height: 76px;
    background-image: url("/img/sub/m13_02/section04-title-after.png");
}

.section04 .section-titile-sub-p span{
    color: #0d1c38;
}

.section04 .section-titile-sub-p span:after{
    content: "";
    display: block;
    width: 278px;
    height: 38px;
    background-color: #d2fa99;
    position: absolute;
    left: -2px;
    bottom: 0;
    z-index: -1;
}


/* 5 */
.section05{
    margin-top: -2px;
    padding: 80px 0;
    background-color: #3c4391;
}

.section05Content{
    width: 1365px;
    margin: 0 auto;
}

.section05 .p-point{
    color: #fff;
}

.section05 .p-point-title{
    color: #fff;
}

.section05 .section-titile-sub-p{
    color: #fff;
}

.section05-flex01{
    display: flex;
    justify-content: center;
    align-items: end;
}


.section05-flex01-left{
    margin-right: 134px;
}

.section05 .p-point-title:after{
    content: "";
    display: block;
    position: absolute;
    right: -67px;
    bottom: -49px;
    width: 330px;
    height: 76px;
    background-image: url("/img/sub/m13_02/section05-title-after.png");
}

.section05 .section-titile-sub-p span{
    color: #3c4391;
}

.section05 .section-titile-sub-p span:after{
    content: "";
    display: block;
    width: 316px;
    height: 38px;
    background-color: #99faf4;
    position: absolute;
    left: -2px;
    bottom: 0;
    z-index: -1;
}


.section05-flex02{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}

.section05-flex02 > div:nth-child(2){
    margin-right: 40px;
}

.section05-flex02 > div:nth-child(1),
.section05-flex02 > div:nth-child(3){
    margin-right: 10px;
}

.section05-flex02 p{
    text-align: center;
    font-size: 19px;
    color: #fff;
    margin-top: 12px;
}


/* 6 */
.section06{
    width: 1920px;  
    height: 640px;
    padding-left: 1010px;
    padding-top: 100px;
    background-image: url("/img/sub/m13_02/m13_02-section06Bg.jpg");
}

.section06 h2{
    font-size: 55px;
    line-height: 67px;
    color: #fff;
}

.section06 h2 span{
    color: #99faf4;
    font-weight: 500;
}

.section06-white-p{
    color: #4f5874;
    background-color: #fff;
    border-radius: 50px;
    font-weight: 500;
    font-size: 30px;
    display: inline-block;
    padding: 10px 20px !important;
    margin-top: 35px !important;
}

.section06-content-p{
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #3b3b3b;
    margin-top: 146px !important;
}


/* 7 */
.section07{
    position: relative;
    text-align: center;
    background-color: #d9ebf5;
}

.section07-back-text01{
    position: absolute;
    width: 100%;
    height: 98px;
    background-image: url("/img/sub/m13_02/section07-back-text01.png");
    z-index: 1;
    background-repeat: repeat-x; /* 배경을 수평 방향으로 반복 */
    background-size: 1986px 98px; /* 이미지 크기를 지정 */
    animation: slidebg 10s linear infinite; /* 10초 동안 반복되는 애니메이션 */
    overflow: hidden; /* 부모 요소를 넘어가는 부분을 숨김 */
    top: 177px;
}

.section07-back-text02{
    position: absolute;
    width: 100%;
    height: 98px;
    background-image: url("/img/sub/m13_02/section07-back-text02.png");
    z-index: 1;
    background-repeat: repeat-x; /* 배경을 수평 방향으로 반복 */
    background-size: 1986px 98px; /* 이미지 크기를 지정 */
    animation: slidebg02 8s linear infinite; /* 10초 동안 반복되는 애니메이션 */
    overflow: hidden; /* 부모 요소를 넘어가는 부분을 숨김 */
    top: 317px;
}

.section07-back-text03{
    position: absolute;
    width: 100%;
    height: 99px;
    background-image: url("/img/sub/m13_02/section07-back-text03.png");
    z-index: 1;
    background-repeat: repeat-x; /* 배경을 수평 방향으로 반복 */
    background-size: 1986px 98px; /* 이미지 크기를 지정 */
    animation: slidebg03 6.5s linear infinite; /* 10초 동안 반복되는 애니메이션 */
    overflow: hidden; /* 부모 요소를 넘어가는 부분을 숨김 */
    top: 458px;
}

@keyframes slidebg {
    0% {
        background-position: 0 0; /* 처음에 배경의 시작 위치 */
    }
    100% {
        background-position: -1986px 0; /* 끝날 때 배경이 왼쪽으로 이동 */
    }
}

@keyframes slidebg02 {
    0% {
        background-position: 0 0; /* 처음에 배경의 시작 위치 */
    }
    100% {
        background-position: -1986px 0; /* 끝날 때 배경이 왼쪽으로 이동 */
    }
}

@keyframes slidebg03 {
    0% {
        background-position: 0 0; /* 처음에 배경의 시작 위치 */
    }
    100% {
        background-position: -1986px 0; /* 끝날 때 배경이 왼쪽으로 이동 */
    }
}

.section07-people{
    position: relative;
    z-index: 2;
}

.section07-bottom{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 790px;
    background-color: rgb(66, 79, 111, 0.85);
    padding-top: 45px;
    z-index: 3;
}

.section07-sub-p{
    font-family: 'Montserrat'; 
    font-size: 21px;
    font-weight: 600;
    color: #d9ebf5;
}

.section07 h2{
    font-size: 62px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
}

.section07-bottom ul{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.section07-bottom ul li{
    position: relative;
    width: 351px;
    height: 489px;
}

.section07-bottom ul li p{
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.section07-ex01{
    background-image: url("/img/sub/m13_02/section07-ex01.png");
}
.section07-ex02{
    background-image: url("/img/sub/m13_02/section07-ex02.png");
    margin: 0 20px;
}
.section07-ex03{
    background-image: url("/img/sub/m13_02/section07-ex03.png");
}



/* 14 */
.layer14{
    display: flex;
}

.layer14 > div{
    width: 384px;
    height: 328px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.layer14-01{
    background-image: url("/img/sub/m13_02/layer14-01.png");
}

.layer14-02{
    background-image: url("/img/sub/m13_01/layer14-02.png");
}

.layer14-03{
    background-image: url("/img/sub/m13_01/layer14-03.png");
}

.layer14-04{
    background-image: url("/img/sub/m13_01/layer14-04.png");
}

.layer14-05{
    background-image: url("/img/sub/m13_01/layer14-05.png");
}

.layer14 > div p{
    font-size: 23px;
    line-height: 32px;
    color: #fff;
}






/* 모바일 */
/* --------------------------------------------------- */
@media (max-width:990px){
    .m-section01{
        position: relative;
        z-index: 2;
        background-color: #162b36;
        padding: 40px 0;
        padding-bottom: 120px;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
        text-align: center;
    }

    .section01-title{
        width: 250px;
        height: 55px;
        margin: 0 auto;
        background-image: url("/img/sub/m13_02/mobile/section01-title.png");
    }

    .section01-model01{
        position: relative;
        width: 310px;
        height: 317px;
        margin: 0 auto;
        margin-top: 20px;
        background-image: url("/img/sub/m13_02/mobile/section01-model01.png");
    }

    .section01-model01-text{
        position: absolute;
        bottom: 18px;
        right: -16px;
        width: 127px;
        height: 77px;
        background-image: url("/img/sub/m13_02/mobile/section01-model01-text.png");
    }

    .section01-model02{
        position: relative;
        width: 310px;
        height: 326px;
        margin: 0 auto;
        background-image: url("/img/sub/m13_02/mobile/section01-model02.png");
    }

    .section01-model02-text{
        position: absolute;
        bottom: -48px;
        left: -16px;
        width: 127px;
        height: 77px;
        background-image: url("/img/sub/m13_02/mobile/section01-model02-text.png");
    }

    .section01-title02{
        width: 203px;
        height: 40px;
        margin: 0 auto;
        margin-top: 7px;
        /* margin-right: 40px; */
        background-image: url("/img/sub/m13_02/mobile/section01-title02.png");
        position: relative;
        right: -15px;
    }


    /* 2 */
    .m-section02{
        background-color: #394752;
        padding: 40px 5%;
        padding-top: 60px;
        padding-bottom: 30px;
        margin-top: -20px;
    }

    .m-section02 h4{
        text-align: center;
        font-size: 16px;
        color: #a8f2ff;
    }

    .m-section02 h2{
        text-align: center;
        color: #fff;
        font-size: 26px;
        font-family: 'SB 어그로 M' !important;
        font-weight: 400 !important;
        margin-top: 13px;
    }

    .m-gak-list-content{
        margin-top: 24px;
    }

    .m-gak-list{
        display: flex;
    }

    .m-gak-list li:nth-child(1){
        margin-right: 20px;
    }

    .m-gak-list li  p:nth-child(1){
        color: #fff;
        font-weight: 500;
        font-size: 11px;
        line-height: 16px;
        margin-top: 3px;
    }
    
    .m-gak-list li  p:nth-child(1) span{
        position: relative;
        display: inline-block;
        z-index: 3;
        color: #394752;
        font-weight: 700;
    }

    .m-gak-list li  p:nth-child(2){
        margin-top: 6px;
        font-size: 8px;
        color: #fff;
        line-height: 13px;
    }

    .section02-ex01-span:after{
        content: "";
        display: block;
        width: 73px;
        height: 15px;
        background-color: #a8f2ff;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    .section02-ex02-span:after{
        content: "";
        display: block;
        width: 85px;
        height: 15px;
        background-color: #a8f2ff;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    .m-gak-list:nth-child(2){
        margin-top: 20px;
    }

    .section02-ex03-span:after{
        content: "";
        display: block;
        width: 65px;
        height: 15px;
        background-color: #a8f2ff;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    .section02-ex04-span:after{
        content: "";
        display: block;
        width: 93px;
        height: 15px;
        background-color: #a8f2ff;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    /* 3 */
    .m-section03{
        padding: 40px 0;
        background-color: #d7eaf5;
    }

    .m-section-titlebox{
        width: 80%;
        margin: 0 auto;
    }

    .m-section03-titlebox-padding{
        padding-left: 50px;
    }

    .p-point{
        font-size: 15px;
    }

    .p-point-title{
        font-size: 30px;
        margin-top: 16px;
    }

    .m-section03 .p-point-title:after{
        content: "";
        display: block;
        position: absolute;
        right: -32px;
        bottom: -23px;
        width: 150px;
        height: 35px;
        background-image: url("/img/sub/m13_02/section03-title-after.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .section-titile-sub-p{
        font-size: 14px;
        text-align: center;
        line-height: 20px;
        font-weight: 400;
        margin-top: 34px !important;
    }

    .m-section03 .section-titile-sub-p span{
        color: #fff;
    }

    .m-section03 .section-titile-sub-p span:after{
        content: "";
        display: block;
        width: 124px;
        height: 18px;
        background-color: #5d8bf1;
        position: absolute;
        left: -2px;
        bottom: 0;
        z-index: -1;
    }

    .m-section03-img{
        width: 70% !important;
        margin: 0 auto;
        margin-top: 40px;
    }

    .m-section03 ul{
        margin-top: 20px;
    }

    .m-section03 ul li{
        width: 60%;
        margin: 0 auto;
        border-radius: 50px;
        background-color: #fff;
        font-size: 10px;
        font-weight: 600;
        padding: 8px 10px;
        margin-top: 5px;
    }


    /* 4 */
    .m-section04{
        padding: 40px 0;
        width: 100%;
        height: 460px;
        background-image: url("/img/sub/m13_02/mobile/m-section04-bg.png");
    }

    .m-section04-titlebox-padding{
        padding-left: 40px;
    }

    .m-section04 .p-point{
        color: #fff;
    }
    
    .m-section04 .p-point-title{
        color: #fff;
    }

    .m-section04 .p-point-title:after{
        content: "";
        display: block;
        position: absolute;
        right: -32px;
        bottom: -23px;
        width: 150px;
        height: 35px;
        background-image: url("/img/sub/m13_02/section04-title-after.png");
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .m-section04 .section-titile-sub-p{
        color: #fff;
    }

    .m-section04 .section-titile-sub-p span{
        color: #0d1c38;
        font-weight: 600;
    }

    .m-section04 .section-titile-sub-p span:after{
        content: "";
        display: block;
        width: 124px;
        height: 18px;
        background-color: #d2fa99;
        position: absolute;
        left: -2px;
        bottom: 0;
        z-index: -1;
    }

    .m-section04-flexbox{
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .m-section04-before{
        width: 160px;
        height: 207px;
        margin-right: 5px;
        background-image: url("/img/sub/m13_02/mobile/m-section04-before.png");
    }

    .m-section04-after{
        position: relative;
        width: 160px;
        height: 207px;
        background-image: url("/img/sub/m13_02/mobile/m-section04-after.png");
    }

    .section04-gak{
        position: absolute;
        right: 21px;
        bottom: 60px;
        animation: blink 1.5s infinite; /* 1초마다 반복, 무한 반복 */
    }


    /* 5 */
    .m-section05{
        padding: 40px 0px;
        background-color: #3c4391;
    }

    .m-section05-titlebox-padding{
        padding-left: 50px;
    }

    .m-section05 .p-point{
        color: #fff;
    }
    
    .m-section05 .p-point-title{
        color: #fff;
    }
    
    .m-section05 .section-titile-sub-p{
        color: #fff;
    }

    .m-section05 .p-point-title:after{
        content: "";
        display: block;
        position: absolute;
        right: -32px;
        bottom: -23px;
        width: 150px;
        height: 35px;
        background-image: url("/img/sub/m13_02/section05-title-after.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .m-section05 .section-titile-sub-p span{
        color: #3c4391;
        font-weight: 600;
    }

    .m-section05 .section-titile-sub-p span:after{
        content: "";
        display: block;
        width: 168px;
        height: 18px;
        background-color: #99faf4;
        position: absolute;
        left: -2px;
        bottom: 0;
        z-index: -1;
    }

    .m-section05-imgbox{
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
    }


    /* 6 */
    .m-section07{
        padding: 30px 0;
        background-color: #ebecf4;
    }

    .m-section07 h2{
        text-align: center;
        font-size: 22px;
        line-height: 28px;
    }

    .m-section07 h2 span{
        color: #5d8bf1;
        font-weight: 600;
    }

    .m-section07-title-white{
        display: inline-block;
        margin-top: 10px !important;
        border-radius: 50px;
        background-color: #fff;
        font-size: 12px;
        padding: 6px 10px !important;
        text-align: center;
        color: #4f5874;
        font-weight: 600;
    }

    .m-section07-content{
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        margin-top: 15px !important;
    }

    /* 8 */
    .m-section08{
        position: relative;
        width: 100%;
        height: auto;
        padding-bottom: 420px;
        background-color: #d9ebf5;
    }

    .m-section08_model{
        position: relative;
        z-index: 4;
    }

    .m-section08_text01{
        position: absolute;
        width: 753px;
        height: 37px;
        background-image: url("/img/sub/m13_02/mobile/m-section08_text01.png");
        z-index: 1;
        background-repeat: repeat-x; /* 배경을 수평 방향으로 반복 */
        background-size: 753px 37px; /* 이미지 크기를 지정 */
        animation: slidebg 14s linear infinite; /* 10초 동안 반복되는 애니메이션 */
        overflow: hidden; /* 부모 요소를 넘어가는 부분을 숨김 */
        top: 94px;
    }

    .m-section08_text02{
        position: absolute;
        width: 753px;
        height: 37px;
        background-image: url("/img/sub/m13_02/mobile/m-section08_text02.png");
        z-index: 1;
        background-repeat: repeat-x; /* 배경을 수평 방향으로 반복 */
        background-size: 753px 37px; /* 이미지 크기를 지정 */
        animation: slidebg02 16s linear infinite; /* 10초 동안 반복되는 애니메이션 */
        overflow: hidden; /* 부모 요소를 넘어가는 부분을 숨김 */
        top: 147px;
    }

    .m-section08_text03{
        position: absolute;
        width: 753px;
        height: 37px;
        background-image: url("/img/sub/m13_02/mobile/m-section08_text03.png");
        z-index: 1;
        background-repeat: repeat-x; /* 배경을 수평 방향으로 반복 */
        background-size: 753px 37px; /* 이미지 크기를 지정 */
        animation: slidebg03 18s linear infinite; /* 10초 동안 반복되는 애니메이션 */
        overflow: hidden; /* 부모 요소를 넘어가는 부분을 숨김 */
        top: 197px;
    }

    .m-section08-positionbox{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgb(66, 79, 111, 0.85);
        z-index: 5;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }

    .m-section08 .section07-sub-p{
        font-size: 11px;
    }

    .m-section08-positionbox h2{
        font-size: 26px;
        font-weight: 600;
        color: #fff;
        margin-top: 10px;
    }

    .m-section08-step-box{
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .m-section08-step01{
        position: relative;
        width: 160px;
        height: 223px;
        background-image: url("/img/sub/m13_02/mobile/m-section08-step01.png");
        margin-right: 10px;
    }
    .m-section08-step02{
        position: relative;
        width: 160px;
        height: 223px;
        background-image: url("/img/sub/m13_02/mobile/m-section08-step02.png");
    }
    .m-section08-step03{
        position: relative;
        width: 160px;
        height: 223px;
        background-image: url("/img/sub/m13_02/mobile/m-section08-step03.png");
    }

    .m-section08-step01 p,
    .m-section08-step02 p,
    .m-section08-step03 p{
        position: absolute;
        width: 100%;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        font-size: 10px;
        line-height: 15px;
    }

    /* 푸터 */

    .layer13Box-bottom-flex{
        display: flex;
        align-items: center;
        background-color: #83a6cd;
    }

    .layer13Box-bottom-flex.grbg{
        background-color: #27384e;
    }

    .layer13Box-bottom-flex > div{
        width: 50%;
    }



    .layer13Box-bottom-flex p{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        height: 100%;
        font-size: 0.76rem;
        line-height: 18px;
    }

}