/*
  fb.html stylesheet
  2017-01-20
  kidkkr
*/
body {
    padding: 0;
    margin: 0;
}

#header, #content, #footer {
    /* 가로폭 설정 */
    width: auto;
    padding-left: 120px;
    padding-right: 120px;
}

#header {
    height: 80px;

    background-color: #3b5998;
    background-image: linear-gradient(#4e69a2, #3b5998 50%);
}

#header #logo {
    width: 55%;
    height: 100%;
    float: left;
}

#header #logo img {
    width: 170px;
    margin-top: 30px;
}

#header #login {
    font-size: 0.7em;
    width: 45%;
    height: 100%;
    float: right;
    padding-top: 30px;
    color: lightgrey;
}

#header #login #id, #password {
    float: left;
}

#header #login #id {
    width: 40%;
}

#header #login #password {
    width: 60%;
}

#header #login label {
    color: white;
}

#header #login_msg {
    color: #90B0D5;
}

#content {
    height: 650px;
    background-color: lightgrey;
    background-image: linear-gradient(#FFFFFF, #D4D9E8 90%);
}

#content #msg {
    width: 55%;
    height: 100%;
    float: left;
    color: #11395E;
}
#content #msg img {
    width: 100%;
}

#content #apply_form {
    width: 45%;
    height: 100%;
    float: left;
}

#apply_form div {
    width: 365px;
}

#apply_form input, #apply_form h3 {
    margin: 4px;
}

#apply_form input{
    font-size: 1.3em;
    height: 2em;
    padding-left: 0.5em;
    border-radius: 5px;
    border: 1px solid #BDC7D7;

}
#apply_form #last_name {
    width: 120px;
}
#apply_form #first_name {
    width: 200px;
}
#apply_form #address, #apply_form #address_rep, #apply_form #password {
    width: 342px;
}

#apply_form #date {
    width: 180px;
    height: 4em;
    float: left;
}

#apply_form #date_msg {
    width: 180px;
    float: left;
    height: 4em;
}

#apply_form #date input {
    width: 160px;
}

#apply_form #date_msg p{
    font-size: 0.8em;
    color: #3861A2;
}

#apply_form #gender input {
    font-size: 0.5em;
}

#apply_form #gender {
    font-size: 1.2em;
}

#apply_form #privacy {
    font-size: 0.8em;
    color: grey;
}

#apply_form #submit {
    width: 230px;
    text-align: center;
    height: 30px;
    border-radius: 4px;
    padding: 0;

    color: #FFFFFF;

    background-image: linear-gradient(#67A957, #598847 100%);
    border-color: #3D6D27;
}


#footer {

}

#footer hr {
    border: 1px solid lightgrey;
}

#footer #copyright {
    color: #727272;
    font-size: 0.7em;
    font-weight: bold;
}

#button_login {
    background-color: #4469B0;
    color: #FDFDFE;
    border-radius: 3px;
    border: 0px;
}