@charset "utf-8";

html, body{background:#fff;}
*:not(html):not(body){scrollbar-width:none;-ms-overflow-style:none;}
*:not(html):not(body)::-webkit-scrollbar{display:none;}
body{background-color:var(--color-black); overflow-x:hidden;overflow-y:auto;}

#wrapper{position:relative; text-align:center;}

section{overflow:hidden; position:relative; background-repeat:no-repeat; background-size:100% 100%;}

.sec{height:1480px; padding:260px 20px 87px; background-image:url(../images/sec_bg.png);}
.sec .logo{position:absolute; top:133px; left:223px; width:203px;}
.sec .text{font-size:90px; font-weight:700; line-height:1.2;}
.sec .text span{display:inline; color:#8492fc; font-size:inherit; font-weight:inherit; line-height:inherit;}
.sec .text2{margin-top:60px; font-size:64px; font-weight:500; line-height:1.38;}
.sec .text2 .red{display:inline; color:#ff5a42; font-size:inherit; font-weight:900; line-height:inherit;}
.sec .text2 .blue{display:inline; color:#8492fc; font-size:inherit; font-weight:900; line-height:inherit;}
.sec .img{width:446px; margin-top:150px;}
.sec.show .aos-init{opacity:1 !important; transform:none !important;}

.sec2{height:1480px; padding:141px 20px 154px; background-image:url(../images/sec2_bg.png);}
.sec2 .text{color:#6359ec; font-size:100px; font-weight:900; line-height:1.32;}
.sec2 .text2{margin-top:19px; font-size:48px;}
.sec2 .img-box{display:flex; margin-top:104px; flex-direction:column;align-items:center;gap:54px;}
.sec2 .img-box img{width:940px;}
.sec2 .img-box img:first-child{width:944px;}

.sec3{display:flex; height:1480px; padding:71px 20px 70px; background-image:url(../images/sec3_bg.png); flex-direction:column;align-items:center;}
.sec3 .text{color:#030926; font-size:85px; font-weight:900; line-height:1.18;}
.sec3 .text span{color:#f05050; font-size:inherit; font-weight:inherit; line-height:inherit;}
.sec3 .img-box{display:flex;/* max-width:662px;*/ margin:77px auto 0; flex-direction:column;gap:9px;align-items:start;}
.sec3 .img-box img{max-height:101px;}
.sec3 .img-box img:nth-child(2n){margin-left:auto;}
.sec3 .img{width:13px; margin:23px auto 0;}
.sec3 .img2{width:457px; margin:41px auto 0;}
.sec3 .text2{margin:3px auto 0; color:#030926; font-size:60px; font-weight:700; line-height:normal;}
.sec3 .text2 span{color:#f05050; font-size:inherit; font-weight:inherit; line-height:inherit;}
.sec3 .btn{margin:28px auto 0;}
.sec3 .btn img{width:780px;}

.sec4{display:flex; height:1480px; padding:70px 20px 108px; background-image:url(../images/sec4_bg.png); flex-direction:column;align-items:center;}
.sec4 .text{font-size:64px; font-weight:900; line-height:1.56;}
.sec4 .text span{color:#f05050; font-size:inherit; font-weight:inherit; line-height:inherit;}
.sec4 .text2{margin:27px auto 0; font-size:32px; line-height:1.31;}
.sec4 .text2 span{color:#f05050; font-size:inherit; line-height:inherit;}
.sec4 .img{width:690px; margin:29px auto 0;}
.sec4 .img2{width:712px; margin:55px auto 0;}

.sec5{height:1480px; padding:109px 20px 109px; background-image:url(../images/sec5_bg.png);}
.sec5 .img{width:469px;}
.sec5 .text{margin:10px auto 0; color:#030926; font-size:85px; font-weight:900; line-height:1.18;}
.sec5 .text span{color:#f05050; font-size:inherit; line-height:inherit;}
.sec5 .img-box{display:flex; margin:85px auto 0; flex-direction:column;align-items:center;gap:37px;}
.sec5 .img-box img{max-height:308px;}

.sec6{height:1300px; padding:141px 20px 240px; background-image:url(../images/sec6_bg.png);}
.sec6 .text{font-size:52px; font-weight:400; line-height:1.92;}
.sec6 .text2{margin:8px 0 0; font-size:70px; font-weight:900; line-height:1.43;}
.sec6 .text2 span{color:#f05050; font-size:inherit; line-height:inherit;}
.sec6 .img{width:1042px; margin:220px auto 0;}

.sec7{display:flex; height:1480px; padding:170px 20px 161px; background-image:url(../images/sec7_bg.png); text-align:left; justify-content:center;}
.sec7 .box{width:730px; padding-top:153px;}
.sec7 .box .logo{width:231px;}
.sec7 .box ul{display:flex; margin-top:28px; flex-direction:column;gap:4px;}
.sec7 .box ul li{color:#232327; font-size:22px; font-weight:500;}
.sec7 .box ul li span{margin-right:16px; color:inherit; font-size:inherit; font-weight:inherit;}
.sec7 .box p{margin-top:50px; color:#210e60; font-size:40px; font-weight:700;}
.sec7 .box div{display:flex; margin-top:7px; gap:11px;}
.sec7 .box div a img{height:79px;}
.sec7 .box .img{width:437px; margin:76px 0 0 -18px;}
.sec7 .box2{width:960px; padding:80px 85px 69px; border-radius:40px; background-color:#fff; box-shadow:0px 10px 13.1px 4.9px rgba(50, 50, 50, 0.18);}
.sec7 .box2 .head{display:flex; justify-content:space-between;align-items:center;}
.sec7 .box2 .head .title{color:#210e60; font-size:52px; font-weight:700; line-height:normal;}
.sec7 .box2 .head .call{display:flex; color:#210e60; font-size:36px; font-weight:700; line-height:normal; gap:20px;align-items:center;}
.sec7 .box2 .head .call img{width:54px;}
.sec7 .box2 .form{margin-top:72px;}
.sec7 .box2 .form .form-box{display:flex; flex-wrap:wrap;gap:56px;}
.sec7 .box2 .form .form-box + .form-box{margin-top:82px; gap:0;}
.sec7 .box2 .form .form-box label{display:flex; color:#232327; font-size:25px; font-weight:500; line-height:inherit; gap:9px;align-items:center;}
.sec7 .box2 .form .form-box label span{margin-top:15px; color:#210e60; font-size:40px; line-height:inherit;}
.sec7 .box2 .form .form-box input{width:100%; height:74px; margin-top:34px; padding:0 45px; border-radius:15px; background-color:#e8eafc; color:#232327; font-size:22px;}
.sec7 .box2 .form .form-box textarea{width:100%; height:249px; margin-top:34px; padding:22px 45px; border-radius:15px; background-color:#e8eafc; color:#232327; font-size:22px;}
.sec7 .box2 .form .form-box div{flex:1 0 0;}
.sec7 .box2 .form .check{display:flex; margin-top:45px; padding:0 14px; align-items:center;gap:8px;}
.sec7 .box2 .form .check label{color:#232327; font-size:25px; font-weight:500;}
.sec7 .box2 .form .form-submit{width:100%; height:120px; margin-top:84px; border-radius:15px; background-image:linear-gradient(to left, #3e0a7e, #2a0c68, #001748, #06215c); font-size:33px; font-weight:500;}
@media (max-width:1840px){
    .sec{padding-top:220px;}
    .sec .logo{top:40px; left:40px;}
    .sec7{height:auto; flex-direction:column;align-items:center;}
    .sec7 .box{width:960px; padding-top:120px; order:2;}
    .sec7 .box2{order:1;}
}
@media (max-width:1200px){
    section{height:auto !important;}
    .sec{height:740px; padding:117px 20px 43px;}
    .sec .logo{top:20px; left:20px; width:139px;}
    .sec .text{font-size:47px;}
    .sec .text2{margin-top:32px; font-size:34px;}
    .sec .img{width:282px; margin-top:42px;}

    .sec2{height:740px; padding:70px 20px 77px;}
    .sec2 .text{font-size:50px;}
    .sec2 .text2{margin-top:9px; font-size:24px;}
    .sec2 .img-box{margin-top:52px; gap:27px;}
    .sec2 .img-box img{width:470px;}
    .sec2 .img-box img:first-child{width:472px;}

    .sec3{height:740px; padding:35px 20px 35px;}
    .sec3 .text{font-size:42px;}
    .sec3 .img-box{margin-top:38px; gap:4px;/* max-width:331px;*/}
    .sec3 .img-box img{height:50px;}
    .sec3 .img{width:6px; margin-top:11px;}
    .sec3 .img2{width:228px; margin-top:20px;}
    .sec3 .text2{margin-top:1px; font-size:30px;}
    .sec3 .btn{margin-top:14px;}
    .sec3 .btn img{width:390px;}

    .sec4{height:740px; padding:35px 20px 54px;}
    .sec4 .text{font-size:32px;}
    .sec4 .text2{margin-top:13px; font-size:16px;}
    .sec4 .img{width:345px; margin-top:14px;}
    .sec4 .img2{width:356px; margin-top:27px;}

    .sec5{height:740px; padding:54px 20px 54px;}
    .sec5 .img{width:234px;}
    .sec5 .text{margin-top:5px; font-size:42px;}
    .sec5 .img-box{margin-top:42px; gap:18px;}
    .sec5 .img-box img{max-height:154px;}

    .sec6{height:650px; padding:70px 20px 93px;}
    .sec6 .text{font-size:26px;}
    .sec6 .text2{margin-top:4px; font-size:35px;}
    .sec6 .img{width:657px; margin-top:82px;}

    .sec7{padding:85px 20px 80px;}
    .sec7 .box{width:100%; padding-top:60px; text-align:center;}
    .sec7 .box .logo{width:115px;}
    .sec7 .box ul{margin-top:14px; gap:2px;}
    .sec7 .box ul li{font-size:11px;}
    .sec7 .box ul li span{margin-right:8px;}
    .sec7 .box p{margin-top:25px; font-size:20px;}
    .sec7 .box div{margin-top:3px; gap:5px;justify-content:center;}
    .sec7 .box div a img{height:39px;}
    .sec7 .box .img{width:218px; margin:38px 0 0 -9px;}

    .sec7 .box2{width:100%; padding:40px 42px 34px; border-radius:20px; box-shadow:0px 5px 6.55px 2.45px rgba(50, 50, 50, 0.18);}
    .sec7 .box2 .head .title{font-size:26px;}
    .sec7 .box2 .head .call{font-size:18px; gap:10px;}
    .sec7 .box2 .head .call img{width:27px;}
    .sec7 .box2 .form{margin-top:20px;}
    .sec7 .box2 .form .form-box{gap:28px;}
    .sec7 .box2 .form .form-box + .form-box{margin-top:20px;}
    .sec7 .box2 .form .form-box label{font-size:12px; gap:4px;}
    .sec7 .box2 .form .form-box label span{margin-top:7px; font-size:20px;}
    .sec7 .box2 .form .form-box input{height:37px; margin-top:0; padding:0 22px; border-radius:7px; font-size:12px;}
    .sec7 .box2 .form .form-box textarea{height:124px; margin-top:0; padding:11px 22px; border-radius:7px; font-size:12px;}
    .sec7 .box2 .form .check{margin-top:22px; padding:0 7px; gap:4px;}
    .sec7 .box2 .form .check label{font-size:12px;}
    .sec7 .box2 .form .form-submit{height:60px; margin-top:42px; border-radius:7px; font-size:16px;}
}
/* 카카오톡 플로팅 버튼 */
.kakao-float{position:fixed; right:40px; bottom:40px; z-index:9999; display:flex; justify-content:center;align-items:center; transition:transform 0.2s ease; background:none;}
.kakao-float:hover{transform:scale(1.1);}
.kakao-float img{width:75px; height:75px;}

@media (max-width:640px){
    .sec{height:493px; padding:78px 20px 28px;}
    .sec .logo{top:13px; left:13px; width:92px;}
    .sec .text{font-size:31px;}
    .sec .text2{margin-top:21px; font-size:22px;}
    .sec .img{width:188px; margin-top:28px;}

    .sec2{height:493px; padding:46px 20px 51px;}
    .sec2 .text{font-size:28px;}
    .sec2 .text2{margin-top:6px; font-size:16px;}
    .sec2 .img-box{margin-top:34px; gap:18px;}
    .sec2 .img-box img{width:313px;}
    .sec2 .img-box img:first-child{width:314px;}

    .sec3{height:493px; padding:43px 20px 43px;}
    .sec3 .text{font-size:28px;}
    .sec3 .img-box{margin-top:25px; gap:2px;/* max-width:220px;*/}
    .sec3 .img-box img{height:42px;}
    .sec3 .img{width:4px; margin-top:7px;}
    .sec3 .img2{width:180px; margin-top:13px;}
    .sec3 .text2{margin-top:0px; font-size:20px;}
    .sec3 .btn{margin-top:9px;}
    .sec3 .btn img{width:320px;}

    .sec4{height:493px; padding:43px 20px 46px;}
    .sec4 .text{font-size:24px;}
    .sec4 .text2{margin-top:8px; font-size:14px;}
    .sec4 .img{width:300px; margin-top:15px;}
    .sec4 .img2{width:320px; margin-top:18px;}

    .sec5{height:493px; padding:46px 20px 46px;}
    .sec5 .img{width:156px;}
    .sec5 .text{margin-top:0; font-size:28px;}
    .sec5 .img-box{margin-top:18px; gap:8px;}
    .sec5 .img-box img{max-height:98px;}

    .sec6{height:433px; padding:46px 20px 62px;}
    .sec6 .text{font-size:17px;}
    .sec6 .text2{margin-top:2px; font-size:23px;}
    .sec6 .img{width:438px; margin-top:54px;}

    .sec7{padding:56px 20px 53px;}
    .sec7 .box{width:100%; padding-top:40px; text-align:center;}
    .sec7 .box ul li span{margin-right:5px;}
    .sec7 .box p{margin-top:16px; font-size:13px;}
    .sec7 .box div{margin-top:2px; justify-content:center;}
    .sec7 .box .img{margin:25px 0 0 -6px;}

    .sec7 .box2{width:100%; padding:26px 28px 22px; border-radius:13px; box-shadow:0px 3px 4.36px 1.63px rgba(50, 50, 50, 0.18);}
    .sec7 .box2 .head .title{font-size:17px;}
    .sec7 .box2 .head .call{font-size:12px; gap:6px;}
    .sec7 .box2 .head .call img{width:18px;}
    .sec7 .box2 .form{margin-top:13px;}
    .sec7 .box2 .form .form-box{gap:18px; flex-direction:column;}
    .sec7 .box2 .form .form-box + .form-box{margin-top:13px;}
    .sec7 .box2 .form .form-box label span{margin-top:4px; font-size:13px;}
    .sec7 .box2 .form .form-box input{margin-top:0; padding:0 14px; border-radius:4px;}
    .sec7 .box2 .form .form-box textarea{margin-top:0; padding:7px 14px; border-radius:4px;}
    .sec7 .box2 .form .check{margin-top:14px; padding:0 4px;}
    .sec7 .box2 .form .form-submit{height:50px; margin-top:28px; border-radius:4px; font-size:14px;}

    .kakao-float{right:15px; bottom:15px;}
    .kakao-float img{width:80px; height:80px;}
}