#root,body,html{background:#f5f7fa;color:#2d3142;font-family:Pretendard,Noto Sans KR,Arial,sans-serif;height:100%;margin:0;padding:0}*{box-sizing:border-box}body{background:#f5f7fa;color:#2d3142;font-family:Pretendard,Noto Sans KR,Arial,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background:#fff;box-shadow:0 2px 8px #4a90e20f;display:flex;justify-content:space-between;padding:24px 48px 16px}.logo{color:#4a90e2;font-size:2rem;font-weight:700;letter-spacing:1px}.nav{display:flex;gap:32px}.nav a{color:#2d3142;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s}.nav a:hover{color:#4a90e2}.login-btn{background:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 28px;transition:background .2s}.login-btn:hover{background:#2d3142}.main-content{align-items:center;background:#f5f7fa;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:60px 16px 32px}.main-content h1{color:#2d3142;font-size:2.5rem;font-weight:800;margin-bottom:18px;text-align:center}.highlight{color:#4a90e2}.desc{color:#444;font-size:1.15rem;line-height:1.7;margin-bottom:32px;text-align:center}.main-btns{display:flex;gap:18px;margin-bottom:36px}.enter-btn,.video-btn{background:#ffd166;border:none;border-radius:18px;color:#2d3142;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 32px;transition:background .2s,color .2s}.enter-btn:hover,.video-btn:hover{background:#4a90e2;color:#fff}.main-illustration{flex-direction:column;justify-content:center;margin-top:24px;max-width:900px;min-height:180px}.class-section,.main-illustration{align-items:center;display:flex;gap:32px;margin-left:auto;margin-right:auto;width:100%}.class-section{background:#fff;border-radius:18px;box-shadow:0 2px 8px #4a90e212;flex-direction:row;max-width:800px;padding:24px 32px}.class-section:not(:last-child){margin-bottom:8px}.class-img{background:#f5f7fa;border-radius:16px;box-shadow:0 2px 8px #4a90e21a;height:240px;max-width:none;object-fit:cover;width:40%}.class-desc{flex:1 1 60%;width:60%}.class-desc h2{color:#4a90e2;font-size:1.4rem;font-weight:700;margin:0 0 8px}.class-desc p{color:#2d3142;font-size:1.08rem;line-height:1.6;margin:0}@media (max-width:700px){.main-illustration{gap:18px;padding-left:0;padding-right:0}.class-section{align-items:flex-start;flex-direction:column;gap:18px;margin-left:auto;margin-right:auto;padding:18px 10px}.class-img{height:180px;max-width:320px;width:100%}.class-desc{width:100%}}.footer{background:#fff;border-top:1px solid #e0e4ea;color:#888;font-size:1rem;padding:24px 0 12px;text-align:center}.footer-links{display:flex;gap:32px;justify-content:center;margin-bottom:8px}.footer-links a{color:#2d3142;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#4a90e2}.footer-copy{color:#888;font-size:.95rem}.google-login-wrapper{align-items:center;display:flex;height:60vh;justify-content:center;width:100%}.google-login-btn{align-items:center;background:#fff;border:1.5px solid #4a90e2;border-radius:40px;box-shadow:0 2px 8px #4a90e21a;color:#2d3142;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;gap:12px;padding:18px 38px;transition:background .2s,color .2s,border .2s}.google-login-btn:hover{background:#4a90e2;border:1.5px solid #2d3142;color:#fff}.google-logo{background:#fff;border-radius:50%;height:32px;width:32px}.survey-form{align-items:center;animation:pop-in .4s cubic-bezier(.68,-.55,.27,1.55);background:#fff;border-radius:32px;box-shadow:0 8px 32px #4a90e221,0 1.5px 8px #6fcf9712;display:flex;flex-direction:column;font-size:1.15rem;gap:18px;margin:60px auto 0;max-width:420px;padding:48px 36px 36px;position:relative;width:100%}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.survey-form h2{color:#4a90e2;font-size:2rem;font-weight:800;letter-spacing:1px;margin-bottom:12px}.survey-form label{color:#2d3142;display:block;font-weight:600;margin-bottom:4px}.survey-form-input,.survey-form-select{background:#f5f7fa;border:1.5px solid #e0e4ea;border-radius:14px;font-size:1.08rem;margin-bottom:16px;margin-top:4px;padding:10px 14px;transition:border .2s;width:100%}.survey-form-input:focus,.survey-form-select:focus{border:1.5px solid #4a90e2;outline:none}.survey-form button[type=submit]{background:linear-gradient(90deg,#4a90e2 60%,#6fcf97);border:none;border-radius:24px;box-shadow:0 2px 8px #4a90e21a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:10px;padding:16px 0;transition:background .2s,box-shadow .2s;width:100%}.survey-form button[type=submit]:hover{background:linear-gradient(90deg,#6fcf97,#4a90e2);box-shadow:0 4px 16px #4a90e22e}.survey-form button[type=button]{background:#ffd166;border:none;border-radius:18px;color:#2d3142;cursor:pointer;font-size:1rem;font-weight:600;margin-left:6px;margin-top:2px;padding:8px 18px;transition:background .2s,color .2s}.survey-form button[type=button]:hover{background:#4a90e2;color:#fff}.survey-form input::placeholder{color:#b0b8c1;opacity:1}.survey-form>div{width:100%}.profile-area{position:relative}.profile-area,.profile-avatar{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,#4a90e2 60%,#ffd166);border:2.5px solid #fff;border-radius:50%;box-shadow:0 2px 8px #4a90e221;color:#fff;font-size:1.5rem;font-weight:800;height:44px;justify-content:center;transition:box-shadow .2s;width:44px}.profile-area:hover .profile-avatar{box-shadow:0 4px 16px #4a90e22e}.profile-dropdown{animation:pop-in .25s cubic-bezier(.68,-.55,.27,1.55);background:#fff;border-radius:18px;box-shadow:0 4px 24px #4a90e221;color:#2d3142;font-size:1.08rem;min-width:180px;padding:18px 20px 14px;position:absolute;right:0;text-align:left;top:54px;z-index:10}.profile-dropdown b{color:#4a90e2;font-size:1.15rem}.profile-label{align-items:center;color:#2d3142;display:flex;font-size:1.08rem;font-weight:600;gap:4px;margin-left:4px}.profile-role{color:#4a90e2;font-size:1rem;font-weight:700;margin-left:2px}.profile-menu-item{border-radius:10px;color:#2d3142;cursor:pointer;font-size:1.05rem;padding:8px 0;transition:background .15s,color .15s}.profile-menu-item:hover{background:#f5f7fa;color:#4a90e2}.settings-modal{align-items:center;animation:pop-in .3s cubic-bezier(.68,-.55,.27,1.55);background:#fff;border-radius:24px;box-shadow:0 8px 32px #4a90e221,0 1.5px 8px #6fcf9712;display:flex;flex-direction:column;gap:10px;left:50%;max-width:95vw;min-width:320px;padding:38px 32px 32px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2000}.settings-modal h2{color:#4a90e2;font-size:1.5rem;font-weight:800;margin-bottom:18px}.settings-modal label{color:#2d3142;display:block;font-weight:600;margin-bottom:4px}.settings-modal input,.settings-modal select{background:#f5f7fa;border:1.5px solid #e0e4ea;border-radius:14px;font-size:1.08rem;margin-bottom:4px;margin-top:4px;padding:10px 14px;transition:border .2s;width:220px}.settings-modal input:focus,.settings-modal select:focus{border:1.5px solid #4a90e2;outline:none}.modal-close-btn{background:none;border:none;color:#b0b0b0;cursor:pointer;font-size:2rem;position:absolute;right:18px;top:16px;transition:color .2s;z-index:10}.modal-close-btn:hover{color:#4a90e2}@media (max-width:768px){.App{padding:0 0 60px}.footer,.header{align-items:flex-start;flex-direction:column;padding:12px 10px}.header .logo{font-size:1.3rem;margin-bottom:8px}.nav{flex-direction:row;font-size:1rem;gap:8px;justify-content:flex-start;margin-bottom:8px;width:100%}.profile-area{flex-direction:row;font-size:.98rem;gap:6px}.profile-avatar{font-size:1.1rem;height:36px;width:36px}.class-desc,.class-section,.main-content,.main-illustration{box-sizing:border-box;max-width:100vw!important;padding:0 6px!important;width:100%!important}.class-img{display:block;height:auto;margin:0 auto 10px;max-width:220px;width:100%}.class-desc h2{font-size:1.2rem}.class-desc p{font-size:.98rem}.settings-modal,.survey-form{border-radius:16px;max-width:98vw;min-width:0;min-width:auto;padding:18px 6px}.settings-modal h2,.survey-form h2{font-size:1.2rem}.settings-modal input,.settings-modal select,.survey-form-input,.survey-form-select{font-size:1rem;padding:8px 10px;width:100%!important}.login-btn,.profile-menu-item,.settings-modal button,.survey-form button{font-size:1rem;min-width:80px;padding:10px 0}.main-btns{flex-direction:column;gap:10px;width:100%}.footer{font-size:.95rem;padding:16px 10px;text-align:left}.footer-links{flex-direction:column;gap:6px}.profile-dropdown{font-size:.98rem;min-width:120px;padding:10px 10px 8px;top:44px}.class-section{align-items:flex-start!important;flex-direction:column!important;margin-bottom:18px!important}.class-section img{margin-bottom:8px}.comment-input,input[type=text],textarea{font-size:1rem;padding:8px}.App .main-illustration{padding:0 2px!important}.App .main-content>div,.App .main-illustration>div{max-width:100vw!important;min-width:0!important;padding:0 2px!important}.App .main-content .login-btn,.App .main-illustration .login-btn{margin-bottom:8px;min-width:0;width:100%}}
/*# sourceMappingURL=main.39a3fd34.css.map*/