@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       /*url(./NanumGothic-Regular.ttf) format('truetype');*/
}
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: bold;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       /*url(./NanumGothic-Bold.ttf) format('truetype');*/
}
body {font-size:12px; color:#383737; background-color:#474747; margin:0; padding:0; font-family:'Nanum Gothic';}

a { text-decoration: none; }

a:Visited {color:#383737;}
a:Link {color:#383737;}
a:Hover {color:#383737;}
a:Active {color:#383737;}

#wrap {width:100%;}
#container {min-height: 100%; margin: 0 auto -35px; width:100%; text-align:center; vertical-align:middle; display:table;}
#container2 {min-height: 100%; margin: 0 auto -35px; width:100%; text-align:center; vertical-align:middle; display:table;}
#container3 {min-height: 100%; margin: 0 auto -35px; width:100%; text-align:center; vertical-align:middle; display:table;}
#container .content {position: absolute; top: 50%; left: 50%; margin-top: -161px; margin-left: -190px; height:322px; width:380px; background:#f1f1f1; text-align:center;}
#container .content .logo {padding-top:20px;}
#container .content .title {padding-top:24px; font-size:15px;}
#container .content .login_form {width:100%; padding-top:24px;}
#container .content .id {}
#container .content .pw {padding-top:14px;}
#container .content .login_button {padding-top:13px;}
#container .content .lost_pwd {padding-top:17px; float:right; font-size:13px; padding-right:20px;}
#container2 .content {position: absolute; top: 50%; left: 50%; margin-top: -201px; margin-left: -190px; width:380px; background:#f1f1f1; text-align:center;}
#container2 .content .logo {padding-top:20px;}
#container2 .content .title {padding-top:24px; font-size:15px;}
#container2 .content .login_form {width:100%; padding-top:24px;}
#container2 .content .id {}
#container2 .content .pw {padding-top:14px;}
#container2 .content .login_button {padding-top:13px;}
#container2 .content .lost_pwd {padding-top:17px; float:right; font-size:13px; padding-right:20px;}

#container3 .content {position: absolute; top: 50%; left: 50%; margin-top: -291px; margin-left: -190px; width:380px; background:#f1f1f1; text-align:center;}
#container3 .content .logo {padding-top:20px;}
#container3 .content .title {padding-top:24px; font-size:15px;}
#container3 .content .login_form {width:100%; padding-top:24px;}
#container3 .content .id {}
#container3 .content .pw {padding-top:14px;}
#container3 .content  .paging {line-height:20px; display:block; width:100%; text-align:center;padding-top:15px;}
#container3 .content .login_button {padding-top:13px;}
#container3 .content .lost_pwd {padding-top:17px; float:right; font-size:13px; padding-right:20px;}
#footer {line-height:35px; display:block; background:#363636; text-align:center;width:100%; color:#fff; height:35px;}

.login_input {border:1px solid #c2c2c2; padding-left:20px;}
.login_btn {background-color:#1e74a0; color:#fff; border:0;}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 4px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination a.active {
    background-color: #1e74a0;
    color: white;
    border: 1px solid #1e74a0;
}

.pagination a:hover:not(.active) {background-color: #ddd;}