.header{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;justify-content:end}@media screen and (max-width: 1199px){.header{position:fixed;top:0;right:0;bottom:0;left:0;height:68px}.header:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:96px;background:linear-gradient(180deg,#000,#0000);opacity:0;transition:opacity .3s ease;pointer-events:none}.header.scrolled:before{opacity:1}}.header.black .header-ui .header-menu-title{color:#000}@media screen and (max-width: 1199px){.header.black:before{content:none}}.header.black.open .header-ui .header-menu-title{color:#fff}.header .header-ui{position:relative;z-index:1}@media screen and (min-width: 1200px){.header .header-ui{display:none;align-items:center;justify-content:space-between;position:absolute;top:0;right:0;bottom:0;left:0;padding-inline:26px;pointer-events:none}}@media screen and (max-width: 1199px){.header .header-ui{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;right:0;bottom:0;left:0;padding-inline:26px}}.header .header-ui .header-user-icon{position:relative;display:block;width:32px;height:32px;overflow:hidden;background-color:#fff;border-radius:50%}.header .header-ui .header-user-icon img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.header .header-ui .header-user-icon .--close{opacity:0;background-color:#fff;position:absolute;transition:opacity .3s ease,visibility .3s;top:0;right:0;bottom:0;left:0;visibility:hidden}.header .header-ui .header-user-icon .--close span{display:block;position:absolute;left:50%;width:12px;height:1px;background-color:#111;border-radius:1px;transition:all .3s ease;transform-origin:center;top:50%;transform:translate(-50%)}.header .header-menu-title{color:#fff;pointer-events:auto;line-height:0}.header .header-menu{position:relative;box-sizing:border-box}@media screen and (max-width: 1199px){.header .header-menu{display:flex;opacity:0;visibility:hidden;transform:translateY(-10px);background-color:#111;width:100%;height:112px;padding-bottom:15px;padding-inline:26px;justify-content:end;align-items:end;transition:opacity .3s ease,transform .3s ease,visibility .3s}}@media screen and (max-width: 768px){.header .header-menu{padding-block:0 35px;height:267px;box-sizing:border-box;justify-content:flex-start}}.header .header-menu-wrapper{display:flex;align-items:center;gap:2.5px}@media screen and (max-width: 1199px){.header .header-menu-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:40px}}@media screen and (max-width: 768px){.header .header-menu-wrapper{flex-direction:column;align-items:flex-start;gap:27px}}.header .language-selector{position:relative;background-color:#000;height:39px;border:none;color:#fff;display:flex;justify-content:center;align-items:center;padding-inline:15px 27px;gap:6px;transition:all .2s cubic-bezier(.215,.61,.355,1);cursor:default}@media screen and (max-width: 1199px){.header .language-selector{background-color:transparent;order:3;gap:10px;width:auto;height:auto;padding-right:0}}@media screen and (max-width: 768px){.header .language-selector{gap:20px;padding-left:0}}.header .language-selector .language-content{width:100px;overflow:hidden}@media screen and (max-width: 1199px){.header .language-selector .language-content{width:auto;overflow:visible}}.header .language-selector .language-content-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:transform .3s cubic-bezier(.215,.61,.355,1);width:200px;transform:translate(0)}@media screen and (max-width: 1199px){.header .language-selector .language-content-wrapper{width:auto;gap:25px}}.header .language-selector .language-current{display:flex;gap:20px}.header .language-selector .language-current .--label,.header .language-selector .language-current .--value{padding-top:.1em;font-size:10px}@media screen and (max-width: 1199px){.header .language-selector .language-current .--label,.header .language-selector .language-current .--value{font-size:20px}}@media screen and (max-width: 1199px){.header .language-selector .language-current .--value{display:none}}.header .language-selector .language-list{display:flex;height:12px}@media screen and (max-width: 1199px){.header .language-selector .language-list{height:25px}}.header .language-selector .language-list .language-option{background:none;border:none;text-align:left;cursor:pointer;color:#666;font-size:10px;border-left:solid 1px #212121;padding-inline:8px;line-height:12px;transition:color linear .2s}@media screen and (max-width: 1199px){.header .language-selector .language-list .language-option{font-size:20px;padding-inline:16px}}@media screen and (max-width: 768px){.header .language-selector .language-list .language-option{padding-inline:10px}}.header .language-selector .language-list .language-option:last-child{padding-right:0}.header .language-selector .language-list .language-option:hover,.header .language-selector .language-list .language-option.selected{color:#fff}.header .language-selector .language-list .language-option span{display:inline-block;padding-top:.05em}.header .language-selector .--ico{position:relative;color:#666;line-height:0;transition:color linear .2s;height:12px}@media screen and (max-width: 1199px){.header .language-selector .--ico{width:24px;height:24px}}.header .language-selector .--ico svg{object-fit:contain;object-position:center;width:100%;height:100%}.header .language-selector:hover .--ico{color:#fff}.header .language-selector:hover.--active .language-content-wrapper{transform:translate(-100px)}@media screen and (min-width: 1200px){.header .language-selector:before{content:"";position:absolute;top:0;left:-20px;width:40px;height:100%;background:#000;transform:skew(45deg)}.header .language-selector .--ico{color:#666}.header .language-selector .--value{padding-inline:5px;border-left:1px solid rgba(102,102,102,.32)}.header .language-selector:hover .language-content-wrapper{transform:translate(-100px)}}.header .auth-section{display:flex;align-items:center}.header .auth-buttons{display:flex;align-items:center;gap:2.5px}@media screen and (max-width: 1199px){.header .auth-buttons{gap:45px}}@media screen and (max-width: 768px){.header .auth-buttons{flex-direction:column;align-items:flex-start;gap:25px}}.header .logout-button,.header .login-button,.header .signup-button{display:flex;justify-content:center;align-items:center;border:none;gap:6px;background-color:transparent;cursor:pointer}@media screen and (min-width: 1200px){.header .logout-button,.header .login-button,.header .signup-button{background-color:#000;width:131px;height:39px}}@media screen and (max-width: 1199px){.header .logout-button,.header .login-button,.header .signup-button{padding-inline:0;padding-block:0;gap:10px}}@media screen and (max-width: 768px){.header .logout-button,.header .login-button,.header .signup-button{gap:20px}}.header .logout-button:hover .--ico,.header .login-button:hover .--ico,.header .signup-button:hover .--ico{color:#fff}.header .logout-button .--ico,.header .login-button .--ico,.header .signup-button .--ico{color:#666;line-height:0;transition:color linear .2s;height:12px}@media screen and (max-width: 1199px){.header .logout-button .--ico,.header .login-button .--ico,.header .signup-button .--ico{width:24px;height:24px}}.header .logout-button .--ico svg,.header .login-button .--ico svg,.header .signup-button .--ico svg{object-fit:contain;object-position:center;width:100%;height:100%}.header .logout-button .--label,.header .login-button .--label,.header .signup-button .--label{padding-top:.1em;color:#fff;font-size:10px;font-weight:400}@media screen and (max-width: 1199px){.header .logout-button .--label,.header .login-button .--label,.header .signup-button .--label{font-size:20px}}.header .login-button .path-arrow{transition:transform .3s ease}.header .login-button:hover .path-arrow{transform:translate(3px)}@media screen and (max-width: 1199px){.header .login-button .--ico{transform:scale(1.5);transform-origin:right}}@media screen and (max-width: 1199px){.header .login-button{order:2}}.header .logout-button .path-arrow{transition:transform .3s ease}.header .logout-button:hover .path-arrow{transform:translate(-3px)}@media screen and (max-width: 1199px){.header .logout-button .--ico{transform:scale(1.5);transform-origin:right}}.header .signup-button .path-ico{transform:translate(3px);transition:transform .3s ease}.header .signup-button .path-line{opacity:0;transition:opacity .3s linear,transform .3s ease;transform:scaleX(0);transform-origin:left}.header .signup-button:hover .path-ico{transform:translate(0)}.header .signup-button:hover .path-line{opacity:1;transform:scaleX(1)}@media screen and (max-width: 1199px){.header .signup-button .--ico{transform:scale(1.3);transform-origin:right}}@media screen and (min-width: 1200px){.header.no-sidemenu .header-ui{display:flex;height:68px}.header.no-sidemenu .header-ui .header-user-icon{display:none}}.header.open .header-user-icon img{opacity:0}.header.open .header-user-icon .--close{opacity:1;visibility:visible}.header.open .header-user-icon .--close span:nth-child(1){top:50%;transform:translate(-50%) rotate(45deg)}.header.open .header-user-icon .--close span:nth-child(2){top:50%;transform:translate(-50%) rotate(-45deg)}@media screen and (max-width: 1199px){.header.open .header-menu{opacity:1;visibility:visible;transform:translateY(0)}}.side-menu .side-menu-wrapper{z-index:1000}@media screen and (max-width: 1199px){.side-menu .side-menu-wrapper{background-color:#111;position:fixed;top:0;right:0;bottom:0;left:0;padding-block:23px 68px;padding-inline:60px;overflow-y:auto;transform:translate(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s}.side-menu .side-menu-wrapper.open{transform:translate(0);opacity:1;visibility:visible}}@media screen and (max-width: 768px){.side-menu .side-menu-wrapper{padding-block:23px 32px;padding-inline:16px;width:100%;opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s}.side-menu .side-menu-wrapper.open{transform:translate(0);opacity:1;visibility:visible}}@media screen and (min-width: 1200px){.side-menu .side-menu-wrapper{display:block;position:fixed;top:27px;left:49px;padding:32px 16px;width:200px;background-color:#111;height:calc(100vh - 54px);transform:translate(0);transition:none;overflow-y:auto;box-sizing:border-box}}.side-menu .side-menu-title{margin:0;line-height:0;color:#fff}@media screen and (max-width: 1199px){.side-menu .side-menu-title{margin-left:-33px}}@media screen and (max-width: 768px){.side-menu .side-menu-title{margin-left:0}}.side-menu .side-menu-content{padding-top:12px;display:flex;flex-direction:column;height:100%}@media screen and (max-width: 1199px){.side-menu .side-menu-content{padding-top:28px;height:auto}}@media screen and (max-width: 768px){.side-menu .side-menu-content{padding-top:23px;height:auto}}@media screen and (min-width: 1200px){.side-menu .side-menu-content{height:auto}}.side-menu .menu-section{padding:0}.side-menu .menu-title{color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;padding-block:5px 8px}@media screen and (max-width: 1199px){.side-menu .menu-title{font-size:20px;padding-block:5px 6px}}.side-menu .menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}@media screen and (min-width: 769px) and (max-width: 1199px){.side-menu .menu-item.has-submenu{display:flex;align-items:flex-start;gap:30px}.side-menu .menu-item.has-submenu .menu-link{width:9em}.side-menu .menu-item.has-submenu .submenu-list{flex:1}}.side-menu .menu-link{display:flex;align-items:center;width:100%;background:none;border:none;padding-inline:0;padding-block:8px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;gap:4px;line-height:1}.side-menu .menu-link .menu-label{transition:opacity linear .2s}.side-menu .menu-link:hover .menu-label{opacity:.3}@media screen and (max-width: 1199px){.side-menu .menu-link{font-size:20px;padding-block:10px}}.side-menu .menu-icon{flex-shrink:0;color:#444;margin-top:-.2em}@media screen and (min-width: 1200px){.side-menu .menu-icon{width:16px;height:14px}}@media screen and (max-width: 1199px){.side-menu .menu-icon{width:20px;height:20px}}@media screen and (max-width: 768px){.side-menu .menu-icon{width:16px;height:14px}}.side-menu .menu-icon svg{width:100%;height:100%;object-fit:contain}.side-menu .menu-label{flex:1;color:#fff;font-weight:500}.side-menu .menu-target-icon{color:#444;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.side-menu .menu-target-icon svg{width:100%;height:100%}.side-menu .menu-target-icon.open{transform:rotate(180deg)}@media screen and (min-width: 769px) and (max-width: 1199px){.side-menu .menu-target-icon{display:none}}.side-menu .my-page-link{padding-left:7px;padding-block:5px;color:#fff}@media screen and (max-width: 1199px){.side-menu .my-page-link{width:auto;padding-left:0;padding-block:8px}}@media screen and (max-width: 768px){.side-menu .my-page-link{width:100%}}.side-menu .my-page-link .menu-label{font-size:12px;font-weight:400}@media screen and (max-width: 1199px){.side-menu .my-page-link .menu-label{font-size:14px}}@media screen and (max-width: 1199px){.side-menu .my-page-link .menu-target-icon{display:none}}@media screen and (max-width: 768px){.side-menu .my-page-link .menu-target-icon{display:block}}.side-menu .submenu-list{list-style:none;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s cubic-bezier(.215,.61,.355,1),opacity .3s linear;padding:0 0 0 7px}@media screen and (max-width: 768px){.side-menu .submenu-list{padding-left:0}}.side-menu .submenu-list.open{max-height:500px;opacity:1;transition:max-height .3s cubic-bezier(.55,.055,.675,.19),opacity .3s linear}@media screen and (min-width: 769px) and (max-width: 1199px){.side-menu .submenu-list{max-height:none;opacity:1;overflow:visible;transition:none}}.side-menu .submenu-list.--with-icon{display:flex;flex-direction:column;gap:0}@media screen and (min-width: 769px) and (max-width: 1199px){.side-menu .submenu-list.--with-icon{gap:4px 12px;flex-wrap:wrap;flex-direction:row}}.side-menu .submenu-list.--with-icon .submenu-item:first-child{margin-top:0}.side-menu .submenu-list.--with-icon .submenu-item:last-child{margin-bottom:0}.side-menu .submenu-list.--with-icon .submenu-link{display:flex;gap:6px}.side-menu .submenu-list.--with-icon .submenu-link .--txt{text-decoration:none;padding-top:.2em}.side-menu .submenu-list.--with-icon .submenu-link .--ico{width:20px;height:20px;overflow:hidden;border-radius:999px}.side-menu .submenu-list.--with-icon .submenu-link .--ico img{width:100%;height:100%;object-fit:cover}.side-menu .submenu-item:first-child{margin-top:4px}.side-menu .submenu-item:last-child{margin-bottom:10px}.side-menu .submenu-link{display:inline-flex;align-items:center;background:none;border:none;padding-block:5px;text-align:left;cursor:pointer}.side-menu .submenu-link .--txt{font-size:10px;line-height:1.5;color:#fff;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:opacity linear .2s}@media screen and (max-width: 1199px){.side-menu .submenu-link .--txt{font-size:12px}}@media screen and (min-width: 769px) and (max-width: 1199px){.side-menu .submenu-link .--txt{-webkit-line-clamp:1}}.side-menu .submenu-link:hover .--txt{opacity:.3;text-decoration:none}.side-menu .submenu-link.is-disabled{cursor:default}.side-menu .submenu-link.is-disabled .--txt{text-decoration:none;opacity:.6}.side-menu .menu-divider{height:1px;background-color:#202020;margin-block:18px}@media screen and (max-width: 1199px){.side-menu .terms-section{display:flex;gap:20%}}@media screen and (max-width: 768px){.side-menu .terms-section{display:block}}.side-menu .terms-section .terms-link{display:block;width:100%;background:none;border:none;color:#fff;padding:6px 0;text-align:left;cursor:pointer;font-size:12px;transition:opacity linear .2s}.side-menu .terms-section .terms-link:hover{opacity:.3}@media screen and (max-width: 1199px){.side-menu .terms-section .terms-link{width:auto}}@media screen and (max-width: 768px){.side-menu .terms-section .terms-link{width:100%}}.side-menu .side-menu-copyrights{position:fixed;left:10px;top:50dvh;writing-mode:vertical-lr;transform:translateY(-50%);font-size:8px;letter-spacing:.02em;color:#fff;z-index:1000}@media screen and (max-width: 1199px){.side-menu .side-menu-copyrights{display:none}}@media screen and (max-width: 1199px){.side-menu-toggle-button{position:fixed;right:20px;bottom:20px;z-index:1001;width:60px;height:60px;background:#e9edf4;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.side-menu-toggle-button span{display:block;position:absolute;left:50%;width:20px;height:1px;background-color:#111;border-radius:1px;transition:all .3s ease;transform-origin:center}.side-menu-toggle-button span:nth-child(1){top:calc(50% - 6px);transform:translate(-50%)}.side-menu-toggle-button span:nth-child(2){top:50%;transform:translate(-50%)}.side-menu-toggle-button span:nth-child(3){top:calc(50% + 6px);transform:translate(-50%)}.side-menu-toggle-button.is-visible{opacity:1;visibility:visible}.side-menu-toggle-button.open span:nth-child(1){top:50%;transform:translate(-50%) rotate(45deg)}.side-menu-toggle-button.open span:nth-child(2){opacity:0}.side-menu-toggle-button.open span:nth-child(3){top:50%;transform:translate(-50%) rotate(-45deg)}}@media screen and (min-width: 1200px){.side-menu-toggle-button{display:none}}@media screen and (min-width: 1200px){.layout .main-content{padding-left:248px}}@media screen and (max-width: 1199px){.layout .main-content{padding-top:68px}}.layout .main-content .content{min-height:100vh}@media screen and (max-width: 1199px){.layout .main-content .content{min-height:calc(100vh - 68px)}}@media screen and (max-width: 768px){.layout .main-content .content{min-height:calc(100vh - 68px)}}.layout.no-sidemenu .main-content{padding-left:0}.layout.no-sidemenu .footer{justify-content:center}
