@charset "UTF-8";
@import url("/styles/common.css");

html {
    overflow: hidden;
}

body {
    margin: 0;
    padding: 0;
}

.image {
    vertical-align: middle;
}

.login {
    position: absolute;
    width: 556px;
    height: 340px;
    margin: -170px 0 0 -278px;
    top: 45%;
    left: 50%;
}

.login .title {
}

.login .form {
    width: 555px;
    height: 323px;
    padding-top: 7px;
    padding-left: 7px;
    background: url(/images/login/form.gif) no-repeat top left;
}

.login .form .movie {
    width: 541px;
    height: 263px;
}

.login .form .input {
    height: 10px;
    padding-top: 9px;
    padding-right: 25px;
    text-align: right;
}

.login .form .checkbox {
    padding-left: 7px;
    vertical-align: middle;
}

.login .form .text {
    width: 88px;
    font: 9pt 돋움;
    color: #7b7b7b;
    border: 1px solid;
}

.login .footer {
    padding-top: 40px;
}

.login .footer .copyright {
    padding-left: 150px;
}

.login .footer .find {
    padding-left: 240px;
}

.login .footer .find a {
    display: block;
    width: 104px;
    height: 14px;
}

.login .footer .find .link {
    background: url(/images/login/idsearch_off.gif) no-repeat top left;
}

.login .footer .find .link:hover {
    background: url(/images/login/idsearch_on.gif) no-repeat top left;
}

.find {
    width: 360px;
    height: 290px;
}

.find .title {
    height: 50px;
    background: url(/images/login/popup_titlebg.gif) top left;
}

.find .form {
    height: 170px;
    padding-top: 30px;
    text-align: center;
}

.find .form .input {
    height: 65px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.find .form .input .left {
    padding-left: 88px;
    width: 80px;
    height: 50px;
    float: left;
    text-align: left;
}

.find .form .input .right {
    width: 100px;
    height: 50px;
    float: left;
    text-align: right;
}

.find .form .input .box {
    padding-top: 3px;
    padding-bottom: 3px;
}

.find .form .text {
    width: 100px;
    font: 9pt 돋움;
    color: #7b7b7b;
    border: 1px solid;
}

.find .form .button {
    padding-top: 10px;
}

.find .footer {
    height: 34px;
    text-align: right;
    background: url(/images/login/popup_downbg.gif) top left;
}

.find .footer .close {
    padding-top: 10px;
    padding-right: 15px;
}

.change {
    position: absolute;
    width: 540px;
    height: 380px;
    margin: -190px 0 0 -270px;
    top: 45%;
    left: 50%;
}

.change .title {
    height: 50px;
    background: url(/images/login/popup_titlebg.gif) top left;
}

.change .form {
    height: 280px;
    padding-top: 10px;
    text-align: center;
}

.change .form .input {
    height: 65px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.change .form .input .left {
    padding-left: 173px;
    width: 90px;
    height: 50px;
    float: left;
    text-align: left;
}

.change .form .input .right {
    width: 100px;
    height: 50px;
    float: left;
    text-align: right;
}

.change .form .input .box {
    padding-top: 2px;
    padding-bottom: 2px;
}

.change .form .input .textbox {
    padding-top: 3px;
    padding-bottom: 3px;
}

.change .form .rule {
    padding-top: 10px;
    padding-bottom: 10px;
}

.change .form .rule ul {
    text-align: left;
}

.change .form .text {
    width: 100px;
    font: 9pt 돋움;
    color: #7b7b7b;
    border: 1px solid;
}

.change .form .button {
    padding-top: 10px;
}

.change .footer {
    height: 34px;
    text-align: right;
    background: url(/images/login/popup_downbg.gif) top left;
}