.intro_law { padding-top: 10px !important; font-size: 17px !important; }

@media all and (max-width: 767px){  
.intro_law { font-size: 11px !important; }
.body_body { padding-top: 50px !important; background-position: center 50px !important; background-color: #3d396e; }
.skty_title { margin-top: -50px !important; }
}

.btntop { width: 100%; z-index: 999; bottom:50px; float: left; color: #333; text-decoration: none; text-align: center; font-size: 17px; padding: 50px 0; }
.btntop:hover { color: #339db5; }
.btntop img { width:100px; margin-bottom: 5px; }

.banner_small { display:block; float:left; position:absolute; bottom:200px; right:30px; }
.banner_small img { max-width: 400px; }
.project_banner { display: none; }

@media screen  and (max-width:1024px){ 
    
.btntop { padding: 30px 0 80px 0; font-size: 15px; }
.btntop img { width: 60px; }
.banner_small { display: none; }
.project_banner { display: block; padding: 60px 20px 60px 20px; }
.project_banner a { display: block; max-width: 500px; margin: 0 auto; }
    
}

*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

a{text-decoration: none;}
a:link {color:#505050;} 
a:visited {color:#505050;} 
a:hover {color:#505050;}
a:active {color:#505050;} 

.contents_body{
    overflow: hidden;
}



/* 모바일 */
@media screen  and (max-width:320px){
    .mainproject_title{
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #F1F1F1;
        position: relative;
        overflow: hidden;
    }

    .left_title{
        position: absolute;
        top:10%;
        width: 100%;
        text-align: center;
        font-family: Noto Sans KR;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em; 
    }

    .left_title>b{
        font-family: Noto Sans KR;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        color:#339DB5;
    }

    .skty_title{
        font-size: 12px;
        padding-top: 24px;
        margin:24px 24px;
        line-height: 1.6;
        text-align: center;
        color:#fff;
    }
    
    .project_title_box{
        margin-top: 70px;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
    }
    
    .project_title_text{
        width: 254px;
        height: 92px;
        background-size: cover;
        background-position: center;
        position: absolute;
        background-image: url(../img/eighteen-season3/project_title_text_mobile.svg);
    }
    
    .project_title_img{
        width: 313px;
        height: 313px;
        min-height: 313px;
        min-width: 313px;
        background-size: cover;
        margin-bottom: 30px;
        background-image: url(../img/eighteen-season3/project_title_img.png);
    }
    
    .project_title_subtext{
        font-family: 'Gowun Dodum', sans-serif;
        font-size: 16px;
        height: 23px;
        line-height: 23px;
        margin-bottom: 30px;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_title_scrollicon{
        width: 8px;
        height: 51px;
        min-height: 51px;
        background-size: 100% 100%;
    
        animation: scrollIcon 1.5s linear infinite;
        animation-delay: 0s;
        background-image: url(../img/eighteen-season3/project_title_scrollicon.svg);
    }
    
    .project_contents_head{
        width: 100%;
        height: 672px;
        background-size: 100% auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_1_background_mobile.png);
    }
    
    .project_contents_head_text{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 40px;
        width: 100%;
        margin-bottom: 16px;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_contents_head_title{
        position: relative;
    }
    
    .project_contents_head_title_text{
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
        width: 283px;
        height: 76px;
        letter-spacing: 0em;
        text-align: center;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_contents_head_title_underline{
        width: 115px;
        height: 14px;
        background: rgba(51, 157, 181, 0.3);
        position: absolute;
        bottom: 2px;
        right: 82px;
    }
    
    .project_contents_body{
        position: relative;
        width: 100%;
        height: 100%;
    }
    
    .project_contents_body_sky{
        width: 100%;
        height: 506px;
        background: #3E3772;
    }    

    .project_contents_body_obj_phonetext1{
        position: fixed;
        width: 100%;
        height: 124px;
        top:53px;
        left:0px;
        background-size:contain;
        background-repeat: no-repeat;
        z-index: 98;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_phonetext.svg);
    }
    
    .project_contents_body_obj_phonetext2{
        width: 100%;
        height: 124px;
        position: fixed;
        top:53px;
        background-size:contain;
        background-repeat: no-repeat;
        z-index: 99;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_phonetext2.svg);
    }
    
    .project_contents_body_obj_phonetext3{
        width: 100%;
        height: 124px;
        position: fixed;
        top: 53px;
        background-size:contain;
        background-repeat: no-repeat;
        z-index: 99;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_phonetext3.svg);
    }
    
    .project_contents_body_obj_phonetext4{
        width: 100%;
        height: 124px;
        position: fixed;
        top:53px;
        background-size:contain;
        background-repeat: no-repeat;
        z-index: 99;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_phonetext4.svg);
    }
    
    .body_obj_2{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        bottom: 10px;
    }
    
    .body_obj_3{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .obj_money{
        width: 142px;
        height: 111px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_money.png);
    }
    
    .project_main_character_1{
        position: absolute;
        right: 22px;
        top: 200px;
    }
    .project_main_character_1_box{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 125px;
        height: 165px;
    }
    
    .project_main_character_1_img{
        width: 125px;
        height: 165px;
        background-size: 100% 100%;
        animation: main_character_1 1.5s linear infinite;
        animation-delay: 0s;
        background-image: url(../img/eighteen-season3/project_main_character_1.png);
    }
    
    .project_main_character_2{
        position: absolute;
        right: 58px;
        top: 1050px;
    }
    .project_main_character_2_box{
        position: relative;
        width: 65px;
        height: 125px;
    }
    
    .project_main_character_3{
        position: absolute;
        right: 58px;
        top: 1900px;
    }
    
    .project_main_character_4{
        position: absolute;
        left: 50px;
        top: 2570px;
        width: 57px;
        height: 124px;
        opacity: 0;
        transition: 1s;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/project_main_character_3.png);
    }
    
    .project_main_character_5{
        position: absolute;
        right: 58px;
        top: 2900px;
    }
    
    
    
    .img_num1{
        width: 65px;
        height: 125px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_1.png);
    }
    
    .img_num2{
        width: 65px;
        height: 125px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_2.png);
    }
    
    .img_num3{
        width: 65px;
        height: 125px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_3.png);
    }
    
    .character_1-1{
        opacity: 1;
    }
    .character_1-2{
        opacity: 0;
    }
    .character_1-3{
        opacity: 0;
    }
    
    .character_2-1{
        opacity: 1;
    }
    .character_2-2{
        opacity: 0;
    }
    .character_2-3{
        opacity: 0;
    }
    
    .character_3-1{
        opacity: 1;
    }
    .character_3-2{
        opacity: 0;
    }
    .character_3-3{
        opacity: 0;
    }
    
    .obj_open_btn{
        width: 32px;
        height: 32px;
        position: absolute;
        top:-40px;
        left: 45%;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .obj_open_btn2{
        width: 32px;
        height: 32px;
        position: absolute;
        bottom:0px;
        left: 45%;
        cursor: pointer;
        border-radius: 50%;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .obj_open_btn3{
        width: 64px;
        height: 64px;
        position: absolute;
        top:130px;
        left: 50%;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .project_contents_body_obj_fish{
        position: absolute;
        display: flex;
        width: 64px;
        top: 300px;
        left: 41px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    
    .project_contents_body_obj_money{
        position: absolute;
        display: flex;
        top: 430px;
        width: 176px;
        left: 38px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .project_contents_body_obj_egloo{
        position: absolute;
        display: flex;
        width: 152px;
        top: 700px;
        left: 41px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_egloo{
        width: 152px;
        height: 90px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_egloo.png);
    }
    
    .obj_egloo_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .obj_money_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_firebase{
        position: absolute;
        display: flex;
        top: 1140px;
        left:70px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_firebase{
        width: 111px;
        height: 80px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_firebase.gif);
    }
    
    .obj_firebase_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;

    }
    
    .project_contents_body_obj_mailbox{
        position: absolute;
        display: flex;
        top: 1450px;
        left: 90px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .mailbox_open{
        width: 80px;
        height: 80px;
        background-size: cover;
        animation:mail_rain 0.8s 0s;
        background-image: url(../img/eighteen-season3/p8.png);
    }
    
    
    .mailbox_close{
        width: 80px;
        height: 80px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/p1.png);
    }
    
    .obj_mailbox_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .obj_fish{
        width: 39px;
        height: 26px;
        background-size: 100% 100%;
        margin-bottom: 4px;
        background-image: url(../img/eighteen-season3/obj_fish.svg);
    }
    
    .project_contents_body_obj_tv{
        position: absolute;
        display: flex;
        top: 1950px;
        left: 38px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_tv{
        width: 174px;
        height: 143px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_tv.png);
    }
    
    .obj_tv_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_oasis{
        position: absolute;
        display: flex;
        width: 221px;
        top: 2850px;
        left: 20px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_oasis{
        width: 221px;
        height: 140px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../img/eighteen-season3/obj_oasis.png);
    }
    
    .obj_oasis_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 176px;
        height: 56px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -60px;
        border-radius: 48px;
        padding:0px 12px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_paper{
        position: absolute;
        display: flex;
        width: 176px;
        top: 3200px;
        left: 48px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_paper{
        width: 37px;
        height: 65px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_paper.png);
    }
    
    .obj_paper_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 176px;
        height: 56px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -70px;
        border-radius: 48px;
        padding:0px 12px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_phone{
        position: absolute;
        display: flex;
        top: 3550px;
        left: 48px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_phone{
        width: 148px;
        height: 110px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_phone.png);
    }
    
    .obj_phone_text{
        font-family: 'Gowun Dodum', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -100px;
        border-radius: 48px;
        padding:0px 14px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_bonfire{
        position: absolute;
        display: flex;
        top: 3950px;
        left: 50%;
        transform: translate(-50%,0);
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_bonfire{
        width: 302px;
        height: 178px;
        position: relative;
    }
    
    .obj_bonfire_on{
        width: 302px;
        height: 178px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        position:absolute;
        left:0;
        opacity: 0;
        transition: 1s;
        background-image: url(../img/eighteen-season3/obj_bonfire_on.gif);
    }
    
    .obj_bonfire_text_balloon{
        width: 142px;
        height: 57px;
        position: absolute;
        top:-40px;
        right:10px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/bonfire_text_balloon.svg);
    }
    
    .obj_bonfire_off{
        width: 302px;
        height: 178px;
        left:0;
        position:absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        transition: 1s;
        opacity:1;
        background-image: url(../img/eighteen-season3/obj_bonfire_off.gif);
    }
    
    .obj_bonfire_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 176px;
        height: 56px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding:0px 20px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_fighting{
        position: absolute;
        display: flex;
        bottom:200px;
        height: 337px;
        width: 100%;
        left: 50%;
        transform: translate(-50%,0);
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_fighting{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .obj_fighting_img{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 337px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_fighting_phone.png);
    }
    
    .obj_fighting_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 180px;
        height: 48px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        margin-top: 40px;
        justify-content: center;
        align-items: center;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        border-radius: 48px;
        position:relative;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_end{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .obj_end_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 190px;
        height: 48px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        bottom: 80px;
        border-radius: 48px;
        display: flex;
        justify-content: center;
        padding:0 12px;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_main_character_speech_bubble{
        font-family: 'Gowun Dodum', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 56px;
        min-width: 144px;
        padding:7px 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #E7FCFF;
        position: absolute;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: -.1em;
        text-align: center;
        color: #000;
        transition: 0.8s;
        transform: translate(0,5px);
    }
    
    .project_main_character_1_text1{
        left: 50%;
        transform: translate(-50%,0);
        top:-57px;
        opacity: 0;
    }
    
    .project_main_character_1_text2{
        top:-57px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_1_text3{
        top:-57px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text1{
        top:-70px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text2{
        top:-70px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text3{
        top:-70px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
  
    .project_contents_body_background_9{
        width: 100%;
        height:100px;
        margin-top: -1px;
       background-color: #DBAE86;
    }
    
    .obj_fish_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 120px;
        height: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        transform: translate(0,5px);
    }
    
    .project_contents_body_obj_friend{
        position: absolute;
        display: flex;
        top: 2550px;
        right: 47px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_friend{
        width: 144px;
        height: 112px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_friend.png);
    }
    
    .body_obj_5{
        position: relative;
    
    }
    .obj_friend_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .bangom{
        width: 124px;
        height: 142px;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        bottom: 0px;
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/bangom.svg);
    }
    
    .bangom_friend1{
        width: 103px;
        height: 92px;
        position: absolute;
        right: 40px;
        bottom: 0px;
        background-size: 100%;
        transition: 0.5s;
        opacity: 0;
        background-image: url(../img/eighteen-season3/friend_1.png);
    }
    
    .bangom_friend2{
        width: 117px;
        height: 51px;
        position: absolute;
        left: 29px;
        bottom: 0px;
        transition: .5s;
        opacity: 0;
        background-size: 100%;
        background-image: url(../img/eighteen-season3/friend_2.png);
    }
    .bangom_friend3{
        width: 104px;
        height: 144px;
        position: absolute;
        right:0px;
        bottom: 0px;
        background-size: 100%;
        transition: 1s;
        opacity: 0;
        background-image: url(../img/eighteen-season3/friend_3.png);
    }
    .bangom_friend4{
        width: 149px;
        height: 117px;
        position: absolute;
        left:0px;
        bottom: 0px;
        transition: 1s;
        opacity: 0;
        background-size: 100%;
        background-image: url(../img/eighteen-season3/friend_4.png);
    }
    
    .project_detail_box{
        width: 100vw;
        height: 100vh;
        padding: 16px 16px 100px 16px;
    }
    
    .detail_window_close_btn{
        box-sizing: border-box;
        border-radius: 25px;
        font-family: Gowun Dodum;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#000;
        cursor: pointer;
        position: absolute;
        padding:3px;
        top:16px;
        right:16px;
    }
    
    .fighting_close_btn{
        position: absolute;
        width: 46px;
        height: 25px;
        left:50%;
        transform: translate(-50%,0);
        bottom: -30px;
        background: #000;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 25px;
        font-family: Gowun Dodum;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#fff;
        cursor: pointer;
        visibility: hidden;
    }
    
    .detail_window1{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window2{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window3{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window4{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window5{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    .detail_box_img1{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img1.png);
    }   
     .detail_box_img2{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img2.png);
    }    
    .detail_box_img3{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img3.png);
    }    
    .detail_box_img4{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img4.png);
    }
    .detail_box_img5{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img5.png);
    }    .detail_box_img6{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img6.png);
    }    .detail_box_img7{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img7.png);
    }    .detail_box_img8{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img8.png);
    }
    .detail_box_img9{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img9.png);
    }
    .detail_box_img10{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img10.png);
    }
    .detail_box_img11{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img11.png);
    }
    
    .detail_window6{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window7{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window8{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window9{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window10{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window11{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .bangom_btn{
        width: 32px;
        height: 32px;
        position: absolute;
        bottom:50px;
        left: -16px;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        z-index: 99;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .project_main_character_3_text1{
        right: 0px;
        top:-50px;
        opacity: 0;
    }
    
    .project_main_character_4_text1{
        left: 50%;
        transform: translate(-50%,0);
        top:-50px;
    }
    
    .project_main_character_5_text1{
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
        opacity: 0;
    }
    
    
    .project_main_character_5_text2{
        left: 50%;
        transform: translate(-50%,0);
        border-radius: 16px;
        top:-100px;
        opacity: 0;
    }
    
    
    
    .flower1{
        position: absolute;
        width: 20px;
        height: 27px;
        top:0px;
        left: 100px;
        background-size: contain;
        animation:flower1 10s 1s infinite;
        background:url(../img/eighteen-season3/flower1.svg) no-repeat;
    }
    
    .flower2{
        position: absolute;
        width: 33px;
        height: 36px;
        top:0px;
        right: 200px;
        background-size: contain;
        animation:flower1 7s 0s infinite;
        background:url(../img/eighteen-season3/flower2.svg) no-repeat;
    }
    
    .flower3{
        position: absolute;
        width: 28px;
        height: 43px;
        top:0px;
        left: 200px;
        background-size: contain;
        animation:flower1 8s 0s infinite;
        background:url(../img/eighteen-season3/flower3.svg) no-repeat;
    }
    
    .flower4{
        position: absolute;
        width: 64px;
        height: 41px;
        top:0px;
        right: 300px;
        background-size: contain;
        animation:flower1 5s 0s infinite;
        background:url(../img/eighteen-season3/flower4.svg) no-repeat;
    }
    
    .flower5{
        position: absolute;
        width: 45px;
        height: 75px;
        top:0px;
        right: 0px;
        background-size: contain;
        animation:flower1 9s 0s infinite;
        background:url(../img/eighteen-season3/flower5.svg) no-repeat;
    }
    
    .bangom_fadeout{
        transition: 0.5s;
        opacity: 0;
    }
    
    .window_fadein{
        display: block;
        animation: fadein 0.1s forwards;
    }
    
    .window_fadeout{
        display: hidden;
        animation: fadeout 0.1s forwards;
    }
    
    .mail_rain{
        width: 100%;
        height: 100%;
        position: relative;
    }   
    
    
    .body_body{
        width: 100%;
        height: 4696px;
        background-size:100% 100%;
        position: relative;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/bodybody_mobile.png);
    }
 
    



    /* footer */
    .common_footer{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .common_footer_body{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:0px 24px;
    }
    
    .common_footer_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 72px;
        margin-bottom: 56px;
        width: 100%;
    }
    
    .common_footer_contents{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: -0.03rem;
        text-align: center;
        color:#505050;
        margin-bottom: 48px;
    }
    
    .common_footer_contents>b{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        text-align: center;
    }
    
    .common_footer_contents_2{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        height: 96px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 60px;
        width: 100%;
    }
    
    .common_footer_contents_3{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        width: 100vw;
        padding:40px 24px 48px 24px;
        border-bottom: 1px solid #f1f1f1;
    }
    
    .common_footer_contents_4{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 42px;
        margin-top: 60px;
    }
    
    .common_footer_btn{
        background: #339DB5;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        cursor: pointer;
    }
    
    .common_footer>.common_footer_body>.common_footer_btn.big_btn{
        width: 100%;
        height: 72px;
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0em;
        text-align: center;
    }
    .big_btn_icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        margin-left: 8px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);     
    }
    
    .normal_btn{
        width: 220px;
        height: 60px;
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
    }
    .normal_btn_icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        margin-left: 6px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);     
    }
    
    .common_projectList{
        display: flex;
        width: 100vw;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        padding:0px 24px 28px 24px;
        border-bottom:1px solid #f1f1f1;
    }

    .project_summary{
        font-family: Noto Sans KR;
        font-size: 12px;
        width: 123px;
        height: 88px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 16px;
        color: #505050;        
    }
    
    .project_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 32px;
    }
    
    .project_item_common{
        width: 155px;
        height: 294px;
        margin-bottom: 8px;
        background: #C4C4C4;
    }
    
    .project_title{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        height: 36px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 1px;
        color: #505050;
    }
    
    .project_name{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .project_item_btn{
        display: flex;
        background-color: #339DB5;
        width: 100%;
        height: 56px;
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    
    .project_item_btn_icon{
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        margin-left: 16px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);   
    }
    
    .project_item_1_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_1_img.png);
    }
    .project_item_2_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_2_img.png);
    }
    .project_item_3_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_3_img.png);
    }
    .project_item_4_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_4_img.png);
    }
    .project_item_5_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_5_img.png);
    }
    .project_item_6_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_6_img.png);
    }
    
    .common_project_support_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-top: 48px;
        margin-bottom: 64px;
    }

    .common_project_support_title>b{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-top: 48px;
    }
    
    .support_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 48px;
        width: 100%;
    }
    
    .support_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 32px;
    }
    
    .support_title{
        position: relative;
    }
    
    .support_title_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }   
    
    .support_title_underbar{
        width: 100%;
        height: 11px;
        background: rgba(51, 157, 181, 0.5);
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

    .mobile_img{
        position: relative;
        width: 232px;
        height: 352px;
        margin-bottom: 56px;
        background-image: url(../img/eighteen-season3/mobile_footer_Img.png);
    }
    
    .support_detail_list{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 32px;
        margin-top: 32px;
    }

    .support_detail_list:last-child{
        margin-left: 7px;
    }
    
    .support_detail_item{
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background: #EBF5F8;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .support_detail_item_text{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0em;    
        width: 109px;
        color: #505050;
        text-align: center;
    }
    
    .support_detail_item_1_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_2_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_3_img{
        width: 56px;
        height: 56px;
        background-image: url(../img/eighteen-season3/support_img_3.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 32px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_4_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_4.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_5_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_6_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_6.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_footer{
        font-family: Noto Sans KR;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 32px;
    }
    
    .common_project_support_footer_text{   
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 80px;
    }
    
    .common_project_support_footer_text>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .common_footer_footer{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .common_footer_footer_1{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .common_footer_footer_2{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding:32px 24px 116px 24px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../img/eighteen-season3/common_footer_img_2.png");
    }
    
    .common_footer_footer_text_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: 38px;
        height: 72px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 16px;
        color:#fff;
    }
    
    .common_footer_footer_text_subtitle{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 40px;
        color:#fff;
    }
    
    .common_footer_footer_text_subtitle>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
        letter-spacing: 0em;
        text-align: left;
        color:#fff;
    }
    
    .footer_right_text{
        width: 100%;
    }
    
    .common_footer_footer_1_text{
        background-color: #001630;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding:40px 24px 56px 24px;
    }
    
    .common_footer_footer_1_img{
        height: 172px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/common_footer_img_1.png);
        width: 100%;
    }
    
    .common_title_img{
        display: none;
    }
    
    .normal_btn_text{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
    }
    
    .project_item_btn_text{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        
    }
    
    .big_btn_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
    }

    
    .common_project_support_thanksfor{
        background-color: #EBF5F8;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0px 24px;
    }

    .common_project_support_thanksfor_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 56px;
        color:#505050;
    }

    .common_project_support_thanksfor_list{
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-between;

    }

    .common_project_support_thanksfor_list_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 51px;
    }

    .common_project_support_thanksfor_list_item_img1{
        width: 100%;
        height: 183px;
        background-size: cover;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/common_project_support_thanksfor_list_item_img1.png);
    }
    
    .common_project_support_thanksfor_list_item_img2{
        width: 100%;
        height: 183px;
        background-size: cover;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/common_project_support_thanksfor_list_item_img2.png);
    }

    .common_project_support_thanksfor_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 48px;
        color:#505050;
    }

    .common_project_support_thanksfor_footer{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 72px;
    }

    .common_project_support_thanksfor_footer>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
    }

    .support_btn{
        width:100%;
        height:48px;
        bottom:0px;
        right: 0px;
        position: fixed;
        transition: .2s;
        cursor: pointer;
        display: none;
        animation: top 1s ease-in-out;
        z-index:99;
        background-color: #339DB5;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30%;
        background-image: url(../img/eighteen-season3/support_btn_phone.svg);
    }

    .support_btn:hover{
        box-shadow: 8px 8px 0px rgba(51, 157, 181, 0.5);
    }

    .common_main_title_title{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 57px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 64px;
        margin-bottom: 48px;
        color:#339DB5;
    }

    .common_main_title_subtext{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        margin:0px 32px 52px 32px;
        color:#505050;

    }

    .common_main_title{
        width: 100vw;
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid #f1f1f1;
    }

    .common_footer_title1{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 80px;
        margin-bottom: 56px;
    }

    .common_footer_title2{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 60px;
        margin-bottom: 48px;

    }

    .common_footer_contents{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 22px;
    }

    .common_footer_contents>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
    }

    .common_footer_contents_2{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 40px;

    }

    .plus_btn{
        position: absolute;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background-image: url(../img/eighteen-season3/plus_btn.svg);
    }

    .plus1{
        left:-16px;   
        bottom: 40px;
    }
    .plus2{
        left:-16px;     
        bottom: 168px;
    }
    .plus3{
        left:-16px;   
        bottom: 288px;
    }
    .plus4{
        right:-16px; 
        bottom: 40px;
    }
    .plus5{
        right:-16px; 
        bottom: 168px;
    }
    .plus6{
        right:-16px; 
        bottom: 288px;
    }

    .project_contents_body_obj_fish2{
        display: none;
    }

    .project_contents_body_obj_larva{
        display: none;
    }

    .project_contents_body_obj_larva2{
        display: none;
    }
    
    .project_contents_body_obj_scorpion{
        display: none;
    }

    .project_contents_body_obj_oilking{
       display: none;
    }


    .common_mindmap{
        width: 100%;
        height: 270px;
        background-color: #f1f1f1;
        display: flex;
        justify-content: center;
        align-items: center;
        position:relative;
    }
    .common_mindmap_img{
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top:0;
        left: 0;
        background-image: url(../img/eighteen-season3/mindmap.png);
    }
    
    .common_mindmap_img2{
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top:0;
        left: 0;
        background-image: url(../img/eighteen-season3/mindmap2.png);
    }

    .common_video{
        position: relative;
        width: 100%;
    }

    .common_video_title{
       display: none;
    }

    .common_video_title_phone{
        font-family: Noto Sans KR;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: center;
        color: #339db5;
        margin-bottom: 26px;
        margin-top: 26px;
    
    }

    .common_video_video{
       max-width: 1280px;
       margin:50px;
    }

    .common_video_box{
        height: 0;
        padding-top: 56.25%;
        position: relative;
    }

    .common_video_box>iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

}









