@charset "utf-8";

.main-visual {padding-top:110px;}
.main-visual .item {height:780px; padding:0 20px; width:100%; max-width:1640px; position:relative;}
.main-visual .secting-img {width:100%; height:100%; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:10px;}
.main-visual .secting-img01 {background-image:url('../img/main/main-visual01.jpg');}
.main-visual .secting-img02 {background-image:url('../img/main/main-visual02.jpg');}
.main-visual .secting-img03 {background-image:url('../img/main/main-visual03.jpg');}
.main-visual .txt-box {position:absolute; top:0; left:0; width:100%; height:100%; padding:130px 120px; display:flex; align-items:flex-end; z-index:1;}
.main-visual .txt-box h2 {font-size:50px; line-height:1.3em; color:#fff; font-weight:600; font-family:'Poppins'; margin-bottom:40px; position: relative; top: 50px; opacity: 0; transition:.6s .6s;}
.main-visual .txt-box p {font-size:18px; line-height:1.6em; color:#fff; position: relative; top: 50px; opacity: 0; transition:.6s .9s;}

.main-visual .slick-active .txt-box h2,
.main-visual .slick-active .txt-box p{opacity: 1; top: 0;}


.main-visual .dots {position:absolute; bottom:56px; right:45px;}
.main-visual .dots li {margin-bottom:12px; display:block; width:12px; height:12px; background:#fff; border-radius:50%;}
.main-visual .dots li:last-child {margin-bottom:0;}
.main-visual .dots li.on {background:#0165E5;}
/* common */
.sec-tit {margin-bottom:80px; text-align:center;}
.sec-tit p {font-size:24px; font-weight:600; color:#0165e5; font-family:'Poppins'; line-height:1.7em; margin-bottom:24px; letter-spacing:6px;} 
.sec-tit h3 {font-size:30px; line-height:1.7em; color:#222; font-weight:200;}
.sec-tit h3 strong {font-weight:500; display:block;}
/* section01 */
.section01 {padding:150px 0 400px; position:relative; overflow:hidden; max-width:1920px;}
.section01 .slider {position:relative; }
.section01 .slider:before {content:''; width:240px; height:100%; background:#fff; position:absolute; top:0; left:-240px; z-index:1;}
.section01 .slick-list {overflow:visible;}
.section01 .item {padding-right:20px;}
.section01 .inner {transition:all 0.4s; position:relative; border-radius:10px; overflow:hidden; margin-bottom:70px;}
.section01 .inner.bottom {margin-bottom:0;}
.section01 .inner .img-box .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden; transition:all 0.6s;}
.section01 .inner .img-box .pic img {position:absolute; z-index:2; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.section01 .inner .txt-box {position:absolute; top:0; left:0; display:flex; padding:28px 5px; align-items:flex-end; z-index:3; width:100%; height:100%;}
.section01 .inner .txt-box .txt {display:flex; justify-content:center; align-items:center; width:100%;}
.section01 .inner .txt-box .cate {display:inline-block; padding:0 5px; margin-right:10px; background:#194277; font-size:16px; font-weight:500; color:#fff; line-height:24px; border-radius:12px; font-family:'Poppins';}
.section01 .inner .txt-box p {font-size:22px; font-weight:500; color:#fff; line-height:1.5em;}
.section01 .item.slick-current .bottom {opacity:0; transform:translateX(-170px);}
.section01 .btns {position:absolute; bottom:0; left:0; width:340px; height:340px; background:#fff; z-index:3; display:flex; align-items:center; justify-content:center;}
.section01 .btns .more {width:174px; line-height:50px; text-align:center; font-size:16px; font-weight:500; color:#fff; background:#194277; border-radius:25px; transition:.3s;}
.section01 .btns .more:hover{background: #000;}

.section01 .btns .slick-arrow {width:24px; height:24px; background-repeat:no-repeat; background-size:cover; background-position:center center; border:0; font-size:0; background-color:transparent; position:absolute; top:50%; margin-top:-12px;}
.section01 .btns .slick-prev {background-image:url('../img/main/sec01-prev.png'); left:0;}
.section01 .btns .slick-next {background-image:url('../img/main/sec01-next.png'); right:0;}
.section01  .img {position:absolute; right:0; opacity:0.1;}
.section01  .img01 {bottom:250px;}
.section01  .img02 {bottom:90px;}
/* mouse-pointer */
.mouse-pointer {position:fixed; top:0px; left:0px; z-index:9999999; pointer-events:none;}
.mouse-pointer .pointer-circle {position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%, -50%) scale(0); 
background:rgba(1, 101, 229, 0.60); backdrop-filter: blur(3px); opacity:0; transition:all 0.6s; border-radius:50%;}
.mouse-pointer .pointer-circle:before {position: absolute; content: ''; top:50%; left:50%; margin-top:-92px; margin-left:-92px; width:184px; height:184px; background: url('../img/main/mouse-pointer.png')no-repeat center/100%; animation: rotateItem 10s linear infinite; z-index:1;}
.mouse-pointer .pointer-circle:after {content:''; width:36px; height:36px; background:url('../img/main/mouse-pointer-arrow.png') no-repeat; position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-18px; z-index:2;}	 
.mouse-pointer.hover .pointer-circle {width:136px; height:136px; transform:translate(-50%, -50%) scale(1); opacity:1;}
@keyframes rotateItem {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
/* section02 */
.section02 {padding:120px 0; position:relative;}
.section02 .video {position:absolute; width:100%; height:100%; top:0; left:0; background:url('../img/main/sec02bg.jpg') center center no-repeat;}
.section02 .col {display:flex; margin:0 -20px;}
.section02 .col .row {width:50%; padding:0 20px; transition:all 0.4s;}
.section02 .col .row:hover {width:86.27%;}
.section02 .inner {background:rgba(255, 255, 255, 0.45); border-radius:10px; padding:118px 20px; height:700px; display:flex; align-items:flex-end; text-align:center; justify-content:center;}
.section02 .inner .tit {margin-bottom:60px;}
.section02 .inner .tit h3 {font-size:36px; font-weight:800; font-family:'Poppins'; color:#222; line-height:1.5em; margin-bottom:16px;}
.section02 .inner .tit p {font-size:18px; line-height:1.6em; color:#222;}
.section02 .inner .more {margin-bottom:16px;}
.section02 .inner .more:last-child {margin-bottom:0;}
.section02 .inner .more a {display:inline-block; padding:0 46px; width:260px; text-align:left; font-size:16px; font-weight:500; color:#fff; background:#194277; line-height:48px; border-radius:24px; position:relative; transition:all 0.4s;}
.section02 .inner .more a:hover {padding:0 30px;}
.section02 .inner .more a:after {content:''; width:24px; height:24px; background:url('../img/main/sec02-more.png') no-repeat; position:absolute; top:50%; margin-top:-12px; right:24px; transition:all 0.2s;}
.section02 .inner .more a:hover:after {right:20px;}
/* section03 */
.section03 {padding:200px 0; position:relative; overflow:hidden;}
.section03 .sec-tit {margin-bottom:110px;}
.section03 .slick-list {overflow:visible;}
.section03 .items {margin:0 -10px;}
.section03 .item {padding:0 10px;}
.section03 .inner {border-radius:10px; overflow:hidden; position:relative;}
.section03 .inner .img-box .pic {position:relative; height:0; padding-bottom:133.43%; overflow:hidden; transition:all 0.6s;}
.section03 .inner .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.section03 .inner .txt-box {position:absolute; width:100%; height:100%; padding:10px; display:flex; align-items:center; justify-content:center; text-align:center; opacity:0; transition:all 0.4s; background:rgba(1, 101, 229, 0.70); z-index:1; top:0; left:0;}
.section03 .inner:hover .txt-box {opacity:1;}
.section03 .inner .txt-box p {font-size:18px; line-height:1.6em; color:#fff;}
.section03 .box {display:flex; justify-content:center; margin-top:70px; align-items:center;}
.section03 .box .progress-wrap {width:100%; max-width:710px; margin-right:20px; border-radius:4px; height:8px; background:#D9D9D9; position:relative;}
.section03 .box .progress-bar {position:absolute; top:0; left:0; height:8px; background:#194277; border-radius:4px; transition:all 1s;}
.section03 .box .more a {display:inline-block; width:84px; line-height:34px; background:#194277; font-size:14px; font-weight:500; color:#fff; padding:0 16px; border-radius:17px; font-family:'Poppins'; position:relative; transition:.3s;}
.section03 .box .more a:hover{background-color: #000;}
.section03 .box .more a:before,
.section03 .box .more a:after {content:''; width:18px; height:18px; background:url('../img/main/sec03-more.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-8px; right:8px;}
.section03 .box .more a:hover:after {transform:scale(2); opacity:0; transition:all 0.4s;}
/* section04 */
.section04 {padding:0 0 270px;}
.section04 .col {display:flex; align-items:center;}
.section04 .img-box {width:100%; max-width:830px;}
.section04 .txt-box {width:1%; flex:1 1 auto;}
.section04 .txt-box h3 {font-size:36px; font-weight:800; color:#222; line-height:1.5em; font-family:'Poppins'; margin-bottom:58px;}
.section04 .txt-box p {font-size:18px; line-height:1.6em; color:#676767; margin-bottom:58px;}
.section04 .txt-box .more a {display:inline-block; font-size:16px; font-weight:500; width:184px; line-height:48px; border-radius:24px; background:#194277; color:#fff; padding:0 58px; position:relative; transition:.3s;}
.section04 .txt-box .more a:before {content:''; width:18px; height:18px; background:url('../img/main/sec04-more.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-9px; right:48px;}
.section04 .txt-box .more a:hover{background: #000;}