@charset "utf-8";

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


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;}
.full_slide .full_pagination:before {content:"01";position:absolute;top: -30px;left: -10px;font-family:'Montserrat', 'S Dream',sans-serif;font-size:15px;color:#fff;width: 20px;text-align: center;}
.full_slide .full_pagination:after {content:"06";position:absolute;bottom: -30px;left: -8px;font-family:'Montserrat', 'S Dream',sans-serif;font-size:15px;color:#fff;width: 20px;}
.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;}

.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:#004282;}
.section .sec_tag,.section .sec_tit,.section .sec_txt1,.section .sec_txt2 {overflow:hidden;font-family:'Montserrat', 'S Dream',sans-serif;}
.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: 12.2%;transform: translate(-0%,-50%);z-index:100;}
.section .sec_tag {display:block;font-family:'Montserrat', 'S Dream',sans-serif;font-size:30px;font-weight:100;color:#fff;letter-spacing: -0.025em;transform: translateX(-3px);}
.section .sec_tit {display:block;font-family:'Montserrat', 'S Dream',sans-serif;font-size: 5.7vw;font-weight: 700;color:#fff;letter-spacing: -0.01em;transform: translateX(-3px);}
.section .sec_txt1 {display:block;font-size: 24px;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', 'S Dream',sans-serif;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 {transform:translateY(-1px);}
.section .more a:hover p {animation:more_hover 0.5s forwards}
@keyframes more_hover {
	from {transform:translateY(-1px);}
	to {transform:translateY(-20px);}
}


/* section01 */
.section01 {overflow:hidden;}
.section01 .video {width:100%;height:100%;}

.section01 .video video {width:100%;height:100%;object-fit: cover;}
.section01 .text_g {transform: translate(-0%,-60%);}
.section01 .sec_tag {height: 37px;overflow: hidden;}
.section01 .sec_tit {margin: 10px 0 15px;/* height: 134px; */overflow: hidden;}
.section01 .sec_txt1 {height: 37px;overflow: hidden;}
.section01 .scroll_btn {position:absolute;bottom:67px;left:50%;margin-left:-58px;width:116px;height:116px;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>.swiper-wrapper {width:100%;height:100%;}
.section01 .main_slide .main_item {width:100%;height:100%;background: #000;}
.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_paging {position:absolute;top: 67%;left: 13.2%;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', 'S Dream',sans-serif;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.on .slick-active .sec_tag>span,
.section01.on .slick-active .sec_tit>span,
.section01.on .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%;margin-top:100px;}
.section02 .sec_tit {font-size: 4.9vw;}
.section02 .sec_tag {margin-bottom: 40px;}
.section02 .sec_txt1 {margin-top: 20px;}
.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: 12.2%;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:20%;left:85px;transform:translateY(-50%);z-index:20;}
.section02 .technology_pagination2>span {position: relative;width:120px;height: 50px;background: transparent;opacity: 1;}



.section02 .technology_pagination2>span p {font-family:'Montserrat', 'S Dream',sans-serif;font-size:18px;color:#fff;width:25%;background:#2879c8;padding:50px 35px 20px 20px;text-align:center}
.section02 .technology_pagination2>span.swiper-pagination-bullet-active p{background:#222;}
.section02 .technology_pagination2>span p:hover {background:#222;}








.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:#004282;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:26px;}
.section03 .sec_tit {font-size:90px;}
.section03 .text_g {position: relative;top: auto;left: auto;transform: translateY(50px);}
.section03 .conwrap {position:absolute;top:50%;left:0;transform: translate(0,-50%);width: 100%;padding: 0 12.2%;}
.section03 .video_g {position:relative;width: 100%;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: -1px;right:0;width:100%;height: 101%;background:#004282;z-index: 1;}
.section03 .video_tit {position:absolute;bottom:0;left:0;display:block;width: 100%;font-size:28px;color: #fff;padding: 0 0 40px 65px;}
.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:26px;}
.section04 .sec_tit {font-size:90px;}
.section04 .text_g {position: relative;top: auto;left: auto;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 12.2%;z-index: 10;}
.section04 .pipe_list ul {display:flex;justify-content:space-between;}
.section04 .pipe_list ul li {width:24%;}
.section04 .pipe_list ul li img {width:100%;}
.section04 .pipe_list ul li .text_wrap {padding-right:20px;margin-top:15px;text-align:right}
.section04 .pipe_list ul li .text_wrap strong {position:relative;display:block;font-size:24px;font-weight:500;color:#fff;margin-bottom:0px;}
.section04 .pipe_list ul li .text_wrap strong:before {content:"";position:absolute;top:0;left:-80px;width:43px;height:48px;}
.section04 .pipe_list ul li:nth-child(1) .text_wrap strong:before {}
.section04 .pipe_list ul li:nth-child(2) .text_wrap strong:before {}
.section04 .pipe_list ul li .text_wrap p {font-size:20px;font-weight:400;line-height:2.0;color:#fff;opacity:0.9;}
.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:#004282;}
.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:#b69c68 url("/images/b_bg.png") no-repeat 80% 70%;background-size:50%;}
.section05 .sec_tit {font-size:90px;}
.section05 .sec_tit>div {height:110px;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;justify-content:space-between;padding: 0 12.3%;z-index:10;}
.section06 .sec_tag {padding-bottom:15px;transform: translateX(0);}
.section06 .news_wrap {width:80%;margin:0 auto 0;}
.section06 .news_wrap .sec_tag {border-bottom:3px solid #4c4d4f;}
.section06 .news_list li {border-bottom:1px solid #3b3c3e;background: #004282;}
.section06 .news_list li a {display:flex;justify-content:space-between;align-items: center;padding: 15px 4% 25px;}
.section06 .news_list li .date {width: 73px;font-family:'Montserrat', 'S Dream',sans-serif;color:#fff;text-align:center;}
.section06 .news_list li .date .day {font-size: 55px;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% - 118px);margin: 0 6% 0 9%;}
.section06 .news_list li .text .tit {display:block;font-size:22px;font-weight:500;color:#fff;margin: 5px 0 15px;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;}

/* footer 
.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:22px;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:translateY(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 ,background 0.3s;}
.full_slide .full_pagination {opacity:0;}
.on .full_slide .full_pagination {opacity:1;transition:opacity 0.8s 2s;}