/* 모바일 */
@media screen  and (min-width:321px) and (max-width:768px){
    .mainproject_title{
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #F1F1F1;
        position: relative;
        overflow: hidden;
    }

    .left_title{
        position: absolute;
        top:10%;
        width: 100%;
        text-align: center;
        font-family: Noto Sans KR;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em; 
    }

    .left_title>b{
        font-family: Noto Sans KR;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        color:#339DB5;
    }

    .skty_title{
        font-size: 12px;
        padding-top: 24px;
        margin:24px 24px;
        line-height: 1.6;
        text-align: center;
        color:#fff;
    }
    
    .project_title_box{
        margin-top: 70px;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
    }
    
    .project_title_text{
        width: 254px;
        height: 92px;
        background-size: cover;
        background-position: center;
        position: absolute;
        background-image: url(../img/eighteen-season3/project_title_text_mobile.svg);
    }
    
    .project_title_img{
        width: 313px;
        height: 313px;
        min-height: 313px;
        min-width: 313px;
        background-size: cover;
        margin-bottom: 30px;
        background-image: url(../img/eighteen-season3/project_title_img.png);
    }
    
    .project_title_subtext{
        font-family: 'Gowun Dodum', sans-serif;
        font-size: 16px;
        height: 23px;
        line-height: 23px;
        margin-bottom: 30px;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_title_scrollicon{
        width: 8px;
        height: 51px;
        min-height: 51px;
        background-size: 100% 100%;
    
        animation: scrollIcon 1.5s linear infinite;
        animation-delay: 0s;
        background-image: url(../img/eighteen-season3/project_title_scrollicon.svg);
    }
    
    .project_contents_head{
        width: 100%;
        height: 672px;
        background-size: 100% auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_1_background_mobile.png);
    }
    
    .project_contents_head_text{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 40px;
        width: 100%;
        margin-bottom: 16px;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_contents_head_title{
        position: relative;
    }
    
    .project_contents_head_title_text{
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
        width: 283px;
        height: 76px;
        letter-spacing: 0em;
        text-align: center;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_contents_head_title_underline{
        width: 115px;
        height: 14px;
        background: rgba(51, 157, 181, 0.3);
        position: absolute;
        bottom: 2px;
        right: 82px;
    }
    
    .project_contents_body{
        position: relative;
        width: 100%;
        height: 100%;
    }
    
    .project_contents_body_sky{
        width: 100%;
        height: 506px;
        background: #3E3772;
    }    

    .project_contents_body_obj_phonetext1{
        position: fixed;
        width: 100%;
        height: 124px;
        top:53px;
        left:0px;
        background-size:contain;
        background-repeat: no-repeat;
        z-index: 99;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_phonetext.svg);
    }
    
    .project_contents_body_obj_phonetext2{
        width: 100%;
        height: 124px;
        position: fixed;
        top:53px;
        background-size:contain;
        background-repeat: no-repeat;
        z-index: 99;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_phonetext2.svg);
    }
    
    .project_contents_body_obj_phonetext3{
        width: 100%;
        height: 124px;
        position: fixed;
        top: 53px;
        background-size:contain;
        background-repeat: no-repeat;
        z-index: 99;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_phonetext3.svg);
    }
    
    .project_contents_body_obj_phonetext4{
        width: 100%;
        height: 124px;
        position: fixed;
        top:53px;
        background-size:contain;
        background-repeat: no-repeat;
        z-index: 99;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_phonetext4.svg);
    }
    
    .body_obj_2{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        bottom: 10px;
    }
    
    .body_obj_3{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .obj_money{
        width: 142px;
        height: 111px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_money.png);
    }
    
    .project_main_character_1{
        position: absolute;
        right: 22px;
        top: 200px;
    }
    .project_main_character_1_box{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 125px;
        height: 165px;
    }
    
    .project_main_character_1_img{
        width: 125px;
        height: 165px;
        background-size: 100% 100%;
        animation: main_character_1 1.5s linear infinite;
        animation-delay: 0s;
        background-image: url(../img/eighteen-season3/project_main_character_1.png);
    }
    
    .project_main_character_2{
        position: absolute;
        right: 58px;
        top: 1050px;
    }
    .project_main_character_2_box{
        position: relative;
        width: 65px;
        height: 125px;
    }
    
    .project_main_character_3{
        position: absolute;
        right: 58px;
        top: 1900px;
    }
    
    .project_main_character_4{
        position: absolute;
        left: 121px;
        top: 2570px;
        width: 57px;
        height: 124px;
        opacity: 0;
        transition: 1s;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/project_main_character_3.png);
    }
    
    .project_main_character_5{
        position: absolute;
        right: 58px;
        top: 2900px;
    }
    
    
    
    .img_num1{
        width: 65px;
        height: 125px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_1.png);
    }
    
    .img_num2{
        width: 65px;
        height: 125px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_2.png);
    }
    
    .img_num3{
        width: 65px;
        height: 125px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_3.png);
    }
    
    .character_1-1{
        opacity: 1;
    }
    .character_1-2{
        opacity: 0;
    }
    .character_1-3{
        opacity: 0;
    }
    
    .character_2-1{
        opacity: 1;
    }
    .character_2-2{
        opacity: 0;
    }
    .character_2-3{
        opacity: 0;
    }
    
    .character_3-1{
        opacity: 1;
    }
    .character_3-2{
        opacity: 0;
    }
    .character_3-3{
        opacity: 0;
    }
    
    .obj_open_btn{
        width: 32px;
        height: 32px;
        position: absolute;
        top:-40px;
        left: 45%;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .obj_open_btn2{
        width: 32px;
        height: 32px;
        position: absolute;
        bottom:0px;
        left: 45%;
        cursor: pointer;
        border-radius: 50%;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .obj_open_btn3{
        width: 64px;
        height: 64px;
        position: absolute;
        top:130px;
        left: 50%;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .project_contents_body_obj_fish{
        position: absolute;
        display: flex;
        width: 64px;
        top: 300px;
        left: 41px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    
    .project_contents_body_obj_money{
        position: absolute;
        display: flex;
        top: 430px;
        width: 176px;
        left: 38px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .project_contents_body_obj_egloo{
        position: absolute;
        display: flex;
        width: 152px;
        top: 700px;
        left: 41px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_egloo{
        width: 152px;
        height: 90px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_egloo.png);
    }
    
    .obj_egloo_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .obj_money_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_firebase{
        position: absolute;
        display: flex;
        top: 1140px;
        left:70px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_firebase{
        width: 111px;
        height: 80px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_firebase.gif);
    }
    
    .obj_firebase_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;

    }
    
    .project_contents_body_obj_mailbox{
        position: absolute;
        display: flex;
        top: 1450px;
        left: 90px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .mailbox_open{
        width: 80px;
        height: 80px;
        background-size: cover;
        animation:mail_rain 0.8s 0s;
        background-image: url(../img/eighteen-season3/p8.png);
    }
    
    
    .mailbox_close{
        width: 80px;
        height: 80px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/p1.png);
    }
    
    .obj_mailbox_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .obj_fish{
        width: 39px;
        height: 26px;
        background-size: 100% 100%;
        margin-bottom: 4px;
        background-image: url(../img/eighteen-season3/obj_fish.svg);
    }
    
    .project_contents_body_obj_tv{
        position: absolute;
        display: flex;
        top: 1950px;
        left: 38px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_tv{
        width: 174px;
        height: 143px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_tv.png);
    }
    
    .obj_tv_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_oasis{
        position: absolute;
        display: flex;
        width: 221px;
        top: 2850px;
        left: 20px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_oasis{
        width: 221px;
        height: 140px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../img/eighteen-season3/obj_oasis.png);
    }
    
    .obj_oasis_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 176px;
        height: 56px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -60px;
        border-radius: 48px;
        padding:0px 12px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_paper{
        position: absolute;
        display: flex;
        width: 176px;
        top: 3200px;
        left: 48px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_paper{
        width: 37px;
        height: 65px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_paper.png);
    }
    
    .obj_paper_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 200px;
        padding: 0px 16px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -70px;
        border-radius: 48px;
        padding:0px 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_phone{
        position: absolute;
        display: flex;
        top: 3550px;
        left: 48px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_phone{
        width: 148px;
        height: 110px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_phone.png);
    }
    
    .obj_phone_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 200px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -70px;
        border-radius: 48px;
        padding:0px 14px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_bonfire{
        position: absolute;
        display: flex;
        top: 3950px;
        left: 50%;
        transform: translate(-50%,0);
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_bonfire{
        width: 302px;
        height: 178px;
        position: relative;
    }
    
    .obj_bonfire_on{
        width: 302px;
        height: 178px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        position:absolute;
        left:0;
        opacity: 0;
        transition: 1s;
        background-image: url(../img/eighteen-season3/obj_bonfire_on.gif);
    }
    
    .obj_bonfire_text_balloon{
        width: 142px;
        height: 57px;
        position: absolute;
        top:-40px;
        right:10px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/bonfire_text_balloon.svg);
    }
    
    .obj_bonfire_off{
        width: 302px;
        height: 178px;
        left:0;
        position:absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        transition: 1s;
        opacity:1;
        background-image: url(../img/eighteen-season3/obj_bonfire_off.gif);
    }
    
    .obj_bonfire_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 200px;
        padding: 0px 16px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_fighting{
        position: absolute;
        display: flex;
        bottom:200px;
        height: 337px;
        width: 100%;
        left: 50%;
        transform: translate(-50%,0);
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_fighting{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .obj_fighting_img{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 337px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_fighting_phone.png);
    }
    
    .obj_fighting_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 180px;
        height: 48px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        margin-top: 40px;
        justify-content: center;
        align-items: center;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        border-radius: 48px;
        position:relative;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_end{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .obj_end_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 190px;
        height: 48px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        bottom: 80px;
        border-radius: 48px;
        display: flex;
        justify-content: center;
        padding:0 12px;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_main_character_speech_bubble{
        font-family: 'Gowun Dodum', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 56px;
        min-width: 144px;
        padding:7px 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #E7FCFF;
        position: absolute;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: -.1em;
        text-align: center;
        color: #000;
        transition: 0.8s;
        transform: translate(0,5px);
    }
    
    .project_main_character_1_text1{
        left: 50%;
        transform: translate(-50%,0);
        top:-57px;
        opacity: 0;
    }
    
    .project_main_character_1_text2{
        top:-57px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_1_text3{
        top:-57px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text1{
        top:-70px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text2{
        top:-70px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text3{
        top:-70px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
  
    .project_contents_body_background_9{
        width: 100%;
        height:100px;
        margin-top: -1px;
       background-color: #DBAE86;
    }
    
    .obj_fish_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 120px;
        height: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        transform: translate(0,5px);
    }
    
    .project_contents_body_obj_friend{
        position: absolute;
        display: flex;
        top: 2550px;
        right: 47px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_friend{
        width: 144px;
        height: 112px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_friend.png);
    }
    
    .body_obj_5{
        position: relative;
    
    }
    .obj_friend_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 0px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .bangom{
        width: 124px;
        height: 142px;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        bottom: 0px;
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/bangom.svg);
    }
    
    .bangom_friend1{
        width: 103px;
        height: 92px;
        position: absolute;
        right: 40px;
        bottom: 0px;
        background-size: 100%;
        transition: 0.5s;
        opacity: 0;
        background-image: url(../img/eighteen-season3/friend_1.png);
    }
    
    .bangom_friend2{
        width: 117px;
        height: 51px;
        position: absolute;
        left: 29px;
        bottom: 0px;
        transition: .5s;
        opacity: 0;
        background-size: 100%;
        background-image: url(../img/eighteen-season3/friend_2.png);
    }
    .bangom_friend3{
        width: 104px;
        height: 144px;
        position: absolute;
        right:0px;
        bottom: 0px;
        background-size: 100%;
        transition: 1s;
        opacity: 0;
        background-image: url(../img/eighteen-season3/friend_3.png);
    }
    .bangom_friend4{
        width: 149px;
        height: 117px;
        position: absolute;
        left:0px;
        bottom: 0px;
        transition: 1s;
        opacity: 0;
        background-size: 100%;
        background-image: url(../img/eighteen-season3/friend_4.png);
    }
    
    .project_detail_box{
        width: 100vw;
        height: 100vh;
        padding: 16px 16px 100px 16px;
    }
    
    .detail_window_close_btn{
        box-sizing: border-box;
        border-radius: 25px;
        font-family: Gowun Dodum;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#000;
        cursor: pointer;
        position: absolute;
        padding:3px;
        top:16px;
        right:16px;
    }
    
    .fighting_close_btn{
        position: absolute;
        width: 46px;
        height: 25px;
        left:50%;
        transform: translate(-50%,0);
        bottom: -30px;
        background: #000;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 25px;
        font-family: Gowun Dodum;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#fff;
        cursor: pointer;
        visibility: hidden;
    }
    
    .detail_window1{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window2{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window3{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window4{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window5{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    .detail_box_img1{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img1.png);
    }   
     .detail_box_img2{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img2.png);
    }    
    .detail_box_img3{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img3.png);
    }    
    .detail_box_img4{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img4.png);
    }
    .detail_box_img5{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img5.png);
    }    .detail_box_img6{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img6.png);
    }    .detail_box_img7{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img7.png);
    }    .detail_box_img8{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img8.png);
    }
    .detail_box_img9{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img9.png);
    }
    .detail_box_img10{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img10.png);
    }
    .detail_box_img11{
        width: 100%;
        height: 100%;
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/detail_box_img11.png);
    }
    
    .detail_window6{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window7{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window8{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window9{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window10{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .detail_window11{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        opacity: 0;
        display: none;
        z-index: 99;
        background-color: #fff;
    }
    
    .bangom_btn{
        width: 32px;
        height: 32px;
        position: absolute;
        bottom:50px;
        left: -16px;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        z-index: 99;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .project_main_character_3_text1{
        right: 0px;
        top:-50px;
        opacity: 0;
    }
    
    .project_main_character_4_text1{
        left: 50%;
        transform: translate(-50%,0);
        top:-50px;
    }
    
    .project_main_character_5_text1{
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
        opacity: 0;
    }
    
    
    .project_main_character_5_text2{
        left: 50%;
        transform: translate(-50%,0);
        border-radius: 16px;
        top:-100px;
        opacity: 0;
    }
    
    
    
    .flower1{
        position: absolute;
        width: 20px;
        height: 27px;
        top:0px;
        left: 100px;
        background-size: contain;
        animation:flower1 10s 1s infinite;
        background:url(../img/eighteen-season3/flower1.svg) no-repeat;
    }
    
    .flower2{
        position: absolute;
        width: 33px;
        height: 36px;
        top:0px;
        right: 200px;
        background-size: contain;
        animation:flower1 7s 0s infinite;
        background:url(../img/eighteen-season3/flower2.svg) no-repeat;
    }
    
    .flower3{
        position: absolute;
        width: 28px;
        height: 43px;
        top:0px;
        left: 200px;
        background-size: contain;
        animation:flower1 8s 0s infinite;
        background:url(../img/eighteen-season3/flower3.svg) no-repeat;
    }
    
    .flower4{
        position: absolute;
        width: 64px;
        height: 41px;
        top:0px;
        right: 300px;
        background-size: contain;
        animation:flower1 5s 0s infinite;
        background:url(../img/eighteen-season3/flower4.svg) no-repeat;
    }
    
    .flower5{
        position: absolute;
        width: 45px;
        height: 75px;
        top:0px;
        right: 0px;
        background-size: contain;
        animation:flower1 9s 0s infinite;
        background:url(../img/eighteen-season3/flower5.svg) no-repeat;
    }
    
    .bangom_fadeout{
        transition: 0.5s;
        opacity: 0;
    }
    
    .window_fadein{
        display: block;
        animation: fadein 0.1s forwards;
    }
    
    .window_fadeout{
        display: hidden;
        animation: fadeout 0.1s forwards;
    }
    
    .mail_rain{
        width: 100%;
        height: 100%;
        position: relative;
    }   
    
    
    .body_body{
        width: 100%;
        height: 4696px;
        background-size:100% 100%;
        position: relative;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/bodybody_mobile.png);
    }
 
    



    /* footer */
    .common_footer{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .common_footer_body{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:0px 24px;
    }
    
    .common_footer_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 72px;
        margin-bottom: 56px;
        width: 100%;
    }
    
    .common_footer_contents{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: -0.03rem;
        text-align: center;
        color:#505050;
        margin-bottom: 48px;
    }
    
    .common_footer_contents>b{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        text-align: center;
    }
    
    .common_footer_contents_2{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        height: 96px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 60px;
        width: 100%;
    }
    
    .common_footer_contents_3{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        width: 100vw;
        padding:40px 24px 48px 24px;
        border-bottom: 1px solid #f1f1f1;
    }
    
    .common_footer_contents_4{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 42px;
        margin-top: 60px;
    }
    
    .common_footer_btn{
        background: #339DB5;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        cursor: pointer;
    }
    
    .common_footer>.common_footer_body>.common_footer_btn.big_btn{
        width: 100%;
        height: 72px;
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0em;
        text-align: center;
    }
    .big_btn_icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        margin-left: 8px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);     
    }
    
    .normal_btn{
        width: 220px;
        height: 60px;
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
    }
    .normal_btn_icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        margin-left: 6px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);     
    }
    
    .common_projectList{
        display: flex;
        width: 100vw;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        padding:0px 24px 28px 24px;
        border-bottom:1px solid #f1f1f1;
    }

    .project_summary{
        font-family: Noto Sans KR;
        font-size: 12px;
        width: 123px;
        height: 88px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 16px;
        color: #505050;        
    }
    
    .project_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 32px;
    }
    
    .project_item_common{
        width: 155px;
        height: 294px;
        margin-bottom: 8px;
        background: #C4C4C4;
    }
    
    .project_title{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        height: 36px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 1px;
        color: #505050;
    }
    
    .project_name{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .project_item_btn{
        display: flex;
        background-color: #339DB5;
        width: 100%;
        height: 56px;
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    
    .project_item_btn_icon{
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        margin-left: 16px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);   
    }
    
    .project_item_1_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_1_img.png);
    }
    .project_item_2_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_2_img.png);
    }
    .project_item_3_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_3_img.png);
    }
    .project_item_4_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_4_img.png);
    }
    .project_item_5_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_5_img.png);
    }
    .project_item_6_img{
        width: 100%;
        height: 238px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_6_img.png);
    }
    
    .common_project_support_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-top: 48px;
        margin-bottom: 64px;
    }

    .common_project_support_title>b{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-top: 48px;
    }
    
    .support_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 48px;
        width: 100%;
    }
    
    .support_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 32px;
    }
    
    .support_title{
        position: relative;
    }
    
    .support_title_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }   
    
    .support_title_underbar{
        width: 100%;
        height: 11px;
        background: rgba(51, 157, 181, 0.5);
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

    .mobile_img{
        position: relative;
        width: 232px;
        height: 352px;
        margin-bottom: 56px;
        background-image: url(../img/eighteen-season3/mobile_footer_Img.png);
    }
    
    .support_detail_list{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 32px;
        margin-top: 32px;
    }

    .support_detail_list:last-child{
        margin-left: 7px;
    }
    
    .support_detail_item{
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background: #EBF5F8;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .support_detail_item_text{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0em;    
        width: 109px;
        color: #505050;
        text-align: center;
    }
    
    .support_detail_item_1_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_2_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_3_img{
        width: 56px;
        height: 56px;
        background-image: url(../img/eighteen-season3/support_img_3.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 32px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_4_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_4.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_5_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_6_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_6.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_footer{
        font-family: Noto Sans KR;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 32px;
    }
    
    .common_project_support_footer_text{   
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 80px;
    }
    
    .common_project_support_footer_text>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .common_footer_footer{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .common_footer_footer_1{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .common_footer_footer_2{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding:32px 24px 116px 24px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../img/eighteen-season3/common_footer_img_2.png");
    }
    
    .common_footer_footer_text_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: 38px;
        height: 72px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 16px;
        color:#fff;
    }
    
    .common_footer_footer_text_subtitle{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 40px;
        color:#fff;
    }
    
    .common_footer_footer_text_subtitle>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
        letter-spacing: 0em;
        text-align: left;
        color:#fff;
    }
    
    .footer_right_text{
        width: 100%;
    }
    
    .common_footer_footer_1_text{
        background-color: #001630;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding:40px 24px 56px 24px;
    }
    
    .common_footer_footer_1_img{
        height: 172px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/common_footer_img_1.png);
        width: 100%;
    }
    
    .common_title_img{
        display: none;
    }
    
    .normal_btn_text{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
    }
    
    .project_item_btn_text{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        
    }
    
    .big_btn_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
    }

    
    .common_project_support_thanksfor{
        background-color: #EBF5F8;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0px 24px;
    }

    .common_project_support_thanksfor_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 56px;
        color:#505050;
    }

    .common_project_support_thanksfor_list{
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-between;

    }

    .common_project_support_thanksfor_list_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 51px;
    }

    .common_project_support_thanksfor_list_item_img1{
        width: 100%;
        height: 183px;
        background-size: cover;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/common_project_support_thanksfor_list_item_img1.png);
    }
    
    .common_project_support_thanksfor_list_item_img2{
        width: 100%;
        height: 183px;
        background-size: cover;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/common_project_support_thanksfor_list_item_img2.png);
    }

    .common_project_support_thanksfor_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 48px;
        color:#505050;
    }

    .common_project_support_thanksfor_footer{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 72px;
    }

    .common_project_support_thanksfor_footer>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
    }

    .support_btn{
        width:100%;
        height:48px;
        bottom:0px;
        right: 0px;
        position: fixed;
        transition: .2s;
        cursor: pointer;
        display: none;
        animation: top 1s ease-in-out;
        z-index:99;
        background-color: #339DB5;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30%;
        background-image: url(../img/eighteen-season3/support_btn_phone.svg);
    }

    .support_btn:hover{
        box-shadow: 8px 8px 0px rgba(51, 157, 181, 0.5);
    }

    .common_main_title_title{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 57px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 64px;
        margin-bottom: 48px;
        color:#339DB5;
    }

    .common_main_title_subtext{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        margin:0px 32px 52px 32px;
        color:#505050;

    }

    .common_main_title{
        width: 100vw;
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid #f1f1f1;
    }

    .common_footer_title1{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 80px;
        margin-bottom: 56px;
    }

    .common_footer_title2{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 60px;
        margin-bottom: 48px;

    }

    .common_footer_contents{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 22px;
    }

    .common_footer_contents>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
    }

    .common_footer_contents_2{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 40px;

    }

    .plus_btn{
        position: absolute;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background-image: url(../img/eighteen-season3/plus_btn.svg);
    }

    .plus1{
        left:-16px;   
        bottom: 40px;
    }
    .plus2{
        left:-16px;     
        bottom: 168px;
    }
    .plus3{
        left:-16px;   
        bottom: 288px;
    }
    .plus4{
        right:-16px; 
        bottom: 40px;
    }
    .plus5{
        right:-16px; 
        bottom: 168px;
    }
    .plus6{
        right:-16px; 
        bottom: 288px;
    }

    .project_contents_body_obj_fish2{
        display: none;
    }

    .project_contents_body_obj_larva{
        display: none;
    }

    .project_contents_body_obj_larva2{
        display: none;
    }
    
    .project_contents_body_obj_scorpion{
        display: none;
    }

    .project_contents_body_obj_oilking{
       display: none;
    }


    .common_mindmap{
        width: 100%;
        height: 300px;
        background-color: #f1f1f1;
        display: flex;
        justify-content: center;
        align-items: center;
        position:relative;
    }
    .common_mindmap_img{
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top:0;
        left: 0;
        background-image: url(../img/eighteen-season3/mindmap.png);
    }
    
    .common_mindmap_img2{
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top:0;
        left: 0;
        background-image: url(../img/eighteen-season3/mindmap2.png);
    }

    .common_video{
        position: relative;
        width: 100%;
    }

    .common_video_title{
        display: none;
     }
 
     .common_video_title_phone{
         font-family: Noto Sans KR;
         font-size: 24px;
         font-style: normal;
         font-weight: 700;
         line-height: 1.5;
         letter-spacing: 0em;
         text-align: center;
         color: #339db5;
         margin-bottom: 40px;
         margin-top: 56px;
     
     }

    .common_video_video{
       max-width: 1280px;
       margin:24px;
    }

    .common_video_box{
        height: 0;
        padding-top: 56.25%;
        position: relative;
    }

    .common_video_box>iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


}






