@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; word-break:keep-all; }

.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:16px; box-sizing:border-box; color:#222; overflow-x:hidden; }

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

h2 { color:#fff; font-size:72px; line-height:87px; font-weight:300; letter-spacing:-1.44px; text-align:center; }
h3 { color:#fff; font-size:60px; line-height:77px; font-weight:300; letter-spacing:-1.2px; text-align:center; }
h2 b,
h3 b { color:#3bb95e; font-weight:600; }

p { font-size:20px; line-height:32px; letter-spacing:-.4px; font-weight:300; }


/* intro */
.intro .title_wrap { position:absolute; top:50%; left:50%; width:645px; height:645px; transform:translate(-50%, -50%); }


/* intro - video */
.intro.video_wrap { width:100%; height:100vh; background:transparent; background-size:100% auto; }
.intro_video { position:relative; width:100%; height:100%; }
.intro_video video { position:absolute; top:0; width:100%; height:100%; background-size:cover; background-position:center; object-fit:cover;}
.intro_video .__cover{position:absolute; top:0; left:0; bottom:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.3);}

.btn_play { display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:102px; height:102px; background:url(/common/img/movie/btn_play.svg); text-indent:-9999em; border:0; transition:all .35s ease; z-index:4; cursor:pointer; }
.btn_play:hover { background:url(/common/img/movie/btn_play_hover.svg); }

.video_box { display:none; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:1; }
.intro #video_bridge .bridgeVideo { width:100vw; height:100%; max-height:calc(100vh - 78px); }
/*.video_controls { display:none; }*/
#yt_video { width:100%; height:100vh; }

.video_poster.remove { opacity:0; }
.video_box.active { opacity:1; }


/* intro - animation */
.intro .__inner { display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; width:645px; margin:0 auto; margin-top:50px; height:645px; text-align:center; position:relative; }

@keyframes float {
    0% { width:60vmin; margin:calc((100vh - 60vmin) / 2) auto; height:60vmin; }
    50% { width:40vmin; margin:calc((100vh - 40vmin) / 2) auto; height:40vmin; }
    100% { width:60vmin; margin:calc((100vh - 60vmin) / 2) auto; height:60vmin; } 
}

.intro .__inner.ready::before,
.intro .__inner.ready::after{ content:""; position:absolute; background:-webkit-linear-gradient(transparent, transparent), /*url(https://images.pexels.com/photos/39561/solar-flare-sun-eruption-energy-39561.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260) */repeat; background:-o-linear-gradient(transparent, transparent); left:-25%; top:-25%; width:150%; height:150%; filter:blur(4rem); z-index:-3; border-radius:50%; /*animation:moveBackground 3000s linear infinite;*/ }

.intro .__inner::before { filter:blur(1rem); background:transparent; box-shadow:0 0 50px 0 rgba(73, 204, 93, 0.4); left:-0.5rem; top:-0.5rem; z-index:-1; width:calc(100% + 1rem); height:calc(100% + 1rem); }

.intro .__inner .__title { display:block; width:100vw; color:#fff; text-align:center; z-index:2; }
.intro .__inner .__title .__bg { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(4); width:645px; height:645px; background:#000; border-radius:50%; }

.intro .__inner .__title .__txt { position:relative; z-index:2; }
.intro .__inner .__title .__txt h1 { margin-top:14px; font-size:100px; line-height:100px; }
.intro .__inner .__title .__txt h1 span { opacity:0; }
.intro .__inner .__title .__txt h1 + p { opacity:0; margin-top:10px; font-size:26px; line-height:31px; letter-spacing:10.4px; }
.intro .__inner .__title .__txt .btn_scroll { opacity:0; position:absolute; bottom:-160px; left:50%; transform:translateX(-50%); width:60px; height:60px; background:url(../img/btn_arrow.svg) no-repeat center center; background-size:100% auto; transition:all .3s ease; cursor:pointer; }
.intro .__inner .__title .__txt .btn_scroll:hover { background:url(../img/btn_arrow_h.svg) no-repeat center center; background-size:100% auto; }

@keyframes moveBackground {
    0% { background-position-y: 0; }
    50% { background-position-y: 10000%; }
    100% { background-position-y: 0; } 
}



/* sec2 */
.sec2 { padding:120px 0; background:#222; }
.sec2 .content_wrap { display:flex; gap:60px; margin:0 auto; margin-top:104px; width:1376px; }
.sec2 .content_wrap > div { width:658px; }

.sec2 .content_wrap .__left { display:flex; flex-wrap:wrap; justify-content:center; }
.sec2 .content_wrap .__left .graph_wrap { position:relative; width:100%; height:381px; background:#fff; border-radius:20px; }
.sec2 .content_wrap .__left .graph_wrap .__idc { position:absolute; top:17px; left:20px; width:69px; height:21px; background:url(../img/logo_idc.svg) no-repeat center center; }
.sec2 .content_wrap .__left .graph_wrap .__txt { margin-top:30px; text-align:center; }
.sec2 .content_wrap .__left .graph_wrap .__txt h6 { font-size:22px; line-height:26px; letter-spacing:-.44px; }
.sec2 .content_wrap .__left .graph_wrap .__txt h6 + p { margin-top:17px; font-size:18px; line-height:26px; letter-spacing:-.36px; font-weight:300; }

.sec2 .__graph { margin:0 auto; margin-top:6px; width:560px; }
.sec2 .__graph svg { display:none; }
.sec2 .__graph .__green { fill: #3bb95e; }
.sec2 .__graph .__blue { fill: #4b85ef; }

.sec2 .__graph .__visual { width:560px; height:150px; }
.sec2 .__graph .__visual ul { display:flex; gap:35px; margin:0 auto; width:540px; height:100%; }
.sec2 .__graph .__visual ul li { display:flex; gap:5px; width:75px; }
.sec2 .__graph .__visual ul li:first-child { margin-left:5px; }
.sec2 .__graph .__visual ul li:last-child { width:95px; }
.sec2 .__graph .__visual ul li > div { position:relative; width:35px; }
.sec2 .__graph .__visual ul li:last-child > div { width:45px; }

.sec2 .__graph .__visual .__percent { position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-family:"futura-pt", sans-serif; font-size:15px; line-height:20px; letter-spacing:-.6px; font-weight:500; text-align:center; }
.sec2 .__graph .__visual ul li:last-child .__percent { font-size:20px; line-height:26px; letter-spacing:-.8px; }
.sec2 .__graph .__visual .__green .__percent { color:#3bb95e; }
.sec2 .__graph .__visual .__blue .__percent { color:#4b85ef; }
.sec2 .__graph .__visual ul li:nth-child(3) .__green .__percent { bottom:16px; }
.sec2 .__graph .__visual ul li:nth-child(3) .__blue .__percent { bottom:24px; }
.sec2 .__graph .__visual ul li:nth-child(4) .__green .__percent { bottom:13px; }
.sec2 .__graph .__visual ul li:nth-child(4) .__blue .__percent { bottom:24px; }
.sec2 .__graph .__visual ul li:nth-child(5) .__green .__percent { bottom:125px; }
.sec2 .__graph .__visual ul li:nth-child(5) .__blue .__percent { bottom:105px; }


.sec2 .__graph .__visual ul li .__bar { position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.sec2 .__graph .__visual ul li .__green .__bar { background:#3bb95e; }
.sec2 .__graph .__visual ul li .__blue .__bar { background:#4b85ef; }
.sec2 .__graph .__visual ul li:nth-child(3) .__green .__bar { width:35px; height:11px; }
.sec2 .__graph .__visual ul li:nth-child(3) .__blue .__bar { width:35px; height:19px; }
.sec2 .__graph .__visual ul li:nth-child(4) .__green .__bar { width:35px; height:8px; }
.sec2 .__graph .__visual ul li:nth-child(4) .__blue .__bar { width:35px; height:19px; }
.sec2 .__graph .__visual ul li:nth-child(5) .__green .__bar { width:45px; height:119px; }
.sec2 .__graph .__visual ul li:nth-child(5) .__blue .__bar { width:45px; height:100px; }


.sec2 .__graph .__sort { position:absolute; width:560px; height:150px; }
.sec2 .__graph .__sort .__line { position:absolute; top:150px; left:0; width:100%; height:2px; background:#3bb95e; }
.sec2 .__graph .__sort ul { display:flex; gap:35px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:540px; }
.sec2 .__graph .__sort ul li { position:relative; width:75px; height:150px; }
.sec2 .__graph .__sort ul li:first-child { margin-left:5px; }
.sec2 .__graph .__sort ul li:last-child { width:95px; }
.sec2 .__graph .__sort ul li p { position:absolute; bottom:-27px; left:50%; transform:translateX(-50%); width:100%; height:fit-content; font-size:14px; line-height:17px; letter-spacing:-.56px; text-align:center; }
.sec2 .__graph .__sort ul li:nth-child(4) p { bottom:-44px; }

.sec2 .__graph .category { display:flex; gap:27px; justify-content:center; align-items:center; position:absolute; bottom:35px; left:50%; transform:translateX(-50%); width:fit-content; height:17px; }
.sec2 .__graph .category div i { display:inline-block; width:6px; height:6px; border-radius:100%; }
.sec2 .__graph .category div i + p { display:inline-block; font-size:14px; line-height:17px; letter-spacing:-.56px; font-weight:300; }
.sec2 .__graph .category .__ai i { background:#3bb95e; }
.sec2 .__graph .category .__genai i { background:#4b85ef; }

.sec2 .__graph .category + span { display:block; margin-top:74px; color:#666; font-size:13px; line-height:16px; letter-spacing:-.26px; text-align:center; }


.sec2 .content_wrap .__left .ic_wrap { display:flex; gap:40px; width:410px; height:110px; }
.sec2 .content_wrap .__left .ic_wrap img { width:110px; height:110px; }

.sec2 .content_wrap .__right { width:658px; }
.sec2 .content_wrap .__right p { color:#fff; }
.sec2 .content_wrap .__right p + p { margin-top:80px; }


/* sec3 */
.sec3 { display:flex; justify-content:center; align-items:center; padding:221px 0 213px; background:url(../img/sec3_bg.jpg) no-repeat center center; background-size:cover; }
.sec3 .__inner { width:869px; }
.sec3 .__inner .title_wrap { position:relative; }
.sec3 .__inner .title_wrap .quote_1 { position:absolute; top:-57px; left:-53px; width:77px; height:200px; background:url(../img/quote_1.svg) no-repeat center center; }
.sec3 .__inner .title_wrap .quote_2 { position:absolute; top:240px; right:0; width:77px; height:200px; background:url(../img/quote_2.svg) no-repeat center center; }

.sec3 .__inner h3 { text-align:left; }
.sec3 .__inner h3 b { color:#fff; }
.sec3 .__inner h3 span { color:#000; }

.sec3 .__inner p { margin-top:70px; color:#fff; }


/* sec4 */
.sec4 { padding:120px 0; background:#222 url(../img/sec4_bg.svg) no-repeat center center; background-size:auto 100%; }

.sec4 ul { display:flex; flex-wrap:wrap; gap:60px; margin:0 auto; margin-top:80px; width:1262px; }
.sec4 ul li { display:flex; justify-items:center; align-items:center; width:680px; height:309px; border-radius:20px; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); }
.sec4 ul li:nth-child(even) { margin-left:auto; }
.sec4 ul li:nth-child(1) { border:1px solid #3cba69; }
.sec4 ul li:nth-child(2) { border:1px solid #4bc2b4; }
.sec4 ul li:nth-child(3) { border:1px solid #55c2dc; }
.sec4 ul li:nth-child(4) { border:1px solid #8882cc; }

.sec4 ul li p { margin:0 auto; width:560px; color:#fff; }


/* sec5 */
.sec5 { padding:120px 0; background:linear-gradient(to bottom, #fff, #3bb95e 50%, #222);; }
.sec5 h3,
.sec5 h3 b { color:#000;}

.sec5 .__circle { position:absolute; top:155px; left:calc(50% - 806px); transform:translateX(-50%); width:1011px; height:1011px; border:solid 2px #3bb95e; box-shadow:0 3px 15px 0 rgba(51, 255, 169, 0.4); border-radius:100%; }

.sec5 ul { display:flex; flex-wrap:wrap; gap:72px; position:relative; margin:0 auto; margin-top:65px; width:1017px; }
.sec5 ul li { display:flex; align-items:center; gap:47px; position:relative; width:940px; height:160px; color:#fff; background:#222; border-radius:20px; }
.sec5 ul li:before { content:''; position:absolute; top:-25px; left:-49px; width:169px; height:50px; border-radius:15px; }
.sec5 ul li:nth-child(1):before { background:#280bd7 url(../img/logo_blbg.svg) no-repeat center center; }
.sec5 ul li:nth-child(2):before { width:121px; background:#fff url(../img/logo_lg.svg) no-repeat center center; }
.sec5 ul li:nth-child(3):before { background:#024ea2 url(../img/logo_sds.svg) no-repeat center center; }

.sec5 ul li h4 { margin-left:47px; font-size:42px; line-height:51px; letter-spacing:-.84px; font-weight:500; }
.sec5 ul li p { width:631px; }

.sec5 ul li:nth-child(2) { margin-left:auto; }
.sec5 ul li:nth-child(2) h4 { padding:0 29px; }
.sec5 ul li:nth-child(2) p { width:696px; }

.sec5 ul + p { margin:0 auto; margin-top:50px; width:940px; color:#fff; text-align:center; }


/* sec6 */
.sec6 { padding:120px 0; background:#222; }
.sec6 h2 + p { margin:0 auto; margin-top:20px; width:1017px; color:#fff; text-align:center; }

.sec6 ul { display:flex; gap:60px; margin:0 auto; margin-top:125px; width:1104px; }
.sec6 ul li { width:325px; color:#fff; }
.sec6 ul li:nth-child(3) { width:334px; }

.sec6 ul li .__no { display:flex; justify-content:center; align-items:center; width:39px; height:39px; background:#3bb95e; border-radius:100%; }
.sec6 ul li .__no span { font-size:24px; letter-spacing:-.48px; }
.sec6 ul li h5 { margin-top:30px; font-size:24px; line-height:29px; letter-spacing:-.48px; }
.sec6 ul li h5 + p { margin-top:30px; font-size:18px; letter-spacing:-.36px; }


/* sec7 */
.sec7 { padding:99px 0 160px; background:url(../img/sec7_bg.jpg) no-repeat center center; background-size:cover; }
.sec7 .__inner { display:flex; gap:75px; justify-content:center; align-items:center; }

.sec7 .__inner .__left { position:relative; padding:344px 0 106px 39px; width:685px; height:741px; background:#3bb95e; border-radius:20px; }
.sec7 .__inner .__left h6 { position:absolute; top:43px; left:39px; color:#fff; }
.sec7 .__inner .__left h3 { font-weight:600; text-align:left; }
.sec7 .__inner .__left h3 + p { margin-top:50px; width:475px; color:#fff; }

.sec7 .__inner .__right { width:760px; }
.sec7 .__inner .__right ul { display:flex; flex-wrap:wrap; gap:44px; }
.sec7 .__inner .__right ul li { padding:25px 22px 34px 30px; width:540px; height:208px; color:#fff; background:#3bb95e; border-radius:20px; }
.sec7 .__inner .__right ul li:nth-child(2) { margin-left:auto; color:#35b158; background:#fff; }
.sec7 .__inner .__right ul li h4 { font-size:42px; line-height:51px; letter-spacing:-.84px; }
.sec7 .__inner .__right ul li h4 + p { margin-top:20px; font-size:18px; line-height:28px; letter-spacing:-.36px; word-break: break-all; }


/* sec8 */
.sec8 { padding:320px 0 380px; background:url(../img/sec8_bg.jpg) no-repeat center center; background-size:cover; }
.sec8 h2 b { color:#fff; }
.sec8 h2 + p { margin:0 auto; margin-top:70px; width:1191px; color:#fff; text-align:center; }


/* sec9 */
.sec9 .__inner { display:flex; width:100%; height:100vh; }

.sec9 .__inner .__left { width:40%; height:100%; }
.sec9 .__inner .__left .swiper-container { height:100%; }
.sec9 .__inner .__left .slide_1 { background:url(../img/sec9_1.jpg) no-repeat center center; background-size:cover; }
.sec9 .__inner .__left .slide_2 { background:url(../img/sec9_2.jpg) no-repeat center center; background-size:cover; }

.sec9 .__inner .__right { display:flex; align-items:center; width:60%; }
.sec9 .__inner .__right .txt_wrap { margin-left:105px; width:631px; }
.sec9 .__inner .__right .txt_wrap h3 { text-align:left; }
.sec9 .__inner .__right .txt_wrap h3 b { color:#000; }
.sec9 .__inner .__right .txt_wrap p { margin-top:70px; }
.sec9 .__inner .__right .txt_wrap p + p { margin-top:30px; }


/* sec10 */
.sec10 { padding:123px 0 140px; background:linear-gradient(to bottom, #fff, #3bb95e 50%, #222); }
.sec10 h3,
.sec10 h3 b { color:#000; }
.sec10 h3 + p { margin:0 auto; margin-top:30px; width:940px; text-align:center; }

.sec10 .__circle .circle_1 { position:absolute; top:158px; left:calc(50% - 811px); transform:translateX(-50%); width:1011px; height:1011px; border:solid 2px #3bb95e; box-shadow:0 3px 15px 0 rgba(51, 255, 169, 0.4); border-radius:100%; }
.sec10 .__circle .circle_2 { position:absolute; bottom:-201px; left:calc(50% + 578px); transform:translateX(-50%); width:1011px; height:1011px; border:solid 2px #3bb95e; box-shadow:0 3px 15px 0 rgba(51, 255, 169, 0.4); border-radius:100%; }

.sec10 .__visual img { display:block; margin:0 auto; margin-top:90px; width:1298px; }

.sec10 .swiper-container { margin:0 auto; margin-top:100px; width:1270px; }
.sec10 .swiper-slide { padding:50px 40px 0; width:380px; height:460px; border-radius:20px; box-shadow:5px 5px 30px 0 rgba(0, 0, 0, 0.3); }
.sec10 .swiper-slide.__even { margin-top:60px; }

.sec10 .swiper-slide.slide_1 { background:url(../img/swiper_1.png) no-repeat center center; background-size:100% auto; }
.sec10 .swiper-slide.slide_2 { background:url(../img/swiper_2.png) no-repeat center center; background-size:100% auto; }
.sec10 .swiper-slide.slide_3 { background:url(../img/swiper_3.png) no-repeat center center; background-size:100% auto; }
.sec10 .swiper-slide.slide_4 { background:url(../img/swiper_4.png) no-repeat center center; background-size:100% auto; }
.sec10 .swiper-slide.slide_5 { background:url(../img/swiper_5.png) no-repeat center center; background-size:100% auto; }
.sec10 .swiper-slide.slide_6 { background:url(../img/swiper_6.png) no-repeat center center; background-size:100% auto; }
.sec10 .swiper-slide.slide_7 { background:url(../img/swiper_7.png) no-repeat center center; background-size:100% auto; }
.sec10 .swiper-slide.slide_8 { background:url(../img/swiper_8.png) no-repeat center center; background-size:100% auto; }
.sec10 .swiper-slide.slide_9 { background:url(../img/swiper_9.png) no-repeat center center; background-size:100% auto; }

.sec10 .swiper-slide h4 { color:#fff; font-size:36px; line-height:46px; font-weight:500; letter-spacing:-.72px; }
.sec10 .swiper-slide h4 span { font-size:22px; letter-spacing:-.44px; font-weight:200; }
.sec10 .swiper-slide p { margin-top:64px; color:#fff; font-size:18px; line-height:26px; letter-spacing:-.36px; }

.sec10 .swiper-container + p { margin:0 auto; margin-top:120px; width:940px; color:#fff; text-align:center; }


/* sec11 */
.sec11 { padding:124px 0 176px; background:#222; }
.sec11 h3 b { color:#fff; }

.sec11 ul { display:flex; flex-wrap:wrap; gap:30px; margin:0 auto; margin-top:234px; width:1078px; }
.sec11 ul li { display:flex; align-items:center; gap:95px; position:relative; width:1078px; height:264px; border-radius:132px; }

.sec11 ul li .__title { display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; margin-top:-1px; margin-left:-1px; width:264px; height:264px; border-radius:100%; }
.sec11 ul li .__title span { display:block; font-size:30px; line-height:32px; letter-spacing:-.6px; font-weight:600; text-align:center; }
.sec11 ul li:nth-child(1) .__title { background:#3bb95e; }
.sec11 ul li:nth-child(2) .__title { background:#3bb989; }
.sec11 ul li:nth-child(3) .__title { background:#3cb9ab; }
.sec11 ul li:nth-child(4) .__title { background:#41b1db; }

.sec11 ul li .__txt { width:1078px; height:264px; border-radius:132px; overflow:hidden; }
.sec11 ul li:nth-child(1) .__txt { border:solid 1px #3bb95e; box-shadow: 0 0 30px 0 rgba(59, 185, 94, 0.2); }
.sec11 ul li:nth-child(2) .__txt { border:solid 1px #3cb989; box-shadow: 0 0 30px 0 rgba(60, 185, 137, 0.2); }
.sec11 ul li:nth-child(3) .__txt { border:solid 1px #3db9ab; box-shadow: 0 0 30px 0 rgba(59, 185, 170, 0.2); }
.sec11 ul li:nth-child(4) .__txt { border:solid 1px #40b1db; box-shadow: 0 0 30px 0 rgba(59, 141, 185, 0.2); }
.sec11 ul li .__txt p { position:absolute; top:50%; left:359px; transform:translateY(-50%); width:639px; color:#fff; }


/* sec12 */
.sec12 { padding:145px 0 120px; background:#222; }
.sec12 h6 { display:block; margin:0 auto; width:320px; height:38px; color:#3bb95e; font-size:20px; line-height:38px; letter-spacing:-.4px; font-weight:300; border:1px solid #3bb95e; border-radius:19px; text-align:center; }

.sec12 h3 { margin-top:30px; font-weight:600; }
.sec12 img { display:block; margin:0 auto; margin-top:14px; width:1041px; height:537px; }
.sec12 p { margin:0 auto; margin-top:14px; width:868px; color:#fff; font-size:18px; line-height:28px; letter-spacing:-.36px; text-align:center; }

.sec12 .swiper-horizontal>.swiper-pagination-bullets, .sec12 .swiper-pagination-bullets.swiper-pagination-horizontal, .sec12 .swiper-pagination-custom, .swiper-pagination-fraction { bottom:-40px; }
.sec12 .swiper-pagination-bullet { opacity:1; width:12px; height:12px; border:1px solid #3bb95e; background:transparent; transition:background .3s ease; }
.sec12 .swiper-pagination-bullet-active { background:#3bb95e; }


.sec12 .video_area { margin-top:215px; }
.sec12 .video_area  h3 { color:#3bb95e; }

.sec12 .video_area .video_wrap { position:relative; margin:0 auto; margin-top:60px; width:1180px; height:664px; background:transparent; background-size:100% auto; }
.sec12 .video_area .video_wrap .video_poster { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:inherit; height:inherit; transition:all .3s ease; z-index:10; }
.sec12 .video_area .video_wrap .video_poster .video_thumb { width:inherit; height:inherit; background:url(../img/poster.jpg) no-repeat center center; background-size:100% 100%; }
.sec12 .video_area .video_wrap .video_poster .btn_play { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:110px; height:110px; background:url(../img/btn_play.svg) no-repeat center center; background-size:100% auto; transition:all .3s ease; cursor:pointer; transform-origin:top left; }
.sec12 .video_area .video_wrap .video_poster .btn_play:hover { /*width:110px; height:110px; background:url(../img/btn_play_hover.svg) no-repeat center center; background-size:100% auto;*/ transform:scale(1.1) translate(-50%, -50%); }

.sec12 .video_area .video_wrap video{ position:absolute; top:0; width:100%; height:100%; background-size:cover; background-position:center; object-fit:cover;}
.sec12 .video_area .video_wrap .__cover{position:absolute; top:0; left:0; bottom:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.3);}

/* outro */
.outro { height:100vh; }
.outro .__inner { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:fit-content; height:fit-content; z-index:3; }
.outro h2 b { color:#fff; }
.outro h2 + p { margin:0 auto; margin-top:47px; width:938px; color:#fff; text-align:center; }
.outro a { display:block; margin:0 auto; margin-top:120px; width:180px; height:42px; color:#3ed167; font-size:20px; line-height:42px; letter-spacing:-.4px; text-align:center; border:1px solid #3ed167; border-radius:8px; text-decoration:none; transition:all .3s ease; }
.outro a:hover { color:#fff; background:#3ed167; }


/* outro - video */
.outro.video_wrap { width:100%; height:100vh; background:transparent; background-size:100% auto; }
.outro_video { position:relative; width:100%; height:100%; }
.outro_video .__dimmed { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; z-index:2; }
.outro_video video{ position:absolute; top:0; width:100%; height:100%; background-size:cover; background-position:center; object-fit:cover;}
.outro_video .__cover{position:absolute; top:0; left:0; bottom:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.3);}

/*.btn_play { display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:102px; height:102px; background:url(/common/img/movie/btn_play.svg); text-indent:-9999em; border:0; transition:all .35s ease; z-index:4; cursor:pointer; }
.btn_play:hover { background:url(/common/img/movie/btn_play_hover.svg); }*/

.video_box { display:none; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:1; }
.outro #video_bridge .bridgeVideo { width:100vw; height:100%; max-height:calc(100vh - 78px); }
/*.video_controls { display:none; }*/
#yt_video { width:100%; height:100vh; }

.video_poster.remove { opacity:0; }
.video_box.active { opacity:1; }


/* footer */
.copyright { font-family:'pretendard'; position:relative; padding:36px 0; width:100%; height:120px; background:#000; z-index:1; }
.copyright p { color:#e0e0e0; font-size:14px; line-height:22px; font-weight:300;  }
.copyright_t { display:none; }
.copyright_m { display:none; }

.copyright .wrap { display:flex; margin:0 auto; width:1200px; }

.copyright .copy_left { width:70%; text-align:left; }
.copyright .copy_right { width:30%; text-align:right; }

.copyright .copy_right p.p_colnom { line-height:18px; }
.copyright .copy_right p .footer_mail { color:#e0e0e0; letter-spacing:.13px; -webkit-transition:color .3s ease; transition:color .3s ease; text-decoration:none; }
.copyright .copy_right p .footer_mail i { width:13px; height:10px; background:url(../img/ic_mail.svg) no-repeat center center; position:relative; display:inline-block; margin-right:4px; vertical-align:baseline; }

.copyright p { margin:0; }
.copyright p.p-text { font-weight:400; letter-spacing:-.42px; }
.copyright p b { margin-right:7px; font-weight:600; }
.copyright p span.__line { display:inline-block; padding:0 3px 0 5px; color:#999; }

.copyright p b:first-child { margin-left:0; }
.copyright p + p { margin-top:3px; color:#999; letter-spacing:1; }