@charset "utf-8";
@import url("clearSetting.css");

/* layout */
body {background:url('../images/login/login_bg.jpg') repeat-x #2e4796;}
#top {height:256px; background:url('../images/login/login_bg_top.jpg') no-repeat center top;}
.ribbon {position:absolute; z-index:1; top:0; right:0;}
h1 {padding-top:117px; text-align:center;}
.subtitle {padding-top:5px; text-align:center;}

#box {height:300px; padding-top:130px; background:url('../images/login/login_bg_box.jpg') no-repeat center top;}
.hiddenObj{visibility:hidden; overflow:hidden; position:absolute; left:-10000px; width:0; height:0; font-size:0; line-height:0;}
.inputBox {position:relative; width:500px; margin:0 auto; background:#fff;}
.inputBox ul {padding-right:137px; margin-top:33px;}
.inputBox li {margin-bottom:9px;}
.inputBox ul input {border:1px solid; height:43px; width:100%; border-top-color:#c6c6c6; border-left-color:#c6c6c6; border-bottom-color:#eee; border-right-color:#eee;}
.input_focus {background:#f9f9f9;}
.company_blur {background:url('../images/login/company.gif') no-repeat 12px 13px #f9f9f9;}
.id_blur {background:url('../images/login/id.gif') no-repeat 12px 13px #f9f9f9;}
.pw_blur {background:url('../images/login/pw.gif') no-repeat 12px 13px #f9f9f9;}
.loginBtn {position:absolute; top:0; right:0;}

.saveInfo {border-top:1px solid #e3e3e3; margin-top:20px; padding-top:20px; text-align:right;}
.saveInfo label {padding-left:10px; color:#616161; vertical-align:top;}
.saveInfo label.id {padding-right:20px;}
img.checkbox {cursor:pointer;}

#bottom {margin:118px 0 100px; text-align:center;}
#bottom .txt1 {margin-top:14px;}
#bottom .txt2 {margin-top:9px;}