#preloader_inner {
    width: 50%;
    top: 0;
    transform: translateY(20%);
    position: fixed;
    margin-left: 25%;
}
.intro_bg_container{
    width: 38vw;
    position: fixed;
    bottom: -12vh;
}
.intro_bg{
    width: 100%;
}
.lang_btn:hover{
    background: rgb(0, 255, 80);
    color: rgb(255, 255, 255);
}
.des_txt_introduction_KR{
    letter-spacing: 0;
    display: none;
}
.sub_des_bottom{
    height: 32vw;
}
.info_btn_container{
    display: block;
}
.main_height_C{
    height: 45vw;
}
.M_des_contents_mod{
    height: 14vw;
}
.main_height_mod{
    height: 38vw;
}
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 700px){
    #preloader_inner {
        width: 80%;
        top: 20%;
        transform: translateY(20%);
        position: fixed;
        margin-left: 10%;
    }
    .main_contents {
        padding-top: 18vw;
    }
    .main_height_C {
        height: 94vw;
    }
    .M_des_contents {
        width: 100%;
        height: 22vw;
        position: relative;
        padding-top: 2vw;
    }
    .M_des_contents_ship{
        height: 34vw;
    }
    .M_des_contents_mod{
        height: 25vw;
    }
    .main_height_mod{
        height: 75vw;
    }
    .intro_bg_container {
        width: 88vw;
        position: fixed;
        bottom: 2vh;
        margin-left: 3vw;
    }
}