.academy-header-component{background:#fff;border-bottom:1px solid #f2f2f2}
.academy-header-component .academy-header-container{display:flex;align-items:center;position:relative;max-width:1360px;width:calc(100% - 80px);height:auto;margin:auto;padding:16px 0}
@media(max-width:1023px){.academy-header-component .academy-header-container{width:calc(100% - 40px)}
}
@media(max-width:767px){.academy-header-component .academy-header-container{padding:14px 0}
.academy-header-component .academy-header-container.show-header-menu{display:none}
}
.academy-header-component .academy-header-container .hamburger-bar-icon{width:44px;height:44px;display:none}
@media(max-width:767px){.academy-header-component .academy-header-container .hamburger-bar-icon{display:block}
}
.academy-header-component .academy-header-container .logo{display:flex;height:100%}
@media(max-width:767px){.academy-header-component .academy-header-container .logo{height:auto;position:absolute;left:50%;transform:translateX(-50%)}
}
.academy-header-component .academy-header-container .logo>svg{width:auto}
.academy-header-component .academy-header-container .link{margin-left:50px;flex-grow:1;display:flex}
@media(max-width:767px){.academy-header-component .academy-header-container .link{display:none}
}
.academy-header-component .academy-header-container .link li{padding:5.5px 10px}
.academy-header-component .academy-header-container .link li+li{margin-left:8px}
.academy-header-component .academy-header-container .link li>a{text-decoration:unset;color:#000;font-family:'Poppins';font-weight:500;font-size:14px;line-height:21px}
.academy-header-component .academy-header-container .search-btn{position:absolute;top:20px;right:36px;cursor:pointer}
.academy-header-component .academy-header-container .search-btn>svg{width:24px;height:24px}
.academy-header-component .academy-header-container .search-btn:hover>svg path{fill:#00707a;transition:fill .3s}
.academy-header-component .academy-header-container .search-btn.focused>svg path{fill:#00707a;transition:fill .3s}
@media(max-width:767px){.academy-header-component .academy-header-container .search-btn{display:none}
}
.academy-header-component .academy-header-container .user-icon{width:24px;height:24px;position:relative;cursor:pointer}
@media(max-width:767px){.academy-header-component .academy-header-container .user-icon{display:none}
}
.academy-header-component .academy-header-container .user-icon:not(.active):hover>svg path,.academy-header-component .academy-header-container .user-icon:not(.active):active>svg path{fill:#00707a}
.academy-header-component .academy-header-container .user-icon.active:hover>svg path,.academy-header-component .academy-header-container .user-icon.active:active>svg path{fill:#00707a}
.academy-header-component .academy-header-container .user-icon>svg circle,.academy-header-component .academy-header-container .user-icon>svg path{transition:.5s}
.academy-header-component .academy-header-container .user-icon.visible .user-option{visibility:visible;opacity:1}
.academy-header-component .academy-header-container .user-icon .user-option{z-index:10;visibility:hidden;opacity:0;transition:.5s;position:absolute;top:24px;right:0;width:320px;flex-direction:column;justify-content:center;align-items:center}
.academy-header-component .academy-header-container .user-icon .user-option::before{content:'';position:absolute;top:0;width:100%;height:32px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container{margin-top:32px;padding:16px;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:12px;background-color:#fff}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a{height:44px;display:flex;align-items:center;color:#000;text-decoration:unset;position:relative}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a::before{content:'';width:100%;height:44px;position:absolute;left:0;background-color:#e4f0e9;opacity:0;border-radius:4px;transition:opacity .3s}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:hover::before,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:active::before{opacity:1}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:hover>.icon>svg path,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:active>.icon>svg path{stroke:#00626b}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:hover>.text,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:active>.text{color:#00626b}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:last-child){height:56px;padding-bottom:12px;border-bottom:1px solid #ccc}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:last-child):hover::before,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:last-child):active::before{bottom:12px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:first-child){height:56px;padding-top:12px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:first-child):hover::before,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:first-child):active::before{top:12px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a>.icon{position:relative;z-index:1;width:44px;height:44px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a>.icon svg path{transition:.3s}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a>.text{position:relative;z-index:1;font-family:'Roboto';font-weight:400;font-size:16px;line-height:19px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a>.text>span{color:#00626b}
.academy-header-component .mobile-menu-container{position:fixed;height:100vh;width:100vw;z-index:999;visibility:hidden;top:0;left:0}
@media(max-width:767px){.academy-header-component .mobile-menu-container.show-header-menu{visibility:visible}
.academy-header-component .mobile-menu-container.show-header-menu .mobile-menu{left:0;-webkit-transition:.3s cubic-bezier(0.6,0,0.4,1);transition:.3s cubic-bezier(0.6,0,0.4,1)}
.academy-header-component .mobile-menu-container.show-header-menu .overlay{opacity:.6}
}
.academy-header-component .mobile-menu-container>.overlay{width:100%;height:100%;background:#000;opacity:0;-webkit-transition:opacity .2s cubic-bezier(0.6,0,0.4,1);transition:opacity .2s cubic-bezier(0.6,0,0.4,1)}
.academy-header-component .mobile-menu-container .mobile-menu{padding:0 20px;width:320px;height:100%;background-color:#fff;position:absolute;left:-100%;top:0;z-index:1;-webkit-transition:.2s cubic-bezier(0.6,0,0.4,1);transition:.2s cubic-bezier(0.6,0,0.4,1)}
.academy-header-component .mobile-menu-container .mobile-menu .close-button{display:flex;flex-direction:column;justify-content:center;width:100%;height:68px}
.academy-header-component .mobile-menu-container .mobile-menu .close-button svg{width:44px;height:44px}
.academy-header-component .mobile-menu-container .mobile-menu>ul{margin:0 12px}
.academy-header-component .mobile-menu-container .mobile-menu>ul.hide{display:none}
.academy-header-component .mobile-menu-container .mobile-menu>ul:not(:last-child){padding-bottom:12px;border-bottom:1px solid #ccc}
.academy-header-component .mobile-menu-container .mobile-menu>ul:not(:first-child){padding-top:12px}
.academy-header-component .mobile-menu-container .mobile-menu>ul>li{height:44px;display:flex;align-items:center}
.academy-header-component .mobile-menu-container .mobile-menu>ul>li>a{flex-grow:1;color:#000;text-decoration:unset;font-family:'Poppins';font-weight:500;font-size:18px;line-height:27px;display:flex;align-items:center}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li>a{height:44px;display:flex;align-items:center;color:#000;text-decoration:unset}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li>a>.icon{width:44px;height:44px}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li>a>.icon+.text{margin-left:4px}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li>a>p.text>span{color:#00626b}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li+li{margin-top:10px}
.academy-header-component svg{width:100%;height:100%}
.global-search-bar-border{border-top:1px solid #f2f2f2}
.global-search-bar{display:none;background-color:#fff;max-width:1360px;width:100%;margin:0 auto;padding:12px 0;height:64px;position:relative}
@media(max-width:767px){.global-search-bar{padding:0;height:unset;display:block}
}
.global-search-bar.desktop{display:none}
@media(min-width:1220px){.global-search-bar.desktop.active{display:block}
}
.global-search-bar.active{display:block}
.global-search-bar .global-search-bar-wrapper{display:grid;grid-template-columns:1fr auto;gap:24px;height:40px;margin:0 auto;padding:0 40px}
@media(max-width:1023px){.global-search-bar .global-search-bar-wrapper{padding:0 20px}
}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper{grid-template-columns:1fr;gap:0;padding:0 30px 26px 30px}
}
.global-search-bar .global-search-bar-wrapper>div{align-self:center}
.global-search-bar .global-search-bar-wrapper .search-btn{display:none}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .search-btn{display:block}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar{max-width:inherit;margin:0 auto;height:40px;padding:0;position:relative;z-index:9999}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar{padding:0;height:44px}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:none}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar{max-width:280px;font-size:14px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .cancel{font-family:'Roboto'}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .cancel.active{display:inline-block}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap{position:relative;width:100%;height:inherit}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-btn>svg{width:24px;height:24px}
@media(min-width:1220px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-btn{display:none}
}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-btn{display:block}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input{border-radius:32px;border:0;padding:8px 73px 8px 20px;background-color:#f2f2f2;width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1220px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input:focus{outline:0}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input:focus::placeholder{color:#757575}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input::placeholder{color:#ccc;font-family:'Roboto';font-size:16px;font-style:normal;font-weight:400;line-height:150%}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input{padding:10px 12px 10px 52px;font-size:14px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input:focus{border:2px solid #00707a}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown{box-shadow:0 0 20px 0 rgba(0,0,0,0.1);border-radius:24px;border:1px solid #f2f2f2;max-width:1312px;max-height:66.7vh;width:100%;z-index:1;position:absolute;padding:20px 0;background-color:#fff;overflow:auto;top:calc(100% + 24px)}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown::-webkit-scrollbar{width:0}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown ul{display:flex;flex-direction:column}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown ul li{font-style:normal;font-weight:normal;font-size:14px;font-family:'Roboto'}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown ul li{font-size:16px;line-height:22px;margin-bottom:40px}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-title{padding:9px 24px;display:flex;justify-content:space-between;font-style:normal;font-weight:normal;font-size:14px;font-family:'Roboto';color:#757575}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-title .clear{transform:none;position:unset}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-title .clear{color:#00626b}
}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-title{padding:14px 0;margin:0 30px}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list{gap:4px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li{padding:6px 24px;cursor:pointer;display:flex;gap:4px;max-height:32px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li:hover{color:u-primary-green;background-color:#e6ece9}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li:hover .history-icon svg *{fill:#00626b}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li:hover{background-color:transparent}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li{padding:14px 0 14px 20px;margin:0 30px;max-height:unset;border-top:1px solid #f2f2f2}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li:last-child{border-bottom:1px solid #f2f2f2}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li .history-icon{display:none}
}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list{gap:0}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .divider{padding:16px 24px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .divider span{display:block;height:1px;background-color:#f2f2f2}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .divider{display:none}
}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown{width:320px;height:100vh;max-height:100vh;border:0;border-radius:0;left:-32px;box-shadow:none;padding:0}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown.scroll{box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.2)}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list{height:calc(100dvh - 142px);overflow:auto}
}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .clear{position:absolute;right:20px;color:#757575;top:50%;transform:translateY(-50%);z-index:10;font-family:'Roboto';font-size:12px;font-style:normal;font-weight:400;cursor:pointer}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .clear span{display:inline-block}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .clear svg{display:none}
@media(max-width:767px){.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .clear span{display:none}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .clear svg{display:inline}
}
.global-search-bar .close-btn{cursor:pointer}
.global-search-bar .close-btn>svg{width:24px;height:24px}
.global-search-bar .wrapper-overlay{display:none;width:100vw;height:100vh;position:absolute;top:100%;bottom:0;right:50%;left:50%;background:#000;opacity:.6;z-index:9998;transform:translateX(-50%);overflow:hidden}
.global-search-bar .wrapper-overlay.active{display:block}
@media(max-width:767px){body.no-scroll{overflow:hidden;position:fixed;width:100vw;height:100vh;top:0;left:0;touch-action:none}
.global-search-bar-border{border-top:0}
.global-search-bar{display:none;position:fixed;top:68px;left:20px;width:280px;max-width:280px;height:100vh;z-index:999999;background:#fff;padding:0}
.global-search-bar.active{display:block;overflow:hidden}
.global-search-bar .global-search-bar-wrapper{display:grid;height:40px;margin:0 auto;grid-template-columns:1fr;gap:0;padding:0}
.global-search-bar .global-search-bar-wrapper .close-btn{display:none}
.global-search-bar .global-search-bar-wrapper .common-search-bar{max-width:inherit;margin:0 auto;position:relative;z-index:9999;padding:0;height:44px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:280px;font-size:14px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap{display:block;position:relative;height:inherit}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input{padding:10px 42px 10px 42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input:focus{padding:10px 42px 10px 42px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-input:focus::placeholder{font-size:14px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-btn{display:block;position:absolute;left:12px;top:calc(50% - -3px);transform:translateY(-50%)}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .search-btn svg{height:24px;width:24px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown{display:block;position:absolute;width:320px;height:100vh;max-height:100vh;border:0;border-radius:0;left:-20px;box-shadow:none;padding:0 20px;top:calc(100% + 24px)}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown.scroll{box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.2)}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list{height:100vh;width:280px;overflow:auto}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-list-item .category-title{margin:0}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-list-item .sub-list li{margin:0;padding-right:20px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-list-item .sub-list li a{overflow:visible;text-overflow:clip;white-space:normal}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .dropdown.active{display:block;width:320px}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .clear{position:absolute;right:12px;font-size:14px;top:calc(50% - -2px);transform:translateY(-50%)}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .search-input-wrap .clear svg{display:inline}
.global-search-bar .global-search-bar-wrapper .common-search-bar .search-bar .cancel.active{display:inline-block}
}
.mobile-menu-search-bar-wrapper{display:grid;grid-template-columns:1fr;gap:0;position:relative;padding:0;height:44px;width:100%;margin:0 auto}
.mobile-menu-search-bar-wrapper.hide{display:none}
.mobile-menu-search-bar-wrapper .search-input{width:100%;height:100%;padding:10px 12px 10px 52px;border-radius:32px;border:0;background-color:#f2f2f2;font:normal 400 14px 'Roboto';line-height:1.5}
.mobile-menu-search-bar-wrapper .search-input:focus-visible,.mobile-menu-search-bar-wrapper .search-input:focus{outline:2px solid #00707a}
.mobile-menu-search-bar-wrapper .search-btn{display:block;position:absolute;left:12px;top:calc(50% - -3px);transform:translateY(-50%)}
.mobile-menu-search-bar-wrapper .search-btn svg{height:24px;width:24px}