/* 테블릿 1024 */
@media screen and (min-width:769px) and (max-width:1024px){

    .left_title{
        position: absolute;
        top: 100px;
        left: 40px;
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;      
    }

    .left_title>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        color:#339DB5;
    }

    .skty_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        padding-top: 80px;
    }

    .skty_title>b{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
    }

    .mainproject_title{
        width: 100%;
        height: 960px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #F1F1F1;
        position: relative;
        overflow: hidden;
    }
    
    .project_title_box{
        display: flex;
        height: 753px;
        position: relative;
        flex-direction: column;
        align-items: center;
    }
    
    .project_title_text{
        width: 960px;
        height: 94px;
        background-size: cover;
        position: absolute;
        top:80px;
        background-image: url(../img/eighteen-season3/project_title_text.svg);
    }
    
    .project_title_img{
        width: 644px;
        height: 644px;
        min-height: 644px;
        min-width: 644px;
        background-size: cover;
        margin-bottom: 50px;
        background-image: url(../img/eighteen-season3/project_title_img.png);
    }
    
    .project_title_subtext{
        font-family: 'Gowun Dodum', sans-serif;
        font-size: 16px;
        height: 23px;
        line-height: 23px;
        margin-bottom: 30px;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_title_scrollicon{
        width: 8px;
        height: 51px;
        min-height: 51px;
        background-size: 100% 100%;
    
        animation: scrollIcon 1.5s linear infinite;
        animation-delay: 0s;
        background-image: url(../img/eighteen-season3/project_title_scrollicon.svg);
    }
    
    .project_contents_head{
        width: 100%;
        height: 534px;
        background-size: contain;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-position: bottom;
        background-color:#fafafa;
        background-repeat: no-repeat;
        background-image: url(../img//eighteen-season3/project_contents_1_background.png);
    }
    
    .project_contents_head_text{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 15px;
        width: 100vw;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_contents_head_title{
        position: relative;
    }
    
    .project_contents_head_title_text{
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
        height: 38px;
        letter-spacing: 0em;
        text-align: center;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_contents_head_title_underline{
        width: 125px;
        height: 14px;
        background: rgba(51, 157, 181, 0.3);
        position: absolute;
        bottom: 0px;
        right: 68px;
    }
    
    .project_contents_body{
        position: relative;
        width: 100%;
        height: 100%;
    }
    
    .project_contents_body_sky{
        width: 100%;
        height: 506px;
        background: #3E3772;
    }
    
    .project_contents_body_background_1{
        width: 100%;
        height: 1447.5px;
        background-position: center;
        background-size: cover;
        position: relative;
        background-image: url(../img/eighteen-season3/project_contents_2_background.png);
    }
    

    .project_contents_body_obj_phonetext1{
        position: fixed;
        width: 100%;
        height: 124px;
        top:53px;
        left:0px;
        background-size:contain;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_tablettext.svg);
    }
    
    .project_contents_body_obj_phonetext2{
        width: 100%;
        height: 124px;
        position: fixed;
        top:53px;
        background-size:contain;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_tablettext2.svg);
    }
    
    .project_contents_body_obj_phonetext3{
        width: 100%;
        height: 124px;
        position: fixed;
        top: 53px;
        background-size:contain;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_tablettext3.svg);
    }
    
    .project_contents_body_obj_phonetext4{
        width: 100%;
        height: 124px;
        position: fixed;
        top:53px;
        background-size:contain;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_tablettext4.svg);
    }
    
    .body_obj_2{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        bottom: 10px;
    }
    
    .body_obj_3{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .obj_money{
        width: 290px;
        height: 227px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_money.png);
    }
    
    .project_main_character_1{
        position: absolute;
        right: 100px;
        top: 855px;
    }
    .project_main_character_1_box{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 240px;
        height: 313px;
    }
    
    .project_main_character_1_img{
        width: 240px;
        height: 313px;
        background-size: 100% 100%;
        animation: main_character_1 1.5s linear infinite;
        animation-delay: 0s;
        background-image: url(../img/eighteen-season3/project_main_character_1.png);
    }
    
    .project_main_character_2{
        position: absolute;
        right: 150px;
        top: 3400px;
    }
    .project_main_character_2_box{
        position: relative;
        width: 142px;
        height: 275px;
    }
    
    .project_main_character_3{
        position: absolute;
        right: 150px;
        top: 5600px;
    }
    
    .project_main_character_4{
        position: absolute;
        left: 180px;
        top: 6550px;
        width: 156px;
        height: 377px;
        opacity: 0;
        transition: 1s;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/project_main_character_3.png);
    }
    
    .project_main_character_5{
        position: absolute;
        right: 120px;
        top: 7500px;
        opacity: 0;
    }
    
    
    
    .img_num1{
        width: 142px;
        height: 275px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_1.png);
    }
    
    .img_num2{
        width: 142px;
        height: 275px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_2.png);
    }
    
    .img_num3{
        width: 142px;
        height: 275px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_3.png);
    }
    
    .character_1-1{
        opacity: 1;
    }
    .character_1-2{
        opacity: 0;
    }
    .character_1-3{
        opacity: 0;
    }
    
    .character_2-1{
        opacity: 1;
    }
    .character_2-2{
        opacity: 0;
    }
    .character_2-3{
        opacity: 0;
    }
    
    .character_3-1{
        opacity: 1;
    }
    .character_3-2{
        opacity: 0;
    }
    .character_3-3{
        opacity: 0;
    }
    
    .obj_open_btn{
        width: 64px;
        height: 64px;
        position: absolute;
        top:-80px;
        left: 45%;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .obj_open_btn2{
        width: 64px;
        height: 64px;
        position: absolute;
        bottom:5px;
        left: 50%;
        cursor: pointer;
        border-radius: 50%;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .obj_open_btn3{
        width: 64px;
        height: 64px;
        position: absolute;
        top:130px;
        left: 50%;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .project_contents_body_obj_fish{
        position: absolute;
        display: flex;
        width: 64px;
        top: 1200px;
        left: 50%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    
    .project_contents_body_obj_money{
        position: absolute;
        display: flex;
        top: 1630px;
        width: 456px;
        left: 220px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .project_contents_body_obj_egloo{
        position: absolute;
        display: flex;
        width: 433px;
        top: 2440px;
        left: 220px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_egloo{
        width: 433px;
        height: 254px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_egloo.png);
    }
    
    .obj_egloo_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 456px;
        height: 82px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 82px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        background-color: #fff;
        border:2px solid #000;
        border-radius: 48px;
    
    }
    
    .obj_money_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 456px;
        height: 82px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 82px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_firebase{
        position: absolute;
        display: flex;
        top: 3850px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_firebase{
        width: 205px;
        height: 158px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_firebase.gif);
    }
    
    .obj_firebase_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 345px;
        height: 55px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .project_contents_body_obj_mailbox{
        position: absolute;
        display: flex;
        top: 4400px;
        right: 400px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .mailbox_open{
        width: 175px;
        height: 175px;
        background-size: cover;
        animation:mail_rain 0.8s 0s;
        background-image: url(../img/eighteen-season3/p8.png);
    }
    
    
    .mailbox_close{
        width: 175px;
        height: 175px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/p1.png);
    }
    
    .obj_mailbox_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .obj_fish{
        width: 97px;
        height: 65px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/obj_fish.svg);
    }
    
    .project_contents_body_obj_tv{
        position: absolute;
        display: flex;
        top: 5800px;
        left: 220px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_tv{
        width: 390px;
        height: 320px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_tv.png);
    }
    
    .obj_tv_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 81px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_oasis{
        position: absolute;
        display: flex;
        width: 505px;
        top: 7300px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_oasis{
        width: 505px;
        height: 406px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_oasis.png);
    }
    
    .obj_oasis_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -70px;
        border-radius: 48px;
        padding: 8px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_paper{
        position: absolute;
        display: flex;
        width: 456px;
        top: 8100px;
        left: 200px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_paper{
        width: 103px;
        height: 179px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_paper.png);
    }
    
    .obj_paper_text{
        font-family: 'Gowun Dodum', sans-serif;
        min-width: 176px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        padding: 8px 18px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_phone{
        position: absolute;
        display: flex;
        top: 8500px;
        left: 60px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_phone{
        width: 369px;
        height: 231px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/obj_phone.png);
    }
    
    .obj_phone_text{
        font-family: 'Gowun Dodum', sans-serif;
        padding:8px 21px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -100px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .project_contents_body_obj_bonfire{
        position: absolute;
        display: flex;
        top: 9050px;
        right: 180px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_bonfire{
        width: 768px;
        height: 454px;
        position: relative;
    }
    
    .obj_bonfire_on{
        width: 768px;
        height: 454px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        position:absolute;
        left:0;
        opacity: 0;
        transition: 1s;
        background-image: url(../img/eighteen-season3/obj_bonfire_on.gif);
    }
    
    .obj_bonfire_text_balloon{
        width: 289px;
        height: 117px;
        position: absolute;
        top:-100px;
        right:30px;
        background-image: url(../img/eighteen-season3/bonfire_text_balloon.svg);
    }
    
    .obj_bonfire_off{
        width: 768px;
        height: 454px;
        left:0;
        position:absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        transition: 1s;
        opacity:1;
        background-image: url(../img/eighteen-season3/obj_bonfire_off.gif);
    }
    
    .obj_bonfire_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .project_contents_body_obj_fighting{
        position: absolute;
        display: flex;
        bottom:600px;
        width: 100%;
        left: 50%;
        transform: translate(-50%,0);
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_fighting{
        width: 100%;
        height: 781px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .obj_fighting_img{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 781px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_fighting_tablet.svg);
    }
    
    .obj_fighting_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 414px;
        height: 85px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        border-radius: 80px;
        position:relative;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_end{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .obj_end_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 414px;
        height: 85px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        bottom: 100px;
        border-radius: 104px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_main_character_speech_bubble{
        font-family: 'Gowun Dodum', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 56px;
        min-width: 200px;
        background-color: #E7FCFF;
        position: absolute;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        padding:8px 18px;
        color: #000;
        transition: 0.8s;
        transform: translate(0,5px);
    }
    
    .project_main_character_1_text1{
        left: 50%;
        transform: translate(-50%,0);
        top:-57px;
        opacity: 0;
    }
    
    .project_main_character_1_text2{
        left: 50%;
        transform: translate(-50%,0);
        top:-57px;
        opacity: 0;
    }
    
    .project_main_character_1_text3{
        width: 144px;
        left: 50%;
        transform: translate(-50%,0);
        top:-57px;
        opacity: 0;
    }
    
    .project_main_character_2_text1{
        top:-75px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text2{
        width: 326px;
        height: 57px;
        top:-75px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text3{
        top:-75px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_contents_body_background_2{
        width: 100%;
        height: 1539px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_2.png);
    }
    
    .project_contents_body_background_3{
        width: 100%;
        height: 2848px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_3.png);
    }
    
    .project_contents_body_background_4{
        width: 100%;
        height: 2735px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
         position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_4.png);
    }
    
    .project_contents_body_background_5{
        width: 100%;
        height: 1002px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
         position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_5.png);
    }
    .project_contents_body_background_6{
        width: 100%;
        height: 1945px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
         position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_6.png);
    }
    
    .project_contents_body_background_7{
        width: 100%;
        height: 2057px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
         position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_7.png);
    }
    
    .project_contents_body_background_8{
        width: 100%;
        height:2131px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_8.png);
    }
    
    .project_contents_body_background_9{
        width: 100%;
        height:350px;
        margin-top: -1px;
       background-color: #DBAE86;
    }
    
    .obj_fish_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 214px;
        height: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        transform: translate(0,5px);
    }
    
    .project_contents_body_obj_friend{
        position: absolute;
        display: flex;
        top: 6500px;
        right: 200px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_friend{
        width: 437px;
        height: 342px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_friend.png);
    }
    
    .body_obj_5{
        position: relative;
    
    }
    .obj_friend_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .bangom{
        width: 334px;
        height: 378px;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        bottom: 0px;
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/bangom.svg);
    }
    
    .bangom_friend1{
        width: 302px;
        height: 269px;
        position: absolute;
        right: 96px;
        bottom: 0px;
        background-size: 100%;
        transition: 0.5s;
        opacity: 0;
        background-image: url(../img/eighteen-season3/friend_1.png);
    }
    
    .bangom_friend2{
        width: 342px;
        height: 151px;
        position: absolute;
        left: 85px;
        bottom: 0px;
        transition: .5s;
        opacity: 0;
        background-size: 100%;
        background-image: url(../img/eighteen-season3/friend_2.png);
    }
    .bangom_friend3{
        width: 303px;
        height: 425px;
        position: absolute;
        right:0px;
        bottom: 0px;
        background-size: 100%;
        transition: 1s;
        opacity: 0;
        background-image: url(../img/eighteen-season3/friend_3.png);
    }
    .bangom_friend4{
        width: 434px;
        height: 343px;
        position: absolute;
        left:0px;
        bottom: 0px;
        transition: 1s;
        opacity: 0;
        background-size: 100%;
        background-image: url(../img/eighteen-season3/friend_4.png);
    }
    
    .project_detail_box{
        position:relative;
        width: 100%;
        height: 100%;
    }
    
    .detail_window_close_btn{
        position: absolute;
        width: 88px;
        height: 48px;
        right: 0px;
        bottom: -64px;
        background: #FFFFFF;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 40px;
        font-family: Gowun Dodum;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#000;
        cursor: pointer;
    }
    
    .fighting_close_btn{
        position: absolute;
        width: 88px;
        height: 48px;
        left:50%;
        transform: translate(-50%,0);
        top: -152px;
        background: #000;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 40px;
        font-family: Gowun Dodum;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#fff;
        cursor: pointer;
        visibility: hidden;
    }
    
    .detail_window1{
        position: absolute;
        width: 689px;
        height: 516px;
        left: 50%;
        transform: translate(-50%,0);
        top: 650px;
        opacity: 0;
        display: none;
        z-index: 99;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_1.png);
    }
    
    .detail_window2{
        position: absolute;
        width: 689px;
        height: 516px;
        top: 1400px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_2.png);
    }
    
    .detail_window3{
        position: absolute;
        width: 689px;
        height: 520px;
        top: 2200px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_3.png);
    }
    
    .detail_window4{
            position: absolute;
        width: 690px;
        height: 521px;
        top: 3600px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_4.png);
    }
    
    .detail_window5{
            position: absolute;
        width: 690px;
        height: 536px;
        top: 4200px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_5.png);
    }
    
    .detail_window6{
            position: absolute;
        width: 689px;
        height: 615px;
        left: 179px;
        top: 5600px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_6.png);
    }
    
    .detail_window7{
            position: absolute;
        width: 689px;
        height: 560px;
        left: 179px;
        top: 6400px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_7.png);
    }
    
    .detail_window8{
            position: absolute;
        width: 689px;
        height: 597px;
        left: 179px;
        top: 7200px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_8.png);
    }
    
    .detail_window9{
        position: absolute;
        width: 689px;
        height: 605px;
        left: 179px;
        top: 7800px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_9.png);
    }
    
    .detail_window10{
            position: absolute;
        width: 689px;
        height: 550px;
        top: 8400px;
        display: none;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,0);
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_10.png);
    }
    
    .detail_window11{
        position: absolute;
        width: 689px;
        height: 516px;
        top: 9000px;
        opacity: 0;
        display: none;
        z-index: 99;
        left: 50%;
        transform: translate(-50%,0);
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_11.png);
    }
    
    .bangom_btn{
        width: 64px;
        height: 64px;
        position: absolute;
        bottom:100px;
        left: -32px;
        cursor: pointer;
        background-size: cover;
        display: none;
        animation:wave 1s 0s infinite;
        z-index: 99;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .project_main_character_3_text1{
        width: 98px;
        height: 57px;
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
        opacity: 0;
    }
    
    .project_main_character_4_text1{
        width: 326px;
        height: 57px;
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
    }
    
    .project_main_character_5_text1{
        width: 326px;
        height: 57px;
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
        opacity: 0;
    }
    
    
    .project_main_character_5_text2{
        width: 326px;
        height: 96px;
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
        opacity: 0;
    }
    
    
    
    .flower1{
        position: absolute;
        width: 20px;
        height: 27px;
        top:0px;
        left: 100px;
        background-size: contain;
        animation:flower1 10s 1s infinite;
        background:url(../img/eighteen-season3/flower1.svg) no-repeat;
    }
    
    .flower2{
        position: absolute;
        width: 33px;
        height: 36px;
        top:0px;
        right: 200px;
        background-size: contain;
        animation:flower1 7s 0s infinite;
        background:url(../img/eighteen-season3/flower2.svg) no-repeat;
    }
    
    .flower3{
        position: absolute;
        width: 28px;
        height: 43px;
        top:0px;
        left: 200px;
        background-size: contain;
        animation:flower1 8s 0s infinite;
        background:url(../img/eighteen-season3/flower3.svg) no-repeat;
    }
    
    .flower4{
        position: absolute;
        width: 64px;
        height: 41px;
        top:0px;
        right: 300px;
        background-size: contain;
        animation:flower1 5s 0s infinite;
        background:url(../img/eighteen-season3/flower4.svg) no-repeat;
    }
    
    .flower5{
        position: absolute;
        width: 45px;
        height: 75px;
        top:0px;
        right: 0px;
        background-size: contain;
        animation:flower1 9s 0s infinite;
        background:url(../img/eighteen-season3/flower5.svg) no-repeat;
    }
    
    .bangom_fadeout{
        transition: 0.5s;
        opacity: 0;
    }
    
    .window_fadein{
        display: block;
        animation: fadein 0.1s forwards;
    }
    
    .window_fadeout{
        display: hidden;
        animation: fadeout 0.1s forwards;
    }
    
    .mail_rain{
        width: 100%;
        height: 100%;
        position: relative;
    }   
    
    
    .body_body{
        width: 100%;
        height: 11058px;
        background-size:100% 100%;
        position: relative;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/bodybody.png);
    }
 
    



    /* footer */
    .common_footer{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .common_footer_body{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .common_footer_title{
        font-family: Noto Sans KR;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 128px;
        margin-bottom: 24px;
        width: 100%;
    }

    
    .common_mindmap{
        width: 100%;
        height: 669px;
        background-color: #f1f1f1;
        display: flex;
        justify-content: center;
        align-items: center;
        position:relative;
    }
    .common_mindmap_img{
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top:0;
        left: 0;
        background-image: url(../img/eighteen-season3/mindmap.png);
    }
    
    .common_mindmap_img2{
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top:0;
        left: 0;
        background-image: url(../img/eighteen-season3/mindmap2.png);
    }
    
    .common_footer_contents{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.03rem;
        text-align: center;
        color:#505050;
        margin-bottom: 32px;
    }
    
    .common_footer_contents>b{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        text-align: center;
    }
    
    .common_footer_contents_2{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        height: 96px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 40px;
        width: 100%;
    }
    
    .common_footer_contents_3{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 110px;
    }
    
    .common_footer_contents_4{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 57px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 110px;
    }
    
    .common_footer_btn{
        background: #339DB5;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        cursor: pointer;
    }

    
    .common_footer>.common_footer_body>.common_footer_btn.big_btn{
        width: 336px;
        height: 72px;
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0em;
        text-align: center;
    }
    .big_btn_icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        margin-left: 8px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);     
    }
    
    .normal_btn{
        width: 220px;
        height: 60px;
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
    }
    .normal_btn_icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        margin-left: 6px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);     
    }
    
    .common_projectList{
        display: flex;
        width: 100vw;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        padding:0px 24px 28px 24px;
    }

    .project_summary{
        font-family: Noto Sans KR;
        font-size: 12px;
        width: 123px;
        height: 88px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 16px;
        color: #505050;        
    }
    
    .project_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 32px;
    }
    
    .project_item_common{
        width: 136px;
        height: 272px;
        margin-bottom: 16px;
        background: #C4C4C4;
    }
    
    .project_title{
        font-family: Noto Sans KR;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
        height: 16px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 16px;
        color: #505050;
    }
    
    .project_name{
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .project_item_btn{
        display: flex;
        background-color: #339DB5;
        width: 100%;
        height: 40px;
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    
    .project_item_btn_icon{
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
        margin-left: 3px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);   
    }
    
    .project_item_1_img{
        width: 100%;
        height: 232px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_1_img.png);
    }
    .project_item_2_img{
        width: 100%;
        height: 232px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_2_img.png);
    }
    .project_item_3_img{
        width: 100%;
        height: 232px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_3_img.png);
    }
    .project_item_4_img{
        width: 100%;
        height: 232px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_4_img.png);
    }
    .project_item_5_img{
        width: 100%;
        height: 232px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_5_img.png);
    }
    .project_item_6_img{
        width: 100%;
        height: 232px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_project_6_img.png);
    }
    
    .common_project_support_title{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 57px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-top: 48px;
        margin-bottom: 64px;
    }

    .common_project_support_title>b{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 57px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-top: 48px;
    }
    
    .support_list{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .common_project_text_covid{
        width: 100%;
        text-align: center;
        margin-bottom: 28px;
        color:#a5a5a5;
    }
    .support_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 32px;
    }
    
    .support_title{
        position: relative;
    }
    
    .support_title_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }   
    
    .support_title_underbar{
        width: 100%;
        height: 11px;
        background: rgba(51, 157, 181, 0.5);
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    
    .support_detail_list{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 32px;
        margin-top: 32px;
    }

    .support_detail_list:last-child{
        margin-left: 7px;
    }
    
    .support_detail_item{
        width: 210px;
        height: 210px;
        border-radius: 50%;
        background: #EBF5F8;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .support_detail_item_text{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;    
        width: 118px;
        color: #505050;
        text-align: center;
    }
    
    .support_detail_item_1_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_2_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_3_img{
        width: 72px;
        height: 72px;
        background-image: url(../img/eighteen-season3/support_img_3.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 32px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_4_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_4.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_5_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_6_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_6.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .support_detail_item_footer{
        font-family: Noto Sans KR;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 32px;
    }
    
    .common_project_support_footer_text{   
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 80px;
    }
    
    .common_project_support_footer_text>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .common_footer_footer{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .common_footer_footer_1{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .common_footer_footer_2{
        width: 100%;
        display: flex;
        height: 812px;
        min-height: 812px;
        padding:42px 51px 0px 51px;
        flex-direction: column;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../img/eighteen-season3/common_footer_img_2.png");
    }
    
    .common_footer_footer_text_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: 38px;
        height: 72px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 16px;
        color:#fff;
    }
    
    .common_footer_footer_text_subtitle{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 40px;
        color:#fff;
    }
    
    .common_footer_footer_text_subtitle>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
        letter-spacing: 0em;
        text-align: left;
        color:#fff;
    }
    
    .footer_right_text{
        width: 100%;
    }
    
    .common_footer_footer_1_text{
        background-color: #001630;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding:67px 54px 85px 54px;
    }
    
    .common_footer_footer_1_img{
        height: 467px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/common_footer_img_1.png);
        width: 100%;
    }
    
    .common_title_img{
        display: none;
    }
    
    .normal_btn_text{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
    }
    
    .project_item_btn_text{
        font-family: Noto Sans KR;
        font-size: 12px;
        height: 12px;
        line-height: 12px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0em;
        text-align: center;
        
    }
    
    .big_btn_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
    }

    
    .common_project_support_thanksfor{
        background-color: #EBF5F8;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .common_project_support_thanksfor_title{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 56px;
        color:#505050;
    }

    .common_project_support_thanksfor_list{
        display: flex;
        width: 100%;
        padding:0px 54px;
        justify-content: space-between;

    }

    .common_project_support_thanksfor_list_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-bottom: 51px;
    }

    .common_project_support_thanksfor_list_item_img1{
        width: 448px;
        height: 252px;
        background-size: cover;
        margin-bottom: 28px;
        background-image: url(../img/eighteen-season3/common_project_support_thanksfor_list_item_img1.png);
    }
    
    .common_project_support_thanksfor_list_item_img2{
        width: 100%;
        height: 252px;
        background-size: cover;
        margin-bottom: 28px;
        background-image: url(../img/eighteen-season3/common_project_support_thanksfor_list_item_img2.png);
    }

    .common_project_support_thanksfor_text{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 57px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 32px;
        color:#505050;
    }

    .common_project_support_thanksfor_footer{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 134px;
    }

    .common_project_support_thanksfor_footer>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
    }

    .common_project_support_thanksfor_list_item>.common_project_support_thanksfor_list_item_text{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        color: #339DB5;

    }

    .support_btn{
        width:100%;
        height:64px;
        bottom:0px;
        right: 0px;
        position: fixed;
        transition: .2s;
        cursor: pointer;
        display: none;
        animation: top 1s ease-in-out;
        background-size: 100%;
        z-index:99;
        background-color: #339DB5;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20%;
        background-image: url(../img/eighteen-season3/support_btn_phone.svg);
    }

    .support_btn:hover{
        box-shadow: 8px 8px 0px rgba(51, 157, 181, 0.5);
    }

















    .common_main_title_title{
        font-family: Noto Sans KR;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 72px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 72px;
        margin-bottom: 40px;
        color:#339DB5;
        width: 100vw;
    }

    .common_main_title_subtext{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;

    }

    .common_main_title{
        width: 100%;
        height: 652px;
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
        position: relative;
        background-image: url(../img/eighteen-season3/common_main_title_back.png);
    }

    .common_footer_title1{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 51px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 104px;
        margin-bottom: 104px;
    }

    .common_footer_title2{
        font-family: Noto Sans KR;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 72px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 118px;
        margin-bottom: 24px;

    }

    .common_footer_contents{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 32px;
    }

    .common_footer_contents>b{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
    }

    .common_footer_contents_2{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 40px;

    }

    .plus_btn{
        position: absolute;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background-image: url(../img/eighteen-season3/plus_btn.svg);
    }

    .plus1{
        left:8%;   
        bottom: 22%;
    }
    .plus2{
        left:23%;
        bottom: 22%;
    }
    .plus3{
        left:40%;
        bottom: 22%;
    }
    .plus4{
        left:56%;
        bottom: 22%;
    }
    .plus5{
        left:75%;
        bottom: 22%;
    }
    .plus6{
        left:90%;
        bottom: 22%;
    }

    
    .project_contents_body_obj_fish2{
        position: absolute;
        display: flex;
        width: 214px;
        top: 2100px;
        left: 208px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_fish2{
        width: 97px;
        height: 65px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/obj_fish2.svg);
    }

    .obj_fish2_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 214px;
        height: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        transform: translate(0,5px);
    }

    .project_contents_body_obj_larva{
        position: absolute;
        display: flex;
        width: 214px;
        top: 4200px;
        left: 208px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_larva{
        width: 81px;
        height: 88px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/larva.svg);
    }

    .obj_larva_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 240px;
        height: 57px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        transform: translate(0,5px);
    }

    .project_contents_body_obj_larva2{
        position: absolute;
        display: flex;
        width: 214px;
        top: 6250px;
        left: 150px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_larva2{
        width: 102px;
        height: 110px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/larva2.svg);
    }

    .obj_larva2_text{
        font-family: 'Gowun Dodum', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        padding:8px 21px;
    }

    .project_contents_body_obj_scorpion{
        position: absolute;
        display: flex;
        width: 214px;
        top: 8000px;
        left: 50px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_scorpion{
        width: 152px;
        height: 113px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/scorpion.svg);
    }

    .obj_scorpion_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 254px;
        height: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
    }

    .project_contents_body_obj_oilking{
        position: absolute;
        display: flex;
        width: 214px;
        top: 7700px;
        left: 430px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_oilking{
        width: 355px;
        height: 227px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/obj_oilking.svg);
    }

    .obj_oilking_text{
        font-family: 'Gowun Dodum', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        padding: 8px 20px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
    }

    .common_video{
        position: relative;
        width: 100%;
    }

    .common_video_title{
        font-family: Noto Sans KR;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 72px;
        letter-spacing: 0em;
        text-align: center;
        color: #339db5;
        margin-top: 56px;
        margin-bottom: 40px;
    }
    .common_video_title_phone{
        display: none;
    }
    

    .common_video_video{
       max-width: 1280px;
       margin:50px;
    }

    .common_video_box{
        height: 0;
        padding-top: 56.25%;
        position: relative;
    }

    .common_video_box>iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



}






