@charset "utf-8";

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleL.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleL.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleL.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleM.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleM.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleB.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleB.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleB.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'netmarbleB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleB.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body, html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e4b0a0;
    font-family:'netmarbleB';
}
canvas {
    display: block;
}


.global-loading{

    display:none;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    justify-content:center;
    align-items:center;
    z-index:2222;
    flex-direction:column;
}

.global-loading:before{

    content:"";
    display:block;
    width:76px;
    height:68px;
    /* position:absolute; */
    background:url('/public/growth/common/char_ico.png');
    background-size:100%;
    animation:rolling 3s infinite linear;


}

.global-loading:after{
    margin-top:15px;
    content:"Loading..";
    font-weight:600;
    color:white;


}

@keyframes rolling{
    0%, 50%{
        transform:rotate(0)
    }

    62.5%{
        transform:rotate(360deg)
    }

    75%, 100%{
        transform:rotate(0)
    }

}


#search_area{
    display:none;
    position:absolute;
    z-index:111;
    transform-origin: 50% 0% ;
}

#search_area input{
    outline:none;
    height:86px;
    line-height:86px;
    width:664px;
    font-size:45px;
    color:#666666;
    padding:0 200px 0 88px;
    box-sizing:border-box;
    font-family:"netmarbleB";
    font-weight:bold;
    border-radius:15px;
    border:0px;
    background:#fff url('../images/icon/ico-search.png') 26px center no-repeat;
}

#search_area button{
    box-shadow:none;
    outline:none;
    appearance: none;
    -webkit-appearance:none;
    cursor:pointer;
    width:180px;
    height:86px;
    background:#333333;
    color:white;border-radius:15px;
    border:0px;
    font-size:45px;
    font-family:'netmarbleB';
    font-weight:bold;
    position:absolute;
    right:0;
    top:0;

}




#friend_area{
    display:none;
    position:absolute;
    z-index:111;
    transform-origin: 50% 0% ;
}

#friend_area input{
    outline:none;
    height:120px;
    line-height:120px;
    width:636px;
    font-size:50px;
    color:#b5b5b5;
    padding:0 30px;
    box-sizing:border-box;
    font-family:"netmarbleB";
    text-align:center;
    font-weight:bold;
    border-radius:15px;
    border:5px solid #d1d1d1;
    background:#fff;
}



#ad-container{

    position:fixed;
    bottom:0;
    height:0;

}

#div-1{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:100%;
    width:100%;
}