@charset 'UTF-8';
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/Pretendard-Thin.woff") format("font-woff"),
    url("../fonts/Pretendard-Thin.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/Pretendard-ExtraLight.woff") format("font-woff"),
    url("../fonts/Pretendard-ExtraLight.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Pretendard-Light.woff") format("font-woff"),
    url("../fonts/Pretendard-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Pretendard-Regular.woff") format("font-woff"),
    url("../fonts/Pretendard-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Pretendard-Medium.woff") format("font-woff"),
    url("../fonts/Pretendard-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Pretendard-SemiBold.woff") format("font-woff"),
    url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Pretendard-Bold.woff") format("font-woff"),
    url("../fonts/Pretendard-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-style: normal;
    src: url("../fonts/Pretendard-ExtraBold.woff") format("font-woff"),
    url("../fonts/Pretendard-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/Pretendard-Black.woff") format("font-woff"),
    url("../fonts/Pretendard-Black.woff2") format("woff2");
}


* { box-sizing: border-box; }

.brand-identity a { display:inline-block; width:120px; height:44px; background:url(../img/logo.svg) no-repeat center center; background-size:100% auto; text-indent:-10000em; vertical-align:middle; }
.forehead .sns-share-box ul li a { text-indent:-9999em; }

body { position:relative; word-wrap:break-word; font-family:"Pretendard", '나눔고딕', "Apple SD Gothic Neo", 'Malgun Gothic', '맑은고딕', sans-serif, arial; font-size:18px; box-sizing:border-box; color:#222; overflow-x:hidden; }

section { position:relative; width:100%; height:auto; overflow:hidden; }

h1 { font-size:3.91vw; }
h2 { font-size:3.13vw; line-height:3.91vw; letter-spacing:-.16vw; }

p { font-size:18px; line-height:27px; letter-spacing:-.9px; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display:none; }

.__pc { display:block; }
.__pad { display:none; }
.__pad2 { display:none; }
.__mo { display:none; }

.gnb_pc { display:block; }
.gnb_mo { display:none; }

.video_poster.remove { opacity:0; }

/* intro */
.intro { display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#000; }
.intro .__bg { position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%; max-width:1920px; background:url(../img/intro_bg.jpg) no-repeat bottom 20% center; background-size:cover; }

.intro > * { margin-top:78px; opacity:0; }

.intro .title_wrap { padding-bottom:53vh; }
.intro h1 { position:relative; margin:0 auto; width:54.06vh; height:9.58vh; text-indent:-9999em; overflow:hidden; }
.intro h1 span { display:block; width:100%; height:100%; background:url(../img/omniesol.svg) no-repeat center center; background-size:auto 100%; }

.intro h3 { position:relative; margin:0 auto; margin-top:4.87vh; width:fit-content; height:4.06vh; color:#fff; font-size:4.22vh; line-height:4.06vh; letter-spacing:-.08vh; font-weight:500; text-align:center; overflow:hidden; }
.intro h3 span { display:block; width:100%; height:100%; }

.intro h3 + p { margin-top:2vh; color:#fff; font-size:1.95vh; line-height:3vh; letter-spacing:-.05vh; font-weight:300; text-align:center; word-break:keep-all; }


/* sec2 */
.sec2 { background:#000; }

.sec2 .title_wrap { margin-top:60px; color:#fff; text-align:center; }
.sec2 .title_wrap h2 { font-size:50px; line-height:75px; letter-spacing:-2.5px; }
.sec2 .title_wrap h2 + p { margin-top:16px; font-size:18px; line-height:27px; letter-spacing:-.9px; }

.sec2 .__inner { position:relative; display:flex; margin:4.17vw auto; width:89.69vw; height:33.33vw; }

.sec2 .__inner .swiper_box { position:relative; width:37.61vw; }
.sec2 .__inner .swiper_video { width:52.08vw; border-radius:0 1.04vw 1.04vw 0; overflow:hidden; }
.sec2 .__inner .swiper_video .swiper-slide img { width:100%; }

.sec2 .__inner .swiper_box .swiper-slide { padding:5.73vw 0 7.81vw 5.63vw; color:#fff; border-radius:1.04vw 0 0 1.04vw; overflow:hidden; }
.sec2 .__inner .swiper_box .slide_1 { background:#872989; }
.sec2 .__inner .swiper_box .slide_2 { background:#7935ff; }
.sec2 .__inner .swiper_box .slide_3 { background:#5447ff; }
.sec2 .__inner .swiper_box .slide_4 { background:#476cff; }

.sec2 .__inner .swiper_box .swiper-slide .txt_wrap h6 { font-size:1.25vw; line-height:.94vw; letter-spacing:-.006vw; }
.sec2 .__inner .swiper_box .swiper-slide .txt_wrap h6 i { font-style:normal; font-weight:100; }
.sec2 .__inner .swiper_box .swiper-slide .txt_wrap h2 { margin-top:1.04vw; font-size:3.13vw; line-height:3.65vw; letter-spacing:-.016vw; }
.sec2 .__inner .swiper_box .swiper-slide .txt_wrap p { margin-top:2.08vw; width:26.67vw; font-size:1.04vw; line-height:1.56vw; letter-spacing:-.005vw; word-break:keep-all; }
.sec2 .__inner .swiper_box .slide_4 .txt_wrap h2 { font-size:2.86vw; }


.sec2 .__inner .swiper_box .swiper-slide a { display:block; position:absolute; bottom:7.81vw; left:5.4vw; padding-left:1.09vw; width:8.29vw; height:2.29vw; color:#fff; font-size:1.04vw; line-height:2.29vw; letter-spacing:-.005vw; border:1px solid #fff; border-radius:.52vw; text-decoration:none; transition:all .3s ease; cursor:pointer; }
.sec2 .__inner .swiper_box .swiper-slide a i { position:absolute; top:0.74vw; right:0.74vw; width:0.73vw; height:0.73vw; background:url(../img/ic_arrow.svg) no-repeat center center; background-size:100% auto; }

.sec2 .__inner .swiper_box .swiper-slide a:hover { background:#fff; }

.sec2 .__inner .swiper_box .swiper-slide.slide_1 a:hover { color:#872989; }
.sec2 .__inner .swiper_box .swiper-slide.slide_2 a:hover { color:#7935ff; }
.sec2 .__inner .swiper_box .swiper-slide.slide_3 a:hover { color:#5447ff; }
.sec2 .__inner .swiper_box .swiper-slide.slide_4 a:hover { color:#476cff; }

.sec2 .__inner .swiper_box .swiper-slide.slide_1 a:hover i { background:url(../img/ic_arrow_h1.svg); }
.sec2 .__inner .swiper_box .swiper-slide.slide_2 a:hover i { background:url(../img/ic_arrow_h2.svg); }
.sec2 .__inner .swiper_box .swiper-slide.slide_3 a:hover i { background:url(../img/ic_arrow_h3.svg); }
.sec2 .__inner .swiper_box .swiper-slide.slide_4 a:hover i { background:url(../img/ic_arrow_h4.svg); }


.sec2 .swiper-control { display:block; position:absolute; bottom:4.79vw; left:5.4vw; width:100%; height:20px; z-index:10; }
.sec2 .swiper-control .swiper-button-prev { position:absolute; top:auto; bottom:0; left:0; padding:10px; width:6px; height:12px; background:url(../img/btn_prev.svg) no-repeat center center; background-size:6px 12px; z-index:3; }
.sec2 .swiper-control .swiper-button-next { position:absolute; top:auto; bottom:0; left:133px; padding:10px; width:6px; height:12px; background:url(../img/btn_next.svg) no-repeat center center; background-size:6px 12px; z-index:3; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display:none; }
.sec2 .swiper-pagination { display:flex; gap:12px; position:relative; margin-top:10px; padding:0 50px 0 30px; width:fit-content; z-index:1; }
.sec2 .swiper-pagination-vertical.swiper-pagination-bullets, .sec2 .swiper-vertical>.swiper-pagination-bullets { right:auto; left:20px; top:auto; bottom:-16px; }
.sec2 .swiper-pagination-bullet { opacity:1; margin:0 !important; width:14px; height:14px; background:transparent; border:1px solid #fff; border-radius:100%; }
.sec2 .swiper-pagination-bullet-active { background:#fff; }

.sec2 .swiper-control .swiper-button-autoplay { position:absolute; bottom:4px; left:157px; width:16px; height:16px; z-index:3; }
.sec2 .swiper-control .swiper-button-autoplay > div { position:absolute; top:0; left:0; padding:10px; width:14px; height:14px; transition:background .3s ease; }
.sec2 .swiper-control .swiper-pause { background:url(../img/btn_swiper_pause.svg) no-repeat center center; background-size:14px 14px; cursor:pointer; z-index:2; }
.sec2 .swiper-control .swiper-start { display:none; background:url(../img/btn_swiper_play.svg) no-repeat center center; background-size:14px 14px; cursor:pointer; z-index:-1; }


/* sec3 */
.sec3 { background:url(../img/sec3_bg.jpg) no-repeat center center; }

.sec3 .title_wrap { margin-top:120px; color:#fff; text-align:center; }
.sec3 .title_wrap h2 { font-size:50px; line-height:75px; letter-spacing:-2.5px; }

.sec3 .box_wrap { display:flex; gap:20px; justify-content:center; margin-top:60px; }
.sec3 .box_wrap .__box { padding:60px 33px 44px 50px; width:660px; height:633px; border-radius:14px; }
.sec3 .box_wrap .__box img { display:block; margin:0 auto; width:438px; }
.sec3 .box_wrap .__box h6 { margin-top:30px; font-size:28px; line-height:40px; letter-spacing:-.09vw; font-weight:700; }
.sec3 .box_wrap .__box h6 + p { margin-top:13px; }

.sec3 .box_wrap .__box .tag_wrap { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; width:460px; }
.sec3 .box_wrap .__box .tag_wrap span { padding:3px 6px; font-size:14px; letter-spacing:-.5px; background:#fff; border-radius:5px; }

.sec3 .box_wrap .box_1 { background:#edf2fe; }
.sec3 .box_wrap .box_1 h6,
.sec3 .box_wrap .box_1 .tag_wrap span { color:#3d3af5; }
.sec3 .box_wrap .box_2 { background:#f3f1fe; }
.sec3 .box_wrap .box_2 h6,
.sec3 .box_wrap .box_2 .tag_wrap span { color:#7935ff; }


.sec3 .box_wrap + p  { margin-top:120px; color:#fff; font-size:24px; line-height:28px; text-align:center; }

.sec3 .modules { margin:0 auto; margin-top:40px; margin-bottom:140px; width:1340px; }
.sec3 .modules ul { display:flex; gap:20px; flex-wrap:wrap; }
.sec3 .modules ul li { position:relative; width:252px; height:252px; background:#f5f7fb; border-radius:14px; }
.sec3 .modules ul li img { display:block; margin:0 auto; margin-top:60px; width:90px; height:90px; }
.sec3 .modules ul li span { position:absolute; bottom:30px; left:50%; transform:translateX(-50%); color:#8c929f; font-size:22px; line-height:28px; font-weight:600; text-align:center; }


/* sec4 */
.sec4 { margin:140px 0; }
.sec4 .__inner { margin:0 auto; width:1340px; }

.sec4 .__inner .__box { display:flex; gap:34px; }
.sec4 .__inner .__box h4 { font-size:40px; line-height:50px; letter-spacing:-2px; }
.sec4 .__inner .__box h4 + h4 { margin-top:10px; color:#3d3af5; }
.sec4 .__inner .__box h4 + h4 span { display:inline-block; font-size:20px; font-weight:400; }
.sec4 .__inner .__box h4 + p { margin-top:20px; color:#333; font-size:17px; line-height:25px; letter-spacing:-.51px; }

.sec4 .__inner .__box .__visual { display:flex; }
.sec4 .__inner .__box img { display:block; margin-top:auto; width:660px; height:162px; }
.sec4 .__inner .__box img.basic { display:block; }
.sec4 .__inner .__box img.only_mo { display:none; }

.sec4 .__inner .box_2 { margin-top:140px; text-align:right; }
.sec4 .__inner .box_2 img { margin-right:150px; width:612px; height:230px; }

.sec4 .__inner .__box .img_wrap.basic { display:block; }
.sec4 .__inner .__box .img_wrap.only_mo { display:none; }


/* sec5 */
.sec5 { background:#eeece9; }
.sec5 .__inner { position:relative; margin:0 auto; margin-top:135px; margin-bottom:90px; width:1440px; height:574px; background:#1f1f1f; border-radius:50px; }
.sec5 .__inner.slide_pc { display:block; }
.sec5 .__inner.slide_mo { display:none; }

.sec5 .swiper_box a { display:block; width:100%; height:70%; color:#fff; text-decoration:none; }
.sec5 .swiper_box .txt_wrap { /*padding:210px 0 106px 97px;*/ padding:100px 0 216px 97px; color:#fff; }
.sec5 .swiper_box .txt_wrap h3 { font-size:65px; line-height:85px; letter-spacing:-3.25px; }
.sec5 .swiper_box .txt_wrap h3 i { display:inline-block; margin-left:22px; margin-top:20px; width:39px; height:52px; background:url(../img/ic_arrow2.svg) no-repeat center center; background-size:100% auto; transition:margin .3s ease; }
.sec5 .swiper_box .txt_wrap:hover h3 i { margin-left:70px; }
.sec5 .swiper_box .txt_wrap p { margin-top:10px; width:525px; font-size:18px; line-height:30px; letter-spacing:-1px; word-break:keep-all; }

.sec5 .swiper_visual { position:absolute; bottom:-91px; right:20px; width:675px; height:781px; }
.sec5 .swiper_visual img { display:block; width:100%; height:100%; }


.sec5 .swiper-control { position:absolute; bottom:125px; left:97px; width:135px; height:30px; }
.sec5 .swiper-control .btn_detail { width:146px; height:34px; color:#fff; font-size:18px; line-height:34px; letter-spacing:-.9px; border:1px solid #fff; border-radius:10px; text-align:center; transition:all .3s ease; }
.sec5 .swiper_box:hover .swiper-control .btn_detail { color:#333; background:#fff; }



/* sec6 */
.sec6 { background:#7935ff; }
.sec6 .particle_wrap { position:absolute; top:0; left:50%; transform:translateX(-50%); width:1920px; height:100%; }
.sec6 .particle_wrap > * { position:absolute; }
.sec6 .particle_wrap .ptc_1 { top:60px; right:240px; width:268px; height:268px; background:url(../img/ptc_1.png) no-repeat center center; background-size:100% auto; }
.sec6 .particle_wrap .ptc_2 { top:330px; left:30px; width:624px; height:624px; background:url(../img/ptc_2.png) no-repeat center center; background-size:100% auto; }
.sec6 .particle_wrap .ptc_3 { top:680px; right:0; width:268px; height:268px; background:url(../img/ptc_3.png) no-repeat center center; background-size:100% auto; }


.sec6 .title_wrap { margin-top:120px; color:#fff; text-align:center; }
.sec6 .title_wrap h5 { font-size:18px; line-height:25px; letter-spacing:-.9px; font-weight:400; }
.sec6 .title_wrap h2 { margin-top:15px; font-size:40px; line-height:42px; letter-spacing:-2px; }
.sec6 .title_wrap p { margin-top:30px; font-size:18px; line-height:28px; letter-spacing:-.9px; }

.sec6 .box_wrap { margin:0 auto; margin-top:80px; width:1244px; }
.sec6 .box_wrap ul.__service { display:flex; gap:60px; flex-wrap:wrap; }
.sec6 .box_wrap ul.__service li { width:592px;  }

.sec6 .box_wrap ul.__service li .__visual { position:relative; }
.sec6 .box_wrap ul.__service li .__visual:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:135px; background:#6633cc; border-radius:14px; }
.sec6 .box_wrap ul.__service li img { position:relative; display:block; margin:0 auto; width:434px; z-index:2; }

.sec6 .box_wrap .txt_wrap { margin-top:30px; color:#fff; text-align:center; }
.sec6 .box_wrap .txt_wrap b { font-size:24px; line-height:29px; letter-spacing:-1.2px; }
.sec6 .box_wrap .txt_wrap b + p { margin-top:16px; }


.sec6 .box_wrap .__contents { display:flex; gap:20px; margin-top:60px; margin-bottom:120px; }
.sec6 .box_wrap .__contents ul.__txt {  display:flex; flex-wrap:wrap; gap:45px; flex-direction:column; justify-content:center; padding:0 68px 0 30px; width:549px; background:#6633cc; border-radius:14px; }
.sec6 .box_wrap .__contents ul.__txt li { height:fit-content; color:#fff; }
.sec6 .box_wrap .__contents ul.__txt li b { position:relative; margin-left:12px; font-size:24px; line-height:29px; }
.sec6 .box_wrap .__contents ul.__txt li b:before { content:''; position:absolute; top:12px; left:-12px; width:5px; height:5px; background:#fff; border-radius:100%; }
.sec6 .box_wrap .__contents ul.__txt li b + p { margin-top:10px; word-break:keep-all; }

.sec6 .box_wrap .__contents img { width:667px; height:469px; }



/* sec7 */
.sec7 { background:url(../img/sec7_bg.png) no-repeat center right 15%; background-size:cover; }
.sec7 .__inner { margin:0 auto; padding:130px 0 150px; width:fit-content; }

.sec7 h2 { color:#fff; text-align:center; }
.sec7 .box_wrap { display:flex; gap:15px; margin-top:70px; width:1435px; }

.sec7 .box_wrap .__box { position:relative; padding:30px 0 0 50px; width:710px; height:310px; background:#eeece9; border-radius:40px; }
.sec7 .box_wrap .__box a { display:block; width:100%; height:100%; color:#000; text-decoration:none; }

.sec7 .box_wrap .__box h5 { position:relative; width:fit-content; font-size:36px; line-height:50px; letter-spacing:-1.8px; }

.sec7 .box_wrap .__box .btn_detail { margin-top:19px; width:134px; height:44px; color:#000; font-size:20px; line-height:44px; letter-spacing:-1px; text-align:center; border:1px solid #000; border-radius:10px; transition:all .3s ease; }
.sec7 .box_wrap .__box a:hover .btn_detail { color:#fff; background:#333; }

.sec7 .box_wrap .__box p { position:absolute; bottom:40px; left:50px; font-size:20px; line-height:30px; letter-spacing:-1px; word-break:keep-all; }
.sec7 .box_wrap .box_1 p { width:516px; }
.sec7 .box_wrap .box_2 p { width:554px; }


.sec7 .box_wrap .box_1 img { display:block; position:absolute; top:45px; right:41px; width:124px; height:103px; }
.sec7 .box_wrap .box_2 img { display:block; position:absolute; top:37px; right:43px; width:99px; height:106px; }




/* sec8 - outro */
.sec8 { padding-top:92px; padding-bottom:118px; width:100%; height:fit-content; background:#7935ff url(../img/sec8_bg.jpg) no-repeat center right; background-size:cover; }

.sec8 .title_wrap h1 { color:#fff; font-size:70px; line-height:84px; letter-spacing:-3.5px; text-align:center; }
.sec8 .title_wrap h1 + p { margin:0 auto; margin-top:20px; width:872px; color:#fff; font-size:26px; line-height:36px; letter-spacing:-1.3px; text-align:center; word-break:keep-all; }

.sec8 img { display:block; margin:0 auto; margin-top:-100px; width:686px; height:709px; }

.sec8 .btn_wrap { display:flex; gap:20px; margin:0 auto; margin-top:-70px; width:fit-content; }
.sec8 .btn_wrap a { position:relative; display:inline-block; padding-left:28px; width:285px; height:60px; color:#fff; font-size:20px; line-height:60px; letter-spacing:-1.3px; border-radius:15px; background:#000; text-decoration:none; transition:all .3s ease; }
.sec8 .btn_wrap a i { position:absolute; top:21px; right:21px; width:18px; height:18px; background:url(../img/ic_arrow.svg) no-repeat center center; background-size:100% auto; }
.sec8 .btn_wrap a:hover { color:#7935ff; background:#fff; }
.sec8 .btn_wrap a:hover i { background:url(../img/ic_arrow_h.svg) no-repeat center center; }


/* footer */
.footer { width:100%; height:16.15vw; background:url(../img/footer_bg.png); background-size:cover; }
.footer .__inner { display:flex; gap:13.91vw; justify-content:center; align-items:center; height:inherit; }
.footer .__inner a { position:relative; display:inline-block; width:4.69vw; height:calc(5.47vw + 18px); overflow:visible; text-decoration:none; }
.footer .__inner a img { display:block; width:4.69vw; height:4.69vw; }
.footer .__inner a p { position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#fff; font-size:18px; line-height:18px; letter-spacing:-.05vw; text-align:center; font-weight:600; white-space: nowrap; }


@media screen and (min-width: 1920px) {
    h1 { font-size:75px; }
    h2 { font-size:60px; line-height:75px; letter-spacing:-3px; }


    /* sec2 */
    .sec2 .__inner { margin:80px auto; width:1722px; height:640px; }

    .sec2 .__inner .swiper_box { width:722px; }
    .sec2 .__inner .swiper_video { width:1000px; border-radius:0 20px 20px 0; }

    .sec2 .__inner .swiper_box .swiper-slide { padding:110px 0 150px 111px; border-radius:20px 0 0 20px; }

    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap h6 { font-size:24px; line-height:18px; letter-spacing:-1.2px; }
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap h2 { margin-top:20px; font-size:60px; line-height:70px; letter-spacing:-3px; }
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap p { margin-top:40px; width:512px; font-size:20px; line-height:30px; letter-spacing:-1px; }
    .sec2 .__inner .swiper_box .slide_4 .txt_wrap h2 { font-size:55px; }

    .sec2 .__inner .swiper_box .swiper-slide a { bottom:150px; left:111px; padding-left:21px; width:180px; height:44px; font-size:20px; line-height:44px; letter-spacing:-1px; border-radius:10px; }
    .sec2 .__inner .swiper_box .swiper-slide a i { top:15px; right:18px; width:14px; height:14px; }

    .sec2 .swiper-control { bottom:92px; left:111px; }


    
    /* footer */
    .footer { height:310px; }
    .footer .__inner { gap:267px; justify-content:center; align-items:center; height:inherit; }
    .footer .__inner a { position:relative; display:inline-block; width:90px; height:123px; overflow:visible; text-decoration:none; }
    .footer .__inner a img { display:block; width:90px; height:90px; }
    .footer .__inner a p { position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#fff; font-size:18px; line-height:18px; letter-spacing:-.9px; text-align:center; font-weight:600; white-space: nowrap; }
}

@media (max-width: 1600px) {
    p { font-size:1.13vw; line-height:1.69vw; letter-spacing:-.06vw; }

    /* sec3 */
    .sec3 .title_wrap { margin-top:7.5vw; }
    .sec3 .title_wrap h2 { font-size:3.13vw; line-height:4.69vw; letter-spacing:-.16vw; }

    .sec3 .box_wrap { gap:1.25vw; margin-top:3.75vw; }
    .sec3 .box_wrap .__box { padding:3.75vw 2.06vw 2.75vw 3.13vw; width:41.25vw; height:39.56vw; border-radius:.88vw; }
    .sec3 .box_wrap .__box img { width:27.38vw; }
    .sec3 .box_wrap .__box h6 { margin-top:1.88vw; font-size:1.75vw; line-height:2.2vw; letter-spacing:-.09vw; }
    .sec3 .box_wrap .__box h6 + p { margin-top:.81vw; font-size:1.13vw; line-height:1.69vw; letter-spacing:-.06vw; }

    .sec3 .box_wrap .__box .tag_wrap { gap:.45vw; margin-top:1.75vw; width:27.75vw; }
    .sec3 .box_wrap .__box .tag_wrap span { padding:.19vw .38vw; font-size:.81vw; letter-spacing:-.02vw; border-radius:.31vw; }


    .sec3 .box_wrap + p  { margin-top:7.5vw; font-size:1.5vw; line-height:1.75vw; }

    .sec3 .modules { margin-top:2.5vw; margin-bottom:8.75vw; width:83.75vw; }
    .sec3 .modules ul { gap:1.25vw; }
    .sec3 .modules ul li { width:15.75vw; height:15.75vw; border-radius:.88vw; }
    .sec3 .modules ul li img { margin-top:3.75vw; width:5.63vw; height:5.63vw; }
    .sec3 .modules ul li span { bottom:1.88vw; font-size:1.38vw; line-height:1.75vw; }


    /* sec4 */
    .sec4 { margin:8.75vw 0; }
    .sec4 .__inner { width:83.75vw; }

    .sec4 .__inner .__box { gap:2.13vw; }
    .sec4 .__inner .__box h4 { font-size:2.5vw; line-height:3.13vw; letter-spacing:-.13vw; }
    .sec4 .__inner .__box h4 + h4 { margin-top:.63vw; }
    .sec4 .__inner .__box h4 + h4 span { font-size:1.25vw; }
    .sec4 .__inner .__box h4 + p { margin-top:1.25vw; font-size:1.06vw; line-height:1.56vw; letter-spacing:-.03vw; }

    .sec4 .__inner .__box img { width:41.25vw; height:10.13vw; }

    .sec4 .__inner .box_2 { margin-top:8.75vw; }
    .sec4 .__inner .box_2 img { margin-right:9.38vw; width:38.25vw; height:14.38vw; }


    /* sec5 */
    .sec5 .__inner { margin-top:8.44vw; margin-bottom:5.63vw; width:90vw; height:35.88vw; border-radius:3.13vw; }

    .sec5 .swiper_box .txt_wrap { padding:6.13vw 0 13.63vw 6.06vw; }
    .sec5 .swiper_box .txt_wrap h3 { font-size:4.06vw; line-height:5.31vw; letter-spacing:-.2vw; }
    .sec5 .swiper_box .txt_wrap h3 i { margin-left:1.38vw; margin-top:1.25vw; width:2.44vw; height:3.25vw; }
    .sec5 .swiper_box .txt_wrap p { margin-top:.63vw; min-width:33.63vw; font-size:1.13vw; line-height:1.88vw; letter-spacing:-.06vw; }

    .sec5 .swiper_visual { bottom:-5.69vw; right:1.25vw; width:42.19vw; height:48.81vw; }

    
    .sec5 .swiper-control { bottom:7vw; left:6.06vw; width:8.44vw; height:1.88vw; }


    /* sec6 */
    .sec6 .title_wrap { margin-top:7.5vw; }
    .sec6 .title_wrap h5 { font-size:1.13vw; line-height:1.56vw; letter-spacing:-.06vw; }
    .sec6 .title_wrap h2 { margin-top:.94vw; font-size:2.5vw; line-height:2.63vw; letter-spacing:-.13vw; }
    .sec6 .title_wrap p { margin-top:1.88vw; font-size:1.13vw; line-height:1.75vw; letter-spacing:-.06vw; }

    .sec6 .box_wrap { margin-top:5vw; width:77.75vw; }
    .sec6 .box_wrap ul.__service { gap:3.75vw; }
    .sec6 .box_wrap ul.__service li { width:37vw;  }

    .sec6 .box_wrap ul.__service li .__visual:before { height:8.44vw; border-radius:.88vw; }
    .sec6 .box_wrap ul.__service li img { width:27.13vw; }

    .sec6 .box_wrap .txt_wrap { margin-top:1.88vw; }
    .sec6 .box_wrap .txt_wrap b { font-size:1.5vw; line-height:1.81vw; letter-spacing:-.07vw; }
    .sec6 .box_wrap .txt_wrap b + p { margin-top:1vw; }


    .sec6 .box_wrap .__contents { gap:1.25vw; margin-top:3.75vw; margin-bottom:7.5vw; }
    .sec6 .box_wrap .__contents ul.__txt { gap:2.81vw; padding:0 4.25vw 0 1.88vw; width:34.31vw; border-radius:.88vw; }
    .sec6 .box_wrap .__contents ul.__txt li b { margin-left:.75vw; font-size:1.5vw; line-height:1.81vw; }
    .sec6 .box_wrap .__contents ul.__txt li b:before { top:.75vw; left:-.75vw; width:.31vw; height:.31vw; }
    .sec6 .box_wrap .__contents ul.__txt li b + p { margin-top:.63vw; }

    .sec6 .box_wrap .__contents img { width:41.69vw; height:29.31vw; }


    /* sec7 */
    .sec7 .box_wrap { gap:.94vw; margin-top:4.38vw; width:89.69vw; }
    .sec7 .box_wrap .__box { padding:2.94vw 0 0 3.13vw; width:44.38vw; height:22.5vw; border-radius:1.5vw; }
    .sec7 .box_wrap .__box h5 { font-size:2.25vw; line-height:3.13vw; letter-spacing:-.11vw; }

    .sec7 .box_wrap .__box .btn_detail { margin-top:1.25vw; width:8.38vw; height:2.5vw; font-size:1.13vw; line-height:2.5vw; letter-spacing:-.06vw; border-radius:.31vw; }

    .sec7 .box_wrap .__box p { bottom:2.94vw; left:3.13vw; width:22.5vw; font-size:1.25vw; line-height:1.88vw; letter-spacing:-.06vw; }

    .sec7 .box_wrap .box_1 img { top:3.19vw; right:3vw; width:6.63vw; height:5.5vw; }
    .sec7 .box_wrap .box_2 img { top:3.06vw; right:3.06vw; width:5.38vw; height:5.75vw; }
}


@media (max-width: 1280px) {
    html { font-size: 58%; } /* 약 9.3px */

    h1 { font-size:4.69vw; line-height:6.8vw; letter-spacing:-.23vw; }
    h2 { font-size:3.91vw; line-height:5.86vw; letter-spacing:-.2vw; }

    .__pc { display:none; }
    .__pad { display:block; }
    .__pad2 { display:none; }
    .__mo { display:none; }


    /* sec2 */
    .sec2 .title_wrap h2 + p { margin:0 auto; width:88vw; }

    .sec2 .__inner .swiper_box .swiper-slide { padding:3.91vw 0 0 5.23vw; }
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap p { margin-top:1.56vw; width:24.45vw; font-size:17px; line-height:27px; letter-spacing:-1px; }


    .sec2 .swiper-control .swiper-button-next { left:123px; }

    .sec2 .swiper-pagination { margin-top:12px; }
    .sec2 .swiper-pagination-bullet { width:12px; height:12px; }

    .sec2 .swiper-control .swiper-button-autoplay { left:147px; }
    .sec2 .swiper-control .swiper-button-autoplay > div { width:12px; height:12px; }
    .sec2 .swiper-control .swiper-pause { background-size:12px 12px; }
    .sec2 .swiper-control .swiper-start { background-size:12px 12px; }



    /* sec5 */
    .sec5 .__inner { margin-top:9.45vw; margin-bottom:8.2vw; width:90.13vw; height:44.84vw; border-radius:3.13vw; }

    .sec5 .swiper_box .txt_wrap { padding:8.41vw 0 16.13vw 6.02vw; color:#fff; }
    .sec5 .swiper_box .txt_wrap h3 { font-size:5.08vw; line-height:6.64vw; letter-spacing:-.25vw; }
    .sec5 .swiper_box .txt_wrap h3 i { display:inline-block; margin-left:1.15vw; margin-top:1vw; width:2.03vw; height:2.71vw; background:url(../img/ic_arrow2.svg) no-repeat center center; background-size:100% auto; }
    .sec5 .swiper_box .txt_wrap p { margin-top:10px; width:43vw; font-size:1.56vw; line-height:2.34vw; letter-spacing:-.08vw; word-break:keep-all; }

    .sec5 .swiper_visual { position:absolute; bottom:-8.2vw; right:-12.5vw; width:52.03vw; height:60.86vw; }
    .sec5 .swiper_visual img { display:block; width:100%; height:100%; }


    .sec5 .swiper-control { position:absolute; bottom:9vw; left:5.6vw; width:135px; height:30px; }


    /* sec6 */
    .sec6 .particle_wrap { width:100vw; }
    .sec6 .particle_wrap .ptc_1 { top:4vw; right:3vw; width:18.59vw; height:18.59vw; background:url(../img/ptc_1.png) no-repeat center center; background-size:100% auto; }
    .sec6 .particle_wrap .ptc_2 { top:26.56vw; left:-11.7vw; width:39.5vw; height:39.5vw; background:url(../img/ptc_2.png) no-repeat center center; background-size:100% auto; }
    .sec6 .particle_wrap .ptc_3 { top:60vw; right:-11.7vw; width:31.25vw; height:31.25vw; background:url(../img/ptc_3.png) no-repeat center center; background-size:100% auto; }


    .sec6 .title_wrap { margin-top:9.38vw; }
    .sec6 .title_wrap h5 { font-size:1.41vw; line-height:1.95vw; letter-spacing:-.07vw; }
    .sec6 .title_wrap h2 { margin-top:1.17vw; font-size:3.13vw; line-height:3.28vw; letter-spacing:-.16vw; }
    .sec6 .title_wrap p { margin-top:2.34vw; font-size:1.41vw; line-height:2.19vw; letter-spacing:-.07vw; }

    .sec6 .box_wrap { margin-top:6.25vw; width:84.23vw; }
    .sec6 .box_wrap ul.__service { gap:3.13vw; }
    .sec6 .box_wrap ul.__service li { width:40.55vw; }

    .sec6 .box_wrap ul.__service li .__visual:before { height:9.22vw; border-radius:1.09vw; }
    .sec6 .box_wrap ul.__service li img { width:30.86vw; }

    .sec6 .box_wrap .txt_wrap { margin-top:2.34vw; }
    .sec6 .box_wrap .txt_wrap b { font-size:1.88vw; line-height:2.27vw; letter-spacing:-.09vw; }
    .sec6 .box_wrap .txt_wrap b + p { margin-top:1.25vw; }


    .sec6 .box_wrap .__contents { gap:1.41vw; margin-top:5.47vw; margin-bottom:9.38vw; }
    .sec6 .box_wrap .__contents ul.__txt { gap:3.52vw; padding:0 2.03vw 0 2.03vw; width:33.36vw; border-radius:1.09vw; }
    .sec6 .box_wrap .__contents ul.__txt li b { margin-left:.94vw; font-size:1.5vw; line-height:2.03vw; }
    .sec6 .box_wrap .__contents ul.__txt li b:before { top:.94vw; left:-.94vw; width:.39vw; height:.39vw; }
    .sec6 .box_wrap .__contents ul.__txt li b + p { margin-top:.78vw; }

    .sec6 .box_wrap .__contents img { width:45.31vw; height:32.5vw; }


    /* sec7 */
    .sec7 .box_wrap { gap:2.19vw; margin-top:5.47vw; width:90vw; }
    .sec7 .box_wrap .__box { padding:3.67vw 0 0 3.91vw; width:43.91vw; height:28.13vw; border-radius:1.95vw; }
    .sec7 .box_wrap .__box h5 { font-size:2.81vw; line-height:3.91vw; letter-spacing:-.14vw; }
    .sec7 .box_wrap .box_2 h5 { margin-top:0; }

    .sec7 .box_wrap .__box .btn_detail { margin-top:1.25vw; width:10.47vw; height:3.13vw; font-size:1.41vw; line-height:3.13vw; letter-spacing:-.06vw; border-radius:.31vw; }

    .sec7 .box_wrap .__box p { bottom:3.91vw; left:3.91vw;  font-size:1.56vw; line-height:2.19vw; letter-spacing:-.08vw; }
    .sec7 .box_wrap .box_1 p { width:27.97vw; }
    .sec7 .box_wrap .box_2 p { width:28.2vw; }

    .sec7 .box_wrap .__box img { top:3.13vw; right:3.28vw; width:13.67vw; height:12.81vw; }





    /* sec8 */
    .sec8 { padding-top:50px; padding-bottom:78px; }

    .sec8 .title_wrap h1 { font-size:3.91vw; line-height:4.38vw; letter-spacing:-.2vw; }
    .sec8 .title_wrap h1 + p { margin-top:16px; width:57.66vw; font-size:1.72vw; line-height:2.34vw; letter-spacing:-.09vw; }

    .sec8 img { margin-top:-8vw; width:53vw; height:53.5vw; }

    .sec8 .btn_wrap { margin-top:-5.5vw; }
    .sec8 .btn_wrap a { padding-left:1.56vw; width:15.94vw; height:3.13vw; color:#fff; font-size:1.33vw; line-height:3.13vw; letter-spacing:-.07vw; border-radius:.39vw; }
    .sec8 .btn_wrap a i { position:absolute; top:1.17vw; right:1.17vw; width:.94vw; height:.94vw; background:url(../img/ic_arrow.svg) no-repeat center center; background-size:100% auto; }

}

@media (max-width: 1100px) {
    /* sec2 */
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap p { font-size:1.53vw; line-height:2.43vw; letter-spacing:-.09vw; }
}

@media (max-width: 768px) {
    html { font-size: 52%; } /* 약 8.3px */
    
    h1 { font-size:6.51vw; line-height:6.8vw; letter-spacing:-.33vw; }
    h2 { font-size:5.99vw; line-height:7.81vw; letter-spacing:-.3vw; }

    p { font-size:2.34vw; line-height:3.26vw; letter-spacing:-.07vw; }

    .__pc { display:none; }
    .__pad { display:none; }
    .__pad2 { display:block; }
    .__mo { display:none; }


    /* intro */
    .intro .__basic { display:block; }
    /*.intro h3 { font-size:3.91vw; letter-spacing:-.12vw; }*/
    .intro h1 { margin:0 auto; width:68.95vh; height:9.38vh; max-width:80vw; background-size:auto 100%; }
    .intro h1 span { background-size:100% 100%; background-position:top center; }

    /*.intro h3 + p { width:80vw; font-size:2.4vw; line-height:5.21vw; letter-spacing:-.13vw; }*/


    /* sec2 */
    .sec2 .title_wrap h2 + p { margin:0 auto; margin-top:2.08vw; width:91.15vw; word-break:keep-all; font-size:2.4vw; line-height:5.21vw; letter-spacing:-.13vw; }

    .sec2 .__inner { flex-wrap:wrap; width:81vw; height:fit-content; flex-direction:column-reverse; }
    .sec2 .__inner > div { width:100%; }

    .sec2 .__inner .swiper_box { width:81vw; height:fit-content; }
    .sec2 .__inner .swiper_video { width:81vw; height:51.82vw; border-radius:2.6vw 2.6vw 0 0; }

    .sec2 .__inner .swiper_box .swiper-slide { padding:6.51vw 0 19.92vw; color:#fff; border-radius:0 0 2.6vw 2.6vw; }

    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap { text-align:center; }
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap h6 { font-size:2.86vw; line-height:2.86vw; letter-spacing:-.14vw; }
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap h2 { margin-top:2.6vw; font-size:4.95vw; line-height:5.86vw; letter-spacing:-.25vw; }
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap p { margin:0 auto; margin-top:3.9vw; width:58.59vw; font-size:2.34vw; line-height:3.26vw; letter-spacing:-.12vw; }
    .sec2 .__inner .swiper_box .slide_4 .txt_wrap h2 { font-size:4.95vw; }


    .sec2 .__inner .swiper_box .swiper-slide a { left:50%; transform:translateX(-50%); bottom:13.42vw; padding-left:2.2vw; width:16vw; height:3.52vw; color:#fff; font-size:2.08vw; line-height:3.52vw; letter-spacing:-.1vw; border:1px solid #fff; border-radius:.52vw; }
    .sec2 .__inner .swiper_box .swiper-slide a i { top:1vw; right:2vw; width:1.56vw; height:1.56vw; }

    .sec2 .swiper-control { left:50%; transform:translateX(-50%); width:fit-content; height:20px; }


    /* sec3 */
    .sec3 .title_wrap { margin-top:15.63vw;}
    .sec3 .title_wrap h2 { font-size:5.99vw; line-height:7.03vw; letter-spacing:-.3vw; }

    .sec3 .box_wrap { flex-wrap:wrap; gap:2.08vw; margin-top:5.6vw; }
    .sec3 .box_wrap .__box { position:relative; padding:6.51vw 11.07vw 5.21vw 6.51vw; width:88.02vw; height:46.48vw; border-radius:1.43vw; }
    .sec3 .box_wrap .__box img { position:absolute; bottom:0; right:5.21vw; width:36.85vw; }
    .sec3 .box_wrap .__box h6 { margin-top:0; font-size:3.91vw; line-height:4.69vw; letter-spacing:-.2vw; }
    .sec3 .box_wrap .__box h6 + p { margin-top:2.08vw; font-size:2.34vw; line-height:3.26vw; letter-spacing:-.07vw; word-break:keep-all; }

    .sec3 .box_wrap .__box .tag_wrap { display:flex; flex-wrap:wrap; gap:1vw; margin-top:4vw; width:39.06vw; }
    .sec3 .box_wrap .box_2 .tag_wrap { width:30vw; }
    .sec3 .box_wrap .__box .tag_wrap span { padding:.55vw .85vw; font-size:1.95vw; letter-spacing:-.06vw; border-radius:.65vw; }


    .sec3 .box_wrap + p  { margin-top:17.32vw; font-size:2.4vw; line-height:2.6vw; }

    .sec3 .modules { margin-top:7.81vw; margin-bottom:19.53vw; width:88.16vw; }
    .sec3 .modules ul { gap:1.04vw; }
    .sec3 .modules ul li { width:16.8vw; height:16.8vw; border-radius:.91vw; }
    .sec3 .modules ul li img { margin-top:3.39vw; width:5.86vw; height:5.86vw; }
    .sec3 .modules ul li span { bottom:2.6vw; font-size:1.95vw; line-height:1.95vw; }


    /* sec4 */
    .sec4 { margin:11.72vw 0; }
    .sec4 .__inner { width:82.55vw; }

    .sec4 .__inner .__box { flex-wrap:wrap; gap:4.95vw; }
    .sec4 .__inner .box_2 { flex-direction:column-reverse; }
    .sec4 .__inner .__box h4 { font-size:4.95vw; line-height:6.25vw; letter-spacing:-.25vw; }
    .sec4 .__inner .__box h4 + h4 { margin-top:1.56vw; }
    .sec4 .__inner .__box h4 + h4 span { font-size:2.34vw; }
    .sec4 .__inner .__box h4 + p { margin-top:2.6vw; font-size:2.34vw; line-height:2.86vw; letter-spacing:-.07vw; }

    .sec4 .__inner .__box img { width:81.51vw; height:20.05vw; }

    .sec4 .__inner .box_2 { margin-top:13.28vw; }
    .sec4 .__inner .box_2 img { margin-right:0; width:81.51vw; height:30.6vw; }    
    .sec4 .__inner .__box img.basic { display:block; }
    .sec4 .__inner .__box img.only_mo { display:none; }

    .sec4 .__inner .__box .img_wrap.basic { display:block; }
    .sec4 .__inner .__box .img_wrap.only_mo { display:none; }


    /* sec5 */
    .sec5 .__inner.slide_pc { display:none; }
    .sec5 .__inner.slide_mo { display:block; }

    .sec5 { position:relative; background:url(../img/sec5_bg_m.png) no-repeat center  center; background-size:cover; }
    .sec5 .__inner { margin-top:8.53vw; margin-bottom:0; width:84vw; height:56.57vw; color:#fff; background:transparent; }
    .sec5 .__inner br { display:none; }

    .sec5 .__inner h3 { font-size:5.99vw; line-height:7.16vw; letter-spacing:-.35vw; }
    .sec5 .__inner h3 + p { margin-top:2.67vw; width:50vw; font-size:2.6vw; line-height:3.91vw; letter-spacing:-.1vw; }
    .sec5 .__inner h3 + p span { display:inline-block; }

    .sec5 .__inner a.__link { display:block; margin-top:5vw; padding:.8vw 2vw; width:16vw; color:#fff; font-size:2.08vw; text-decoration:none; border:1px solid #fff; border-radius:.52vw; text-align:center; }
    
    .sec5 .swiper_card .__mobile { position:absolute; bottom:-3.5vw; right:-18vw; transform:rotate(10deg); width:55.13vw; height:61.98vw; z-index:3; }

    .sec5 .swiper_card .__mobile .swiper-slide { width:100%; }
    .sec5 .swiper_card .__mobile img { width:100%; }


    /* sec6 */    
    .sec6 .particle_wrap .ptc_1 { top:-12.37vw; right:-6.5vw; width:34.9vw; height:34.9vw; background:url(../img/ptc_1.png) no-repeat center center; background-size:100% auto; }
    .sec6 .particle_wrap .ptc_2 { top:75vw; left:-26vw; width:49.5vw; height:49.5vw; background:url(../img/ptc_2.png) no-repeat center center; background-size:100% auto; }
    .sec6 .particle_wrap .ptc_3 { top:250vw; right:-30vw; width:57vw; height:57vw; background:url(../img/ptc_3.png) no-repeat center center; background-size:100% auto; }

    .sec6 .title_wrap { margin-top:15.63vw; }
    .sec6 .title_wrap h5 { font-size:2.86vw; line-height:3.26vw; letter-spacing:-.14vw; }
    .sec6 .title_wrap h2 { margin-top:1.95vw; font-size:5.21vw; line-height:5.47vw; letter-spacing:-.26vw; }
    .sec6 .title_wrap p { margin-top:3.91vw; font-size:2.34vw; line-height:3.65vw; letter-spacing:-.12vw; }

    .sec6 .box_wrap { margin-top:9.11vw; width:77.34vw; }
    .sec6 .box_wrap ul.__service { gap:10.42vw; }
    .sec6 .box_wrap ul.__service li { width:77.34vw; }

    .sec6 .box_wrap ul.__service li .__visual:before { height:17.58vw; border-radius:1.82vw; }
    .sec6 .box_wrap ul.__service li img { width:58.59vw; }

    .sec6 .box_wrap .txt_wrap { margin-top:3.91vw; }
    .sec6 .box_wrap .txt_wrap b { font-size:3.39vw; line-height:4.04vw; letter-spacing:-.17vw; }
    .sec6 .box_wrap .txt_wrap b + p { margin-top:1.82vw; }


    .sec6 .box_wrap .__contents { flex-wrap:wrap; flex-direction:column-reverse; gap:1.82vw; margin-top:10.42vw; margin-bottom:15.63vw; }
    .sec6 .box_wrap .__contents ul.__txt { gap:5.47vw; padding:6vw 4.69vw; width:77.34vw; border-radius:1.82vw; }
    .sec6 .box_wrap .__contents ul.__txt li b { margin-left:1.56vw; font-size:3.65vw; line-height:4.04vw; }
    .sec6 .box_wrap .__contents ul.__txt li b:before { top:1.56vw; left:-1.56vw; width:.65vw; height:.65vw; }
    .sec6 .box_wrap .__contents ul.__txt li b + p { margin-top:.65vw; }

    .sec6 .box_wrap .__contents img { width:77.34vw; height:61.07vw; }


    /* sec7 */
    .sec7 .box_wrap { flex-wrap:wrap; gap:3.65vw; margin-top:9.11vw; width:73.18vw; }
    .sec7 .box_wrap .__box { padding:6.51vw 0 0 6.51vw; width:73.18vw; height:46.88vw; border-radius:5.21vw; }
    .sec7 .box_wrap .__box h5 { font-size:4.69vw; line-height:6.51vw; letter-spacing:-.23vw; }
    .sec7 .box_wrap .box_2 h5 { margin-top:0; }

    .sec7 .box_wrap .__box .btn_detail { margin-top:2.6vw; width:15vw; height:5vw; font-size:2.34vw; line-height:5vw; letter-spacing:-.12vw; border-radius:.65vw; }

    .sec7 .box_wrap .__box p { bottom:6.51vw; left:6.51vw; width:47.8vw; font-size:2.6vw; line-height:3.91vw; letter-spacing:-.13vw; }

    .sec7 .box_wrap .box_1 img { top:6.51vw; right:7.42vw; width:14.58vw; height:12.24vw; }
    .sec7 .box_wrap .box_2 img { top:6.51vw; right:7.42vw; width:12.37vw; height:13.41vw; }





    /* sec8 */
    .sec8 { padding-top:100px; padding-bottom:167px; background-position:center right 45%; }

    .sec8 .title_wrap h1 { font-size:6.51vw; line-height:7.23vw; letter-spacing:-.33vw; }
    .sec8 .title_wrap h1 + p { margin-top:17px; width:67.97vw; font-size:2.86vw; line-height:3.91vw; letter-spacing:-.14vw; text-align:left; word-break:break-all; }

    .sec8 img { margin-top:-8vw; width:91vw; height:91.5vw; }

    .sec8 .btn_wrap { margin-top:-5.5vw; }
    .sec8 .btn_wrap a { padding-left:1.56vw; width:29.17vw; height:5.21vw; color:#fff; font-size:2.6vw; line-height:5.21vw; letter-spacing:-.13vw; border-radius:.65vw; }
    .sec8 .btn_wrap a i { position:absolute; top:1.8vw; right:1.8vw; width:1.56vw; height:1.56vw; background:url(../img/ic_arrow.svg) no-repeat center center; background-size:100% auto; }


    /* footer */
    .footer { width:100%; height:34.77vw; background:url(../img/footer_bg.png); background-size:cover; }
    .footer .__inner { display:flex; gap:15.63vw; justify-content:center; align-items:center; height:inherit; }
    .footer .__inner a { position:relative; display:inline-block; width:11.72vw; height:16.02vw; overflow:visible; text-decoration:none; }
    .footer .__inner a img { display:block; width:11.72vw; height:11.72vw; }
    .footer .__inner a p { position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#fff; font-size:2.34vw; line-height:2.34vw; letter-spacing:-.9px; text-align:center; font-weight:600; white-space: nowrap; }
}

@media (max-width: 480px) {
    /* Top Gnb */
    .rooftop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:#fff;height:50px;box-shadow:0 1px 1px rgba(0,0,0,.1)}
    #gnb.joins_gnb{display:none}
    .forehead .inner { position:relative;padding:0;height:50px;background:#fff}
    .brandsolution-logo{position:absolute;top:18px;left:20px;margin-top:0}
    .brandsolution-logo a{display:block;width:41px;height:12px;background:url(/common/img/sp-common_m.svg) no-repeat 0 0;background-size:150px}
    .brand-identity{text-align:center;line-height:50px}
    .brand-identity img{position:relative;top:-3px;vertical-align:baseline}
    .sns-share-box{position:absolute;top:8px;right:10px;margin-top:0}
    .btn-sns-more{display:block;width:30px;height:30px;background:url(/common/img/sp-common_m.png) no-repeat 0 -15px;background-size:150px;color:transparent;font-size:0}

    /* SNS 怨듭쑀 紐⑤떖 */
    .sns-modal{position:fixed;z-index:1010;top:50px;right:0;bottom:0;left:0;opacity:0;max-height:100vh;overflow:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; visibility: hidden; z-index:-1;}
    .sns-modal.open{opacity:1;max-height:100vh; visibility: inherit; overflow:hidden; z-index:100;}
    .sns-modal:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}
    .sns-modal-inner{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; width:calc(100vw - 74px); height:20%; min-height:182px; margin:auto; background-color:#fff; border-radius:4px; overflow:hidden; }
    .sns-modal .modal-head{ position:relative; margin:17px 18px 0 18px; height:39px; color:#3B3B3B; font-size:20px; letter-spacing:-.8px; font-weight:600; border-bottom:1px solid #f2f2f2; }
    .sns-modal .close-modal{ position:absolute; top:0; right:0; padding:0; width:20px; height:20px; border:none; color:transparent; font-size:0; background-color:transparent; background:url(/common/img/sp-common_m_2.svg) no-repeat -45px -20px; background-size:150px; }
    .sns-list{position:absolute;top:57px;right:0;bottom:0;left:0;padding:25px 25px 0 25px;text-align:center;overflow-y:auto;overflow-x:hidden}
    .sns-list:after{content:'';display:block;clear:both}
    .sns-list li{float:left;width:25%;margin-bottom:24px}
    .sns-list a{font-size:12px;text-decoration:none;color:#231f20}
    .sns-list span{display:block;padding-top:3px;}
    .sns-list i{display:inline-block;width:45px;height:45px;background:url(/common/img/sp-common_m_2.svg) no-repeat;background-size:150px}
    .sns-list .sns-fb i{background-position:0 -45px}
    .sns-list .sns-tw i{background-position:-45px -45px}
    .sns-list .sns-gp i{background-position:-90px -45px}
    .sns-list .sns-li i{background-position:0 -90px}
    .sns-list .sns-kt i{background-position:-45px -90px}
    .sns-list .sns-it i{background-position:-90px -90px}
    .sns-list .sns-ks i{background-position:0 -135px}
    .sns-list .sns-pk i{background-position:-45px -135px}
    .sns-list .sns-ml i{background-position:-90px -135px}


    html { font-size: 50%; } /* 약 8px */

    h1 { font-size:9.07vw; line-height:12.27vw; letter-spacing:-.45vw; }
    h2 { font-size:9.07vw; line-height:12.27vw; letter-spacing:-.45vw; }

    .__pc { display:none; }
    .__pad { display:none; }
    .__pad2 { display:none; }
    .__mo { display:block; }

    .gnb_pc { display:none; }
    .gnb_mo { display:block; }

    .intro > * { margin-top:0; }

    /*.intro .__basic { display:none; }*/
    .intro h3 { margin-top:4vh; font-size:4.06vh; line-height:4.06vh; letter-spacing:-.24vw; }
    .intro h3 + h3 { margin-top:1.7vh; }
    .intro h1 { margin:0 auto; margin-top:10vw; width:92.53vw; height:12.53vw; max-width:auto; }
    .intro h3 + p { margin-top:2.05vh; font-size:2.23vh; line-height:3.67vh; letter-spacing:-.11vh; }



    /* sec2 */
    .sec2 .title_wrap h2 + p { margin:0 auto; margin-top:5vw; width:80.73vw; font-size:17px; line-height:26px; letter-spacing:-.9px; }

    .sec2 { padding-bottom:100px; }
    .sec2 h2.__mo { display:block; margin-bottom:7.47vw; color:#fff; text-align:center; }
    .sec2 h2.__mo i { font-style:normal; font-weight:100; }


    .sec2 .__inner { margin-top:8vw; width:84vw; }

    .sec2 .__inner .swiper_box { width:84vw; }
    .sec2 .__inner .swiper_video { width:84vw; height:53.87vw; }

    .sec2 .__inner .swiper_box .swiper-slide { padding:6.4vw 0 24vw; color:#fff; border-radius:0 0 4vw 4vw; }

    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap h6 { display:none; }
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap h2 { font-size:7.47vw; line-height:10.13vw; letter-spacing:-.37vw; }
    .sec2 .__inner .swiper_box .swiper-slide .txt_wrap p { margin-top:10px; min-height:104px; font-size:17px; line-height:26px; letter-spacing:-.9px; }
    .sec2 .__inner .swiper_box .slide_4 .txt_wrap h2 { font-size:7.47vw; }


    .sec2 .__inner .swiper_box .swiper-slide a { bottom:36px; padding-left:0; width:30.4vw; height:8vw; font-size:16px; line-height:8vw; letter-spacing:-.8px; text-align:center; border-radius:1.33vw; }
    .sec2 .__inner .swiper_box .swiper-slide a i { display:none; }


    .sec2 .__inner .swiper_video .swiper-slide { border-radius:2.6vw 2.6vw 0 0; }

    .sec2 .swiper-control { left:50%; transform:translateX(-50%); bottom:-10vw; width:fit-content; }


    /* sec3 */

    .sec3 .title_wrap { margin-top:26.67vw; }
    .sec3 .title_wrap h2 { font-size:8vw; line-height:9.6vw; letter-spacing:-.4vw; }

    .sec3 .box_wrap { gap:18.67vw; margin-top:13.33vw; }
    .sec3 .box_wrap .__box { padding:8vw 10.67vw 82.13vw 8vw; width:77.6vw; height:131.13vw; border-radius:14px; overflow:hidden; }
    .sec3 .box_wrap .box_2 { height:129.13vw; }
    .sec3 .box_wrap .__box img { bottom:36.2vw; left:50%; transform:translateX(-50%); width:56.27vw; }
    .sec3 .box_wrap .box_2 img { bottom:29.2vw; }
    .sec3 .box_wrap .__box h6 { margin-top:0; font-size:6.93vw; line-height:8.27vw; letter-spacing:-.09vw; font-weight:700; }
    .sec3 .box_wrap .__box h6 + p { margin-top:3.73vw; font-size:4.53vw; line-height:6.67vw; letter-spacing:-.14vw; }

    .sec3 .box_wrap .__box .tag_wrap { position:absolute; bottom:0; left:0; gap:1.33vw; margin-top:0; padding:4.53vw 0 4.53vw 4.53vw; width:100%; background:#6971ee; }
    .sec3 .box_wrap .box_2 .tag_wrap { background:#795feb; }
    .sec3 .box_wrap .__box .tag_wrap span { padding:0.8vw 1.6vw; font-size:3.73vw; letter-spacing:-.39px; background:rgba(255, 255, 255, 0.7); border-radius:5px; }

    .sec3 .box_wrap .box_1 { background:#edf2fe; }
    .sec3 .box_wrap .box_1 h6,
    .sec3 .box_wrap .box_1 .tag_wrap span { color:#3d3af5; }
    .sec3 .box_wrap .box_2 { background:#f3f1fe; }
    .sec3 .box_wrap .box_2 h6,
    .sec3 .box_wrap .box_2 .tag_wrap span { color:#7935ff; }


    .sec3 .box_wrap + p  { margin:0 auto; margin-top:26.67vw; width:79vw; font-size:4.8vw; line-height:7.2vw; }

    .sec3 .modules { margin:0 auto; margin-top:28.33vw; margin-bottom:26.67vw; width:72.53vw; }
    .sec3 .modules ul { display:flex; gap:2.67vw; flex-wrap:wrap; }
    .sec3 .modules ul li { width:34.93vw; height:34.93vw; border-radius:2.13vw; }
    .sec3 .modules ul li:nth-child(odd) { margin-top:-15vw; }
    .sec3 .modules ul li img { margin-top:8vw; width:12.27vw; height:12.27vw; }
    .sec3 .modules ul li span { bottom:8vw; font-size:4vw; line-height:4vw; }

    
    /* sec4 */
    .sec4 { margin:21.33vw 0; }
    .sec4 .__inner { width:84vw; }

    .sec4 .__inner .__box { gap:16vw; }
    .sec4 .__inner .__box h4 { font-size:7.47vw; line-height:9.33vw; letter-spacing:-.37vw; }
    .sec4 .__inner .__box h4 + h4 { margin-top:3.2vw; line-height:6.13vw; }
    .sec4 .__inner .__box h4 + h4 span { display:block; font-size:4vw; }
    .sec4 .__inner .__box h4 + p { margin-top:5.33vw; width:76vw; font-size:4.8vw; line-height:6.4vw; letter-spacing:-.14vw; }
    .sec4 .__inner .__box h4 + p br { display:none; }

    .sec4 .__inner .__box img { margin-left:-8vw; width:100vw; height:42.4vw; }

    .sec4 .__inner .box_2 { margin-top:21.33vw; text-align:left; }
    .sec4 .__inner .box_2 img { margin:0 auto; margin-right:0; width:84vw; height:auto; }
    .sec4 .__inner .__box img.basic { display:none; }
    .sec4 .__inner .__box img.only_mo { display:block; }

    .sec4 .__inner .__box .img_wrap.basic { display:none; }
    .sec4 .__inner .__box .img_wrap.only_mo { display:block; }

    .sec4 .img_wrap.only_mo .swiper_dews { width:100vw; }
    .sec4 .img_wrap.only_mo .swiper_dews .swiper-slide { width:56vw !important; }
    .sec4 .img_wrap.only_mo .swiper_dews img { width:56vw; height:42.67vw; }


    /* sec5 */
    .sec5 { position:relative; background:url(../img/sec5_bg_m.png) no-repeat center  center; background-size:cover; }
    .sec5 .__inner { margin-top:8.53vw; margin-bottom:0; width:84vw; height:114.67vw; color:#fff; }
    .sec5 .__inner br { display:none; }

    .sec5 .__inner h3 { font-size:6.93vw; line-height:7.47vw; letter-spacing:-.35vw; }
    .sec5 .__inner h3 + p { margin-top:2.67vw; width:75vw; font-size:4.8vw; line-height:7.47vw; letter-spacing:-.24vw; }
    .sec5 .__inner h3 + p span { display:none; }

    .sec5 .__inner a.__link { display:block; margin-top:8vw; padding:1.33vw 3.47vw; width:fit-content; color:#fff; font-size:5.07vw; text-decoration:none; border:1px solid #fff; border-radius:1.33vw; text-align:center; }
    
    .sec5 .swiper_card .__mobile { position:absolute; bottom:-16vw; right:-18vw; transform:rotate(10deg); width:70.07vw; height:90.13vw; z-index:3; }

    .sec5 .swiper_card .__mobile .swiper-slide { width:100%; }
    .sec5 .swiper_card .__mobile img { width:100%; }


    /* sec6 */
    .sec6 br { display:none; }

    .sec6 .particle_wrap .ptc_1 { top:-8vw; right:-9.6vw; width:33.33vw; height:33.33vw; background:url(../img/ptc_1_m.png) no-repeat center center; background-size:100% auto; }
    .sec6 .particle_wrap .ptc_2 { top:180vw; left:-20vw; width:35.2vw; height:35.2vw; background:url(../img/ptc_2_m.png) no-repeat center center; background-size:100% auto; }
    .sec6 .particle_wrap .ptc_3 { top:435vw; right:-21.33vw; width:46.7vw; height:46.7vw; background:url(../img/ptc_3_m.png) no-repeat center center; background-size:100% auto; }
    
    .sec6 .title_wrap { margin-top:18.67vw; }
    .sec6 .title_wrap h5 { font-size:5.33vw; line-height:8vw; letter-spacing:-.27vw; }
    .sec6 .title_wrap h2 { margin-top:3.2vw; font-size:7.47vw; line-height:10.13vw; letter-spacing:-.37vw; }
    .sec6 .title_wrap p { margin:0 auto; margin-top:10.67vw; width:84vw; font-size:4.8vw; line-height:7.47vw; letter-spacing:-.27vw; text-align:left; }

    .sec6 .box_wrap { margin:0 auto; margin-top:21.33vw; width:84vw; }
    .sec6 .box_wrap ul.__service { gap:17.33vw; }
    .sec6 .box_wrap ul.__service li { width:84vw; }

    .sec6 .box_wrap ul.__service li .__visual:before { height:24vw; border-radius:2.4vw; }
    .sec6 .box_wrap ul.__service li img { width:70.13vw; }

    .sec6 .box_wrap .txt_wrap { margin-top:8vw; text-align:left; }
    .sec6 .box_wrap .txt_wrap b { font-size:5.87vw; line-height:6.93vw; letter-spacing:-.29vw; }
    .sec6 .box_wrap .txt_wrap b + p { margin-top:.53vw; font-size:4.53vw; line-height:6.67vw; letter-spacing:-.14vw; }


    .sec6 .box_wrap .__contents { gap:3.2vw; margin-top:17.33vw; margin-bottom:18.67vw; }
    .sec6 .box_wrap .__contents ul.__txt { gap:12vw; padding:13.33vw 4vw 13.33vw 6.93vw; width:84vw; border-radius:2.4vw; }
    .sec6 .box_wrap .__contents ul.__txt li { margin-left:3.2vw; height:fit-content; color:#fff; }
    .sec6 .box_wrap .__contents ul.__txt li b { margin-left:0; font-size:6.4vw; line-height:8vw; word-break:keep-all; }
    .sec6 .box_wrap .__contents ul.__txt li b:before { top:3.2vw; left:-3.2vw; width:1.33vw; height:1.33vw; }
    .sec6 .box_wrap .__contents ul.__txt li b + p { margin-left:-3.2vw; margin-top:2.67vw; font-size:4.53vw; line-height:6.67vw; letter-spacing:-.14vw; word-break:keep-all; }

    .sec6 .box_wrap .__contents img { width:84vw; height:auto; }


    /* sec7 */
    .sec7 .__inner { padding:100px 0 130px; }

    .sec7 .box_wrap { gap:2.67vw; margin-top:40px; width:83.47vw; }
    .sec7 .box_wrap .__box { padding:0; padding-left:6.93vw; width:83.47vw; height:40.53vw; border-radius:4vw; }
    .sec7 .box_wrap .__box a { display:flex; align-items:center; }
    .sec7 .box_wrap .__box h5 { font-size:5.6vw; line-height:7.47vw; letter-spacing:-.28vw; }
    .sec7 .box_wrap .__box h5:after { right:-5vw; bottom:2.3vw; width:2.93vw; height:2.93vw; }

    .sec7 .box_wrap .__box .btn_detail { margin-top:4.8vw; width:25.87vw; height:8.53vw; font-size:4.27vw; line-height:8.53vw; letter-spacing:-.21vw; border-radius:1.33vw; }

    .sec7 .box_wrap .__box p { display:none; }

    .sec7 .box_wrap .box_1 img { top:7.47vw; right:6.93vw; width:15.47vw; height:13.07vw; }
    .sec7 .box_wrap .box_2 img { top:7.47vw; right:6.93vw; width:13.07vw; height:13.87vw; }


    /* sec8 */
    .sec8 { padding-top:70px; padding-bottom:90px; }

    .sec8 .title_wrap h1 { font-size:9.6vw; line-height:12vw; letter-spacing:-.33vw; }
    .sec8 .title_wrap h1 + p { margin-top:17px; font-size:18px; line-height:24px; letter-spacing:-.9px; word-break:break-all; }

    .sec8 img { margin-top:-18vw; margin-left:-25vw; width:150vw; height:150vw; }

    .sec8 .btn_wrap { display:flex; gap:10px; flex-wrap:wrap; margin:0 auto; margin-top:-60px
        
        ; width:213px; }
    .sec8 .btn_wrap a { padding-left:18px; width:213px; height:40px; color:#fff; font-size:18px; line-height:40px; letter-spacing:-.9px; border-radius:5px; }
    .sec8 .btn_wrap a i { position:absolute; top:14px; right:14px; width:11px; height:11px; background:url(../img/ic_arrow.svg) no-repeat center center; background-size:100% auto; }


    /* footer */
    .footer { width:100%; height:44.53vw; background:url(../img/footer_bg.png); background-size:cover; }
    .footer .__inner { display:flex; gap:10.67vw; justify-content:center; align-items:center; height:inherit; }
    .footer .__inner a { position:relative; display:inline-block; width:16vw; height:23.47vw; overflow:visible; text-decoration:none; }
    .footer .__inner a img { display:block; width:16vw; height:16vw; }
    .footer .__inner a p { position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#fff; font-size:4.27vw; line-height:5.07vw; letter-spacing:-.13vw; text-align:center; font-weight:600; white-space: nowrap; }
}