@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");
}

@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");
}

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


.sd_ul { font-family: sandoll-gothicneo3, sans-serif; font-weight: 200; font-style: normal; }
.sd_lt { font-family: sandoll-gothicneo3, sans-serif; font-weight: 300; font-style: normal; }
.sd_rg { font-family: sandoll-gothicneo3, sans-serif; font-weight: 400; font-style: normal; }
.__nts { font-family:'NotoSerifKR', serif; font-weight:500; }


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

html, body { position:relative; word-wrap:break-word; font-family:"Pretendard", '나눔고딕', "Apple SD Gothic Neo", 'Malgun Gothic', '맑은고딕', sans-serif, arial; font-size:16px; box-sizing:border-box; color:#222; overflow-x:hidden; }
p { font-size:17px; line-height:26px; letter-spacing:-.32px; }
p b { font-weight:600; }

input,
textarea,
button,
select,
a { -webkit-tap-highlight-color: transparent; }


/* intro */
.intro { position:relative; width:100vw; height:100vh; background:linear-gradient(143deg, #4eaeff 8%, #0783ff 70%); overflow:hidden; }

.intro .title_wrap { position:absolute; top:14vh; left:50%; transform: translateX(-50%); width:100%; color:#fff; }

.intro .title_wrap h2 { font-size:2.63vh; line-height:2.63vh; letter-spacing:-.05vh; text-align:center; }
.intro .title_wrap .h1_wrap { position:relative; margin:0 auto; margin-top:3.5vh; width:fit-content; max-width:40vh; }
.intro .title_wrap .h1_wrap:before { content:''; position:absolute; top:-3vh; left:-3.5vh; width:3.55vh; height:13.3vh; background:url(../../img/ic_quote_1.svg) no-repeat center center; background-size:100% auto; } 
.intro .title_wrap .h1_wrap:after { content:''; position:absolute; bottom:-4vh; right:-4.5vh; width:3.55vh; height:13.3vh; background:url(../../img/ic_quote_2.svg) no-repeat center center; background-size:100% auto; } 
.intro .title_wrap h1 { position:relative; margin:0 auto; width:fit-content; font-size:5.8vh; line-height:7.9vh; letter-spacing:-.12vh; text-align:center; }

.intro .title_wrap h1 p { position:relative; margin:0 auto; margin-top:2.13vh; width:fit-content; font-size:6.66vh; line-height:6.66vh; letter-spacing:-.15vh; text-align:center; }
.intro .title_wrap h1.active:after { content:''; position:absolute; top:.5vh; right:-1vh; width:2px; height:6.66vh; background:#fff; animation: cursor 0.6s infinite; }

@keyframes cursor{ 
    0%{opacity:1} 
    50%{opacity:0} 
    100%{opacity:1} 
}


.intro .visual_wrap { position:relative; width:inherit; height:inherit; }

.intro .visual_wrap .bubble_wrap { position:absolute; top:40vh; left:50%; transform:translateX(-50%); width:100vw; max-width:55vh; height:18.5vh; z-index:2; overflow:hidden; }

.intro .swiper-wrapper { height:7.36vh; transition-timing-function: ease-out; }
/*.intro .visual_wrap .bubble_wrap ul { display:flex; flex-wrap:wrap; gap:5.86vw; }*/
.intro .visual_wrap .bubble_wrap ul li { margin-bottom:2.5vh; }

.intro .visual_wrap .bubble_wrap .__bubble { position:relative; display:flex; justify-content:center; align-items:center; gap:.9vh; padding:0 2vh 0 1vh; width:fit-content; height:7.36vh; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);border-radius:1.1vh; }
.intro .visual_wrap .bubble_wrap .__bubble i { font-size:6vh; line-height:7.36vh; font-style:normal; }
.intro .visual_wrap .bubble_wrap .__bubble p { font-size:2.63vh; line-height:3.15vh; letter-spacing:-.05vh; }

.intro .visual_wrap .bubble_wrap ul li .__odd.__bubble { margin-left:5.26vh; margin-right:auto; }
.intro .visual_wrap .bubble_wrap ul li .__odd.__bubble:before { content:''; position:absolute; left:-2.1vh; top:2vh; border-top:1.2vh solid #fff; border-right:1.2vh solid #fff; border-bottom:1.2vh solid transparent; border-left:1.2vh solid transparent; }
.intro .visual_wrap .bubble_wrap ul li .__even.__bubble { margin-right:5.26vh; margin-left:auto; }
.intro .visual_wrap .bubble_wrap ul li .__even.__bubble:before { content:''; position:absolute; right:-2.1vh; top:2vh; border-top:1.2vh solid #fff; border-right:1.2vh solid transparent; border-bottom:1.2vh solid transparent; border-left:1.2vh solid #fff; }
.intro .visual_wrap .bubble_wrap ul li .bubble_2 p { font-size:2.4vh; }

.intro .visual_wrap .character_wrap { position:relative; width:100%; height:100vh; }
.intro .visual_wrap .character_wrap .__character { position:absolute; bottom:-24.5vw; left:calc(50% + 4vh); transform:translateX(-50%); width:48.4vh; height:49.25vh; background:url(../../img/intro_character.svg) no-repeat center center; background-size:100% auto; z-index:2; }
.intro .visual_wrap .character_wrap .__circle { position:absolute; left:50%; bottom:-72.83vh; transform:translateX(-50%); width:101.5vh; height:101.5vh; background:linear-gradient(157deg, #0d86ff 15%, #6b61e5 65%); border-radius:100%; }


/* sec 2 */
.sec2 { padding-top:100px; padding-bottom:80px; background:#f0f0f4; }
.sec2 h1 { font-size:36px; line-height:48px; letter-spacing:-.72px; text-align:center; }

.sec2 .content_wrap { margin-top:30px; }
.sec2 .visual_wrap { display:flex; flex-wrap:wrap; gap:20px; margin:0 auto; width:calc(100% - 40px); }
.sec2 .visual_wrap li.__visual { padding:30px 0 25px; width:100%; box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.1); background:#fff; border-radius:15px; }

.sec2 .visual_wrap li.__visual img { display:block; margin:0 auto; width:114px; height:114px; }
.sec2 .visual_wrap li.__visual h6 { margin:0 auto; margin-top:20px; width:fit-content; font-size:17px; line-height:27px; letter-spacing:-.68px; text-align:center; }
.sec2 .visual_wrap li.__visual h6.__title { position:relative; }
.sec2 .visual_wrap li.__visual h6.__title:before { content:'“'; position:absolute; top:-7px; left:-16px; width:14px; height:40px; color:#e5e5e5; font-family: sandoll-gothicneo3, sans-serif; font-weight: 400; font-style: normal; font-size:40px; line-height:40px; }
.sec2 .visual_wrap li.__visual h6.__title:after { content:'”'; position:absolute; top:26px; right:-13px; width:14px; height:40px; color:#e5e5e5; font-family: sandoll-gothicneo3, sans-serif; font-weight: 400; font-style: normal; font-size:40px; line-height:40px; }
.sec2 .visual_wrap li.visual_2 h6.__title:after { right:-3px; }
.sec2 .visual_wrap li.__visual > span { display:block; margin-top:13px; color:#666; font-size:11px; line-height:15px; letter-spacing:-.3px; text-align:center; }

/*.sec2 .visual_wrap li.visual_3 { padding:25px 33px; }*/
.sec2 .visual_wrap li.visual_3 h6 { margin-top:0; font-size:18px; line-height:18px; text-align:center; }

.sec2 .visual_wrap li.visual_3 ul.chart { display:flex; gap:31px; margin:0 auto; margin-top:21px; padding:0 8px 0 14px; width:282px; height:121px; border-bottom:1px solid #999; }
.sec2 .visual_wrap li.visual_3 ul.chart li { position:relative; width:30px; height:inherit; }
.sec2 .visual_wrap li.visual_3 ul.chart li > * { font-family: sandoll-gothicneo3, sans-serif; font-weight: 400; font-style: normal; }
.sec2 .visual_wrap li.visual_3 ul.chart li .__amount { position:absolute; bottom:50px; left:50%; transform:translateX(-50%) rotate(-90deg); width:70px; font-size:12px; line-height:12px; letter-spacing:-.48px; text-align:center; z-index:3; }
.sec2 .visual_wrap li.visual_3 ul.chart li .__amount span { font-size:10px; line-height:inherit; letter-spacing:-.4px; }
.sec2 .visual_wrap li.visual_3 ul.chart li .__bar { margin-top:26px; width:30px; height:95px; border-radius:5px 5px 0 0; background:linear-gradient(to top, #fff, #ddd); }
.sec2 .visual_wrap li.visual_3 ul.chart li .__year { margin-top:10px; font-size:13px; line-height:13px; letter-spacing:-.4px; text-align:center; }
.sec2 .visual_wrap li.visual_3 ul.chart + span { display:block; margin-top:40px; margin-left:auto; margin-right:15px; width:fit-content; color:#666; font-size:10px; line-height:10px; letter-spacing:-.2px; text-align:right; }

.sec2 .visual_wrap li.visual_3 ul.chart li:nth-child(2) .__amount { bottom:59px; }
.sec2 .visual_wrap li.visual_3 ul.chart li:nth-child(3) .__amount { bottom:61px; }
.sec2 .visual_wrap li.visual_3 ul.chart li:nth-child(4) .__amount { bottom:66px; }
.sec2 .visual_wrap li.visual_3 ul.chart li:nth-child(5) .__amount { color:#fff; bottom:74px; }
.sec2 .visual_wrap li.visual_3 ul.chart li:nth-child(2) .__bar { margin-top:21px; height:100px; }
.sec2 .visual_wrap li.visual_3 ul.chart li:nth-child(3) .__bar { margin-top:17px; height:104px; }
.sec2 .visual_wrap li.visual_3 ul.chart li:nth-child(4) .__bar { margin-top:12px; height:109px; }
.sec2 .visual_wrap li.visual_3 ul.chart li:nth-child(5) .__bar { margin-top:0; margin-left:-8px; width:46px; height:121px; background:linear-gradient(to top, #4ad097, #36aaf8); }


.sec2 .visual_wrap li.visual_4 { display:flex; flex-wrap:wrap; gap:16px; width:100%; }
.sec2 .visual_wrap li.visual_4 div { padding:18px 20px 17px 17px; width:inherit; color:#fff; font-family: sandoll-gothicneo3, sans-serif; font-weight: 400; font-style: normal; box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.1); background:#fff; border-radius:15px; }
.sec2 .visual_wrap li.visual_4 div:nth-child(1) { background:linear-gradient(285deg, #41a9f7 8%, #4ad097 89%); }
.sec2 .visual_wrap li.visual_4 div:nth-child(2) { background-image: linear-gradient(102deg, #41a9f7 8%, #805fef 89%); }

.sec2 .visual_wrap li.visual_4 div h6 { font-size:16px; line-height:16px; letter-spacing:-.32px; font-weight:400; }
.sec2 .visual_wrap li.visual_4 div p { margin-top:15px; font-size:14px; line-height:20px; letter-spacing:-.28px; text-align:right; }
.sec2 .visual_wrap li.visual_4 div p b { margin-right:3px; font-family:"Pretendard"; font-size:34px; line-height:41px; letter-spacing:-.68px; }
.sec2 .visual_wrap li.visual_4 div p b span { font-weight:400; }

.sec2 .content_wrap > p { margin:0 auto; margin-top:57px; width:824px; }  


/* sec 3 */
.__banner { position:relative; padding:32px 24px 40px; background:#49d097; }
.__banner .txt_wrap { overflow:hidden; margin:0 auto; margin-top:33px; width:100%; }
.__banner .txt_wrap .h1_wrap { overflow:hidden; }
.__banner .txt_wrap h1 { position:relative; width:fit-content; height:30px; color:#fff; font-size:23px; line-height:30px; letter-spacing:-.46px; }
.__banner .txt_wrap h1.active:after { content:''; position:absolute; top:0; right:-5px; width:2px; height:30px; background:#fff; animation: cursor 0.6s infinite; }
.__banner .txt_wrap p { margin-top:20px; }

.__banner img { width:144px; height:163px; }


/* sec 4 */
.sec4 { padding-top:90px; }
.sec4 .top_wrap h1 { font-size:30px; line-height:44px; letter-spacing:-.6px; text-align:center; }
.sec4 .top_wrap p { margin:0 auto; margin-top:22px; width:calc(100% - 54px); }
.sec4 .top_wrap p:nth-child(2) { margin-top:30px; }

.sec4 .__visual h3 { font-size:30px; line-height:44px; letter-spacing:-.6px; text-align:center; }
.sec4 .__visual h5 { margin-top:20px; color:#999; font-size:16px; line-height:24px; letter-spacing:-.32px; text-align:center; }

.sec4 .visual_1 { padding-top:100px; }
.sec4 .visual_1 .__graphic { margin:0 auto; margin-top:50px; }
.sec4 .visual_1 .__graphic li { padding:61px 25px; width:181px; height:118px; }
.sec4 .visual_1 .__graphic li.swiper_1 { background:url(../img/sec4_1.svg) no-repeat center center; background-size:100% auto; }
.sec4 .visual_1 .__graphic li.swiper_2 { background:url(../img/sec4_2.svg) no-repeat center center; background-size:100% auto; }
.sec4 .visual_1 .__graphic li.swiper_3 { background:url(../img/sec4_3.svg) no-repeat center center; background-size:100% auto; }
.sec4 .visual_1 .__graphic li.swiper_4 { background:url(../img/sec4_4.svg) no-repeat center center; background-size:100% auto; }
.sec4 .visual_1 .__graphic li.swiper_5 { background:url(../img/sec4_5.svg) no-repeat center center; background-size:100% auto; }
.sec4 .visual_1 .__graphic li.swiper_6 { background:url(../img/sec4_6.svg) no-repeat center center; background-size:100% auto; }

.sec4 .visual_1 .__graphic li h4 { color:#fff; font-size:22px; line-height:22px; letter-spacing:-.44px; text-align:left; }
.sec4 .visual_1 .__graphic li p { margin-top:20px; font-size:14px; line-height:22px; letter-spacing:-.5px; }

.sec4 .visual_1 .__graphic span { display:block; margin-top:31px; color:#666; font-size:12px; line-height:15px; letter-spacing:-.24px; text-align:center; }


.sec4 .visual_2 { padding-top:120px; }
.sec4 .visual_2 h3 { font-size:34px; line-height:48px; letter-spacing:-.68px; }
.sec4 .visual_2 h4 { margin-top:20px; font-size:20px; line-height:28px; letter-spacing:-.4px; text-align:center; }
.sec4 .visual_2 h5 { margin-top:12px; font-size:16px; line-height:16px; letter-spacing:-.32px; text-align:center; }

.sec4 .visual_2 .visual_inner { display:flex; flex-wrap:wrap; margin:0 auto; margin-top:12.53vw; width:90.4vw; }

.sec4 .visual_2 .visual_inner .__top ul { display:flex; flex-wrap:wrap; gap:3.2vw; }
.sec4 .visual_2 .visual_inner .__top ul li { position:relative; padding:4.5vw; width:34.33vw; height:44vw; border-radius:2.66vw; box-shadow: 0 0.8vw 5.33vw 0 rgba(0, 0, 0, 0.16); color:#fff; }
.sec4 .visual_2 .visual_inner .__top ul li b { font-size:7.46vw; letter-spacing:-.15vw; }
.sec4 .visual_2 .visual_inner .__top ul li b span { color:#fff; font-size:10.93vw; line-height:13.33vw; letter-spacing:-.21vw; font-weight:500; }
.sec4 .visual_2 .visual_inner .__top ul li b + h6 { margin-top:5px; font-size:13px; line-height:15px; letter-spacing:-.26px; font-weight:300; }
.sec4 .visual_2 .visual_inner .__top ul li i { position:absolute; bottom:3.2vw; right:4.8vw; font-size:13.33vw; line-height:17.6vw; font-style:normal; }

.sec4 .visual_2 .visual_inner .__top ul li:nth-child(4) { padding:11.73vw 2.66vw 6vw 3.73vw; width:37vw; height:auto; }
.sec4 .visual_2 .visual_inner .__top ul li:nth-child(4) h6 { position:relative; font-size:4.53vw; line-height:4.53vw; letter-spacing:-.18vw; font-weight:300; }
.sec4 .visual_2 .visual_inner .__top ul li:nth-child(4) h6:before { content:''; position:absolute; top:-6.93vw; left:0; width:3.73vw; height:13.86vw; background:url(../../img/ic_quote_1.svg) no-repeat center center; background-size:100% auto; }
.sec4 .visual_2 .visual_inner .__top ul li:nth-child(4) h6 + p { margin-top:5.33vw; font-size:13px; line-height:18px; letter-spacing:-.52px; }
.sec4 .visual_2 .visual_inner .__top ul li:nth-child(4) p b { font-size:inherit; }
.sec4 .visual_2 .visual_inner .__top ul li:nth-child(4) span { display:block; position:absolute; bottom:2.93vw; right:4.8vw; font-size:12px; line-height:16px; letter-spacing:-.48px; text-align:right; opacity:.7; }

.sec4 .visual_2 .visual_inner .__top ul li:nth-child(1) { margin-top:45px; background:#4ad097; }
.sec4 .visual_2 .visual_inner .__top ul li:nth-child(2) { background:#45ccd5; }
.sec4 .visual_2 .visual_inner .__top ul li:nth-child(3) { background:#39acf8; }
.sec4 .visual_2 .visual_inner .__top ul li:nth-child(4) { margin-top:-45px; background:#368df2; }

.sec4 .visual_2 .visual_inner .__top ul + span { display:block; padding-top:8vw; color:#999; font-size:12px; line-height:18px; letter-spacing:-.48px; text-align:right; }


.sec4 .visual_2 .visual_inner .__bottom { position:relative; margin:0 auto; padding-top:80px; }
.sec4 .visual_2 .visual_inner .__bottom p { position:relative; padding-left:11px; width:82.66vw; }
.sec4 .visual_2 .visual_inner .__bottom p i { content:''; position:absolute; top:-25px; left:-8px; width:38px; height:38px; background:#45ccd5; border-radius:100%; z-index:-1; }
.sec4 .visual_2 .visual_inner .__bottom img { display:block; margin:0 auto; margin-top:80px; width:318px; height:266px; }



.sec4 .visual_3 { padding-top:110px; }
.sec4 .visual_3 p { margin-top:23px; color:#666; text-align:center; }
.sec4 .visual_3 .visual_slide { position:relative; }
.sec4 .visual_3 .visual_slide .__bg { position:absolute; top:50px; left:50%; transform:translateX(-50%); width:104.5vw; height:104.5vw; background:linear-gradient(308deg, #7654f5 8%, #41a9f7 89%); border-radius:100%; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper { padding-top:34.13vw; width:100vw; height:123.73vw; max-width:100vw; max-height:123.73vw; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide { position:relative; margin:0 2.66vw; width:61.33vw; height:53.33vw; background:#f3f3f7; border-radius:8vw; transition:all 1s ease; overflow:hidden; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide .__visual { opacity:.5; transition:all 1s ease; }


.sec4 .visual_3 .visual_slide ul.swiper-wrapper li .__visual { position:absolute; top:0; left:0; width:100%; height:57.86vw; background:url(../../img/sec4_1.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_2 .__visual { background:url(../../img/sec4_2.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_3 .__visual { background:url(../../img/sec4_3.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_4 .__visual { background:url(../../img/sec4_4.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_5 .__visual { background:url(../../img/sec4_5.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_6 .__visual { background:url(../../img/sec4_6.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_7 .__visual { background:url(../../img/sec4_7.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_8 .__visual { background:url(../../img/sec4_8.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_9 .__visual { background:url(../../img/sec4_9.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_10 .__visual { background:url(../../img/sec4_10.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_11 .__visual { background:url(../../img/sec4_11.svg) no-repeat top center; background-size:100% auto; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.slide_12 .__visual { background:url(../../img/sec4_12.svg) no-repeat top center; background-size:100% auto; }

/*.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide .txt_wrap { position:absolute; top:258px; left:26px; }*/
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide h4 { position:absolute; top:41vw; left:4vw; font-size:3.46vw; line-height:3.46vw; letter-spacing:-.07vw; transition:all 1s ease; z-index:3; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide .contents { opacity:0; position:absolute; top:68.8vw; left:5.33vw; width:50.6vw; transition:opacity .5s ease; }



.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide-active { margin-top:-34.13vw; width:61.33vw; height:123.73vw; background:#fff; border:4px solid #000; border-radius:8vw; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide-active .__visual { opacity:1; }

.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide-active .txt_wrap { top:86.13vw; left:8.8vw; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper .slide_6.swiper-slide-active .txt_wrap h4 { top:42.66vw; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper .slide_6.swiper-slide-active .txt_wrap .contents { top:52.8vw; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide-active h4 { top:59.2vw; left:5.33vw; font-size:5.6vw; line-height:5.6vw; letter-spacing:-.11vw; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide-active .contents { opacity:1; }

.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide-active .contents li { margin-bottom:2.13vw; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide-active .contents li h6 { padding:.8vw 2vw; width:fit-content; color:#fff; font-size:3.2vw; line-height:4vw; font-weight:400; letter-spacing:-.06vw; background:#000; border-radius:2.66vw; }
.sec4 .visual_3 .visual_slide ul.swiper-wrapper li.swiper-slide-active .contents li p { margin-top:1vw; width:100%; color:#000; font-size:3.46vw; line-height:4.8vw; letter-spacing:-.3vw; text-align:left; }



.sec4 .visual_3 .visual_slide span { display:block; padding-top:43px; margin-right:200px; color:#999; font-size:11px; line-height:14px; letter-spacing:-.44px; text-align:right; }


/* sec 5 */
.sec5 { background:#39acf8; }

.sec5 img { width:158px; height:163px; }


/* sec 6 */
.sec6 { padding-top:90px; padding-bottom:84px; }
.sec6 .txt_wrap h1 { font-size:30px; line-height:44px; letter-spacing:-.6px; text-align:center; }
.sec6 .txt_wrap p { margin:0 auto; margin-top:22px; width:calc(100% - 40px); }
.sec6 .txt_wrap p:nth-child(2) { margin-top:30px; }

.sec6 .visual_wrap { margin:0 auto; margin-top:100px; width:100%; }


.sec6 .visual_wrap ul.__table { border:1px solid #ddd; overflow:hidden; }
.sec6 .visual_wrap ul.__table > li { position:relative; width:100%; height:auto; background:#f3f3f7; border-bottom:1px solid #ddd; cursor:pointer; }
.sec6 .visual_wrap ul.__table > li:last-child { border-bottom:0; }

.sec6 .visual_wrap ul.__table > li a { display:block; width:100%; height:54px; color:#000; font-size:20px; line-height:54px; letter-spacing:-.4px; font-weight:600; text-decoration:none; }
.sec6 .visual_wrap ul.__table > li a span:nth-child(1) { margin-left:25px; }
.sec6 .visual_wrap ul.__table > li a .__btn { display:block; position:absolute; top:17px; right:25px; width:20px; height:20px; }
.sec6 .visual_wrap ul.__table > li a .__btn i { position:relative; display:block; width:20px; height:20px; }
.sec6 .visual_wrap ul.__table > li a .__btn i:before,
.sec6 .visual_wrap ul.__table > li a .__btn i:after { content:''; position:absolute; display:block; top:50%; left:0; width:100%; height:2px; background:#707070; transition:.35s; }
.sec6 .visual_wrap ul.__table > li a .__btn i:before { transform:translateY(-50%); }
.sec6 .visual_wrap ul.__table > li a .__btn i:after { transform:translateY(-50%) rotate(90deg); }
.sec6 .visual_wrap ul.__table > li a .__btn i.active:before { transform:translateY(-50%) rotate(-90deg); opacity:0; }
.sec6 .visual_wrap ul.__table > li a .__btn i.active:after { transform:translateY(-50%) rotate(0); }

.sec6 .visual_wrap ul.__table > li .__box { display:none; padding:70px 25px 100px; height:auto; background:#fff; border-top:1px solid #ddd; }
.sec6 .visual_wrap ul.__table > li .__box p { color:#000; line-height:22px; }



.sec6 .visual_wrap ul.__table > li .visual_1 { display:flex; margin:0 auto; margin-bottom:80px; max-width:300px; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul { display:flex; flex-wrap:wrap; gap:42px; justify-content:center; width:325px; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul.__left { margin:50px 0; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul li { position:relative; margin:0 45px; width:60px; height:60px; border-radius:100%; background:linear-gradient(134deg, #41a9f7 21%, #6c65f5 83%); }

.sec6 .visual_wrap ul.__table > li .visual_1 ul li .__ico { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.sec6 .visual_wrap ul.__table > li .visual_1 ul li .ico_1 { width:44px; height:31px; background:url(../../img/sec6_1_1.svg) no-repeat center center; background-size:100% auto; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul li .ico_2 { width:43px; height:42px; background:url(../../img/sec6_1_2.svg) no-repeat center center; background-size:100% auto; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul li .ico_3 { width:45px; height:45px; background:url(../../img/sec6_1_3.svg) no-repeat center center; background-size:100% auto; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul li .ico_4 { width:40px; height:44px; background:url(../../img/sec6_1_4.svg) no-repeat center center; background-size:100% auto; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul li .ico_5 { width:39px; height:43px; background:url(../../img/sec6_1_5.svg) no-repeat center center; background-size:100% auto; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul li .ico_6 { width:30px; height:43px; background:url(../../img/sec6_1_6.svg) no-repeat center center; background-size:100% auto; }
.sec6 .visual_wrap ul.__table > li .visual_1 ul li .ico_7 { width:44px; height:41px; background:url(../../img/sec6_1_7.svg) no-repeat center center; background-size:100% auto; }

.sec6 .visual_wrap ul.__table > li .visual_1 ul li h6 { position:absolute; top:70px; left:50%; transform:translateX(-50%); width:150px; font-size:16px; line-height:19px; letter-spacing:-.32px; text-align:center; }


.sec6 .visual_wrap ul.__table > li .visual_2 { margin:0 auto; margin-bottom:45px; width:324px; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul { display:flex; flex-wrap:wrap; gap:10px; width:100%; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li { display:flex; flex-wrap:wrap; width:205px; height:220px; border-radius:15px; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16); color:#fff; overflow:hidden; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li .__percent { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li .__percent h6 { font-size:32px; line-height:67px; letter-spacing:-.64px; font-weight:600; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li .__percent h6 span { font-size:56px; line-height:67px; letter-spacing:-1.12px; text-align:center; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li .__percent p { margin-top:30px; width:100%; color:#fff; font-size:16px; line-height:20px; letter-spacing:-.32px; text-align:center; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li .__ex { width:100%; height:38px; font-size:10px; line-height:38px; letter-spacing:-.28px; text-align:center; background:#000; }

.sec6 .visual_wrap ul.__table > li .visual_2 ul li:nth-child(1) { background:#4ad097; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li:nth-child(2) { margin-left:auto; background:#45ccd5; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li:nth-child(3) { background:#39acf8; }

.sec6 .visual_wrap ul.__table > li .visual_2 ul li:nth-child(1) i { display:inline-block; width:15px; height:42px; background:url(../../img/ic_up.svg) no-repeat center center; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li:nth-child(2) i { display:inline-block; width:15px; height:42px; background:url(../../img/ic_down.svg) no-repeat center center; }
.sec6 .visual_wrap ul.__table > li .visual_2 ul li:nth-child(3) i { display:inline-block; width:15px; height:42px; background:url(../../img/ic_down.svg) no-repeat center center; }

.sec6 .visual_wrap ul.__table > li .visual_2 > span { display:block; margin:0 auto; margin-top:22px; color:#999; font-size:14px; line-height:17px; letter-spacing:-.28px; text-align:center; }


.sec6 .visual_wrap ul.__table > li .visual_3 { margin-bottom:40px; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap { display:flex; flex-wrap:wrap; gap:20px; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li { margin:0 auto; width:610px; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li h6 { position:relative; margin-left:10px; font-size:17px; letter-spacing:-.36px; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li h6:before { content:''; position:absolute; top:8px; left:-10px; width:3px; height:3px; background:#000; border-radius:100%; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li .bar_wrap { display:flex; gap:1.33vw; margin-top:8px; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li .bar_wrap .__bar { width:72.26vw; height:23px; border-radius:5px; background:linear-gradient(to right, #ff6595, #6b70d9); }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li:nth-child(2) .bar_wrap .__bar { width:65.86vw; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li:nth-child(3) .bar_wrap .__bar { width:46.13vw; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li:nth-child(4) .bar_wrap .__bar { width:45vw; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li:nth-child(5) .bar_wrap .__bar { width:32.8vw; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li .bar_wrap .__percent { margin-top:-4px; color:#5b4ade; font-size:20px; line-height:24px; font-weight:600; letter-spacing:-.4px; }
.sec6 .visual_wrap ul.__table > li .visual_3 .graph_wrap li .bar_wrap .__percent span { font-size:20px; line-height:31px; letter-spacing:-.4px; }

.sec6 .visual_wrap ul.__table > li .visual_3 > span { display:block; margin-top:34px; color:#999; font-size:14px; line-height:17px; letter-spacing:-.28px; text-align:center; }


.sec6 .visual_wrap ul.__table > li .visual_4 img { display:block; margin:0 auto; margin-bottom:42px; width:313px; height:124px; }

/*.sec6 .visual_wrap ul.__table > li .visual_4 { overflow:hidden; display:flex; flex-wrap:wrap; margin-bottom:40px;  width:86.4vw; background:#56c7f0; border-radius:15px; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16); }
.sec6 .visual_wrap ul.__table > li .visual_4 img { margin:0 auto; margin-top:13px; width:53.86vw; height:60vw; mix-blend-mode:multiply; }
.sec6 .visual_wrap ul.__table > li .visual_4 .txt_wrap { margin:0 auto; margin-top:15px; margin-bottom:40px; }
.sec6 .visual_wrap ul.__table > li .visual_4 .txt_wrap h6 { position:relative; color:#fff; font-size:19px; line-height:26px; letter-spacing:-.7px; }
.sec6 .visual_wrap ul.__table > li .visual_4 .txt_wrap h6:before { content:'“'; position:absolute; top:-11px; left:-16px; color:#fff; font-size:32px; line-height:46px; opacity:.3; }
.sec6 .visual_wrap ul.__table > li .visual_4 .txt_wrap h6:after { content:'”'; position:absolute; bottom:-17px; right:15px; color:#fff; font-size:32px; line-height:46px; opacity:.3; }

.sec6 .visual_wrap ul.__table > li .visual_4 .txt_wrap span { display:block; margin-top:7px; color:#fff; font-size:14px; line-height:17px; letter-spacing:-.28px; }*/


.sec6 .video { margin-top:60px; }
.sec6 .video h1 { font-size:28px; line-height:44px; letter-spacing:-.6px; text-align:center; }
.sec6 .video h5 { font-size:17px; line-height:17px; letter-spacing:-.34px; text-align:center; }

.sec6 .video .swiper-container { margin-top:40px; }

/* video */
.video .video_wrap { position:relative; margin:0 auto; margin-top:20px; width:89vw; height:50.4vw; z-index:2; border-radius:4vw; overflow:hidden; }

.video .video_poster { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:89vw; height:50.4vw;transition:all .3s ease; z-index:10; }
.video .video_poster .video_thumb { width:89vw; height:50.4vw; background:#000 url(../../img/video_thumb.jpg) no-repeat center center; background-size:100% 100%; }
.video .video_poster .btn_play { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:70px; height:70px; background:url(../../img/btn_play.svg) no-repeat center center; background-size:100% auto; }

.video_box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:89vw; height:50.4vw; transition:all .5s ease; }
.video_box.active { display:block; opacity:1; }
#video_bridge .bridge_panel { width:89vw; height:50.4vw; margin:0 auto; }
#video_bridge .bridgeVideo { width:100%; height:100%; min-width:89vw; min-height:50.4vw; }
.video_controls { display:none; }

.video_poster.remove { opacity:0; display:none }

.video .swiper-pagination { bottom:-50px; }
.video .swiper-pagination .swiper-pagination-bullet { opacity:.4; margin:0 5px; width:12px; height:12px; background:#625cff; border-radius:100%; transition:background .5s ease; }
.video .swiper-pagination .swiper-pagination-bullet-active { opacity:1; }

.swiper-button-next { top:auto; bottom:-65px; right:calc(50% - 165px); transform:translateX(-50%); width:30px; height:50px; z-index:20; }
.swiper-button-prev { top:auto; bottom:-65px; left:calc(50% - 135px); transform:translateX(-50%); width:30px; height:50px; z-index:20; }
.swiper-button-next:after, .swiper-button-prev:after { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-indent:-9999em; }
.swiper-button-prev:after { width:9px; height:15px; background:url(../../img/btn_swiper_prev.svg) no-repeat center center; }
.swiper-button-next:after { width:9px; height:15px; background:url(../../img/btn_swiper_next.svg) no-repeat center center; }

.video_list { margin:0 auto; margin-top:110px; width:290px; }
.video_list ul { display:flex; flex-direction:column; flex-wrap:wrap; }
.video_list ul li { width:290px; }
.video_list ul li a { font-family:sandoll-gothicneo3, sans-serif; font-weight:400; font-style:normal; color:#403ade; font-size:16px; line-height:32px; letter-spacing:-.32px; text-decoration:underline; }
.video_list ul li a p { font-size:inherit; }



/* outro */
.outro { position:relative; padding:55px 0 55px 38px; background:#625cff; }
.outro .inner_wrap { margin:0 auto; width:100%; height:auto; }
.outro .inner_wrap a { position:relative; display:block; width:100%; text-decoration:none; }

.outro .inner_wrap .txt_wrap { color:#fff; }
.outro .inner_wrap .txt_wrap h5 { margin-top:34px; font-size:16px; line-height:19px; letter-spacing:-.32px; font-weight:300; }
.outro .inner_wrap .txt_wrap h1 { position:relative; width:fit-content; height:36px; font-size:28px; line-height:36px; letter-spacing:-.56px; font-weight:300; }
.outro .inner_wrap .txt_wrap h1:nth-child(2) { margin-top:17px; }
.outro .inner_wrap .txt_wrap h1 span.active:after { content:''; position:absolute; top:0; right:-7px; width:2px; height:36px; background:#fff; animation: cursor 0.6s infinite; }

.outro .inner_wrap .txt_wrap h1 #outro_2 { display:block; margin-top:8px; }

.outro .inner_wrap .txt_wrap h1 #outro_1 .__lower { margin-left:0px; margin-right:0px; }


.outro .inner_wrap .btn_arrow { position:absolute; bottom:0; left:140px; width:46px; height:31px; }
.outro .inner_wrap .btn_arrow .__arrow { position:absolute; top:10px; left:0; width:34px; height:10px; background:url(../../img/ic_arrow.svg) no-repeat center center; background:100% auto; z-index:2; transition:all .3s ease; }
.outro .inner_wrap .btn_arrow .__circle { position:absolute; top:0; right:0; width:31px; height:31px; background:#5abdff; border-radius:100%; z-index:1; }
.outro .inner_wrap a:hover .btn_arrow .__arrow { left:40px; }

.outro img { width:207px; height:158px; }


/* footer */
.footer { margin-top:-1px; font-family:'pretendard'; background:#000; }

.copyright { display:block; position:relative; margin:0 auto; padding:50px 0; width:calc(100vw - 48px); height:auto; color:#e0e0e0; z-index:1; }
.copyright p { margin:0; margin-bottom:5px; font-size:13px; line-height:15px; letter-spacing:-.39px; font-weight:400; text-align:left; }
.copyright p b { margin-right:5px; font-weight:600; }
.copyright p span.__line { display:inline-block; padding:0 2px 0 4px; color:#999; line-height:20px; }
.copyright p.__date { margin-bottom:20px; }

.copyright p.__contact b { margin-right:2px; }
.copyright p .footer_mail { color:#e0e0e0; -webkit-transition:color .3s ease; transition:color .3s ease; text-decoration:none; }
.copyright p .footer_mail i { margin-top:1px; margin-right:2px; width:18px; height:13px; background:url(../img/ic_mail.svg) no-repeat center center; position:relative; display:inline-block; vertical-align:text-top; }

.copyright .__copyright { margin-bottom:0; color:#616161; font-size:10px; }




@media (max-width: 320px){
    p { font-size:15px; }

    .intro .visual_wrap .bubble_wrap { height:34vw; }

    .sec2 h1 { font-size:9.6vw; line-height:12.8vw; letter-spacing:-.2vw; }

    .sec2 .visual_wrap li.__visual h6 { font-size:15px; line-height:24px; }
    .sec2 .visual_wrap li.visual_3 ul.chart { transform:scale(0.9); margin-left:-11px; }
    .sec2 .visual_wrap li.visual_4 div h6 { font-size:15px; }
    .sec2 .visual_wrap li.visual_4 div p b { font-size:32px; }

    .sec4 .top_wrap h1 { font-size:8vw; line-height:11.7vw; letter-spacing:-.16vw; }
    .sec4 .visual_2 h3 { font-size:9vw; line-height:12.8vw; letter-spacing:-.18vw; }

    .sec6 .txt_wrap h1 { font-size:8vw; line-height:11.7vw; letter-spacing:-.16vw; }
    .sec6 .visual_wrap ul.__table > li a { font-size:18px; }
    .sec6 .visual_wrap ul.__table > li .visual_1 { margin-left:-18px; }
    .sec6 .visual_wrap ul.__table > li .visual_4 .txt_wrap h6 { font-size:16px; }

    .sec6 .visual_wrap ul.__table > li .visual_2 { margin:0 auto; margin-bottom:45px; width:86.4vw; }
    .sec6 .visual_wrap ul.__table > li .visual_2 ul { display:flex; flex-wrap:wrap; gap:2.6vw; width:100%; }
    .sec6 .visual_wrap ul.__table > li .visual_2 ul li { display:flex; flex-wrap:wrap; width:54.6vw; height:58.6vw; border-radius:4vw; box-shadow: 0 .8vw 5.33vw 0 rgba(0, 0, 0, 0.16); color:#fff; overflow:hidden; }
    .sec6 .visual_wrap ul.__table > li .visual_2 ul li .__percent { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
    .sec6 .visual_wrap ul.__table > li .visual_2 ul li .__percent h6 { font-size:8.5vw; line-height:17.8vw; letter-spacing:-.17vw; font-weight:600; }
    .sec6 .visual_wrap ul.__table > li .visual_2 ul li .__percent h6 span { font-size:14.9vw; line-height:17.8vw; letter-spacing:-.3vw; text-align:center; }
    .sec6 .visual_wrap ul.__table > li .visual_2 ul li .__percent p { margin-top:6vw; width:100%; color:#fff; font-size:16px; line-height:20px; letter-spacing:-.32px; text-align:center; }
}






@media (min-width: 750px){
    .__banner .__inner { margin:0 auto; width:30vh; }

    .sec2 .visual_wrap li.visual_1,
    .sec2 .visual_wrap li.visual_2 { width:calc(50% - 10px); }
    .sec2 .visual_wrap li.visual_4 div { width:calc(50% - 45px); }

    /*.sec4 .visual_2 .visual_inner .__top { margin:0 auto; width:338px; }*/

    .sec6 .visual_wrap ul.__table > li .visual_2 { width:700px; }
    .sec6 .visual_wrap ul.__table > li .visual_2 ul { flex-wrap:nowrap; justify-content:center; }
    .sec6 .visual_wrap ul.__table > li .visual_2 ul li:nth-child(2) { margin-left:0; }
    
    .outro .__inner { margin:0 auto; width:30vh; }
}