.header-media-menu-close{color:gray;font-size:50%;text-align:center;transform:scaleY(2)}@media screen and (min-width: 1025px){.appbar-container{display:none}.appbar{display:none}}@media(max-width: 1024px){.header-container{display:none}.appbar{display:block}.appbar{width:100%;padding:0 20px;box-sizing:border-box}.preparing{opacity:.5}.app-bord{position:fixed;width:100%;height:7rem;background-color:#fff;z-index:100;right:0;display:flex;justify-content:center;align-items:center}.app-bord .back{position:absolute;top:3px;left:0}.logo-back-box{width:90%;margin:0 auto;display:flex;align-items:center}.app-bord .left{position:relative;width:100%;top:-13px}.app-bord .right{position:relative;float:right;text-align:center}.app-bord .right .menu-push-box{display:flex;align-items:center}.app-bord .right .menu-push-box .push-alert-btn{position:absolute;right:38px;top:4px}.app-bord .right .menu-push-box .push-alert-btn img{max-width:21px}.app-bord .right .burger{height:100%;display:inline-block;background:none;border:none;font-size:3.5rem;line-height:32px;padding:0;color:#000}.app-bord .left.logo .back a.back-btn img{width:10px}.app-bord .left.logo .logo-img a.logo-btn img{width:115px}.app-bord .left.logo .logo-img{margin-top:1px;position:absolute}.appbar-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:100}.appbar-container.active{display:block;transition:.3s}.appbar-container .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:1}.appbar-container .appbar-menu{position:absolute;top:0;right:0;bottom:0;background-color:#fff;z-index:2;overflow-y:scroll;left:40%}.appbar-menu::-webkit-scrollbar{width:0}.appbar-menu::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.appbar-container .appbar-menu .top .user-name{display:flex;width:100%;padding:2rem;justify-content:space-between;align-items:center;background-color:var(--bg-main)}.appbar-container .appbar-menu .top .user-name>ul{display:flex;font-size:1.5rem;align-items:center}.appbar-container .appbar-menu .top .user-name>ul li:nth-child(1):not(.mo-menu-box__inner ul li){width:80px;max-width:100%;height:36px;line-height:36px;background-color:#fff;color:#333;border-radius:20px;text-align:center;margin-right:15px}.appbar-container.mo-menu-box .appbar-menu .top .user-name>ul li.signUpBox .signup-button{width:80px;max-width:100%;height:36px;line-height:33px;border:1.5px solid #fff;color:#fff;border-radius:20px;text-align:center;padding:unset}.appbar-container .appbar-menu .top .user-name .login-user{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:1.5px;margin-right:15px}.appbar-container .appbar-menu .bottom{margin-top:30px}.appbar-container .appbar-menu .bottom .category{color:#333}.appbar-container .appbar-menu .bottom .category a{text-decoration:none;width:100%;position:static;display:flex;padding:2rem;align-items:center}.appbar-container .appbar-menu .bottom .category span{display:flex}.appbar-container .appbar-menu .bottom .category span>img{width:25px;margin-right:15px}.appbar-container .appbar-menu .bottom .category>ul>li span.inner-category-open{margin-left:auto;padding:1rem;font-size:4rem}.appbar-container .appbar-menu .bottom .category>ul>li.add-inner:has(>.add-inner-category.active) .menu-name{color:var(--bg-main)}.appbar-container .appbar-menu .bottom .category>ul>li.add-inner .inner-category-open img.plus,.appbar-container .appbar-menu .bottom .category>ul>li.add-inner:has(>.add-inner-category.active) .inner-category-open>img.minus{display:table-cell}.appbar-container .appbar-menu .bottom .category>ul>li.add-inner:has(>.add-inner-category.active) .inner-category-open>img.plus,.appbar-container .appbar-menu .bottom .category>ul>li.add-inner .inner-category-open>img.minus{display:none}.appbar-container .appbar-menu .bottom .category>ul>li .add-inner-category{width:100%}.appbar-container .appbar-menu .bottom .category>ul>li .inner-category{display:none;font-size:1.45rem;margin-left:48px}.appbar-container .appbar-menu .bottom .category>ul>li .inner-category li:last-child{border-bottom:none}.menu-close{color:#fff}.login-user-layout{display:flex;align-items:center}.user-logout{width:80px;max-width:100%;height:36px;line-height:36px;background-color:#fff;color:#333;border-radius:20px;text-align:center;font-size:1.4rem}}@media(max-width: 550px){.appbar-container .appbar-menu .bottom .category span>img{width:25px}.appbar-container .appbar-menu .top .user-name>ul{font-size:1.4rem}.appbar-container .appbar-menu .top .user-name>ul li:nth-child(1):not(.mo-menu-box__inner ul li){margin-right:10px}.appbar-container .appbar-menu .top .user-name>ul li:nth-child(1):not(.mo-menu-box__inner ul li){width:70px}}@media(max-width: 400px){.body>.content{padding-top:65px}.app-bord .left{position:relative;height:100%;padding:0}.app-bord .right{position:relative;float:right;text-align:center}.app-bord{position:fixed;width:100%;height:7rem;background-color:#fff;left:0px;right:0px;top:0px;z-index:100}}.appbar-container .appbar-menu.mo-menu-box__inner{border-radius:15px 0 0 15px}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content{background-color:#f7f8fa;border-radius:0 0 80px 0;flex-direction:column}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header{flex-direction:column;align-items:unset;width:100%;margin:5.7rem 0 4.7rem 0}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li{display:flex}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li h1{font-size:1.6rem;color:#555;font-weight:500}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li.login-box{width:100%}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li.login-box a{display:flex;align-items:center;font-size:1.7rem;font-weight:700}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li.login-box img{width:25px;transform:rotate(270deg);margin-top:.3rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header .hello-txt{font-size:1.3rem;color:#777;font-weight:400;margin-bottom:.2rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header .login-user-name-box{display:flex;align-items:flex-end}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header .login-user-name-box .login-user{color:#000;font-weight:600;font-size:1.7rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header .login-user-name-box .user-logout{width:unset;max-width:unset;height:unset;line-height:unset;background-color:unset;color:#777;border-radius:unset;text-align:unset;font-size:1.2rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu{width:100%;margin-bottom:1rem;justify-content:space-around}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu li{width:33.3333333333%;display:flex;align-items:center;justify-content:center;position:relative}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu li a{display:flex;flex-direction:column;align-items:center;padding:0}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu li a img{width:35px;margin-bottom:.3rem;padding:0}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu li a span{font-size:1.3rem;font-weight:500;white-space:pre}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu li::after{content:"";display:inline-flex;width:1px;height:35px;border-right:1px solid #ddd;position:absolute;right:2px}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu li:last-child::after{display:none}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .menu-close{color:#333;position:absolute;right:2rem;top:2rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body{padding:2rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li{display:flex;margin-bottom:1.5rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li:last-child{margin-bottom:unset}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li a{padding:0;display:flex;align-items:center;justify-content:space-between;font-weight:500}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li span.inner-category-open{margin-left:unset;padding:unset;font-size:unset}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li .menu-name{font-weight:600;font-size:1.5rem;letter-spacing:1px}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li.add-inner{flex-direction:column}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li.add-inner .add-inner-category .inner-category{font-size:1.3rem;margin:1.5rem 0 0 .2rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li.category-li.notice{flex-direction:column}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li.category-li.notice .notice-sub-menu{margin:1.5rem 0 0 .2rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li.category-li.notice li{padding:0}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li.category-li.notice li a{font-size:1.2rem;padding-left:1rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner .mo-menu-arrow{transition:transform .3s ease-in-out;transform:rotate(-90deg);margin-right:unset}@media(max-width: 550px){.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li h1{font-size:1.5rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li.login-box a{font-size:1.6rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li.login-box img{width:25px}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-header li .login-user-name-box .login-user{font-size:1.6rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body{padding:2rem}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li .menu-name{font-size:clamp(1.4rem,2.444vw,1.5rem)}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li.add-inner .add-inner-category .inner-category{font-size:clamp(1.2rem,2.667vw,1.3rem)}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-body .mo-menu-body__inner ul li.category-li.notice li a{font-size:clamp(1.1rem,2.444vw,1.2rem)}}@media(max-width: 400px){.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu li{width:clamp(50px,17.857vw,93px);justify-content:unset}.appbar-container .appbar-menu.mo-menu-box__inner .mo-menu-box__inner-content .mo-menu-favorite-menu li a span{font-size:clamp(1.1rem,3.929vw,1.3rem)}}
