@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 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{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: 6.8rem;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;}

.info_wrap{padding: 200px 0 230px;overflow: hidden;background: url('/images/main/info_bg.png')no-repeat left 49% top;}
.info_wrap .bg{position:absolute; top:0;left: 0;width: 100%;height: 100%;}
.info_wrap .inner{display:flex;justify-content: space-between;align-items: flex-end;}
.info_wrap .big_title{font-family: 'Playfair Display', serif;font-size: 11.6rem;color: #444;line-height: 1.05;text-transform: uppercase;}
.info_wrap .txt1{line-height: 1.9;padding-right: 20px;}
.info_wrap .scroll{position: absolute;top: 590px;right: 45px;font-family: 'Montserrat';font-size: 1.5rem;color: #2b2b2b;line-height: 1em;transform: rotate(90deg);display: block;overflow: hidden;font-weight: 500;padding-left: 550px;transform-origin: top right;z-index: 10;letter-spacing: -0.2px;}
.info_wrap .scroll:after,
.info_wrap .scroll:before{display:block;content:"";position: absolute;top: 8px;left: 0;width: 540px;height: 1px;background: rgba(0,0,0,0.2);}
.info_wrap .scroll:after{animation: lineActiveAnimation 2.5s cubic-bezier(0.445,0.05,0.55,0.95) infinite;background:#fff;z-index:1;}
@keyframes lineActiveAnimation {
0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center right}
49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center right}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center left}
99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center left}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center left}
}



.industries1 .flow{position: absolute;bottom: 130px;left: -100px;width: 100%;font-family: 'Playfair Display', serif;font-size: 15rem;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{position: absolute;top: 0;right: 0;width: calc(50% - 20px);height: 375px;font-size: 4.8rem;color: #000;font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;font-weight: 600;text-transform: uppercase;line-height: 1.05;padding: 50px;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;}
.industries1 .contents .industries_title:before{display:block;content:"";width: 73px;height: 1px;background: rgba(0,0,0,0.3);margin-bottom: 35px;}
.industries1 .item_list{width: 100%;display: flex;flex-wrap: wrap;}
.industries1 .item_list .list{position: relative;width: calc(50% - 20px);margin-right: 40px;height: 560px;background: #000;overflow: hidden;}
.industries1 .item_list .list:nth-child(2n){margin-right: 0;}
.industries1 .item_list .list:nth-child(n+3){margin-top: 40px;}
.industries1 .item_list .list:nth-child(2){margin-top: 280px;}
.industries1 .item_list .list:nth-child(3){margin-top: calc(-280px + 40px);}
.industries1 .item_list .list a{display: block;width: 100%;height: 100%;}
.industries1 .item_list .list .bg{width: 100%;height: 100%;display: block;transition: 0.6s;}
.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;}
.industries1 .item_list .list .text_box .txt1{display:none;}
/*.industries1 .item_list .list:nth-child(odd) .text_box{max-width: 830px;left: auto;right: 0;}*/
/*.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;}
.industries1 .item_list .list:hover .bg{transform: scale(1.1);}
@keyframes hoverAni {
0%{transform: scale(1);}
100%{transform: scale(1.1);}
}
.industries2{padding-top: 160px;}
.industries2 .contents{overflow:hidden !important;background: #000;}
.industries2 .fix{position: relative;width: 100%;height: 100vh;place-items: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.industries2 .fix > .center{width:100%;height: 100%;overflow: hidden;}
.industries2 .fix .item_list{position: relative;width: 100%;height: 100%;display: flex;flex-wrap: wrap;}
.industries2 .fix .item_list .list{position: relative;width: 33.33333%;height: 100%;overflow: hidden;}
.industries2 .fix .item_list .list a{display: block;width: 100%;height: 100%;}
.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:before{display: block; content:""; width: 50px;height: 1px;background: rgba(255,255,255,0.4);margin: 0 auto 40px;}
.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{font-size: 1.7rem;color: rgba(255,255,255,0.7);font-weight: 300;margin-top: 33px;height: 60px;}
.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: 50px;}
.industries2 .fix .item_list .list .text_box .center{position: relative;width:100%;margin-top:20px;z-index: 11;}
.industries2 .fix .item_list .list.on .text_box{background:rgba(206,57,70,0.8);}
.industries2 .fix .item_list .list .text_box:before{display:block;content:"";position: absolute;top: 50px;left: 50px;width: calc(100% - 100px);height: calc(100% - 100px);border: 1px solid rgba(255,255,255,0.35);border-radius: 50px;box-sizing: border-box;transform: scale(1);opacity: 0;}
.industries2 .fix .item_list .list.on .text_box:before{opacity:1;transform:scale(1);transition:0.4s;}
.industries2 .fix .item_list .list.on .bg{animation:hoverAni 0.5s; 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{width: calc(100% + 310px);position: relative;top: 0;left: 0;display: flex;flex-wrap: wrap;}
.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{margin: 0 10px;width: calc(40% - 22px);}
.our_work .work_actimg{width: 100%;height: 870px;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{margin-left: -30px;}
.our_work .work_item .item_slider3{margin-right: 0;}
.our_work .work_info_wrap{position: absolute;top: 440px;left: 0;width: 100%;}
.our_work .work_info{width: 45%;min-height: 430px;padding: 100px 0 50px 0;display: flex;flex-wrap: wrap;align-items: center;}
.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:20%;padding: 0 10px 18px;}
.capabilities .item_list .list + .list{border-left:1px solid #ddd;}
.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: 2.8rem;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;}


@media(max-width: 1600px){
	.info_wrap .big_title{font-size: 9.6rem;}
	section .txt1{font-size: 1.6rem;}
	.industries1 .contents .industries_title {font-size: 4.2rem;}
	.main_home .main_slider .text_g .title1{font-size: 5.5rem;}
	.main_home .indicator .dot .swiper-pagination-bullet + .swiper-pagination-bullet{font-size: 4rem;}
	.main_home .indicator .dot .swiper-pagination-bullet + .swiper-pagination-bullet:before{width: 40px;}
	.capabilities .item_list .list .tit{font-size: 2.5rem;}
}


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