.visual-area{position:relative;max-width:100%;height:26rem;margin-left:3rem;margin-bottom:8rem;border-radius:6rem 0 0 6rem;overflow:hidden;transition:margin-left 1.5s cubic-bezier(.1,.55,.4,1)}.visual-area .visual-bg{position:absolute;right:0;top:0;width:100%;height:100%;background:var(--color-gray-30) url(/assets/images/about/dummy_banner1.webp) no-repeat right center;background-size:cover;transform:scale(1.25);transition:transform 1.5s cubic-bezier(.1,.55,.4,1)}.visual-area .visual-text{position:absolute;bottom:6rem;left:23.6rem;color:#fff;font-family:high1 Wonchuri Title,high1 Wonchuri Body;font-size:6rem;font-weight:700}.visual-area.animate .visual-bg{transform:scale(1)}:root{--font-size-md:1.6rem;--color-primary:#fc6725;--color-secondary:#547aff;--color-text-primary:#282d38;--color-yellow-400:#ffde23;--color-brown-100:#d9c7b8;--color-brown-400:#b3835a;--color-violet-100:#c4cceb;--color-violet-400:#6e8ac3;--color-pink-100:#ffc3b9;--color-pink-400:#d67262;--color-green-100:#add8d5;--color-green-400:#44a9a3;--color-mint-100:#c3e1ef;--color-mint-400:#4f99bd;--color-gray-0:#fff;--color-gray-30:#eff2f4;--color-gray-60:#d7dee9;--color-gray-100:#c9d1df;--color-gray-200:#a9b1bf;--color-gray-300:#8d95a4;--color-gray-400:#798497;--color-gray-500:#626b7c;--color-gray-600:#515867;--color-gray-700:#373e4a;--color-gray-800:#282d38;--color-gray-900:#1a1f26;--color-gray-1000:#000;--color-blue-30:#e5eeff;--color-blue-60:#d1e1ff;--color-blue-100:#bbd1f9;--color-blue-200:#9abbf6;--color-blue-300:#6c9cf2;--color-blue-400:#5089ef;--color-blue-500:#246beb;--color-blue-600:#2161d6;--color-blue-700:#1a4ca7;--color-blue-800:#143b81;--color-blue-900:#0f2d63;--color-red-30:#ffebee;--color-red-500:#eb2431;--aside-width:24rem}@media(min-width:1920px){.visual-area{margin-left:calc((100% - 171rem)/2)}}@media(min-width:1025px)and (max-width:1399.98px){.visual-area .visual-text{left:10rem}}@media(max-width:1024px){.visual-area{border-radius:4.4rem 0 0 4.4rem;margin-bottom:6rem}.visual-area .visual-bg{margin-left:calc((100% - 76.8rem)/2);background-image:url(/assets/images/about/dummy_banner1_sm.webp);background-position:100% 100%}.visual-area .visual-text{bottom:5rem;left:7rem}.visual-area.animate{margin-left:3rem}}@media(max-width:767px){.visual-area{height:15.8rem;border-radius:3.6rem 0 0 3.6rem;margin-bottom:4rem}.visual-area .visual-bg{margin-left:2.4rem;background-position:100%}.visual-area .visual-text{bottom:3rem;left:4rem;font-size:4rem}.visual-area.animate{margin-left:2.4rem}}