﻿.flex_margin {
    margin-top: 15px;
    gap: 50px;
}

.flex_margin .flex_left {
    width: 55%;
}

.flex_margin .section_flex_right {
    width: 42%;
    margin-right:-20px;
}

.section.n00 {
    margin-top: 80px;
}

.section.n00 .flex_margin {
    justify-content: space-between;
    margin-top: 90px;
}

.section.n00 .flex_margin .flex_left {
    width: calc(50% - 75px)
}

.section.n00 .flex_margin .section_flex_right {
    width: calc(50% - 65px)
}


.section.n01 {
    padding-top: 0;
    margin: 120px auto 0;
}

.section.n01 .flex_margin {
    gap: 100px;
    margin-top:20px;
}

.section.n01 .flex_margin p {
    margin-top: 0;
}

.section.n01 .flex_margin .flex_left {
    width: calc(50% - 75px)
}


.section.n01 .flex_margin .flex_left,
.section.n01 .title_38 {
    padding-left: 75px;
}

.section.n01 .flex_margin .section_flex_right {
    width: calc(50% - 65px)
}

.section.n01 .title_38 {
    color: #000;
}

.section.n01 .sub_white>.text_19 {
    padding-left: 75px;
}

.section.n01 .text_19+.text_19 {
    margin-top: 20px;
}

.section.n02 {
    margin-top: 120px;
}

.section.n02 .title_white_52 {
    line-height: 1.5;
}

.section.n02 .text_box p {
    color: #888;
    font-size: 40px;
    font-family: 'SpokaHanSansNeoB';
    line-height: 1.5;
    text-align: center;
    margin-top: 20px;
}

.section.n02 .text_fadeout {
    text-align: center;
}

.section.n02 .text_fadeout span {
    font-size: 110px;
    line-height: 112px;
    color: #fff;
}

.section.n02 .list {
    margin-top: 40px;
}

.section.n02 .text_fadeout span {
    animation: textAnimation1 2s infinite;
}

.section.n02 .text_fadeout span:last-child {
    animation: textAnimation2 2s infinite;
}

@keyframes textAnimation1 {
    0% {
        opacity: 1;
        filter: blur(0px);
    }

    50% {
        opacity: .5;
        filter: blur(5px);
    }

    100% {
        opacity: 1;
        filter: blur(0px);
    }
}

@keyframes textAnimation2 {
    0% {
        opacity: .5;
        filter: blur(5px);
    }

    50% {
        opacity: 1;
        filter: blur(0px);
    }

    100% {
        opacity: .5;
        filter: blur(5px);
    }
}

.section.n03 {
    margin-top: 130px;
}

.section.n03 .section_inner {
    max-width: 1012px;
    margin: auto;
    padding: 0;
}

.section.n03 .img_box {
    text-align: center;
}


/* .section.n04 */
.section.n04 {
    margin-top: 250px;
}

.section.n04 .list_chk {
    margin-top: 40px;
}


/* .section.n05 */
.section.n05 {
    margin-top: 160px;
}

.section.n05 .title_38 {
    color: #000;
    text-align: center;
}

.section.n05 ul {
    margin: 60px 0 140px;
    text-align: center;
}

/* .section.n05 .title_black_52{ margin-bottom:45px; } */
.section.n05 .dayTime {
    font-size: 80px;
    text-align: center;
}

.section.n05 .dayTime span {
    font-size: 100px;
    font-family: 'SpokaHanSansNeoB';
}

.section.n05 .flex_margin {
    margin-top: 60px;
}

.section.n05 .flex_margin .flex_left {
    width: 52%;
}

.section.n05 .flex_margin .section_flex_right {
    width: 45%;
}

.section.n05 .title_38.n1 {
    text-align: left;
}

.section.n05 .title_38.n2 {
    text-align: right;
}

.section.n05 .title_38.n1.aos-animate {
    opacity: 0;
    animation: blurText 3s 1s both;
}

.section.n05 .title_38.n2.aos-animate {
    opacity: 0;
    animation: blurText 2s 3s both;
}

.section.n05 .title_38.n3.aos-animate {
    animation: blurText2 2s 3s both;
}

@keyframes blurText {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        margin-top: -100px !important;
        color: transparent;
        filter: blur(10px);
    }
}

@keyframes blurText2 {
    to {
        margin-bottom: -170px;
        transform: translateY(-150px);
    }
}

.section.n06 {
    margin-top: 120px;
}

.section.n06 .flex_margin {
    gap: 3rem;
}

.section.n06 .flex_margin .section_flex_right p, .section.n06 .flex_margin .flex_left p span {
    font-size:18px;
}

.section.n07 {
    margin-top: 180px;
}

.section.n07 .flex_margin .flex_left {
    width: 51%;
}

.section.n07 .flex_margin .section_flex_right {
    width: 39%;
}



.imgbox_1012 {
    max-width: 1012px;
    margin: auto;
}

.textbox_75 {
    margin-top: 75px;
    padding-left: 75px;
}


.section.n08 {
    margin-top: 120px;
}


/* 주의사항 -------------------------------------- */
.caution {
    margin-top: 120px;
    text-align: center;
}

.caution .list_chk {
    margin-top: 40px;
}

.caution .text_w_19 {
    color: #fff;
    max-width: 610px;
    margin: 40px auto;
}

