.section01 { width: 100%; padding: 100px 0 0; position: relative; z-index: 2}
.section01  .inner { display: flex;flex-wrap: wrap;justify-content: space-between; margin:0 auto; padding-top: 50px; padding-bottom: 50px; } 
.section01  .grid { width: calc(33.333% - 20px);}
.section01  .grid01 .photo {   background:url(/images/img01.jpg) center no-repeat; background-size:cover;  height: 278px;  }
.section01  .grid02 .photo {   background:url(/images/img03.jpg) center no-repeat; background-size:cover;  height: 278px;  }
.section01  .grid03 .photo {   background:url(/images/img002.jpg) center no-repeat; background-size:cover;  height: 278px;  }
.section01  .grid .txt { padding: 20px; line-height: 1.5; word-break: keep-all}
.section01  .grid .txt h2 { font-size: 22px; color: #000; font-weight: 500; text-align: center;}
.section01  .grid .txt p { font-size: 17px; color: #555; font-weight: 400; margin-top: 20px}

.section01 .more a  {display:block; width:115px; font-size:14px; color:#a67d42; line-height:40px; margin:57px auto; padding:0px 40px 0 0; transition: all 0.2s; background-image:url(/images/arrow_latest.png); background-repeat:no-repeat; background-position: 90px center;}
.section01 .more a:hover {padding:0px 12px; transition: all 0.3s;}

.s1_textBox {text-align: center;padding: 0 20px;}
.s1_textBox h2 {font-size: 40px;padding: 10px;}
.s1_textBox p {font-size: 17px;line-height: 1.6;color:#555}
.s1_btn {padding: 20px 20px 100px 20px;}
.s1_btn a {color: #68b9ba;font-size: 14px;font-weight: bold;position: relative;}
.s1_btn a span {width: 20px; height: 20px;background-color: #68b8ba;border-radius: 20px;position: absolute;top: -7px;right: -35px;}
.s1_btn a span::before {display: block;content: ""; width: 17px; height: 1px; background-color: #fff;position: absolute; top: 15px;right: 13px;}
.s1_btn a span::after{display:block;content:"";width:9px;height:1px;background-color:#fff;transform:rotate(45deg);position:absolute;top:12px;right:12px}


@media screen and (max-width: 768px) {
  .section01  .grid { width: calc(100% - 0px);}
}

.section02{margin:0 auto; overflow:hidden; padding:0px; position:relative;}
.section02 .photo{width:100%; height:694px; background-color:#f8f9fa;padding-bottom: 780px; }
.section02 .s2_inner{width:100%;max-width:1400px;margin:0 auto;padding:170px 20px 0 20px}
.section02 .s2_inner h2 { font-size:48px; font-weight:bold}
.section02 .s2_inner p { font-size:17px; font-weight:400; color:#555; margin-top:10px}
.section02 .photo .txt_area{max-width:485px;padding:188px 0}
.section02 .txt_wrap {padding-bottom: 150px;}
.section02 .txt_wrap h2 {font-size: 40px;}
.section02 .txt_wrap p {font-size: 20px;}
.section02 .txt_wrap02 h2 {font-size: 24px;color: #1322a6;}
.section02 .txt_wrap02 span {font-size: 40px;}
.section02 .txt_wrap02 p {font-size: 20px;color: #5c6b85;}
.section02 .photo .owl-carousel,
/* .section02 .photo .owl-carousel .owl-stage-outer, */


.section02 .photo .owl-carousel .owl-stage-outer .owl-stage {position: unset;}
.section02 .photo .owl-stage-outer {position: absolute; top:280px; right: 19%; width: 100%; max-width:650px; margin:0 auto;}
.section02 .photo .owl-carousel .owl-nav {position: absolute; top: 65%;display: flex;gap: 10px;}
.section02 .photo .owl-carousel .owl-nav span {display: none;}
.section02 .photo .owl-carousel .owl-nav .owl-next{background:0 0;border:none;height:30px;position:relative;z-index:2; display: none}
.section02 .photo .owl-carousel .owl-nav .owl-next::after{display:block;content:"";width:35px;height:35px;background-color:#77d2d5;border-radius:100%;opacity:0;position:absolute;top:-3px;right:-12px;z-index:-1}
.section02 .photo .owl-carousel .owl-nav .owl-next::before{display:block;content:"";width:14px;height:1px;background-color:#000;transform:rotate(45deg);position:absolute;top:10px;right:-2px; display: none}
.section02 .photo .owl-carousel .owl-nav .owl-prev{background:0 0;border:none;height:30px;position:relative;z-index:2; display: none}
.section02 .photo .owl-carousel .owl-nav .owl-prev::after{display:block;content:"";width:35px;height:35px;background-color:#77d2d5;border-radius:100%;opacity:0;position:absolute;top:-3px;left:-12px;z-index:-1}
.section02 .photo .owl-carousel .owl-nav .owl-prev::before{display:block;content:"";width:14px;height:1px;background-color:#000;transform:rotate(135deg);position:absolute;top:10px;left:-2px}
.section02 .photo .owl-carousel .owl-nav .owl-next:hover::after {opacity: 1;}
.section02 .photo .owl-carousel .owl-nav .owl-prev:hover::after {opacity: 1;}
.section02 .photo .owl-carousel.owl-drag .owl-item {width: 650px;}
.section02 .photo img{max-width:650px;max-height:434px}
.owl-carousel .owl-dots.disabled {display: none;}

@media all and (max-width:1399px) {
	.section02 .photo .owl-stage-outer {right: 0;margin-right: 20px;}
}

@media all and (max-width:1084px) {
    
    
    .section02 .photo{padding-bottom: 980px; }
    
	.section02 .photo .txt_area {margin: 0 auto;padding: 80px 0;}
    .section02 .photo .owl-stage-outer{position:unset;margin:0 auto;padding-bottom:30px}
	.section02 .photo .owl-carousel .owl-nav {/* width: 102px;margin: 0 auto;right: 0;left: 0; */display: none;}
    .section02 .owl-carousel .owl-dots.disabled {display: block;}
    .section02 .owl-carousel .owl-dots{text-align:center;padding-bottom:50px}
    .section02 .owl-carousel .owl-dot{background:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px;border:0}
    .section02 .owl-carousel .owl-dot.active {background: #000;}
}




.section03 {
    width: 100%;
    padding: 150px 0
}

.section03 .inner {
    overflow: hidden;
    padding: 0
}

.section03 .header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
    padding: 0 20px
}

.section03 .title {
    font-size: 40px;
    font-weight: bold;
}

.section03 .model {
    font-size: 20px;
    color: #555;
}

.section03 .info {
    text-align: left
}

.section03 .info dl {
    margin-bottom: 20px;
}

.section03 .info dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.section03 .info dd {
    font-size: 18px;
    margin-bottom: 10px;
    color: #555
}

.section03 .info dt:first-child {
    font-size: 19px;
}

.section03 .info dt strong {
    font-weight: bold;
}

.section03 .pension_roll-swiper {
    width: 100%;
    height: 457px;
    position: relative;
}

.section03 .pension_roll-swiper .swiper-slide {
    width: 100%;
}

.section03 .pension_roll-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.section03 .pension_roll-nav {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    z-index: 10;
}

.section03 .pension_roll-pagination {
    font-size: 18px;
    margin-right: 20px;
    color: #fff
}

.section03 .pension_roll-pagination .current-slide {
    font-weight: 700;
    color: #fff
}

.section03 .pension_roll-pagination .total-slides {
    font-weight: 500;
    color: #fff
}

.section03 .pension_roll-buttons button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 0 10px;
    color: #fff
}

.section03 .pension_roll-buttons button i {
    color: #fff
}

@media (max-width: 768px) {
    
    .section03 {
    width: 100%;
    padding: 50px 0
}

    
    
    .section03 .header {
        flex-direction: column;
        align-items: flex-start;
    }

    .section03 .info {
        text-align: left;
        margin-top: 20px;
    }
}