#preloader_inner {
    width: 50%;
    top: 0;
    transform: translateY(20%);
    position: fixed;
    margin-left: 25%;
}
.intro_height_A{
    height: 28vw;
}
.intro_height_B{
    height: 75vw;
}
.intro_height_C{
    height: 44vw;
}
.intro_bg_container{
    width: 38vw;
    position: fixed;
    bottom: 4vh;
}
.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;
}
.display_con{
    display: block;
}
.display_none{
    display: none;
}

@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;
    }
    .intro_bg_container {
        width: 88vw;
        position: fixed;
        bottom: 4vh;
        margin-left: 3vw;
    }
    .intro_height_A{
        height: 70vw;
    }
    .intro_height_B{
        height: 144vw;
    }
    .intro_height_C{
        height: 78vw;
    }
    .intro_height_mod{
        height: 120vw;
    }
}