body { padding: 0; margin: 0;  font-family: 'NouvelR KR 400'; }
input, select { -webkit-appearance: none; -webkit-border-radius: 0; }
.container { min-height: 100vh; max-width: 650px; }
.header img, .footer img { width: 100%; height: 100%; }
/*.main { min-height: calc(100vh - 74vw); }*/

.intro div { width: 100%; margin: 0 auto; text-align: center; }
.intro div img { width: 100%; }
.intro div .intro_bottom { margin: 15px auto; }
.intro div img.imgbtn { width: 346px; margin: 0 auto; max-width: 100%; }

.info_form { margin: 20px auto; width: 100%; }
.info_form .btn_auth { width: 100%; display: block; margin: 0 auto; }
.info_form .form-group label { font-size: 20px; margin: 0 30px 10px; font-weight: 600; width: 341px; text-align: left; }
.info_form .form-group input.input { height: 30px; border: 0px; border-bottom: 1px solid #000; margin: 0 30px 20px; width: calc(100% - 60px); }
.info_form .form-group select.input { height: 30px; border: 0px; border-bottom: 1px solid #000; margin: 0 30px 20px; width: calc(100% - 60px); background: #fff; }
.info_form .form-group .authnum .request { margin: 0 30px 20px; }
.info_form .form-group .authnum .request .btn-request { display: block; }
.info_form .form-group .authnum .check #authnum { width: calc(calc(100% - 60px) * 0.6); }
.info_form .form-group .authnum .check #btn_authnum { width: calc(calc(100% - 60px) * 0.32); }
.info_form .form-group .birthday select { display: inline-block; }
.info_form .form-group .birthday select.birth-y { width: calc(calc(100% - 60px) * 0.35); margin-right: 0; }
.info_form .form-group .birthday select.birth-m { width: calc(calc(100% - 60px) * 0.22); margin-right: 0; margin-left: 5px; }
.info_form .form-group .birthday select.birth-d { width: calc(calc(100% - 60px) * 0.22); margin-right: 0; margin-left: 5px; }
.info_form .form-group .region select { display: inline-block; }
.info_form .form-group .region select.region1 { width: calc(calc(100% - 80px) * 0.3); margin-right: 0; }
.info_form .form-group .region select.branch { width: calc(calc(100% - 80px) * 0.7); margin-right: 0; margin-left: 10px; }
.info_form .btn_run { width: calc(100% - 60px); display: block; margin: 0 auto; }
.agreeform { text-align: center; }
.agreeinfo .modal-dialog { margin: 1rem auto; }
.agreeinfo .modal-header { padding: 0px; border: 0px; }
.agreeinfo .modal-header img { width: 100%; }
.agreeinfo .modal-body img { width: 100%; }
.agreeinfo .modal-footer button { color: #000; background-color: transparent; }

@media (max-width: 767px) {

.container { min-height: 100vh; }
.header img, .footer img { width: 100%; height: 100%; }
/*.main { min-height: calc(100vh - 74vw); }*/

.login_form { margin: 10vw auto; width: 77vw; } 
.login_form .form-group label { font-size: 4vw; margin: 0 30px 10px; font-weight: 600; }
.login_form .form-group input.input { height: 8vw; border: 0px; border-bottom: 1px solid #000; margin: 0 30px 30px; width: calc(100% - 60px); }
.login_form .btn_login { height: 13.9vw;display: block; }

.intro div { width: 100%; margin: 0 auto; }
.intro div img { width: 100%; }
.intro div img.intro_bottom { margin: 5vw auto; }
.intro div img.imgbtn { width: 53.3vw; }

.info_form { margin: 2vw auto; width: 90vw; }
.info_form .btn_auth { width: 100% ;display: block; margin: 0 auto; }
.info_form .form-group label { font-size: 4vw; margin: 0 30px 0 30px; font-weight: 600; width: calc(100% - 60px); text-align: left; }
.info_form .form-group input.input { height: 8vw; border: 0px; border-bottom: 1px solid #000; margin: 0 30px 20px; width: calc(100% - 60px); }
.info_form .form-group select.input { height: 8vw; border: 0px; border-bottom: 1px solid #000; margin: 0 30px 20px; width: calc(100% - 60px); background: #fff; }
.info_form .form-group .authnum .request { margin: 0 30px 20px; }
.info_form .form-group .authnum .request .btn-request { display: block; }
.info_form .form-group .authnum .check #authnum { width: calc(calc(100% - 60px) * 0.5); margin-right: 10px; }
.info_form .form-group .authnum .check #btn_authnum { width: calc(calc(100% - 60px) * 0.45); }
.info_form .form-group .birthday select { display: inline-block; }
.info_form .form-group .birthday select.birth-y { width: calc(calc(100% - 60px) * 0.35); margin-right: 0; }
.info_form .form-group .birthday select.birth-m { width: calc(calc(100% - 60px) * 0.22); margin-right: 0; margin-left: 5px; }
.info_form .form-group .birthday select.birth-d { width: calc(calc(100% - 60px) * 0.22); margin-right: 0; margin-left: 5px; }
.info_form .form-group .region select { display: inline-block; }
.info_form .form-group .region select.region1 { width: calc(calc(100% - 80px) * 0.3); margin-right: 0; }
.info_form .form-group .region select.branch { width: calc(calc(100% - 80px) * 0.7); margin-right: 0; margin-left: 10px; }
.info_form .btn_run { width: calc(100% - 60px); display: block; margin: 0 auto; }

.agreeform { text-align: center; }
.agreeinfo .modal-dialog { margin: 1rem; }
.agreeinfo .modal-header { padding: 0px; border: 0px; }
.agreeinfo .modal-header img { width: 100%; }
.agreeinfo .modal-body img { width: 100%; }
.agreeinfo .modal-footer button { color: #000; background-color: transparent; }

}