body{
    font-family: 'TungstenCompressed';
    color:#FFF;
    /* background-color: #151516; */
    overflow: hidden;
}
body::-webkit-scrollbar {
    width: 0.1px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-track {
    background-color: transparent;  /* 스크롤바 트랙의 배경색 */
}

body::-webkit-scrollbar-thumb {
    background-color: transparent;  /* 스크롤바 썸의 배경색 */
}
a {
    text-decoration: none;
    color: #fff;
}
#page {
    background-color: #151516;
    width: 200vw;
    height: 100vh;
    overflow:hidden;
    /* white-space:nowrap; */
    display:flex;
    flex-wrap:nowrap;
    opacity: 0;
    /* font-size: 10rem; */
    /* transform: translateX(-50%); */
    position: relative;
}
.pane {
    width: 100vw;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.imgBox {
    width: 55%;
    height: 100%;
    /* transform: translateY(25%); */
    align-items: center;
    display: flex;
}
.imgBox .img1 {
    width: 100%;
    height: 100%;
    /* background-image: url(images/note_01.jpg); */
    align-items: center;
    display: flex;
    background-repeat: no-repeat;
    background-size: 100%;
}
.textBox {
    width: 45%;
    padding-right: 10vw;
    padding-bottom: 3vh;
    text-transform: uppercase;
    font-weight: 800;
}
.title {
    font-size: 10vw;
    line-height: 0.9;
    white-space:nowrap;
    padding-bottom: 3vh;
    
}
.desc {
    word-break: keep-all;
    font-family: 'TheJamsil';
    font-weight: 300;
    padding-bottom: 3vh;
}
.code,
.view {
border: 1px solid #ffffff;
padding: 0px 30px;
transition: all 0.3s;
font-weight: 400;
font-size: 3rem;
color: #fff;
border-radius: 5px;
font-family: 'TungstenCompressed';
/* background-color: #000; */
}
.code {
    margin-right: 15px;
}
.code:hover,
.view:hover {
background-color: #fff;
color: #000;
border: 1px solid #fff;
}
.btn {
    width: 100%;
    height: 100%;
    position: fixed;
}
.nextBtn {
    width: 1.5vw;
    height:100px;
    background-image: url("../../images/arrowRight.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    color: #fff;
    /* background-color: #fff; */
    position: absolute;
    right: 1vw;
    top: 50%;
    cursor: pointer;
    z-index: 2;
}
.prevBtn {
    width: 1.5vw;
    height:100px;
    background-image: url("../../images/arrowLeft.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    left: 1vw;
    top: 50%;
    cursor: pointer;
    z-index: 2;
}