header{width:100%;height:auto;display:block;position:fixed;top:62px;left:0;z-index:99}header .with-login,header.loggedIn .wo-login{display:none}header .wo-login,header.loggedIn .with-login{display:flex}header.loggedIn.workerAcc .auth-link .enduser-link{display:none}header.loggedIn.enduserAcc .auth-link .worker-link{display:none}header nav{width:100%;max-width:1400px;height:90px;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16);background:rgba(255,255,255,.82);margin:0 auto;padding:.8em 2.5em;display:flex;position:relative}header .header-logo{width:15%}header .header-logo>a{height:100%;width:90%;display:block;position:relative}header .header-logo>a>img{width:auto}header .header-main{width:85%;display:flex;align-items:center;justify-content:space-between}header .header-main .header-main-left{display:flex;align-items:center;justify-content:flex-start}header .header-main .header-main-left>*{margin-right:5rem}header .head-dropdown .dropdown-parent,header .head-link{height:100%;display:flex;align-items:center;cursor:pointer;color:#707070;font-weight:400;font-size:1rem;letter-spacing:.2rem}header .mobile-link-wrapper .head-link{color:#707070}header .header-main>:not(:last-child){margin-right:1rem}header .head-dropdown{height:100%;display:block}header .head-dropdown .dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:.5em 1.5em;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:0 0 10px 10px;max-height:0;pointer-events:none;visibility:hidden;overflow:hidden;transition:max-height .3s ease-in-out}header.desktop .head-dropdown:hover .dropdown,header.mobile .head-dropdown.active .dropdown{max-height:1000px!important;visibility:visible;pointer-events:unset}header .head-dropdown .dropdown-link{white-space:nowrap;padding:1em 1.5em;display:block;text-align:center;color:#4b4b4b;font-size:1rem;font-weight:400;letter-spacing:.2rem;cursor:pointer}header .head-dropdown .dropdown-link:hover{background-color:#10a7d5;color:#fff}header .head-dropdown .dropdown-link:not(:last-of-type){border-bottom:1px solid #e8e8e8}header .head-dropdown .dropdown-parent::after{content:'';position:absolute;top:50%;left:100%;transform:translate(5px,-48%);width:10px;height:100%;background:url(/assets/img/icon_dropdown.svg) center/contain no-repeat;transition:transform .3s ease-in-out}header .with-login .head-dropdown .dropdown-parent::after{display:none}header.desktop .head-dropdown:hover .dropdown-parent::after{transform:translate(5px,-48%) rotate(180deg)}header .auth-link>div{align-items:center;justify-content:center}header .auth-link .head-link{font-size:.875rem}header .auth-link .head-link:first-of-type{margin-right:8px}header .auth-link .head-link:last-of-type{margin-left:8px}header .auth-link .ver-line{height:.875rem;width:1px;min-width:1px;background-color:#707070}header .mobile-link-wrapper .auth-link .ver-line{background-color:#707070}header .auth-link .account-link{width:22px;height:22px;min-width:22px;min-height:22px;background:url(/assets/img/icon_account.svg) center/contain no-repeat}header .auth-link .worker-link .account-link{background:url(/assets/img/icon_account_worker.svg) center/contain no-repeat}header .head-mobile-menu{display:none;cursor:pointer;z-index:300;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}header .menu-btn .bar{width:35px;height:2px;background-color:#10a7d5;margin:10px 0;transition:.4s}header.active .menu-btn .bar1{-webkit-transform:rotate(-45deg) translate(-10px,10px);transform:rotate(-45deg) translate(-10px,10px)}header.active .menu-btn .bar2{opacity:0}header.active .menu-btn .bar3{-webkit-transform:rotate(45deg) translate(-7px,-7px);transform:rotate(45deg) translate(-7px,-7px)}header .mobile-link-wrapper{display:none;position:absolute;top:50%;right:4.5rem;transform:translateY(-50%)}@media(max-width:1400px){header{top:0}header nav{height:70px;border-radius:0;background:#fff}header .head-mobile-menu{display:block}header .header-main{width:100%;position:absolute;top:100%;left:0;height:0;overflow:hidden;pointer-events:none;transition:height .3s ease-in-out;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1.5em;background:#10a7d5;visibility:hidden}header.active .header-main{height:calc((var(--vh,1vh) * 100) - 70px);overflow:auto;pointer-events:unset;visibility:visible}header .header-main .header-main-left{flex-direction:column;width:100%}header .header-main .header-main-left>*{margin-right:0}header .head-dropdown:not(.worker-link),header .head-dropdown:not(.worker-link) .dropdown-parent,header .head-link{height:auto;width:100%}header .head-dropdown:not(.worker-link) .dropdown-parent,header .head-link{color:#fff;padding:1.5em .5em}header .header-main>:not(:last-child){margin:0}header .head-dropdown:not(.worker-link) .dropdown{width:100%;position:relative;top:0;left:0;transform:none;padding:0 1.5em;background:0 0;border-radius:0;box-shadow:none}header .head-dropdown:not(.worker-link) .dropdown-link{text-align:left;color:#fff;padding:1em}header .head-dropdown:not(.worker-link) .dropdown-link:not(:last-of-type){border-bottom:none}header .head-dropdown:not(.worker-link) .dropdown-parent::after{right:0;left:unset;transform:translate(0,-50%);width:15px;filter:brightness(10)}header .head-dropdown.active .dropdown-parent::after{transform:translate(0,-50%) rotate(180deg)}header .header-logo,header .header-logo>a{width:auto}header .auth-link .ver-line{background-color:#fff}header .auth-link .with-login.desktop,header .auth-link .with-login.desktop.show{display:none}header .mobile-link-wrapper{display:block}}