/* 데스크탑 */
@media screen and (min-width:1025px){

    .left_title{
        position: absolute;
        top: 135px;
        left: 50px;
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;      
    }

    .left_title>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        color:#339DB5;
    }

    .skty_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        padding-top: 80px;
    }

    .skty_title>b{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
    }
    .mainproject_title{
        width: 100%;
        min-height: 100vh;
        padding:130px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #F1F1F1;
        position: relative;
        overflow: hidden;
    }
    
    .flower_list{
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
    }
    
    .project_title_box{
        display: flex;
        height: 100%;
        position: relative;
        flex-direction: column;
        align-items: center;
    }
    
    .project_title_text{
        width: 1046px;
        height: 104px;
        background-size: cover;
        position: absolute;
        top:61px;
        background-image: url(../img/eighteen-season3/project_title_text.svg);
    }
    
    .project_title_img{
        width: 644px;
        height: 644px;
        min-height: 644px;
        min-width: 644px;
        background-size: cover;
        margin-bottom: 50px;
        background-image: url(../img/eighteen-season3/project_title_img.png);
    }
    
    .project_title_subtext{
        font-family: 'Gowun Dodum', sans-serif;
        font-size: 16px;
        height: 23px;
        line-height: 23px;
        margin-bottom: 30px;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_title_scrollicon{
        width: 8px;
        height: 51px;
        min-height: 51px;
        background-size: 100% 100%;
    
        animation: scrollIcon 1.5s linear infinite;
        animation-delay: 0s;
        background-image: url(../img/eighteen-season3/project_title_scrollicon.svg);
    }
    
    .project_contents_head{
        width: 100%;
        height: 100vh;
        background-size: 100% auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-position: bottom;
        background-color:#fafafa;
        background-repeat: no-repeat;
        background-image: url(../img//eighteen-season3/project_contents_1_background.png);
    }
    
    .project_contents_head_text{
        width: 100%;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 80px;
        margin-bottom: 33px;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_contents_head_title{
        width: 748px;
        height: 51px;
        position: relative;
    }
    
    .project_contents_head_title_text{
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 51px;
        height: 51px;
        letter-spacing: 0em;
        text-align: center;
        font-family: 'Gowun Dodum', sans-serif;
    }
    
    .project_contents_head_title_underline{
        width: 160px;
        height: 14px;
        background: rgba(51, 157, 181, 0.3);
        position: absolute;
        bottom: 4px;
        right: 98px;
    }
    
    .project_contents_body{
        position: relative;
    }
    
    .project_contents_body_sky{
        width: 100%;
        height: 506px;
        background: #3E3772;
    }
    
    .project_contents_body_background_1{
        width: 100%;
        height: 1447.5px;
        background-position: center;
        background-size: cover;
        position: relative;
        background-image: url(../img/eighteen-season3/project_contents_2_background.png);
    }
    
 .project_contents_body_obj_text1{
        width: 676px;
        height: 271px;
        position: absolute;
        top:1500px;
        left: 179px;
        background-size:contain;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_text.svg);
    }
    
    .project_contents_body_obj_text2{
        width: 635px;
        height: 262px;
        position: absolute;
        top:5060px;
        left: 180px;
        background-size:contain;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_text2.svg);
    }
    
    .project_contents_body_obj_text3{
        width: 662px;
        height: 154px;
        position: absolute;
        top:7460px;
        left: 180px;
        background-size:contain;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_text3.svg);
    }
    
    .project_contents_body_obj_text4{
        width: 423px;
        height: 299px;
        position: absolute;
        top:10800px;
        left: 180px;
        background-size:contain;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/project_contents_2_obj_text4.svg);
    }

    
    .body_obj_2{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        bottom: 10px;
    }
    
    .body_obj_3{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .obj_money{
        width: 210px;
        height: 165px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_money.png);
    }
    
    .project_main_character_1{
        position: absolute;
        right: 115px;
        top: 1600px;
    }
    .project_main_character_1_box{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 240px;
        height: 313px;
    }
    
    .project_main_character_1_img{
        width: 240px;
        height: 313px;
        background-size: 100% 100%;
        animation: main_character_1 1.5s linear infinite;
        animation-delay: 0s;
        background-image: url(../img/eighteen-season3/project_main_character_1.png);
    }
    
    .project_main_character_2{
        position: absolute;
        right: 320px;
        top: 5000px;
    }
    .project_main_character_2_box{
        position: relative;
        width: 142px;
        height: 275px;
    }
    
    .project_main_character_3{
        position: absolute;
        right: 320px;
        top: 8300px;
    }
    
    .project_main_character_4{
        position: absolute;
        right: 530px;
        top: 9750px;
        width: 174px;
        height: 378px;
        opacity: 0;
        transition: 1s;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/project_main_character_3.png);
    }
    
    .project_main_character_5{
        position: absolute;
        right: 320px;
        top: 11100px;
    }
    
    
    
    .img_num1{
        width: 142px;
        height: 275px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_1.png);
    }
    
    .img_num2{
        width: 142px;
        height: 275px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_2.png);
    }
    
    .img_num3{
        width: 142px;
        height: 275px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../img/eighteen-season3/character_2_3.png);
    }
    
    .character_1-1{
        opacity: 1;
    }
    .character_1-2{
        opacity: 0;
    }
    .character_1-3{
        opacity: 0;
    }
    
    .character_2-1{
        opacity: 1;
    }
    .character_2-2{
        opacity: 0;
    }
    .character_2-3{
        opacity: 0;
    }
    
    .character_3-1{
        opacity: 1;
    }
    .character_3-2{
        opacity: 0;
    }
    .character_3-3{
        opacity: 0;
    }
    
    .obj_open_btn{
        width: 64px;
        height: 64px;
        position: absolute;
        top:-80px;
        left: 45%;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .obj_open_btn2{
        width: 64px;
        height: 64px;
        position: absolute;
        bottom:-32px;
        left: 45%;
        cursor: pointer;
        border-radius: 50%;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .obj_open_btn3{
        width: 64px;
        height: 64px;
        position: absolute;
        top:130px;
        left: 50%;
        cursor: pointer;
        background-size: cover;
        animation:wave 1s 0s infinite;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .project_contents_body_obj_fish{
        position: absolute;
        display: flex;
        width: 214px;
        top: 2000px;
        left: 50%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .project_contents_body_obj_money{
        position: absolute;
        display: flex;
        top: 2600px;
        width: 210px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .project_contents_body_obj_egloo{
        position: absolute;
        display: flex;
        width: 342px;
        top: 3500px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_egloo{
        width: 342px;
        height: 210px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_egloo.png);
    }
    
    .obj_egloo_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 331px;
        height: 55px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        background-color: #fff;
        border:2px solid #000;
        border-radius: 48px;
    
    }
    
    .obj_money_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 345px;
        height: 55px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_firebase{
        position: absolute;
        display: flex;
        top: 5600px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_firebase{
        width: 288px;
        height: 221px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_firebase.gif);
    }
    
    .obj_firebase_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 345px;
        height: 55px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .project_contents_body_obj_mailbox{
        position: absolute;
        display: flex;
        top: 6550px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .mailbox_open{
        width: 255px;
        height: 255px;
        background-size: cover;
        animation:mail_rain 0.8s 0s;
        background-image: url(../img/eighteen-season3/p8.png);
    }
    
    
    .mailbox_close{
        width: 255px;
        height: 255px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/p1.png);
    }
    
    .obj_mailbox_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    

    .obj_fish{
        width: 97px;
        height: 65px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/obj_fish.svg);
    }
    
    .project_contents_body_obj_tv{
        position: absolute;
        display: flex;
        top: 8600px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_tv{
        width: 390px;
        height: 320px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_tv.png);
    }
    
    .obj_tv_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 81px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_oasis{
        position: absolute;
        display: flex;
        width: 505px;
        top: 10700px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_oasis{
        width: 505px;
        height: 406px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_oasis.png);
    }
    
    .obj_oasis_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -100px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .project_contents_body_obj_paper{
        position: absolute;
        display: flex;
        width: 456px;
        top: 11700px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_paper{
        width: 103px;
        height: 179px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_paper.png);
    }
    
    .obj_paper_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .project_contents_body_obj_phone{
        position: absolute;
        display: flex;
        top: 12400px;
        right: 510px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_phone{
        width: 369px;
        height: 231px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/obj_phone.png);
    }
    
    .obj_phone_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -100px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .project_contents_body_obj_bonfire{
        position: absolute;
        display: flex;
        top: 13200px;
        right: 180px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_bonfire{
        width: 768px;
        height: 454px;
        position: relative;
    }
    
    .obj_bonfire_on{
        width: 768px;
        height: 454px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        position:absolute;
        left:0;
        opacity: 0;
        transition: 1s;
        background-image: url(../img/eighteen-season3/obj_bonfire_on.gif);
    }
    
    .obj_bonfire_text_balloon{
        width: 289px;
        height: 117px;
        position: absolute;
        top:-100px;
        right:30px;
        background-image: url(../img/eighteen-season3/bonfire_text_balloon.svg);
    }
    
    .obj_bonfire_off{
        width: 768px;
        height: 454px;
        left:0;
        position:absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        transition: 1s;
        opacity:1;
        background-image: url(../img/eighteen-season3/obj_bonfire_off.gif);
    }
    
    .obj_bonfire_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        background-color: #fff;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .project_contents_body_obj_fighting{
        position: absolute;
        display: flex;
        bottom:1100px;
        left: 50%;
        transform: translate(-50%,0);
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_fighting{
        width: 1480px;
        height: 846px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .obj_fighting_img{
        position: absolute;
        top:0;
        left: 0;
        width: 1480px;
        height: 846px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/obj_fighting.png);
    }
    
    .obj_fighting_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 529px;
        height: 124px;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        border-radius: 80px;
        position:relative;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_contents_body_obj_end{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .obj_end_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 904px;
        height: 130px;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        bottom: 350px;
        border-radius: 104px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 2px solid #000;
    }
    
    .project_main_character_speech_bubble{
        font-family: 'Gowun Dodum', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 56px;
        background-color: #E7FCFF;
        position: absolute;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        transition: 0.8s;
        transform: translate(0,5px);
    }
    
    .project_main_character_1_text1{
        width: 200px;
        height: 57px;
        top:-57px;
        opacity: 0;
    }
    
    .project_main_character_1_text2{
        width: 272px;
        height: 57px;
        top:-57px;
        opacity: 0;
    }
    
    .project_main_character_1_text3{
        width: 272px;
        height: 57px;
        top:-57px;
        opacity: 0;
    }
    
    .project_main_character_2_text1{
        width: 174px;
        height: 57px;
        top:-75px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text2{
        width: 326px;
        height: 57px;
        top:-75px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_main_character_2_text3{
        width: 326px;
        height: 57px;
        top:-75px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }
    
    .project_contents_body_background_2{
        width: 100%;
        height: 1539px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_2.png);
    }
    
    .project_contents_body_background_3{
        width: 100%;
        height: 2848px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_3.png);
    }
    
    .project_contents_body_background_4{
        width: 100%;
        height: 2735px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
         position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_4.png);
    }
    
    .project_contents_body_background_5{
        width: 100%;
        height: 1002px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
         position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_5.png);
    }
    .project_contents_body_background_6{
        width: 100%;
        height: 1945px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
         position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_6.png);
    }
    
    .project_contents_body_background_7{
        width: 100%;
        height: 2057px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
         position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_7.png);
    }
    
    .project_contents_body_background_8{
        width: 100%;
        height:2131px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        margin-top: -1px;
        background-image: url(../img/eighteen-season3/project_contents_body_background_8.png);
    }
    
    .project_contents_body_background_9{
        width: 100%;
        height:350px;
        margin-top: -1px;
       background-color: #DBAE86;
    }
        
    .obj_fish_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 214px;
        height: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        transform: translate(0,5px);
    }
    
    .project_contents_body_obj_friend{
        position: absolute;
        display: flex;
        top: 9700px;
        right: 40px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_friend{
        width: 437px;
        height: 342px;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/obj_friend.png);
    }
    
    .body_obj_5{
        position: relative;
    
    }
    .obj_friend_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 351px;
        height: 82px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;
        color:#000;
        position: absolute;
        bottom: -40px;
        border-radius: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border: 2px solid #000;
    
    }
    
    .bangom{
        width: 599px;
        height: 690px;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        bottom: 0px;
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/bangom.svg);
    }
    
    .bangom_friend1{
        width: 495px;
        height: 441px;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        margin-left: 525px;
        bottom: 0px;
        background-size: 100%;
        transition: 0.5s;
        opacity: 0;
        background-image: url(../img/eighteen-season3/friend_1.png);
    }
    
    .bangom_friend2{
        width: 561px;
        height: 248px;
        position: absolute;
        right: 50%;
        transform: translate(50%,0);
        margin-right: 425px;
        bottom: 0px;
        transition: .5s;
        opacity: 0;
        background-size: 100%;
        background-image: url(../img/eighteen-season3/friend_2.png);
    }
    .bangom_friend3{
        width: 497px;
        height: 697px;
        position: absolute;
        right:0px;
        bottom: 0px;
        background-size: 100%;
        transition: 1s;
        opacity: 0;
        background-image: url(../img/eighteen-season3/friend_3.png);
    }
    .bangom_friend4{
        width: 712px;
        height: 562px;
        position: absolute;
        left:0px;
        bottom: 0px;
        transition: 1s;
        opacity: 0;
        background-size: 100%;
        background-image: url(../img/eighteen-season3/friend_4.png);
    }
    
    .project_detail_box{
        position:relative;
        width: 100%;
        height: 100%;
    }
    
    .detail_window_close_btn{
        position: absolute;
        width: 88px;
        height: 48px;
        right: 0px;
        bottom: -64px;
        background: #FFFFFF;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 40px;
        font-family: Gowun Dodum;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#000;
        cursor: pointer;
    }
    
    .fighting_close_btn{
        position: absolute;
        width: 88px;
        height: 48px;
        left:50%;
        transform: translate(-50%,0);
        top: -152px;
        background: #000;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 40px;
        font-family: Gowun Dodum;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#fff;
        cursor: pointer;
        visibility: hidden;
    }
    
    .detail_window1{
        position: absolute;
        width: 689px;
        height: 516px;
        left: 250px;
        top: 1350px;
        opacity: 0;
        display: none;
        z-index: 99;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_1.png);
    }
    
    .detail_window2{
        position: absolute;
        width: 689px;
        height: 516px;
        left: 250px;
        top: 2350px;
        opacity: 0;
        display: none;
        z-index: 99;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_2.png);
    }
    
    .detail_window3{
        position: absolute;
        width: 689px;
        height: 520px;
        left: 250px;
        top: 3300px;
        opacity: 0;
        display: none;
        z-index: 99;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_3.png);
    }
    
    .detail_window4{
            position: absolute;
        width: 690px;
        height: 521px;
        left: 250px;
        top: 5500px;
        opacity: 0;
        display: none;
        z-index: 99;
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_4.png);
    }
    
    .detail_window5{
            position: absolute;
        width: 690px;
        height: 536px;
        left: 250px;
        top: 6400px;
        opacity: 0;
        display: none;
        z-index: 99;
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_5.png);
    }
    
    .detail_window6{
            position: absolute;
        width: 689px;
        height: 615px;
        left: 250px;
        top: 8400px;
        opacity: 0;
        display: none;
        z-index: 99;
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_6.png);
    }
    
    .detail_window7{
            position: absolute;
        width: 689px;
        height: 560px;
        left: 250px;
        top: 9500px;
        opacity: 0;
        display: none;
        z-index: 99;
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_7.png);
    }
    
    .detail_window8{
            position: absolute;
        width: 689px;
        height: 597px;
        left: 250px;
        top: 10600px;
        opacity: 0;
        display: none;
        z-index: 99;
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_8.png);
    }
    
    .detail_window9{
        position: absolute;
        width: 689px;
        height: 605px;
        left: 250px;
        top: 11400px;
        opacity: 0;
        display: none;
        z-index: 99;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_9.png);
    }
    
    .detail_window10{
            position: absolute;
        width: 689px;
        height: 550px;
        left: 250px;
        top: 12200px;
        opacity: 0;
        display: none;
        z-index: 99;
         background-size: 100% 100%;
         background-image: url(../img/eighteen-season3/detail_10.png);
    }
    
    .detail_window11{
        position: absolute;
        width: 689px;
        height: 516px;
        left: 250px;
        top: 13000px;
        opacity: 0;
        display: none;
        z-index: 99;
        background-size: 100% 100%;
        background-image: url(../img/eighteen-season3/detail_11.png);
    }
    
    .bangom_btn{
        width: 64px;
        height: 64px;
        position: absolute;
        bottom:100px;
        left: -32px;
        cursor: pointer;
        background-size: cover;
        display: none;
        animation:wave 1s 0s infinite;
        z-index: 99;
        background-image: url(../img/eighteen-season3/detail_open_btn.png);
    }
    
    .project_main_character_3_text1{
        width: 98px;
        height: 57px;
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
        opacity: 0;
    }
    
    .project_main_character_4_text1{
        width: 326px;
        height: 57px;
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
    }
    
    .project_main_character_5_text1{
        width: 326px;
        height: 57px;
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
        opacity: 0;
    }
    
    
    .project_main_character_5_text2{
        width: 326px;
        height: 96px;
        left: 50%;
        transform: translate(-50%,0);
        top:-100px;
        opacity: 0;
    }
    
    
    
    .flower1{
        position: absolute;
        width: 20px;
        height: 27px;
        top:0px;
        left: 100px;
        background-size: contain;
        animation:flower1 10s 1s infinite;
        background:url(../img/eighteen-season3/flower1.svg) no-repeat;
    }
    
    .flower2{
        position: absolute;
        width: 33px;
        height: 36px;
        top:0px;
        right: 200px;
        background-size: contain;
        animation:flower1 7s 0s infinite;
        background:url(../img/eighteen-season3/flower2.svg) no-repeat;
    }
    
    .flower3{
        position: absolute;
        width: 28px;
        height: 43px;
        top:0px;
        left: 200px;
        background-size: contain;
        animation:flower1 8s 0s infinite;
        background:url(../img/eighteen-season3/flower3.svg) no-repeat;
    }
    
    .flower4{
        position: absolute;
        width: 64px;
        height: 41px;
        top:0px;
        right: 300px;
        background-size: contain;
        animation:flower1 5s 0s infinite;
        background:url(../img/eighteen-season3/flower4.svg) no-repeat;
    }
    
    .flower5{
        position: absolute;
        width: 45px;
        height: 75px;
        top:0px;
        right: 0px;
        background-size: contain;
        animation:flower1 9s 0s infinite;
        background:url(../img/eighteen-season3/flower5.svg) no-repeat;
    }
    
    .bangom_fadeout{
        transition: 0.5s;
        opacity: 0;
    }
    
    .window_fadein{
        display: block;
        animation: fadein 0.1s forwards;
    }
    
    .window_fadeout{
        display: none;
        animation: fadeout 0.1s forwards;
    }
    
    .mail_rain{
        width: 100%;
        height: 100%;
        position: relative;
    }   
    
    
    .body_body{
        width: 100%;
        height: 16153px;
        background-size:cover;
        position: relative;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/bodybody.png);
    }
    
    .common_footer{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .common_mindmap{
        width: 100%;
        height: 100vh;
        background-color: #f1f1f1;
        display: flex;
        justify-content: center;
        align-items: center;
        position:relative;
    }
    .common_mindmap_img{
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top:0;
        left: 0;
        background-image: url(../img/eighteen-season3/mindmap.png);
    }
    
    .common_mindmap_img2{
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top:0;
        left: 0;
        background-image: url(../img/eighteen-season3/mindmap2.png);
    }
    
    .common_footer_body{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .common_main_title{
        width: 100%;
        height: 695px;
        position: relative;
        background-size: 100% auto;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/common_main_title_back.png);
    }
    
    .common_footer_body_center_img{
        width: 100%;
        height:912px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 104px;
        background-color: #E8EAE9;
        background-image: url(../img/eighteen-season3/common_title_img.png);
    }
    
    .common_main_title_title{
        font-family: Noto Sans KR;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 72px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 40px;
        color: #339db5;
    }
    
    .common_main_title_subtext{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .common_footer_title1{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 51px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 112px;
        margin-bottom: 120px;
        
    }
    
    .common_footer_title2{
        font-family: Noto Sans KR;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 72px;
        height: 72px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 120px;
        margin-bottom: 24px;
    }
    
    .common_footer_contents{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 32px;
    }
    
    .common_footer_contents>b{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
    }
    
    .common_footer_contents_2{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 40px;
    }
    
    .common_footer_contents_3{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-top: 40px;
        margin-bottom: 64px;
    }
    
    .common_footer_contents_4{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 58px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 110px;
        margin-top: 86px;
    }
    
    .common_footer_btn{
        background: #339DB5;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        cursor: pointer;
    }
    
    .common_footer>.common_footer_body>.common_footer_btn.big_btn{
        width: 336px;
        height: 72px;
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0em;
        text-align: center;
    }
    .big_btn_icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        margin-left: 8px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);     
    }
    
    .normal_btn{
        width: 220px;
        height: 60px;
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
    }
    .normal_btn_icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        margin-left: 6px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);     
    }
    
    .common_projectList{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        padding-bottom: 130px;
        border-bottom: 1px solid #f1f1f1;
    }
    
    .project_summary{
        display: none;   
    }
    
    .project_item{
        display: flex;
        flex-direction: column;
        margin-right: 17px;
        align-items: center;
    }
    
    .project_item:hover > .project_item_common >.project_item_1_img{
        width: 100%;
        height: 408px;
        background-size: cover;
        background-image: url("../img/eighteen-season3/신선_hover.png");
        align-items: center;
    }
    
    .project_item:hover > .project_item_common >.project_item_btn{
        background-color:#F6AB00 ;
    }
    .project_item:hover > .project_item_common >.project_item_2_img{
                width: 100%;
                height: 408px;
        background-image: url("../img/eighteen-season3/허진이_hover.png");
        align-items: center;
    }
    .project_item:hover > .project_item_common >.project_item_3_img{
                width: 100%;
                height: 408px;
        background-image: url("../img/eighteen-season3/손자영_hover.png");
        align-items: center;
    }
    .project_item:hover > .project_item_common >.project_item_4_img{
                width: 100%;
                height: 408px;
        background-image: url("../img/eighteen-season3/강영아_hover.png");
        align-items: center;
    }
    .project_item:hover > .project_item_common >.project_item_5_img{
                width: 100%;
                height: 408px;
        background-image: url("../img/eighteen-season3/조규환_hover.png");
        align-items: center;
    }
    .project_item:hover > .project_item_common >.project_item_6_img{
                width: 100%;
                height: 408px;
        background-image: url("../img/eighteen-season3/박강빈_hover.png");
        align-items: center;
    }
    
    .project_item_common{
        width: 240px;
        height: 464px;
        margin-bottom: 16px;
        cursor: pointer;
        background: #C4C4C4;
    }
    
    .project_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        height: 43px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 8px;
        color: #505050;
    }
    
    .project_name{
        font-family: Noto Sans KR;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .project_item_btn{
        display: flex;
        background-color: #339DB5;
        width: 100%;
        height: 56px;
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    
    .project_item_btn_icon{
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        margin-left: 16px;
        background-position: center;
        background-size: cover;
        background-image: url(../img/eighteen-season3/common_icon.png);   
    }
    
    .project_item_1_img{
        width: 100%;
        height: 408px;
        background-size: cover;
        background-image: url(../img/eighteen-season3/신선.png);
    }
    .project_item_2_img{
        width: 100%;
        height: 408px;
        background-image: url(../img/eighteen-season3/허진이.png);
    }
    .project_item_3_img{
        width: 100%;
        height: 408px;
        background-image: url(../img/eighteen-season3/손자영.png);
    }
    .project_item_4_img{
        width: 100%;
        height: 408px;
        background-image: url(../img/eighteen-season3/강영아.png);
    }
    .project_item_5_img{
        width: 100%;
        height: 408px;
        background-image: url(../img/eighteen-season3/조규환.png);
    }
    .project_item_6_img{
        width: 100%;
        height: 408px;
        background-image: url(../img/eighteen-season3/박강빈.png);
    }
    
    .common_project_support_title{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 58px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 128px;
    }
    
    .common_project_support_title>b{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 58px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .support_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 24px;
    }
    
    .common_project_text_covid{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    
        letter-spacing: 0em;
        text-align: center;
        color: #a5a5a5;
        margin-bottom: 28px;
    }
    
    .support_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 54px;
    }
    
    .support_title{
        position: relative;
    }
    
    .support_title_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }   
    
    .support_title_underbar{
        width: 100%;
        height: 11px;
        background-color: rgba(51, 157, 181, 0.5);
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    
    .support_detail_list{
        display: flex;
        width: 428px;
        justify-content: space-between;
        margin-top: 33px;
    }
    
    .support_detail_item{
        width: 210px;
        height: 210px;
        border-radius: 50%;
        background: #EBF5F8;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .support_detail_item_text{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0em;    
        width: 118px;
        color: #505050;
        text-align: center;
    }
    
    .support_detail_item_1_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 33px;
        margin-bottom: 11px;
    }
    
    .support_detail_item_2_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 33px;
        margin-bottom: 11px;
    }
    
    .support_detail_item_3_img{
        width: 88px;
        height: 88px;
        background-image: url(../img/eighteen-season3/support_img_3.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 41px;
        margin-bottom: 11px;
    }
    
    .support_detail_item_4_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_4.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 33px;
        margin-bottom: 11px;
    }
    
    .support_detail_item_5_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 33px;
        margin-bottom: 11px;
    }
    
    .support_detail_item_6_img{
        width: 96px;
        height: 96px;
        background-image: url(../img/eighteen-season3/support_img_6.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 33px;
        margin-bottom: 11px;
    }
    
    .support_detail_item_footer{
        font-family: Noto Sans KR;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-top: 32px;
    }
    
    .common_project_support_footer_text{   
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        height: 58px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
        margin-bottom: 104px;
    }
    
    .common_project_support_footer_text>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #505050;
    }
    
    .common_footer_footer{
        display: flex;
        width: 100%;
    }
    .common_footer_footer_1{
        width: 50%;
        height: 762px;
        display: flex;
        flex-direction: column;
    }
    
    .common_footer_footer_2{
        width: 50%;
        height: 762px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding:40px 0px 0px 48px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                  url("../img/eighteen-season3/common_footer_img_2.png");
    }
    
    .common_footer_footer_text_title{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: 24px;
        height: 24px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 16px;
        color:#fff;
    }
    
    .common_footer_footer_text_subtitle{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 24px;
        color:#fff;
    }
    
    .common_footer_footer_text_subtitle>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
        letter-spacing: 0em;
        text-align: left;
        color:#fff;
    }
    
    .footer_right_text{
        width: 100%;
    }
    
    .common_footer_footer_1_text{
        background-color: #001630;
        width: 100%;
        padding:56px 72px 88px 72px;
    }
    
    .common_footer_footer_1_img{
        height: 438px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/eighteen-season3/common_footer_img_1.png);
        width: 100%;
    }
    
    .common_title_img{
        width: 100%;
        height: 912px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url(../img/eighteen-season3/common_title_img.png);
    }
    
    .normal_btn_text{
        font-family: Noto Sans KR;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
    }
    
    .project_item_btn_text{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        
    }
    
    .big_btn_text{
        font-family: Noto Sans KR;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
    }
    
    
    
    .common_project_support_thanksfor{
        background-color: #EBF5F8;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    
    .common_project_support_thanksfor_title{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 58px;
        height: 58px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 77px;
        margin-bottom: 64px;
        color:#505050;
    }
    
    .common_project_support_thanksfor_list{
        display: flex;
        width: 1040px;
        justify-content: space-between;
        margin-bottom: 64px;
    
    }
    
    .common_project_support_thanksfor_list_item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .common_project_support_thanksfor_list_item_img1{
        width: 512px;
        height: 288px;
        background-size: cover;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/common_project_support_thanksfor_list_item_img1.png);
    }
    
    .common_project_support_thanksfor_list_item_img2{
        width: 512px;
        height: 288px;
        background-size: cover;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/common_project_support_thanksfor_list_item_img2.png);
    }
    
    .common_project_support_thanksfor_text{
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 58px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 32px;
        color:#505050;
    }
    
    .common_project_support_thanksfor_footer{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
        margin-bottom: 90px;
    }
    
    .common_project_support_thanksfor_footer>b{
        font-family: Noto Sans KR;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color:#505050;
    }
    
    .support_btn{
        width:150px;
        height:150px;
        top:130px;
        left: 70px;
        position: fixed;
        transition: .2s;
        cursor: pointer;
        display: none;
        animation: top 1s ease-in-out;
        z-index: 99;
        background-size: cover;
        background-image: url(../img/eighteen-season3/support_btn.png);
    }
    
    .support_btn:hover{
        box-shadow: 8px 8px 0px rgba(51, 157, 181, 0.5);
    }

    .plus_btn{
        position: absolute;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background-image: url(../img/eighteen-season3/plus_btn.svg);
    }

    .plus1{
        left:8%;   
        bottom: -16px;
    }
    .plus2{
        left:23%;
        bottom: -16px;
    }
    .plus3{
        left:40%;
        bottom: -16px;
    }
    .plus4{
        left:56%;
        bottom: -16px;
    }
    .plus5{
        left:75%;
        bottom: -16px;
    }
    .plus6{
        left:90%;
        bottom: -16px;
    }



    .project_contents_body_obj_fish2{
        position: absolute;
        display: flex;
        width: 214px;
        top: 4000px;
        left: 50%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_fish2{
        width: 97px;
        height: 65px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/obj_fish2.svg);
    }

    .obj_fish2_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 214px;
        height: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        transform: translate(0,5px);
    }

    .project_contents_body_obj_larva{
        position: absolute;
        display: flex;
        width: 214px;
        top: 6200px;
        left: 50%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_larva{
        width: 81px;
        height: 88px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/larva.svg);
    }

    .obj_larva_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 270px;
        height: 57px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
        transform: translate(0,5px);
    }

    .project_contents_body_obj_larva2{
        position: absolute;
        display: flex;
        width: 214px;
        top: 9300px;
        left: 50%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_larva2{
        width: 102px;
        height: 110px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/larva2.svg);
    }

    .obj_larva2_text{
        font-family: 'Gowun Dodum', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        padding: 8px 21px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
    }

    .project_contents_body_obj_scorpion{
        position: absolute;
        display: flex;
        width: 214px;
        top: 12100px;
        left: 50%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_scorpion{
        width: 152px;
        height: 113px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/scorpion.svg);
    }

    .obj_scorpion_text{
        font-family: 'Gowun Dodum', sans-serif;
        width: 254px;
        height: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
    }

    .project_contents_body_obj_oilking{
        position: absolute;
        display: flex;
        width: 214px;
        top: 11300px;
        left: 300px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .obj_oilking{
        width: 355px;
        height: 227px;
        background-size: 100% 100%;
        margin-bottom: 16px;
        background-image: url(../img/eighteen-season3/obj_oilking.svg);
    }

    .obj_oilking_text{
        font-family: 'Gowun Dodum', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 56px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        padding: 8px 20px;
        letter-spacing: 0em;
        text-align: center;
        color:#fff;
        opacity: 0;
        transition: 0.8s;
    }
    
    .common_video{
        position: relative;
        width: 100%;
    }

    .common_video_title{
        font-family: Noto Sans KR;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 72px;
        letter-spacing: 0em;
        text-align: center;
        color: #339db5;
        margin-bottom: 40px;
        margin-top: 56px;
    }
    .common_video_title_phone{
        display: none;
    }

    .common_video_video{
       max-width: 1280px;
       margin:50px auto;
    }

    .common_video_box{
        height: 0;
        padding-top: 56.25%;
        position: relative;
    }

    .common_video_box>iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



}












