@import url("contents.css");

#wrap { width: 100%; height: 100%; position: fixed; background: url(../images/loginBg.png); }

.loginArea { width: 367px; height: 415px; position: absolute; top: 0; margin-top: auto; bottom: 0; margin-bottom: auto; left: 0; margin-left: auto; right: 0; margin-right: auto; }

.loginArea > img { width: 367px; margin: 0 auto; margin: 0 0 5px 0px; }

.loginArea .loginInnerArea { width: 367px; height: 336px; background: #fff; border-top: 2px solid #1b97d3; position: relative; }

.loginArea .loginTit { text-align: center; margin-top: 70px; }

.loginArea .loginTit dt { font-size: 30px; font-family: 'NanumGothicBold'; }

.loginArea .iLogin .iLoginUser, .loginArea .iLogin .iLoginPass { width: 339px; height: 40px; border: 0; border-bottom: 1px solid #cccccc; position: absolute; left: 0; margin-left: auto; right: 0; margin-right: auto; padding-left: 34px; color: #666; }

.loginArea .iLogin .iLoginUser:focus, .loginArea .iLogin .iLoginPass:focus { border-bottom: 1px solid #4faadc; }

.loginArea .iLogin .iLoginUser { top: 180px; background: #fff url(../images/loginId_off.png) no-repeat 8px center; }

.loginArea .iLogin .iLoginUser:focus { background: #fff url(../images/loginId_on.png) no-repeat 8px center; }

.loginArea .iLogin .iLoginPass { top: 228px; background: #fff url(../images/loginPass_off.png) no-repeat 8px center; }

.loginArea .iLogin .iLoginPass:focus { background: #fff url(../images/loginPass_on.png) no-repeat 8px center; }

.loginArea .iLogin .iLoginBtn { width: 100%; height: 42px; background: #1b97d3; font-size: 13px; position: absolute; bottom: 0; left: 0; border-radius: 0; }

.loginArea .iLogin .iLoginBtn:hover { background: #1886bc; }

.loginArea .loginFooter { color: #fff; text-align: center; font-size: 11px; margin-top: 7px; }

.hfCir { width: 91px; height: 46px; background: #1b97d3; border-radius: 0 0 100px 100px; position: absolute; left: 0; margin-left: auto; right: 0; margin-right: auto; }

.hfCir img { position: absolute; top: 0; margin-top: auto; bottom: 0; margin-bottom: auto; left: 0; margin-left: auto; right: 0; margin-right: auto; }

body {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 100%;
    vertical-align: baseline;
}

input[type="text"], input[type="password"] {
	min-width: 50px;
    height: 26px;
    border-radius: 2.5px;
    outline: 0;
    border: 1px solid #ddd;
    text-indent: 5px;
    transition-duration: 0.5s;
    box-sizing: border-box;
    font-size: 12px;
    color: #333;
    display: inline-block;
    margin-right: 5px;
}

input[type="submit"], input[type="button"], button {
    min-width: 58px;
    border-radius: 2.5px;
    height: 26px;
    outline: 0;
    border: 0;
    color: #fff;
    background: #1b97d3;
    padding: 0 10px 0 10px;
    font-size: 12px;
    transition-duration: 0.5s;
    cursor: pointer;
    font-family: 'NanumGothic';
}

p, dt, dl, figcaption {
    margin-bottom: 3px;
    line-height: 1.5em;
}