@charset "utf-8";

.pcbr{display:none !important;}
.ptbr{display:block !important;}
.tbr{display:block !important;}
.tmbr{display:block !important;}
.mbr{display:none !important;}
.pc_view{display:none !important;}
.pt_view{display:block !important;}
.tm_view{display:block !important;}
.t_view{display:block !important;} 
.m_view{display:none !important;}


.page_scroll_wrap{background:#111;}
#container{background: #f6f6f6;}
section{position:relative;width: 100%;word-break: keep-all;box-sizing:border-box;font-family: 'Lexend','Noto Sans KR',sans-serif;}
section *{box-sizing:border-box;}
section .txt1{font-size: 1.8rem;color: #555;font-weight: 300;word-break: keep-all;line-height: 1.7;letter-spacing: -0.25px;font-family: 'Lexend','Noto Sans KR',sans-serif;}


section .sec_title_g{position: relative;font-family: 'Lexend','Noto Sans KR',sans-serif;width: 100%;color: #000;}
section .btn_style1{position: relative;display: inline-block;height: 64px;border-radius: 64px;padding: 0 45px;font-size: 1.1rem;color: #fff;line-height: 64px;overflow: hidden;border: 1px solid rgba(255,255,255,0.4);text-transform: uppercase;transition: 0.3s;}
section .btn_style1:after{animation-name: btnHover2;animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);animation-duration: 0.4s;animation-fill-mode: forwards;display:block;content:"";position: absolute;top: 0;left: 50%;width: 150%;height: 100px;background: #fff;transform: translate3d(-50%,-100%,0);border-radius: 50%;}
section .btn_style1:hover:after{animation-name: btnHover; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 0.4s;animation-fill-mode: forwards;}
section .btn_style1 span{position:relative;z-index:10;}
section .btn_style1:hover span{transition:0.3s;}



section .btn_style1 .arrow_next{display: inline-block;vertical-align: middle;width: 15px;height: 11px;margin-left: 7px;margin-top: -1px;}
section .btn_style1:hover{padding-left: 67px;}
section .btn_style1:hover .arrow_next{transform:translate3d(100%,0,0);opacity:0;transition:0.5s;}
section .btn_style1 .arrow_next svg{width: 100%;height: 100%;}
section .btn_style1 .arrow_next svg *{stroke: #fff;stroke-width: 2px;}
section .sec_title_g .title1{font-size: 3.8rem;line-height: 1.5;}
section .sec_title_g .title2{font-size:4.2rem;font-weight: 600;}
section .sec_title_g br{display:none;}
section .sec_title_g .cate{font-size: 1.7rem;font-weight: 400;letter-spacing: 0.2px;margin-bottom: 20px;}
section .sec_title_g .cate:not(.type2):before{display: inline-block; content:"";width: 50px;height: 1px;background: #000;vertical-align: top;margin: 11px 22px 0 0;}
section .sec_title_g .cate.type2 .line{display: inline-block; width: 50px;height: 1px;background: #000;vertical-align: top;margin: 11px 22px 0 0;}
section.bright .sec_title_g > *{color: #fff;}
section.bright .sec_title_g .cate:before,
section.bright .sec_title_g .cate .line{background: #fff;}



.main_home{height: 100vh;z-index: 1;background: #111;overflow: hidden;}
.main_home .main_slider{position:relative;width: 100%;height: 100%;overflow:hidden;}
.main_home .main_slider .item{position:relative;width: 100%;height: 100%;overflow:hidden;}
.main_home .main_slider .item .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 0;}
.main_home .main_slider .item .bg .img{position: relative;width: 100%;height: 100%;z-index: 0; transform:scale(1.1); transition:2s;}
.main_home .main_slider .item .bg .img span{position:relative;width: 100%;height: 100%;display: block;}
.main_home .main_slider .item.swiper-slide-active .bg .img{transform:scale(1);}
.main_home .indicator{position: absolute;bottom: 160px;left: 0;width: 100%;z-index: 30;}
.main_home .indicator .inner{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.main_home .indicator .btn{position: relative;width: 17px;height: 30px;margin-right: 55px;}
.main_home .indicator .btn svg{width:100%;height:100%;}
.main_home .indicator .btn svg *{stroke:#fff;}
.main_home .indicator .btn.arrow_next1{margin-right: initial;margin-left: 55px;}
.main_home .indicator .dot ul{font-size:0;}
.main_home .indicator .dot li{position:relative; display:inline-block;vertical-align:middle}
.main_home .indicator .dot button{position:relative;width: 9px;height: 9px;border: 1px solid #fff;border-radius: 50%;box-sizing:border-box;}
.main_home .indicator .dot li + li{margin-left: 50px;}
.main_home .indicator .dot li + li:before{display:block;content:"";position:absolute;top: 4px;right:100%;width:50px;height:1px;background: rgba(255,255,255,0.2);}
.main_home .indicator .dot li.slick-active button{background: #fff;}

@-webkit-keyframes lineActiveAnimation2 {
0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center right}
49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center left}
99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
}
.main_home .main_slider .text_g{padding-top: 30px;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;color: #fff;z-index: 10;}
.main_home .main_slider .text_g:before{display:block;content:"";position: relative;top: 0;left: 0;width: 100px;height: 1px;background: rgba(255,255,255,.6);margin-bottom: 55px;}
.main_home .main_slider .swiper-slide-active .text_g:before{-webkit-animation: lineActiveAnimation2 .9s cubic-bezier(0.445,0.05,0.55,0.95) 0.3s;animation:lineActiveAnimation2 .9s cubic-bezier(0.445,0.05,0.55,0.95) 0.3s;}
.main_home .main_slider .text_g .title1{position:relative;font-family: 'Lexend','Noto Sans KR',sans-serif;font-size: 5rem;font-weight: 500;line-height: 1.3;}
.main_home .main_slider .text_g .title1.en{font-weight: 400;}
.main_home .main_slider .text_g .title2{font-size: 1.9rem;color: rgba(255,255,255,0.8);line-height: 1.7;margin-top: 9px;font-weight: 200;font-family: 'Lexend','Noto Sans KR',sans-serif;}
.main_home .main_slider .text_g br{display:none;}



#scroll_down{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);z-index: 50;}
#scroll_down a{position: relative;display: block;cursor: pointer;}
#scroll_down  .fig:after{display: inline-block;content:"";position: absolute;top: 8px;left: 50%;width: 1px;height: 10px;background: #fff; transform:scaleY(0);animation: lineActiveAnimation 1.5s cubic-bezier(0.445,0.05,0.55,0.95) infinite;margin-left:-1px;}
#scroll_down .txt{font-size: 1.2rem;color: #fff;font-weight: 400;font-family: 'Lexend','Noto Sans KR',sans-serif;line-height: 1em;margin-bottom: 15px;display: block;}
#scroll_down .fig{width: 25px;height: 39px;position: relative;border: 1px solid #fff;border-radius: 25px;margin: 0 auto;}
@keyframes lineActiveAnimation {
0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}

.indicator .dot{display:flex;}
.indicator .swiper-pagination-bullet{width: 9px;height: 9px;background: transparent;border: 1px solid #fff;opacity: 1;border-radius: 9px;transition: 0.3s;vertical-align: top;margin: 0;display: inline-flex;}
.indicator .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 20px;}
.indicator .swiper-pagination-bullet-active{background: #fff;border: 0;}
.indicator .play_btn{position: relative;width: 6px;height: 9px;margin-left: 38px;}
.indicator .play_btn .pause{display: block;width: 100%;height: 100%;border: 2px solid #fff;border-top: 0;border-bottom: 0;}
.indicator .play_btn .play{display: none;position: relative;width: 100%;height: 100%;}
.indicator .play_btn .play:before{display:block;content:"";position: absolute;width: 0px;height: 0px;top: -1px;left: 0;border-left: 6px solid #fff;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid transparent;}


.section_group{word-break: keep-all;}
.main_fig{position: absolute;right: 0;}
.main_fig.fig1{bottom: -370px;right: -150px;}
.main_fig.fig2{top: -140px;right: -140px;width: 700px;}
.main_fig.fig1 img{opacity:0;}
.main_fig.fig2 img{opacity:0;max-width: 100%;}
.main_slogan{padding: 142px 0 130px;text-align: center;}
.main_slogan .sec_title_g .title1:before{display: block; content:"";width: 50px;height: 1px;background: #494949;margin: 0 auto 30px;}
.main_slogan .sec_title_g .title1{font-weight:600;line-height: 1.6;letter-spacing: 0px !important;}
.main_slogan .sec_title_g .title1 br{display:none;}
.main_slogan .big{
position:relative;font-family: 'Lexend',sans-serif;font-size: 18rem;line-height: 1em;color: #f6f6f6;text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;font-weight: 500;margin-top: 50px;z-index: 10;}
.main_slogan .big svg{margin: 0 auto;width:70%;}
.main_slogan .big svg *{width:100%;stroke-dasharray: 850;stroke-dashoffset: 850;}
.main_slogan .big span{display:block;}
.main_slogan .big span + span{position:absolute;top: 0;left: 0;width: 100%;/* color: #111; */z-index: -1;}
.main_slogan .big.is-inview svg path{animation: textAni ease-in 1.5s;animation-fill-mode: forwards;}
@keyframes textAni{
	0% {
	stroke-dashoffset: 850;
	}
	100% {
	 stroke-dashoffset: 0;
	}
}

.main_slogan .big span{display:block;}
.main_slogan .big span + span{position:absolute;top: 0;left: 0;width: 100%;/* color: #111; */z-index: -1;}
.news_wrap{padding-bottom: 145px;}
.news_wrap .sec_title_g{padding-bottom: 38px;margin-bottom: 60px;}
.news_wrap .sec_title_g:after{display:block;content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.2);opacity:0;}
.news_wrap .sec_title_g.is-inview:after{opacity:1;transition:2s 0.6s;}
.news_wrap .news_slider{overflow: hidden;width: calc(100% + 45px);padding-right: 45px;}
.news_wrap .news_slider .item:hover{transition: 0.3s;box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);}
.news_wrap .news_slider .item a{display: block;}
.news_wrap .news_slider .item{transition:0.2s;width: 400px;overflow: hidden;}
.news_wrap .news_slider.drag .item{transform:scale(0.9);}
.news_wrap .news_slider .item .thumbnail{width: 100%;height: 268px;background: url('/images/main/no_img.jpg')no-repeat center/cover;overflow: hidden;}
.news_wrap .news_slider .item .thumbnail span{display: block;width: 100%;height: 100%;}
.news_wrap .news_slider .item .text_g{
	position: relative;
	box-sizing:border-box;
	width: 100%;height:450px;
	background: #ffffff;padding:45px 30px;font-family: 'Lexend','Noto Sans KR',sans-serif;
}
.news_wrap .news_slider .item .text_g .title{font-size: 2rem;font-weight: 400;color: #000;line-height: 1.7;overflow: hidden;}
.news_wrap .news_slider .item .text_g .cate{
	display:inline-block;
	height:30px;
	margin:0 0 20px 0;padding:0 15px;
	border-radius:15px;
	font-size: 1.5rem;color: #fff;font-weight: 400;vertical-align: top;line-height:30px;
}
.news_wrap .news_slider .item .text_g .cate.cate1{background:#1977b5;}
.news_wrap .news_slider .item .text_g .cate.cate2{background:#1ba6ad;}
.news_wrap .news_slider .item .text_g .title .e_{
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap:break-word; 
	display: -webkit-box;
	height:60px;
}
.news_wrap .news_slider .item .text_g .txt1{color: #666666;font-family: 'Lexend','Noto Sans KR',sans-serif;margin-top: 20px;}
.news_wrap .news_slider .item .text_g .txt1 .e_{
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	word-wrap:break-word; 
	display: -webkit-box;
	height:90px;
}
.news_wrap .news_slider .item .text_g .date{
	display: flex;flex-wrap: wrap;justify-content: space-between;
	position:absolute;left:30px;bottom:35px;
	width:calc(100% - 60px);
	font-size: 1.6rem;color: #222;font-weight: 300;
}
.news_wrap .news_slider .item .text_g .date .arrow_next{width: 25px;height: 14px;transform-origin: top left;transition: 0.3s;}
.news_wrap .news_slider .item .text_g .date .arrow_next svg{width: 100%;height: 100%;}
.news_wrap .news_slider .item .text_g .date .arrow_next svg *{stroke-width: 1px;}
.news_wrap .news_slider .item:hover .text_g .date .arrow_next{transform: translate3d(100%,0,0);opacity:0;}
.news_wrap .util{margin-top: 60px;}
.news_wrap .swiper-scrollbar{width: 100%;height: 1px;background: #c5c5c5;border-radius:0;display: block !important;}
.news_wrap .swiper-scrollbar-drag{background: #333;height: 2px;border-radius:0;top: -1px;}
.news_wrap .swiper-pagenav{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 20px;}
.news_wrap .swiper-pagenav .btn{position: relative;font-size: 0;width: 60px;height: 60px;display: block;border: 1px solid rgba(0,0,0,0.3);border-radius: 50%;}
.news_wrap .swiper-pagenav .btn:hover:before,
.news_wrap .swiper-pagenav .btn:hover{border-color:#000;transition:0.3s;}
.news_wrap .swiper-pagenav .prev{margin-right: 10px;}
.news_wrap .swiper-pagenav .btn:before{display:block;content:"";position: relative;left: 2px;width: 7px;height: 7px;border: 1px solid #555;transform:rotate(45deg);border-top: 0;border-right: 0;margin: 0 auto;}
.news_wrap .swiper-pagenav .btn.next:before{transform: rotate(-135deg);left: -2px;}


.focus_wrap{position: relative;width: 100%;}
.focus_wrap .sec_title_g .title2{font-size:4.2rem;font-weight:600;line-height:1.48;}
.focus_wrap{padding: 120px 0;}
.focus_wrap .fig{position:absolute;left: -240px;bottom: 19%;}
.focus_wrap .fig svg path{stroke:#fff;stroke-dasharray: 3000;stroke-dashoffset: 3000;}
.focus_wrap .fig.is-inview svg path{stroke-dashoffset: 0;transition: 4s linear;}
.focus_wrap .inner #con_fix1{position: relative;width: 100%;}
.focus_wrap .inner #con_fix1:after{display:block;content:"";clear:both;}
.focus_wrap .sec_title_g{
    transform: inherit !important;
}
.focus_wrap .focus_item{font-family: 'Lexend','Noto Sans KR',sans-serif;margin-top: 100px;}
.focus_wrap .focus_item:after{display:block;content:"";clear:both;}
.focus_wrap .focus_item .item{position: relative;width: calc(50% - 18px);float: left;height: 57vw;overflow: hidden;background: #111;}
.focus_wrap .focus_item .item:nth-child(even){float: right;}
.focus_wrap .focus_item .item:nth-child(2){margin-top:68px;}
.focus_wrap .focus_item .item:nth-child(n+3){margin-top: 36px;}
.focus_wrap .focus_item .item a{display: block;width: 100%;height: 100%;padding: 40px;}
.focus_wrap .focus_item .item a .g{position:relative;height: 100%;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);}
.focus_wrap .focus_item .item .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.focus_wrap .focus_item .item .bg span{display:block;width:100%;height:100%;transition: 0.3s;}
.focus_wrap .focus_item .item .text_g{position: relative;padding-top: 30px;}
.focus_wrap .focus_item .item .text_g .title{font-weight:600;font-size: 2.8rem;color: #fff;}
.focus_wrap .focus_item .item .text_g .txt1{font-size: 1.7rem;color: rgba(255,255,255,0.8);font-weight: 300;font-family: 'Lexend','Noto Sans KR',sans-serif;margin-top: 20px;}
.focus_wrap .focus_item .item .text_g .txt1 br{display:none;}
.focus_wrap .focus_item .item .view_more{position: absolute;bottom: 27px;left: 0;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.focus_wrap .focus_item .item .view_more .more{font-size: 1.1rem;color: rgba(255,255,255,0.8);position: relative;left: 0;transition: 0.5s;}
.focus_wrap .focus_item .item .view_more .arrow_next{width: 26px;height: 14px;transition: 0.3s;}
.focus_wrap .focus_item .item .view_more .arrow_next svg{width: 100%;height: 100%;}
.focus_wrap .focus_item .item .view_more .arrow_next svg *{stroke: #fff;}
.focus_wrap .focus_item .item:hover .bg span{transform:scale(1.1);opacity:0.5;transition:0.5s;}
.focus_wrap .focus_item .item:hover{transition: 0.3s;box-shadow: 10px 10px 40px rgb(0 98 146/0.5);z-index:100;}
.focus_wrap .focus_item .item:hover .arrow_next{transform: translate3d(150%,0,0);opacity:0;}
.focus_wrap .focus_item .item:hover .view_more .more{letter-spacing:5px;}


.pipeline_wrap{padding: 120px 0 150px;}
.pipeline_wrap .sec_title_g{margin-bottom: 40px;}
.pipeline_wrap .pipeline_item{position: relative;width: 100%;border-top: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);padding: 60px 0;font-family: 'Lexend','Noto Sans KR',sans-serif;}
.pipeline_wrap .pipeline_item .item{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.pipeline_wrap .pipeline_item .item + .item{margin-top: 100px;}
.pipeline_wrap .pipeline_item .item .text_g{text-align: center;width: 100%;order: 2;padding: 100px 50px 0;}
.pipeline_wrap .pipeline_item .item .img{width: 100%;height: 400px;background: #111;order: 1;overflow: hidden;}
.pipeline_wrap .pipeline_item .item .img span{display:block;width: 100%;height: 100%;}
.pipeline_wrap .pipeline_item .item:nth-child(even) .img{order: 1;}
.pipeline_wrap .pipeline_item .item .title{font-weight:600;font-size: 2.8rem;color: #111;}
.pipeline_wrap .pipeline_item .item .txt1{margin-top: 17px;}
.pipeline_wrap .pipeline_item .item .btns{margin-top: 40px;}
.pipeline_wrap .pipeline_item .item .btns a:after{animation-name: btnHover2;animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);animation-duration: 0.4s;animation-fill-mode: forwards;display:block;content:"";position: absolute;top: 0;left: 50%;width: 240px;height: 100px;background: #1977b5;transform: translate3d(-50%,-100%,0);border-radius: 50%;}
.pipeline_wrap .pipeline_item .item .btns a span{position:relative;z-index: 5;}
.pipeline_wrap .pipeline_item .item .btns a:hover:after{animation-name: btnHover; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 0.4s;animation-fill-mode: forwards;}
.pipeline_wrap .pipeline_item .item .btns a{background: #1ba6ad;border:0;}
.pipeline_wrap .pipeline_item .item .btns a:hover{transition:0.3s;}
@keyframes btnHover{
	0% {
	 transform:translate3d(-50%,100%,0);
	}
	100% {
	 transform:translate3d(-50%,-20%,0);
	}
}
@keyframes btnHover2{
	0% {
	 transform:translate3d(-50%,-20%,0);
	}
	100% {
	 transform:translate3d(-50%,-100%,0);
	}
}

.more_contents{position: relative;}
.more_contents .sec_title_g{margin: 0 auto;}
.more_contents .g{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-end;}
.more_contents > * > .group{width: 100%;height: 100%;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 75px 0 65px;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.ir_wrap{width: 100%;padding: 64px 40px;background: #1977b5;}
.ir_wrap .sec_title_g{margin-bottom: 65px;background: url('/images/main/ir_bg.png')no-repeat right bottom;}
.ir_wrap ul{position: relative;color: #fff;width: 100%;}
.ir_wrap ul li{display: flex;flex-wrap: wrap;}
.ir_wrap ul li + li{margin-top: 10px;}
.ir_wrap ul li b{width: 180px;font-size: 1.7rem;font-weight: 300;}
.ir_wrap ul li .con{width: calc(100% - 180px);font-size: 1.9rem;font-weight: 300;word-break:break-all;}
.ir_wrap ul li .con .big{font-size: 3.6rem;line-height: 1em;vertical-align: top;margin-top: -10px;margin-bottom: 10px;}

.ir_wrap .btn_style1:hover span{color:#1977b5;}
.letter_wrap .btn_style1:hover span{color:#001b2e;}
.ir_wrap .group{justify-content: flex-start;}
.ir_wrap .group .big span{font-size: 1.4rem;vertical-align: top;position: relative;top: 7px;}
.ir_wrap .group .txt2{margin-top: 25px;font-size: 1.7rem;}
.ir_wrap .g{justify-content: flex-end;flex-wrap: wrap;}

.letter_wrap{width: 100%;padding: 64px 40px;background: #001b2e url('/images/main/news_letter_bg.jpg')no-repeat center/cover;}
.letter_wrap .g{align-items: center;margin-top: 65px;}
.letter_wrap .g figure{width: 41px;height: 55px;background: url('/images/main/news_l_icon.png')no-repeat left top;background-size: 100%;}
.letter_wrap .g figure.is-inview{opacity:1;}

body{background: #111;}
#wrap,
.main_home .main_slider .text_g,
.main_home .indicator,
#scroll_down a{opacity:0;}