@charset "UTF-8";.App{overflow:auto;text-align:center}.app-layout{display:flex;gap:0;margin:0;padding:0;position:relative}.app-layout .main-content{align-items:flex-start;background-color:#fff;display:flex;flex:1 1;justify-content:center;padding:0!important;position:relative}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.navbar-logo{align-items:center;background:#0000;display:flex}.navbar-logo img{margin-right:5px;width:3rem}.Footer{align-items:center;background-color:#f9f9f9;display:flex;gap:.5rem;justify-content:center;padding:4rem 1rem;width:100%}.Footer img{height:auto;width:7rem}.Footer .sec-content{align-items:flex-start;color:#555;display:flex;flex-direction:column;font-size:1rem;font-weight:700;gap:.3rem;text-align:center}.mobile-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;box-shadow:0 2px 10px #0000001a;caret-color:#0000;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mobile-navbar .mobile-navbar-header{align-items:center;box-sizing:border-box;display:flex;height:4rem;justify-content:space-between;padding:1rem 1.5rem}.mobile-navbar .mobile-navbar-logo{margin-left:3rem;width:100vw}.mobile-navbar .mobile-navbar-logo .txt-logo{align-items:center;display:flex;justify-content:center}.mobile-navbar .mobile-navbar-logo .txt-logo p{color:#ffd700e6;font-size:1.3rem;font-weight:800;letter-spacing:.1rem}.mobile-navbar .mobile-navbar-controls{align-items:center;display:flex;gap:1rem}.mobile-navbar .user-info{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.5rem}.mobile-navbar .user-info svg{font-size:1rem}.mobile-navbar .hamburger-menu{color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .3s ease}.mobile-navbar .hamburger-menu:hover{color:#ffd700e6}.mobile-navbar .mobile-menu-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1001}.mobile-navbar .mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-navbar .mobile-menu{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);height:100vh;max-width:85vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:320px}.mobile-navbar .mobile-menu.active{transform:translateX(0)}.mobile-navbar .mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;height:4rem;justify-content:space-between;padding:.5rem 1rem;position:relative;z-index:10}.mobile-navbar .mobile-menu-header .menu-logo .txt-logo p{color:#ffd700e6;font-size:1.2rem;font-weight:700;margin:0;text-align:center;width:100%}.mobile-navbar .mobile-menu-header .close-menu{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .3s ease}.mobile-navbar .mobile-menu-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:calc(100vh - 4rem);overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.mobile-navbar .mobile-menu-content::-webkit-scrollbar{display:none}.mobile-navbar .mobile-menu-content .ps-sidebar-root{background:#0000!important;border:none!important}.mobile-navbar .mobile-menu-content .ps-sidebar-container{background:#0000!important;color:#fff!important;padding-bottom:5rem}.mobile-navbar .mobile-menu-content .ps-menu-root{background:#0000!important}.mobile-navbar .mobile-menu-content .ps-menu-button{background:#0000!important;border-left:3px solid #0000!important;color:#fff!important;padding:.75rem 1.5rem!important;text-align:left!important;transition:all .3s ease!important}.mobile-navbar .mobile-menu-content .ps-menu-button:active,.mobile-navbar .mobile-menu-content .ps-menu-button:focus,.mobile-navbar .mobile-menu-content .ps-menu-button:hover{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;background:#0000!important;outline:none!important}.mobile-navbar .mobile-menu-content .ps-menu-button.ps-active{background:#0000!important;color:gold!important}.mobile-navbar .mobile-menu-content .ps-menu-button.ps-active .ps-menu-icon{color:gold!important}.mobile-navbar .mobile-menu-content .ps-menu-button.ps-active .ps-menu-label{color:gold!important;font-weight:600!important}.mobile-navbar .mobile-menu-content .ps-menu-button .ps-menu-icon{color:#fffc!important;font-size:1.2rem!important;margin-right:1rem!important;text-align:center!important;width:1.5rem!important}.mobile-navbar .mobile-menu-content .ps-menu-button .ps-menu-label{color:#fff!important;font-size:1rem!important;font-weight:500!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-menu-button{background:#0000!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-menu-button.ps-active .ps-menu-label{color:#ffd700e6!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content{background:#0003!important;border-radius:8px!important;margin-left:1.5rem!important;margin-right:1.5rem!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content .ps-menu-button{background:#0000!important;border-left:none!important;padding:.75rem 1rem .75rem 3rem!important;position:relative!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content .ps-menu-button:active,.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content .ps-menu-button:focus,.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content .ps-menu-button:hover{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;background:#0000!important;outline:none!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content .ps-menu-button:before{color:#ffd70099!important;content:"•"!important;left:1.5rem!important;position:absolute!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content .ps-menu-button.ps-active{background:#0000!important;color:gold!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content .ps-menu-button.ps-active .ps-menu-label{color:gold!important;font-weight:600!important}.mobile-navbar .mobile-menu-content .ps-submenu-root .ps-submenu-content .ps-menu-button .ps-menu-label{color:#fffc!important;font-size:.9rem!important}.mobile-navbar .login-section{padding:1rem 1.5rem}.mobile-navbar .login-section .user-profile2{align-items:center;background:#ffffff0d;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;height:5rem;padding:.75rem;transition:all .3s ease}.mobile-navbar .login-section .user-profile2 .profile-icon{color:#ffffffb3;font-size:1.5rem}.mobile-navbar .login-section .user-profile2 .user-text{align-items:center;display:flex;width:100%}.mobile-navbar .login-section .user-profile2 .user-text .user-name{color:#fff;font-size:.9rem;font-weight:600;margin:0}.mobile-navbar .login-section .user-profile2 .user-text .logout-text{color:#ffffffb3;font-size:.9rem}.mobile-navbar .login-section .user-profile2 .user-text .box-userName{display:flex;flex-direction:row;justify-content:space-between;width:100%}.mobile-navbar .login-section .user-profile2 .user-text p{color:#fff;font-size:1rem;font-weight:600;margin:0}.mobile-navbar .menu-items{border:1px solid blue;height:20rem;overflow-y:scroll;padding:1rem 0}.mobile-navbar .menu-item-wrapper{border:1px solid blue;margin-bottom:.5rem}.mobile-navbar .menu-item{border:1px solid blue;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.mobile-navbar .menu-item.active .menu-title{color:#ffd700e6}.mobile-navbar .menu-item-content{align-items:center;display:flex;justify-content:space-between}.mobile-navbar .menu-item-left{align-items:center;display:flex;gap:1rem}.mobile-navbar .menu-icon{color:#fffc;font-size:1.2rem;text-align:center;width:1.5rem}.mobile-navbar .menu-title{color:#fff;font-size:1rem;font-weight:500;transition:color .3s ease}.mobile-navbar .menu-arrow{color:#fff9;font-size:.9rem;transition:transform .3s ease}.menu-item.active .mobile-navbar .menu-arrow{transform:rotate(180deg)}.mobile-navbar .submenu{background:#0000004d;border-radius:8px;margin-left:1.5rem;margin-right:1.5rem;max-height:0;opacity:0;overflow:visible;text-align:left;transition:max-height .3s ease,opacity .3s ease}.mobile-navbar .submenu.active{max-height:none;opacity:1}.mobile-navbar .submenu-item{color:#fffc;cursor:pointer;font-size:.9rem;padding:.75rem 1rem .75rem 3rem;position:relative;transition:all .3s ease}.mobile-navbar .submenu-item:before{color:#ffd70099;content:"•";left:1.5rem;position:absolute}.mobile-navbar .submenu-item:first-child{border-radius:8px 8px 0 0}.mobile-navbar .submenu-item:last-child{border-radius:0 0 8px 8px}.mobile-navbar .app-controls{border-top:1px solid #ffffff1a;margin-top:1rem;padding:1rem 1.5rem}.mobile-navbar .app-controls .close-app-btn{background:linear-gradient(135deg,#ff4757,#ff3742);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.mobile-navbar .app-controls .close-app-btn:hover{box-shadow:0 4px 12px #ff475766;transform:translateY(-2px)}@media(max-width:480px){.mobile-navbar .mobile-menu{width:100vw}.mobile-navbar .mobile-navbar-header{padding:1rem}.mobile-navbar .user-info span{display:none}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(hover:none)and (pointer:coarse){.mobile-navbar .close-app-btn:hover,.mobile-navbar .menu-item:hover,.mobile-navbar .submenu-item:hover,.mobile-navbar .user-profile:hover{transform:none}}.SideMenu{border:1px solid #e7e1e1;caret-color:#0000;margin-top:3.7rem}.SideMenu .sidebar-container{position:relative;z-index:1000}.SideMenu .sidebar-container .sidebar-header{align-items:center;background:#faf9f9;border-bottom:1px solid #e5e7eb;display:flex;height:3rem;justify-content:center!important;padding:1rem;width:100%!important}.SideMenu .sidebar-container .sidebar-header .logo-section{align-items:center;display:flex;flex:1 1;gap:.75rem}.SideMenu .sidebar-container .sidebar-header .logo-section .user-icon{background-color:#e0e7ff!important;border-radius:50%;color:#6b7280;font-size:1.3rem;margin-right:9px;padding:.2rem}.SideMenu .sidebar-container .sidebar-header .logo-section .logo-text .user-welcome{align-items:center;color:#6b7280;display:flex;font-size:.9rem;font-weight:400;line-height:1.2;margin:0}.SideMenu .sidebar-container .sidebar-header .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-top:0!important;min-height:2rem;min-width:2rem;padding:.5rem;transition:all .15s ease}.SideMenu .sidebar-container .sidebar-header .close-btn:hover{background-color:#f3f4f6;color:#1f2937}.SideMenu .sidebar-container .sidebar-header .collapse-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-left:auto;min-height:2rem;min-width:2rem;padding:.5rem;transition:all .15s ease}.SideMenu .sidebar-container .sidebar-header .collapse-btn:hover{background-color:#f3f4f6;color:#1f2937}.SideMenu .sidebar-container .ps-menu-root{height:calc(100vh - 7rem);overflow-y:hidden;padding:0}.SideMenu .sidebar-container .ps-menu-root .ps-menuitem-root{border-radius:8px;margin:.125rem .75rem;overflow:hidden}.SideMenu .sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{border-radius:0;color:#374151!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--nav-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-weight:400;padding:.75rem 1rem;transition:all .15s ease}.SideMenu .sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{background-color:#f9fafb;color:#1f2937}.SideMenu .sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{color:#6b7280;font-size:1rem;margin-right:.75rem}.SideMenu .sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-label{font-size:.875rem;font-weight:500}.SideMenu .sidebar-container .ps-menu-root .ps-menuitem-root .ps-active{color:#dc2626!important;font-weight:500!important}.SideMenu .sidebar-container .ps-menu-root .ps-menuitem-root .ps-active.ps-menu-icon{color:#dc2626!important}@media(max-width:768px){.SideMenu .app-backdrop,.SideMenu .ps-backdrop,.SideMenu .ps-sidebar-overlay{background:#0000!important;pointer-events:none!important;z-index:1500!important}.SideMenu .mobile-floating-toggle{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;height:45px;justify-content:center;left:7px;position:fixed;top:7px;width:45px;z-index:10000}.SideMenu .mobile-floating-toggle:hover{background:#f5f5f5;box-shadow:0 4px 12px #0003}.SideMenu .mobile-floating-toggle svg{color:#333;font-size:20px}.SideMenu .sidebar-container.mobile-open+.mobile-floating-toggle{display:none}.SideMenu .sidebar-container{width:auto!important}.SideMenu .sidebar-container .ps-sidebar-container{background-color:#fcf9f9!important;flex:none!important;height:calc(100vh - 60px)!important;left:0!important;max-width:280px!important;min-width:280px!important;position:fixed!important;top:60px!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:280px!important;z-index:2001!important}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container{box-shadow:2px 0 10px #0000001a!important;max-width:280px!important;min-width:280px!important;pointer-events:auto!important;transform:translateX(0)!important;width:280px!important}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container *{pointer-events:auto!important}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .ps-sidebar-root{max-width:280px!important;min-width:280px!important;width:280px!important}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .sidebar-header{align-items:center!important;display:flex!important;justify-content:space-between!important;pointer-events:auto!important}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .sidebar-header .logo-section{flex:1 1}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .sidebar-header .close-btn{align-items:center;background-color:#0000;border:none;border-radius:6px;cursor:pointer;display:flex!important;height:35px;justify-content:center;margin-right:-7px;margin-top:-9px;pointer-events:auto!important;width:35px;z-index:1002}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .sidebar-header .close-btn:hover{background:#f5f5f5}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .sidebar-header .close-btn svg{color:#666;font-size:16px}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .sidebar-header .collapse-btn{display:none!important}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .ps-menu-root,.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .ps-menu-root .ps-menuitem-root,.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .ps-menu-root .ps-submenu-root{pointer-events:auto!important}.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button,.SideMenu .sidebar-container.mobile-open .ps-sidebar-container .ps-menu-root .ps-submenu-root .ps-menu-button{cursor:pointer!important;pointer-events:auto!important}}.MyRoom_aca{caret-color:#0000;height:100%;margin-bottom:13rem;overflow-y:hidden;padding:0}.MyRoom_aca .ps-menu-root{overflow-y:auto!important;padding-bottom:5rem!important}.MyRoom_aca .ps-menu-root .ps-menuitem-root,.MyRoom_aca .ps-menu-root .ps-submenu-root{border:none!important;margin:0!important;padding:0!important}.MyRoom_aca .ps-menu-root .ps-menuitem-root:after,.MyRoom_aca .ps-menu-root .ps-menuitem-root:before,.MyRoom_aca .ps-menu-root .ps-submenu-root:after,.MyRoom_aca .ps-menu-root .ps-submenu-root:before{display:none!important}.MyRoom_aca .ps-menu-root .ps-menu-button{align-items:center!important;background-color:#0000!important;border:none!important;color:#374151!important;display:flex!important;margin:0!important;padding:4px 16px!important;text-align:left!important}.MyRoom_aca .ps-menu-root .ps-menu-button .ps-menu-icon{color:#6b7280!important;margin-right:2px!important}.MyRoom_aca .ps-menu-root .ps-menu-button .ps-menu-button:hover{background-color:#f6f3f5!important}.MyRoom_aca .ps-menu-root .ps-menu-button .ps-menu-button:hover .ps-menu-icon{color:#374151!important}.MyRoom_aca .ps-menu-root .ps-submenu-root>.ps-menu-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--nav-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-weight:500!important}.MyRoom_aca .ps-menu-root .ps-submenu-root>.ps-menu-button .ps-submenu-expand-icon{color:#888!important;margin-right:4px!important;transform:scale(1.3)!important;width:.5rem!important}.MyRoom_aca .ps-menu-root .ps-submenu-root.empty-submenu>.ps-menu-button .ps-submenu-expand-icon,.MyRoom_aca .ps-menu-root .ps-submenu-root:not(:has(.ps-submenu-content .ps-menuitem-root))>.ps-menu-button .ps-submenu-expand-icon{display:none!important}.MyRoom_aca .ps-menu-root .ps-submenu-root .ps-submenu-content{background-color:#0000!important;border:none!important;margin:0 0 0 .5rem!important;padding:0!important}.MyRoom_aca .ps-menu-root .ps-submenu-root .ps-submenu-content .ps-menuitem-root{padding:.3rem 0!important}.MyRoom_aca .ps-menu-root .ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button{border-radius:6px!important;color:#6b7280!important;height:1.8rem!important;margin-left:2rem!important;padding:.3rem 0!important;width:11rem!important}.MyRoom_aca .ps-menu-root .ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button .ps-menu-icon{color:#9ca3af!important}@media(max-width:600px){.MyRoom_aca{padding:.3rem}}.MyRoom_stu{caret-color:#0000;height:100%;margin-bottom:13rem;overflow-y:hidden;padding:0}.MyRoom_stu .ps-menu-root{overflow-y:auto!important;padding-bottom:5rem!important}.MyRoom_stu .ps-menu-root .ps-menuitem-root,.MyRoom_stu .ps-menu-root .ps-submenu-root{border:none!important;margin:0!important;padding:0!important}.MyRoom_stu .ps-menu-root .ps-menuitem-root:after,.MyRoom_stu .ps-menu-root .ps-menuitem-root:before,.MyRoom_stu .ps-menu-root .ps-submenu-root:after,.MyRoom_stu .ps-menu-root .ps-submenu-root:before{display:none!important}.MyRoom_stu .ps-menu-root .ps-menu-button{align-items:center!important;background-color:#0000!important;border:none!important;color:#374151!important;display:flex!important;margin:0!important;padding:4px 16px!important;text-align:left!important}.MyRoom_stu .ps-menu-root .ps-menu-button .ps-menu-icon{color:#6b7280!important;margin-right:2px!important}.MyRoom_stu .ps-menu-root .ps-menu-button .ps-menu-button:hover{background-color:#f6f3f5!important}.MyRoom_stu .ps-menu-root .ps-menu-button .ps-menu-button:hover .ps-menu-icon{color:#374151!important}.MyRoom_stu .ps-menu-root .ps-submenu-root>.ps-menu-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--nav-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-weight:500!important}.MyRoom_stu .ps-menu-root .ps-submenu-root>.ps-menu-button .ps-submenu-expand-icon{color:#888!important;margin-right:4px!important;transform:scale(1.3)!important;width:.5rem!important}.MyRoom_stu .ps-menu-root .ps-submenu-root.empty-submenu>.ps-menu-button .ps-submenu-expand-icon,.MyRoom_stu .ps-menu-root .ps-submenu-root:not(:has(.ps-submenu-content .ps-menuitem-root))>.ps-menu-button .ps-submenu-expand-icon{display:none!important}.MyRoom_stu .ps-menu-root .ps-submenu-root .ps-submenu-content{background-color:#0000!important;border:none!important;margin:0 0 0 .5rem!important;padding:0!important}.MyRoom_stu .ps-menu-root .ps-submenu-root .ps-submenu-content .ps-menuitem-root{padding:.3rem 0!important}.MyRoom_stu .ps-menu-root .ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button{border-radius:6px!important;color:#6b7280!important;height:1.8rem!important;margin-left:2rem!important;padding:.3rem 0!important;width:11rem!important}.MyRoom_stu .ps-menu-root .ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button .ps-menu-icon{color:#9ca3af!important}@media(max-width:600px){.MyRoom_stu{padding:.3rem}}.BasicLogin{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;padding:1rem;position:fixed;top:0;width:100vw}.BasicLogin form{background:#fffffff2;border:1px solid #ffffff1a;border-radius:16px;margin-top:3rem;max-width:320px;padding:2rem 1.5rem;width:100%}.BasicLogin form .title{border-radius:.3rem;color:var(--pri-color);font-family:var(--SCDream);font-size:1.8rem;font-weight:700;margin-bottom:2rem;padding:0;text-align:center}.BasicLogin form .title p{margin:0;padding:0;width:100%}.BasicLogin form .title p:first-child{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--pri-color),gold);-webkit-background-clip:text;letter-spacing:.15rem}.BasicLogin form .title p:nth-child(2){color:#666;font-family:var(--nanum);font-size:.9rem;font-weight:500;letter-spacing:.05rem;margin:.5rem 0 0;padding:0}.BasicLogin form div{margin-bottom:1.5rem}.BasicLogin form label{color:#555;display:block;font-size:1rem;font-weight:500;margin-bottom:.75rem;text-align:left}.BasicLogin form input{background:#ffffffe6;border:2px solid #e0e0e0;border-radius:12px;color:#333;font-size:1.1rem;padding:1rem .75rem;text-align:center;transition:all .3s ease;width:100%}.BasicLogin form input::placeholder{color:#999;font-size:1rem}.BasicLogin form input:focus{background:#fff;border-color:var(--pri-color);box-shadow:0 0 0 3px #ffd7001a;outline:none;transform:translateY(-1px)}.BasicLogin form .box_menu{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem}.BasicLogin form .box_menu .btn-login,.BasicLogin form .box_menu .btn-login2{border:none;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1.1rem;font-weight:600;height:3rem;transition:all .3s ease;width:100%}.BasicLogin form .box_menu .btn-login i,.BasicLogin form .box_menu .btn-login2 i{margin-right:8px}.BasicLogin form .box_menu .btn-login{background:linear-gradient(135deg,#2c5aa0,#4a90e2);color:#fff}.BasicLogin form .box_menu .btn-login:hover{background:linear-gradient(135deg,#1e3d6f,#357abd);box-shadow:0 6px 20px #2c5aa066;transform:translateY(-2px)}.BasicLogin form .box_menu .btn-login2{background:linear-gradient(135deg,#28a745,#5cb85c);color:#fff}.BasicLogin form .box_menu .btn-login2:hover{background:linear-gradient(135deg,#1e7e34,#449d44);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.BasicLogin form .box_setingPw{margin-top:1.5rem;text-align:center}.BasicLogin form .box_setingPw Button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;text-decoration:underline;transition:color .3s ease}.BasicLogin form .box_setingPw Button:hover{color:var(--pri-color)}.BasicLogin .section-chkbox{margin-top:1.5rem}.BasicLogin .section-chkbox .chkbox{background:#ffffffe6;border:2px solid #e0e0e0;border-radius:12px;font-size:1.1rem;margin-bottom:1.5rem;padding:.75rem;text-align:center;transition:all .3s ease;width:100%}.BasicLogin .section-chkbox .chkbox:focus{border-color:var(--pri-color);box-shadow:0 0 0 3px #ffd7001a;outline:none}.BasicLogin .section-chkbox .form-check-input{accent-color:var(--pri-color);cursor:pointer;font-size:1.1rem;height:24px;width:24px}.BasicLogin .section-chkbox .lblChk{align-items:center;color:#555;display:flex;flex-direction:row;font-size:1rem;justify-content:center;margin-left:0}.BasicLogin .section-menu-login{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.BasicLogin .section-menu-login .article-login{align-items:center;display:flex;gap:8px}.BasicLogin .section-menu-login p{color:var(--h-sky);font-size:1rem;font-weight:500}.BasicLogin .section-menu-login .version{color:#999;font-size:.9rem;margin-top:1.5rem}.BasicLogin .btnSignUp{background:none;border:none;color:#666!important;cursor:pointer;font-size:1rem;text-decoration:underline;transition:color .3s ease}.BasicLogin .btnSignUp:hover{color:var(--pri-color)!important}.BasicLogin .update{color:#ff4757!important;font-weight:600}@media screen and (max-height:700px){.BasicLogin{padding:.5rem}.BasicLogin form{max-width:300px;padding:1.5rem 1rem}.BasicLogin form .title{font-size:1.6rem;margin-bottom:1.5rem}.BasicLogin form input{font-size:1rem;padding:.75rem}.BasicLogin form .btn-login{font-size:1rem;height:2.5rem}}@media screen and (max-height:600px){.BasicLogin form .title{font-size:1.4rem;margin-bottom:1rem}.BasicLogin form .title p:nth-child(2){display:none}.BasicLogin form div{margin-bottom:1rem}.BasicLogin form .box_menu{margin-top:1.5rem}.BasicLogin .section-menu-login{gap:.5rem;margin-top:1rem}.BasicLogin .section-menu-login .version{margin-top:.5rem}}.hong-button{align-items:center;border:none;border-radius:4px!important;color:#fff;cursor:pointer;display:inline-flex;gap:0;height:2.1rem;justify-content:center;line-height:1;outline:none;overflow:hidden;padding:0 12px;position:relative;transition:background-color .3s ease-in-out}.hong-button.disabled,.hong-button:disabled{background-color:#ddd!important;border:none!important;color:#888!important;cursor:not-allowed}.hong-button.disabled:hover,.hong-button:disabled:hover{background-color:#ddd!important}.hong-button .start-icon{align-items:center;display:inline-flex;justify-content:center;margin-right:3px}.hong-button .start-icon img{display:block;height:1.2em;width:auto}.hong-button .fa-spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hong-button.has-icon{--icon-gap:8px}.hong-button .button-icon{align-items:center;display:inline-flex;font-size:.9em;height:100%;justify-content:center;vertical-align:middle}.hong-button .button-icon.icon-left{margin-right:1px;margin-right:var(--icon-gap,1px)}.hong-button .button-icon.icon-right{margin-left:1px;margin-left:var(--icon-gap,1px)}.hong-button .button-icon i,.hong-button .button-icon svg{align-items:center;display:flex;justify-content:center;vertical-align:middle}.hong-button .button-text{align-items:center;display:inline-flex;line-height:1;vertical-align:middle}.ripple{animation:ripple-animation 3s ease-out;background-color:#fff6;border-radius:50%;opacity:1;pointer-events:none;position:absolute;transform:scale(0);transition:opacity 3s ease-out}@keyframes ripple-animation{to{opacity:0;transform:scale(6)}}.SignUp{height:100%;padding-bottom:1rem}.SignUp .wrap-main{align-items:center;background-color:#fff;border:1px solid #ccc;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:hidden;overflow-y:auto;padding:3rem 0;width:100%}.SignUp .section-singnup .art-cert{position:relative}.SignUp .section-singnup .art-cert .btnCheckCert{height:1.5rem;position:absolute;right:0;top:2rem}.SignUp .section-singnup .art-id{position:relative}.SignUp .section-singnup .art-id .btnCheckUserId{height:1.5rem;position:absolute;right:0;top:2rem}.SignUp .box_signUp,.SignUp .inner_singUp{border-radius:10px;position:relative;width:auto}.SignUp .inner_singUp{background-color:#fff;border:1px solid #ddd;padding:1rem 5rem 3rem}.SignUp .box_menu{display:flex;height:6rem;justify-content:center;margin-top:2rem;width:100%}.SignUp .box_menu button{height:2.5rem;margin:0 .3rem;padding:.5rem;width:30%}.SignUp .title{caret-color:#0000;color:#333;font-size:1.5rem;font-weight:700;margin-bottom:20px}.SignUp div{margin-bottom:0;width:20rem}.SignUp div label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:5px;margin-top:1rem;text-align:left}.SignUp div input[type=email],.SignUp div input[type=password],.SignUp div input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:5px;padding:5px;width:100%}.SignUp div input[type=email]:focus,.SignUp div input[type=password]:focus,.SignUp div input[type=text]:focus{border-color:#007bff;outline:none}.SignUp .errorMessage{color:red}.SignUp .box_termsAgreement{border-radius:10px;margin-top:1rem;width:100%}.SignUp .article-kind{display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:0;width:100%}.SignUp .cmbKind{border:1px solid #ccc;border-radius:5px;height:2rem;outline:none;text-align:left;width:100%}.SignUp .box-adress{position:relative}.SignUp .box-adress .btnAdressSearch{height:1.5rem;position:absolute;right:.1rem;top:2rem}.SignUp .box_modal{background-color:#fff;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:5px;position:absolute;top:5rem;transform:translateX(-50);width:100%;z-index:100}.TermsAgreement{width:100%!important}.TermsAgreement .inner-termsAgreement{background-color:#fff;border:1px solid #ddd;border-radius:0;box-sizing:border-box;caret-color:#0000;margin-top:0;padding:1rem 1.5rem;width:100%}.TermsAgreement p{color:#333;font-size:18px}.TermsAgreement img{margin-top:-3px;width:20px}.agreement-item{align-items:center;display:flex;margin-bottom:16px}.agreement-item button{height:1rem;margin-left:auto;padding:0 12px}.agreement-item .MuiFormControlLabel-root{display:flex;margin-right:auto}.box_chk{align-items:center;display:flex;height:2rem;line-height:.1rem;width:100%!important}@media screen and (max-width:500px){.TermsAgreement{display:flex;justify-content:center}.inner-termsAgreement{border:none!important;min-width:413px;padding:0 3rem!important;position:relative;width:100vw!important}.formControlLabel{align-items:flex-start!important;display:flex;height:auto;justify-content:center}.formControlLabel .chk01{margin-bottom:1.5rem}.formControlLabel .item01{display:inline-block;font-size:.9rem;margin-bottom:2rem;padding:0;text-align:left;width:calc(100% - 3rem)}}.CreatPw{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:5rem;overflow:hidden;padding:0 1.5rem 1.5rem}.CreatPw .box_signUp{border-radius:10px;position:relative;width:auto}.CreatPw .inner_singUp{border:1px solid #ddd;border-radius:0;padding:1rem 5rem 3rem;position:relative;width:auto}.CreatPw .box_menu{display:flex;height:6rem;justify-content:center;margin-top:2rem;width:100%}.CreatPw .box_menu button{background-color:var(--hanbat-red);border:none;border-radius:5px;color:#fff;cursor:pointer;height:2.5rem;margin:0 .3rem;padding:.5rem;transition:background-color .3s;width:30%}.CreatPw .box_menu button:hover{background-color:var(--hanbat-red-dark)}.CreatPw .box_menu .btnClose{background-color:#789}.CreatPw .box_menu .btnClose:hover{background-color:#333}.CreatPw .title{caret-color:#0000;color:#333;color:var(--hanbat-blue);font-size:1.3rem;font-weight:700;margin-bottom:10px}.CreatPw div{margin-bottom:0;width:20rem}.CreatPw div label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:5px;margin-top:1rem;text-align:left}.CreatPw div input[type=email],.CreatPw div input[type=password],.CreatPw div input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:5px;padding:5px;width:100%}.CreatPw div input[type=email]:focus,.CreatPw div input[type=password]:focus,.CreatPw div input[type=text]:focus{border-color:#007bff;outline:none}.CreatPw .btnCheckUserId{height:1.5rem;position:absolute;right:5.5rem;top:4.2rem}.CreatPw .errorMessage{color:red}.CreatPw .box_termsAgreement{border-radius:10px;margin-top:1rem;width:100%}.UpdatePw{align-items:center;border:1px solid #ccc;border-top:initial;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-bottom:8rem}.UpdatePw .wrap-main{width:auto}.UpdatePw .wrap-main .box_signUp{border-radius:10px;position:relative;width:auto}.UpdatePw .inner_singUp{border:1px solid #ddd;border-radius:0;border-radius:5px;box-shadow:0 1px 4px #0000001a;padding:1rem 5rem 3rem;position:relative;width:auto}.UpdatePw .box_menu{display:flex;height:6rem;justify-content:center;margin-top:2rem;width:100%}.UpdatePw .box_menu button{height:2.5rem;margin:0 .3rem;padding:.5rem;width:30%}.UpdatePw .title{caret-color:#0000;color:#333;color:var(--hanbat-blue);font-size:1.5rem;font-weight:700;margin-bottom:10px}.UpdatePw div{margin-bottom:0;width:20rem}.UpdatePw div label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:5px;margin-top:1rem;text-align:left}.UpdatePw div .userName,.UpdatePw div input[type=email],.UpdatePw div input[type=password],.UpdatePw div input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:5px;padding:5px;text-align:left;width:100%}.UpdatePw div .userName:focus,.UpdatePw div input[type=email]:focus,.UpdatePw div input[type=password]:focus,.UpdatePw div input[type=text]:focus{border-color:#007bff;outline:none}.UpdatePw div .userName{color:var(--hanbat-sky)}.UpdatePw .btnCheckUserId{height:1.5rem;position:absolute;right:5.5rem;top:4.2rem}.UpdatePw .errorMessage{color:red}.UpdatePw .box_termsAgreement{border-radius:10px;margin-top:1rem;width:100%}@media screen and (max-width:500px){.inner_singUp{border:none!important}.inner_singUp div{box-sizing:border-box;margin-bottom:0;padding:0 3rem;width:100vw}}.UpdateApp{height:100%;width:100%}.wrap-main2{display:flex;flex-direction:column}.section-tap1{caret-color:#0000}.section-tap1 .tabList1{border-bottom:1px solid #ccc;padding-left:0;text-align:left}.section-tap1 .tabList1 .react-tabs__tab{color:var(--h-gray);font-weight:600;margin:0 .3rem}.section-tap1 .tabList1 .react-tabs__tab--selected{color:var(--h-green);font-weight:600}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.UpdateInfo{caret-color:#000;height:100%;padding-bottom:8rem}.UpdateInfo .wrap-main{align-items:center;border:1px solid #ccc;border-top:initial;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:3rem 0;width:100%}.UpdateInfo .section-singnup{width:30rem}.UpdateInfo .box_signUp{border-radius:10px;width:auto}.UpdateInfo .inner_singUp{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 4px #0000001a;padding:1rem 5rem 3rem;width:auto}.UpdateInfo .box_menu{display:flex;height:6rem;justify-content:center;margin-top:2rem;width:100%}.UpdateInfo .box_menu button{height:2.5rem;margin:0 .3rem;padding:.5rem;width:30%}.UpdateInfo .title{caret-color:#0000;color:#333;font-size:1.5rem;font-weight:700;margin-bottom:20px}.UpdateInfo div{margin-bottom:0;width:20rem}.UpdateInfo div label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:5px;margin-top:1rem;text-align:left}.UpdateInfo div input[type=email],.UpdateInfo div input[type=password],.UpdateInfo div input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:5px;padding:5px;width:100%}.UpdateInfo div input[type=email]:focus,.UpdateInfo div input[type=password]:focus,.UpdateInfo div input[type=text]:focus{border-color:#007bff;outline:none}.UpdateInfo .btnCheckUserId{height:1.5rem;position:absolute;right:5rem;top:9rem}.UpdateInfo .errorMessage{color:red}.UpdateInfo .box_termsAgreement{border-radius:10px;margin-top:1rem;width:100%}.UpdateInfo .article-kind{display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:0;width:100%}.UpdateInfo .cmbKind{border:1px solid #ccc;border-radius:5px;height:2rem;outline:none;text-align:left;width:100%}.UpdateInfo .box-adress{position:relative}.UpdateInfo .box-adress .btnAdressSearch{height:1.5rem;position:absolute;right:.1rem;top:2rem}.UpdateInfo .box_modal{background-color:#fff;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:5px;position:fixed;top:5rem;transform:translateX(-50);width:100%;z-index:100}.paginate-container{height:calc(100vh - 5rem);margin:0;padding:2rem 0}.box_title{padding-left:.5rem;text-align:center}.box_title h1{font-family:var(--jamsilB);font-size:2rem!important;font-weight:600}.items h3{border-bottom:1px solid #eee;color:#555;margin:15px 0;padding:10px}.pagination{align-items:center;display:flex;gap:var(--size-20);justify-content:center;list-style:none;margin-bottom:2rem;margin-top:25px;padding:0}.pagination li{margin:0 5px}.pagination li a{caret-color:#0000;color:#333;cursor:pointer;font-size:1.2rem;text-decoration:none;transition:background-color .3s,color .3s}.pagination li a:hover{background-color:#f8f8f8}.pagination li.active a{color:var(--h-blue);font-weight:800}.pagination li.disabled a{color:#ccc;cursor:not-allowed}.frame_boardList{align-items:center;caret-color:#0000;display:flex;flex-direction:column}.frame_boardList .BoardList{margin-bottom:1rem;margin-top:2rem;min-width:60rem;width:50%}.frame_boardList .box_title{display:flex;justify-content:flex-end;padding:0 .5rem}.frame_boardList .box_title Button{margin-top:-3rem;width:5rem}.frame_boardList .title{text-align:left}.frame_boardList .BoardList table{border-collapse:collapse;margin:0;padding:0;width:100%}.frame_boardList .BoardList tr{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;caret-color:#0000;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.frame_boardList .BoardList tr:hover{background-color:#e6e6e64d;cursor:pointer}.frame_boardList .BoardList td,.frame_boardList .BoardList th{flex:1 1;padding:1.25rem .9375rem;text-align:left}.frame_boardList .BoardList td:nth-child(1n){flex:1 1 20%}.frame_boardList .BoardList td:nth-child(2){flex:1 1 80%}.frame_boardList .BoardList thead{display:none}.frame_boardList .BoardList td:first-child{text-align:center;width:5rem}.frame_boardList .BoardList td:nth-child(2){color:dimgray;font-weight:600;text-align:left;width:28rem}.frame_boardList .BoardList td:last-child{color:dimgray;text-align:center;width:7rem}@media(max-width:60rem){.frame_boardList .BoardList{font-size:.9rem;margin-bottom:1rem;margin-top:0;min-width:100vw;padding:2rem 1rem}.frame_boardList .BoardList tr{align-items:center;border:1px solid #ddd!important;display:flex;flex-wrap:wrap;padding:20px;width:calc(100vw - 2rem)}.frame_boardList .BoardList tr:first-child{border-top:1px solid #ddd}.frame_boardList .BoardList tr:not(:first-child){border-top:none}.frame_boardList .BoardList td:first-child,.frame_boardList .BoardList td:nth-child(3){border:none;color:#ccc!important;padding:0;text-align:left!important;width:50%!important}.frame_boardList .BoardList td:nth-child(3){text-align:right!important}.frame_boardList .BoardList td:nth-child(2){border-bottom:none;border-top:none;order:3;padding:3px 0;width:100%}.frame_boardList .BoardList .box_title{align-items:center;border:0 solid green!important;display:flex;justify-content:space-between}}.box_modal2{height:calc(100% - 3.2rem);left:0;position:absolute;top:0;z-index:10000}.box_modal2,.frame_boardDetail{display:flex;justify-content:center;width:100%}.frame_boardDetail{background-color:#fff;caret-color:#0000;height:100%;padding-bottom:0}.frame_boardDetail .box_jodit{margin-bottom:3rem;overflow-y:scroll}.frame_boardDetail .box_title{align-content:center;align-items:center;display:flex;height:4rem;justify-content:space-between}.frame_boardDetail .box_title .title{height:auto;margin:auto 0}.frame_boardDetail .box_itemTitle{align-items:center;background:#f6f6f6;border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem;margin-top:.5rem;padding:1.5rem 2.5rem}.frame_boardDetail .itemTitle{color:#000;font-size:1.1rem;font-weight:600}.frame_boardDetail .itemDate{color:gray;display:block;text-align:right;width:100%}.frame_boardDetail .jodit{border-left:none!important;border-right:none!important;border:none;border-bottom:1px solid #ddd;width:60rem!important}.frame_boardDetail .box-menu{display:flex;gap:.5rem;height:2rem;justify-content:center;margin-top:1rem;padding:0 1.5rem!important}.frame_boardDetail .box-menu .btn{width:6rem}@media(max-width:820px){.frame_boardDetail{caret-color:#0000;display:flex;height:auto;justify-content:flex-start;padding-bottom:6rem;width:100vw}.frame_boardDetail .box_title{align-content:center;align-items:center;display:flex;height:4rem;justify-content:space-between}.frame_boardDetail .box_title .title{height:auto;margin:auto 0}.frame_boardDetail .box_updateDelete{margin:0;padding:0}.frame_boardDetail .box_itemTitle{display:block}.frame_boardDetail .box_itemTitle .itemTitle{text-align:left}.frame_boardDetail .box_itemTitle .itemDate{text-align:right;width:100%}.frame_boardDetail .box_jodit{padding:1rem;width:100vw}.frame_boardDetail .itemTitle{color:#000;font-size:.9rem;font-weight:600}.frame_boardDetail .itemDate{color:gray;font-size:.9rem}.frame_boardDetail .jodit{border-left:none!important;border-right:none!important;width:60rem!important}}.BoardUpdate{align-content:flex-start;background-color:#fff;caret-color:#000;display:flex;height:100%;justify-content:flex-start;margin-top:0;overflow:hidden;padding:3px;width:100%}.BoardUpdate .frame_boardWrite{overflow-y:auto}.BoardUpdate .box_jodit{max-width:60rem!important}.BoardUpdate .box_title{align-items:center;display:flex;font-size:1.5rem;height:5rem;justify-content:center}.BoardUpdate .formGroup{align-items:flex-start;display:flex;flex-direction:column;margin:0}.BoardUpdate .formGroup .categorySelect,.BoardUpdate .formGroup .titleInput{border:1px solid #ccc;border-radius:0;box-sizing:border-box;font-size:16px;height:2.5rem;margin-bottom:10px;margin-right:6px;outline:none;padding:8px 12px;width:100%}.BoardUpdate .formGroup .titleInput{margin-bottom:.5rem}.BoardUpdate .frame_boardWrite .box_btnMenu{display:flex;gap:.5rem;justify-content:center;margin-bottom:5rem;margin-top:3rem}.BoardUpdate .frame_boardWrite .box_btnMenu .btn{width:6rem}.BoardUpdate .frame_boardWrite .jodit{width:60rem!important}.BoardUpdate .category_date{display:flex;justify-content:space-between;width:100%}.BoardUpdate .categorySelect,.BoardUpdate .react-datepicker-wrapper{flex:1 1;margin-left:0}.BoardUpdate .react-datepicker__input-container input{border:1px solid #ccc;border-radius:0;cursor:pointer;height:2.5rem;outline:none;padding-left:7px;width:100%}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;stroke:#aeaeae;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;stroke:#aeaeae;color:#fff}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.BoardWrite{align-content:flex-start;background-color:#fff;caret-color:#000;display:flex;height:100%;justify-content:center;margin-top:0;overflow:hidden;padding:3px;width:100%}.BoardWrite .frame_boardWrite{overflow-y:auto}.BoardWrite .box_jodit{max-width:60rem!important}.BoardWrite .box_title{align-items:center;display:flex;font-size:1.5rem;height:5rem;justify-content:center}.BoardWrite .formGroup{align-items:start;display:flex;flex-direction:column;margin:0}.BoardWrite .formGroup .categorySelect,.BoardWrite .formGroup .titleInput{border:1px solid #ccc;border-radius:0;box-sizing:border-box;font-size:16px;height:2.5rem;margin-bottom:10px;margin-right:6px;outline:none;padding:8px 12px;width:100%}.BoardWrite .formGroup .titleInput{margin-bottom:.5rem}.BoardWrite .frame_boardWrite .box_btnMenu{display:flex;gap:.5rem;justify-content:center;margin-bottom:5rem;margin-top:3rem}.BoardWrite .frame_boardWrite .box_btnMenu .btn{width:6rem}.BoardWrite .frame_boardWrite .jodit{width:60rem!important}.BoardWrite .category_date{display:flex;justify-content:space-between;width:100%}.BoardWrite .categorySelect,.BoardWrite .react-datepicker-wrapper{flex:1 1;margin-left:0}.BoardWrite .react-datepicker__input-container input{border:1px solid #ccc;border-radius:0;cursor:pointer;height:2.5rem;outline:none;padding-left:7px;width:100%}.BoardWrite .box_fileUpload{border:1px solid #d3d3d3;border-radius:0;box-sizing:border-box;margin-bottom:1rem;margin-top:1rem;padding:1rem;text-align:left;width:100%}.StoreBook{caret-color:#0000;height:100%;padding:20px;width:100%}.StoreBook .store-layout{display:flex;gap:20px;height:100%}.StoreBook .info-text{color:#666;font-size:1rem;grid-column:1/-1;padding:20px;text-align:left}@media(max-width:768px){.StoreBook{padding:10px}.StoreBook .store-layout{flex-direction:column}}.store-sidebar{background:#fff;border:1px solid #e0e0e0;max-width:300px;min-width:250px;padding:0}.sidebar-header{border-bottom:1px solid #e0e0e0;margin-bottom:10px;padding:10px}.sidebar-title{align-items:center;color:var(--h-dark);display:flex;font-size:1.2rem;gap:.5rem;justify-content:center;margin:0;padding:0 1.3rem}.store-menu{border:none;height:calc(100% - 5rem);overflow-y:auto}.store-menu .ps-menu-icon{margin-right:0!important}.store-menu .ps-menuitem-root{margin-bottom:0}.store-menu .ps-menu-button{border-radius:0;justify-content:flex-start;padding:6px 12px;text-align:left;transition:all .2s ease}.parent-menu{color:var(--h-dark)!important;font-size:.95rem;font-weight:600}.parent-menu .ps-submenu-button{font-weight:500;padding:6px 12px}.parent-menu .ps-menu-icon{font-size:.7rem}.parent-menu .ps-submenu-content{background-color:#0000}.parent-menu .ps-submenu-expand-icon{margin-bottom:.5rem;margin-right:.5rem;padding:0!important;transform:scale(1.3)}.child-menu-item{overflow:hidden}.child-menu-item .ps-menu-button{color:#999!important;font-size:.95rem;height:2rem!important;padding-left:35px!important}.child-menu-item.ps-active .ps-menu-button{color:var(--h-red)!important}@media(max-width:768px){.store-sidebar{margin-bottom:20px;max-width:100%;min-width:100%}}.store-main{background:#fff;border:1px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.store-main .main-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 15px}.store-main .main-header .btn{line-height:1rem;padding:0 1rem}.store-main .main-title{color:#333;font-size:1.3rem;margin:0;text-align:center}.store-main .main-content{flex:1 1;height:calc(100% - 60px);overflow-y:auto;padding:10px!important;width:100%}.store-main .book-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.store-main .book-card{border:1px solid #e0e0e0;display:flex;flex-direction:column;max-height:550px;overflow-y:auto;padding:15px;transition:box-shadow .2s ease}.store-main .book-card:hover{box-shadow:0 2px 8px #0000001a}.store-main .book-image{align-items:center;background-color:#f5f5f5;display:flex;height:280px;justify-content:center;margin-bottom:15px;width:100%}.store-main .book-image img{display:block;max-height:100%;max-width:100%;object-fit:contain}.store-main .no-image-placeholder{color:#999;font-size:.9rem}.store-main .book-info{display:flex;flex:1 1;flex-direction:column}.store-main .book-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.3;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis}.store-main .book-title{color:#333!important;font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:3px}.store-main .book-price{color:#f44336!important}.store-main .empty-message,.store-main .loading-message{color:#666;font-size:1rem;padding:50px 20px;text-align:center}.store-main .box-btn{display:flex;gap:10px}.store-main .box-btn .btn{font-size:.8rem!important;margin-top:10px;width:100%}.StoreBookInsert{caret-color:#0000;display:flex;flex-direction:column;height:100%;padding:20px;width:100%}.StoreBookInsert .insert-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.StoreBookInsert .insert-header .btn{line-height:1.5rem!important;padding:0 1rem}.StoreBookInsert .insert-header .header-left,.StoreBookInsert .insert-header .header-right{align-items:center;display:flex;gap:15px}.StoreBookInsert .insert-header h2{color:#333;font-size:1.5rem;margin:0}.StoreBookInsert .insert-layout{display:flex;flex:1 1;gap:20px;overflow:hidden}.StoreBookInsert .insert-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.StoreBookInsert .loading{color:#666;padding:50px;text-align:center}.StoreBookInsert .table-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:4px;flex:1 1;overflow:auto}.StoreBookInsert table td:first-child,.StoreBookInsert table th:first-child{text-align:center;width:6rem!important}.StoreBookInsert table td:nth-child(2),.StoreBookInsert table th:nth-child(2){text-align:center;width:5rem}.StoreBookInsert table td:nth-child(3),.StoreBookInsert table td:nth-child(4),.StoreBookInsert table th:nth-child(3),.StoreBookInsert table th:nth-child(4){overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StoreBookInsert table td:nth-child(5),.StoreBookInsert table th:nth-child(5){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:6rem}.StoreBookInsert table td:nth-child(6),.StoreBookInsert table th:nth-child(6){width:6rem}.StoreBookInsert table td:nth-child(7),.StoreBookInsert table td:nth-child(8),.StoreBookInsert table th:nth-child(7),.StoreBookInsert table th:nth-child(8){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7rem}.StoreBookInsert table td:nth-child(9),.StoreBookInsert table th:nth-child(9){width:7rem}.StoreBookInsert table tr{height:2.5rem}.StoreBookInsert table td,.StoreBookInsert table th{border:1px solid #ddd!important;font-size:.9rem;padding:3px 7px!important}.StoreBookInsert table th{text-align:center!important}.StoreBookInsert table .btn-cell{display:flex;gap:.5rem;justify-content:center}.StoreBookInsert table .btn-cell .btn{font-size:.8rem!important;font-weight:300!important;padding:0!important;width:3rem!important}@media(max-width:768px){.StoreBookInsert{padding:10px}.StoreBookInsert .insert-header{align-items:flex-start;flex-direction:column;gap:10px}.StoreBookInsert .insert-header h2{font-size:1.2rem}.StoreBookInsert .insert-layout{flex-direction:column}}.modal-overlay{background-color:#00000080}.modal-content{background:#fff;border-radius:0;box-shadow:0 4px 12px #00000026;margin-top:3rem;max-height:90vh;max-width:600px;overflow-y:auto!important;padding:30px;width:90%}.modal-content h3{border-bottom:2px solid #e0e0e0;color:#333;font-size:1.3rem;margin:0 0 10px;padding-bottom:10px}.modal-content .form-group{margin-bottom:15px}.modal-content .form-group label{color:#888;display:block;font-size:.9rem;font-weight:500;margin-bottom:5px;text-align:left}.modal-content .form-group input,.modal-content .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;transition:border-color .2s;width:100%}.modal-content .form-group input:focus,.modal-content .form-group textarea:focus{border-color:#1e78df;outline:none}.modal-content .form-group textarea{font-family:inherit;resize:vertical}.modal-content .modal-buttons{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:20px}.modal-content .modal-buttons .btn{width:6rem}.modal-content .file-upload-container{display:flex;flex-direction:column;gap:10px}.modal-content .file-upload-container .file-input{border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px}.modal-content .file-upload-container .file-info{background:#f5f5f5;border-radius:4px;color:#666;font-size:.85rem;padding:5px}@media(max-width:768px){.modal-content{padding:20px;width:95%}}.chatroom-list{display:flex;flex:1 1;flex-direction:column;height:calc(100% - 15rem);overflow:hidden}.chatroom-list-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px;z-index:10}.chatroom-list-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.chatroom-list-header .create-room-btn{align-items:center;background:#4a90e2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chatroom-list-header .create-room-btn:hover{background:#357abd;transform:scale(1.1)}.chatroom-list .search-bar{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:12px 16px;z-index:9}.chatroom-list .search-bar input{background:#f8f9fa;border:1px solid #d0d7de;border-radius:20px;font-size:14px;padding:8px 12px;width:100%}.chatroom-list .search-bar input:focus{background:#fff;border-color:#4a90e2;outline:none}.chatroom-list .search-bar input::placeholder{color:#999}.chatroom-list .create-room-form{background:#f8f9fa;border-bottom:1px solid #f0f0f0;flex-shrink:0;max-height:500px;overflow-y:auto;padding:16px;z-index:8}.chatroom-list .create-room-form form{display:flex;flex-direction:column;gap:12px}.chatroom-list .create-room-form form input{border:1px solid #d0d7de;border-radius:6px;font-size:14px;padding:10px 12px}.chatroom-list .create-room-form form input:focus{border-color:#4a90e2;outline:none}.chatroom-list .create-room-form form .participants-section{display:flex;flex-direction:column;gap:8px}.chatroom-list .create-room-form form .participants-section label{color:#333;font-size:13px;font-weight:600}.chatroom-list .create-room-form form .participants-section .search-input{background:#fff;border:1px solid #d0d7de;border-radius:6px;font-size:13px;padding:8px 12px}.chatroom-list .create-room-form form .participants-section .users-list{background:#fff;border:1px solid #d0d7de;border-radius:6px;max-height:200px;overflow-y:auto}.chatroom-list .create-room-form form .participants-section .users-list::-webkit-scrollbar{width:6px}.chatroom-list .create-room-form form .participants-section .users-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chatroom-list .create-room-form form .participants-section .users-list .no-users{color:#999;font-size:13px;padding:20px;text-align:center}.chatroom-list .create-room-form form .participants-section .users-list .user-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background .2s}.chatroom-list .create-room-form form .participants-section .users-list .user-item:last-child{border-bottom:none}.chatroom-list .create-room-form form .participants-section .users-list .user-item:hover{background:#f8f9fa}.chatroom-list .create-room-form form .participants-section .users-list .user-item.selected{background:#e3f2fd;border-left:3px solid #4a90e2}.chatroom-list .create-room-form form .participants-section .users-list .user-item .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.chatroom-list .create-room-form form .participants-section .users-list .user-item .user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.chatroom-list .create-room-form form .participants-section .users-list .user-item .user-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.chatroom-list .create-room-form form .participants-section .users-list .user-item .user-info .user-nickname{color:#333;font-size:14px;font-weight:500}.chatroom-list .create-room-form form .participants-section .users-list .user-item .user-info .user-id{color:#666;font-size:12px}.chatroom-list .create-room-form form .participants-section .users-list .user-item .check-icon{color:#4a90e2;font-size:16px}.chatroom-list .create-room-form form .form-buttons{display:flex;gap:8px}.chatroom-list .create-room-form form .form-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 16px;transition:background .2s ease}.chatroom-list .create-room-form form .form-buttons button.create-btn{background:#4a90e2;color:#fff}.chatroom-list .create-room-form form .form-buttons button.create-btn:hover{background:#357abd}.chatroom-list .create-room-form form .form-buttons button.cancel-btn{background:#f1f3f5;color:#666}.chatroom-list .create-room-form form .form-buttons button.cancel-btn:hover{background:#e9ecef}.chatroom-list .chatroom-items{flex:1 1;height:calc(100% - 30rem);overflow-y:auto;padding:8px 0}.chatroom-list .no-chatrooms{align-items:center;color:#999;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.chatroom-list .no-chatrooms p{margin-bottom:16px}.chatroom-list .no-chatrooms button{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.chatroom-list .no-chatrooms button:hover{background:#357abd}.chatroom-list .chatroom-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background .2s ease}.chatroom-list .chatroom-item:hover{background:#f8f9fa}.chatroom-list .chatroom-item.active{background:#e3f2fd;border-right:3px solid #4a90e2}.chatroom-list .chatroom-item .delete-chatroom-btn{align-items:center;background-color:#0000;border:none;border-radius:50%;color:#ccc;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:1;position:absolute;right:10px;top:2.5rem;width:28px;z-index:10}.chatroom-list .chatroom-item .delete-chatroom-btn:hover{color:#e95f15}.chatroom-list .chatroom-item .chatroom-avatar{margin-right:12px;position:relative}.chatroom-list .chatroom-item .chatroom-avatar .avatar-circle{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.chatroom-list .chatroom-item .chatroom-avatar .online-indicator{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chatroom-list .chatroom-item .chatroom-info{flex:1 1;min-width:0}.chatroom-list .chatroom-item .chatroom-info .chatroom-header{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-bottom:4px}.chatroom-list .chatroom-item .chatroom-info .chatroom-header .chatroom-name{color:#333;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom-list .chatroom-item .chatroom-info .chatroom-header .participants-count{align-items:center;color:#999;display:flex;flex-grow:1;font-size:12px;gap:2px;margin-top:2px;padding-left:4px;text-align:left}.chatroom-list .chatroom-item .chatroom-info .chatroom-header .last-message-time{color:#999;font-size:12px;white-space:nowrap}.chatroom-list .chatroom-item .chatroom-info .chatroom-footer{align-items:center;display:flex;justify-content:space-between}.chatroom-list .chatroom-item .chatroom-info .chatroom-footer .last-message{color:#666;flex:1 1;font-size:14px;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.chatroom-list .chatroom-item .chatroom-info .chatroom-footer .unread-badge{background:#ff5722;border-radius:10px;color:#fff;font-size:12px;font-weight:600;margin-left:8px;min-width:18px;padding:2px 6px;text-align:center}@media(max-width:768px){.chatroom-list .chatroom-item .chatroom-avatar .avatar-circle{font-size:16px;height:40px;width:40px}.chatroom-list .chatroom-item .chatroom-info .chatroom-header .chatroom-name{font-size:14px}.chatroom-list .chatroom-item .chatroom-info .chatroom-footer .last-message{font-size:13px}}.user-profile{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:12px 16px}.user-profile .profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.user-profile .profile-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.user-profile .profile-header .edit-btn{align-items:center;background:#f1f3f5;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.user-profile .profile-header .edit-btn:hover{background:#e9ecef;transform:scale(1.1)}.user-profile .profile-info{margin-bottom:16px}.user-profile .profile-info .profile-avatar{align-items:center;display:flex;margin-bottom:12px}.user-profile .profile-info .profile-avatar .avatar-circle{align-items:center;background:linear-gradient(135deg,#52a569,#3d8a51);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;margin-right:12px;overflow:hidden;position:relative;width:60px}.user-profile .profile-info .profile-avatar .avatar-circle img{height:100%;object-fit:cover;width:100%}.user-profile .profile-info .profile-avatar .online-status{align-items:center;display:flex;gap:4px}.user-profile .profile-info .profile-avatar .online-status .status-dot{background:#4caf50;border-radius:50%;height:8px;width:8px}.user-profile .profile-info .profile-avatar .online-status .status-dot.offline{background:#9e9e9e}.user-profile .profile-info .profile-avatar .online-status .status-text{color:#666;font-size:12px}.user-profile .profile-info .profile-details .detail-item{align-items:center;display:flex;font-size:14px;margin-bottom:6px}.user-profile .profile-info .profile-details .detail-item .label{color:#666;font-weight:500;margin-right:8px;min-width:50px}.user-profile .profile-info .profile-details .detail-item .value{color:#333;flex:1 1;text-align:left}.user-profile .profile-info .profile-details .detail-item .value.user-id{background:#f1f3f5;border-radius:4px;font-family:monospace;font-size:11px;padding:2px 6px}.user-profile .profile-stats{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.user-profile .profile-stats .stat-item{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.user-profile .profile-stats .stat-item:last-child{margin-bottom:0}.user-profile .profile-stats .stat-item .stat-label{color:#666;font-weight:500}.user-profile .profile-stats .stat-item .stat-value{color:#333}.user-profile .profile-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.user-profile .profile-actions .logout-btn{align-items:center;background:#fff;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;text-align:center;transition:all .2s ease}.user-profile .profile-actions .logout-btn:hover{background:#ff6b6b;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;transform:translateY(-1px)}.user-profile .profile-actions .logout-btn:active{transform:translateY(0)}.user-profile .profile-actions .logout-confirm{background:#fff5f5;border:1px solid #ff6b6b;border-radius:8px;padding:12px;text-align:center}.user-profile .profile-actions .logout-confirm p{color:#333;font-size:13px;font-weight:500;margin:0 0 12px}.user-profile .profile-actions .logout-confirm .confirm-buttons{display:flex;gap:8px}.user-profile .profile-actions .logout-confirm .confirm-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.user-profile .profile-actions .logout-confirm .confirm-buttons button.confirm-yes{background:#ff6b6b;color:#fff}.user-profile .profile-actions .logout-confirm .confirm-buttons button.confirm-yes:hover{background:#ff5252}.user-profile .profile-actions .logout-confirm .confirm-buttons button.confirm-no{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.user-profile .profile-actions .logout-confirm .confirm-buttons button.confirm-no:hover{background:#e9ecef;color:#333}.user-profile .profile-actions .action-btn{align-items:center;background:#fff;border:1px solid #d0d7de;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s ease}.user-profile .profile-actions .action-btn:hover{background:#f8f9fa;border-color:#4a90e2;color:#4a90e2}.user-profile.editing .profile-edit-form{display:flex;flex-direction:column;gap:16px}.user-profile.editing .profile-edit-form .profile-avatar-display{display:flex;justify-content:center;padding:16px 0}.user-profile.editing .profile-edit-form .profile-avatar-display .avatar-circle{align-items:center;background:linear-gradient(135deg,#52a569,#3d8a51);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.user-profile.editing .profile-edit-form .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.user-profile.editing .profile-edit-form .form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.user-profile.editing .profile-edit-form .form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e21a;outline:none}.user-profile.editing .profile-edit-form .form-group input::placeholder{color:#999}.user-profile.editing .profile-edit-form .form-actions{display:flex;gap:8px;margin-top:8px}.user-profile.editing .profile-edit-form .form-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;padding:12px 16px;transition:background .2s ease}.user-profile.editing .profile-edit-form .form-actions button.save-btn{background:#4a90e2;color:#fff}.user-profile.editing .profile-edit-form .form-actions button.save-btn:hover{background:#357abd}.user-profile.editing .profile-edit-form .form-actions button.cancel-btn{background:#f1f3f5;color:#666}.user-profile.editing .profile-edit-form .form-actions button.cancel-btn:hover{background:#e9ecef}@media(max-width:768px){.user-profile{min-height:180px;padding:12px 16px}.user-profile .profile-info .profile-avatar .avatar-circle{font-size:20px;height:50px;width:50px}.user-profile .profile-info .profile-details .detail-item{font-size:12px}.user-profile .profile-info .profile-details .detail-item .label{min-width:50px}.user-profile .profile-stats{padding:8px}.user-profile .profile-stats .stat-item{font-size:11px}.user-profile .profile-actions .action-btn{font-size:12px;padding:6px 10px}.user-profile.editing .profile-edit-form .profile-avatar-edit .avatar-circle{height:60px;width:60px}.user-profile.editing .profile-edit-form .form-group input,.user-profile.editing .profile-edit-form .form-group label{font-size:12px}}.ChatRoomListPage{height:100%}.ChatRoomListPage,.chat-list-loading{background:#fff;border:1px solid #ddd;display:flex;flex-direction:column;margin:0 auto;max-width:30rem;width:100%}.chat-list-loading{align-items:center;height:100vh;justify-content:center}.chat-list-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#4a90e2;border-radius:50%;height:40px;margin-bottom:16px;width:40px}.chat-list-loading p{color:#666;font-size:16px;font-weight:500}@media(max-width:1024px){.ChatRoomListPage,.chat-list-loading{border-left:none;border-right:none;max-width:100%}}.message-input-container{background:#fff;padding:.3rem;position:relative}.message-input-container .emoji-picker{background:#fff;border:1px solid #e0e0e0;border-radius:12px;bottom:100%;box-shadow:0 4px 12px #00000026;left:16px;margin-bottom:8px;max-height:450px;max-width:350px;padding:16px;position:absolute;right:16px;width:auto;z-index:1000}.message-input-container .emoji-picker .emoji-grid{grid-gap:6px;box-sizing:border-box;display:grid;gap:6px;grid-template-columns:repeat(8,1fr);margin-bottom:12px;max-height:320px;overflow-x:hidden;overflow-y:auto;padding:4px;width:100%}.message-input-container .emoji-picker .emoji-grid::-webkit-scrollbar{width:6px}.message-input-container .emoji-picker .emoji-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.message-input-container .emoji-picker .emoji-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.message-input-container .emoji-picker .emoji-grid::-webkit-scrollbar-thumb:hover{background:#999}.message-input-container .emoji-picker .emoji-grid .emoji-item{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.message-input-container .emoji-picker .emoji-grid .emoji-item:hover{background:#bacee0;background:var(--h-kakao-skyblue,#bacee0);transform:scale(1.2)}.message-input-container .emoji-picker .close-emoji-picker{background:#f1f3f5;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:13px;padding:8px;width:100%}.message-input-container .emoji-picker .close-emoji-picker:hover{background:#e9ecef}.message-input-container .message-input-form{display:flex;flex-direction:column;gap:0;padding:5px 12px;position:relative}.message-input-container .message-input-form .input-field-wrapper{height:4rem;position:relative;width:100%}.message-input-container .message-input-form .input-field-wrapper .message-input{-ms-overflow-style:none;background:#0000;border:none;border-radius:0;font-family:inherit;font-size:14px;line-height:1.4;min-height:100%;min-width:100%;outline:none;overflow-y:auto;padding:0;resize:none;scrollbar-width:none;transition:none;width:100%}.message-input-container .message-input-form .input-field-wrapper .message-input::-webkit-scrollbar{display:none}.message-input-container .message-input-form .input-field-wrapper .message-input:focus{background:#0000;border:none;box-shadow:none}.message-input-container .message-input-form .input-field-wrapper .message-input::placeholder{color:#999}.message-input-container .message-input-form .input-field-wrapper .message-input:disabled{background:#0000;cursor:not-allowed}.message-input-container .message-input-form .input-actions-bottom{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:.5rem}.message-input-container .message-input-form .input-actions-bottom .input-actions-left{align-items:center;display:flex;gap:12px}.message-input-container .message-input-form .input-actions-bottom .input-actions-left .action-btn{align-items:center;background-color:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.message-input-container .message-input-form .input-actions-bottom .input-actions-left .action-btn:hover:not(:disabled){background:#f1f3f5;transform:scale(1.1)}.message-input-container .message-input-form .input-actions-bottom .input-actions-left .action-btn:disabled{cursor:not-allowed;opacity:.5}.message-input-container .message-input-form .input-actions-bottom .input-actions-left .action-btn .btn-icon{height:20px;object-fit:contain;width:20px}.message-input-container .message-input-form .send-btn{align-items:center;background:#e0e0e0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.message-input-container .message-input-form .send-btn .btn-icon{height:16px;object-fit:contain;opacity:.6;transition:all .3s ease;width:16px}.message-input-container .message-input-form .send-btn.active{background:#4a90e2}.message-input-container .message-input-form .send-btn.active .btn-icon{filter:brightness(0) invert(1);opacity:1}.message-input-container .message-input-form .send-btn.active:hover{background:#357abd;transform:scale(1.05)}.message-input-container .message-input-form .send-btn:disabled{cursor:not-allowed;opacity:.5}@media(max-width:1024px){.message-input-container{box-sizing:border-box;width:100%}}@media(max-width:768px){.message-input-container{padding:8px 12px}.message-input-container .emoji-picker{left:12px;max-width:250px;right:12px;width:auto}.message-input-container .emoji-picker .emoji-grid{grid-template-columns:repeat(5,1fr)}.message-input-container .emoji-picker .emoji-grid .emoji-item{font-size:18px;height:32px;width:32px}.message-input-container .message-input-form{gap:6px}.message-input-container .message-input-form .input-actions-left .action-btn{font-size:14px;height:32px;width:32px}.message-input-container .message-input-form .input-field-wrapper .message-input{font-size:16px;padding:8px 12px}.message-input-container .message-input-form .send-btn{font-size:14px;height:36px;width:36px}}.message-bubble{word-wrap:break-word;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-bottom:15px;max-width:100%;overflow:hidden;position:relative;word-break:break-word}.message-bubble a{color:#06c!important;text-decoration:underline!important;text-decoration-color:#06c!important;text-decoration-thickness:1px!important}.message-bubble .message-content{word-wrap:break-word;border-radius:18px;box-sizing:border-box;display:inline-block;max-width:100%;overflow-wrap:break-word;padding:8px 12px;white-space:pre-wrap;word-break:break-word}.message-bubble.own{align-items:flex-end;display:flex;flex-direction:row-reverse;gap:6px;justify-content:flex-end}.message-bubble.own .message-content{background-color:var(--h-kakao-yellow);border-bottom-right-radius:6px;color:#111;font-size:.75rem;text-align:left}.message-bubble.own .message-content.file-message,.message-bubble.own .message-content.image-message{background-color:#0000;padding:0}.message-bubble.own .message-time{margin-bottom:0;text-align:left}.message-bubble.other{align-items:flex-end;display:flex;gap:6px;justify-content:flex-start}.message-bubble.other .message-content{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:6px;color:#111;font-size:.75rem;text-align:left}.message-bubble.other .message-content.file-message,.message-bubble.other .message-content.image-message{background-color:#0000;border:none;padding:0}.message-bubble.other .message-time{margin-bottom:0;text-align:left}.message-bubble.system{display:flex;justify-content:center;margin:12px 0}.message-bubble.system .message-content{background:#f1f3f5;border-radius:12px;color:#666;font-size:13px;font-style:italic;padding:6px 12px}.message-bubble .message-time{align-items:flex-end;color:#333;display:flex;flex-direction:column;flex-shrink:0;font-size:10.25px;gap:2px;white-space:nowrap}.message-bubble .message-time .message-status{align-items:center;display:flex;gap:2px}.message-bubble .message-time .message-status .read-status{color:var(--h-kakao-yellow);font-size:10px}.message-bubble .message-text{line-height:1.4}.message-bubble .message-text a{color:#06c!important;text-decoration:underline!important;text-decoration-color:#06c!important;text-decoration-thickness:1px!important}.message-bubble .message-image img{border-radius:12px;cursor:pointer;height:auto;max-height:180px;max-width:180px;object-fit:cover;transition:transform .2s ease;width:auto}.message-bubble .message-image img:hover{transform:scale(1.02)}.message-bubble .message-image-container{box-sizing:border-box;max-width:100%;overflow:hidden}.message-bubble .message-images{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;max-width:300px;overflow:hidden}.message-bubble .message-images.single .image-wrapper img{height:auto;max-height:180px;max-width:180px;width:auto}.message-bubble .message-images.multiple .image-wrapper{flex:1 1;max-width:140px;min-width:80px}.message-bubble .message-images.multiple .image-wrapper img{border-radius:8px;cursor:pointer;max-height:120px;max-width:140px;object-fit:cover;transition:transform .2s ease;width:100%}.message-bubble .message-images.multiple .image-wrapper img:hover{transform:scale(1.02)}.message-bubble .message-images .image-wrapper img{background-color:#fff;border-radius:3px;cursor:pointer;object-fit:cover;transition:transform .2s ease}.message-bubble .message-image-placeholder .placeholder-content{background:#0000000d;border:2px dashed #ccc;border-radius:12px;max-width:200px;padding:20px;text-align:center}.message-bubble .message-image-placeholder .placeholder-content span{display:block;font-size:24px;margin-bottom:8px}.message-bubble .message-image-placeholder .placeholder-content small{color:#666;font-size:12px;opacity:.8}.message-bubble .message-file{align-items:center;background:#fff;border:1px solid #fff;border-radius:3px;display:flex;gap:12px;max-width:15rem;min-width:15rem;padding:16px}.message-bubble .message-file .file-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;display:none;flex-shrink:0;font-size:28px;height:40px;justify-content:center;width:40px}.message-bubble .message-file .file-info{flex:1 1;min-width:0}.message-bubble .message-file .file-info .file-name{color:#222;display:block;font-size:13px;font-weight:600;font-weight:400;line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-bubble .message-file .file-info .file-size{color:#888;display:block;font-size:11px;font-weight:400;margin-bottom:10px}.message-bubble .message-file .file-info .download-btn{border:none;border-radius:4px;color:#007aff;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:400;padding:0 3px;text-decoration:none!important;transition:background-color .2s ease}.message-bubble .message-file .file-info .download-btn:hover{text-decoration:underline!important}.message-bubble .system-message{font-style:italic;text-align:center}@media(max-width:1024px){.message-bubble,.message-bubble .message-content,.message-bubble .message-file,.message-bubble .message-images{max-width:100%}}@media(max-width:768px){.message-bubble .message-content{font-size:14px;padding:6px 10px}.message-bubble .message-image img,.message-bubble .message-images.single .image-wrapper img{max-height:150px;max-width:150px}.message-bubble .message-images.multiple .image-wrapper{max-width:120px}.message-bubble .message-images.multiple .image-wrapper img{max-height:100px;max-width:120px}.message-bubble .message-file{min-width:120px}.message-bubble .message-file .file-info .file-name{font-size:12px}.message-bubble .message-time{font-size:10px}}.chat-window{border:1px solid #ddd;border-bottom:none;box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:30rem;overflow-x:hidden;width:100%}.chat-window .chat-header{background-color:var(--h-kakao-skyblue);border-bottom:1px solid #abc3d9;gap:12px;justify-content:space-between;padding:16px 20px;position:relative;z-index:10}.chat-window .chat-header,.chat-window .chat-header-info{align-items:center;display:flex}.chat-window .chat-header-info .chatroom-avatar{margin-right:12px}.chat-window .chat-header-info .chatroom-avatar .avatar-circle{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.chat-window .chat-header-info .chatroom-details h4{color:#333;font-size:16px;margin:0}.chat-window .chat-header-info .chatroom-details .participant-count{align-items:center;color:#666;display:flex;font-size:12px;gap:4px;margin:0}.chat-window .chat-header-actions{align-items:center;display:flex;gap:8px}.chat-window .chat-header-actions .header-action-btn{align-items:center;background-color:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.chat-window .chat-header-actions .header-action-btn:hover{background:#e9ecef}.chat-window .chat-header-actions .close-btn{background:#0000;border:none;color:#666;cursor:pointer;height:20px;position:absolute;right:.5rem;top:.3rem;width:20px}.chat-window .chat-header-actions .close-btn:hover{color:#333}.chat-window .chat-messages{background-color:var(--h-kakao-skyblue);box-sizing:border-box;flex:1 1;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:16px;scroll-behavior:smooth;scrollbar-color:#00000026 #0000;scrollbar-width:thin;width:100%}.chat-window .chat-messages::-webkit-scrollbar{background:#0000;width:8px}.chat-window .chat-messages::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:4px}.chat-window .chat-messages::-webkit-scrollbar-thumb:hover{background-color:#00000040}.chat-window .chat-messages::-webkit-scrollbar-track{background:#0000}.chat-window .chat-messages .no-messages{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.chat-window .chat-messages .no-messages p{font-size:16px;margin:8px 0}.chat-window .chat-messages .no-messages p:first-child{color:#666;font-size:18px}.chat-window .chat-messages .message-date-group{margin-bottom:20px}.chat-window .chat-messages .message-date-group .date-separator{margin:20px 0;text-align:center}.chat-window .chat-messages .message-date-group .date-separator span{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#111;font-size:11px;font-weight:500;padding:4px 12px}.chat-window .chat-messages .message-group{box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:16px;max-width:100%;width:100%}.chat-window .chat-messages .message-group.own-message,.chat-window .chat-messages .message-group.own-message .message-bubbles{align-items:flex-end!important;justify-content:flex-end!important}.chat-window .chat-messages .message-group.other-message{align-items:flex-start}.chat-window .chat-messages .message-group.other-message .message-sender{align-items:center;display:flex;margin-bottom:4px}.chat-window .chat-messages .message-group.other-message .message-sender .sender-avatar{align-items:center;background:linear-gradient(135deg,#ffa726,#ff7043);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;margin-right:8px;width:24px}.chat-window .chat-messages .message-group.other-message .message-sender .sender-name{color:#333;font-size:13px;font-weight:600}.chat-window .chat-messages .message-group.other-message .message-bubbles{align-items:flex-start}.chat-window .chat-messages .message-group .message-bubbles{display:flex;flex-direction:column;gap:2px;max-width:70%}.chat-window .chat-messages .typing-indicator{align-items:center;display:flex;margin:8px 0;padding-left:32px}.chat-window .chat-messages .typing-indicator .typing-bubbles{background:#e9ecef;border-radius:18px;display:flex;gap:4px;margin-right:8px;padding:8px 12px}.chat-window .chat-messages .typing-indicator .typing-bubbles span{animation:typing 1.4s infinite;background:#999;border-radius:50%;height:6px;width:6px}.chat-window .chat-messages .typing-indicator .typing-bubbles span:nth-child(2){animation-delay:.2s}.chat-window .chat-messages .typing-indicator .typing-bubbles span:nth-child(3){animation-delay:.4s}.chat-window .chat-messages .typing-indicator .typing-text{color:#666;font-size:12px}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}@media(max-width:1024px){.chat-window{border-left:none;border-right:none;max-width:100%;width:100%}}@media(max-width:768px){.chat-window .chat-header{padding:12px 16px}.chat-window .chat-header-info .chatroom-avatar .avatar-circle{font-size:14px;height:36px;width:36px}.chat-window .chat-header-info .chatroom-details h4{font-size:16px}.chat-window .chat-header-info .chatroom-details p{font-size:13px}.chat-window .chat-messages{padding:12px}.chat-window .chat-messages .message-group .message-bubbles{max-width:85%}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}.modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-overlay .modal-content .modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.modal-overlay .modal-content .modal-header .modal-close-btn{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px}.modal-overlay .modal-content .modal-header .modal-close-btn:hover{color:#333}.modal-overlay .modal-content .modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-overlay .modal-content .modal-body .search-input{border:1px solid #d0d7de;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:10px 12px;width:100%}.modal-overlay .modal-content .modal-body .search-input:focus{border-color:#4a90e2;outline:none}.modal-overlay .modal-content .modal-body .selected-count{color:#666;font-size:13px;font-weight:500;margin-bottom:12px}.modal-overlay .modal-content .modal-body .users-list{border:1px solid #e0e0e0;border-radius:8px;max-height:300px;min-height:300px;overflow-y:auto}.modal-overlay .modal-content .modal-body .users-list::-webkit-scrollbar{width:6px}.modal-overlay .modal-content .modal-body .users-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.modal-overlay .modal-content .modal-body .users-list .no-users{color:#999;font-size:14px;padding:40px 20px;text-align:center}.modal-overlay .modal-content .modal-body .users-list .user-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:5px 12px;transition:background .2s}.modal-overlay .modal-content .modal-body .users-list .user-item:last-child{border-bottom:none}.modal-overlay .modal-content .modal-body .users-list .user-item:hover{background:#f8f9fa}.modal-overlay .modal-content .modal-body .users-list .user-item.selected{background:#e3f2fd}.modal-overlay .modal-content .modal-body .users-list .user-item .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.modal-overlay .modal-content .modal-body .users-list .user-item .user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.modal-overlay .modal-content .modal-body .users-list .user-item .user-info{align-items:center;display:flex;flex:1 1;gap:12px}.modal-overlay .modal-content .modal-body .users-list .user-item .user-info .user-no{color:#666;font-size:.9rem;padding-right:.5rem;text-align:right;width:2rem}.modal-overlay .modal-content .modal-body .users-list .user-item .user-info .user-nickname{color:#333;font-size:.9rem;font-weight:500;text-align:left}.modal-overlay .modal-content .modal-body .users-list .user-item .user-info .user-id{color:#666;font-size:.9rem}.modal-overlay .modal-content .modal-body .users-list .user-item .check-icon{color:#4a90e2;font-size:18px}.modal-overlay .modal-content .modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:16px 20px}.modal-overlay .modal-content .modal-footer button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.modal-overlay .modal-content .modal-footer button.cancel-btn{background:#f0f0f0;color:#666}.modal-overlay .modal-content .modal-footer button.cancel-btn:hover{background:#e0e0e0}.modal-overlay .modal-content .modal-footer button.confirm-btn{background:#4a90e2;color:#fff}.modal-overlay .modal-content .modal-footer button.confirm-btn:hover:not(:disabled){background:#357abd}.modal-overlay .modal-content .modal-footer button.confirm-btn:disabled{background:#ccc;cursor:not-allowed}.ChatWindowPage{border:1px solid #ddd;margin:0 auto;overflow:hidden}.ChatWindowPage,.chat-window-loading{height:100%;max-width:30rem;width:100%}.chat-window-loading{align-items:center;background:var(--h-kakao-skyblue);display:flex;flex-direction:column;justify-content:center}.chat-window-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#4a90e2;border-radius:50%;height:40px;margin-bottom:16px;width:40px}.chat-window-loading p{color:#666;font-size:16px;font-weight:500}.chat-window-error{align-items:center;background:var(--h-kakao-skyblue);color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:40px;text-align:center}.chat-window-error h3{font-size:24px;margin-bottom:20px}.chat-window-error button{background:#fee500;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.chat-window-error button:hover{background:gold;box-shadow:0 4px 8px #0003}@media(max-width:1024px){.ChatWindowPage{border-left:none;border-right:none;max-width:100%}.chat-window-loading{max-width:100%}}.guest-login{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:1rem;position:fixed;top:0;width:100vw}.guest-login .guest-login-container{background:#fffffff2;max-width:360px;padding:2rem;position:relative;width:100%}.guest-login .guest-login-container .header{margin-bottom:2.5rem;position:relative;text-align:center}.guest-login .guest-login-container .header .back-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.guest-login .guest-login-container .header .back-btn:hover{background:#0000001a;color:#333}.guest-login .guest-login-container .header .title{margin:0}.guest-login .guest-login-container .header .title p{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--pri-color),gold);-webkit-background-clip:text;color:var(--pri-color);font-size:1.6rem;font-weight:700;letter-spacing:.1rem;margin:0}.guest-login .guest-login-container .header .title span{color:#666;display:block;font-size:1rem;font-weight:500;letter-spacing:.05rem;margin-top:.5rem}.guest-login .guest-login-container .social-login-section .description{color:#666;font-size:1rem;font-weight:500;margin:0 0 2rem;text-align:center}.guest-login .guest-login-container .social-login-section .social-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.guest-login .guest-login-container .social-login-section .social-buttons .social-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;height:3.5rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.guest-login .guest-login-container .social-login-section .social-buttons .social-btn:disabled{cursor:not-allowed;opacity:.6}.guest-login .guest-login-container .social-login-section .social-buttons .social-btn:not(:disabled):hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.guest-login .guest-login-container .social-login-section .social-buttons .social-btn .social-icon{font-size:1.3rem}.guest-login .guest-login-container .social-login-section .social-buttons .social-btn span{font-weight:600}.guest-login .guest-login-container .social-login-section .social-buttons .google-btn{background:linear-gradient(135deg,#4285f4,#34a853);box-shadow:0 4px 15px #4285f44d;color:#fff}.guest-login .guest-login-container .social-login-section .social-buttons .google-btn:hover:not(:disabled){background:linear-gradient(135deg,#3367d6,#2d8f47);box-shadow:0 6px 20px #4285f466}.guest-login .guest-login-container .social-login-section .social-buttons .kakao-btn{background:linear-gradient(135deg,#fee500,#ffd400);box-shadow:0 4px 15px #fee5004d;color:#3c1e1e}.guest-login .guest-login-container .social-login-section .social-buttons .kakao-btn:hover:not(:disabled){background:linear-gradient(135deg,#fdd700,#fcc400);box-shadow:0 6px 20px #fee50066}.guest-login .guest-login-container .social-login-section .social-buttons .kakao-btn .social-icon{color:#3c1e1e}.guest-login .guest-login-container .social-login-section .social-buttons .naver-btn{background:linear-gradient(135deg,#03c75a,#009f47);box-shadow:0 4px 15px #03c75a4d;color:#fff}.guest-login .guest-login-container .social-login-section .social-buttons .naver-btn:hover:not(:disabled){background:linear-gradient(135deg,#02b351,#008f40);box-shadow:0 6px 20px #03c75a66}.guest-login .guest-login-container .social-login-section .social-buttons .apple-btn{background:linear-gradient(180deg,#2c2c2e,#1c1c1e 50%,#000);color:#fff}.guest-login .guest-login-container .social-login-section .social-buttons .apple-btn:hover:not(:disabled){background:linear-gradient(180deg,#3a3a3c,#2c2c2e 50%,#1c1c1e)}.guest-login .guest-login-container .social-login-section .notice{text-align:center}.guest-login .guest-login-container .social-login-section .notice p{color:#999;font-size:.85rem;line-height:1.4;margin:0}.guest-login .guest-login-container .loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:20px;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0}.guest-login .guest-login-container .loading-overlay .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--pri-color);height:40px;width:40px}.guest-login .guest-login-container .loading-overlay p{color:#666;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-height:700px){.guest-login{padding:.5rem}.guest-login .guest-login-container{max-width:340px;padding:1.5rem}.guest-login .guest-login-container .header{margin-bottom:2rem}.guest-login .guest-login-container .header .title p{font-size:1.4rem}.guest-login .guest-login-container .header .title span{font-size:.9rem}.guest-login .guest-login-container .social-login-section .social-buttons{gap:.75rem}.guest-login .guest-login-container .social-login-section .social-buttons .apple-login-btn,.guest-login .guest-login-container .social-login-section .social-buttons .social-btn{font-size:1rem;height:3rem}.guest-login .guest-login-container .social-login-section .social-buttons .apple-login-btn .apple-login-content .apple-icon{height:1.2rem;width:1.2rem}}@media screen and (max-height:600px){.guest-login .guest-login-container{padding:1rem}.guest-login .guest-login-container .header{margin-bottom:1.5rem}.guest-login .guest-login-container .social-login-section .description{font-size:.9rem;margin-bottom:1.5rem}.guest-login .guest-login-container .social-login-section .social-buttons{margin-bottom:1rem}.guest-login .guest-login-container .social-login-section .social-buttons .apple-login-btn,.guest-login .guest-login-container .social-login-section .social-buttons .social-btn{font-size:.95rem;height:2.75rem}.guest-login .guest-login-container .social-login-section .social-buttons .apple-login-btn .apple-login-content .apple-icon{height:1.1rem;width:1.1rem}.guest-login .guest-login-container .social-login-section .notice p{font-size:.8rem}}@media screen and (max-width:320px){.guest-login{padding:.25rem}.guest-login .guest-login-container{border-radius:16px;padding:1rem .75rem}}.direct-message-test{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:calc(100vh - 5rem);justify-content:center;padding:20px}.direct-message-test .test-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;height:100%;max-width:800px;overflow-y:auto;padding:40px;width:100%}.direct-message-test .test-container h2{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.direct-message-test .test-container .user-info{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.direct-message-test .test-container .user-info .receiver,.direct-message-test .test-container .user-info .sender{flex:1 1;text-align:center}.direct-message-test .test-container .user-info .receiver strong,.direct-message-test .test-container .user-info .sender strong{color:#666;display:block;font-size:14px;margin-bottom:5px}.direct-message-test .test-container .user-info .arrow{color:#667eea;font-size:24px;padding:0 20px}.direct-message-test .test-container .message-input-section{margin-bottom:30px}.direct-message-test .test-container .message-input-section h3{color:#333;font-size:18px;margin-bottom:15px}.direct-message-test .test-container .message-input-section .message-textarea{border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:16px;padding:15px;resize:vertical;transition:border-color .3s;width:100%}.direct-message-test .test-container .message-input-section .message-textarea:focus{border-color:#667eea;outline:none}.direct-message-test .test-container .message-input-section .message-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.direct-message-test .test-container .message-input-section .send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:15px;padding:15px;transition:transform .2s,box-shadow .2s;width:100%}.direct-message-test .test-container .message-input-section .send-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.direct-message-test .test-container .message-input-section .send-button:active:not(:disabled){transform:translateY(0)}.direct-message-test .test-container .message-input-section .send-button:disabled{cursor:not-allowed;opacity:.6}.direct-message-test .test-container .quick-messages{margin-bottom:30px}.direct-message-test .test-container .quick-messages h3{color:#333;font-size:18px;margin-bottom:15px}.direct-message-test .test-container .quick-messages .quick-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.direct-message-test .test-container .quick-messages .quick-buttons button{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .2s}.direct-message-test .test-container .quick-messages .quick-buttons button:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px)}.direct-message-test .test-container .quick-messages .quick-buttons button:disabled{cursor:not-allowed;opacity:.5}.direct-message-test .test-container .result-message{animation:slideIn .3s ease-out;border-radius:12px;margin-bottom:20px;padding:20px}.direct-message-test .test-container .result-message.success{background:#d4edda;border:2px solid #c3e6cb;color:#155724}.direct-message-test .test-container .result-message.error{background:#f8d7da;border:2px solid #f5c6cb;color:#721c24}.direct-message-test .test-container .result-message .result-text{font-weight:700;margin-bottom:10px}.direct-message-test .test-container .result-message .result-details{font-size:14px;opacity:.8}.direct-message-test .test-container .result-message .result-details div{margin-top:5px}.direct-message-test .test-container .info-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:20px}.direct-message-test .test-container .info-box h4{color:#1976d2;font-size:16px;margin-bottom:10px}.direct-message-test .test-container .info-box ul{color:#333;margin:0;padding-left:20px}.direct-message-test .test-container .info-box ul li{line-height:1.5;margin-bottom:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.direct-message-test{padding:10px}.direct-message-test .test-container{padding:20px}.direct-message-test .test-container h2{font-size:22px}.direct-message-test .test-container .user-info{flex-direction:column;gap:10px}.direct-message-test .test-container .user-info .arrow{padding:10px 0;transform:rotate(90deg)}.direct-message-test .test-container .quick-messages .quick-buttons{grid-template-columns:1fr}}.direct-message-test .image-input-section{margin-bottom:30px}.direct-message-test .image-input-section h3{color:#333;font-size:18px;margin-bottom:15px}.direct-message-test .image-input-section .image-upload-area{margin-bottom:15px}.direct-message-test .image-input-section .select-image-button{background:#f8f9fa;border:2px dashed #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:18px;font-weight:700;padding:40px;transition:all .2s;width:100%}.direct-message-test .image-input-section .select-image-button:hover:not(:disabled){background:#e3f2fd;border-color:#764ba2;color:#764ba2;transform:translateY(-2px)}.direct-message-test .image-input-section .select-image-button:disabled{cursor:not-allowed;opacity:.5}.direct-message-test .image-input-section .image-preview-container{align-items:center;display:flex;flex-direction:column;gap:15px}.direct-message-test .image-input-section .image-preview-container .image-preview{border:2px solid #e0e0e0;border-radius:12px;max-width:400px;overflow:hidden;position:relative;width:100%}.direct-message-test .image-input-section .image-preview-container .image-preview img{display:block;height:auto;width:100%}.direct-message-test .image-input-section .image-preview-container .image-preview .remove-image-button{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:32px}.direct-message-test .image-input-section .image-preview-container .image-preview .remove-image-button:hover{background:red;transform:scale(1.1)}.direct-message-test .image-input-section .image-preview-container .image-info{color:#666;font-size:14px;text-align:center}.direct-message-test .image-input-section .image-preview-container .image-info p{margin:5px 0}.direct-message-test .image-input-section .image-caption-input{border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:16px;margin-bottom:15px;padding:12px 15px;transition:border-color .3s;width:100%}.direct-message-test .image-input-section .image-caption-input:focus{border-color:#667eea;outline:none}.direct-message-test .image-input-section .image-caption-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.direct-message-test .image-input-section .send-image-button{background:linear-gradient(135deg,#667eea,#764ba2)}:root{--nanumSquare:"NanumSquareR";--SCDream:"SCDream";--jamsil:"SCDream";--jamsilB:"jamsilB";--jamsilM:"jamsilM";--NotoSansKorean:"NotoSansKorean";--noto:"NotoSansKorean";--notoB:"NotoSansKoreanB";--nanum:"Nanum Gothic";--prim-color-900:#28555d;--prim-color-800:#337888;--prim-color-700:#398ba0;--prim-color-600:#40a0ba;--prim-color-500:#46afcd;--prim-color-400:#4cbbd6;--prim-color-300:#60c6df;--prim-color-200:#88d7ea;--prim-color-100:#b5eff3;--prim-color-50:#e1f5fb;--comp-color-950:#8c442f;--comp-color-900:#a04e39;--comp-color-800:#bd573e;--comp-color-700:#cc5d41;--comp-color-600:#da6346;--comp-color-500:#e5694a;--comp-color-400:#e67c62;--comp-color-300:#e9927c;--comp-color-200:#edb0a1;--comp-color-100:#f3cec5;--comp-color-50:#f5eaea;--anal-color-900:#1d553e;--anal-color-800:#287258;--anal-color-700:#2e8266;--anal-color-600:#349375;--anal-color-500:#39a081;--anal-color-400:#48af92;--anal-color-300:#63bea4;--anal-color-200:#8dd1be;--anal-color-100:#b9e3d7;--anal-color-50:#e2f3ef;--anal2-color-900:#172c68;--anal2-color-800:#223d7e;--anal2-color-700:#29468b;--anal2-color-600:#325097;--anal2-color-500:#3958a0;--anal2-color-400:#5870ad;--anal2-color-300:#768aba;--anal2-color-200:#9cabce;--anal2-color-100:#c3cce2;--anal2-color-50:#e7ebf3;--tria-color-900:#312887;--tria-color-800:#433397;--tria-color-700:#4e39a0;--tria-color-600:#5a41a9;--tria-color-500:#6346b0;--tria-color-400:#7a60bb;--tria-color-300:#917cc8;--tria-color-200:#b0a2d7;--tria-color-100:#e4c0db;--tria-color-50:#ece8f5;--tria2-color-900:#5a2064;--tria2-color-800:#752874;--tria2-color-700:#842d7d;--tria2-color-600:#943486;--tria2-color-500:#a0398b;--tria2-color-400:#af529b;--tria2-color-300:#be6fac;--tria2-color-200:#d297c4;--tria2-color-100:#e4c0db;--tria2-color-50:#f4e6f0;--white-900:#3c3c3c;--white-800:#606060;--white-700:#818181;--white-600:#979797;--white-500:#c2c2c2;--white-400:#dedede;--white-300:#f0f0f0;--white-200:#f5f5f5;--white-100:#fafafa;--white-50:#fff;--lsg-color-900:#16968f;--lsg-color-800:#1ca099;--lsg-color-700:#20a8a1;--lsg-color-600:#24b2aa;--lsg-color-500:#43bcb4;--lsg-color-400:#61c6be;--lsg-color-300:#7fd0c8;--lsg-color-200:#9ddad2;--lsg-color-100:#bbe4dc;--lsg-color-50:#d9eee6;--pri-color:var(--prim-color-700);--pri-color-dark:var(--prim-color-900);--sec1-color:var(--comp-color-900);--sec2-color:var(--anal-color-500);--sec3-color:var(--anal2-color-500);--sec4-color:var(--tria-color-700);--sec5-color:var(--tria2-color-500);--text-black:#000;--text-dark:var(--white-900);--text-white:var(--white-50);--text-gray:#818181;--text-lightgray:#c2c2c2;--text-color-900:#3c3c3c;--text-color-800:#606060;--text-color-700:#818181;--text-color-600:#979797;--text-color-500:#c2c2c2;--text-color-400:#dedede;--text-color-300:#f0f0f0;--text-color-200:#f5f5f5;--text-color-100:#fafafa;--text-color-50:#fff;--btn1-color:var(--comp-color-900);--btn2-color:var(--anal-color-500);--btn2-color-dark:var(--anal-color-700);--btn3-color:var(--anal2-color-500);--btn4-color:var(--tria-color-700);--btn5-color:var(--tria2-color-500);--combo-anal-color:#349375;--combo-pri-color:#e9927c;--combo-sec-color:var(--comp-color-400);--acc-color:#398ca0;--acc-color2:#28555d;--login-bg:#e5694a;--login-bg2:#cc5d41;--login-color:#fff;--btn-red:#a04e39;--btn-red2:var(--comp-color-950);--btn-red-text:#fff;--btn-green:var(--anal-color-600);--btn-green2:var(--anal-color-700);--btn-green-text:#fff;--btn-blue:var(--anal2-color-600);--btn-blue-text:#fff;--btn-sky:var(--prim-color-700);--btn-sky2:var(--prim-color-800);--btn-sky-text:#fff;--btn-lightblue:#d4edda;--btn-lightblue2:#c3e6cb;--btn-gray:#606060;--btn-gray2:#3c3c3c;--btn-seagreen:#20a8a1;--btn-seagreen2:#16968f;--modal-content-height:calc(100vh - 10rem);--h-accent:#003a73;--h-accent2:#002a56;--h-dark:hsla(0,4%,9%,.804);--h-dark2:rgba(45,41,76,.804);--h-red:#a04e39;--h-red2:#8c442f;--h-blue:#325097;--h-blue2:#172c68;--h-green:#349375;--h-green2:#2e8266;--h-sky:#398ba0;--h-sky2:#28555d;--h-yellow:#fddb69;--h-yellow2:#ccac00;--h-gray:#818181;--h-gray2:#3c3c3c;--h-black:#333;--h-black2:#0a0a0a;--h-kakao-yellow:#fee500;--h-kakao-skyblue:#bacee0;--s-red:160,78,57;--s-red2:23,44,104;--s-blue:50,80,151;--s-blue2:0,58,115;--s-sky:57,139,160;--s-sky2:40,85,93;--s-green:52,147,117;--s-green2:46,130,102;--s-yellow:253,219,105;--s-yellow2:204,172,0;--s-gray:129,129,129;--s-gray2:66,66,66;--marginTop:3.531rem}@font-face{font-family:Nanum Gothic;font-style:normal;font-weight:400;src:url(/static/media/NanumGothic-Regular.2fcf8ecb1b3ce6a0b4dc.eot);src:url(/static/media/NanumGothic-Regular.2fcf8ecb1b3ce6a0b4dc.eot?#iefix) format("embedded-opentype"),url(/static/media/NanumGothic-Regular.276c077c45268e595e18.woff2) format("woff2"),url(/static/media/NanumGothic-Regular.d9fb35b78a41ca886f76.woff) format("woff"),url(/static/media/NanumGothic-Regular.f88c6a28b0072219b05a.ttf) format("truetype")}@font-face{font-family:Nanum Gothic;font-style:normal;font-weight:700;src:url(/static/media/NanumGothic-Bold.8fa32d6253301d91435f.eot);src:url(/static/media/NanumGothic-Bold.8fa32d6253301d91435f.eot?#iefix) format("embedded-opentype"),url(/static/media/NanumGothic-Bold.f6661990fd77af2ecd03.woff2) format("woff2"),url(/static/media/NanumGothic-Bold.bd9b56675e34cd12c26c.woff) format("woff"),url(/static/media/NanumGothic-Bold.24a18de6a1a72287239c.ttf) format("truetype")}@font-face{font-family:Nanum Gothic;font-style:normal;font-weight:800;src:url(/static/media/NanumGothic-ExtraBold.24ab0fb872a9d6389b83.eot);src:url(/static/media/NanumGothic-ExtraBold.24ab0fb872a9d6389b83.eot?#iefix) format("embedded-opentype"),url(/static/media/NanumGothic-ExtraBold.e9301120136044844064.woff2) format("woff2"),url(/static/media/NanumGothic-ExtraBold.ec8c88218781ba951c8e.woff) format("woff"),url(/static/media/NanumGothic-ExtraBold.892daaa40aba83f61cdc.ttf) format("truetype")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:100;src:url(/static/media/NotoSans-Thin.5f9a1e0f54e8a2bcdbc2.eot) format("eot"),url(/static/media/NotoSans-Thin.ccfd5564f598f6b082b4.otf) format("opentype"),url(/static/media/NotoSans-Thin.7a561ac968999a5dade3.woff) format("woff"),url(/static/media/NotoSans-Thin.9a72164420c5bea92570.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:200;src:url(/static/media/NotoSans-Light.516f7bce44bf65da2463.eot) format("eot"),url(/static/media/NotoSans-Light.ec7f2349019731181656.otf) format("opentype"),url(/static/media/NotoSans-Light.1214e1a50a7c03f7940e.woff) format("woff"),url(/static/media/NotoSans-Light.d3283d226f8f74e7a8d5.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:300;src:url(/static/media/NotoSans-DemiLight.cf4b52a8ac6b91e2c978.eot) format("eot"),url(/static/media/NotoSans-DemiLight.091dbc1f67a785b70b53.otf) format("opentype"),url(/static/media/NotoSans-DemiLight.1ada0fb3924828015f3b.woff) format("woff"),url(/static/media/NotoSans-DemiLight.3b0f24795253d2da91e6.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:400;src:url(/static/media/NotoSans-Regular.7c7f50cbc536eb2b68e9.eot) format("eot"),url(/static/media/NotoSans-Regular.2e6bf950fe757a87bb86.otf) format("opentype"),url(/static/media/NotoSans-Regular.d19c129f30e0373f60b6.woff) format("woff"),url(/static/media/NotoSans-Regular.12c5f3f9045594368915.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:500;src:url(/static/media/NotoSans-Medium.d742f671e98e6947f066.eot) format("eot"),url(/static/media/NotoSans-Medium.6ed7a70677f4c9272657.otf) format("opentype"),url(/static/media/NotoSans-Medium.e892f21f7dd918a8fab9.woff) format("woff"),url(/static/media/NotoSans-Medium.43b5c29006f365a91ccd.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:600;src:url(/static/media/NotoSans-Medium.d742f671e98e6947f066.eot) format("eot"),url(/static/media/NotoSans-Medium.6ed7a70677f4c9272657.otf) format("opentype"),url(/static/media/NotoSans-Medium.e892f21f7dd918a8fab9.woff) format("woff"),url(/static/media/NotoSans-Medium.43b5c29006f365a91ccd.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:700;src:url(/static/media/NotoSans-Black.a1dc5ffd7ed7c3e53fb1.eot) format("eot"),url(/static/media/NotoSans-Black.0583fd5d76943887a81d.otf) format("opentype"),url(/static/media/NotoSans-Black.f2e40ede24f3f577c335.woff) format("woff"),url(/static/media/NotoSans-Black.2ac864a194a4c2b8049b.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:900;src:url(/static/media/NotoSans-Bold.97724077fe848cc1c195.eot) format("eot"),url(/static/media/NotoSans-Bold.0476118dfa60ca86b7e3.otf) format("opentype"),url(/static/media/NotoSans-Bold.ba396a9fc63ba86c7d0a.woff) format("woff"),url(/static/media/NotoSans-Bold.a2b8ed27e25e7116ab30.woff2) format("woff2")}@font-face{font-family:NotoSansKoreanB;font-style:normal;font-weight:700;src:url(/static/media/NotoSans-Medium.d742f671e98e6947f066.eot) format("eot"),url(/static/media/NotoSans-Medium.6ed7a70677f4c9272657.otf) format("opentype"),url(/static/media/NotoSans-Medium.e892f21f7dd918a8fab9.woff) format("woff"),url(/static/media/NotoSans-Medium.43b5c29006f365a91ccd.woff2) format("woff2")}@font-face{font-family:NanumSquareR;font-style:normal;font-weight:300;src:url(/static/media/NanumSquareRoundL.ce55185065223d8173b7.woff) format("woff"),url(/static/media/NanumSquareRoundL.1d11bd4c508e280fb2b7.otf) format("opentype")}@font-face{font-family:NanumSquareR;font-style:normal;font-weight:400;src:url(/static/media/NanumSquareRoundR.fab818be8a1a90d50c15.woff) format("woff"),url(/static/media/NanumSquareRoundR.f2de32b37cd938b8317b.otf) format("opentype")}@font-face{font-family:NanumSquareR;font-style:normal;font-weight:500;src:url(/static/media/NanumSquareRoundB.1bc2a9e132a61f2c08d5.woff) format("woff"),url(/static/media/NanumSquareRoundB.42f345e0176ebf33e6eb.otf) format("opentype")}@font-face{font-family:NanumSquareR;font-style:normal;font-weight:600;src:url(/static/media/NanumSquareRoundEB.3aac2539c2c68b1f5a95.woff) format("woff"),url(/static/media/NanumSquareRoundEB.e73f1230126aab55da21.otf) format("opentype")}@font-face{font-family:SCDream;font-style:normal;font-weight:900;src:url(/static/media/SCDream7.a8d826f4cafb0e728051.otf) format("woff")}@font-face{font-family:jamsilM;font-style:normal;font-weight:900;src:url(/static/media/Jamsil-M.adb26882aeb95e913328.otf) format("woff")}@font-face{font-family:jamsilEB;font-style:normal;font-weight:900;src:url(/static/media/jamsil-EB.9390e8291a539cf25b06.otf) format("woff")}@font-face{font-family:jamsilB;font-style:normal;font-weight:500;src:url(/static/media/Jamsil-bold.a5ac2e292ec84c0ff3bf.otf) format("woff")}:root *,:root :after,:root :before{box-sizing:border-box;overflow:visible}:root ::-webkit-scrollbar{height:8px;width:8px}:root ::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}:root ::-webkit-scrollbar-thumb:hover{background-color:#555}:root ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:20px}:root *{scrollbar-color:#eee #fff;scrollbar-width:thin}:root body,:root html{color:#2e2e2e;font-family:Nanum Gothic;font-family:var(--nanum);font-size:1rem;line-height:1.6;overflow:hidden}:root ul li{list-style:none}:root h1{font-size:1.5625rem;font-weight:700}:root h2{font-family:SCDream;font-family:var(--SCDream);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--size-25);text-align:left}:root .table-hong{border-collapse:collapse;font-size:.9rem;table-layout:fixed;width:100%}:root .table-hong tbody tr{background-color:#fff;caret-color:#0000;cursor:pointer}:root .table-hong tbody tr:hover{background-color:#cbe9771a}:root .table-hong tbody .active,:root .table-hong tbody .selected{background-color:#f348d71a}:root .table-hong th{background-color:#f0f0f0;background-color:var(--white-300);font-weight:700}:root .table-hong td,:root .table-hong th{border:1px solid #d3d3d3;padding:.4rem .9rem;text-align:center}:root .table-hong td{vertical-align:middle}:root .table-hong .MuiCheckbox-root{color:#606060!important;color:var(--btn-gray)!important}:root .h-btn-dark{background-color:hsla(0,4%,9%,.804)!important;background-color:var(--h-dark)!important;color:#fff!important;font-size:.9rem!important}:root .h-btn-dark:hover{background-color:rgba(45,41,76,.804)!important;background-color:var(--h-dark2)!important}:root .h-btn-gray{background-color:#818181!important;background-color:var(--h-gray)!important;color:#fff!important;font-size:.9rem!important}:root .h-btn-gray:hover{background-color:#3c3c3c!important;background-color:var(--h-gray2)!important}:root .h-btn-blue{background-color:#325097!important;background-color:var(--h-blue)!important;color:#fff!important}:root .h-btn-blue:hover{background-color:#172c68!important;background-color:var(--h-blue2)!important}:root .h-btn-red{background-color:#a04e39!important;background-color:var(--h-red)!important;color:#fff!important}:root .h-btn-red:hover{background-color:#8c442f!important;background-color:var(--h-red2)!important}:root .h-btn-sky{background-color:#398ba0!important;background-color:var(--h-sky)!important;color:#fff!important}:root .h-btn-sky:hover{background-color:#28555d!important;background-color:var(--h-sky2)!important}:root .h-btn-green{background-color:#349375!important;background-color:var(--h-green)!important;color:#fff!important}:root .h-btn-green:hover{background-color:#2e8266!important;background-color:var(--h-green2)!important}:root .h-btn-yellow{background-color:#fddb69!important;background-color:var(--h-yellow)!important;color:#fff!important}:root .h-btn-yellow:hover{background-color:#ccac00!important;background-color:var(--h-yellow2)!important}:root .h-btn-white{background-color:var(--h-white)!important;border:1px solid hsla(240,1%,72%,.548)!important;color:#555!important}:root .h-btn-white:hover{background-color:#eee!important;color:#000!important}:root .o-btn-blue{background-color:initial!important;color:#325097!important;color:var(--h-blue)!important;height:2rem;min-width:1.5rem}:root .o-btn-blue:hover{background-color:#818181!important;background-color:var(--h-gray)!important}:root .o-btn-white{background-color:initial!important;color:var(--h-white)!important;height:2rem;min-width:1.5rem}:root .o-btn-white:hover{border:1px solid hsla(240,1%,72%,.548)!important}:root .o2-btn-blue{background-color:initial!important;border:2px solid hsla(240,1%,72%,.548)!important;color:#325097!important;color:var(--h-blue)!important;height:2rem;min-width:1.5rem}:root .o2-btn-blue:hover{background-color:#325097!important;background-color:var(--h-blue)!important;color:#fff!important}:root .o2-btn-black{background-color:initial!important;border:1px solid #ccc!important;color:#333!important;color:var(--h-black)!important;height:2rem;min-width:1.5rem}:root .o2-btn-black:hover{background-color:#333!important;background-color:var(--h-black)!important;color:#fff!important}:root .h-disabled{opacity:.5;pointer-events:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}:root .bounce{animation:bounce .6s ease;animation-iteration-count:2}:root .btnClose-me{color:#325097;color:var(--h-blue);font-size:1.5rem;height:2rem;min-width:2rem;position:absolute;right:1rem;top:-2.6rem}:root .display-1{font-size:2.5rem;font-weight:700;line-height:1.2}:root .display-2{font-size:2rem;font-weight:600;line-height:1.3}:root .display-3{font-size:1.75rem;font-weight:600;line-height:1.4}:root .display-4{font-size:1.5rem;font-weight:500;line-height:1.5}:root .display-5{font-size:1.25rem;font-weight:500;line-height:1.6}:root .display-6{font-size:1rem;font-weight:500;line-height:1.5}
/*# sourceMappingURL=main.b562e6a9.css.map*/