@charset "utf-8";

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.tmbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}
#wrap{opacity:0;}
#wrap.ani{opacity:1; transition:1s;}
#wrap header .logo,
#wrap header #nav > .gnb,
#wrap header .area_r,
#wrap header .line{opacity: 0;}

body{background:#e9e4de;}
section{position:relative; width: 100%; box-sizing:border-box; }
section *{box-sizing:border-box;}
section .txt1{font-size: 1.8rem;color: #444;font-weight: 300;word-break: keep-all;line-height: 1.7;letter-spacing: -0.25px;}

.sec_title_g{position: relative;width: 100%;word-break: keep-all;}
.sec_title_g .cate{font-size: 2.5rem;font-family: 'Montserrat','Noto Sans KR',sans-serif;font-weight: 600;color: #000;line-height: 1em;letter-spacing: -0.25px;text-transform: uppercase;}
.sec_title_g .title1{font-size: 11.4rem;color: #000;font-family: 'Montserrat','Noto Sans KR',sans-serif;font-weight: 600;line-height: 1.07;letter-spacing: -3px;}
.sec_title_g .title2{font-size: 48px;font-weight: 600;line-height: 1.2;font-family: 'Montserrat','Noto Sans KR',sans-serif;color: #000;}
.sec_title_g .txt1{color: #;}
.view_more a .arr{position: relative;width:13px;height:11px;display: inline-block;margin-left: 10px;}
.view_more a .arr:before{display:block;content:"";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #555;margin-top: -1px;}
.view_more a .arr:after{display:block;content:"";position: absolute;top: 1px;right: 0;width: 6px;height: 6px;border: 1px solid #555;border-top: 0;border-left: 0;transform: rotate(-45deg);}

.split span{display:inline-block; vertical-align:top;}


.main_fig{position: absolute;z-index: -1;}
.main_fig.fig1{right: 0;top: 100px;}
.main_fig.fig2{bottom: 200px;left: 0;}
.main_home{background: #111;height: 100vh;z-index: 1;}
#wrap .main_home .main_bg_slider{position:absolute; top:0;left:0;}
#wrap .main_home .text_slider_wrap{position:relative;top:0;left:0;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;width: 100%;height: 100%;}
#wrap .main_home .main_text_slider{position:relative;top:0;left:0;height: auto;padding-top: 50px;}
.main_home .main_slider,.main_home .slick-list,.main_home .slick-track{width: 100%;height: 100%;outline:0; overflow:hidden;}
.main_home .main_slider .item{outline:0;}
.main_home .main_slider .item,.main_home .main_slider .img{width: 100%;height: 100%;}
.main_home .main_slider .img{position:absolute;top: 0;left: 0;}
.main_home .main_slider .text_g{position: relative;display: flex;flex-wrap: wrap;align-items: center;word-break: keep-all;}

.main_home .main_slider .text_g .title1{font-size: 50px;color: #fff;font-weight: 600;opacity: 0;line-height:70%}

.main_home .main_slider .text_g .title1:before{display:block;content:"";width: 76px;height: 1px;background: rgba(255,255,255,0.4);margin-bottom: 25px;}


.main_home .indicator{position: relative;width: 100%;margin-top: 100px;z-index: 10;}
.main_home .indicator .inner{display: flex;flex-wrap: wrap;align-items: center;}
.main_home .indicator .btn{position: relative;width: 12px;height: 24px;margin-right: 58px;}
.main_home .indicator .btn:before{display:block;content:"";position: absolute;top: 4px;left: 4px;width: 16px;height: 16px;border: 1px solid #fff;border-top: 0;border-left: 0;transform: rotate(135deg);}
.main_home .indicator .btn.next{margin-right: initial;margin-left: 58px;}
.main_home .indicator .btn.next:before{transform:rotate(-45deg);left: -6px;}
.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: 20px;}
.main_home .indicator .dot li.slick-active button{background: #fff;}
.main_home .status_wrap{position: relative;width: 6px;height: 9px;margin-left: 37px;}
.main_home .status_wrap .stop{display: block;width: 100%;height: 100%;border: 2px solid #fff;border-top: 0;border-bottom: 0;}
.main_home .status_wrap .play{position: relative;display:block;width: 100%;height: 100%;}
.main_home .status_wrap .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;}


#scroll_down{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#scroll_down:after{display:block;content:"";width: 1px;height: 80px;position: absolute;top: 100%;left: 50%;background: rgba(0,0,0,0.4);margin-left: -1px;}
#scroll_down a{position: relative;display: block;padding-bottom: 60px;}
#scroll_down a:before{display:block;content:"";width: 1px;height: 80px;position: absolute;bottom: 0;left: 50%;background: rgba(255,255,255,0.5);margin-left: -1px;}
#scroll_down a:after{display: inline-block;content:"";position: absolute;bottom: 0;left: 50%;width: 1px;height: 80px;background: #fff; transform:scaleY(0);animation:lineActiveAnimation 1.9s 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: 600;font-family: 'Montserrat',sans-serif;line-height: 1em;margin-bottom: 17px;display: block;}
#scroll_down .fig{width: 25px;height: 38px;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}
}


#section_group{position: relative;width: 100%;}
.main_slogan {text-align: center;padding-top: 160px;padding-bottom: 45px;}
.main_slogan .sec_title_g .txt1{font-size: 30px;font-weight: 400;margin-bottom: 40px;}

.pipeline{padding-bottom: 200px;}
.pipeline:before{display:block;content:"";position:absolute;bottom:0;left:50%;width:1px;height: calc(100% - 46px);background: rgba(0,0,0,0.2);}
.pipeline .item_list:after{display:block;content:"";position: absolute;top: -88px;left: calc(33.333333333% - 46px);width: calc(33.333333333% + 90px);height: calc(100% + 88px + 460px);border-left: 0px solid rgba(0,0,0,0.2);border-right: 0px solid rgba(0,0,0,0.2);z-index: -1;}
.pipeline .sec_title_g{text-align: center;}
.pipeline .sec_title_g .cate{font-size: 28px;}
.pipeline .contents{position: relative;width: 100%;padding-top: 120px;}
.pipeline .contents .item_list{position: relative;width: 100%;display: flex !important;flex-wrap: wrap;max-width: 1553px;margin: 0 auto;}
.pipeline .item_list .item{position: relative;width: calc(33.333333333% - 45.33333333333333px) !important;height: 30.5vw;max-height: 620px;overflow: hidden;}
.pipeline .item_list .item:first-child{border-top-left-radius:75px;}
.pipeline .item_list .item:last-child{border-bottom-right-radius:75px;}
.pipeline .item_list .item + .item{margin-left: 68px;}
.pipeline .item_list .item a{display: block;width: 100%;height: 100%;}
.pipeline .item_list .item .img{display: block;width: 100%;height: 120%;position: relative;top: 50%;margin-top: -90%;}
.pipeline .item_list .item .text_box{position: absolute;bottom: 0;left: 0;width: 100%;padding: 52px 40px 70px;}
.pipeline .item_list .item .text_box .title{font-size: 24px;color: #fff;font-weight: 400;}
.pipeline .item_list .item .text_box .txt1{color: #fff;font-weight: 400;font-size: 16px;margin-top: 12px;}

.big_font{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}
.big_font .text{font-size: 24rem;color: #000;font-family: 'Montserrat',sans-serif;font-weight: 800;line-height: 0.71;letter-spacing: -3px;}

.rnd{z-index: 10;padding: 0 100px;}
.rnd .inner{max-width: 100%;width: 100%;height: 660px;background: #1f2838;text-align: center;color: #fff;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;overflow: hidden;}
.rnd .bg{position:absolute;top:0;left:0;width: 100%;height: 100%;display: block;}
.rnd .sec_title_g{width: 100%;z-index: 1;}
.rnd .sec_title_g .cate{color: #fff;margin-bottom: 50px;}
.rnd .sec_title_g .title2{color: #fff;}
.rnd .sec_title_g .txt1{color: #fff;font-weight: 300;margin-top: 35px;line-height: 1.9;}
.rnd .sec_title_g .view_more{margin-top: 35px;}
.rnd .sec_title_g .view_more a{width: 210px;height: 56px;border: 1px solid #fff;border-radius: 56px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 0 auto;font-size: 1.1rem;color: #fff;font-family: 'Montserrat',sans-serif;text-transform: uppercase;}
.rnd .sec_title_g .view_more a .arr:before{background:#fff;}
.rnd .sec_title_g .view_more a .arr:after{border-color:#fff;}


























.merit {padding: 160px 0;}
.merit .fig_g{position:absolute;top: -300px;right:0;}
.merit .fig_g .fig2{position:absolute;top: 134px;right: 0;}
.merit .sec_title_g .cate{margin-bottom: 45px;}
.merit .sec_title_g .title2{font-weight: 700;line-height: 1.4;letter-spacing: -1px;}
.merit .horizontal_scrolling{padding-top: 150px;padding-left: 15.5%;padding-left: 50vw;}
.merit .horizontal_scrolling .item_list{width: calc(688px * 4);padding-right: 60vw;box-sizing: initial;}
.merit .item_list{display: flex;flex-wrap: wrap;}
.merit .item_list .item{width: 688px;display: flex;flex-wrap: wrap;}
.merit .item_list .item .fig{position: relative;width: 134px;margin-top: 10px;}
.merit .item_list .item .fig svg *{stroke: #000;}
.merit .item_list .item .text_box .title{font-size: 48px;font-weight: 600;color: #000;line-height: 1.3;font-family: 'Montserrat','Noto Sans KR',sans-serif;}
.merit .item_list .item .text_box .txt1{font-size: 17px;font-weight: 300;margin-top: 23px;line-height: 1.75;}

.news_notice{padding: 180px 0 175px;}
.news_notice .inner{max-width:1400px;}
.news_notice .sec_title_g{text-align: center;margin-bottom: 60px;}
.news_notice .sec_title_g .view_more{position: absolute;top: 5px;right: 0;z-index: 1;}
.news_notice .view_more a .arr:after{top:2px;}
.news_notice .sec_title_g .view_more a{display: flex;flex-wrap: wrap;align-items: center;font-size: 12px;font-family: 'Montserrat',sans-serif;font-weight: 500;text-transform: uppercase;color: #444;}
.news_notice .contents{position: relative;width: 100%;}
.news_notice .board_slider{position: relative;width: 100%;overflow: hidden;}
.news_notice .board_slider .item{margin-right: 40px;}
.news_notice .board_slider .item a{display:block;}
.news_notice .board_slider .item .thumbnail{width: 100%;height: 180px;margin-bottom: 17px;background: #d7d2cb;}
.news_notice .board_slider .item .thumbnail .img{display: block;width: 100%;height: 100%;}
.news_notice .board_slider .item .cate_date{display: flex;justify-content: space-between;align-items: center;}
.news_notice .board_slider .item .cate_date .cate{background: #222222;color: #fff;font-size: 12px;font-family: 'Montserrat',sans-serif;height: 28px;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 12px;border-radius: 28px;}
.news_notice .board_slider .item .cate_date .cate1{background: #d9005f;}
.news_notice .board_slider .item .cate_date .date{font-size: 1.5rem;color: #555;font-family: 'Montserrat',sans-serif;font-weight: 500;}
.news_notice .board_slider .item .text_g{padding-top: 14px;word-break: keep-all;}
.news_notice .board_slider .item .text_g .title{font-size: 20px;color: #222222;font-weight: 600;}
.news_notice .board_slider .item .text_g .title .e_{-webkit-line-clamp: 2;}
.news_notice .board_slider .item .text_g .txt1{font-size: 17px;color: #666;font-weight: 400;margin-top: 6px;}
.news_notice .board_slider .item .text_g .txt1 .e_{-webkit-line-clamp: 2;}
.news_notice .board_util{position: absolute;top: 0;left: 100%;padding-left: 46px;}
.news_notice .board_util .swiper-pagenav button{display: block;position: relative;width: 54px;height: 54px;background: #f4f4f4;border-radius: 50%;}
.news_notice .board_util .swiper-pagenav button + button{margin-top: 5px;}
.news_notice .board_util .swiper-pagenav button:before{display: block;content:"";position: absolute;top: 23px;left: 24px;width: 7px;height: 7px;border: 1px solid #666;transform: rotate(135deg);border-top: 0;border-left: 0;}
.news_notice .board_util .swiper-pagenav button.button_next:before{transform: rotate(-45deg);left: 20px;}



/*motion*/
#scroll_down{opacity: 0;}
#wrap .text_slider_wrap{opacity:0;}
#wrap.ani .text_slider_wrap{opacity:1; transition:1.5s;}
.main_home .main_bg_slider  .img{transform:scale(1); transition:5s ease;}
.main_home .main_bg_slider .on .img{transform:scale(1.07);}
.ani_style1{opacity: 0;}
.ani_style1.is-inview{animation:1.2s aniStyle1 0.1s;  animation-fill-mode: forwards;}
.ani_style2{opacity: 0;}
.ani_style2.is-inview{animation:1.5s aniStyle2;  animation-fill-mode: forwards;}
.ani_style3{opacity: 0;}
.ani_style3.is-inview{animation:1s aniStyle3 0.3s;  animation-fill-mode: forwards;}
.ani_style4{opacity: 0;}
.ani_style4.is-inview{animation:1.2s aniStyle4 0.3s;  animation-fill-mode: forwards;}

.rnd .bg.is-inview{animation:2s aniStyle3 0.2s;  animation-fill-mode: forwards;}

.big_font .text span{opacity:0;}
.big_font .text.is-inview span{animation:0.7s splitText;  animation-fill-mode: forwards;}
.big_font .text span:nth-child(10n-9){animation-delay:0.1s;}
.big_font .text span:nth-child(10n-8){animation-delay:0.2s;}
.big_font .text span:nth-child(10n-7){animation-delay:0.3s;}
.big_font .text span:nth-child(10n-6){animation-delay:0.4s;}
.big_font .text span:nth-child(10n-5){animation-delay:0.5s;}
.big_font .text span:nth-child(10n-4){animation-delay:0.6s;}
.big_font .text span:nth-child(10n-3){animation-delay:0.7s;}
.big_font .text span:nth-child(10n-2){animation-delay:0.8s;}
.big_font .text span:nth-child(10n-1){animation-delay:0.9s;}
.big_font .text span:nth-child(10n){animation-delay:1s;}




@keyframes splitText {
0% {
 opacity:1;transform:translateY(100%);
}
100% {
  opacity:1;transform:translateY(0%);
}
}
@keyframes aniStyle1 {
0% {
 opacity:0;
}
100% {
  opacity:1;
}
}
@keyframes aniStyle2 {
0% {
 opacity:0; transform:translate3d(0,40px,0);
}
100% {
  opacity:1; transform:translate3d(0,0px,0);
}
}
@keyframes aniStyle3{
0% {
 opacity:0; transform:scale(1.3);
}
100% {
  opacity:1; transform:scale(1);
}
}

@keyframes aniStyle4{
0% {
 opacity:0; transform:scale(1); letter-spacing:8px;
}
100% {
  opacity:1; transform:scale(1);  letter-spacing:-0.5px;
}
}