@charset "utf-8";
/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none 0 }
img, li, button { vertical-align: middle; text-align: left }
select, input { vertical-align: middle; text-align: left }
form legend, table caption { width: 0; height: 0; font-size: 0; text-indent: -9999px; line-height: 0 }
input[type=radio], input[type=checkbox], input[type=image] { margin: 0; border: none; background: none; }
textarea { font-size: 12px; overflow: auto }
fieldset, iframe { border: 0 none }
table, div { border-collapse: collapse; border-spacing: 0 }
table { width: 100% }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal }
ul, li, ol { list-style-type: none }
hr { overflow: hidden; height: 0; width: 0; border: 0 none }
li, p, dt, dd, div, span { white-space: normal }
body, div { font-family:' 맑은 고딕', Malgun Gothic, Dotum, '돋움'; font-size: 12px; color: #454545 }
input, select, textarea { border: 1px solid #bdbdbd; color: #333; font-size: 12px; font-family:' 맑은 고딕', Malgun Gothic, Dotum, '돋움'; height: 18px; }
input[type=text], input[type=password] { height: 14px; padding: 1px; line-height: 14px; background-color: #FFFFFF; }
a { display: inline-block; text-decoration: none; cursor: pointer;color: #fff; }
label { display: inline-block; cursor: pointer }
h1, h2, h3, h4, h5, h6 { font-size: 12px }



/*login*/
html ,body{ height: 100%;background:#00469b}
#wrap { height: 800px; width:1280px;background:#00469b url(../images/loginpage.png) no-repeat bottom;margin:0px auto}
.content { width:350px;height:542px;float: right ; margin-right:100px; padding-top:230px}
.content h1 {margin-bottom:30px; text-align: center;}
.login_box {width:350px; height:260px; position:relative; }
.login_box h2 {margin:15px 0 13px 0px;}
.login_box .id{ margin-bottom:30px }
.login_box input[type=text], .login_box input[type=password]{ width: 350px; height:38px;background:none; padding-left:1px; box-sizing: border-box;border:none; border-bottom:1px solid #fff; color: #fff;font-size: 14px}
.login_box select { height: 26px; padding: 2px;background:#00469b; padding-left:1px; box-sizing: border-box;border:1px solid #5c8bbf; color: #fff;font-size: 14px}
.login_box .btn {text-align: center }
.login_btn{width:90px; height:35px;text-indent: -9999px;border-radius: 30px;background: #739cca url(../images/login_txt.png) no-repeat center; border: none; cursor: pointer}
.login_box div { padding: 10px 0 0 0 }

input::-ms-input-placeholder { color: #fff; }
input::-webkit-input-placeholder { color: #fff; } 
input::-moz-placeholder { color: #fff; }


.userid{text-align:right; color: #fff; float: right; margin-bottom: -30px}


.checkbox{ color: #fff; margin-bottom: 12px;}
.checkbox span{float: right; text-decoration: underline }
.container { color: #fff;
  font-size: 13px;
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin-right: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
	border-radius: 18px;
  background:url(../images/radio_off.png);
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {

}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {height:18px;
  width: 18px;border-radius: 18px;
  background:#51555a url(../images/radio_on.png)
}