@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:#216796;}

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; text-align:center;height:593px;  margin-top:5%;
    background:url("images/bg_loginback.png") no-repeat center top;
    }
.loginBox {
    display:inline-block; width:847px;height:593px;  margin:0 auto; position:relative; text-align:left;
     text-align:center;
    }

.loginCon { display:inline-block; width:670px; margin: 244px auto 0 auto; position:relative; }
.loginCon .btn_login  { position:absolute; top:120px; left:0; }
.loginCon input[type=text],
.loginCon input[type=password] {
    border:solid 1px #ccc; height:47px; width:270px; padding:5px 10px 5px 40px; box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif; font-size:14px;
    }
.loginCon input[type=text] {
    position:absolute; top:0; left:0px; background:#fff url("images/icon_id.png") no-repeat left center;
    }
.loginCon input[type=password] {
    position:absolute; top:59px; left:0px; background:#fff url("images/icon_pw.png") no-repeat left center;
    }

.btn_login {
    display:inline-block; width:270px; height:58px; color:#fff; cursor:pointer; border:0;
    font-size:20px !important; font-weight:600;background:#484849 url(images/btn_login_arrow.png) no-repeat center right; box-sizing:border-box; line-height:1.0;
    }
.btn_login:hover { background-color:#000; }


.contact {
    font-family:dotum, Arial, Helvetica, sans-serif;
    font-size:11px; color:#999; position:absolute; top:180px; left:0px; width:280px;  vertical-align:top;
    }
.contact p {
    font-weight:bold; display:inline-block; position:absolute; top:13px; left:0;
    }
.contact ul { position:absolute; top:10px; left:70px; }
.contact a { color:#999 }
.contact .icon_email { display:inline-block; width:14px; height:10px; background:url("images/btn_email.png") no-repeat; margin:0 3px }

.contact2 {
    font-family:dotum, Arial, Helvetica, sans-serif;
    font-size:11px; color:#999; position:absolute; top:250px; left:0px; width:460px;  vertical-align:top; float:left;
    }
.contact2 p {
    display:inline-block; position:absolute; top:30px; left:0; float:left;
    }
.contact2 span {
    font-weight:bold; display:inline-block; position:absolute; top:13px; left:0; float:left; color:red;
    }

.loginBottom {
    display:inline-block; width:846px; height:33px;line-height:1.0; color:#666;
    position:absolute; bottom:0; left:0;
    }
.loginBottom p {
    font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999;
    display:inline-block; position:absolute; top:0; left:67px;
    }
.loginBottom span {
    font-family:  Nanum Gothic, Arial, Helvetica, sans-serif; display:inline-block; position:absolute; top:-1px; right:0;
    font-size:13px; font-weight:600; letter-spacing:-0.1px; padding-left:9px; background:url("images/bg_arrow.png") no-repeat left 3px;
    color:#666;
    }
.loginBottom span a { color:#666; }


div.adminInfo {  display:inline-block; position:absolute; top:15px; right:0; }
div.adminInfo a { font-weight:bold;  color:#333; font-size:13px;}
div.adminInfo a:hover { color:#cc0001; }