@charset "utf-8";

/* import */
@import url(common/button.css);
@import url(common/form.css);

/* font */
@font-face{font-family:NanumGothic;font-style:normal;font-weight:400;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(../font/NanumGothic-Regular.ttf) format('truetype');}
@font-face{font-family:NanumGothic-Bold;font-style:normal;font-weight:700;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(../font/NanumGothic-Bold.ttf) format('truetype');}
@font-face{font-family:NanumGothic-ExtraBold;font-style:normal;font-weight:800;src:url(../font/NanumGothic-ExtraBold.eot);src:url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic-ExtraBold.woff2) format('woff2'), url(../font/NanumGothic-ExtraBold.woff) format('woff'), url(../font/NanumGothic-ExtraBold.ttf) format('truetype');}
html{text-align:center;}
body{margin:0;background-repeat:no-repeat;background-position:0 0;-webkit-background-size:cover;background-size:cover;}


html, body{height:100%;}
.background-image{position:absolute;top:0;left:0;z-index:-1;min-width:100%;min-height:100%;}
#wrap{position:relative;width:100%;min-height:100%;overflow:hidden;}
h1 {margin: -80px 0 40px 0;padding: 130px 0 20px 0;height: 0px;color: #00479d;font-size: 27px;font-family: NanumGothic, '돋움', Dotum, '굴림', Gulim, sans-serif;background: 50% no-repeat url(../images/login/bi.png);text-align: center;}
h1 a span{color:#131d30;}
.login-form {position: relative;margin: 210px auto;padding: 70px 45px 45px 45px;width: 330px;box-shadow: 10px 25px 50px 7px rgb(225 225 225 / 80%);border-radius: 36px;}
.login-form .submit-form{margin:0;padding:0;border:0;}
.login-form .submit-form legend{position:absolute;overflow:hidden;visibility:hidden;margin:0;padding:0;width:0;height:0;line-height:0;font-size:0;}
.login-form .submit-form .item{margin-bottom:8px;}
.login-form .submit-form .item input.placeholder{background-image:url(../images/login/bg_form_placeholder.png);background-repeat:no-repeat;}
.login-form .submit-form .item input[type=text].placeholder{background-position:0 0;}
.login-form .submit-form .item input[type=password].placeholder{background-position:0 -50px;}
.login-form .submit-form .btn{display:block;margin:0 !important;width:100%;}

/* indicator 추가
* 버튼 클릭시 2중 버튼 클릭 방지용 PC 브라우저 화면 전체를 잠시대기 화면 상태로 변경 처리함
*/
.indicator {display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/common/bg_dimmed.png') repeat 0 0;}
.indicator p {position: fixed; top: 50%; left: 50%; margin: -90px 0 0 -180px; padding-top: 100px; width: 360px; height: 80px; line-height: 20px; color: #ffffff; text-align: center; font-size: 16px; font-family: dotum, sans-serif; border-radius: 10px; background: #000000 url('../images/common/indicator.gif') no-repeat 50% 36px;}
.indicator.active {display: block;}