﻿@charset "utf-8";
/* reset css */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
address,
em,
img,
sub,
sup,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
}
body, html {height:100%;}
body {
  font-size: 13px;
  color: #333;
  font-family:'맑은고딕', 'MalgunGothic' ,'Nanum Gothic', '나눔고딕', 'NanumGothicWeb', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  -webkit-text-size-adjust: none;
  background-color:#f5f6f8;
}
ul, li {list-style:none}
a {color:#333; text-decoration:none;}
table {width:100%; border-collapse:collapse;}
button {display:inline-block; border:0; background:none; padding:0; font-size:13px; vertical-align:middle; cursor:pointer; *zoom:1;  font-family:'맑은고딕', 'MalgunGothic' ,'Nanum Gothic', '나눔고딕', 'NanumGothicWeb', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';}
input[type=text], input[type=password]{padding:0 5px; height:28px; font-size:12px; background:#fff; border:1px solid #d1d1d1;    font-family:'맑은고딕', 'MalgunGothic' ,'Nanum Gothic', '나눔고딕', 'NanumGothicWeb', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; box-sizing:border-box;}
select {padding:5px 0; background:#fff; border:1px solid #d1d1d1;  font-size:12px;    font-family:'맑은고딕', 'MalgunGothic' ,'Nanum Gothic', '나눔고딕', 'NanumGothicWeb', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; vertical-align:middle}
textarea {background:#fff; border:1px solid #d1d1d1; color:#666;font-size:12px; line-height:1.5em; font-family:'맑은고딕', 'MalgunGothic' ,'Nanum Gothic', '나눔고딕', 'NanumGothicWeb', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';}
input {vertical-align:middle}

.align_left {text-align:left !important;}
.align_center {text-align:center  !important;}
.align_right {text-align:right  !important; }
.c_red {color:#ff1010 !important;}
.btn {display:inline-block; padding:6px 8px 5px; min-width:60px; font-size:13px;; border-width:1px; border-style:solid; }
.btn_blue {background:#5b93f4; color:#fff; border-color:#5b93f4;}
.btn_blue2 {background:#3b5999; color:#fff;border-color:#3b5999;}
.btn_gray {background:#fff; color:#333; border:1px solid #bbbbbb;}
.btn_gray2 {background:#999; color:#fff; border:1px solid #999;}
.btn.min_big {padding:8px 0 !important; width:60px  !important;}
.btn_box {text-align:right;}
.btn_box .btn {padding:11px 10px 10px; margin-left:7px; min-width:80px; font-size:16px;}

.login {position:absolute; left:0; right:0; top:60px; margin:0 auto; width:410px; background:#d9dce3; text-align: center;}
.login input {display:block; width:340px; height:50px; margin:0 auto; padding:0 0 0 20px; margin-top:10px; box-sizing:border-box; border:0; font-size:15px;}
.login p {padding:20px 0; color:#585d61; }
.login p strong {display: block; padding-bottom:5px; font-size:26px; color:#585d61;}
.login p span {font-size:14px; color:#585d61;}
.login .btn {display:block; width:340px; height:50px; padding:0; margin:18px auto 0; box-sizing:border-box; border:0; font-size:17px;}
.login select {float:right; width:100px; margin:15px 35px 36px;}

.login2 {position:absolute; left:0; right:0; top:60px; margin:0 auto; width:492px; background:#f5f6f8; text-align: center;}
.login2 input {display:block; width:340px; height:50px; margin:0 auto; padding:0 0 0 20px; margin-top:10px; box-sizing:border-box; border:1; font-size:15px;}
.login2 p {padding:20px 0; color:#585d61; }
.login2 p strong {display: block; padding-bottom:5px; font-size:26px; color:#585d61;}
.login2 p span {font-size:14px; color:#585d61;}
.login2 .btn {display:block; width:340px; height:50px; padding:0; margin:18px auto 0; box-sizing:border-box; border:0; font-size:17px;}
.login2 select {float:right; width:100px; margin:15px 76px 36px 0; }
.login2 .copy {float:center;}
