@charset "UTF-8";


.pb30 { padding-bottom: 30px !important; }
.pt30 { padding-top: 30px !important; }


/* LOGIN VISUAL AREA */
#header { width: 100%; height: 380px; background-color: #d3cdcd; }
#visual { width: 1000px; height: 380px; margin: 0 auto; background: #d3cdcd url("../../img/login/visual.png") no-repeat 0 0; }
#visual dl { padding: 82px 0 0 56px; }
#visual dl dt { padding-bottom: 15px; }
#visual dl dd { padding: 0 0 0 4px; font-family: 'MalgunGothic'; color: #706967; font-size: 13px; }


/* LOGIN INPUT FORM AREA */
#login { width: 1000px; height: 461px; margin: 0 auto; background: url("../../img/login/bg.png") no-repeat 500px 57px; }
#login .contents { padding: 42px 60px; }
#login .contents h1 { padding: 0 0 32px 0; }

#login .contents .tit dt { color: #444444; font-size: 21px; font-family: 'MalgunBold'; padding: 0 0 10px 0; }
#login .contents .tit dd { font-family: 'MalgunGothic'; color: #888888; font-size: 13px; letter-spacing: -1px; padding: 0 0 15px 0; }

#login .contents .loginForm { width: 440px; height: 150px; position: relative; }


/* INPUT */
#login .contents .loginForm li input { width: 182px;/*225px*/ height: 43px; border: #dcdcdc 1px solid; padding: 0 0 0 43px; background: none; font-family: dotum; }

#login .contents .loginForm li:first-child { background: url("../../img/login/id.png") no-repeat 15px 48%; }
#login .contents .loginForm li:first-child input { border-top-left-radius: 4px; border-top-right-radius: 4px;  }

#login .contents .loginForm li:last-child { background: url("../../img/login/pw.png") no-repeat 15px 48%; }
#login .contents .loginForm li:last-child input { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
#login .contents .loginForm li:first-child input:focus, #login .contents .loginForm li:first-child input:hover { border: #feb028 1px solid;  }
#login .contents .loginForm li:last-child input:focus, #login .contents .loginForm li:last-child input:hover { border: #feb028 1px solid;  }


#login .contents .loginForm p { padding: 10px 0 0 0; color: #9b9b9b; } 

#login .contents .loginForm .btn { position: absolute; top: 0; right: 68px; }




/* HELP */
#login .contents .help li { width: 430px;/*440px*/ background: url("../../img/bullet04.png") no-repeat 0 12px; padding: 0 0 7px 10px; height: 30px; line-height: 30px; position: relative; }
#login .contents .help li a { width: 127px; height: 30px; position: absolute; top: 0; right: 68px; background: url("../../img/login/helpBtn.png") no-repeat 0 0; padding: 0 0 0 13px; }

#footer { width: 100%; min-height: 35px; background-color: #3a3a3a; text-align: center; font-family: Arial; color: #b1b1b1; font-size: 9px; padding: 21px 0 0 0; }



/* Webkit */
::-webkit-input-placeholder { color: #afafaf; }

/* Firefox 4-18 */
:-moz-placeholder { color: #afafaf; }

/* Firefox 19+ */
::-moz-placeholder { color: #6b6b6b; }

/* IE10+ */
:-ms-input-placeholder { color: #afafaf; }