@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{margin: 0; padding: 0;}
html, body{
    font-family: "Nanum Gothic", sans-serif;
    font-size:62.5%;
}
.wrap{
    width:1000px;
    margin:0 auto;
}

.logo{
    height:46px;
}
.logo img{
    height:100%;
}
section{
    width:1000px;
    height:360px;
    padding:50px 0;
}
section h1{
    font-size:28px;
    padding-bottom:10px;
    border-bottom:1px solid #d1d1d1;
    margin-top:0rem;
    color:#666;
}
.login-box{
    float:left;
    width:490px;
}
.login-box form{
    margin-top:3.5rem;
    position:relative;
}
.input-box{
    width:350px;
    height:40px;
    margin-bottom:15px;
}
.input-box p{
    float:left;
    font-size:1.6rem;
    color:#999;
    width:90px;
    margin-top:1.0rem;
}
input[type=text], input[type=password]{
    float:left;
    height:40px;
    width:250px;
}
input[type=submit]{
    position:absolute;
    right:0;
    top:0;
    width:135px;
    height:99px;
    border:none;
    background-color:#0b70c7;
    color:#fff;
    font-size:2.0rem;
    font-weight:bold;
}
input[type=checkbox]{
    margin-left:90px;
}
.login-box span{
    font-size:1.4rem;
    color:#999;
}
.banner{
    float:right;
}
footer{
    position:relative;
    clear:both;
    width:920px;
    height:70px;
    padding:15px 40px;
    background-color:#f1f1f1;
    border:1px solid #999;
}
.footer-logo{
    position:absolute;
    top:50%;
    margin-top:-15px;
    width:100px;
}
.footer-logo img{
    width:100%;
}
.footer-text{
    position:absolute;
    left:220px;
}
.footer-text span{
    font-size:1.1rem;
    line-height:1.8rem;
    color:#666;
}