.header-container{position:relative;display:flex;z-index:999;width:100%;height:100px;border-bottom:1px solid transparent;background:transparent}.header-hover-out{animation:headerContainerAniPc .2s linear}.header-container.hover{animation:transparentToWhite .2s linear}.header-container-border-pc{background:white}.header-container-border-mobile{position:fixed;background:white}.header-hover-box{position:absolute;bottom:-81px;left:0;display:flex;justify-content:center;align-items:center;gap:32px;width:100%;height:80px;background:white}.header-hover-box-item{display:flex;align-items:center;gap:8px}.header-hover-box-item>img{border-bottom:2px solid transparent}.header-hover-box.appear{display:flex;animation:fadeIn .2s linear;border-top:1px solid #d2d2d2;opacity:1}.header-hover-box.disappear{animation:headerHoverTopBorder .2s linear}.header-hover-box>a>span{cursor:pointer;color:#2C2C2C;font-family:Pretendard Bold;font-size:16px;border-bottom:2px solid transparent}.header-hover-box>a>span:hover{color:#097485;border-bottom:2px solid #097485}.header-mobile-hover-box{display:none;position:fixed;top:70px;left:0;flex-direction:column;padding-top:32px;width:100%;height:calc(100vh - 70px);z-index:9999;background:white;padding-bottom:100px}.header-mobile-hover-box.appear{display:flex;animation:fadeIn .2s linear;opacity:1;overflow-y:scroll}.header-mobile-hover-box.disappear{animation:fadeout .2s linear}.header-mobile-hover-box>span{color:#2C2C2C;font-family:Pretendard Bold;font-size:16px}.header-mobile-hover-box>span:hover{color:#097485}.header-box{justify-content:space-between;width:calc(100% - 300px);margin:0 auto}.header-box,.header-img-box{display:flex;align-items:center}.header-img-box{position:relative;cursor:pointer}.header-img-1{width:192px}.header-img-1,.header-img-2{-o-object-fit:cover;object-fit:cover}.header-img-2{width:100px;margin-bottom:2px}.header-menu-box{display:flex;align-items:center;gap:50px}.header-menu-box>a{display:flex}.header-menu-box>a>span{color:#2C2C2C;font-size:18px;cursor:pointer;font-family:Pretendard Bold}.header-menu-box>a>span:hover{color:#097485}.header-menu-login-box{display:flex;align-items:center;cursor:pointer}.header-menu-login-box>p{margin:0 20px;width:1px;height:16px;background:#2B2B2B}.header-menu-login-box>span{font-family:Pretendard Regular;font-size:17px;color:#2C2C2C}.header-menu-login-box>span:hover{font-family:Pretendard Bold}.header-mobile-login-box{display:flex;align-items:center;justify-items:center;gap:8px;padding-bottom:24px;border-bottom:1px solid #ececec}.header-mobile-btn{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:34px;padding:8px 4px;border-radius:4px;font-family:Pretendard Bold;font-size:10px;cursor:pointer}.header-mobile-btn.login{margin-left:16px;background:#08A2BB}.header-mobile-btn.sigin{margin-right:16px;background:white;border-radius:4px;border:1px solid #08a2bb}.header-mobile-btn.login>span{color:white}.header-mobile-btn.sigin>span{color:#08A2BB}.header-mobile-menu-title{display:flex;justify-content:space-between;width:100%;padding:14px 16px;cursor:pointer}.header-mobile-menu-title>span{color:black;font-family:Pretendard Bold;font-size:16px}.header-mobile-menu-title>span.active{color:#097485}.header-mobile-menu-title>img{width:24px;-o-object-fit:cover;object-fit:cover;transform:rotate(0deg)}.header-mobile-menu-title>img.active{transform:rotate(180deg)}.header-mobile-menu-title-sub{display:flex;flex-direction:column}.header-mobile-menu-title-sub.span{padding:12px 16px;font-family:Pretendard Regular;font-size:13px}.header-mobile-menu-title-sub.active,.header-mobile-menu-title-sub.span:hover{background:#F1F9FA}.header-mobile-login-img{display:none}@media(max-width:1450px){.header-box{width:calc(100% - 100px)}}@media(max-width:1100px){.header-menu-box{gap:30px}}@media(max-width:1250px){.header-container{height:70px}.header-hover-box{bottom:-51px;height:50px}.header-menu-box{gap:40px}.header-img-1{width:110px}.header-hover-box>a>span,.header-menu-box>a>span{font-size:14px}.header-menu-login-box>span{font-size:12px}.header-menu-login-box>p{margin:5px 10px;height:10px}}@media(max-width:950px){.header-menu-box{gap:30px}}@media(max-width:890px){.header-menu-box{gap:20px}}@media (max-width:830px){.header-box{width:calc(100% - 32px)}.header-container{animation:headerContainerAniMobile .2s linear}.header-menu-box,.header-menu-login-box{display:none}.header-mobile-hover-box{display:block}.header-mobile-login-img{cursor:pointer;display:block}}