@charset "utf-8";

.section {position:relative;}


/* 섹션 01 */
.section02 {overflow:hidden;}
.scroll-down {position:absolute; left:50%; bottom:0; z-index:10; text-align:center; width:106px; margin-left:-53px;}
.scroll-down .sd-img {position:relative;}
.scroll-down .sd-txt {color:#fff; font-size:16px; font-weight:400;}

.video-background {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
  z-index:1;
	overflow:hidden;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
	background:#000;
}
#vidtop-content {
    top: 0;
    color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 150%; top: -25%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}

.mainbg {z-index:10; position:relative; overflow:hidden; height:100%;}
.mainbgcover {z-index:11; position:relative; overflow:hidden; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%;}
.mainbgcover .txt {display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; flex-direction: column;}
.mainbgcover .txt div {font-family: 'Montserrat',sans-serif; font-weight:700; font-style:italic; color:#fff; font-size:174px; line-height:212px; opacity: 0.5; mix-blend-mode: overlay;}
.mainbgcover .txt div.t1 {padding-right:25%;}
.mainbgcover .txt div.t2 {padding-left:25%;}

.section02 .mainbgcover {opacity:0.75;}
.section05 .mainbgcover {opacity:0.83;}

.iconmouse{z-index:20; position: absolute; bottom: 90px; left: 50%; transform: translate(-50%, 0);  width: 27px; height: 50px; border:2px solid #fff; border-radius: 20px; opacity:0.6;}
@keyframes Mouse_act
{
0%{transform:translateY(5px);}

50%{transform:translateY(-5px);}

100%{transform:translateY(5px);}

}
/*.iconmouse::before{content: 'SCROLL'; display: block; position: absolute; top: -35px; left: 50%; margin-left: -29px; width: 60px; font-size: 16px; color: #fff; letter-spacing: 0px; font-weight:600;}*/
.iconmouse .ball{position: absolute; top: 8px; left:50%; margin-left:-8.5px; width:17px; height: 17px; background: #fff; border-radius: 50%; animation: Mouse_act 1s ease-out infinite;}
.iconmouse .double-arrow {font-size:18px; color:#fff; position:absolute; bottom:-30px; left: 50%; transform:translateX(-50%);}


/* 섹션 02 */
.section02 {background:url("/assets/images/section02-bg.jpg") no-repeat center center; background-size:cover;}
.main_3d_section {background-size:cover;}
.main_3d_section .con {height:100vh; display:flex; align-items: center; position:relative; padding-bottom:150px;}
.main_3d_section .txt-box {}
.main_3d_section .txt-box .t-num {font-weight:700; color:#03B5EF; font-size:21px;}
.main_3d_section .txt-box .t1 {font-family: 'Montserrat', serif; font-weight:700; font-size:44px; color:#fff; margin-top:5px;}
.main_3d_section .txt-box .t2 {font-size:18px; font-weight:500; line-height:27px; color:#fff; margin-top:25px; opacity:0.8;}
.main_3d_section .txt-box .t2 span {font-weight:300;}
.main_3d_section .txt-box .t3 {margin-top:74px;}
.main_3d_section .txt-box .t3 .btn {outline:none; cursor:pointer; border-radius:33px; background:rgb(255 255 255 / 3%); border:1px solid #FFFFFF; display: inline-block; vertical-align: top; overflow:hidden; position:relative; box-shadow:#c9f4ffc4  0 0 7px 0px;}
.main_3d_section .txt-box .t3 .btn span {font-family: 'Montserrat', serif; font-size:19px; font-weight:400; color:#fff; text-align:center; line-height:48px; padding:0 42px; display: inline-block; display:flex; align-items: center;}
/*.main_3d_section .txt-box .t3 .btn span svg {margin-right:10px;}*/
/*.main_3d_section .txt-box .t3 .btn + .btn {margin-left:15px; background:rgba(255,255,255,0.11);}*/
/*.main_3d_section .txt-box .t3 .btn:hover {trans}*/
.main_3d_section .modeling {position:absolute; top:50%; right:0; transform:translateY(-50%); width:1200px; height:720px;}
.main_3d_section .modeling iframe {width:100%; height:100%;}
.main_3d_section .movie-link {position:absolute; left:0; bottom:50px; mix-blend-mode: overlay;}
.main_3d_section .movie-link .btn {color:#fff; font-size:18px; font-weight:300; background:none; border:none; outline:none;     display: flex; align-items: center; cursor:pointer;}

.modeling-tab {position:absolute; left:0; bottom:0; width:100%; padding-bottom:30px; padding-top:30px;}
.modeling-tab ul {display: flex; justify-content: space-between;}
.modeling-tab ul li {opacity:0.3; cursor:pointer;}
.modeling-tab ul li.on {opacity:1;}
.modeling-tab ul li .txt {padding-left:30px; padding-right:110px;}
.modeling-tab ul li .txt .t1 {font-size:18px; color:#fff; font-weight:500; font-family: 'Montserrat', serif; position:relative;}
.modeling-tab ul li .txt .t1 .ic {position:absolute;     left: -32px; top: -3px;}
.modeling-tab ul li .txt .t2 {font-size:15px; color:#fff; font-weight:300; line-height:22px; margin-top:12px;}


/* 섹션 03 */
.section03 {background:url("/assets/images/section03-bg.jpg") no-repeat center center; background-size:cover;}
.section03 .top-t {display: flex; align-items: flex-end;}
.section03 .top-t .left {width:800px;}
.section03 .top-t .left .t1 {font-weight:700; font-size:21px; color:#03B5EF;}
.section03 .top-t .left .t2 {color:#fff; font-size:44px; font-family: 'Montserrat', serif; font-weight:700; margin-top:15px; margin-bottom:26px;}
.section03 .top-t .right {}
.section03 .top-t .right .txt {color:#fff; font-size:21px; font-weight:300; line-height:36px;}
.section03 .top-b {margin-top:50px;}
.section03 .top-b ul {display:flex; justify-content: space-between;}
.section03 .top-b ul li {background:rgb(255 255 255 / 5%); width:443px; height:440px; position:relative;}
.section03 .top-b ul li .ic {position:absolute; right:20px; top:20px; color:#fff; font-size:40px;}
.section03 .top-b ul li .txt {position:absolute; left:0; bottom:0; padding:40px; text-align:left;}
.section03 .top-b ul li .txt .t1 {font-weight:500; font-size:21px; color:#fff; opacity:0.8;}
.section03 .top-b ul li .txt .t2 {font-weight:300; font-size:16px; color:#fff; line-height:23px; opacity:0.6; margin-top:10px;}
.section03 .btn-wrap {margin-top:65px; text-align:center;}
.section03 .btn-wrap .bt {outline:none; cursor:pointer; border-radius:33px; background:rgb(255 255 255 / 3%); border:1px solid #FFFFFF; display: inline-block; vertical-align: top; overflow:hidden; position:relative; box-shadow:#c9f4ffc4  0 0 7px 0px;}
.section03 .btn-wrap .bt span {font-family: 'Montserrat', serif; font-size:19px; font-weight:400; color:#fff; text-align:center; line-height:48px; padding:0 42px; display: inline-block; display:flex; align-items: center;}

/* 섹션 04 */
.section04 {background:url("/assets/images/section04-bg.jpg") no-repeat center center; background-size:cover;}
.cyber-news {margin-top:10%;}
.cyber-news ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.cyber-news ul li {width:328px; height:247px; border-top:4px solid rgb(255 255 255 / 50%); text-align:left; padding:25px 25px 20px 25px;; margin-bottom:100px; position:relative; cursor:pointer;}
.cyber-news ul li:first-child {border-top:none;}
.cyber-news ul li .t1 {font-weight:700; font-size:21px; color:#03B5EF;}
.cyber-news ul li .t2 {color:#fff; font-size:44px; font-family: 'Montserrat', serif; font-weight:700; margin-top:15px; margin-bottom:26px;}
.cyber-news ul li .btn-wrap {text-align:right; position:absolute; bottom:0; right:0; width:100%;}
.cyber-news ul li .btn-wrap .bt {outline:none; cursor:pointer; border-radius:33px; background:rgb(255 255 255 / 3%); border:1px solid #FFFFFF; display: inline-block; vertical-align: top; overflow:hidden; position:relative; box-shadow:#c9f4ffc4  0 0 7px 0px;}
.cyber-news ul li .btn-wrap .bt span {font-family: 'Montserrat', serif; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:38px; padding:0 38px; display: inline-block; display:flex; align-items: center;}
.cyber-news ul li .jemok {font-size:17px; font-weight:500; line-height:34px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0.7;}
.cyber-news ul li .cont {margin-top:27px; font-size:14px; font-weight:300; line-height:22px; color:#fff; opacity:0.5; color:#fff; display: -webkit-box;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
text-align: left;
word-wrap: break-word;
line-height: 22px;
height: 88px; }
.cyber-news ul li .date {color:#fff; opacity:0.5;font-size:10px; font-weight:100; margin-top:37px;}
.cyber-news ul li:hover {background:rgb(255 255 255 / 12%);}
.cyber-news ul li:hover .jemok {opacity:1;}
.cyber-news ul li:hover .cont {opacity:0.8;}
.cyber-news ul li:hover .date {opacity:0.7;}


/* 섹션 a */
.section-a {background:url("/assets/images/section-a-bg.jpg") no-repeat center center; background-size:cover;}
.section-a .mainbgcover .txt div {opacity:0.1;}
.section-a .main_3d_section {position:relative; z-index:15;}
.sidebtn {z-index:16; position:absolute; top:0; bottom:0; height:100%; font-size:16px; font-weight:300; color:#fff; font-family: 'Montserrat', serif;  width:95px; opacity:0.5; background:rgb(255,255,255, 0%); display:flex; align-items: center; justify-content: center; transition:0.5s; cursor:pointer;}
.sidebtn:hover {opacity:1; background:rgb(255 255 255 / 10%);}
.sidebtn-left {left:0; border-right:1px solid rgb(255 255 255 / 20%);}
.sidebtn-left span {display: inline-block; /*transform-origin:left top;*/ transform:rotate(-90deg);}
.sidebtn-right {right:0; border-left: 1px solid rgb(255 255 255 / 20%);}
.sidebtn-right span {display: inline-block; /*transform-origin:left top;*/ transform:rotate(90deg);}
.modeling-paging {position:absolute; left:230px; bottom:100px; z-index:20;}
.modeling-paging ul {font-size:0;}
.modeling-paging ul li {display: inline-block; vertical-align: top; font-size:21px; font-weight:100; color:rgb(188 239 255 / 50%); margin-right:25px; cursor:pointer;}
.modeling-paging ul li span {color:rgb(255 255 255 / 24%); font-weight:400; margin-right:10px;}
.modeling-paging ul li.on span {color:#03B5EF; opacity:0.5; font-weight:700;}

/* 섹션 b */
.section-b {background:url("/assets/images/section-b-bg.jpg") no-repeat center center; background-size:cover;}
.section-b .tit_box {position:absolute; left:50%; top:15%; display: inline-block; width:720px; margin-left:-360px; z-index:10; text-align:center;}
.section-b .tit_box .tit {font-size:42px; color:#fff; font-weight:700;}
.section-b .tit_box .tit_sub {font-size:21px; color:#fff; opacity:0.8; line-height:32px; margin-top:25px;}

.sc02_ul {font-size:0; width:100%; height:100%; position:relative; z-index:2;}
.sc02_ul li {display: inline-block; vertical-align: top; width:25%; height:100%; overflow:hidden; position:relative; transition:1s;}
.sc02_ul li::after {content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:rgb(255 255 255 / 25%);}
.sc02_ul li .bg {position:absolute; left:0; top:0; width:100%; height:100%; transition:1s; z-index:2; }
.sc02_ul li.sc02_li1 .bg {background:url("/img/sc02_li1.jpg") no-repeat center center; background-size:cover;}
.sc02_ul li.sc02_li2 .bg {background:url("/img/sc02_li2.jpg") no-repeat center center; background-size:cover;}
.sc02_ul li.sc02_li3 .bg {background:url("/img/sc02_li3.jpg") no-repeat center center; background-size:cover;}
.sc02_ul li.bg_off  .bg {left:-100%;}
.sc02_ul li.on {background:rgba(0,0,0,0.5);}

.sc02_ul li .li_box {display:table;width:100%; height:100%; position:relative; z-index:3; padding-top:80%;}
.sc02_ul li .li_box .li_content {display:table-cell; vertical-align: middle; text-align:center; background:rgb(9 19 30 / 67%);}
.sc02_ul li .li_box .li_content .ic {}
.sc02_ul li .li_box .li_content .ic img {max-width:100%;}
.sc02_ul li .li_box .li_content .txt {}
.sc02_ul li .li_box .li_content .txt a {display: inline-block; width:100%; height:100%; color:#fff;}
.sc02_ul li .li_box .li_content .txt .t1 {font-size:21px; font-weight:500; margin-top:15px; opacity:0.8;}
.sc02_ul li .li_box .li_content .txt .t2 {font-size:16px; font-weight:300; line-height:23px; margin-top:20px; opacity:0.6;}
.sc02_ul li .li_box .li_content .txt .btn {margin-top:40px; opacity:0; overflow:hidden; transition:0.5s; height:0; width:0; border-radius:20px; border:1px solid #fff; display: inline-block; text-align:left; box-sizing:border-box;-moz-box-sizing:border-box; padding-left:20px; background:url("/img/btn_arr.png") no-repeat 86% 14px;}
.sc02_ul li.on .li_box .li_content .txt .btn {opacity:1; height:40px; width:130px; }
.sc02_ul li .li_box .li_content .txt .btn p {line-height:36px; font-weight:400; color:#fff; font-size:14px;}

.sc02_bg {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;}
.sc02_bg > div {width:100%; height:100%; transition:1s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%;}
.sc02_bg > div.on {opacity:1;}
.sc02_bg > div.sc02_bg1 {background:url("/img/sc02_bg1.jpg") no-repeat center center;  background-size:cover;}
.sc02_bg > div.sc02_bg2 {background:url("/img/sc02_bg2.jpg") no-repeat center center; background-size:cover;}
.sc02_bg > div.sc02_bg3 {background:url("/img/sc02_bg3.jpg") no-repeat center center; background-size:cover;}
.section-b-overlay {background:rgb(9 19 30 / 67%); position:absolute; left:0; bottom:0; width:100%; height:60%; z-index:1;}

/* 섹션 c */
.section-c {}
.section-c .con {position:relative;}
.section-c .txt-box {position:absolute; left:0; top:0;}
.section-c .txt-box .t1 {font-weight:600; font-size:18px; color:#03B5EF;}
.section-c .txt-box .t2 {color:#192A3D; font-size:45px; font-family: 'Montserrat', serif; font-weight:800; margin-top:15px; margin-bottom:26px;}
.swipe-section {text-align:right; position:relative;}
.swipe-section .thumb {position:relative; z-index:10; border-radius:15px; overflow:hidden; width:948px; display: inline-block;}
.swipe-section .contxt {position:relative; z-index:11; background:#fff; border-radius:23px; box-shadow:rgb(0 0 0 / 16%) 0 3px 10px 0; width:650px; padding:30px 45px; margin-top:-90px; text-align:left;}
.swipe-section .contxt .t1 {font-size:21px; font-weight:500; color:#143861; position:relative; line-height:28px;}
.swipe-section .contxt .t1::before {content:""; position:absolute; left:-10px; bottom:0; background:rgb(20 56 97 / 10%); width:232px; height:15px;}
.swipe-section .contxt .t2 {margin-top:30px;}
.swipe-section .contxt .t2 ul {}
.swipe-section .contxt .t2 ul li {position:relative;margin-bottom:13px; padding:10px 0 0 10px; font-size:16px;}
.swipe-section .contxt .t2 ul li::before {content:""; width:9px; height:9px; display: inline-block; background:rgb(20 56 97); position:absolute; left:0; top:0;}
.swipe-section .swipe-arrow {position:absolute; left:710px; bottom:100px; display:flex;}
.swipe-section .swipe-arrow div {margin:0 10px; cursor:pointer;}

/* 섹션 d */
.section-d {background:url("/assets/images/section-d-bg.jpg") no-repeat center center;background-size:cover;}
.section-d .con {position:relative;}
.section-d .txt-box {}
.section-d .txt-box .t1 {font-weight:700; font-size:21px; color:#03B5EF;}
.section-d .txt-box .t2 {color:#fff; font-size:44px; font-family: 'Montserrat', serif; font-weight:700; margin-top:15px; margin-bottom:26px;}
.section-d .cyber-news {margin-top:15%;}
.section-d .cyber-news ul li {margin-bottom:0;}
.section-d .cyber-news ul li:first-child {border-top:4px solid rgb(255 255 255 / 50%);}
.section-d .cyber-news-arrow {position:absolute; right:0; top:0; display:flex;}
.section-d .cyber-news-arrow div {margin:0 10px; cursor:pointer;}


/* 패럴렉스 레이아웃 시작 */
.st-1 {position:relative;}
.st-1 .swiper-slide { height: 100vh; min-height: 800px; background:#000;}
.st-1 .swiper-pagination {position:absolute; left:50%; bottom:120px; width:1480px; transform:translateX(-50%); text-align:right;}
.st-1 .swiper-pagination .swiper-pagination-bullet {background:none; margin-left:12px; opacity:1;}
.st-1 .text-cover {width:1480px; height:100%; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); }
.st-1 .text-cover .txt {position:absolute; left:0; bottom:120px;}
.st-1 .text-cover .txt > div {font-size:60px; color:#fff; font-weight:800; line-height:1.26;}
.st-1 .text-cover .txt > div.t1 {color:rgb(255 255 255 / 75%); transform:translateY(30%); transition: 0.8s cubic-bezier(0.4, 0, 1, 1); opacity:0; transition-delay: 0.8s;}
.st-1 .text-cover .txt > div.t2 {margin-top:50px; transform:translateY(30%); transition: 0.8s cubic-bezier(0.4, 0, 1, 1); transition-delay: 1.6s; opacity:0;}
.st-1 .swiper-slide-active .text-cover .txt > div.t1, .st-1 .swiper-slide-active .text-cover .txt > div.t2 {transform:translateY(0); opacity:1;}
.circle_progress {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; 
}
.circle_progress:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  content: "";
  opacity: 0.25;
}

.circle_progress .left, .circle_progress .right {
  position: absolute;
  top: 0;
  width: 18px;
  height: 36px;
  overflow: hidden;
  z-index: 10;
}
.circle_progress .left .bar, .circle_progress .right .bar {
  position: absolute;
  top: 0;
  width: 18px;
  height: 36px;
  border: 2px solid #fff;
  box-sizing: border-box;
}

.circle_progress .left {
  left: 0;
}
.circle_progress .left .bar {
  left: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-left: 0;
  transform-origin: center left;
}

.circle_progress .right {
  right: 0;
}
.circle_progress .right .bar {
  right: 18px;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  border-right: 0;
  transform-origin: center right;
}
.circle_progress .value {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
width:36px; 
height:36px;
line-height: 36px;
font-size: 16px;
color: #888;
text-align: center;
border-radius: 50%;
background-color: none; 
}

.swiper-pagination-bullet-active.circle_progress .right .bar {animation: right 5s linear 0s forwards; }
.swiper-pagination-bullet-active.circle_progress .left .bar {animation: left 5s linear 5s forwards; }

.btn_pause {
  width: 100px;
  height: 40px;
  line-height: 15px;
  margin-top: 10px;
  padding: 10px 0;
  text-align: center; 
}

@keyframes left {
  0% {
      transform: rotate(0); }
  /* 25% {
      transform: rotate(0); }
  50% {
      transform: rotate(180deg); } */
  100% {
      transform: rotate(180deg); }
  /* 100% {
      transform: rotate(360deg); }  */
}

@keyframes right {
  0% {
      transform: rotate(0); }
  /* 25% {
      transform: rotate(180deg); } */
  100% {
      transform: rotate(180deg); }
  /* 75% {
      transform: rotate(360deg); }
  100% {
      transform: rotate(360deg); } */
}


.st-2 {height:100vh; min-height:900px; display:flex;     align-items: center; flex-wrap: wrap; align-content: center; margin-top:100px;}
.st-2 .tit {text-align: left; padding-left:220px;}
.st-2 .tit .t1 {color:#FF9900; font-size:48px; font-weight:800;}
.st-2 .tit .t2 {color:#333333; font-size:60px; line-height:1.26; margin-top:40px; font-weight:800;}
.st-2 .part-list {width:100%; padding-left:220px; font-size:0; margin-top:140px;}
.st-2 .part-list li {width:calc(50% - 17.5px); height:400px; display: inline-block; background:#F8F8F8; position:relative; padding-right:300px; cursor:pointer; vertical-align: top;}
.st-2 .part-list li:last-child {margin-left:35px;}
.st-2 .part-list li .txt {padding:45px; height:100%; position:relative;}
.st-2 .part-list li .txt .top {}
.st-2 .part-list li .txt .top .t1 {font-size:45px; font-weight:800; color:#444;}
.st-2 .part-list li .txt .top .t2 {font-size:21px; font-weight:600; color:#666666; line-height:1.28; margin-top:15px;}
.st-2 .part-list li .txt .bot {position:absolute; left:45px; bottom:45px; font-size:18px; font-weight:500; color:#999999;}
.st-2 .part-list li .img {position:absolute; right:0; top:0; width:300px; height:100%; z-index:2; overflow:hidden;}
.st-2 .part-list li .img img {transition:0.5s; width:100%; height:100%; object-fit: cover;}
.st-2 .part-list li:hover .img img {transform:scale(1.2);}

.st-3 {position:relative; margin-top:100px; height:200vh;}
.st-3 .section-b {height:100vh; min-height:900px; background-size:cover; position:sticky; top:0;}

.st-4 {margin-top:180px;}
.st-4 .paral-con {width:1480px; margin:0 auto; position: relative; padding-bottom:180px;}
.st-4 .paral-con::after {content:""; clear:both; display:block;}
.paral-con .fixed-text {position: sticky; top:calc(50% - 375px); float:left;}
.st-4 .fixed-text .txt {}
.st-4 .fixed-text .txt .t1 {color: #FF9900; font-size: 48px; font-weight: 800;}
.st-4 .fixed-text .txt .t2 {color: #333333; font-size: 60px; line-height: 1.26; margin-top: 40px; font-weight: 800;}
.st-4 .fixed-text .txt .t3 {color: #444444; font-size:21px; line-height:1.42; margin-top:70px;}
.st-4 .fixed-text .more-btn {margin-top:205px;}
.st-4 .fixed-text .more-btn a {display:flex; align-items: center; justify-content: center; width: 176px; height: 176px; border-radius:50%; color:#fff; background:#444444; position: relative; font-size:18px; font-weight:600; transition: background 0.5s;}
.st-4 .fixed-text .more-btn a:hover {background:#194972;}
.st-4 .fixed-text .more-btn a::after {content:""; width: 176px; height: 176px; border-radius:50%; background:#F6F6F6; position: absolute; z-index:-1; left:80px;}
.st-4 .paral-con .scroll-box {float:right;}
.st-4 .scroll-box ul {}
.st-4 .scroll-box ul li {border:1px solid #EEEEEE; border-radius:10px; margin-bottom:70px;}
.st-4 .scroll-box ul li:last-child {margin-bottom:0;}
.st-4 .scroll-box ul li .img {width:100%; height:440px;}
.st-4 .scroll-box ul li .img img {width: 100%; height: 100%; object-fit: cover;}
.st-4 .scroll-box ul li .txt-box {display:flex; height: 115px; width:100%; justify-content: center; align-items: center;}
.st-4 .scroll-box ul li .txt-box .txt {font-size:21px; line-height:1.42; color:#444444; font-weight:600; text-align:center;}
.st-4 .scroll-box ul li .txt-box .txt span {color:#3580C2;}

.st-5 {height:400vh;}
.st-5 .bg-img {z-index:1; position:sticky; top:0; background:url("/assets/images/main-st5-bg.jpg") no-repeat; background-size:cover; height:100vh; min-height:800px; width:80%; margin:0 auto; opacity:0.5;     transition: 0.5s ease-out;}
.st-5 .bg-img .bg-img-cover {background:rgb(0 15 30 / 53%); position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;     backdrop-filter: blur(10px);}
.st-5 .list-3item {z-index:5; position:sticky; top:calc(50% - 44px); opacity:0;}
.list-3item ul {font-size:0; width:1000px; margin:0 auto;}
.list-3item ul li {width:33.33%; display: inline-block;  vertical-align: top; position:relative;}
.list-3item ul li::after {content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:rgb(255 255 255 / 34%);}
.list-3item ul li:last-child::after {content:none;}
.list-3item ul li .icon {height:50px; display:flex;     justify-content: center; align-items: center; }
.list-3item ul li .txt {margin-top:20px; color:rgb(255 255 255 / 80%); font-size:18px; font-weight:500; text-align:center;}
.st-5 .over-text {z-index:5; position: sticky; top:calc(50% - 25px); opacity:0; font-size:32px; font-weight:700; line-height:50px; height:50px; color:#fff; text-align:center;}

.st-6 {}
.st-6 .content {width:1480px; margin:180px auto;}
.st-6 .top {position:relative;}
.st-6 .top .tit {font-size:60px; font-weight:800; line-height:76px; color:#333333;}
.st-6 .top .tit span {color:#CCCCCC;}
.st-6 .top .sw-arrow-btn {position:absolute; right:0; top:0; display:flex; align-items: center;}
.st-6 .top .sw-arrow-btn > div {cursor:pointer;}
.st-6 .top .sw-arrow-btn > div.sw-next {margin-left:17px;}
.st-6 .top .sw-arrow-btn > div.swiper-button-disabled {pointer-events: none; opacity:0.5;}
.st-6 .bot {margin-top:180px;}
.st-6-swiper .swiper-slide {height:215px; border-top:3px solid #666666;}
.st-6-swiper .swiper-slide a.entire {position:absolute; left:0; top:0; width:100%; height:100%;}
.st-6-swiper .swiper-slide .sw-context {padding:20px; height:100%; position:relative;}
.st-6-swiper .swiper-slide .sw-context .t1 {font-size:18px; font-weight:700; color:#444444; line-height:2;}
.st-6-swiper .swiper-slide .sw-context .t2 {font-size:14px; line-height:20px; color:#444444; margin-top:10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-align: left;
  word-wrap: break-word;
  line-height: 20px;
  height: 60px; 
}
.st-6-swiper .swiper-slide .sw-context .t3 {font-size:12px; font-weight:300; color:#444; letter-spacing:-0.5px; position:absolute; left:20px; bottom:20px;}
.st-6-swiper .swiper-slide:hover .sw-context {background:rgb(0 0 0 / 2%)}
.st-6-swiper .swiper-slide:hover .sw-context .t1 {color:#3580C2; font-weight:800;}

#mainParallax .trigger {height:100vh;}
#mainParallax .trigger.trigger_bg {}

.swiper-video {/*position: absolute; left:0; top:0; z-index: -99; */width:100%; height:100%;}
.swiper-video .swiper-slide {}
.swiper-video .swiper-button-next {right:10px; background:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>");}
.swiper-video .swiper-button-prev {left:30px; background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.video-background {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
  z-index:1;
	overflow:hidden;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
	background:#000;
}
#vidtop-content {
    top: 0;
    color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 150%; top: -25%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 630px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}