#hd{position:fixed;top:0;left:0;z-index:99999;width:100%;padding:50px 0 0;font-size:18px;color:var(--theme-color);line-height:1;background:rgba(0,0,0,0);translate:0 0;-webkit-transition:height .4s .4s,background .4s .4s,translate .5s,padding .5s;transition:height .4s .4s,background .4s .4s,translate .5s,padding .5s}#hd button{border:0;background:none;line-height:1;color:inherit}#hd .hd__wrapper{width:90%;max-width:1600px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#hd .hd__logo{width:270px;aspect-ratio:269/66;background:url(/img/logo/logo.svg) left center/100% auto no-repeat;overflow:hidden;color:rgba(0,0,0,0);-webkit-transition:.5s;transition:.5s}#hd .hd__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2em}#hd .hd__menu .hd__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}#hd .hd__menu .hd__group::after{content:"";aspect-ratio:14/8;height:.7em;margin-left:.5em;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background:url(/img/common/icon/chevron-round.svg) center/contain no-repeat;position:relative;top:.1em}#hd .hd__menu .hd__group nav{position:absolute;top:100%;left:50%}#hd .hd__menu .hd__group nav .nav__list{position:absolute;top:100%;left:50%;translate:-50% 0;padding-right:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;overflow:hidden}#hd .hd__menu .hd__group nav .nav__list a,#hd .hd__menu .hd__group nav .nav__list button{padding-top:.6em;line-height:1.4;opacity:0;pointer-events:none;-webkit-transition:opacity .5s;transition:opacity .5s}#hd .hd__menu .hd__group.--active::after{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}#hd .hd__menu .hd__group.--active .nav__list{pointer-events:auto}#hd .hd__menu .hd__lang{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}#hd .hd__menu .hd__lang a{width:30px;aspect-ratio:1/1;font-size:10px;color:rgba(0,0,0,0);overflow:hidden}#hd .hd__menu .hd__lang .--ko{background:url(/img/common/icon/lang-ko.svg) center/contain no-repeat}#hd .hd__menu .hd__lang .--en{background:url(/img/common/icon/lang-en.svg) center/contain no-repeat}#hd .hd__menu .hd__lang .--cn{background:url(/img/common/icon/lang-cn.svg) center/contain no-repeat}#hd .hd__menu .hd__group.--active .nav__list{-webkit-transition:none;transition:none}#hd .hd__menu .hd__group.--active .nav__list a,#hd .hd__menu .hd__group.--active .nav__list button{pointer-events:auto;opacity:1}body.hd-fixed #hd{padding-top:20px}body.hd-fixed #hd .hd__logo{width:200px}.nav__popup{position:absolute;top:100%;left:50%;background:#fff;border-radius:12px;padding:24px 20px 16px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.15);box-shadow:0 8px 32px rgba(0,0,0,.15);width:200px;text-align:center;border-radius:30px;padding:24px 30px 16px;translate:-50% 1em;margin-left:-1em;opacity:0;visibility:hidden;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,visibility .3s ease;transition:opacity .3s ease,transform .3s ease,visibility .3s ease,-webkit-transform .3s ease}.nav__popup.--show{opacity:1;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.nav__popup img{width:100%;height:auto;display:block;-webkit-filter:grayscale(1);filter:grayscale(1)}.nav__popup p{margin-top:10px;font-size:14px;font-weight:500;color:#898989}.nav__popup .popup__close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:#999;padding:2px;line-height:1;-webkit-transition:color .2s;transition:color .2s}.nav__popup .popup__close:hover{color:#333}@media(max-width: 1280px){#hd{font-size:16px}#hd .hd__logo{width:220px}}/*# sourceMappingURL=hd.min.css.map */