/* main section */

.main .section .inner{width: 1410px;margin: 0 auto;}
.main .section h3{font-size: 47px;margin: 0;line-height: 50px;display: inline-block;position: relative;}
.main .section .inner .section-tit{font-size: 33px;}
.main .section h3.basic::after{content: '';background: url('../images/dts-logo-icon.png')no-repeat;background-size: 64%;width: 71px;height: 53px;position: absolute;top: 5px;right: -80px;}
.main .section h3.blue-tit::after{content: '';background: url('../images/dts-logo-blue-icon.png')no-repeat;background-size: 64%;width: 71px;height: 53px;position: absolute;top: 5px;right: -80px;}
.main .section h3.yellow-tit::after{content: '';background: url('../images/dts-logo-yellow-icon.png')no-repeat;background-size: 64%;width: 71px;height: 53px;position: absolute;top: 5px;right: -80px;}
.main .section .inner strong{line-height: 37px;font-size: 22px;}
.main .section .inner > p{line-height: 32px;}

.main .section.promises-container{margin-top: 70px; margin-bottom: 100px;}
.main .section.promises-container .inner strong{margin: 50px 0; display: block;}
.main .section.promises-container .inner strong span:nth-child(1) {color: #345a7e;}
.main .section.promises-container .inner strong span:nth-child(2) {color: #fab247;}
.main .section.promises-container .inner strong span:nth-child(3) {color: #303030;}

.main .section .mvp {display: flex;align-items: center;justify-content: space-between;}
.main .section .mvp li {width: 300px;padding: 15px 0;text-align: center;border-radius: 200px;position: relative;}
.main .section .mvp li:nth-child(1) {background: #345a7e;}
.main .section .mvp li:nth-child(2) {background: #fab247;}
.main .section .mvp li:nth-child(3) {background: #303030;}
.main .section .mvp li:nth-child(2)::after {content: '';background: linear-gradient(to right, #345a7e, #fab247);width: 255px;height: 2px;position: absolute;top: 50%;left: -255px;}
.main .section .mvp li:nth-child(2)::before {content: '';background: linear-gradient(to left, #303030, #fab247);width: 255px;height: 2px;position: absolute;top: 50%;left: 300px;}
.main .section .mvp li .iconbox {width: 100px;height: 100px;margin: 0 auto;margin-top: 35px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.main .section .mvp li strong {font-size: 100px;color: #fff;margin-top: 65px;display: block;}
.main .section .mvp li:nth-child(1) strong {text-shadow: 3px 3px 5px #6291bf;}
.main .section .mvp li:nth-child(2) strong {text-shadow: 3px 3px 5px #ffdfb0;}
.main .section .mvp li:nth-child(3) strong {text-shadow: 3px 3px 5px #686868;}
.main .section .mvp li:nth-child(1) .iconbox {background: #1e3d63;}
.main .section .mvp li:nth-child(2) .iconbox {background: #f89526;}
.main .section .mvp li:nth-child(3) .iconbox {background: #202020;}
.main .section .mvp li .iconbox img {width: 55%;}
.main .section .mvp li > p {height: 150px;padding: 15px;color: #fff;}

.main .section.lat-container {height: 700px;background: #fab247 url(../images/location-bg.jpg)no-repeat 100% 50%;background-size: 100%;position: relative;padding-top: 1px;}   
.main .section.lat-container .inner h3.blue-tit {width: 468px;  text-align: center;display: block;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;}

.main .section.whydts-container {height: 700px;background: #345a7e;padding-top: 1px;}
.main .section.whydts-container h3.yellow-tit {width: 232px;text-align: center;display: block;margin: 0 auto;margin-top: 30px;margin-bottom: 22px;color: #fff;}
.main .section.whydts-container ul {display: flex;justify-content: space-between;height: 700px;}
.main .section.whydts-container ul li{width: 100%;height: 550px;padding-top: 150px;}
.main .section.whydts-container ul li:nth-child(1){background:#345a7e url('../images/who-bgimg01.jpg')no-repeat 50% 100%;background-size: 100%;}
.main .section.whydts-container ul li:nth-child(2){background:#b7b7b7 url('../images/who-bgimg02.png')no-repeat 50% 0%;background-size: 100%;}
.main .section.whydts-container ul li:nth-child(3){background:#fab247 url('../images/who-bgimg03.jpg')no-repeat;background-size: 100%;}
.main .section.whydts-container ul li:nth-child(4){background:#272727 url('../images/who-bgimg04.jpg')no-repeat 50% 0%;background-size: 100%;}
.main .section.whydts-container ul li strong {height: 100px;margin-bottom: 30px;text-align: center;font-size: 30px;font-weight: 400;display: flex;align-items: center;justify-content: center;}
.main .section.whydts-container ul li:nth-child(1) strong{color: #fff;}
.main .section.whydts-container ul li:nth-child(2) strong{color: #345a7e;}
.main .section.whydts-container ul li:nth-child(3) strong{color: #000;}
.main .section.whydts-container ul li:nth-child(4) strong{color: #fab247;}
.main .section.whydts-container ul li div{width: 90%;margin: 0 auto;}
.main .section.whydts-container ul li div p{line-height: 45px;}
.main .section.whydts-container ul li:nth-child(1) div p{color:#fff;}
.main .section.whydts-container ul li:nth-child(2) div p{color:#345a7e;}
.main .section.whydts-container ul li:nth-child(3) div p{color:#000;}
.main .section.whydts-container ul li:nth-child(4) div p{color:#fab247;}

.main .section.contactus-container{height: 90vh;border: solid 15px #fab247;margin-top: 102px;display: flex;justify-content: end;flex-direction: column;}
.main .section.contactus-container .inner {margin-top: 100px;margin-bottom: 50px;}
.main .section.contactus-container .inner .contact-info {display: flex;}
.main .section.contactus-container .inner .contact-info > div {margin: 50px 50px 0 0;}
.main .section.contactus-container .inner .contact-info > div > div{display: flex;margin-top: 20px;}
.main .section.contactus-container .inner .contact-info > div > div p{margin-right: 50px;}


@media screen and (max-width: 1280px) {

    .main .section .inner {width: 95%;}
    .main .section .mvp li:nth-child(2)::after {width: 10%;left: -26px;}
    .main .section .mvp li:nth-child(2)::before {width: 20%;}
}

.spot.main {
  position: relative;
  z-index: 0;
  /* margin-bottom: 100px; */
}
.spot.main .bg {
  width: 100%;
  height: 100vh;
  background: url(../images/main-visual01.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.spot.main .lst.n1 .bg {
  background-image: url(../images/main-visual01.jpg);
}
.spot.main .lst.n2 .bg {
  background-image: url(../images/main-visual02.jpg);
}
.spot.main .lst.n3 .bg {
  background-image: url(../images/main-visual03.jpg);
}
.spot.main .lst.n4 .bg {
  background-image: url(../images/main-visual04.jpg);
}
.spot.main .lst.n5 .bg {
  background-image: url(../images/main-visual05.jpg);
}

.spot.main .cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.spot.main .inr-c {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spot.main .inr-c:after {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: "";
}
.spot.main .inr-c .fz {
  padding-bottom: 90px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}
.spot.main .h1 {
  font-size: 30px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.spot.main .t1 {
  margin-top: 6px;
  font-size: 24px;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}
.spot.main .bx-controls {
  display: none;  
  position: absolute;
  left: 50%;
  bottom: 29%;
  z-index: 60;
  width: 1200px;
  margin-left: -600px;
  padding-left: 140px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spot.main .bx-controls > * {
  display: inline-block;
  vertical-align: middle;
}
.spot.main .bx-controls .bx-controls-direction {
  position: absolute;
  left: 0;
  top: 0;
}
.spot.main .bx-controls .bx-controls-direction .bx-prev,
.spot.main .bx-controls .bx-controls-direction .bx-next {
  width: 49px;
  height: 49px;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  background: url() 0 0 no-repeat;
}
.spot.main .bx-controls .bx-controls-direction .bx-prev {
  display: inline-block;
  background-image: url(../images/main/btn_prev1.png);
  margin-right: 10px;
}
.spot.main .bx-controls .bx-controls-direction .bx-next {
  display: inline-block;
  background-image: url(../images/main/btn_next1.png);
}
.spot.main .bx-controls .bx-controls-direction .bx-prev:hover {
  background-image: url(../images/main/btn_prev1_ovr.png);
}
.spot.main .bx-controls .bx-controls-direction .bx-next:hover {
  background-image: url(../images/main/btn_next1_ovr.png);
}
.spot.main .bx-controls .bx-pager {
  padding-top: 19px;
}
.spot.main .bx-controls .bx-pager-item {
  float: left;
  width: 147px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
}
.spot.main .bx-controls .bx-pager-item a {
  display: block;
  height: 3px;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.spot.main .bx-controls .bx-pager-item a.active {
  opacity: 1;
}

.spot.main .arr{position:absolute;left:0;bottom: 70px;width:100%;z-index: 60;text-align: center; font-size:0;}
.spot.main .arr span{
  display:inline-block;
    -webkit-animation: slide-in-blurred-top 1s ease-out infinite alternate ;
            animation: slide-in-blurred-top 1s ease-out infinite alternate ;
}
.main-v-btn {border: 1px solid rgba(255, 255, 255, 0.7);padding: 15px;border-radius: 50px;background: rgba(255, 255, 255, 0.2);box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);font-size: 15px;
  font-weight: bold;color: #fff;position: relative;top: 80px;}
.scroll-down{z-index: 100;position: absolute;top: 88%;left: 50%;transform: translateX(-50%);font-size: 14px;color: #fff;}
.scroll-down div {border: 1px rgba(255, 255, 255, 0.5) solid;border-radius: 20px;width: 18px;height: 45px;margin: 0 auto;margin-bottom: 5px;}
.scroll-down div span{width: 1px;height: 15px;display: block;background: #fff;margin: 0 auto;margin-top: 30px;
  -webkit-animation: slide-in-blurred-top 1s ease-out infinite alternate;
  animation: slide-in-blurred-top 1s ease-out infinite alternate;}


  .icon-ios-arrow-left:before {content: ''; background: url('../images/main-arrow.png')no-repeat; width: 41px; height: 41px;display: block;
    position: relative;top: 2px;left: 6px;}
  .icon-ios-arrow-right:before {content: ''; background: url('../images/main-arrow.png')no-repeat; width: 41px; height: 41px;display: block;
    position: relative;top: -22px;left: -26px;transform: rotate(180deg) translate(-50%, -50%);}
  
.spot.main .pageing{color:#fff;position:absolute;left:50%;transform: translateX(-50%);bottom:10%;z-index:65;}
.spot.main .pageing > .inr-c{display:block;align-items: center;}
.spot.main .pageing .total{text-align: center; font-size: 24px;margin-bottom: 15px;font-weight:200;}
.spot.main .pageing .total .current{font-weight:500;}
.spot.main .pageing .total .total{}
.spot.main .pageing .direction{display: flex;justify-content: space-between;width: 220px;}
.spot.main .pageing .direction button{width:55px;height:55px;color:#fff;font-size: 20px;background: #fff;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;line-height: 1;margin-right: 5px;cursor: pointer;}
.spot.main .pageing .direction button:hover{background-color: #fff; color: #000;}
.spot.main .pageing .play{margin: 0 auto;width: 62px;position: relative;}
.spot.main .pageing .play .btn{
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width:55px;
  height:55px;
  color: #101010;
  font-size: 15px;
  border:1px #fff solid;
  border-radius:50%;
  display:inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: relative;
  bottom: 55px;
  cursor: pointer;
}
.spot.main .pageing .play .stop:after{content: ''; background: url('../images/stop-icon.png')no-repeat; width: 41px; height: 41px;position: absolute;top: 12px;left: 19px;}
.spot.main .pageing .play .play:after{content: ''; background: url('../images/play-icon.png')no-repeat; width: 41px; height: 41px;position: absolute;top: 12px;left: 19px;}
@media screen and (max-width: 1280px) {
  .spot.main .bg {
    height: 670px;
  }
  .spot.main .inr-c .fz {
    padding-bottom: 50px;
  }
  .spot.main .bx-controls .bx-controls-direction {
    left: 30px;
  }
  .spot.main .bx-controls {
    left: 0%;
    bottom: 27%;
    width: 100%;
    margin-left: 0;
    padding-left: 178px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .spot.main .h1 {
    font-size: 3.4em;
  }
}
@media screen and (max-width: 1280px) {
  .spot.main .h1 {
    font-size: 1.4em;
  }
  .spot.main .t1 {
    font-size: 2.2em;
  }
}

@media screen and (max-width: 840px) {
/*메인 콘텐츠*/


.main .section h3 {font-size: 40px;}
.main .section .inner {width: 95%;}
.main .section .inner > p {line-height: 30px;}
.main .section .inner strong {line-height: 30px;font-size: 18px;}
.main .section .inner .section-tit {font-size: 25px;}
.main .section.promises-container {margin-top: 50px;margin-bottom: 50px;}
.main .section.promises-container .inner strong {margin: 20px 0;}

.main .section .mvp {flex-direction: column;}
.main .section .mvp li:nth-child(2) {margin: 30px 0;}
.main .section .mvp li:nth-child(2)::before {background: linear-gradient(to top, #303030, #fab247);width: 2px;height: 30px;top: 335px;left: 50%;}
.main .section .mvp li:nth-child(2)::after {background: linear-gradient(to top, #fab247, #345a7e);width: 2px;height: 30px;top: -30px;left: 50%;}

.main .section.lat-container {background-size: auto;height: 500px;}
.main .section.lat-container .inner h3.blue-tit {width: 208px;}
.main .section h3.blue-tit::after {right: -80px;}

.main .section.whydts-container {height: auto;}
.main .section.whydts-container h3.yellow-tit {width: 197px;}
.main .section.whydts-container ul {flex-direction: column;height: auto;}
.main .section.whydts-container ul li {height: auto;padding-top: 0;padding-bottom: 20px;}
.main .section.whydts-container ul li div p {line-height: 35px;position: relative;padding-left: 12px;}
.main .section.whydts-container ul li div p::after {content: '·';position: absolute;left: 0;top: 0px;}


.main .section.contactus-container {margin-top: 0;}
.main .section.contactus-container .inner .contact-info {flex-direction: column;}
.main .section.contactus-container .inner .contact-info > div > div {flex-direction: column;}

.main .section .mvp li strong {font-size: 70px;}
.main .section .mvp li .iconbox {width: 70px;height: 70px;margin-top: 25px;}
.main .section .mvp li > p {height: 130px;}

/*메인 비주얼*/
  .spot.main .lst{height: 100vh;}
  .spot.main .h1 {font-size: 20;}
  .spot.main .bg {height: 100vh;}
  .spot.main .lst .bg{background-position: 80%;}
  .spot.main .lst.n1 .bg {background-image: url(../images/main-visual01.jpg);}
  .spot.main .lst.n2 .bg {background-image: url(../images/main-visual02.jpg);}
  .spot.main .lst.n3 .bg {background-image: url(../images/main-visual03.jpg);}
  .spot.main .lst.n4 .bg {background-image: url(../images/main-visual04.jpg);}
  .spot.main .lst.n5 .bg {background-image: url(../images/main-visual05.jpg);}
  .spot.main .arr{bottom: 44vw;}
  .spot.main .arr span img{ width:9vw;}
  .spot.main {margin-bottom: 0;}
  
  .spot.main .inr-c .fz {
    width: 100%;
    padding-bottom: 160px;
    padding-bottom: 26.66666667vw;
  }
  
  .spot.main .t1 {
    margin-top: 0vw;
    font-size: 30px;
  }
  .spot.main .bx-controls {
    position: absolute;
    left: 0;
    bottom: 29%;
    z-index: 60;
    width: 100%;
    margin-left: 0;
    padding-left: 170px;
    padding-left: 28.33333333vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .main-v-btn {
    top: 50px;
}

  .spot.main .bx-controls .bx-controls-direction {
    position: absolute;
    left: 30px;
    left: 5vw;
  }
  .spot.main .bx-controls .bx-controls-direction .bx-prev,
  .spot.main .bx-controls .bx-controls-direction .bx-next {
    width: 49px;
    width: 8.16666667vw;
    height: 49px;
    height: 8.16666667vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
  }
  .spot.main .bx-controls .bx-controls-direction .bx-prev {
    margin-right: 10px;
    margin-right: 1.66666667vw;
  }
  .spot.main .bx-controls .bx-controls-direction .bx-prev:hover {
    background-image: url(../images/main/btn_prev1_ovr.png);
  }
  .spot.main .bx-controls .bx-controls-direction .bx-next:hover {
    background-image: url(../images/main/btn_next1_ovr.png);
  }
  .spot.main .bx-controls .bx-pager {
    padding-top: 20px;
    padding-top: 3.33333333vw;
  }
  .spot.main .bx-controls .bx-pager-item {
    width: 80px;
    width: 13.33333333vw;
  }

  .spot.main .pageing{left:50%;bottom: 12vw;}
  .spot.main .pageing > .inr-c{}
  .spot.main .pageing .total{margin-right: 0;}
  .spot.main .pageing .total .current{}
  .spot.main .pageing .total .total{}
  .spot.main .pageing .direction{}
  .spot.main .pageing .direction button{width: 55px;height: 55px;font-size: 4.3vw;margin-right: 1.4vw;}
  .spot.main .pageing .direction button:hover{}
  .spot.main .pageing .play .btn{
    width:55px;
    height:55px;
    font-size: 4.3vw;
    bottom: 43px;
    left: 5px;
  }

  #site-header > .inner .area_rgh .d-system{display: none;}

}



.main-page .bg1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; z-index: 0; }



.p_cate{font-size: 22px;margin-bottom: 55px;line-height: 1;font-weight: 600;color: #e60012;}
.p_h1{font-size: 50px;line-height: 1.4;font-weight: 600;color: #1c1c1c;letter-spacing: -0.09em;word-break: keep-all;}
.p_h1.c2{color: #fff;}

@media screen and (max-width: 840px) {
  .p_cate{font-size: 5vw;margin-bottom: 8vw;}
  .p_h1{font-size: 7.7vw;line-height: 1.4;}
}

.main-page.news{position: relative;min-height: 550px;padding: 160px 0 180px;z-index: 1;}
.main-page.news .inr-c{position:relative;}
.main-page.news .top{position: relative; z-index: 1; margin-bottom: 83px;}
.main-page.news .top .more{position:absolute; right:0; bottom:0;}
@media screen and (max-width: 840px) {
  .main-page.news{position: relative;min-height: auto;padding: 12vw 0 12vw;z-index: 1;}
  .main-page.news .inr-c{position:relative;}
  .main-page.news .top{position: relative;z-index: 1;margin-bottom: 14vw;}
  .main-page.news .top .more{position: relative;right:0;bottom:0;margin-top: 6vw;}
  .main-page.news .inr-c2{margin:0; margin-left:5vw;}
}

.btn_more1{
  font-size: 16px;display: inline-flex;align-items: center;font-weight: 600;color: #1c1c1c;
      -webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
}
.btn_more1.c2{color: #fff;}
.btn_more1 .t{}
.btn_more1 .arr{font-size:0;height: 16px;position:relative;display:flex;align-items: center;margin-left: 8px;}
.btn_more1 .arr .line{ 
    width:63px; height:2px; background:#1c1c1c;
    -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.btn_more1.c2 .arr .line{ background:#fff;}
.btn_more1 .arr i{
    font-size: 18px;position: absolute;left: 60%; top: -1px;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}

.btn_more1:hover{color:#e60012;}
.btn_more1:hover .arr .line{ background:#e60012;}
.btn_more1:hover .arr i{left: 80%; color:#e60012;}

@media screen and (max-width: 840px) {
  .btn_more1{font-size: 4vw;}
  .btn_more1 .arr{font-size:0;height: 16px;margin-left: 3vw;}
  .btn_more1 .arr .line{width: 16vw;height:2px;}
  .btn_more1 .arr i{
      left: 60%;
  }
  .btn_more1:hover .arr i{left: 90%; color:#e60012;}
}

.wrap_rollring4{}
.wrap_rollring4 .inner_rolling4{}
.wrap_rollring4 .inner_rolling4 .swiper-container{}
.wrap_rollring4 .inner_rolling4 .swiper-container .swiper-wrapper{}
.wrap_rollring4 .item{position:relative;box-sizing:border-box;background:rgba(255,255,255,0.9);}
.wrap_rollring4 .item:nth-child(3n+1):after{display:none;}

.wrap_rollring4 .item .cont{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;box-sizing:border-box;padding: 38px 48px;border-radius:20px;}
.wrap_rollring4 .item .cont .p_cate{margin-bottom: 34px;font-size: 16px;}
.wrap_rollring4 .item .cont .h1{overflow:hidden;height: 84px;font-size: 26px;font-weight: 600;letter-spacing: -0.04em;line-height: 40px;color: #1c1c1c;}
.wrap_rollring4 .item .cont .t1{margin-top: 8px;overflow:hidden;height: 54px;line-height: 26px;letter-spacing: -0.03em;color: #888888;}
.wrap_rollring4 .item .cont .date{margin-top: 24px;color:#999999;text-align: right;}
.wrap_rollring4 .item .cont .more{margin-top:70px;}
.wrap_rollring4 .pageing .swiper-button-prev2,
.wrap_rollring4 .pageing .swiper-button-next2{
  position:absolute;
  width:52px;
  height:52px;
  background:#1c1c1c;
  color:#fff;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  z-index:4;
  top:50%;
  margin-top:-26px;
  cursor: pointer;
}
.wrap_rollring4 .pageing .swiper-button-prev2{left: -30px;}
.wrap_rollring4 .pageing .swiper-button-next2{right: -30px;}
.wrap_rollring4 .pageing .swiper-button-prev2:hover,
.wrap_rollring4 .pageing .swiper-button-next2:hover{background:#e60012;}

@media screen and (max-width: 840px) {
  .wrap_rollring4{}
  .wrap_rollring4 .inner_rolling4{}
  .wrap_rollring4 .inner_rolling4 .swiper-container{}
  .wrap_rollring4 .inner_rolling4 .swiper-container .swiper-wrapper{}
  .wrap_rollring4 .item{position:relative;box-sizing:border-box;background:rgba(255,255,255,0.9);}
  .wrap_rollring4 .item:nth-child(3n+1):after{display:none;}
  
  .wrap_rollring4 .item .cont{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;box-sizing:border-box;padding: 7vw 10vw;}
  .wrap_rollring4 .item .cont .p_cate{margin-bottom: 4vw;font-size: 4.4vw;}
  .wrap_rollring4 .item .cont .h1{overflow:hidden;height: 19vw;font-size: 6vw;font-weight: 600;letter-spacing: -0.04em;line-height: 9vw;color: #1c1c1c;}
  .wrap_rollring4 .item .cont .t1{margin-top: 5vw;overflow:hidden;height: 15vw;line-height: 7vw;letter-spacing: -0.03em;color: #888888;}
  .wrap_rollring4 .item .cont .date{margin-top: 5vw;}
  .wrap_rollring4 .item .cont .more{margin-top:70px;}
  .wrap_rollring4 .pageing .swiper-button-prev2,
  .wrap_rollring4 .pageing .swiper-button-next2{
    width: 10vw;
    height: 10vw;
    font-size: 4vw;
    margin-top: -5vw;
    cursor: pointer;
  }
  .wrap_rollring4 .pageing .swiper-button-prev2{left: -5vw;}
  .wrap_rollring4 .pageing .swiper-button-next2{right: 8vw;}
  .wrap_rollring4 .pageing .swiper-button-prev2:hover,
  .wrap_rollring4 .pageing .swiper-button-next2:hover{background:#e60012;}
}


/* 

@media screen and (max-width: 1320px) {
  .wrap_rollring4 .item:nth-child(1n+1):after{display:block;}
  .wrap_rollring4 .item:nth-child(2n+1):after{display:none;}
}
@media screen and (max-width: 840px) {
  .banner_rolling_main2{display:block;width: auto;padding:12vw 0;height: auto;overflow: hidden;}
  .banner_rolling_main2 .inr-c{width:auto; margin-right: auto;}
  .banner_rolling_main2 .inr-c .btns_view_main{margin-right:4vw;}
  .wrap_rollring4 .item{padding:2vw;}
  .wrap_rollring4 .item:after{left:-1px;}
  .wrap_rollring4 .swiper-slide-active.item .cont{background-color:#fff; -webkit-box-shadow: 3px 5px 17px -7px rgba(0,0,0,0.59); box-shadow: 3px 5px 17px -7px rgba(0,0,0,0.59);}
  .wrap_rollring4 .item:nth-child(1n+1):after{display:block;}
  .wrap_rollring4 .item .cont{ padding:5vw; border-radius:3vw;}
  .wrap_rollring4 .item .cont .h1{overflow:hidden;height: 15.2vw;}
  .wrap_rollring4 .item .cont .t1{margin-top:45px;overflow:hidden;height: 21vw;}
  .wrap_rollring4 .item .cont .date{margin-top:55px; color:#999999;}
  .wrap_rollring4 .item .cont .more{margin-top:70px;}
  .wrap_rollring4 .item:hover .cont{background-color:#fff;}
  .banner_rolling_main2 .pageing{text-align: center;margin-top: 7vw;display: flex;justify-content: center;position: relative;z-index: 1;}
} */



.wrap_talent{padding: 130px 0;}
.wrap_talent .p_cate{}
.wrap_talent .p_h1{
    letter-spacing: -0.08em;
}
.wrap_talent .more {
    margin-top: 45px;
}

.wrap_talent .inr-c{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wrap_talent .inr-c > .col{}
.wrap_talent .inr-c > .col.lft{
    width: 500px;
}
.wrap_talent .inr-c > .col.rgh{
    width: calc(100% - 550px);
    max-width: 767px;
}

.wrap_talent .list1{
    border-top: 2px #1c1c1c solid;
}
.wrap_talent .list1 li{
    padding: 23px 40px 23px 23px;
    border-bottom: 1px #eaeaea solid;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrap_talent .list1 .t{
    font-size: 22px;
    font-weight: 600;
    color: #1c1c1c;
    width: calc(100% - 120px);
    line-height: 1.4;
    word-break: keep-all;
}
.wrap_talent .list1 .rgh{}
.wrap_talent .list1 .ing,
.wrap_talent .list1 .end{
    width: 80px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px #ddd solid;
    border-radius: 500px;
  font-weight:500;
}
.wrap_talent .list1 .ing{
  border: 1px #f8b7bc solid;
  color:#e60012;
}
.wrap_talent .list1 .end{
  background:#bababa;
  color:#fff;
  border-color:#bababa;
}

@media screen and (max-width: 840px) {

  .wrap_talent{padding: 15vw 0;}
  .wrap_talent .p_cate{}
  .wrap_talent .p_h1{
      letter-spacing: -0.08em;
  }
  .wrap_talent .more {
      margin-top: 8vw;
  }

  .wrap_talent .inr-c{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0;
  }
  .wrap_talent .inr-c > .col{}
  .wrap_talent .inr-c > .col.lft{
      width: auto;
      margin: 0 5vw;
  }
  .wrap_talent .inr-c > .col.rgh{
      width: 100%;
      max-width: none;
      margin-top: 11vw;
  }

  .wrap_talent .list1{
  }
  .wrap_talent .list1 li{
      padding: 4vw 5vw;
      border-bottom: 1px #eaeaea solid;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .wrap_talent .list1 .t{
      font-size: 4.6vw;
      width: 68vw;
  }
  .wrap_talent .list1 .rgh{}
  .wrap_talent .list1 .ing,
  .wrap_talent .list1 .end{
      width: 16.3vw;
      height: 8.8vw;
      font-size: 3.8vw;
  }
  .wrap_talent .list1 .ing{
    border: 1px #f8b7bc solid;
    color:#e60012;
  }
  .wrap_talent .list1 .end{
    background:#bababa;
    color:#fff;
    border-color:#bababa;
  }

}



.wrap_ir{
    display: flex;
    flex-wrap: wrap;
}
.wrap_ir .inr-c{}
.wrap_ir .col{
    width: 50%;
    flex: none;
    display: flex;
    align-items: center;
    padding: 60px 0 83px;
}
.wrap_ir .col.lft{position: relative;justify-content: flex-end;}
.wrap_ir .col.rgh{
    background: #071f5f;
}

.wrap_ir .cont_ir{
    width: 480px;
    margin-right: 220px;
    position: relative;
    z-index: 1;
    color: #fff;
}
.wrap_ir .cont_ir .box1{
  display: flex;
  justify-content: space-between;
}
.wrap_ir .cont_ir .cate{
    font-size: 22px;
    font-weight: 800;
    color: #e60012;
    margin-bottom: 19px;
}
.wrap_ir .cont_ir .lft{}
.wrap_ir .cont_ir .lft .current{
    font-size: 80px;
    font-weight: 500;
    font-style: italic;
    line-height: 1;
}
.wrap_ir .cont_ir .lft .in{
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-top: 36px;
}
.wrap_ir .cont_ir .lft .in > * {}
.wrap_ir .cont_ir .lft .in .t1{margin-right:15px;}
.wrap_ir .cont_ir .lft .in .down{
    font-size: 0;
}
.wrap_ir .cont_ir .lft .in .up{}
.wrap_ir .cont_ir .lft .in .t1{
}
.wrap_ir .cont_ir .lft .in .t2{
    font-size: 30px;
    font-style: italic;
    font-weight: 500;
  margin-left:3px;
}
.wrap_ir .cont_ir .lft .in .t3{
    font-style: italic;
    font-size: 20px;
    font-weight:300;
  margin-left:20px

}

.wrap_ir .lst{
    font-size: 18px;
}
.wrap_ir .lst p{
    display: flex;
    align-items: center;
    margin-top: 9px;
}
.wrap_ir .lst p .h{
    width: 100px;
}
.wrap_ir .lst p .t{font-size: 1.2em;font-weight: 200;}

@media screen and (max-width: 840px) {
  .wrap_ir{
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
  }
  .wrap_ir .inr-c{}
  .wrap_ir .col{
      width: auto;
      flex: none;
      display: flex;
      align-items: center;
      padding: 10vw 5vw 10vw;
      flex-direction: column;
  }
  .wrap_ir .col.lft{position: relative;justify-content: flex-end;}
  .wrap_ir .col.lft .bg1{background-position:90%;}
  .wrap_ir .col.rgh{
      background: #071f5f;
      padding: 15vw 5vw;
  }

  .wrap_ir .cont_ir{
      width: 90vw;
      margin-right: 0;
      position: relative;
      z-index: 1;
      color: #fff;
  }
  .wrap_ir .cont_ir .box1{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .wrap_ir .cont_ir .cate{
      font-size: 5vw;
      margin-bottom: 5vw;
  }
  .wrap_ir .cont_ir .lft{
    margin-left: 0vw;
}
  .wrap_ir .cont_ir .lft .current{
      font-size: 22vw;
  }
  .wrap_ir .cont_ir .lft .in{
      font-size: 4vw;
      display: flex;
      align-items: center;
      margin-top: 5vw;
  }
  .wrap_ir .cont_ir .lft .in > * {}
  .wrap_ir .cont_ir .lft .in .t1{margin-right:15px;}
  .wrap_ir .cont_ir .lft .in .down{
      font-size: 0;
  }
  .wrap_ir .cont_ir .lft .in .up{}
  .wrap_ir .cont_ir .lft .in .t1{
  }
  .wrap_ir .cont_ir .lft .in .t2{
      font-size: 30px;
      font-style: italic;
      font-weight: 500;
    margin-left:3px;
  }
  .wrap_ir .cont_ir .lft .in .t3{
      font-style: italic;
      font-size: 20px;
      font-weight:300;
    margin-left:20px

  }

  .wrap_ir .lst{
      font-size: 5vw;
      margin-top: 10vw;
      margin-left: 0;
  }
  .wrap_ir .lst p{
      display: flex;
      align-items: center;
      margin-top: 9px;
  }
  .wrap_ir .lst p .h{
      width: 100px;
  }
  .wrap_ir .lst p .t{font-size: 1.2em;font-weight: 200;}
}

.lst_brochure{
    color: #fff;
    margin-left:70px;
    display:flex;
    align-items: flex-end;
}
.lst_brochure a{color:#fff;}
.lst_brochure .thumb{}
.lst_brochure .cont{
    margin-left: 60px;
}
.lst_brochure .cont .h1{
    font-size: 35px;
    letter-spacing: -0.05em;
    font-weight: 500;
    margin-bottom: 15px;
}
.lst_brochure .cont .t1{
    color: #c3c7d5;
}
.lst_brochure .cont .btns{
    margin-top: 78px;
}

@media screen and (max-width: 840px) {
  
  .lst_brochure{
      margin-left: 0;
  }
  .lst_brochure a{color:#fff;}
  .lst_brochure .thumb{}
  .lst_brochure .cont{
      margin-left: 8vw;
      max-width: 45vw;
  }
  .lst_brochure .cont .h1{
      font-size: 5vw;
      letter-spacing: -0.05em;
      font-weight: 500;
      margin-bottom: 15px;
  }
  .lst_brochure .cont .t1{
  font-size: 4.5vw;
  word-break: keep-all;
  }
  .lst_brochure .cont .btns{
      margin-top: 12vw;
  }

}

.btn_type2{
    min-width: 160px;
    display: inline-flex;
    height: auto;
    align-items: center;
    justify-content: space-between;
    padding: 18px 30px;
    border: 1px #4f5d84 solid;
    border-radius: 200px;
    font-weight: 500;
    line-height: 1;
}

@media (hover: hover) {
  .btn_type2:hover{background:#2f52ae; }
}


@media screen and (max-width: 840px) {
  .btn_type2{
      min-width: 38vw;
      display: inline-flex;
      height: auto;
      align-items: center;
      justify-content: space-between;
      padding: 3vw 4vw;
      border: 1px #4f5d84 solid;
      border-radius: 50vw;
      font-size: 4vw;
  }

}

.wrap_rolling5{
    margin: 0 auto;
}
.wrap_rolling5 .tab{margin-bottom: 46px;font-size: 20px;}
.wrap_rolling5 .tab a{color: #adadad;letter-spacing: -0.03em;border-bottom: 3px #fff solid;padding-bottom: 2px;display: block; font-weight:500;}
.wrap_rolling5 .tab ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 30px;
}
.wrap_rolling5 .tab li{
    margin-left: 45px;
}
.wrap_rolling5 .tab li a{}
.wrap_rolling5 .tab li a:hover{color:#e60012;}
.wrap_rolling5 .tab li a span{}
.wrap_rolling5 .tab li.on a{color:#e60012; border-color:#e60012;}


.wrap_rolling5 .rollcontainer{display: flex;justify-content: flex-end;margin-right: 30px;position: relative;}
.wrap_rolling5 .rollcontainer .cont_txt{position: absolute;left: 45px;top: 60px;z-index: 1;}
.wrap_rolling5 .rollcontainer .cont_txt .lst{display:none;color: #1c1c1c;}
.wrap_rolling5 .rollcontainer .cont_txt .lst.on{display: block;}
.wrap_rolling5 .rollcontainer .cont_txt .lst .cate{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.wrap_rolling5 .rollcontainer .cont_txt .lst .h1{
    font-size: 140px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin-left: -9px;
}
.wrap_rolling5 .rollcontainer .cont_txt .lst .t1{
    font-size: 20px;
    line-height: 1.6;
    margin-top: 56px;
    color: #888888;
    font-weight: 300;
    letter-spacing: -0.07em;
    max-width: 467px;
}
.wrap_rolling5 .rollcontainer .cont_txt .lst .more{
    margin-top: 48px;
}

.swiper-container{overflow: hidden;}
.wrap_rolling5 .rollcontainer .wrap_swiper{width: 1054px;position: relative;}
.wrap_rolling5  .item{}
.wrap_rolling5  .item .img{width: 1104px; height: 610px; background-size: cover; background-position: center; background-repeat: no-repeat;}

.wrap_rolling5 .wrap_next{width: 330px;position: absolute;right: -110px;top: 215px;}
.wrap_rolling5 .wrap_next .item .img{width: 330px; height: 330px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.wrap_rolling5 .pageing{position:absolute;left: -52px;bottom: 0px;z-index: 20;}
.wrap_rolling5 .pageing > .inner{display:flex;}
.wrap_rolling5 .pageing > .inner > div{width:52px;height: 52px;display: flex;justify-content: center;align-items: center;background: #1c1c1c;color: #fff;font-size: 20px; cursor:pointer;}
.wrap_rolling5 .pageing > .inner > div:hover{background:#e60012;}
.wrap_rolling5 .pageing .swiper-button-prev2{}
.wrap_rolling5 .pageing .swiper-button-next2{}

@media screen and (max-width: 840px) {
  .wrap_rolling5 .tab{display:none;}
  .wrap_rolling5 .rollcontainer{display: flex;justify-content: flex-end;margin-right: 0;position: relative;flex-direction: column;}
  .wrap_rolling5 .rollcontainer .cont_txt{position: relative;left: 0;top: 0;margin-top: 10vw;margin-left: 5vw;margin-right: 5vw;}
  .wrap_rolling5 .rollcontainer .cont_txt .lst{display:none;color: #1c1c1c;}
  .wrap_rolling5 .rollcontainer .cont_txt .lst.on{display: block;}
  .wrap_rolling5 .rollcontainer .cont_txt .lst .cate{
      font-size: 5vw;
  }
  .wrap_rolling5 .rollcontainer .cont_txt .lst .h1{
      font-size: 15vw;
      margin-left: -0.9vw;
      margin-top: 4vw;
  }
  .wrap_rolling5 .rollcontainer .cont_txt .lst .t1{
      font-size: 4.6vw;
      margin-top: 7vw;
      max-width: none;
      word-break: keep-all;
  }
  .wrap_rolling5 .rollcontainer .cont_txt .lst .t1 br{display:none; }
  .wrap_rolling5 .rollcontainer .cont_txt .lst .more{
      margin-top: 6vw;
  }
  
  .swiper-container{overflow: hidden;}
  .wrap_rolling5 .rollcontainer .wrap_swiper{width: 90%;position: relative;margin-right: 5%;}
  .wrap_rolling5  .item{}
  .wrap_rolling5  .item .img{width: 100%;height: 56.1vw;background-size: cover;background-position: center;background-repeat: no-repeat;}
  
  .wrap_rolling5 .wrap_next{width: 34.5vw;right: -15vw;top: auto;bottom: 5vw;}
  .wrap_rolling5 .wrap_next .item .img{width: 34.5vw;height: 34.5vw;background-size: cover;background-position: center;background-repeat: no-repeat;}
  .wrap_rolling5 .pageing{left: 0;}
  .wrap_rolling5 .pageing > .inner{}
  .wrap_rolling5 .pageing > .inner > div{width: 10vw;height: 10vw;font-size: 4vw;}
  .wrap_rolling5 .pageing > .inner > div:hover{background:#e60012;}
  .wrap_rolling5 .pageing .swiper-button-prev2{}
  .wrap_rolling5 .pageing .swiper-button-next2{}
  
}

.wrap_rolling6{position: relative;display: flex;}
.wrap_rolling6 .col_lft,
.wrap_rolling6 .col_rgh{height: 602px;position:relative;}
.wrap_rolling6 .wrap_swiper{width: 100%; position: relative;}
.wrap_rolling6  .item{}
.wrap_rolling6  .item .img{width: 100%; height: 530px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.wrap_rolling6 .col_lft{width:calc(100% - 815px);}
.wrap_rolling6 .col_lft:after{position:absolute;right:0;bottom:0;width: calc(100% - 70px);height:100%;background:#0d143b;content:""}

.wrap_rolling6 .col_rgh{margin-top:65px;width: 815px;background: #122b6d;color: #fff;box-sizing: border-box;height: 537px;display:flex;}
.wrap_rolling6 .tab{width:140px;}
.wrap_rolling6 .tab li{border-top:1px #112d6f solid; background: #0d143b;}
.wrap_rolling6 .tab li a{display:flex;justify-content: center;align-items: center;height: 178px;color: #fff;flex-direction: column; opacity:0.4}
.wrap_rolling6 .tab li a .t{font-size:20px; display:block; margin-top:10px;}
.wrap_rolling6 .tab li:hover,
.wrap_rolling6 .tab li.on{background: #122b6d;}
.wrap_rolling6 .tab li.on a{opacity:1;}
.wrap_rolling6 .tab_area{display: none;width: 85%;}
.wrap_rolling6 .tab_area.on{display:block;}
.wrap_rolling6 .cont_tab{width:100%;height: 537px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}

.wrap_rolling6 .tab_area .t1{
    font-size: 30px;
    letter-spacing: -0.05em;
    line-height: 1;
    font-weight: 500;
}
.wrap_rolling6 .tab_area .t2{
    font-size: 70px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 43px;
    color: #8aa2e1;
}
.wrap_rolling6 .tab_area .t3{
    font-size: 26px;
    line-height: 1.6;
    margin-top: 46px;
}


.wrap_rolling6 .wrap_next{width: 330px;position: absolute;right: -110px;top: 215px;}
.wrap_rolling6 .wrap_next .item .img{width: 330px; height: 330px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.wrap_rolling6 .pageing{position:absolute;right: 0;bottom: 0px;z-index: 20;}
.wrap_rolling6 .pageing > .inner{display:flex;}
.wrap_rolling6 .pageing > .inner > div{width:52px;height: 52px;display: flex;justify-content: center;align-items: center;background: #1c1c1c;color: #fff;font-size: 20px; cursor:pointer;}
.wrap_rolling6 .pageing > .inner > div:hover{background:#e60012;}
.wrap_rolling6 .pageing .swiper-button-prev2{}
.wrap_rolling6 .pageing .swiper-button-next2{}

@media screen and (max-width: 840px) {
  .wrap_rolling6{position: relative;display: flex;flex-direction: column;margin: 0;}
  .wrap_rolling6 .col_lft,
  .wrap_rolling6 .col_rgh{height: 602px;position:relative;}
  .wrap_rolling6 .wrap_swiper{width: 100%; position: relative;}
  .wrap_rolling6  .item{}
  .wrap_rolling6  .item .img{width: 100%;height: 70vw;background-size: cover;background-position: center;background-repeat: no-repeat;}
  .wrap_rolling6 .col_lft{width: 100%;height: auto;}
  .wrap_rolling6 .col_lft:after{position:absolute;right:0;bottom:0;width: calc(100% - 70px);height:100%;background:#0d143b;content:"";display: none;}

  .wrap_rolling6 .col_rgh{margin-top: 0;width: auto;height: auto;display:flex;}
  .wrap_rolling6 .tab{
    display: none;
}
  .wrap_rolling6 .tab li{border-top:1px #112d6f solid; background: #0d143b;}
  .wrap_rolling6 .tab li a{display:flex;justify-content: center;align-items: center;height: 178px;color: #fff;flex-direction: column; opacity:0.4}
  .wrap_rolling6 .tab li a .t{font-size:20px; display:block; margin-top:10px;}
  .wrap_rolling6 .tab li:hover,
  .wrap_rolling6 .tab li.on{background: #122b6d;}
  .wrap_rolling6 .tab li.on a{opacity:1;}
  .wrap_rolling6 .tab_area{display: none;width: 90vw;margin: 5vw;}
  .wrap_rolling6 .tab_area.on{display:block;}
  .wrap_rolling6 .cont_tab{width:100%;height: auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 10vw 0;}

  .wrap_rolling6 .tab_area .t1{
      font-size: 5.3vw;
  }
  .wrap_rolling6 .tab_area .t2{
      font-size: 11vw;
      margin-top: 6vw;
  }
  .wrap_rolling6 .tab_area .t3{
      font-size: 4.3vw;
      line-height: 1.6;
      margin-top: 5vw;
  }


  .wrap_rolling6 .wrap_next{width: 330px;position: absolute;right: -110px;top: 215px;}
  .wrap_rolling6 .wrap_next .item .img{width: 330px; height: 330px; background-size: cover; background-position: center; background-repeat: no-repeat;}
  .wrap_rolling6 .pageing{position:absolute;right: 0;bottom: 0px;z-index: 20;}
  .wrap_rolling6 .pageing > .inner{display:flex;}
  .wrap_rolling6 .pageing > .inner > div{width: 10vw;height: 10vw;font-size: 4vw;}
  .wrap_rolling6 .pageing > .inner > div:hover{background:#e60012;}
  .wrap_rolling6 .pageing .swiper-button-prev2{}
  .wrap_rolling6 .pageing .swiper-button-next2{}
}


.main-page.about,
.main-page.business{padding: 150px 0;}
.main-page.business > .top{margin-bottom:90px;}
.main-page.esg{ padding-bottom:150px;}
.main-page.about{margin-bottom: 227px;}

@media screen and (max-width: 840px) {
  .main-page.about,
  .main-page.business{padding: 13vw 0;}
  .main-page.business > .top{margin-bottom:10vw;}
  .main-page.esg{padding-bottom: 0;}
  .main-page.about{margin-bottom: 16vw;padding-bottom: 0;}
}

.main-page.about .top .inr-c{position: relative;padding-right: 210px;box-sizing: border-box;}
.main-page.about .top .more{position: absolute; right: 0; bottom: 0;}
.main-page.about .lst{margin-top:130px; position:relative; height:753px;}
.main-page.about .lst .item .img{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.main-page.about .lst .item{position:absolute; left:0; top:0;}
.main-page.about .lst .cont{position:absolute;left:110px;bottom:40px;color:#fff;letter-spacing: -0.05em;}
.main-page.about .lst .cont .h1{font-size:100px;font-weight: 600;text-transform: uppercase; line-height:1;}
.main-page.about .lst .cont .t1{font-size:26px;font-weight: 400; margin-top:5px;}

.main-page.about .lst .item.n1{ width:calc(100% - 690px); height:690px;  z-index:3; }
.main-page.about .lst .item.n2{width:690px;height:460px;z-index:2;left:auto;right:0;top: 230px;}
.main-page.about .lst .item.n2 .cont{left:30px;}
.main-page.about .lst .item.n3{width: 750px;height:420px;z-index:1;left:auto;right: 270px;top: 680px;}
.main-page.about .lst .item.n3 .cont{left:30px;}

@media screen and (max-width: 840px) {
  .main-page.about .top .inr-c{position: relative;padding-right: 0;box-sizing: border-box;}
  .main-page.about .top .more{position: relative;right: 0;bottom: 0;margin-top: 6vw;}
  .main-page.about .lst{margin-top: 11vw;position:relative;height: auto;}
  .main-page.about .lst .item .img{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
  .main-page.about .lst .item{position: relative;left:0;top:0;height: 76vw;}
  .main-page.about .lst .cont{left: 5vw;bottom: 3vw;width: 90vw;word-break: keep-all;}
  .main-page.about .lst .cont .h1{font-size: 15vw;font-weight: 600;text-transform: uppercase;line-height:1;}
  .main-page.about .lst .cont .t1{font-size: 5vw;font-weight: 400;margin-top: 2vw;}

  .main-page.about .lst .item.n1{width: 100%;z-index:3;height: 76vw;}
  .main-page.about .lst .item.n2{width: 100%;height: 76vw;z-index:2;left:auto;right:0;top: 0;}
  .main-page.about .lst .item.n2 .cont{left: 5vw;}
  .main-page.about .lst .item.n3{width: auto;z-index:1;left:auto;right: 0;top: 0;height: 76vw;}
  .main-page.about .lst .item.n3 .cont{left: 5vw;}

}

.main-page.esg .top{margin-bottom: 80px;}
.main-page.esg .top .inr-c{position: relative;}
.main-page.esg .top .more{position:absolute; right:0; bottom:-80px;}

@media screen and (max-width: 840px) {
  .main-page.esg .top{margin-bottom: 13vw;}
  .main-page.esg .top .inr-c{position: relative;}
  .main-page.esg .top .t1{margin-top:5vw;}
  .main-page.esg .top .more{position: relative;right:0;bottom: 0;margin-top: 11vw;}
}


.wrap_partners{ position: fixed; left: 0; top: 30px; z-index: 3; background-color: rgba(0, 0, 0, 0.8); width: 46px; height: 740px; backdrop-filter: blur(10px);  }
.wrap_partners.active{width: 590px; border-radius: 0 40px 40px 0;}
.wrap_partners > .inner{}
.wrap_partners .tab{
    display:flex;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 740px;
    position: absolute;
    left: 0px;
    bottom: -46px;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 0%;
    flex-wrap: wrap;
    text-align: center;
    z-index: 2;
    }
.wrap_partners .tab a{width: 20%;color: #fff;padding: 13px;font-size: 12px;box-sizing: border-box;}
.wrap_partners .tab a:hover,
.wrap_partners .tab a.on{background: #e50717;}
.wrap_partners .item{
}
.wrap_partners .item.n1{}
.wrap_partners .item.n2{}
.wrap_partners .item.n3{}
.wrap_partners .item.n4{}
.wrap_partners .item.n5{}

.wrap_partners .item > a{}
.wrap_partners .item > .cont{display: none;}
.wrap_partners .item.on > .cont{display: block;padding: 50px 20px 50px 90px;color: #fff;}
.wrap_partners .item > .cont .logo{
    margin-bottom: 40px;
}
.wrap_partners .item > .cont .h1{
    font-size: 36px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: -0.05em;
}
.wrap_partners .item > .cont .t1{
    padding-top: 30px;
    margin-top: 20px;
    position: relative;
    font-size: 18px;
    line-height: 1.5;
    z-index: 1;
}
.wrap_partners .item > .cont .t1:after{position:absolute; left:0; top:0; width:40px; height:5px; background:#e60014; content:""}
.wrap_partners .item > .cont .img{
    position: absolute;
    bottom: -210px;
    left: -20px;
    z-index: 0;
}
.wrap_partners .item.n2 > .cont .img{bottom: -107px;left: -20px;}
.wrap_partners .item.n3 > .cont .img{bottom: -150px;left: 40px;}
.wrap_partners .item.n4 > .cont .img{bottom: -80px;left: 80px;}
.wrap_partners .item.n5 > .cont .img{bottom: -130px;left: -20px;}
.wrap_partners .item > .cont .img img{max-width: none;}


@media screen and (max-width: 840px) {
 .wrap_partners{display: none;}
}


@-webkit-keyframes slide-in-blurred-top {
   0% {
      -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;

  }
  100% {
      -webkit-transform: translateY(-25px) scaleY(1.1) scaleX(0.92);
            transform: translateY(-25px) scaleY(1.1) scaleX(0.92);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(10);
            filter: blur(10);
    opacity: 0.5;
  }
}
@keyframes slide-in-blurred-top {
  0% {
      -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;

  }
  100% {
      -webkit-transform: translateY(-25px) scaleY(1.1) scaleX(0.92);
            transform: translateY(-25px) scaleY(1.1) scaleX(0.92);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(10);
            filter: blur(10);
    opacity: 0.5;
  }
}