.brand{width:100%;height:100%}.brand .img-wrap{max-height:600px}.brand-btn{width:200px}.symbol{margin-top:50px;color:#000;display:flex;flex-direction:column}.symbol-wrap{width:100%;height:300px;display:flex;justify-content:center;align-items:center}@media(max-width: 768px){.symbol-wrap{height:200px}}.symbol-logo{background:url("/assets/images/logo.svg");display:block;background-position:center;height:200px;width:100%;background-repeat:no-repeat;background-size:contain}@media(max-width: 768px){.symbol-logo{height:100px}}.symbol-color-inner{display:flex;flex-direction:column;height:100%}.symbol-color-black{padding:50px;height:100%;display:flex;flex-direction:column;background-color:#000;color:#fff}.symbol-color-white{padding:50px;height:100%;display:flex;flex-direction:column;background-color:#fff;gap:10px;border:solid 1px #999}.symbol-color-red{padding:50px;height:100%;background-color:#ac192f;color:#fff}.symbol-color-non{padding:50px;height:100%;background-color:#eee}.story{position:relative;height:100%;transition:transform .7s ease-in-out;z-index:2}.story-header{position:fixed;top:0;left:0;width:100%;padding:15px 15px;display:flex;justify-content:space-between;align-items:center;z-index:10;font-size:28.8px;color:#fff;box-sizing:border-box}.story-scroll-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:15px;z-index:100;display:flex;justify-content:center;align-items:center}.story-scroll-icon{width:50px;height:50px;color:#fff}.story-section{height:100vh;display:flex;align-items:center;justify-content:flex-start;color:#fff}.story-txt-wrap{display:flex;flex-direction:column;position:relative;left:15%;z-index:100;color:#fff;gap:15px}.story-ani{display:block;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out;z-index:2;text-shadow:0 0 5px rgba(0,0,0,.5)}.story-ani.visible{opacity:1;transform:translateY(0)}@media(max-width: 768px){.story-txt{padding:32px;left:0}}