body{
    background: black;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    color: #dfe1e2;
    cursor: url(../src/img/0_cursor/cursor_normal_w.png), default;
}
a:hover { 
    color: black; 
    text-decoration: outline;
        -webkit-text-stroke: 0.5px white;
    cursor: url(../src/img/0_cursor/cursor_up_w.png), default;
}
::selection {
    color: #dfe1e2; 
    background: none;
}
video { 
    width: 100%;
    position: fixed;
}
#up_link_intro:hover{
    text-decoration: outline;
        -webkit-text-stroke: 0px white;
}
.temp_bg {
    width: fit-content;
    height: fit-content;
    position: relative;
}
.tooltip {
    position: relative;
}
.tooltip span {
    display: none;
}
.temp_bg_tooltip{
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translate(-30px,-30px);
    z-index: 10;
}
.temp_tag{
    width: 50px;
    height: 50px;
    background: red;
    z-index: 100;
}
.mid_container{
    position: fixed;
    top: 0;
}
.cement_bg{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top:0;
    object-fit: cover;
    overflow: hidden;
}
.cement_bg_mobile{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top:0;
    object-fit: cover;
    overflow: hidden;
    display: none;
}
.scene {
  background: black;
  transform: scale(1.1, 1.1) translate(-11vw, -11vh) !important;
}

.layer {
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.layer1 {

}
.layer2 {
    opacity: 0.5;
    mix-blend-mode: screen;
}

.layer3 {
    opacity: 0.5;
    mix-blend-mode: multiply;
}
.layer4 {
    opacity: 0.3;
}
.cement_bg_img{
    width: 120%;
    height: 120%;
}
.cement_bg_img_mobile{
    display: none;
}
.fluid_container{
    width: 100%;
    height: 100%;
    margin-left: 0;
    overflow: hidden;
    top: 0;
    position: fixed;
/*    border: 1.5px solid rgb(78,78,78);
*/  
}
#pf_canvas{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}


.cement_title_container{
    width: 100%;
    height: 80%;
    position: relative;
}
.cement_title{
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    font-family: title_D;
}

h1{
    font-size: 26vw;
    margin: 0;
    font-family: title_D;
    font-variation-settings: 'wdth' 100, 'wght' 250;
    font-weight: normal;
    transform: translateY(-10.15vw);
    text-align: center;
}

.titleText_container{
    width: 99vw;
    margin-left: 0vw;
    margin-right: 0vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    display: inline-flex;
    position: relative;
    top: 3.5vw;
}
.text_container{
    width: 49.4vw;
    margin-top: 0vh;
    margin-right: 0;
    margin-left: 0.1vw;
    padding-right: 0vw;
}


.info_btn_container{
    width: 5vw;
    height: 5vw;
    position: fixed;
    bottom: 4vw;
    background: #dfe1e2;
    color: #121212;
    right: 2vw;
    border-radius: 50%;
    z-index: 100;
    animation: roundflow 5s linear infinite;
    cursor: url(../src/img/0_cursor/cursor_up_b.png), default;
}
@keyframes roundflow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.info_btn_container:hover{
    cursor: url(../src/img/0_cursor/cursor_up_b.png), default;
}
.info_btn_contents{
    width: 100%;
    height: 100%;
}

.info_btn{
    font-size: 16px;
    text-align: center;
    transform: translateY(-1.35vw);
}
.path_svg{
    transform: translate(-1.75%, 34%);
}
#curve{
    fill: transparent;
    stroke: transparent;
}
.info_btn_txt{
    font-family: Eng_Main_R;
    letter-spacing: -0.75px;
}
.contact{
    display: none;
}

.text_container_R{
    width: 40vw;
    margin-left: 0.01vw;
    display: none;
}
.text_container_RR{
    width: 48.25vw;
    margin-left: 0.1vw;
    display: none;
}
.text_contents{
    font-family: Eng_Main_R;
    font-size: 1.75vw;
    line-height: 120%;
    word-break: keep-all;
    margin: 0;
    padding: 0;
    z-index: 1;
}

.koR_intro{
    font-family: 'korB';
    font-variation-settings: 'wght' 500;
    font-size: 1.55vw;
    line-height: 140%;
    padding-right: -2px;
    width: initial;
    display: inline-block;
    letter-spacing: 0.5px;
    display: none;
}
.drag_container{
    width: 98vw;
    margin-left: 1vw;
    height: 10.5vw;
    position: fixed;
    bottom: 20px;
}
.lang_btn{
    display: inline-block;
    border: 0.15vw solid;
    border-radius: 50px;
    padding: 0.05vw 0.5vw 0.05vw 0.5vw;
    font-size: 1.05vw;
    height: 1.25vw;
    transform: translateY(18%);
}
.lang_btn:hover{
    background: #dfe1e2;
    color: black;
}
.lang_btn_text{
    transform: translateY(-22%);
    font-family: 'Eng_Main_M'
}
.en_btn{
    transform: translateY(21%) !important;
}
.en_btn_text{
    transform: translateY(-23%);
}
.intro_btn{
    width: fit-content;
}
.intro_btn:hover{
    text-decoration: underline;
    cursor: url(../src/img/0_cursor/cursor_up_w.png), default;

}
.drag_contents{
    float: left;
    position: relative;
    width: 6.5vw;
    height: 8.4vw;
    z-index: 100;
    mix-blend-mode: difference;
}
.drag_con_A{
    width: 45vw;
}
.drag_con_B{
    width: 52.3vw;
    margin-left: 47.7vw;
}
.l_S{
    width: 6.5vw;
}
.l_T{
    width: 4.6vw;
    height: 10.9vw;
    transform: translateY(-22%);
    margin-left: 0.8vw;
}
.l_U{
    width: 6.5vw;
    margin-left: 1.25vw;
}
.l_D{
    width: 7.4vw;
    height: 12.35vw;
    transform: translateY(-28.5%);
    margin-left: 1.4vw;
}
.l_I{
    width: 1.35vw;
    height: 12.35vw;
    transform: translateY(-29.3%);
    margin-left: 2.4vw;
}
.l_O{
    width: 7.5vw;
    height: 8.35vw;
    margin-left: 1.75vw;
}
.l_C{
    width: 7.4vw;
}
.l_E{
    width: 7.3vw;
    margin-left: 1.1vw;
}
.l_M{
    width: 11.2vw;
    transform: translateY(-1%);
    margin-left: 1.65vw;
}
.l_E_2{
    margin-left: 1.5vw;
}
.l_N{
    width: 6.6vw;
    transform: translateY(-1%);
    margin-left: 1.5vw;
}
.l_T_2{
    margin-left: 1vw;
}

