@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css");

*{margin:0; padding:0; border:0; outline:0; font-family:'Pretendard JP', sans-serif; line-height:normal; vertical-align:top; letter-spacing:-0.025em;box-sizing:border-box;appearance:none;scroll-behavior:smooth;word-break:keep-all;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none;}

.m-only{display:none;}

body{position:relative; background-color:#000;}

section{overflow:hidden;position:relative;opacity:0;transition:0.25s ease-in-out;background-color: #000;}
.loaded section{opacity:1;}

section:before, section:after{display:none; position:absolute; left:0; z-index:1; width:100%; height:217px; content:'';}
section:before{top:0; background:linear-gradient(0deg, rgba(0, 0, 0, 0.00) 4.05%, #000 94.1%);}
section:after{bottom:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 4.05%, #000 94.1%);}
section .bg{position:absolute; top:0; left:50%; bottom:0; width:100%; min-width:1480px; height:100%; transform:translateX(-50%); object-fit:cover;}
section .wrap{position:relative; max-width:1480px; min-height:100%; margin-right:auto; margin-left:auto; padding:0 20px;}
section .purple{color:#785CFE; line-height:inherit;}
section .orange{color:#FF8C00; line-height:inherit;}
section .sky{color:#82ECFF; line-height:inherit;}

.sec1{height:839px;}
.sec1:before{display:block;}
.sec1:after{display:block;}
.sec1 .wrap img{position:absolute; top:0; left:-180px; width:764px;}
.sec1 .wrap .text{padding:192px 0 0 680px;}
.sec1 .wrap .text div{color:#FFF; font-style:normal; font-size:182px; font-weight:900; text-shadow:10px 10px 10px rgba(189, 175, 255, 0.70); line-height:163px;/* 89.56% */ letter-spacing:-1.82px;}
.sec1 .wrap .text .btn{display:flex; width:665px; height:66px; margin:50px 0 0 20px; padding:20px 50px; border-radius:1000px; background:#FFF; box-shadow:4px 4px 4px 0 #AE9DFF; color:#823CFE; font-size:24px; font-weight:800; cursor:pointer; flex-direction:column; justify-content:center; align-items:center; gap:10px; letter-spacing:-0.72px;/* 22.8px */}

.sec2{height:900px; background:url(../img/sec2_bg.png) no-repeat center top;}
.sec2:before{display:block;}
.sec2 .wrap{padding-top:317px; text-align:center;}
.sec2 .wrap div{color:#FFF; font-style:normal; font-size:64px; font-weight:600; letter-spacing:-0.64px;}
.sec2 .wrap div span{font-weight:900;}
.sec2 .wrap p{margin-top:52px; color:#FFF; font-size:40px; font-weight:600; letter-spacing:-1.2px;/* 39.2px */}
.sec2 .wrap:after{display:block; width:4px; height:195px; margin:29px auto 0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 4.05%, #FFF 100%); content:'';}

.sec3{height:1272px;}
.sec3 .wrap .case{padding-left:224px;}
.sec3 .wrap .case-item{display:flex; position:relative; align-items:center; gap:206px;}
.sec3 .wrap .case-item .text{display:flex; position:relative; z-index:1; flex-direction:column; gap:22px;}
.sec3 .wrap .case-item .text > span{display:flex; width:106px; padding:10px; border-radius:100px; background:linear-gradient(270deg, #775DFE 0%, #823CFE 100%); color:#FFF; font-size:16px; font-weight:700; justify-content:center; align-items:center; gap:10px; letter-spacing:-0.48px;}
.sec3 .wrap .case-item .text > p{color:#FFF; font-size:36px; font-weight:700; letter-spacing:-1.08px;}
.sec3 .wrap .case-item .text > ul{display:flex; list-style:none; flex-direction:column; gap:11px;}
.sec3 .wrap .case-item .text > ul li{display:flex; color:#FFF; font-size:20px; font-weight:700; letter-spacing:-0.6px; gap:4px;}
.sec3 .wrap .case-item .text > ul li:before{width:26px; height:26px; background:url(../img/sec3_icon.png) no-repeat center / cover; content:''; flex-shrink:0;}
.sec3 .wrap .case-item .img{position:relative; width:408px;}
.sec3 .wrap .case-item .img video{max-width:100%;}
.sec3 .wrap .case-item:nth-child(2){margin-top:141px; gap:317px;}
.sec3 .wrap .case-item:nth-child(2) .text{order:2;}
.sec3 .wrap .case-item:nth-child(2) .img{width:377px; order:1;}
.sec3 .wrap .case-item:nth-child(3){margin-top:150px; align-items:start;}
.sec3 .wrap .case-item:nth-child(3) .img{width:520px; height:447px;}
.sec3 .wrap .case-item:nth-child(3) .img video{width:278px;}
.sec3 .wrap .case-item:nth-child(3) .img img{position:absolute; right:0; bottom:0; width:416px;}

.sec4{height:708px;}
.sec4:before{display:block;}
.sec4:after{display:block;}
.sec4 .wrap{padding-top:234px; text-align:center;}
.sec4 .wrap div{font-size:64px; font-weight:900; line-height:98%; letter-spacing:-1.92px;}
.sec4 .wrap p{margin-top:40px; color:#FFF; font-size:40px; font-weight:700; letter-spacing:-1.2px;}

.sec5{height:1157px;}
.sec5 .wrap{padding-top:56px; text-align:center;}
.sec5 .wrap .video{display:inline-block; position:relative; width:612px; height:612px; padding:22px;}
.sec5 .wrap .video video{width:100%; height:100%; object-fit:cover;}
.sec5 .wrap .video:after{position:absolute;top:0;left:0;right:0;bottom:0;background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, #000 100%);content:'';}
.sec5 .wrap .text{margin-top:26px;}
.sec5 .wrap .text > div{display:flex; flex-direction:column; gap:12px;}
.sec5 .wrap .text > div p{color:#FFF; font-size:64px; font-weight:600; line-height:98%; letter-spacing:-1.92px;}
.sec5 .wrap .text > div p span{font-weight:900;}
.sec5 .wrap .text > p{margin-top:74px; color:#FFF; font-size:48px; font-weight:700; line-height:66px; letter-spacing:-1.44px;}
.sec5 .wrap .text > p span{font-weight:900;}

.sec6{height:1429px;}
.sec6 .wrap{padding:0; text-align:center;}
.sec6 .wrap .text{font-size:48px; font-weight:700; line-height:123px; letter-spacing:-1.44px;}
.sec6 .wrap .video{position:relative; height:1306px; padding-top:592px;}
.sec6 .wrap .video video{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;}
.sec6 .wrap .video div{display:flex; position:relative; flex-direction:column; gap:8px;}
.sec6 .wrap .video div p{color:#FFF; font-size:48px; font-weight:700; letter-spacing:-1.44px;}

.sec7{height:728px;}
.sec7:after{display:block;position:absolute;top: -1px;left:0;right:0;bottom: -1px;height: auto;background:radial-gradient(37.75% 50% at 50% 50%, rgba(0, 0, 0, 0.00) 48.56%, #000 100%);content:'';}
.sec7 .wrap{padding-top:311px; text-align:center;}
.sec7 .wrap .text{display:flex; position:relative; flex-direction:column; gap:8px;}
.sec7 .wrap .text p{color:#FFF; font-size:48px; font-weight:700; letter-spacing:-1.44px;}

.sec8{height:1050px;}
.sec8 .wrap{padding-top:104px;}
.sec8 .wrap .card{display:flex; gap:22px; justify-content:center;}
.sec8 .wrap .card-box{display:flex; width:269px; flex-direction:column; gap:20px;}
.sec8 .wrap .card-item{overflow:hidden; border:1px solid rgba(255, 255, 255, 0.10); border-radius:10px; background:rgba(255, 255, 255, 0.10);}
.sec8 .wrap .card-item .text{display:flex; padding:27px 20px; color:#FFF; flex-direction:column; gap:14px;}
.sec8 .wrap .card-item .text div{font-size:24px; font-weight:700; letter-spacing:-0.72px;}
.sec8 .wrap .card-item .text ul{display:flex; list-style:none; flex-direction:column; gap:8px;}
.sec8 .wrap .card-item .text ul li{display:flex; font-size:13px; font-weight:700; letter-spacing:-0.39px; gap:6px;}
.sec8 .wrap .card-item .text ul li:before{width:14px; height:14px; background:url(../img/sec8_icon.png) no-repeat center / cover; content:'';}
.sec8 .wrap .card-item .text p{font-size:12px; font-weight:700; line-height:20px; letter-spacing:-0.36px;}
.sec8 .wrap .card-item .img{margin-bottom:-8px;}
.sec8 .wrap .card-item .img video{width:100%; height:100%; object-fit:cover;}
.sec8 .wrap .card-item .img img{width:100%; height:100%; object-fit:cover;}
.sec8 .wrap .card-box:nth-child(1) .card-item:nth-child(2) .img{aspect-ratio:1/1;}
.sec8 .wrap .card-box:nth-child(2) .card-item:nth-child(3) .img{height:169px;}
.sec8 .wrap .card-box:nth-child(3) .card-item:nth-child(1) .img{height:231px;}
.sec8 .wrap .card-box:nth-child(3) .card-item:nth-child(2) .img{height:181px;}

.sec9{height:840px;}
.sec9:before{display:block;}
.sec9:after{display:block;}
.sec9 .bg{top:0;left: calc(50% - 674px);right:auto;object-fit:contain;}
.sec9 .wrap{padding-top:86px;}
.sec9 .wrap:before{position:absolute; top:0; right:0; bottom:0; width:1065px; background:linear-gradient(270deg, #000 65.53%, rgba(0, 0, 0, 0.00) 101.68%); content:'';}
.sec9 .wrap .card{position:relative; width:520px; height:520px; margin:0 0 0 -230px; transition:0.5s ease-in-out;}
.sec9 .wrap .card-item{display:flex;position:absolute;top:175px;left:598px;gap:15px;align-items:center;padding-left: 135px;}
.sec9 .wrap .card-item .text{display:flex; width:646px; padding:20px; border:1px solid #823CFE; border-radius:8px; background:linear-gradient(90deg, rgba(120, 92, 254, 0.10) 0%, rgba(255, 140, 0, 0.10) 100%); box-shadow:0 0 4px 0 rgba(130, 60, 254, 0.40), 0 0 20px 0 rgba(255, 140, 0, 0.50); flex-direction:column; justify-content:center; align-items:flex-end; gap:27px;}
.sec9 .wrap .card-item .text p{color:#FFF; font-size:20px; font-weight:700; line-height:28px; letter-spacing:-0.6px; word-break:break-all;}

.sec10{height:764px; padding-top:118px; text-align:center;}
.sec10 .text{color:#FFF;}
.sec10 .text div{font-size:48px; font-weight:700; letter-spacing:-1.44px;}
.sec10 .text p{font-size:36px; font-weight:700; line-height:85px; letter-spacing:-1.08px;}
.sec10 .swiper{margin-top:15px;}
.sec10 .swiper-slide{overflow:hidden; width:auto; width:448px; border-radius:21px;}
.sec10 .swiper-slide img{width:100%;}

.sec11{height:1051px;}
.sec11:after{display:block;position: absolute;top: -1px;left: 0;right: 0;bottom: -1px;height: auto;background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), radial-gradient(40.82% 35.32% at 48.33% 50%, rgba(0, 0, 0, 0.00) 0%, #000 100%);content: '';}
.sec11 .wrap{z-index:3; padding-top:429px; text-align:center;}
.sec11 .wrap .text{position:relative; color:#FFF; text-shadow:10px 10px 10px #000;}
.sec11 .wrap .text div{font-size:48px; font-weight:700; letter-spacing:-1.44px;}
.sec11 .wrap .text p{margin-top:44px; font-size:24px; font-weight:700; line-height:37px; letter-spacing:-0.72px;}

.sec12{height:858px;}
.sec12:after{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 49.83%, #000 98.72%);}
.sec12 .wrap{z-index:2; padding:89px 0 0 91px;}
.sec12 .wrap .bg2{position:relative; width:1199px; height:680px; padding:102px 0 0 66px; background:url(../img/sec12_bg_02.png) no-repeat center / cover;}
.sec12 .wrap .bg2 .text > span{color:#EB8100; font-size:24px; font-weight:700; letter-spacing:-0.72px;}
.sec12 .wrap .bg2 .text > div{margin-top:25px; color:#FFF; font-size:40px; font-weight:700; text-shadow:10px 10px 10px rgba(0, 0, 0, 0.80); letter-spacing:-1.2px;}
.sec12 .wrap .bg2 .text > div span{display:block; color:#EB8100;}
.sec12 .wrap .bg2 .text > p{margin-top:19px; color:#FFF; font-size:20px; font-weight:700; line-height:31px; letter-spacing:-0.6px;}
.sec12 .wrap .bg2 .text > .submit{display:flex; width:298px; height:64px; margin:66px 0 0 -10px; border-radius:12px; background-color:#EB8100; color:#FFF; font-size:20px; font-weight:700; cursor:pointer; justify-content:center; align-items:center; gap:10px; letter-spacing:-0.6px;}
.sec12 .wrap .bg2 .text > ul{margin:68px 0 0 -10px; list-style:none;}
.sec12 .wrap .bg2 .text > ul li{display:flex; color:#FFF; font-size:20px; font-weight:700; line-height:44px; letter-spacing:-0.6px; gap:10px; align-items:center;}
.sec12 .wrap .bg2 .text > ul li:before{display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:cover; content:'';}
.sec12 .wrap .bg2 .text > ul li:nth-child(1):before{background-image:url(../img/sec12_icon_01.png);}
.sec12 .wrap .bg2 .text > ul li:nth-child(2):before{background-image:url(../img/sec12_icon_02.png);}
.sec12 .wrap .bg2 .form{display:flex; position:absolute; right:-63px; bottom:-2px; width:598px; height:602px; padding:32px 54px; background:url(../img/sec12_bg_03.png) no-repeat center / 100%; flex-direction:column; gap:21px;}
.sec12 .wrap .bg2 .form .form-box{display:flex; flex-direction:column; gap:13px;}
.sec12 .wrap .bg2 .form .form-list{display:flex; gap:13px;}
.sec12 .wrap .bg2 .form .form-item{position:relative; flex:1 0 0;}
.sec12 .wrap .bg2 .form .form-item input{display:flex; width:100%; height:41px; padding:10px; border:1px solid #82ECFF; border-radius:18px 0; background:rgba(255, 255, 255, 0.10); color:#FFF; font-size:14px; font-weight:700; align-items:center; gap:10px; letter-spacing:-0.42px;}
.sec12 .wrap .bg2 .form .form-item input::placeholder{color:#B7B7B7;}
.sec12 .wrap .bg2 .form .form-item .btn-select{position:absolute; top:0; left:0; right:0; bottom:0; background:transparent; font-size:0; cursor:pointer;}
.sec12 .wrap .bg2 .form .form-item .btn-select:after{position:absolute; top:7px; right:9px; width:24px; height:24px; background:url(../img/sec12_arrow.png) no-repeat center / cover; content:''; transition:0.25s ease-in-out;}
.sec12 .wrap .bg2 .form .form-item .select-list{display:flex; opacity:0; visibility:hidden; position:absolute; top:100%; left:0; right:0; z-index:2; padding:8px; border:1px solid #82ECFF; border-radius:16px; background-color:#FFF; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.04); list-style:none; transition:0.25s ease-in-out; flex-direction:column; gap:4px;}
.sec12 .wrap .bg2 .form .form-item .select-list li button{display:flex; width:100%; height:48px; padding:0 12px; border-radius:12px; background:transparent; font-size:16px; font-weight:400; cursor:pointer; align-items:center; letter-spacing:-0.091px;}
.sec12 .wrap .bg2 .form .form-item.active .select-list{opacity:1; visibility:visible; top:calc(100% + 8px);}
.sec12 .wrap .bg2 .form .form-item.active .btn-select:after{transform:rotate(180deg);}
.sec12 .wrap .bg2 .form .form-item .select-list li.active button{background-color:#f7f7f7;}
.sec12 .wrap .bg2 .form .form-item textarea{display:flex; width:100%; height:77px; padding:10px; border:1px solid #82ECFF; border-radius:18px 0; background:rgba(255, 255, 255, 0.10); color:#FFF; font-size:14px; font-weight:700; align-items:center; gap:10px; letter-spacing:-0.42px; resize:none;}
.sec12 .wrap .bg2 .form .form-item textarea::placeholder{color:#B7B7B7;}
.sec12 .wrap .bg2 .form .form-agree{display:flex; gap:10px;}
.sec12 .wrap .bg2 .form .form-agree p{color:#FFF; font-size:14px; font-weight:700; letter-spacing:-0.42px;}
.sec12 .wrap .bg2 .form .form-agree input{opacity:0; position:absolute; top:0; left:0;}
.sec12 .wrap .bg2 .form .form-agree label{display:flex; color:#FFF; font-size:14px; font-weight:700; cursor:pointer; gap:8px;}
.sec12 .wrap .bg2 .form .form-agree label:before{width:28px; height:28px; margin:-6px; background:url(../img/check_icon.png) no-repeat center / cover; content:'';}
.sec12 .wrap .bg2 .form .form-agree input:checked + label:before{background-image:url(../img/check_icon_on.png);}
.sec12 .wrap .bg2 .form .form-text{display:flex; width:491px; padding:20px; border-radius:12px; background:rgba(255, 255, 255, 0.10); flex-direction:column; align-items:flex-start; gap:10px;}
.sec12 .wrap .bg2 .form .form-text p{color:#B7B7B7; font-size:14px; font-weight:700; line-height:21px;/* 150% */ letter-spacing:-0.42px;}
.sec12 .wrap .bg2 .form .form-text p span{color:#FFF; line-height:inherit;}

.floating{display:flex; position:fixed; right:39px; bottom:43px; z-index:9999; flex-direction:column;gap:18px;align-items:end;}
.floating button{position:relative; background-color:transparent; cursor:pointer;}
.floating button div{position:relative; width:50px; height:50px; border-radius:50%; background-repeat:no-repeat; background-position:center; font-size:0;}
.floating .top div{background-image:url(../img/top_icon.png); background-size:19px; background-color:rgba(255, 255, 255, 0.10);}
.floating .kakao div{z-index:1; background-image:url(../img/kakao_icon.png); background-size:17px; background-color:#FEE500;}
.floating .kakao span{display:flex;position:absolute;top:0;right:0;bottom:0;width:122px;height: 50px;margin:auto 0;padding:13px;border-radius:25px;background:#FFF;color:#000;font-size:16px;font-weight:500;align-items:center;gap:10px;letter-spacing:-0.5px;}

@media (max-width:1480px){
    section .wrap{max-width:1040px;}

    .sec1 .wrap img{left:-280px;}
    .sec1 .wrap .text{padding-left:455px;}
    .sec1 .wrap .text div{font-size:130px; text-shadow:8px 8px 8px rgba(189, 175, 255, 0.70); line-height:98%; letter-spacing:-1.44px;}
    .sec1 .wrap .text .btn{width:491px;}

    .sec2 .wrap div{font-size:48px;}
    .sec2 .wrap p{font-size:30px;}

    .sec3 .wrap .case{padding-left:0;}
    .sec3 .wrap .case-item{gap:0; justify-content:space-between;}
    .sec3 .wrap .case-item:nth-child(2){gap:0;}
    .sec3 .wrap .case-item:nth-child(3) .img{margin-right:-175px;}

    .sec4 .wrap div{font-size:48px;}
    .sec4 .wrap p{font-size:30px;}

    .sec5 .wrap .text > div p{font-size:48px;}
    .sec5 .wrap .text > p{font-size:30px; line-height:1.4;}

    .sec6 .wrap .text{font-size:38px;}
    .sec6 .wrap .video div p{font-size:38px;}

    .sec7 .wrap .text p{font-size:38px;}

    .sec8 .wrap .card-item .img
    .sec8 .wrap .card-item .img video
    .sec8 .wrap .card-item .img img
    .sec9 .bg{left:-794px;}
    .sec9 .wrap{transform:translateX(-178px);}
    .sec9 .wrap:before{right:-253px;}

    .sec10 .text div{font-size:38px;}
    .sec10 .text p{font-size:30px;}
    .sec10 .swiper-slide{width:auto;}

    .sec11 .wrap .text div{font-size:38px;}
    .sec11 .wrap .text p{font-size:20px; line-height:30px;}

    .sec12 .wrap{padding-left:0;}
    .sec12 .wrap .bg2{width:1000px; padding:130px 0 0 36px; background-size:contain;}
    .sec12 .wrap .bg2 .text > span{font-size:20px; letter-spacing:-0.6px;}
    .sec12 .wrap .bg2 .text > div{margin-top:15px; font-size:32px;}
    .sec12 .wrap .bg2 .text > p{margin-top:12px; font-size:18px;}
    .sec12 .wrap .bg2 .text > ul{margin-top:60px;}
    .sec12 .wrap .bg2 .text > ul li{font-size:18px;}
    .sec12 .wrap .bg2 .form{right:0; width:560px; height:564px; padding:32px;}
    .sec12 .wrap .bg2 .form .form-item textarea{height:55px;}
}

@media (min-width:1001px){
    .sec9 .wrap .card.active2{margin:-12px 0 0 -243px; transform:rotate(-30deg);}
    .sec9 .wrap .card.active3{margin:-16px 0 0 -262px; transform:rotate(-60deg);}
    .sec9 .wrap .card.active4{margin:-12px 0 0 -281px; transform:rotate(-90deg);}
    .sec9 .wrap .card.active5{margin:8px 0 0 -288px; transform:rotate(-120deg);}
    .sec9 .wrap .card-item:nth-child(2){top:553px; left:495px; transform:rotate(30deg);}
    .sec9 .wrap .card-item:nth-child(3){top:830px; left:218px; transform:rotate(60deg);}
    .sec9 .wrap .card-item:nth-child(4){top:932px; left:-161px; transform:rotate(90deg);}
    .sec9 .wrap .card-item:nth-child(5){top:828px; left:-531px; transform:rotate(120deg);}
    .sec9 .wrap .card-item:before{width:120px;height:120px;margin:5px 0 0 -4px;background:url(../img/sec9_img.png) no-repeat center / cover;content:'';flex-shrink:0;display: none;}
}

@media (max-width:1000px){
    .pc-only{display:none;}
    .m-only{display:block;}

    section:before, section:after{height:110px;}
    section .bg{}
    section .wrap{max-width:392px; padding:0 16px;}

    .sec1{height:369px;}
    .sec1:before{height:94px;}
    .sec1:after{height:153px;}
    .sec1 .wrap{max-width:360px;}
    .sec1 .wrap img{top:16px; left:-88px; width:254px;}
    .sec1 .wrap .text{padding-top:98px; padding-left:151px;}
    .sec1 .wrap .text div{font-size:48px; font-weight:700;}
    .sec1 .wrap .text .btn{position:absolute; left:0; right:0; bottom:8px; z-index:3; width:290px; height:37px; margin:0 auto; padding:0; font-size:16px; letter-spacing:-0.48px;}

    .sec2{height:auto; padding-bottom:140px; background-position:center top -125px;}
    .sec2:before{height:94px; /* opacity:0;*/}
    .sec2 .wrap{max-width:100%; padding-top:157px; padding-right:0; padding-left:0;}
    .sec2 .wrap div{font-size:20px; line-height:1.4;}
    .sec2 .wrap p{max-width:230px; margin:15px auto 0; font-size:16px;}
    .sec2 .wrap:after{display:none;}
    .sec2 .card{margin-top:102px; padding:0 16px 52px;}
    .sec2 .card-box{padding-right:16px; padding-left:16px;}
    .sec2 .card-item{overflow:hidden; width:auto; border:1px solid rgba(255, 255, 255, 0.10); border-radius:10px; background:rgba(255, 255, 255, 0.10);}

    .sec2 .card-item .text{display:flex; width:268px; padding:27px 20px; color:#FFF; text-align:left; flex-direction:column; gap:12px;}
    .sec2 .card-item .text div{font-size:24px; font-weight:700; letter-spacing:-0.72px;}
    .sec2 .card-item .text ul{display:flex; list-style:none; flex-direction:column; gap:8px;}
    .sec2 .card-item .text ul li{display:flex; font-size:13px; font-weight:700; letter-spacing:-0.39px; gap:6px;}
    .sec2 .card-item .text ul li:before{width:14px; height:14px; background:url(../img/sec8_icon.png) no-repeat center / cover; content:'';}
    .sec2 .card-item .text p{margin-top:0; font-size:12px; font-weight:700; line-height:20px; letter-spacing:-0.36px;}
    .sec2 .swiper-pagination{bottom:0;}
    .sec2 .swiper-pagination-bullet{opacity:0.2; width:10px; height:10px; background:#FFF;}
    .sec2 .swiper-pagination-bullet-active{opacity:1; background:#FFF;}

    .sec3{height:auto; padding-bottom:131px;}
    .sec3 .wrap .case-item .text{gap:12px;}
    .sec3 .wrap .case-item .text > span{width:90px; line-height:98%;}
    .sec3 .wrap .case-item .text > p{font-size:20px; letter-spacing:-0.6px;}
    .sec3 .wrap .case-item .text > p span{color:#82ECFF;}
    .sec3 .wrap .case-item .text > ul{gap:8px;}
    .sec3 .wrap .case-item .text > ul li{font-size:14px;}
    .sec3 .wrap .case-item .text > ul li:before{width:18px; height:18px;}
    .sec3 .wrap .case-item .img{position:absolute; top:-33px; right:-60px; width:360px;}
    .sec3 .wrap .case-item .img:after{position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), radial-gradient(37.45% 37.45% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, #000 100%); content:'';}
    .sec3 .wrap .case-item .img video{width:100%; height:100%; object-fit:cover;}
    .sec3 .wrap .case-item:nth-child(2){margin-top:164px;}
    .sec3 .wrap .case-item:nth-child(2) .img{top:-44px; right:-6px; width:243px; height:243px;}
    .sec3 .wrap .case-item:nth-child(2) .img:after{background:radial-gradient(48.56% 48.56% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, #000 100%);}
    .sec3 .wrap .case-item:nth-child(3) .img{top:-6px; right:0; width:194px; height:197px; margin-right:0;}
    .sec3 .wrap .case-item:nth-child(3) .img:after{background:radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, #000 100%);}
    .sec3 .wrap .case-item:nth-child(3) .img img{display:none;}

    .sec4{height:251px;}
    .sec4 .wrap{padding-top:77px;}
    .sec4 .wrap div{font-size:20px; font-weight:600;}
    .sec4 .wrap p{margin-top:12px; font-size:14px; letter-spacing:-0.42px;}

    .sec5{height:366px;}
    .sec5 .wrap{padding-top:39px;}
    .sec5 .wrap .video{width:242px;height:242px;padding: 9px;}
    .sec5 .wrap .video:after{
        background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 50%) 0%, #000 100%);
    }
    .sec5 .wrap .text{position:absolute; top:117px; left:16px; right:16px; margin-top:0;}
    .sec5 .wrap .text > div{gap:8px;}
    .sec5 .wrap .text > div p{font-size:24px;}
    .sec5 .wrap .text > div p .purple{color:#82ECFF;}
    .sec5 .wrap .text > p{margin-top:21px; font-size:18px; line-height:28px; letter-spacing:-0.54px;}

    .sec6{height:467px;}
    .sec6 .wrap .text{padding-top:54px; padding-bottom:32px; font-size:20px; line-height:28px;}
    .sec6 .wrap .video{width:286px; height:298px; margin:0 auto; padding-top:125px;}
    .sec6 .wrap .video div{gap:4px;}
    .sec6 .wrap .video div p{font-size:16px;}

    .sec7{height:354px; padding:40px 0;}
    .sec7:after{top:40px;bottom:40px;}
    .sec7 .bg{top:40px;bottom:40px;min-width:484px;height: 274px;}
    .sec7 .wrap{padding-top:106px;}
    .sec7 .wrap .text{z-index:3; gap:4px;}
    .sec7 .wrap .text p{font-size:24px;}


    .sec9{height:auto;}
    .sec9:before{display:none;}
    .sec9:after{display:none;}
    .sec9 .title{color:#FFF; font-size:40px; font-weight:600; text-align:center; letter-spacing:-0.8px;}
    .sec9 .bg{display:none;}
    .sec9 .wrap{max-width: 100%;padding-top:63px;padding-right:0;padding-left:0;transform:none;}
    .sec9 .wrap:before{display:none;}
    .sec9 .wrap .card{width:100%; height:auto; margin:33px 0 0 0; padding:0 16px 52px;}
    .sec9 .wrap .card-box{display:flex;}
    .sec9 .wrap .card-item{position:relative;top:auto;left:auto;width:auto;gap:0;padding-left: 0;}
    .sec9 .swiper-pagination{bottom:0;}
    .sec9 .swiper-pagination-bullet{opacity:0.2; width:10px; height:10px; background:#FFF;}
    .sec9 .swiper-pagination-bullet-active{opacity:1; background:#FFF;}
    .sec9 .wrap .card-item .text{width:320px; gap:12px;}
    .sec9 .wrap .card-item .text p{font-size:11px; font-weight:600; line-height:18px; letter-spacing:-0.33px;}
    .sec9 .wrap .card-item .text p br{display:none;}

    .sec10{height:auto; padding-top:120px; padding-bottom:61px;}
    .sec10 .text div{font-size:32px; line-height:44px; letter-spacing:-0.96px;}
    .sec10 .text p{font-size:20px; line-height:27px; letter-spacing:-0.6px;}
    .sec10 .swiper{margin-top:55px; padding:0 16px;}
    .sec10 .swiper-slide{width:235px;}

    .sec11{height:477px;}
    .sec11 .wrap{padding-top:168px;}
    .sec11 .wrap .text div{font-size:20px; letter-spacing:-0.6px;}
    .sec11 .wrap .text p{margin-top:20px; font-size:12px; line-height:17px; letter-spacing:-0.36px;}

    .sec12{height:auto;}
    .sec12 .bg{display:none;}
    .sec12 .wrap{padding:0 16px 124px;}
    .sec12 .wrap .bg2{width:100%; height:auto; padding:0; background:none;}
    .sec12 .wrap .bg2 .text > div{margin-top:19px; font-size:16px; line-height:21px; letter-spacing:-0.48px;}
    .sec12 .wrap .bg2 .text > p{margin-top:8px; font-size:14px; font-weight:500; line-height:18px; letter-spacing:-0.42px;}
    .sec12 .wrap .bg2 .text > .submit{width:100%; height:44px; margin:35px 0 0 0; border-radius:10px; font-size:14px; letter-spacing:-0.42px;}
    .sec12 .wrap .bg2 .text > ul{display:none;}
    .sec12 .wrap .bg2 .form{position:relative; right:auto; bottom:auto; width:100%; height:auto; margin-top:54px; padding:0; background:none;}
    .sec12 .wrap .bg2 .form .form-text{width:100%;}
    .sec12 .wrap .bg2 .form .form-text p br{display:none;}

    .floating{right:16px; bottom:16px;}
    .floating .top{display:none;}
    .floating .kakao div{width:40px; height:40px;}
    .floating .kakao span{display:none;}
}