/* 로그인 */
#loginBox {overflow: hidden; width:600px; margin:50px auto; height:600px;}
.login-box-inner {float:left; width:100%;  margin:0 auto; height:auto;}

.login-box-inner h1 {font-size:20pt; font-weight:600; color:#000; padding: 40px 0 10px 12px;}
#line {border-bottom:2px solid #444;}

#login-bottom-text-box {width:100%; margin:20px auto;}
.p-text-login-t {font-size:11pt; font-weight:300; line-height:150%; letter-spacing:-0.5px;}

#login-inputbox {width:100%; margin:0 auto; text-align:left;}
.login-id-input-box {width: 100%; padding: 0 10px; height:40px; border: 1px solid #ccc; border-radius: 2px; font-size:9pt; color:#666; box-sizing: border-box; resize: vertical;}
.login-pw-input-box {width: 100%; padding: 0 10px; margin-top:5px; border: 1px solid #ccc; border-radius: 2px; font-size:9pt; color:#666; box-sizing: border-box; resize: vertical;}
#height-box {height:38px;}
.btn-login-button {margin-top:10px; border: none; color: #fff; padding: 10px 0; width:100%; cursor: pointer; background-color:#444;} /* 로그인 버튼 */


#login-joinm-id-pw-box {width:100%; margin:10px auto 0 auto; text-align:center;}
.join-text-id-pw {font-size:10pt; color:#666; letter-spacing:-0.5px;}
.join-text-id-pw-line {font-size:8pt; color:#ccc; margin:0 5px; letter-spacing:-0.5px; vertical-align:middle;}


@media all and (min-width: 800px) and (max-width:992px) { 
#loginBox {width:90%; margin:0 auto; height:1000px;}
.login-box-inner {width:100%;}
.login-box-inner h1 {font-size:16pt; font-weight:600; color:#000; padding: 40px 0 10px 12px;}
}


@media all and (min-width: 768px) and (max-width:799px) { 
#loginBox {width:90%; margin:0 auto; height:820px;}
.login-box-inner {width:100%;}
.login-box-inner h1 {font-size:16pt; font-weight:600; color:#000; padding: 40px 0 10px 12px;}
}

@media all and (min-width: 640px) and (max-width:767px) { 
#loginBox {width:90%; margin:0 auto; height:600px;}
.login-box-inner {width:100%;}
.login-box-inner h1 {font-size:16pt; font-weight:600; color:#000; padding: 40px 0 10px 12px;}
}

@media all and (min-width: 401px) and (max-width:639px) { 
#loginBox {width:90%; margin:0 auto; height:520px;}
.login-box-inner {width:100%;}
.login-box-inner h1 {font-size:16pt; font-weight:600; color:#000; padding: 40px 0 10px 12px;}
}

@media all and (min-width: 320px) and (max-width:400px) { 
#loginBox {width:90%; margin:0 auto; height:450px;}
.login-box-inner {width:100%;}
.login-box-inner h1 {font-size:16pt; font-weight:600; color:#000; padding: 40px 0 10px 12px;}
}