.header .logo,.header .sign,.header .gnb{transform:translateY(10px);transition:1.5s;opacity:0}.header.fade .logo,.header.fade .sign,.header.fade .gnb{transform:translateY(0);opacity:1}.container .section{position:relative;height:0;overflow:hidden}.container .section.active .action.bg::after{width:0}.container .section.active .action.img{transform:translateY(0%) skewX(0deg);opacity:1}.container .section.active .inner-text{transform:translateX(0) !important;opacity:1}.container .section .action.bg::after{position:absolute;content:"";top:0;right:0;width:100%;height:100%;background:#fff;transition:1s;transition-delay:0.3s;z-index:4}.container .section .action.img{transform:translateY(5%) skewX(-5deg);transition:1s;transition-delay:1s;opacity:0}.container .section .inner-text{transition:1s;transition-delay:1.2s;opacity:0}.container .section .inner-text.none-action{transform:translateX(0) !important;opacity:1}.container .section .inner-text h1{font-size:58px;font-weight:900;color:#000;font-family:"Lato", sans-serif;font-size:3vw;margin-top:5px}.container .section .inner-text p{font-size:18px;font-weight:300;color:#4b4b4b;line-height:1.8;margin-top:55px;margin-top:2.8vw}.container .section .visual img{width:100%}.container .section.welcome{padding-bottom:46.25%}.container .section.welcome .inner-text{position:absolute;top:32.65%;left:0;width:47.5%;text-align:right;transform:translateX(-50px);transition-delay:1.2s}.container .section.welcome .inner-text h1{font-size:78px;font-weight:900;color:#000;font-size:4vw;margin-bottom:1.2%}.container .section.welcome .inner-text h1:nth-of-type(1){margin-bottom:4%}.container .section.welcome .inner-text h1 span{display:inline-block;padding:85px 0 0 100px;font-size:65px;font-size:3.4vw;color:#d5d5d5;background-image:url("/images/main/bg_section_welcome_h1.jpg");background-repeat:no-repeat}.container .section.welcome .visual{position:absolute;bottom:0;right:0;width:48.33%}.container .section.everyone{padding-bottom:50.78%}.container .section.everyone .visual{position:absolute;top:19.79%;left:0;width:93.75%;height:0;padding-bottom:42.23%}.container .section.everyone .visual .img-1{position:absolute;top:0;left:0;width:61%;z-index:1}.container .section.everyone .visual .img-2{position:absolute;top:37%;left:42%;width:56.88%;z-index:3}.container .section.everyone .visual .img-3{position:absolute;bottom:9%;left:-5%;width:50%;z-index:2}.container .section.everyone .visual .img-3::after{left:0;transition-delay:1.5s}.container .section.everyone .inner-text{position:absolute;top:55.5%;left:43.5%;width:50%;text-align:left;transform:translateX(50px);z-index:4}.container .section.everyone .inner-text h1{margin-top:8px}.container .section.everyone .inner-text p{max-width:700px;word-break:keep-all}.container .section.your{padding-bottom:56.35%}.container .section.your .inner-text{position:absolute;top:38.26%;left:9.37%;width:30%;transform:translateX(-50px)}.container .section.your .visual{position:absolute;top:14.23%;right:0;width:57.39%;height:0;padding-bottom:42.23%}.container .section.your .visual .img-1{position:absolute;top:20.93%;left:0;width:82.66%;z-index:2}.container .section.your .visual .img-2{position:absolute;top:0;right:0;width:75.22%;z-index:1}.container .section.about{padding-bottom:56.3%}.container .section.about .visual{position:absolute;top:3.51%;left:0;width:50%;height:0;padding-bottom:52.03%}.container .section.about .visual .img-1{position:absolute;top:10%;left:26.35%;width:73.75%;z-index:2}.container .section.about .visual .img-1.scroll{height:0;padding-bottom:98%;overflow:hidden}.container .section.about .visual .img-1.scroll img{position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%);transition:0.5s left}.container .section.about .visual .img-2{position:absolute;top:17.05%;left:22.81%;width:6.77%;z-index:3}.container .section.about .visual .img-3{position:absolute;top:0;left:0;width:46%;z-index:1}.container .section.about .inner-text{position:absolute;top:27%;left:53.64%;width:46.66%;transform:translateX(50px)}.container .section.about .inner-text a.contact{display:block;width:165px;height:55px;margin-top:6%;box-sizing:border-box;-webkit-box-sizing:border-box;font-size:23px;font-weight:700;color:#fff;line-height:54px;background-image:url("/images/common/bg_gradi_red.png");background-repeat:no-repeat;background-size:auto 100%;border-radius:28px;text-align:center}.container .banner{position:relative;margin-top:6.6%}.container .banner.active .inner-text{transform:translateY(0);opacity:1}.container .banner .visual img{display:block;width:100%}.container .banner .inner-text{width:40.26%;position:absolute;top:31%;left:18%;transition:1s;transform:translateY(10%);transition-delay:1s;opacity:0}.container .banner .inner-text img{width:100%}@media screen and (max-width: 1400px){.container .section .inner-text h1{font-size:42px}.container .section .inner-text p{font-size:18px}.container .section.welcome .inner-text h1{font-size:56px}.container .section.welcome .inner-text h1 span{font-size:48px}.container .section.everyone{padding-bottom:53%}.container .section.everyone .inner-text{top:53%}.container .section.everyone .inner-text p{margin-top:30px;margin-top:1.8vw;line-height:1.4}.container .section.about .inner-text{top:26%}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.container .section .inner-text h1{font-family:"Noto Sans KR", sans-serif;font-weight:700}}
