@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body {
    font-family: "Noto Sans KR", sans-serif !important;
}

@supports (position: sticky) {
    div#topbar {
        position: sticky;
    }
}

@supports (position: -webkit-sticky) {
    div#topbar {
        position: -webkit-sticky; /* 사파리 브라우저 지원 */
    }

}

html, body {margin: 0; padding: 0px; max-height: 100%; width:100%; background-color: black;}
div#topbar {width: 100%; z-index:994; position: sticky; top:-1px;
    text-align:center; padding-top: 1%; padding-bottom: 1%; display: flex; display:-webkit-flex; background-color:#265776;}
#compnaylogo {width: 25%; padding-left: 2%; float:left; overflow: hidden; text-align: left;}

#banner {width:100%; max-width: 1280px; margin:auto; height: auto;}
#banner img {max-width: 100%;}

#wrap {max-width: 1280px; margin:auto; width:80%; position:relative; cursor:default; z-index:100; text-align:center; font-size: 36px; background-color: black;}
.gameboard {width: auto;  padding-bottom: 0em;}
.title {text-align: left; padding-top: 0em; padding-bottom: 0.1em; padding-left: 2.5%; font-size: 1em; font-weight: 900; margin-block-start: 0em; margin-block-end: 0em;}
.infinity {width:100%}
.btnsection {width:52%; height: 100px; position: absolute; padding-left: 48%; margin-top: -3.3em;}
.projectCD{width: 100%; position: absolute; margin-top:0.5%;}
.projectimages {height: 5.47em;}

.about {width: auto; padding-bottom: 0em; text-align: center;}
.about .text {padding-left: 1%; padding-bottom: 1%; text-align:center; padding-left: 10px; font-size: 0.55em; font-weight: 900; margin-block-end: 2.24%; line-height: 3.92%;}
.about img {width: 37.5%;}

.contact {width: auto;  padding-bottom: 0em;}
.contact .information {text-align: left; padding-left: 1%; padding-left: 2.5%;} /*-12px*/
.contact .information table{border-spacing: 0.1em 0.3em;}
.contact .information tbody{line-height: 0.25em;}
.contact .information .text{font-size: 0.5em; padding-top: 0.25em;}


#bottombar {width: 100%; padding-top: 0em; height: 1.3em; padding-bottom: 0em; 
    background-color: #265776; margin-block-start: 1.33em; text-align: left; font-size: 36px;}
.lanuagebtn{padding-left: 5%;  font-size: 0.4em;}
.copyright{color: white; font-size: 0.4em; text-align: center;}

.backgoundpadding {padding-top: 1.3em;}
.backgroundColor {background-color: #212020;}
.textColor{color: white; text-decoration: none;}
.textBold {font-weight: bold;} 

@media (min-width:1280px) 
{
    div#topbar {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width:721px) 
{
    div#topbar {
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }
    #compnaylogo {
        width: 170px;
    }
}