@media(max-width:1024px) {
    .section {
        margin-top: 90px;
    }

    .section .section_inner {
        max-width: 100%;
    }

    .flex_margin {
        max-width: 506px;
        margin: 15px auto;
    }

    .title_white {
        font-size: 25px;
        line-height: 1.5;
        padding-bottom: 40px;
    }

    .pm_75 {
        margin-top: 35px;
    }


    /* 주의사항 ----------------------------------------- */
    .caution {
        margin-top: 90px;
    }

    /* .section.n00 */
    .section.n00 {
        margin-top: 40px !important;
    }

    .section.n00 .flex_margin {
        margin-top: 45px;
        gap: 0;
    }


    /* .section.n01 */
    .section.n01 .sub_white .title_38,
    .section.n01 .sub_white>.text_19 {
        padding-left: 0;
    }

    .section.n01 .flex_margin {
        gap: 50px;
    }

    .section.n01 .flex_margin>div {
        width: calc(50% - 38px);
    }

    .section.n01 .sub_white .flex_margin .flex_left {
        padding-left: 0;
    }


    .section.n01 .sub_white .img_box {
        margin-top: 25px;
    }

    /* .section.n02 */
    .section.n02 {
        margin-top: 90px;
    }

    .section.n02 .text_box p {
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px;
    }

    .section.n02 .text_fadeout span {
        font-size: 55px;
        line-height: 56px;
    }

    .section.n02 .list p {
        line-height: 1.5
    }

    .section.n03 .img_box {
        margin-top: 40px;
    }

    .section.n03 .section_flex_box,
    .section.n04 .section_flex_box {
        max-width: 506px;
        margin: 17px auto;
        padding-left: 0;
    }

    .textbox_75 {
        padding-left: 0;
        margin-top: 38px;
    }

    .section.n04 {
        margin-top: 0;
    }

    .section.n04 .title_white_28 {
        padding-left: 0;
    }

    .section.n04 .list_chk {
        margin-top: 20px;
    }


    /* .section.n05 .sub_white ul{ margin-top:55px; } */
    .section.n05 {
        margin-top: 80px;
    }

    .section.n05 ul {
        margin: 32px 0 70px
    }

    .section.n05 .title_black_52 {
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 45px;
    }

    @keyframes blurText {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
            margin-top: -50px !important;
            color: transparent;
            filter: blur(5px);
        }
    }

    @keyframes blurText2 {
        to {
            margin-bottom: -85px;
            transform: translateY(-85px);
        }
    }

    .section.n05 .dayTime {
        font-size: 40px;
    }

    .section.n05 .dayTime span {
        font-size: 50px;
    }

    .section.n05 .section_flex_box {
        width: 506px;
        gap: 0;
        margin-top: 30px;
        justify-content: space-between;
    }

    .section.n05 .section_flex_box .flex_left {
        width: 52%;
    }

    .section.n05 .section_flex_box .section_flex_right {
        width: 45%;
    }

    .section.n05 .title_38 {
        font-size: 17px;
    }

    .section.n06 {
        margin-top: 0;
    }

    .section.n06 .flex_margin .flex_left,
    .section.n07 .section_flex_box .flex_left {
        width: 55%;
    }

    .section.n06 .section_flex_box .section_flex_right,
    .section.n07 .section_flex_box .section_flex_right {
        width: 42%;
    }


}

@media(max-width:580px) {
    .sub_white {
        padding: 30px 20px
    }

    .flex_margin .flex_left,
    .flex_margin .section_flex_right {
        width: 100%;
    }


    .section.n00 .flex_margin .flex_left,
    .section.n00 .flex_margin .section_flex_right {
        width: 100%;
    }

    .section.n00 .flex_margin .section_flex_right {
        margin-top: 20px;
    }


    .section.n01 .flex_margin .flex_left,
    .section.n01 .flex_margin .section_flex_right {
        width: 100%;
    }

    .section.n01 .sub_white .flex_margin {
        gap: 0;
    }

    .section.n01 .flex_margin .section_flex_right {
        margin-top: 10px;
    }

    .section.n03 {
        margin-top: 80px
    }

    .section.n05 .flex_margin {
        gap: 20px;
        margin-top: 30px;
    }

    .section.n05 .flex_margin .flex_left,
    .section.n05 .flex_margin .section_flex_right {
        width: 100%;
    }

    .section.n06 .flex_margin,
    .section.n07 .flex_margin {
        gap: 15px;
    }

    .section.n06 .flex_margin>div {
        width: 100% !important;
    }

    .section.n06 .flex_margin .text_w_19 {
        margin-top: 0;
    }

    .section.n07 .flex_margin .section_flex_right,
    .section.n07 .flex_margin .flex_left {
        width: 100%
    }

    .section.n07,
    .section.n08 {
        margin-top: 90px;
    }

    /* 주의사항 */
    .caution .title_white_52 {
        padding-bottom: 0;
    }

    .caution .img_box {
        margin-top: 40px;
    }


    @keyframes blurText {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
            margin-top: -50px !important;
            color: transparent;
            filter: blur(5px);
        }
    }

    @keyframes blurText2 {
        to {
            margin-bottom: -65px;
            transform: translateY(-55px);
        }
    }


}