@keyframes scrollIcon {
    0%{
        transform: translate(0,0px);
    }
    20%{
        transform: translate(0,15px);
    }
    50%{
        transform: translate(0,5px);
    }
    70%{
        transform: translate(0,0px);
    }
    100%{
        transform: translate(0,0px);
    }
    
}

@keyframes main_character_1 {
    0%{
        transform: translate(0,0px);
    }
    20%{
        transform: translate(0,5px);
    }
    60%{
        transform: translate(0,10px);
    }
    80%{
        transform: translate(0,5px);
    }
    100%{
        transform: translate(0,0px);
    }
    
}

@keyframes top {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

    
@keyframes flower1 {
    10%{
        -webkit-transform:scale(0.9,0.9) rotate(-60deg) translate(-120px,100px);
    }
    30%{
        -webkit-transform:scale(1,1) rotate(50deg) translate(10px,300px);
    }
    60%{
        -webkit-transform:scale(0.9,0.9) rotate(-60deg) translate(-200px,500px);
    }
    100%{
        -webkit-transform:scale(1,1) rotate(50deg)  translate(400px,700px);
        opacity: 1;
    }
}

@keyframes wave {
    10%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.2);
    }
}

@keyframes mail_rain {
    10%{
        background-image: url(../img/eighteen-season3/p2.png);
    }
    25%{
        background-image: url(../img/eighteen-season3/p3.png);
    }
    40%{
        background-image: url(../img/eighteen-season3/p4.png);
    }
    55%{
        background-image: url(../img/eighteen-season3/p5.png);
    }
    70%{
        background-image: url(../img/eighteen-season3/p6.png);
    }
    85%{
        background-image: url(../img/eighteen-season3/p7.png);
    }
    100%{
        background-image: url(../img/eighteen-season3/p8.png);
    }
}

@keyframes fadein{
    10%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


@keyframes fadeout {
    0%{
       opacity: 1;
    }
    100%{
        opacity: 0;
    }
    
}