.l_dot{
    width: 1.7vw;
    height: 2.4vw;
    transform: translateY(236%);
    margin-left: 2vw;
}
.title_svg{
/*    transform: translateY(3%);*/
    height: 100%;
}
.title_t_svg{
}
.title_di_svg{
}

.bottom_container{
    background-color: black;
    color: #dfe1e2;
    border-top: 2px solid;
}
.bottom_container:hover{
    background-color: black;
    color: #dfe1e2;

}
.bottom_contents{
    width: 100%;
    height: 100%;
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 700px){ 
    .up_container {
        height: 9vh;
        padding-top: 0;
        top: 0.5vw;
    }
/*    .fluid_container{
        width: 90%;
        height: 88%;
        margin-top: 4%;
        margin-left: 5%;
    }*/
    .titleText_container{
        width: 98vw;
        height: 0;
        margin-left: 0.5vw;
        margin-right: 0.5vw;
        display: block;
        top: 16.5vw;
    } 
    .text_container{
        width: 82vw;
        height: initial;
        margin-left: 4.8vw;
        margin-right: 16vw;
        margin-top: 2vw;
        top: 33vw;
        column-count: 1;
    }
    .text_contents{
        font-size: 5vw;
        line-height: 115%;
    }
    .intro_btn{
        width: 30%;
        margin-left: 35%;
        display: inherit;
        line-height: 120%;
    }
    .text_container_R{
        height: initial;
        position: absolute;
        width: 90vw;
        margin-left: 1.5vw;
        top: -1vw;
    }
    .text_container_RR{
        height: initial;
        position: fixed;
        margin-top: 0;
        margin-left: 1.5vw;
        top: 18vw;
    }
    .koR_intro{
        font-size: 4.4vw;
        line-height: 140%;
        padding-right: -2px;
        width: initial;
        display: none;
    }
    .lang_btn {
        display: inline-flex;
        border: 5px solid;
        padding: 1px 10px 1px 10px;
        font-size: 3.5vw;
        height: 4.25vw;
        width: 9vw;
        transform: translateY(13%);
    }
    .en_btn{
        transform: translateY(20%);
    }
    .lang_btn_text {
        transform: translateY(-19%) translateX(12%);
    }
    .en_btn_text {
        transform: translateY(-26%) translateX(12%);
    }
    .drag_container{
        border-top: none;
        background: none;
        width: 96.5vw;
        height: 8vh;
        bottom: 10vw;
        margin-left: 3.25vw;

    }
    .drag_contents{
        float: left;
        position: relative;
        width: 15vw;
        height: 15vw;
        z-index: 100;
    }
    .drag_con_A{
       display: none;
    }
    .drag_con_B{
    }
    h1{
      font-size: 26vw;
      margin: 0;
      font-weight: normal;
      transform: translateY(-10vw);
      text-align: center;
    }
    .l_C{
        width: 14vw;
        height: 15vw;
    }
    .l_E{
        width: 14vw;
        height: 15vw;
        margin-left: 2vw;
    }
    .l_M{
        width: 19.5vw;
        height: 14.5vw;
        transform: translateY(-0.5%);
        margin-left: 2vw;
    }
    .l_E_2{
        margin-left: 2.75vw;
    }
    .l_N{
        width: 11.8vw;
        height: 15vw;
        transform: translateY(-1%);
        margin-left: 2vw;
    }
    .l_T_2{
        width: 9vw;
        height: 20vw;
        margin-left: 2vw;
    }

    .l_dot{
        display: none;
    }
    .cement_bg{
        display: none;
    }
    .cement_bg_mobile{
        display: block;
        height: 97vh;
    }
    .scene {
        transform: scale(1.2, 1) translate(-12.5vw, -18vh) !important;
    }

    .layer {
        width: 100vw;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .en_glyph{
        display: none;
    }

    .info_btn_container{
        width: 20vw;
        height: 20vw;
        position: fixed;
        background: #dfe1e2;
        color: #121212;
        right: 40vw;
        border-radius: 50%;
        z-index: 200;
    }
    .info_btn_contents{
        width: 100%;
        height: 100%;

    }
    .info_btn{
        font-size: 5vw;
        text-align: center;
        transform: translate(-23%, -6%);
        display: block;
    }
    .path_svg{
        transform: translate(-1%,0);
    }
    .info_btn_txt {
        font-size: 2.1vw;
        font-family: 'Eng_Main_M';
    }

}

.display_con{
    display: block;
}
.display_none{
    display: none;
}