.sub_main{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;position:relative;animation:scaleDown 2s forwards}@keyframes scaleDown{0%{background-size:120% 120%}to{background-size:100% 100%}}.sub_main.archive{background:url(/new/_astro/ai.Cmyd5TEN.jpg) center/cover no-repeat}.sub_main.itup{background:url(/new/_astro/title_bg.vd1-MGtR.jpg) center/cover no-repeat}.sub_main.classdx{background:url(/new/_astro/top_bg_03.D6-Zyqbw.jpg) center/cover no-repeat}.sub_main.about{background:url(/new/_astro/top_bg.ew9pwhuI.jpg) center/cover no-repeat;justify-content:space-around}.sub_main.about .title{padding:300px 0 0}.sub_main.inquiry{background:url(/new/_astro/top_bg_cs.BYnpI7gM.jpg) center/cover no-repeat}.sub_main.inquiry .title h1{letter-spacing:.2em;text-transform:uppercase;font-size:1rem;font-weight:600;margin-bottom:.75rem}.sub_main.inquiry .title h2{margin-top:1.5rem;font-size:clamp(2rem,3.2vw + 1rem,3.6rem);font-weight:600;line-height:1.15;margin-bottom:1.5rem}.sub_main.inquiry .title p{line-height:.8rem;font-size:1.2rem;margin-bottom:2rem;letter-spacing:-.05rem}.sub_main.inquiry title .btn_wrap .btn{color:#fff;display:flex;align-items:center;font-size:15px;justify-content:space-between;padding:12px 35px!important;font-weight:500}.sub_main.inquiry .title{position:relative;color:#fff;z-index:2;padding:15rem 0 0;text-align:center}.sub_main.elearning{background:url(/new/_astro/top_bg_04.CEqgPYyD.jpg) center/cover no-repeat}.sub_main.booklearning{background:url(/new/_astro/top_bg.CM-7t9A4.png) center/cover no-repeat}.sub_main.statutory{background:url(/new/_astro/top_bg.CNWSUF1p.jpg) center/cover no-repeat}.sub_main.content{background:url(/new/_astro/top_bg.D9j_0D78.jpg) center/cover no-repeat}.sub_main.ojt{background:url(/new/_astro/top_bg.C9wdzBMh.jpg) center/cover no-repeat}.sub_main.etc{background:url(/new/_astro/top_bg.AfR9YZOU.jpg) center/cover no-repeat}.sub_main.platform{background:url(/new/_astro/top_bg.AzT_skhM.jpg) center/cover no-repeat}.sub_main.employee{background:url(/new/_astro/title_bg_98.DUCoXT6g.jpg) center/cover no-repeat}.sub_main.workshop{background:url(/new/_astro/title_bg_workshop.B-rB3gOC.jpg) center/cover no-repeat}.sub_main.special{background:url(/new/_astro/top_bg_141.CgEYJwA3.jpg) center/cover no-repeat}.sub_main.language{background:url(/new/_astro/title_bg.BInCMuzi.jpg) center/cover no-repeat}.sub_main.archive:before{content:"";display:block;top:0;position:absolute;left:0;background:#00000080;width:100%;height:100%;z-index:1}.sub_main .title{position:relative;color:#fff;z-index:2;padding:15rem 0 0;text-align:center}.sub_main .title h1{letter-spacing:.2em;text-transform:uppercase;font-size:1rem;font-weight:600;margin-bottom:.75rem}.sub_main .title h1:after{content:"";display:block;width:25px;background:#fff;text-align:center;height:2px;margin:20px auto}.sub_main .title h2{margin-top:1.5rem;font-size:clamp(2rem,3.2vw + 1rem,3.6rem);font-weight:600;line-height:1.15;margin-bottom:1.5rem}.sub_main .title p{line-height:.8rem;font-size:1.2rem;margin-bottom:2rem;letter-spacing:-.05rem}.sub_main .title p.margin{margin:50px 0 0}.sub_main .title .btn_wrap{display:flex;max-width:1000px;margin:0 auto;flex-wrap:wrap;gap:10px}.sub_main .title .btn_wrap .btn{color:#fff;display:flex;align-items:center;font-size:14px;font-weight:600;justify-content:space-between;padding:.85rem 1.6rem!important;border-radius:100px}.sub_main .title .btn_wrap .btn svg{margin-left:30px;width:16px}.sub_main .title .btn_wrap .btn:not(:first-child){margin-left:10px}.sub_main .scroll_wrap{margin-bottom:50px}.sub_main .scroll_wrap,.sub_main .contact{position:relative;z-index:2;text-align:center;color:#fff}.sub_main .scroll_wrap .scroll{padding:25px 10px;border-radius:30px;border:2px solid rgba(255,255,255,.5);width:fit-content;margin:0 auto 15px}.sub_main .scroll_wrap .scroll svg{position:relative;animation:arrow_down 3s infinite ease-in-out alternate}.sub_main .scroll_wrap em{font-size:12px}.sub_main .contact{display:flex;align-items:center;justify-content:center;background:#00000080}.sub_main .contact li{width:20%;padding:30px 0;display:flex;align-items:center;justify-content:center}.sub_main .contact .circle{display:inline-block;position:relative}.sub_main .contact .circle .harpoon{margin-left:10px;animation:arrow 3s infinite ease-in-out alternate}.sub_main .contact .circle:before{content:"";display:block;width:8px;height:8px;background:#e63946;border-radius:50%;top:calc(50% - 4px);left:-10px;position:absolute}.sub_main .contact li svg{margin-right:10px}.sub_main .contact li a{color:#fff}.word span{display:inline-block;transform:translateY(20px);opacity:0;transition:all .5s ease-in;animation:fadeInUp .4s forwards}.effect{position:relative;overflow:hidden;transition:color .3s ease;cursor:pointer}.effect:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(90.04872088920342deg,#3551a4 19.34375%,#3451a4 19.34375%,#2c8ec4 50.734375%,#31cdb0 80.59375%);transition:height .4s cubic-bezier(.25,.46,.45,.94);z-index:-1}.effect:hover:before{height:100%}.effect:hover{color:#fff}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes arrow{0%{left:-10px}50%{left:10px}to{left:-10px}}@keyframes arrow_down{0%{bottom:-5px}50%{bottom:5px}to{bottom:-5px}}@media (max-width:992px){.sub_main .title{padding:10rem 0 0}}@media (max-width:768px){.sub_main .scroll_wrap{display:none}.sub_main .title{padding:100px 0 50px}.sub_main .title h2{font-size:36px}.sub_main .title p{margin:20px 0;font-size:1rem;line-height:30px}.sub_main .contact{width:100%;flex-direction:column}.sub_main .contact li{width:100%}.sub_main .contact .circle .harpoon{transform:rotate(90deg);--length: 25px;animation:arrow_down 3s infinite ease-in-out alternate;--barb-length: 10px}.sub_main .contact li .harpoon:before{right:calc(var(--barb-length) - 11px)}.sub_main .btn_wrap{flex-direction:column;padding:0 20px}.sub_main .title .btn_wrap .btn{margin-top:10px}.sub_main .title .btn_wrap .btn:not(:first-child){margin-left:0}}
