@import url(/include/css/webfont/google/roboto.css);

body {

}

#loginWrap {
    width: 962px;
    height: 550px;
    margin: 0px auto;
    margin-top: 100px;
    padding: 0px;
}

#loginWrap a:link {
    font-size: inherit;
    font-family: inherit;
}

#loginWrap a:hover {
    font-size: inherit;
    font-family: inherit;
}

#loginWrap img {
    vertical-align: top;
}

#loginTopWrap {
    height: 312px;
}

#loginLeftWrap {
    width: 402px;
    margin: 0px auto;
    margin-left: 78px;
    display: inline-block;
    float: left;
    max-height: 312px;
}

#loginRightWrap {
    width: 396px;
    height: 312px;
    background-color: green;
    margin: 0px auto;
    margin-left: 8px;
    display: inline-block;
    float: left;
    border: solid 1px #d8d8d8;
    background-color: #f0f0f0;
}

#loginRightWrap div {
    margin: 0px auto;
    width: 380px;
}

#loginBottomWrap {
    width: 962px;
    height: 93px;
    margin: 0px auto;
    margin-top: 20px;
    text-align: center;
}

#loginTblWrap {
    position: absolute;
    height: 158px;
    top: 23px;
    left: 17px;
}

#loginContents {
    height: 158px;
    position: relative;
}

#tblLogin {
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}

#tblLogin input[type="checkbox"] {
    vertical-align: bottom;
}

.loginContentsTd {
    text-align: left;
    vertical-align: middle;
    color: #828081;
    width: 60px;
    height: 26px;
}

.loginContentsTd span {
    margin-top: 10px;
    display: inline-block;
}

#loginBottom {
    position: relative;
}

#loginBottom #joinBtnWrap {
    position: absolute;
    top: 9px;
    left: 100px;
}

.loginTxt {
    text-align: right;
    height: 26px;
}

.loginTxt input {
    margin-top: 5px;
}

#loginWrap *.nanumbarun {
    font-family: 'Nanum Barun Gothic';
}

#loginLeftWrap .login_text_bar {
    width: 250px;
    border: solid 1px #d0d0d0;
    padding: 0px;
    height: 28px;
}

#loginLeftWrap .login_btn {
    display: inline-block;
    width: 151px;
    height: 37px;
    line-height: 40px;
    margin: 11px 0px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.naver_login_btn {
    margin-left: 5px;
    background-color: #1EC800;
    background-image: url('/include/image/naver/ico_naver_20.png');
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 10px;
}

#loginLeftWrap .join_btn {
    display: inline-block;
    width: 151px;
    height: 41px;
    line-height: 42px;
    margin: 7px 0px;
    color: #fff;
    font-size: 15px;
}

#loginLeftWrap .sub_contents {
    display: inline-block;
    width: 155px;
    text-align: left;
    font-size: 11px;
}

.sub_contents a:hover {
    text-decoration: underline;
}