@charset "utf-8";
/* CSS Document */

@font-face {font-family:'NanumGothic';src: url('/css/common/webfont/NanumGothic.eot');src: url('/css/common/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/css/common/webfont/NanumGothic.woff') format('woff'), url('/css/common/webfont/NanumGothic.ttf') format('truetype')} 

body {font-family:"NanumGothic",sans-serif;color:#666;font-size:13px;letter-spacing:0;color:#666}

/* CSS Document */
* {margin: 0;padding: 0}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}

img, fieldset {border: 0 }
img {vertical-align:middle}
ul, ol, li {list-style:none}
input,select, button {vertical-align:middle}

address,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
a {color:#555;text-decoration: none}
a:active, a:hover {text-decoration:none}
legend {overflow:hidden;position: absolute;top:0;width: 0;line-height:0;height: 0;font-size: 0;left:-10000px}
.hid, .hidden, .blind {overflow:hidden;position: absolute;top:0;width: 0;line-height:0;height: 0;font-size: 0;left:-10000px} 
.bgnone {background-image:none !important}
.bordernone {border:none !important}

/* form style */
input[type=text], input[type=password], textarea {height:21px;line-height:21px;text-indent:5px;border:1px solid #D5D5D5;font-size:14px;font-family:"NanumGothic";border-radius:3px}
input[type=text]:focus{border:1px solid #000}
input[type=password]{ime-mode:disabled}
input[type="radio"] {width:13px;height:13px;vertical-align:middle;border:none;margin-top:-1px }
input[type="radio"]+label {margin-left:-3px }
input[type="checkbox"] {width:13px;height:13px;vertical-align:middle;border:none }
input[type="checkbox"]+label {margin-left:-3px }
input.d_btn {vertical-align:middle;margin-left:5px }
select {min-width:5em;height:26px;line-height:26px;border:1px solid #D5D5D5;font-size:13px;font-family:"NanumGothic";border-radius:3px}
optgroup { font-weight: 600 }
option {height:20px;line-height:20px;font-size:13px;font-family:"NanumGothic"}
textarea {line-height:1.8}
input.text {width:99% }
input.text02 {min-width:5em }
input.text03 {min-width:85% }
cite {font-size:0.75em;letter-spacing:-1px } 

/*로그인페이지*/
.login_wrap {position:relative;text-align:center}
.login_wrap h1 {margin:25px auto}
.login_wrap .img img{width:100%}

.login_area {position:absolute;top: 85%;left:50%;margin-left: -280px;width: 520px;height: 260px;padding:30px 20px 20px 20px;background:#2770bf;border-radius:10px;}
.login_area h2{font-size:36px;color:#fff;m}
.login_area h2 span{color:#fff;margin-left:10px;font-size:15px;letter-spacing:-0.5px;font-weight:normal}

.login_box {position:relative;padding:20px;width:360px;margin: 5px auto;}
.login_box p {position:relative}
.login_box p label{position:absolute;text-indent:-9999px}
.login_box .input_id, .login_box .input_pw{display:block;width:245px;height:28px;line-height:28px;padding:2px 4px}
.login_box .input_pw {margin-top:8px}
.login_box .btn_login {position:absolute;top:20px;right:20px}

.login_search { overflow:hidden}
.login_search li{display:inline-block;color:#fff;font-size:11px}
.login_search li:first-child a{padding-right:7px}
.login_search li a{color:#fff;font-size:13px;letter-spacing:-0.5px}
.login_search li a:hover{text-decoration:underline}
.login_search li:first-child{background:url ('/css/login/imgs/login_bg.png') no-repeat 0 5px;text-indent:12px}

.login_notice {text-align:left;}
.login_notice h3{font-size:18px;color:#fff;letter-spacing:-1px;padding:0 0 10px 20px;background:url ('/css/login/imgs/login_notice.gif') no-repeat 0 5px;border-bottom:1px dashed #fff}
.login_notice ol {overflow:hidden;margin:15px 0 0 20px}
.login_notice ol li {color:#fff;font-size:13px;margin-bottom:8px}

footer {clear:both;position:relative;top: 270px;text-align:center;}
footer address span{color:#014da1}