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



#wrap header h1.logo svg *,
/*#wrap header .header_wrap .gnb > li,
#wrap header .group .util_list > li,*/
#wrap header .hamburger_btn span,
#wrap{opacity:0;}

body{background:#151515;}
body #wrap{background:#fff;}
section{position:relative; width: 100%; word-break: keep-all;box-sizing:border-box; }
section *{box-sizing:border-box;}
section .txt1{font-size: 1.8rem;color: #686868;font-weight: 400;word-break: keep-all;line-height: 1.75;letter-spacing: -0.25px;font-family: 'Montserrat','Noto Sans KR',sans-serif;}

.sec_title_g{position: relative;padding-top: 30px;width: 100%;margin-bottom: 50px;}
.sec_title_g:before{display:block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #d9d9d9;}
.sec_title_g .cate{font-size: 3.4rem;font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;font-weight: 600;color: #111;line-height: 1em;letter-spacing: -0.25px;text-transform: uppercase;}
.sec_title_g .txt1{color: #;}
.btn_style1{width: 40px;height: 21px;border: 1px solid rgba(255,255,255,0.8);border-radius: 20px;}
.btn_style1 svg{width:18px; height: 9px;margin: 0 auto;}
.btn_style1 svg *{stroke-width:2px;stroke:#fff;}
.btn_style2{width:195px;height:54px;border: 1px solid rgba(0,0,0,0.7);border-radius: 54px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0 25px;font-size: 1.2rem;color: #000;font-family: 'Montserrat',sans-serif;font-weight: 500;letter-spacing: -0.5px;}
.btn_style2 .arrow{width: 26px;height: 17px;display: inline-block;overflow: hidden;}
.btn_style2 figure{width: 200%;height: 100%;display: flex;transform:translate3d(-50%,0,0);animation: btnArrowAni infinite 1.8s;}
.btn_style2 span{position: relative;width: 100%;height: 100%;display: block;margin: 0 3px;}
.btn_style2 span svg{width:100%;height:100%;}
.btn_style2 svg *{stroke-width:1.3px;}
@keyframes btnArrowAni {
0%{transform:translate3d(-50%,0,0);}
40%{transform:translate3d(0,0,0);}
90%{transform:translate3d(0,0,0);}
100%{transform:translate3d(0,0,0);}
}
.btn_style2:hover{background:#000;color:#fff;transition:0.3s;}
.btn_style2:hover svg *{stroke:#fff;}


.main_home{background: #111;height: 100vh;z-index: 1;overflow: hidden;}
#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;margin-top: 30px;}
.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 .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;}
.main_home .main_slider .item .bg .img span{position:relative;width: 100%;height: 100%;display: block;}



.main_home .main_slider .img span{position: relative;transform: scale(1.2);width: 100%;height: 100%;transition:2.5s;}
.main_home .main_slider .swiper-slide-active .img span{transform:scale(1);}
.main_home .main_slider .text_g .title1{opacity:0;transform:translate3d(0,30px,0);transition:1s 0.3s;}
.main_home .main_slider .swiper-slide-active .text_g .title1{transform:translate3d(0,0px,0);opacity:1;}
.main_home .main_slider.slide_next .item.swiper-slide-active .bg{animation: nextAni 0.8s cubic-bezier(0.42, 0, 0.21, 0.9) alternate; transition:clip-path 1.3s !important;}
.main_home .main_slider.slide_prev .item.swiper-slide-active .bg{animation: prevAni 0.8s cubic-bezier(0.42, 0, 0.21, 0.9) alternate; transition:clip-path 1.3s !important;}

@keyframes prevAni {
0%{clip-path: inset(0% 0% 0px 100%);}
100%{clip-path: inset(0% 0% 0px 0px);}
}
@keyframes nextAni {
0%{clip-path: inset(0% 100% 0px 0px);}
100%{clip-path: inset(0% 0% 0px 0px);}
}

.main_home .main_slider .text_g br{display:none;}

.main_home .main_slider .text_g{position: relative;word-break: keep-all;text-align: center;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;padding-top: 50px;}
.main_home .main_slider .text_g .title1{font-size: 6rem;color: #fff;font-weight: 400;font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;text-transform: uppercase;line-height: 1.1;letter-spacing: -1px;}
.main_home .indicator{position: absolute;bottom: 70px;left: 0;width: 100%;margin-top: 100px;z-index: 100;}
.main_home .indicator .inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.main_home .indicator .btn{position: relative;width: 16px;height: 27px;margin-right: 54px;}
.main_home .indicator .btn:before{display:block;content:"";position: absolute;top: 4px;left: 6px;width: 19px;height: 19px;border: 1px solid #fff;border-top: 0;border-left: 0;transform: rotate(135deg);}
.main_home .indicator .btn.next{margin-right: initial;margin-left: 54px;}
.main_home .indicator .btn.next:before{transform:rotate(-45deg);left: -9px;}
.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 .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 50px;}
.main_home .indicator .dot .swiper-pagination-bullet + .swiper-pagination-bullet:before{display:block;content:"";position:absolute;top: 4px;right:100%;width:50px;height:1px;background: rgba(255,255,255,0.2);}
.indicator .dot{display:flex;}
.indicator .swiper-pagination-bullet{position: relative;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-active{background: #fff;border: 0;}


.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;}

.main_home .main_slider.slide_next .item.swiper-slide-active .bg{animation: nextAni 1s cubic-bezier(0.42, 0, 0.21, 0.9) alternate; transition:clip-path 1.3s !important;}
.main_home .main_slider.slide_prev .item.swiper-slide-active .bg{animation: prevAni 1s cubic-bezier(0.42, 0, 0.21, 0.9) alternate; transition:clip-path 1.3s !important;}

@keyframes prevAni {
0%{clip-path: inset(100% 0px 0% 0px);}
100%{clip-path: inset(0px 0px 0% 0px);}
}
@keyframes nextAni {
0%{clip-path: inset(0% 0px 100% 0px);}
100%{clip-path: inset(0px 0px 0% 0px);}
}


.info_wrap{padding: 200px 0 138px;overflow: hidden;background: url('/images/main/info_bg.png')no-repeat right -50px top;}
.info_wrap .bg{position:absolute; top:0;left: 0;width: 100%;height: 100%;}
.info_wrap .inner{}
.info_wrap .big_title{font-family: 'Playfair Display', serif;font-size: 9rem;color: #444;line-height: 1.05;text-transform: uppercase;transform: initial !important;}
.info_wrap .txt1{line-height: 1.9;margin-top: 40px;}
.info_wrap .scroll{display:none;}

.industries1 .flow{position: absolute;bottom: -116px;left: -50px;width: 100%;font-family: 'Playfair Display', serif;font-size: 8rem;color: rgba(0,0,0,0.1);white-space: nowrap;z-index: -1;text-transform: uppercase;line-height: 1em;}
.industries1 .contents{position: relative;width: 100%;}
.industries1 .contents .industries_title{display:none;}
.industries1 .item_list{width: 100%;}
.industries1 .item_list .list{position: relative;width: 100%;height: 560px;background: #000;overflow: hidden;}
.industries1 .item_list .list:nth-child(n+2){margin-top: 40px;}
.industries1 .item_list .list a{display: block;width: 100%;height: 100%;}
.industries1 .item_list .list .bg{width: 100%;height: 100%;display: block;}
.industries1 .item_list .list .text_box{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;padding: 50px;z-index: 10;}
.industries1 .item_list .list .text_box .title{font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;font-size: 4rem;transition: 0.5s;}
.industries1 .item_list .list .text_box .txt1{color: rgba(255,255,255,0.8);font-size: 1.7rem;line-height: 1.6;font-weight: 300;margin-top: 12px;transform: translate3d(0px, 100%, 0px);opacity: 0;height: 54px;transition: 0.5s;}
.industries1 .item_list .list .text_box .title button{margin-left:12px;position: relative;top: -2px;}
.industries1 .item_list .list:hover .text_box .title{transform:translate3d(0,0,0);}
.industries1 .item_list .list:hover .text_box .txt1{opacity:1;transform:translate3d(0,0,0);transition:0.5s 0.1s;}

.industries2{padding-top: 160px;}
.industries2 .contents{overflow:hidden !important;background: #000;}
.industries2 .fix{position: relative;width: 100%;place-items: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.industries2 .fix > .center{width:100%;overflow: hidden;}
.industries2 .fix .item_list{position: relative;width: 100%;}
.industries2 .fix .item_list .list{position: relative;width: 100%;height: 33.33333%;overflow: hidden;}
.industries2 .fix .item_list .list a{display: block;width: 100%;padding: 100px 0;}
.industries2 .fix .item_list .list .bg{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;}
.industries2 .fix .item_list .list .text_box{position:relative;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;color: #fff;transition: 0.4s;z-index: 10;}
.industries2 .fix .item_list .list .text_box .title{font-size: 4rem;font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;font-weight: 300;line-height: 1.1;}
.industries2 .fix .item_list .list .text_box .txt1{display:none;}
.industries2 .fix .item_list .list .text_box .more_view{font-size: 1.3rem;color: rgba(255,255,255,0.8);font-family: 'Montserrat',sans-serif;width: 140px;height: 58px;border-radius: 20px;border: 1px solid rgba(255,255,255,0.5);margin-top: 22px;}
.industries2 .fix .item_list .list .text_box .center{position: relative;width:100%;z-index: 11;}
.industries2 .fix .item_list .list.on .bg{animation:hoverAni linear 0.25s; animation-fill-mode: forwards;}




.our_work{padding: 184px 0 175px;}
.our_work .contents{position: relative;}
.our_work:before{display:block;content:"";position: absolute;bottom: -50px;left: 0;background: url('/images/main/map.png')no-repeat top center;width: 100%;height: 960px;}
.our_work .work_item{position: relative;max-width: 1600px;width: 90%;margin: 0 auto;top: 0;left: 0;}
.our_work .work_item .i_slider{width: calc(20% - 6px);height: 440px;overflow: hidden;margin: 0 10px;pointer-events: none !important;}
.our_work .work_item .item{width: 100%;height: 100%;overflow: hidden;}
.our_work .work_item .item .g{width:100%;height: 100%;}
.our_work .work_item .item .img{width: 100%;height: 100%;display: block;}
.our_work .work_actimg_wrap{width: 100%;}
.our_work .work_actimg{width: 100%;height: 93vw;max-height: 700px;overflow: hidden;pointer-events: none !important;}
.our_work .work_actimg .item{width: 100%;height: 100%;overflow: hidden;}
.our_work .work_actimg .item .g{width: 100%;height: 100%;}
.our_work .work_actimg .item .img{width: 100%;height: 100%;}
.our_work .work_actimg .item .img{transform: scale(1.25) rotate(0deg);transition: 1s cubic-bezier(0.4, 0.01, 0.53, 1.04);}
.our_work .work_actimg .item.swiper-slide-active .img{transform:scale(1) rotate(0deg);}
.our_work .work_item .item_slider1,
.our_work .work_item .item_slider2,
.our_work .work_item .item_slider3{display:none;}
.our_work .work_info_wrap{position: relative;top: 0;left: 0;width: 100%;}
.our_work .work_info{width: 100%;padding-top: 70px;}
.our_work .work_info .item{width: 100%;}
.our_work .work_info .title{font-size: 4rem;color: #000;font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;font-weight: 600;overflow: hidden;letter-spacing: -0.5px;line-height: 1.05;}
.our_work .work_info .txt1{font-size: 1.7rem;color: rgba(0,0,0,0.7);font-weight: 300;line-height: 1.56;margin-top: 33px;overflow: hidden;}
.our_work .work_info .btn_style2{margin-top: 45px;}
.our_work .util{margin-top:26px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.our_work .util .btn_style3{width: 42px;height: 22px;opacity: 0.34;}
.our_work .util .btn_style3 svg{width:100%;height:100%;}
.our_work .util .button_next{margin-left:22px;}
.our_work .util .btn_style3:hover{opacity:1;transition:0.3s;}
.our_work .util .pg_num{font-size: 1.3rem;font-family: 'Montserrat',sans-serif;color: rgba(0,0,0,0.7);font-weight: 500;width: auto;bottom: auto;}


.capabilities{padding-bottom:165px;}
.capabilities .sec_title_g{margin-bottom:70px;}
.capabilities .item_list{position: relative;width: 100%;display: flex;flex-wrap: wrap;text-align: center;}
.capabilities .item_list .list{width: 50%;padding-bottom: 18px;border-right:1px solid #ddd;}
.capabilities .item_list .list:nth-child(2n){border-right:0;}
.capabilities .item_list .list:nth-child(n+3){margin-top:50px;}
.capabilities .item_list .list figure{width: 100%;height: 145px;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.capabilities .item_list .list figure svg{height: 143px;width:auto;}
.capabilities .item_list .list:nth-child(2) figure svg{height:125px;}
.capabilities .item_list .list:nth-child(4) figure svg{height:115px;}
.capabilities .item_list .list .tit{font-size: 3rem;color: #000;font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;line-height: 1em;font-weight: 500;letter-spacing: -0.5px;margin-top: 35px;}
.capabilities .item_list .list figure svg * {   stroke-dasharray:250;   stroke-dashoffset: 250;}
.capabilities .item_list .list.is-inview figure svg * {stroke-dashoffset: 0;   transition: 2.5s linear 0.5s;}


.st0{fill:#E60017;}
.st1{fill:none;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}


.industries2 .fix .item_list .list .text_box .center{opacity:0;}
.industries2 .fix_wrap .item_list .list .text_box .center.is-inview{animation-name: fadeUpAni;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1s; animation-fill-mode: forwards;}
.industries2 .fix_wrap .item_list .list:nth-child(2) .text_box .center{animation-delay:0.3s;}
.industries2 .fix_wrap .item_list .list:nth-child(3) .text_box .center{animation-delay:0.6s;}