html, body{
    width: 100%;
    height: 100%;
    margin:0;
}
.line
{
    height: 40px;
    margin-bottom: 10px;
    border-bottom:1px solid rgb(223, 220, 220);
}

.rline
{
    height: 30px;
    margin-bottom: 10px;
    border-bottom:1px solid rgb(223, 220, 220);
}
#link
{
    position: relative;
    top:0.8%;
    left: 85%;
    font-size: x-small;
    font-weight: bold;
    font-family: "나눔고딕";
    text-decoration-line: none;
    color: inherit;
}
#notice
{
    font-family: "나눔고딕";
    text-decoration-line: none;
    color: inherit;
}
#logo
{
    position: relative;
    top:1%
}
#div1
{
    position: relative;
    width: 100%;
    height: 45%;
    top:5%;
    background-color: skyblue;
}
#div2
{
    position: relative;
    width: 500px;
    height: 450px;
    top:3%;
    float:left;
    left:20%;
    box-shadow: 1px 1px 1px rgb(209, 207, 207); 
    background-color: white;
}
#div3
{
    position: relative;
    width: 500px;
    height: 450px;
    float:left;
    top:3%;
    left:26%;
    box-shadow: 1px 1px 1px rgb(209, 207, 207); 
    background-color: white;
}
#table
{
    position:relative;
    vertical-align: middle;
    width:100%;

}
#ranktd
{
    text-align: center;
}
#btn1
{   
    position: relative;
    top: 23%;
    left: 30%;
    padding: 0;
    border: none;
    background: none;
}
#btn2
{    
    position: relative;
    top: 23%;
    left: 50%;
    padding: 0;
    border: none;
    background: none;
}
#test
{
    font-size:x-large;
    color:rgb(0, 60, 150);
    font-weight: bold;
}
#search
{
    font-size:x-large;
    color:rgb(155, 22, 5);
    font-weight: bold;
}