@charset "utf-8";

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


.page_scroll_wrap{background:#111;}
#container{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.2rem;color: rgba(0,0,0,0.7);font-weight: 400;word-break: keep-all;line-height: 1.75;letter-spacing: -0.25px;}


section .sec_title_g{position: relative;}
section .sec_title_g br{display:none;}
section .sec_title_g .title1{font-size: 1.2rem;color: #000;font-weight: 600;margin-bottom: 16px;}
section .sec_title_g .title2{font-size: 2.2rem;color: #222222;font-weight: 600;line-height: 1.55;letter-spacing: -0.5px;}
section .sec_title_g .title3{font-size: 2rem;color: #000;font-weight: 600;line-height: 1.4;}
section .sec_title_g .title1:before{display: block; content:"";width: 20px;height: 1px;background: #000000;margin: 0 0 8px 0;}
section .sec_title_g .txt1{margin-top: 12px; padding: 0 20px;}
section .sec_title_g .btn{margin-top: 30px;}
section .sec_title_g .btn a{width:122px;height:48px;border:1px solid #7f7f7f;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 1.5rem;color: #555;border-radius: 15px;}
section .sec_title_g .btn svg{width:18px;height: 12px;margin-left: 7px;}
section .sec_title_g .btn svg *{stroke-width:1.5px;}
section .sec_title_g.type2{text-align:center;margin-bottom: 50px;}
section .sec_title_g.type2 .title1{margin-bottom: 10px;}
section .sec_title_g.type2 .title1:before{margin: 0 auto 8px;}
section .sec_title_g.type2 .txt1{margin-top: 12px;}

.main_home{height: 100vh;z-index: 1;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;}
.main_home .main_slider .item .bg .img span{position:relative;width: 100%;height: 100%;display: block;}


.main_home .indicator{position: relative;left: 0;width: 100%;margin-top: 70px;z-index: 100;}
.main_home .indicator .inner{display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.main_home .indicator .btn{position: relative;width: 24px;height: 18px;margin-right: 30px;}
.main_home .indicator .btn svg{width:100%;height:100%;}
.main_home .indicator .btn svg *{stroke:#fff;}
.main_home .indicator .btn.arrow_next{margin-right: initial;margin-left: 30px;}
.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;}


.main_home .main_slider .text_g{padding: 70px 0px 0 10px;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;color: #fff;z-index: 10;}
.main_home .main_slider .text_g .title1:before{display:block;content:"";position: absolute;top: 70px;right: calc(100% + 10px);width: 100vw;height: 1px;background: #ddd;}
.main_home .main_slider .text_g .title1{position:relative;font-size: 3.2rem;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.4rem;color: #fff;line-height: 1.7;margin-top: 13px;}
.main_home .scroll_down{position:absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 100;}
.main_home .scroll_down a{display:block;width: 55px;height: 55px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.8);}
.main_home .scroll_down .arrow_btn{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.main_home .scroll_down .arrow_btn span{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;transform: translate3d(0,-100%,0);}
.main_home .scroll_down .arrow_btn span + span{width:;}
.main_home .scroll_down .arrow_btn span svg{width: 17px;height: 26px;}
.main_home .scroll_down .arrow_btn span svg *{stroke:#fff;}
.main_home .scroll_down:hover .arrow_btn span{transform:translate3d(0,0,0); transition:0.5s;}


.info_wrap{padding: 60px 0 110px;}
.info_wrap .sec_title_g{text-align:center;}
.info_wrap .sec_title_g .title1:before{display: block; content:"";width: 1px;height: 30px;background: #000000;margin: 0 auto 22px;}


.business_wrap .sec_title_g{position: relative;top: 0;left: 0;width: 100%;text-align: center;z-index: 10;}
.business_wrap .sec_title_g .title1:before{margin: 0 auto 8px;}


.business_wrap .sec_title_g .title1{margin-bottom: 10px;}
.business_wrap .sec_title_g .title1:before{margin: 0 auto 8px;}
.business_wrap .sec_title_g .txt1{margin-top: 9px;}
.business_wrap .contents{position: relative;width: 100%;padding-top: 40px;}
.business_wrap .business_slider{margin-top: 20px;}
.business_wrap .business_slider .slick-list{overflow: inherit;}
.business_wrap .business_slider .item{width: 280px;pointer-events: none;margin: 0 5px;transition: 0.5s;}
.business_wrap .business_slider .item a{display: block;width: 100%;}
.business_wrap .business_slider .item.slick-on{}
.business_wrap .business_slider .item.slick-current a{pointer-events: auto;}
.business_wrap .business_slider .item.slick-current .img{}
.business_wrap .business_slider .item .img{width: 100%;height: 280px;transition: 0.5s;}
.business_wrap .business_slider .item .img span{display: block;width: 100%;height: 100%;}
.business_wrap .business_slider .item .info{width: 100%;padding-top: 24px;height: 100px;}
.business_wrap .business_slider .item .info .title{position: relative;font-size: 1.7rem;line-height: 1.1em;color: rgba(0,0,0,0.3);font-weight: 600;letter-spacing: -0.5px;overflow: hidden;}
.business_wrap .business_slider .item .info .title .g{position:relative;transition: 0.3s;}
.business_wrap .business_slider .item .info .title .tit{position: relative;}
.business_wrap .business_slider .item .info .title .tit + .tit{position: absolute;top: 100%;left: 0;font-size: 1.8rem;}
.business_wrap .business_slider .item .info .txt1{position: relative;margin-top: 6px;font-size: 1.2rem;color: #777;overflow: hidden;}
.business_wrap .business_slider .item .info .txt1 p{opacity: 0;transition: 0.3s 0.1s;}
.business_wrap .business_slider .item.slick-current .info .title{color:#000;}
.business_wrap .business_slider .item.slick-current .info .title .g{transform: translateY(-100%);}
.business_wrap .business_slider .item.slick-current .info .txt1 p{opacity:1;}
.business_wrap .util{position: relative;top: 0;right: 0;}
.business_wrap .util .swiper-pagenav{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.business_wrap .util .slick-arrow{width: 25px;height: 19px;}
.business_wrap .util .slick-arrow svg{display: block;width: 100%;height: 100%;}
.business_wrap .util .slick-arrow svg *{stroke: #cdcaca;stroke-width: 2px;}
.business_wrap .util .slick-arrow:hover svg *{stroke:#555;}
.business_wrap .util .pager{font-size: 1.2rem;color: #777;margin-right: 30px;}
.business_wrap .util .pager .now{color: #000;}
.business_wrap .util .arrow_next{margin-left: 14px;}


/*.main_home .main_slider:not(.start).slide_next .item.swiper-slide-active .bg span,
.main_home .main_slider:not(.start).slide_next .item.swiper-slide-duplicate-active .bg span{transform:translate(0px,0px) scale(1,1) rotate(0deg);}
.main_home .main_slider:not(.start).slide_prev .item.swiper-slide-prev .bg span,
.main_home .main_slider:not(.start).slide_prev .item.swiper-slide-duplicate-prev .bg span{transform:translate(0px,0px) scale(1,1) rotate(0deg);}
.main_home .main_slider:not(.start).slide_next .item.swiper-slide-prev .bg span,
.main_home .main_slider:not(.start).slide_next .item.swiper-slide-duplicate-prev .bg span{transform:translate(-360px,0px) scale(1.8,1.8) rotate(-7deg);}
.main_home .main_slider:not(.start).slide_prev .item.swiper-slide-active .bg span,
.main_home .main_slider:not(.start).slide_prev .item.swiper-slide-duplicate-active .bg span{transform:translate(360px,0px) scale(1.8,1.8) rotate(7deg);}
.main_home .main_slider:not(.start).slide_next .item.swiper-slide-prev,*/
/*.main_home .main_slider:not(.start).slide_next .item.swiper-slide-duplicate-prev{animation-name: clipPathLeft; animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94); animation-duration: 0.5s; animation-delay: 0.1s; animation-fill-mode: forwards;}
.main_home .main_slider:not(.start).slide_prev .item.swiper-slide-active,
.main_home .main_slider:not(.start).slide_prev .item.swiper-slide-duplicate-active{animation-name: clipPathRight; animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94); animation-duration: 0.5s; animation-delay: 0.1s; animation-fill-mode: forwards;}
.main_home .main_slider.slide_next .item.swiper-slide-prev,
.main_home .main_slider.slide_next .item.swiper-slide-duplicate-prev{z-index: 3;}
.main_home .main_slider.slide_prev .item.swiper-slide-active,
.main_home .main_slider.slide_prev .item.swiper-slide-duplicate-active{z-index: 3;}*/
/*.clipPathLeft{animation-name: clipPathLeft; animation-timing-function: linear; animation-duration: 0.6s;animation-fill-mode: forwards;}
@keyframes clipPathLeft {
	0% {
		clip-path: polygon(0 0, 130% 0, 100% 100%, 0 100%);
	}
	100% {
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
}
@keyframes clipPathRight {
	0% {
		clip-path: polygon(-30% 0%, 100% 0, 100% 100%, 0% 100%);
	}
	100% {
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
}
*/
@keyframes clipPathDown {
	0% {
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
	10% {
		clip-path: polygon(0 0, 100% 0, 100% 78%, 0 36%);
	}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@keyframes fadeUpAni {
	0% {
		opacity:0;
		transform:translate3d(0,100%,0);
	}
	100% {
		opacity:1;
		transform:translate3d(0,0%,0);
	}
}
@keyframes opacityAni {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


.merit_wrap{padding-top: 45px;}
.merit_wrap .sec_title_g{margin-bottom: 85px;}
.merit_wrap .merit_list{position: relative;width: 100%;}
.merit_wrap .merit_list .item{position: relative;width: 320px;height: 468px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;text-align: center;color: #fff;padding: 0 30px;}
.merit_wrap .merit_list .item .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.merit_wrap .merit_list .item .g{position:relative;z-index:1;}
.merit_wrap .merit_list .item .title:before{display: block; content:"";width: 30px;height: 1px;background: rgba(255,255,255,0.4);margin: 0 auto 25px;}
.merit_wrap .merit_list .item .title{font-size: 2.8rem;font-weight: 600;z-index: 10;}
.merit_wrap .merit_list .item .txt1{color: rgba(255,255,255,0.87);font-weight: 300;margin-top: 20px;z-index: 10;min-height: 63px;}
.esg_wrap{padding-top: 130px;}
.sec_style1 .contents{position: relative;width: 100%;height: 590px;padding: 90px 0;overflow: hidden;}
.sec_style1 .contents .bg{position:absolute; top:0;left:0;width: 100%;height:100%;}
.sec_style1 .contents .sec_title_g{width: 100%;}
.sec_style1 .contents .sec_title_g .title3{color: #fff;}
.sec_style1 .contents .sec_title_g .txt1{color: #fff;padding: 0;}
.sec_style1 .link{position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;border-top: 1px solid rgba(255,255,255,0.5);display: flex;flex-wrap: wrap;}
.sec_style1 .link > *{width: 50%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;text-align: center;}
.sec_style1 .link > *:hover{background:rgba(0,150,224,0.8);transition:0.3s}
.sec_style1 .link > * + *{border-left: 1px solid rgba(255,255,255,0.5);}
.sec_style1 .link .tit{font-size: 1.7rem;color: #fff;}
.sec_style1 .link .arrow_next{width: 25px;height: 17px;margin: 10px auto 0;transform: scaleY(0.8);}
.sec_style1 .link .arrow_next svg{width: 100%;height: 100%;}
.sec_style1 .link .arrow_next svg *{stroke: #fff;stroke-width: 1.5px;}
.board_wrap{padding-top: 130px;}
.board_wrap .inner{}
section.board_wrap .sec_title_g{width: 100%;z-index: 10;margin-bottom: 20px;}
section.board_wrap .sec_title_g .title1:before{margin:0 auto 8px;}
.board_wrap .indicator{margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.board_wrap .indicator .btns{width: 40px;height: 40px;border-radius: 50%;background: #f3f3f3;}
.board_wrap .indicator .btns + .btns{margin-left: 4px;}
.board_wrap .indicator .btns svg{width: 17px;height: 13px;margin: 0 auto;}
.board_wrap .indicator .btns svg *{width: ;}
.board_wrap .contents{width: 100%;}
.board_wrap .contents .board_list{width: 100%;}
.board_wrap .contents .board_list .item{position: relative;width: 245px;height: 320px;border: 1px solid #cccccc;background: #fff;margin-right: 20px;}
.board_wrap .contents .board_list .item a{padding: 35px 20px;display: block;width: 100%;height: 100%;}
.board_wrap .contents .board_list .item .cate{display: inline-block;font-size: 1rem;height: 22px;line-height: 21px;border-radius: 22px;color: #8f2fd8;padding: 0 10px;border: 1px solid #8f2fd8;margin-bottom: 18px;}
.board_wrap .contents .board_list .item .cate.type2{color: #00a987;border-color: #00a987;}
.board_wrap .contents .board_list .item .title{font-size: 1.7rem;color: #000000;font-weight: 600;}
.board_wrap .contents .board_list .item .title .e_{-webkit-line-clamp: 2;}
.board_wrap .contents .board_list .item .txt1{font-size: 1.2rem;color: #777;margin-top: 12px;}
.board_wrap .contents .board_list .item .txt1 .e_{-webkit-line-clamp: 2;}
.board_wrap .contents .board_list .item .date{margin-top: 25px;font-size: 1.2rem;font-family: 'Poppins',sans-serif;font-weight: 300;}
.board_wrap .contents .board_list .item .more_view{position: absolute;bottom: 35px;left: 20px;width: calc(100% - 40px);height: 38px;border: 1px solid #7f7f7f;border-radius: 12px;background: #fff;font-size: 1rem;font-weight: 300;}
.board_wrap .contents .board_list .item .more_view:hover{color:#fff;background:#0096e0;border:0;transition:0.2s;}
.board_wrap .contents .util{position: relative;margin-top: 25px;transform: inherit !important;width: 100%;}
.board_wrap .contents .swiper-scrollbar{width: 100%;height: 1px;background: #c4c4c4;border-radius:0;display: block !important;transform: inherit !important;}
.board_wrap .contents .swiper-scrollbar-drag{background: #000000;height: 2px;border-radius:0;top: -1px;}


.recruit_wrap{padding-top: 130px;}
.recruit_wrap .contents_wrap{background:#f5f5f5;}


.partner_wrap .sec_title_g.type2{margin-bottom: 30px;}
.partner_wrap{background:#f5f5f5;padding: 70px 0 80px;}
.partner_wrap .contents{position: relative;}
.partner_wrap .contents .btns{display:none !important;position:absolute; top: 50%;left:0;width: 56px;height: 56px;border: 1px solid #939393;border-radius: 50%;display: block;transform: translateY(-50%);}
.partner_wrap .contents .btns.arrow_next{left:auto;right:0;}
.partner_wrap .contents .btns svg{width:22px;height:14px;margin: 0 auto;}
.partner_wrap .contents .btns svg *{stroke:#e;}
.partner_wrap .partner_list .slick-list{overflow:inherit;}
.partner_wrap .partner_list .item{margin: 0 6px;width: 135px;}
.partner_wrap .partner_list .item a{display: block;}
.partner_wrap .partner_list .item img{width: 100%;}



.main_home .title1 p,
.main_home .title2{overflow:hidden;}
.main_home .title1 p span,
.main_home .title2 p{display: block;transform-origin:0% 50%}
.main_home .main_slider .text_g .title1:before{transform:scaleX(0);}
.main_home .main_slider.start .text_g .title1:before{transform:scaleX(1);transition:1s;}
.main_home .main_slider .swiper-slide-active .text_g .title1:before{transform:scaleX(1);transition:1s;}
/*
.main_home .main_slider .item .bg .img span{transform:scale(1.3);}
.main_home .main_slider .item.swiper-slide-active .bg .img span{transform:scale(1);transition:1.5s;}*/

.opacityAni{opacity:0;}
.opacityAni.is-inview{animation-name: opacityAni; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: forwards;}
.textMotion{opacity:0;}
.textMotion.is-inview{animation-name: letterspacingTxt; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: forwards;}
.fadeUp{opacity:0;}
.fadeUp.is-inview{animation-name: fadeUp; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: forwards;}
.fadeLeft{opacity:0;}
.fadeLeft.is-inview{animation-name: fadeLeft; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.3s; animation-fill-mode: forwards;}
.fadeLeft2{opacity:0;}
.fadeLeft2.is-inview{animation-name: fadeUp2; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1.5s; animation-delay:0.3s; animation-fill-mode: forwards;}



@keyframes letterspacingTxt{
	0% {
	opacity:0;
	 letter-spacing:10px;
	}
	100% {
	opacity:1;
	  letter-spacing:0px;
	}
}
@keyframes fadeUp{
	0% {
	opacity:0;
	 transform:translate3d(0,50px,0);
	}
	100% {
	opacity:1;
	 transform:translate3d(0,0px,0);
	}
}
@keyframes fadeLeft{
	0% {
	opacity:0;
	 transform:translate3d(100px,0px,0);
	}
	100% {
	opacity:1;
	 transform:translate3d(0,0px,0);
	}
}
@keyframes fadeUp2{
	0% {
	opacity:0;
	 transform:translate3d(0,30%,0);
	}
	100% {
	opacity:1;
	 transform:translate3d(0,0px,0);
	}
}
@keyframes opacityAni{
	0% {
	opacity:0;
	}
	100% {
	opacity:1;
	}
}

@-webkit-keyframes showImg1{
0%{ clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
100%{clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);}
}
@-webkit-keyframes showImg3{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}

.showimg.is-inview{animation-name: showImg3;animation-timing-function:cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1s;  }
.showimg1.is-inview{animation-name: showImg1;animation-timing-function:ease; animation-duration: 1s;  }

/*
.merit_wrap .merit_list .item{overflow:hidden;}
.merit_wrap .merit_list .item.is-inview{animation-name: scale2;animation-timing-function:ease; animation-duration: 1s;}
.merit_wrap .merit_list .item.is-inview .bg{animation-name: scale1;animation-timing-function:ease; animation-duration: 1s;}*/

@-webkit-keyframes scale1{
0%{transform:scale(1.7);}
100%{transform:scale(1);}
}
@-webkit-keyframes scale2{
0%{transform:scale(0.4);}
100%{transform:scale(1);}
}


/* 메인 레이어 팝업 */
.main_layer_popup{width:96%!important;left:50%!important;top:50px!important;transform:translateX(-50%)}
.main_layer_popup .popupContent{height:100%!important}
.main_layer_popup img{width:100%}