@font-face {
    font-family: 'AppleSDGothicNeoEB';
    src: url('../font/AppleSDGothicNeoEB.ttf') format('truetype');
}

@font-face {
    font-family: 'AppleSDGothicNeoL';
    src: url('../font/AppleSDGothicNeoL.ttf') format('truetype');
}


@font-face {
    font-family: 'NotoSansKR-Light';
    src: url('../font/NotoSansKR-Light.otf') format('truetype');
}


body {
    width: 100vw;
    height: 120vh;
    margin: 0;
    background: linear-gradient(#000000, #2d2d2d);
}



/* ====================
    Background
=======================*/

.all {

}

.bbackground {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}



.bbackground p {
    z-index: 999;
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: AppleSDGothicNeoEB;
    font-weight: 900;
    font-size: 70px;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
    display: inline;
}

.bbackground img {
    opacity: 15%;
    width: 150%;

}

.bbackground div {
    display: inline;
}

.bbackground div > p {
    z-index: 990;
    font-size: 22px;
    margin: 0;
    text-align: center;
    width: 1000px;
    font-family: "AppleSDGothicNeoB";
    font-weight: 300;
    position: absolute;
    margin-top: 80px;
    transform: translateX(-50%);
    display: inline;


}

.iimm {
    z-index: 991;
    text-align: center;
    width: 100vw;
    margin-bottom: 50px;

}



.footer {
    font-family: NotoSansKR-Light;
    font-size: 0.75em;
    margin-bottom: 20px;
    position: relative;
    bottom: 50px;
    color: #fff;
}

.footer > p {
    color: #ccc;
    text-align: center;
    z-index: 999;
}

@media screen and (max-width: 1000px) {

.bbackground p {
    z-index: 999;
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: AppleSDGothicNeoEB;
    font-weight: 900;
    font-size: 30px;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
    display: inline;
}

.bbackground img {
    opacity: 90%;
    width: 100%;

}

.bbackground div {
    display: inline;
}

.bbackground div > p {
    z-index: 990;
    font-size: 12px;
    margin: 0;
    text-align: center;
    width: 1000px;
    font-family: "AppleSDGothicNeoB";
    font-weight: 300;
    position: absolute;
    margin-top: 40px;
    transform: translateX(-50%);
    display: inline;


}

.iimm {
    z-index: 991;
    text-align: center;
    width: 100vw;
    margin-bottom: 50px;

}


}