@charset "UTF-8";html{-webkit-text-size-adjust:none}html.tablet{min-height:0}html.tablet.tablet-portrait{font-size:10px}html.tablet.tablet-landscape{font-size:1vw}html:not(.tablet){font-size:10px}@media only screen and (max-width:1024px){html:not(.tablet){font-size:1vw}}@media only screen and (max-width:767px){html{font-size:10px!important}}#index-top-notice{display:none;width:100%;height:40px;justify-content:center;align-items:center;background:#3d415d;overflow:hidden;position:absolute;top:0;left:0;z-index:100}#index-top-notice p{margin:0;font-size:14px;color:#fff;line-height:20px;text-align:center;font-family:'Noto Sans KR';font-weight:400}#index-top-notice span{display:block;position:absolute;top:0;right:0;width:60px;height:40px;cursor:pointer}#index-top-notice span:after,#index-top-notice span:before{content:'';display:block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;left:50%;transition:all .3s}#index-top-notice span:before{transform:translate(-50%,-100%) rotate(-225deg)}#index-top-notice span:after,#index-top-notice span:hover:before{transform:translate(-50%,10%) rotate(-45deg)}#index-top-notice span:hover:after{transform:translate(-50%,-50%) rotate(-45deg)}#index-header.index.notice-active #index-top-notice{display:flex}#index-header.index.notice-active{padding-top:40px;height:calc(6rem + 40px)}#index-header{width:100%;height:6rem;position:relative;z-index:1000}#index-header:not(.index){background:#fff}#index-header .index-wrap{width:100%;max-width:1240px;height:100%;padding:0 2rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100}#index-header .nav-btn{display:none;width:4.8rem;height:4.8rem;position:relative;cursor:pointer}#index-header .nav-btn .icon-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.6rem;height:1.6rem}#index-header .nav-btn span{display:block;position:absolute;top:50%;left:0;width:1.6rem;height:.2rem;background:#6c708b;transition:all .5s}#index-header .nav-btn span.btn-top{transform:translate(0,-.7rem);transform-origin:left}#index-header .nav-btn span.btn-mid{width:1rem;transform:translate(0,-.1rem)}#index-header .nav-btn span.btn-btm{width:1.3rem;transform:translate(0,.5rem);transform-origin:left}#index-header .nav-btn.on span.btn-top{width:1.8rem;transform:rotate(45deg) translate(-.4rem,-.6rem)}#index-header .nav-btn.on span.btn-mid{opacity:0}#index-header .nav-btn.on span.btn-btm{width:1.8rem;transform:rotate(-45deg) translate(-.3rem,.5rem)}#index-header .logo{font-size:0}#index-header .logo a{display:block;position:relative}#index-header .logo a img{position:absolute;top:0;left:0;transform:translateY(-50%);opacity:0;transition:opacity .3s;height:1.8rem;object-fit:contain}#index-header .logo a img.logo-img{opacity:1}#index-header #index-nav .index-menu{margin:0;display:flex;align-items:center}#index-header #index-nav .index-menu li{margin-left:2rem}#index-header #index-nav .index-menu li a{display:block;padding:0 1.6rem;border-radius:1.1rem;border:1px solid transparent;font-size:1.7rem;color:#333;line-height:2rem;font-family:Roboto;font-weight:700;letter-spacing:-.05rem;transition:all .3s}#index-header #index-nav .index-menu li a.filled,#index-header #index-nav .index-menu li a:hover{color:#fff;background:#C61C1E}#index-header #index-nav .index-menu li a.border-line{padding:0 1rem;color:#C61C1E;border-color:#C61C1E;background:0 0}#index-header.index{min-height:0;position:fixed;top:0;left:0;z-index:1000;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,0))}#index-header.index:before{content:'';display:block;width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:10;opacity:0;transition:opacity .3s}#index-header.index .logo a img.logo-img{opacity:0}#index-header.index .logo a img.logo-img-white,#index-header.index.scroll .logo a img.logo-img,#index-header.index.scroll:before{opacity:1}#index-header.index #index-nav .index-menu{list-style:none}#index-header.index #index-nav .index-menu li a{color:#fff;text-decoration:none}#index-header.index #index-nav .index-menu li a.filled{width:8rem;padding:0;color:transparent;text-align:center;background:url(/img/index-header-login-btn.svg) center center no-repeat;background-size:8rem 2.2rem}#index-header.index #index-nav .index-menu li a.filled:hover{color:#fff}#index-header.index #index-nav .index-menu li a.border-line{color:#C61C1E}#index-header.index #index-nav .index-menu li a.border-line:hover{background:#fff}#index-header.index.scroll .logo a img.logo-img-white,.mobile-device #index-header .logo a img.logo-img,.mobile-device #index-header .logo a img.logo-img-white,.mobile-view #index-header .logo a img.logo-img,.mobile-view #index-header .logo a img.logo-img-white{opacity:0}#index-header.index.scroll #index-nav .index-menu li a{color:#333}#index-header.index.scroll #index-nav .index-menu li a.filled,#index-header.index.scroll #index-nav .index-menu li a.filled:hover{color:transparent}#index-header.index.scroll #index-nav .index-menu li a.border-line,#index-header.index.scroll #index-nav .index-menu li a.border-line:hover{color:#C61C1E}#index-header.index.scroll #index-nav .index-menu li a:hover{color:#fff}#index-header.product{padding:0}#index-header.product .product-depth2{position:absolute;top:100%;left:0;z-index:1000;background:rgba(48,49,72,.8);width:100%;height:6rem;color:#fff}#index-header.product .product-depth2 h2{width:auto;margin:0;font-size:1.6rem;color:#fff;font-weight:700;line-height:1.6rem;text-align:left;letter-spacing:0;font-family:Roboto}#index-header.product .product-depth2 .product-menu{display:flex;align-items:center}#index-header.product .product-depth2 .product-menu li{margin-left:2rem}#index-header.product .product-depth2 .product-menu li a{padding:0 1rem;border-radius:.8rem;font-size:1.6rem;color:#fff;line-height:2.4rem;font-family:Roboto;transition:color .3s,background-color .3s}#index-header.product .product-depth2 .product-menu li a:hover{color:#5c6193;background:#fff}#index-header.product .product-depth2.buy .product-menu li.buy a,#index-header.product .product-depth2.team .product-menu li.team a,#index-header.product .product-depth2.xyro .product-menu li.xyro a{color:#878DA2}#index-header.product .product-depth2.fixed{position:fixed;top:0;left:0}.mobile-view:not(.mobile-device) #index-header .nav-btn{display:block}.mobile-view:not(.mobile-device) #index-header .nav-btn:hover span{width:100%;background:#fff}.mobile-view:not(.mobile-device) #index-header .nav-btn.on:hover span{width:1.8rem}.mobile-device #index-header,.mobile-view #index-header{position:fixed;top:0;left:0;z-index:1000;height:4.8rem;background:#30334c;box-shadow:0 0 1.5rem rgba(0,0,0,.4);overflow:visible}.mobile-device #index-header:before,.mobile-view #index-header:before{display:none}.mobile-device #index-header #index-nav .index-menu,.mobile-device #index-header .nav-btn,.mobile-view #index-header #index-nav .index-menu,.mobile-view #index-header .nav-btn{display:block}.mobile-device #index-header #index-top-notice,.mobile-view #index-header #index-top-notice{padding:0 1.5rem}.mobile-device #index-header #index-top-notice p,.mobile-view #index-header #index-top-notice p{width:100%;padding-right:40px;font-size:12px;text-align:left}.mobile-device #index-header #index-top-notice span,.mobile-view #index-header #index-top-notice span{width:40px}.mobile-device #index-header.index.notice-active,.mobile-view #index-header.index.notice-active{height:calc(4.8rem + 40px)}.mobile-device #index-header .index-wrap,.mobile-view #index-header .index-wrap{max-width:100%;padding:0;background:#30334c}.mobile-device #index-header .nav-btn.touch-on span,.mobile-view #index-header .nav-btn.touch-on span{width:1.8rem;background:#fff}.mobile-device #index-header .logo,.mobile-view #index-header .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-device #index-header .logo a img,.mobile-view #index-header .logo a img{transform:translate(-50%,-50%)}.mobile-device #index-header .logo a img.m-logo-img,.mobile-view #index-header .logo a img.m-logo-img{opacity:1}.mobile-device #index-header #index-nav,.mobile-view #index-header #index-nav{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:0;background:#30334c;overflow:hidden;box-shadow:inset 0 0 2rem rgba(0,0,0,.4)}.mobile-device #index-header #index-nav .index-menu li,.mobile-view #index-header #index-nav .index-menu li{width:100%;margin:0}.mobile-device #index-header #index-nav .index-menu li a,.mobile-view #index-header #index-nav .index-menu li a{width:100%;border:0;padding:0 1.6rem;font-size:1.4rem;color:#fff;font-weight:500;line-height:4rem;letter-spacing:0;background:0 0}.mobile-device #index-header.index #index-nav .index-menu,.mobile-view #index-header.index #index-nav .index-menu{padding:0}.mobile-device #index-header.index #index-nav .index-menu li a,.mobile-view #index-header.index #index-nav .index-menu li a{color:#fff}.mobile-device #index-header.index #index-nav .index-menu li a.filled,.mobile-view #index-header.index #index-nav .index-menu li a.filled{width:100%;padding:0 1.6rem;color:#fff;text-align:left;background:0 0}.mobile-device #index-header.index #index-nav .index-menu li a.border-line,.mobile-view #index-header.index #index-nav .index-menu li a.border-line{border:0;color:#fff}.mobile-device #index-header.index #index-nav .index-menu li a.border-line:hover,.mobile-view #index-header.index #index-nav .index-menu li a.border-line:hover{background:0 0}.mobile-device #index-header.index #index-nav .index-menu li a:hover,.mobile-view #index-header.index #index-nav .index-menu li a:hover{color:#fff}.mobile-device #index-header.product .product-depth2,.mobile-view #index-header.product .product-depth2{position:fixed;top:4.8rem;height:3.6rem;padding:0 1.6rem;background:#24263d;box-shadow:0 0 2rem rgba(0,0,0,.6);z-index:-2}.mobile-device #index-header.product .product-depth2 .index-wrap,.mobile-device #index-header.product .product-depth2 .product-menu li a:hover,.mobile-view #index-header.product .product-depth2 .index-wrap,.mobile-view #index-header.product .product-depth2 .product-menu li a:hover{background:0 0}.mobile-device #index-header.product .product-depth2 h2,.mobile-view #index-header.product .product-depth2 h2{font-size:1.4rem;letter-spacing:0}.mobile-device #index-header.product .product-depth2 .product-menu li,.mobile-view #index-header.product .product-depth2 .product-menu li{margin-left:1.5rem}.mobile-device #index-header.product .product-depth2 .product-menu li a,.mobile-view #index-header.product .product-depth2 .product-menu li a{padding:0;font-size:1.4rem;font-weight:400;letter-spacing:0}.mobile-device #index-header.support.guide,.mobile-device #index-header.support.guide-content,.mobile-view #index-header.support.guide,.mobile-view #index-header.support.guide-content{position:relative}