@import url("../ui/fonts.css");

/* BASIC CSS */
*       {padding:0;margin:0;}
html    { height:100%; margin:0; padding:0; }
body    {
    height:100%; font-family: Nanum Gothic, Arial, Helvetica, sans-serif; font-size: 13px; line-height:1.3; color: #333;
    overflow:hidden !important;
    }

table.basic { width:100%; border-style:hidden; border-collapse:collapse; border:0; table-layout:fixed }

img { border:0 }
A:link, A:visited, A:active {COLOR:#333; font-family:  Nanum Gothic, Arial, Helvetica, sans-serif; font-size: 12px; TEXT-DECORATION:none }
A:hover { TEXT-DECORATION:none; COLOR:#0076c0;}

input, textarea {
    background-color:#fff;  border:solid 1px #ccc;   COLOR:#333333; font-size:13px;
    font-family:  Nanum Gothic, Arial, Helvetica, sans-serif; line-height:1.0; margin: 0 1px !important;
    display:inline-block;
    }
textarea { height:50px; overflow-y:auto; width:98%; padding:3px; line-height:1.3 !important;}
select{ font-size:13px; height:25px; font-family:  Nanum Gothic, Arial, Helvetica, sans-serif; }
div,dl,dt,dd,p,ul,li{margin:0px; padding:0px;}
ul, dl { list-style:none; }

input:focus, textarea:focus { border:solid 1px #66afe9 !important; }

::-webkit-input-placeholder { color:#999 !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; }
::-moz-placeholder { color:#999 !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; }
:-moz-placeholder { color:#999 !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; }
:-ms-input-placeholder { color:#999 !important; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important; }


/* LOGIN CSS */
.loginarea { display:block; height:100%; text-align:center; line-height:1.0; }
.loginarea_header { width:100%; height:64px; background: #06509e; background-image: linear-gradient(to right, #06509e , #0380c8); position:relative; }
.loginarea_header h1 {
    display:inline-block; width:250px; height:64px; position:absolute; top:0; left:0; text-indent:-9999px;
    background:url("images/bg_login_ci.png") no-repeat;
    }
.loginarea_header .header_msg {
    display:inline-block; width:260px; height:64px; position:absolute; top:0; right:0; text-indent:-9999px;
    background:url("images/bg_login_msg.png") no-repeat;
    }
.loginarea_body { width:100%; padding-top:250px; background:url("images/bg_login_title.png") no-repeat top center; }
.loginbox { display:inline-block; width:374px; margin:0 auto; line-height:1.0; position:relative; }
.loginbox li { display:block; margin-bottom:33px; }
.loginbox li:last-child { margin-bottom:0; }
.loginbox input {
   width:85%; height:47px; box-sizing:border-box; padding:0 10px 0 50px; border:0; border-bottom:solid 1px #c1c1c1;
  font-size:16px; font-weight:600;
  }
.loginbox input[type=text2] {
   width:70%; height:47px; box-sizing:border-box; padding:0 0 0 0; border:0; border-bottom:solid 1px #c1c1c1;
  font-size:16px; font-weight:600;
  }
.loginbox input[type=text3] {
   width:72%; height:47px; box-sizing:border-box; padding:0 0 0 0; border:0; border-bottom:solid 1px #c1c1c1;
  font-size:16px; font-weight:600;
  }
input:ms-input-placeholder {

    color: red;
}
.loginbox input[type=text1] { background:transparent url("images/icon_id.png") no-repeat left center; }
.loginbox input[type=password] { background:transparent url("images/icon_pw.png") no-repeat left center; }
.loginarea_body .btn_login {
    display:block; width:374px; height:62px; margin:0 auto; cursor:pointer; border:0; font-size:20px; font-weight:600;
    background:#343e4c url("images/btn_login.png") no-repeat; text-indent:-9999px;
    }
.loginarea_body .btn_login:hover { background-color:#06509e; }

.saveid { display:block; width:100%; padding:20px 0; text-align:left; font-size:12px; color:#666; letter-spacing:-1px; }
.saveid input { width:auto !important; height: auto !important; display:inline-block; position:relative; top:3px;}

.login_info { display:block; width:100%;  }
.login_info p { font-size:13px; color:#77787c; padding:47px 0 15px 0; letter-spacing:-0.5px; line-height:1.5; }
.login_info .block_tail { display:inline-block; width:36px; height:3px; background-color:#9fa0a0; }

.loginarea_bottom { width:100%; position:absolute; bottom:18px; left:0; }
.loginarea_bottom ul { display:inline-block; margin:0 auto; }
.loginarea_bottom li {
    display:inline-block; padding:0 10px; border-right:solid 1px #ddd;
    font-size: 11px; color:#666; line-height:1.0;float:left;
    }
.loginarea_bottom li:last-child { padding-right:0; border-right:0; }
.loginarea_bottom li a { font-size:11px; color:#666; }


div.adminInfo {
  display:inline-block; position:absolute; top:9px; right:-100px; cursor:pointer;
  border:solid 1px #ccc; box-shadow:0 1px 1px rgba(0,0,0,0.1); padding:5px 10px 5px 22px; line-height:1.0;
  background:#fff url("images/icon_usersearch.png") no-repeat left center;
  }
div.adminInfo:hover { border-color:#336fde; }
div.adminInfo:hover a { color:#336fde; }
div.adminInfo a { font-weight:600; font-size:11px; color:#545454;}

div.smsInfo {
  display:inline-block; position:absolute; top:180px; right:-100px; cursor:pointer;
  border:solid 1px #ccc; box-shadow:0 1px 1px rgba(0,0,0,0.1); padding:5px 10px 5px 10px; line-height:1.0;
  }
div.timeInfo {
  display:inline-block; position:absolute; top:290px; right:-60px; font-size:11px;
  }
div.smsInfo:hover { border-color:#336fde; }
div.smsInfo:hover a { color:#336fde; }
div.smsInfo a { font-weight:600; font-size:11px; color:#545454;}