body { padding: 0; margin: 0; font-family: 'NouvelR KR 600'; }
input, select { -webkit-appearance: none; -webkit-border-radius: 0; }
.font-200 { font-family: 'NouvelR KR 200'; }
.font-400 { font-family: 'NouvelR KR 400'; }
.font-600 { font-family: 'NouvelR KR 600'; }
.container { min-height: 100vh; max-width: 650px; }
.header img, .footer img { width: 100%; height: 100%; }
/*.main { min-height: calc(100vh - 74vw); }*/
.main { background: url('/images/20250214/bg1.jpg') no-repeat; background-size: 100% 100%; padding: 0 0; }
.main1 { background: url('/images/20250214/bg_btn.jpg') no-repeat; background-size: 100% 100%; padding: 0 100px; }
.main2 { background: url('/images/20250214/bg3.jpg') no-repeat; background-size: 100% 100%; padding: 0 4vw; }

.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; text-align: center; font-size: 0; }
.intro div img { width: 100%; }
.intro div .intro_bottom { margin: 0 auto; }
.intro div img.imgbtn { width: 482.3px; 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; text-align: left; width: 62%; }
.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 42px 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: 100%; display: block; margin: 50px auto 0; padding: 0 42px; }
.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 { background: url('/images/20250214/bg2.png') no-repeat; background-size: 100% 100%; padding: 0 40px; }
.agreeinfo .modal-body img { width: 100%; }
.agreeinfo .modal-footer { padding: 0px; border: 0px; background: url('/images/20250214/footer2.png') no-repeat; background-size: 100% auto; padding: 40px 15px 5px; border-radius: 0; }
.agreeinfo .modal-footer button { color: #000; background-color: transparent; }
.agreeinfo2 .modal-dialog { margin: 1rem auto; }
.agreeinfo2 .modal-header { padding: 0px; border: 0px; }
.agreeinfo2 .modal-header img { width: 100%; }
.agreeinfo2 .modal-body { background: url('/images/20250214/bg2.png') no-repeat; background-size: 100% 100%; padding: 0 40px; }
.agreeinfo2 .modal-body img { width: 100%; }
.agreeinfo2 .modal-footer { padding: 0px; border: 0px; background: url('/images/20250214/footer2.png') no-repeat; background-size: 100% auto; padding: 40px 15px 5px; border-radius: 0; }
.agreeinfo2 .modal-footer button { color: #000; background-color: transparent; }
.agreeinfo3 .modal-dialog { margin: 1rem auto; }
.agreeinfo3 .modal-header { padding: 0px; border: 0px; }
.agreeinfo3 .modal-header img { width: 100%; }
.agreeinfo3 .modal-body { background: url('/images/20250214/bg2.png') no-repeat; background-size: 100% 100%; padding: 0 40px; }
.agreeinfo3 .modal-body img { width: 100%; }
.agreeinfo3 .modal-footer { padding: 0px; border: 0px; background: url('/images/20250214/footer2.png') no-repeat; background-size: 100% auto; padding: 40px 15px 5px; border-radius: 0; }
.agreeinfo3 .modal-footer button { color: #000; background-color: transparent; }
.quiz .modal-content { background: url('/images/20250214/bg_quiz.png') no-repeat; background-size: 100% 100%; height: calc(158.83vw - 16px); }
.quiz .modal-footer { border: 0px; }
.quiz .modal-footer .btn { color: #ffffff; font-weight: bold; font-size: 20px; }
.quiz2 .modal-content { background: url('/images/20250214/bg_quiz2.png') no-repeat; background-size: 100% 100%; height: calc(158.83vw - 16px); }
.quiz2 .modal-footer { border: 0px; }
.quiz2 .modal-footer .btn { font-weight: bold; font-size: 20px; }

.eventcontainer { background: #fff url('/images/20250214/bg_event1.png') repeat-y; background-size: contain; padding: 0px; }
.eventcontainer .event_innercontainer { min-height: 100vh; background: url('/images/20250214/event_bg.jpg') no-repeat 50% 50%; background-size: 100% 100%; }
.eventcontainer .event_innercontainer .header { padding: 70px 70px 0 70px; }
.eventcontainer .event_innercontainer .eventmain { min-height: 900px; margin-top: 10px; }
.event { position: relative; height: 100%; width: 100%; overflow: hidden;  }
.event .arrow { position: absolute; top: 0px; width: 100%; }
.event .arrow img { width: 12%; position: absolute; left: 50%; transform: translateX(-50%); }
.event .wheel { position: relative; height: 600px; top: 0px; border-radius: 50%; }
.event .wheel img { width: 560px; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 20px; }
.event .wheel .wheel_btn { display: block; width: 80px; height: 80px; border-radius: 50%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; z-index: 1000; }
.result .modal-dialog { margin: 1rem auto; }
.result .modal-content { background: url('/images/20250214/result_bg.png') no-repeat; background-size: 100% 100%; }
.result .modal-body { padding: 10px 0px 0px 0px; }
.result .modal-body img { width: 100%; }
.result .modal-footer { padding: 0px; border: 0px; padding: 0px 15px 0px; border-radius: 0; }
.result .modal-footer a { color: #000; background-color: transparent; font-weight: bold; font-size: 25px; }

@media (max-width: 767px) {

.container { min-height: 100vh; }
.header img, .footer img { width: 100%; height: 100%; }
/*.main { min-height: calc(100vh - 74vw); }*/
.main { background: url('/images/20250214/bg1.jpg') no-repeat 0 100%; background-size: 100% 100%; padding: 0 0; }
.main1 { background: url('/images/20250214/bg_btn.jpg') no-repeat 0 100%; background-size: 100% 100%; padding: 0 13vw; }
.main2 { background: url('/images/20250214/bg3.jpg') no-repeat 0 100%; background-size: 100% 100%; padding: 0 4vw; }

.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: 0 auto; }
.intro div img.imgbtn { width: 74.2vw; }

.info_form { margin: 2vw auto; width: 90vw; }
.info_form .btn_auth { width: inherit; height: 10.3vw; display: block; margin: 0 auto; }
.info_form .form-group label { font-size: 4vw; margin: 0 0 0 30px; font-weight: 600; width: 68%; 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 6vw 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: 100%; display: block; margin: 50px auto 0; padding: 0 6vw; }

.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 { background: url('/images/20250214/bg2.png') no-repeat; background-size: 100% 100%; padding: 0 8vw }
.agreeinfo .modal-body img { width: 100%; }
.agreeinfo .modal-footer { padding: 0px; border: 0px; background: url('/images/20250214/footer2.png') no-repeat; background-size: 100% auto; padding: 5vw 5vw 0vw; border-radius: 0; }
.agreeinfo .modal-footer button { color: #000; background-color: transparent; }
.agreeinfo2 .modal-dialog { margin: 1rem; }
.agreeinfo2 .modal-header { padding: 0px; border: 0px; }
.agreeinfo2 .modal-header img { width: 100%; }
.agreeinfo2 .modal-body { background: url('/images/20250214/bg2.png') no-repeat; background-size: 100% 100%; padding: 0 8vw }
.agreeinfo2 .modal-body img { width: 100%; }
.agreeinfo2 .modal-footer { padding: 0px; border: 0px; background: url('/images/20250214/footer2.png') no-repeat; background-size: 100% auto; padding: 5vw 5vw 0vw; border-radius: 0; }
.agreeinfo2 .modal-footer button { color: #000; background-color: transparent; }
.agreeinfo3 .modal-dialog { margin: 1rem; }
.agreeinfo3 .modal-header { padding: 0px; border: 0px; }
.agreeinfo3 .modal-header img { width: 100%; }
.agreeinfo3 .modal-body { background: url('/images/20250214/bg2.png') no-repeat; background-size: 100% 100%; padding: 0 8vw }
.agreeinfo3 .modal-body img { width: 100%; }
.agreeinfo3 .modal-footer { padding: 0px; border: 0px; background: url('/images/20250214/footer2.png') no-repeat; background-size: 100% auto; padding: 5vw 5vw 0vw; border-radius: 0; }
.agreeinfo3 .modal-footer button { color: #000; background-color: transparent; }

.eventcontainer { background: url('/images/20250214/bg_event.png') repeat-y; background-size: contain; padding: 0px; }
.eventcontainer .event_innercontainer { min-height: 100vh; background: url('/images/20250214/event_bg.jpg') no-repeat 50% 100%; background-size: contain }
.eventcontainer .event_innercontainer .header { padding: 7vw 7vw 0 7vw; }
.eventcontainer .event_innercontainer .eventmain { min-height: 133vw; margin-top: 3vw; }
.event { position: relative; height: 92vw; width: 100vw; max-height: 598px; max-width: 100%; padding: 0 4vw; overflow: hidden;  }
.event .arrow { position: absolute; top: 0px; width: 92vw; max-width: 598px; }
.event .arrow img { width: 12.4vw; position: absolute; left: 50%; transform: translateX(-50%); max-width: 124px; height: 17.6vw; max-height:176px; }
.event .wheel { position: relative; height: 92vw; max-height: 598px; top: 0px; border-radius: 50%; width: 92vw; max-width: 598px; }
.event .wheel img { width: 84.2vw; max-width: 547px; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); margin-top: 0; top: 50% }
.event .wheel .wheel_btn { display: block; width: 20vw; height: 20vw; max-width: 91px; max-height: 91px; border-radius: 50%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; }
.result .modal-dialog { margin: 1rem; }
.result .modal-content { background: url('/images/20250214/result_bg.png') no-repeat; background-size: 100% 100%; }
.result .modal-body { padding: 10px 0px 0px 0px; }
.result .modal-body img { width: 100%; }
.result .modal-footer { padding: 0px; border: 0px; padding: 0 5vw 0; border-radius: 0; }
.result .modal-footer a { color: #000; background-color: transparent; font-weight: bold; font-size: 14px; }

}