@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.0; 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: 13px; TEXT-DECORATION:none }
A:hover { TEXT-DECORATION:none; COLOR:#0b74c0;}

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:13px !important; font-weight:normal; font-family:'Nanum Gothic',Arial, Helvetica, sans-serif !important; }
::-moz-placeholder { color:#999 !important; font-size:13px !important; font-weight:normal; font-family:'Nanum Gothic',Arial, Helvetica, sans-serif !important; }
:-moz-placeholder { color:#999 !important; font-size:13px !important;  font-weight:normal;font-family:'Nanum Gothic',Arial, Helvetica, sans-serif !important; }
:-ms-input-placeholder { color:#999 !important; font-size:13px !important;  font-weight:normal;font-family:'Nanum Gothic',Arial, Helvetica, sans-serif !important; }


/* LOGIN CSS */
.loginarea { width:100%; height:100%; display:flex; align-items:center; justify-content:center;  }
.loginarea_body { width:100%; height:584px; margin-bottom:40px; background:url(images/bg_loginback.png) no-repeat center; }
.loginbox { width:750px; height:544px; margin:0 auto;  position:relative; box-sizing:border-box; padding-top:218px; }
.login_input { width:300px;  }
.login_input li { display:block; margin-bottom:10px;  }
.login_input li:last-child { border-bottom:0; }
.loginbox li:last-child { margin-bottom:0; }
.loginbox input {
    display:inline-block; width:100%; height:53px; box-sizing:border-box; padding:0 20px; border:solid 1px #ccc;;
    font-size:16px; font-weight:600;
  }
.btn_login {
    display:block; width:300px; height:58px; cursor:pointer; border:0; font-size:19px !important; color:#fff; font-weight:600; letter-spacing:10px;
    background:#333 url("images/bg_btn_arrow.png") no-repeat right center; font-family:'Nanum Gothic'; line-height:19px; margin-top:5px;
    }
.saveid { display:flex; align-items:center; width:100%; height:30px; padding:0; text-align:left; margin-top:5px;  }
.saveid input { width:auto !important; height: auto !important; display:inline-block;  }
.saveid span { display:inline-block; padding-left:5px; font-size:12px; color:545454; letter-spacing:-1px;}

.loginarea_bottom { width:865px; height:40px; margin:0 auto; position:relative; display:flex; align-items:center; justify-content:space-between; }
.loginarea_bottom .bottom_copy { display:inline-block; font-size:11px; color:#888;line-height:11px;}
.loginarea_bottom ul { display:inline-block;  }
.loginarea_bottom li { display:inline-block; height:11px; float:left; padding:0 10px; border-right:solid 1px #ddd;}
.loginarea_bottom li:last-child { padding-right:0; border-right:0; line-height:11px; }
.loginarea_bottom li a { display:inline-block; font-size:11px; color:#866b47; }
.loginarea_bottom li span { display:inline-block; font-size:11px; color:#888; }
.loginarea_bottom .btn-privacy {font-size:13px; font-weight: bold;}

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