@charset "utf-8";

.pcbr{display:none !important;}
.ptbr{display:block !important;}
.tbr{display:block !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;}


body,html,#wrap, #container,#contents, main {height:100%;}
.full_slide, .full_slide .swiper-wrapper, .section, .slide_inner {width:100%;height:100%;}


/* full_slide common */
.full_slide .line {position:absolute;top:0;left:0;width:100%;height:100%;}
.full_slide .line span {position:absolute;top:0;display:block;width:1px;height:100%;background:#fff;opacity:0.1;z-index: 10;}
.full_slide .line span:nth-child(1) {left: 6.1%;}
.full_slide .line span:nth-child(2) {left: 12.2%;}
.full_slide .line span:nth-child(3) {left: 18.3%;}
.full_slide .line span:nth-child(4) {right: 6.1%;}
.full_slide .line span:nth-child(5) {right: 18.3%;}
.full_slide .full_pagination {position:absolute;top: 50%;right: 3%;transform: translateY(-50%);z-index: 10;display: none;}
.full_slide .full_pagination:before {content:"01";position:absolute;top: -30px;left: -8px;font-family:'Montserrat';font-size:15px;color:#fff;}
.full_slide .full_pagination:after {content:"06";position:absolute;bottom: -30px;left: -8px;font-family:'Montserrat';font-size:15px;color:#fff;}
.full_slide .full_pagination>span {position:relative;width:1px;height:60px;border-radius:0;background:rgba(255,255,255,0.6);margin:10px 0 !IMPORTANT;}
.full_slide .full_pagination>span:before {content:"";position:absolute;top:0;left:-1px;width:3px;height:100%;background:#fff;opacity:0;}
.full_slide .full_pagination>span:last-child {display:none;}
.full_slide .full_pagination>span.swiper-pagination-bullet-active:before {opacity:1;}
.full_slide .line span {height:0;}
.full_slide.on .line span {height:100%;transition:1.5s;}
.full_slide.on .line span:nth-child(1) {transition-delay:0.1s;}
.full_slide.on .line span:nth-child(2) {transition-delay:0.3s;}
.full_slide.on .line span:nth-child(3) {transition-delay:0.4s;}
.full_slide.on .line span:nth-child(4) {transition-delay:0.5s;}
.full_slide.on .line span:nth-child(5) {transition-delay:0.6s;display: none;}

.full_slide .scroll_up {
	position:absolute;
	bottom: 30px;right: 30px;
	width:50px;height:50px;
	border-radius:50%;
	background:#fff url(../images/main/scroll_icon.png) no-repeat center;
	transform: rotate(180deg);
	z-index: 10;
	display:none;
}

/* section common */
.section {background:#191b1d;}
.section .sec_tag,.section .sec_tit,.section .sec_txt1,.section .sec_txt2 {overflow:hidden;}
.section .sec_tag>span,.section .sec_tit>span,.section .sec_txt1>span,.section .sec_txt2>span {display:block;transform:translateY(150px);}
.section .text_g {position:absolute;top:50%;left: 6.1%;transform: translate(-0%,-50%);z-index:100;}
.section .sec_tag {display:block;font-family:'Montserrat';font-size: 27px;font-weight:100;color:#fff;letter-spacing: -0.025em;transform: translateX(-3px);}
.section .sec_tit {display:block;font-family:'Montserrat';font-size: 66px;font-weight: 700;color:#fff;letter-spacing: -0.01em;transform: translateX(-3px);}
.section .sec_txt1 {display:block;font-size: 22px;color:#fff;letter-spacing: -0.01em;}
.section .sec_txt2 {font-size:18px;font-weight:300;line-height:1.7;color:#fff;margin-top:20px;opacity:0.7;}
.section .more {margin-top:60px;}
.section .more a {display: flex;justify-content: center;align-items: center;width:174px;height:60px;border-radius:30px;font-family:'Montserrat';font-size:15px;text-align:center;/* line-height:60px; */color:#fff;background:#383a3d;}
.section .more a div {height: 20px;overflow: hidden;}
.section .more a p {transition:transform 0.5s;}
.section .more a:hover p {transform:translateY(-20px);}

/* section01 */
.section01 {overflow:hidden;}
.section01 .video {width:100%;height:100%;}
.section01 .video video {width:100%;height:100%;object-fit: cover;}
.section01 .sec_tag {height: 31px;overflow: hidden;}
.section01 .sec_tit {margin: 10px 0 15px;height: 79px;overflow: hidden;}
.section01 .sec_txt1 {height: 32px;overflow: hidden;}
.section01 .scroll_btn {position:absolute;bottom: 55px;left:50%;margin-left: -45px;width: 90px;height: 90px;z-index: 10;}
.section01 .scroll_btn:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:50%;}
.section01 .scroll_btn>span {position:absolute;top:50%;left:50%;margin:-8px 0 0 -6px;display:block;width:13px;height:16px;background:url(../images/main/scroll_icon.png) no-repeat center / contain;}
.section01 .main_slide {width:100%;height:100%;}
.section01 .main_slide_g,
.section01 .main_slide_g .slick-list,
.section01 .main_slide_g .slick-track {width: 100%;height: 100%;}
.section01 .main_slide_g .slick-arrow {position: absolute;top: 0;z-index: 20;}
.section01 .main_slide .main_item {width:100%;height:100%;background: #000;}
.section01 .main_paging {position:absolute;top: 67%;left: 6.1%;display:flex;align-items: center;width:100%;z-index:10;}
.section01 .main_arrow {position:relative;display: flex;margin-right:30px;}
.section01 .main_arrow:before {content:"";position:absolute;top:0;left:50%;width:1px;height:28px;background:#fff;opacity:0.3;}
.section01 .main_arrow button {width:17px;height:30px;}
.section01 .main_arrow button.main_prev {background:url(../images/main/sec1_slide_prev.png) no-repeat center / contain;margin-right:23px;}
.section01 .main_arrow button.main_next {background:url(../images/main/sec1_slide_next.png) no-repeat center / contain;margin-left:23px;}
.section01 .main_pagination {position:relative;bottom:0;display: flex;width:auto;}
.section01 .main_pagination:before {content:"";position:absolute;top:50%;left:50%;margin-left:-6px;width:12px;height:1px;background:#fff;}
.section01 .main_pagination>span {display: block;width: 15px;font-family:'Montserrat';font-size:13px;font-weight:500;color:#fff;padding:0 14px;text-align: center;box-sizing: content-box;}
.section01 .slide_remote {cursor:pointer;margin-left:5px;}
.section01 .slide_remote .pause {display:block;width:8px;height:10px;border-left:2px solid #fff;border-right:2px solid #fff;box-sizing:border-box;}

.section01 .video {opacity:0;transition:2.5s;}
.section01 .slick-active .video {opacity:1;}
.section01 .sec_tag>span,
.section01 .sec_tit>span,
.section01 .sec_txt1>span{opacity:0;transition:0.8s;}
.section01 .slick-active .sec_tag>span,
.section01 .slick-active .sec_tit>span,
.section01 .slick-active .sec_txt1>span {opacity:1;transform:translateY(0px);transition: 0.8s;}
.section01.on .slick-active .sec_tag>span {transition-delay:1s;}
.section01.on .slick-active .sec_tit>span {transition-delay:0.8s;}
.section01.on .slick-active .sec_txt1>span {transition-delay:1.2s;}
.section01 .main_paging {opacity:0;transform:translateY(40px);}
.section01.on .main_paging {opacity:1;transform:translateY(0px);transition:0.8s 1.4s;}
.section01 .scroll_btn:before {transform: scale(0);}
.section01 .scroll_btn span {opacity:0;}
.section01.on  .scroll_btn:before {transform: scale(1);transition: transform 0.5s 2.8s;}
.section01.on  .scroll_btn span {opacity:1;transition:opacity 0.5s 2.7s; animation:scroll_ani 1.2s 3.2s infinite;}

@keyframes scroll_ani {
	0% {transform:translateY(0);}	 
	50% {transform:translateY(10px);}
	100% {transform:translateY(0);}
}

/* section02 */
.section02 .slide_inner {display:flex;}
.section02 .text_g {width:37.8%;left: 6.1%;}
.section02 .technology_text {position: absolute;width: 100%;height: 100%;z-index: 11;}
.section02 .technology_bg {width:50%;overflow: hidden;margin-left: 50%;}
.section02 .technology_bg .bg_item {width:100%;height:100%;overflow:hidden;}
.section02 .technology_bg .bg {width:100%;height:100%;}
.section02 .technology_bg .bg_inner {width:100%;height:100%;transform: scale(1.07);transition:0.8s;}
.section02.on .technology_bg .swiper-slide-active .bg_inner {transform: scale(1);transition:2.3s 0.3s;}
.section02 .technology_pagination {position: absolute;bottom: auto;top: 78%;left: 6.1%;z-index: 20;transform: translateX(-3px);}
.section02 .technology_pagination>span {font-family:Play;font-size:30px;font-weight:700;color:#fff;opacity:0.05;}
.section02 .technology_pagination>span.current {font-size:110px;}
.section02 .technology_pagination2 {position:absolute;top:50%;bottom:auto;right: 9.1%;transform:translateY(-50%);z-index:20;}
.section02 .technology_pagination2>span {position: relative;width: 145px;height: 15px;background: transparent;margin: 25px 0 !IMPORTANT;opacity: 1;}
.section02 .technology_pagination2>span:before {content:"";position:absolute;top: 50%;left:0;width:11px;height:11px;margin-top: -5px;border-radius:50%;border:1px solid #fff;}
.section02 .technology_pagination2>span:after {content:"";position:absolute;top: 51%;left: 29px;width:8px;height:1px;background:#fff;opacity:0.8;}
.section02 .technology_pagination2>span.swiper-pagination-bullet-active:before {background:#fff;}
.section02 .technology_pagination2>span em {font-family:'Montserrat';font-size:12px;color:#fff;padding-left: 54px;}

.section02 .technology_bg .bg_item {position:relative;}
.section02 .technology_bg .bg_item:before {content:"";position:absolute;top:0;right: 0;width:100%;height:100%;background:#191b1d;z-index: 1;}
.section02.on .technology_bg .bg_item:before {width:0;transition:width 1s;}

.section02 .more {opacity:0;transform:translateY(50px);}
.section02 .sec_tag>span {transition:transform 0.8s;}
.section02 .sec_tit>span {transition:transform 0.8s;}
.section02 .sec_txt1>span {transition:transform 0.8s;}
.section02 .sec_txt2>span {transition:transform 0.8s;}
.section02 .more {transition:0.8s;}
.section02.on .swiper-slide-active .sec_tag>span {transform:translateY(0px); transition:transform 0.8s 1s;}
.section02.on .swiper-slide-active .sec_tit>span {transform:translateY(0px); transition:transform 0.8s 0.8s;}
.section02.on .swiper-slide-active .sec_txt1>span {transform:translateY(0px); transition:transform 0.8s 1.2s;}
.section02.on .swiper-slide-active .sec_txt2>span {transform:translateY(0px); transition:transform 0.8s 1.4s;}
.section02.on .swiper-slide-active .more {opacity:1;transform:translateY(0px); transition:0.8s 1.6s;}
.section02 .technology_pagination {opacity:0;}
.section02.on .technology_pagination {opacity:1;transition:opacity 0.8s 1.9s;}

/* section03 */
.section03 .sec_tag {font-size: 24px;}
.section03 .sec_tit {font-size: 66px;}
.section03 .text_g {position: relative;top: auto;left: auto;transform: translateY(35px);}
.section03 .conwrap {position:absolute;top:50%;left:0;transform: translate(0,-50%);width: 100%;padding: 0 6.1%;}
.section03 .video_g {position:relative;width: 85.8%;margin:0 auto 0;padding-bottom: 47.2%;background:url(../images/main/sec3_img1.jpg) no-repeat center / cover;}
.section03 .video_g iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.section03 .video_g:before {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#191b1d;z-index: 1;}
.section03 .video_tit {position:absolute;bottom:0;left:0;display:block;width: 100%;font-size: 22px;color: #fff;padding: 0 0 25px 25px;}
.section03.on .sec_tag>span {transform:translateY(0px);transition:0.8s 0.5s;}
.section03.on .sec_tit>span {transform:translateY(0px);transition:0.8s 0.3s;}
.section03.on .video_g:before {width:0;transition:width 0.9s;}

/* section04 */
.section04 .sec_tag {font-size: 24px;}
.section04 .sec_tit {font-size: 66px;}
.section04 .text_g {position:unset;transform: translateY(0);/* padding: 0 8%; */margin-bottom: 30px;}
.section04 .conwrap {position:absolute;top:50%;left:0;transform: translate(0,-50%);width: 100%;padding: 0 6.1%;z-index: 10;}
.section04 .pipe_list ul {display:flex;justify-content:space-between;}
.section04 .pipe_list ul li {width:49%;}
.section04 .pipe_list ul li img {width:100%;}
.section04 .pipe_list ul li .text_wrap {/* padding-left: 78px; */margin-top:40px;}
.section04 .pipe_list ul li .text_wrap strong {position:relative;display:block;font-size: 28px;font-weight:400;color:#fff;margin-bottom:20px;padding-left: 60px;}
.section04 .pipe_list ul li .text_wrap strong:before {content:"";position:absolute;top:0;left: 0;width: 38px;height: 43px;}
.section04 .pipe_list ul li:nth-child(1) .text_wrap strong:before {background: url(../images/main/sec4_icon1.png) no-repeat top 5px right / contain;}
.section04 .pipe_list ul li:nth-child(2) .text_wrap strong:before {background: url(../images/main/sec4_icon2.png) no-repeat center right / contain;}
.section04 .pipe_list ul li .text_wrap p {font-size:17px;font-weight:300;line-height:1.7;color:#fff;opacity:0.7;}
.section04.on .sec_tag>span {transform:translateY(0px);transition:0.8s 0.1s;}
.section04.on .sec_tit>span {transform:translateY(0px);transition:0.8s;}
.section04 .pipe_list ul li .img_wrap {position:relative;}
.section04 .pipe_list ul li .img_wrap:before {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#191b1d;}
.section04.on .pipe_list ul li .img_wrap:before {width:0;transition:width 0.9s 0.8s;}
.section04 .pipe_list ul li .text_wrap strong,.section04 .pipe_list ul li .text_wrap p {opacity:0;transform:translateY(40px);}
.section04.on .pipe_list ul li .text_wrap strong{opacity:1;transform:translateY(0px);transition:0.8s 1.2s;}
.section04.on .pipe_list ul li .text_wrap p {opacity:1;transform:translateY(0px);transition:0.8s 1.4s;}

/* section05 */
.section05 .bg {width:100%;height:100%;background:url(../images/main/sec5_bg.jpg) no-repeat center / cover;}
.section05 .text_g {width:75.6%;}
.section05 .sec_tit {font-size: 65px;}
.section05 .sec_tit>div {height: 78px;overflow:hidden;}
.section05 .sec_tit>div>span {display:block;transform:translateY(120px);}
.section05 .more {opacity:0;transform:translateY(40px);}
.section05.on .sec_tag>span {transform:translateY(0px);transition:0.8s 0.2s;}
.section05.on .sec_tit>div>span {transform:translateY(0px);transition:0.8s;}
.section05.on .sec_tit>div:nth-child(2)>span {transition-delay:0.1s;}
.section05.on .sec_txt1>span {transform:translateY(0px);transition:0.8s 0.3s;}
.section05.on .sec_txt2>span {transform:translateY(0px);transition:0.8s 0.5s;}
.section05.on .more {opacity:1;transform:translateY(0px);transition:0.8s 0.7s;}

/* section06 */
.section06 .conwrap {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);display:flex;flex-wrap: wrap;justify-content:space-between;padding: 0 6.15%;z-index:10;}
.section06 .sec_tag {padding-bottom:15px;transform: translateX(0);}
.section06 .news_wrap {width:61%;}
.section06 .news_wrap .sec_tag {border-bottom:3px solid #4c4d4f;}
.section06 .news_list li {border-bottom:1px solid #3b3c3e;background: #191b1d;}
.section06 .news_list li a {display:flex;justify-content:space-between;align-items: center;padding: 10px 4% 15px;}
.section06 .news_list li .date {width: 65px;font-family:'Montserrat';color:#fff;text-align:center;}
.section06 .news_list li .date .day {font-size: 50px;font-weight: 600;letter-spacing: -0.01em;}
.section06 .news_list li .date .year {font-size:15px;letter-spacing: 0.03em;}
.section06 .news_list li .text {width:calc(100% - 110px);margin: 0 6% 0 9%;}
.section06 .news_list li .text .tit {display:block;font-size: 20px;font-weight:500;color:#fff;margin: 5px 0 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
.section06 .news_list li .text .con {font-size:16px;font-weight:300;color:#fff;opacity:0.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
.section06 .news_list li .view {position:relative;width:45px;height:45px;background:url(../images/main/sec6_view.png) no-repeat center / contain;}
.section06 .news_list li .view:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background: url(../images/main/sec6_view_acc.png) no-repeat center top 16px;}
.section06 .news_list li:hover .view {background:url(../images/main/sec6_view_on.png) no-repeat center / contain;transition:background 0.3s;}
.section06 .faq_wrap {width: 36%;}
.section06 .faq_box {display: flex;justify-content: center;align-items: center;height: calc(100% - 52px);background:#24283d;}
.section06 .faq_box .inner {padding: 10%;}
.section06 .faq_box .con_txt {font-size: 20px;font-weight:300;line-height:1.4;color:#fff;opacity:0.6;margin-bottom: 30px;}
.section06 .faq_box img {width:100%;}
.section06 .more a {background: #333641;}
.section06 .conwrap>div {opacity:0;transform:translateY(40px);}
.section06.on .conwrap>div {opacity:1;transform: translate(1px,0px);transition:0.8s;}
.section06.on .conwrap>div:last-child {transition-delay:0.2s;}

/* footer */
.footer_sec {height:auto;flex-shrink: unset;position: unset;transition-property: unset;}



/* body on */
header {opacity:0;}
.on #wrap header {opacity:1;transition:opacity 0.8s 2s;}
.full_slide .full_pagination {opacity:0;}
.on .full_slide .full_pagination {opacity:1;transition:opacity 0.8s 2s;}


@media screen and (max-width:900px){
	.section01 .text_g {transform: translate(-0%,-65%);}
	
	.section02 .slide_inner {align-items: flex-end;}
	.section02 .technology_text {top:0;height:60%;}
	.section02 .text_g {width:87.8%;top: 55%;}
	.section02 .technology_bg {position:relative;width: 100%;height: 40%;margin-left: 0;}
	.section02 .technology_pagination {right: 6.1%;left: auto;width:auto;}
	.section02 .technology_pagination2 {left: 8.5%;right:auto;}
	.section02 .more {margin-top:30px;}
	.section02 .more a {width:154px;height:45px;}

	.section06 .news_wrap {width: 99.8%;transform: translateX(1px);}
	.section06 .faq_wrap {width:100%;margin-top: 45px;}
	.section06 .faq_box {display:block;}
	.section06 .faq_box .inner {position: relative;display: flex;justify-content: space-between;padding: 40px;}
	.section06 .faq_box .con_txt {width: 45%;order:1;}
	.section06 .faq_box img {width:50%;order:3;}
	.section06 .more {position: absolute;bottom: 40px;left: 40px;width:50%;order:2;}
	.section06 .more a {width:154px;height:45px;}
	.section06 .news_list li:nth-child(n + 4) {display:none;}
	.section06 .news_list li a {padding: 8px 3%;}
	.section06 .news_list li .date .day {font-size:40px;line-height:1.1;}
	.section06 .news_list li .text .tit {font-size:17px;margin:0;}
	.section06 .news_list li .text .con {display:none;}
}