@charset "utf-8";
.body-main,
section {position:relative;}

section+section {padding: 130px 0 150px;}

.main__title {text-align: center; margin-bottom: 80px;}
.main__title h4 {font-size: 50px; font-weight: 700; color: #3e539f; text-transform: uppercase; font-style: italic; margin-bottom: 20px;}
.main__title p {font-style: 20px; font-weight: 400; color: #444; line-height: 1.4;}

@media only screen and (max-width: 1440px) {
  .main__title h4 {font-size: 40px;}
}

@media only screen and (max-width: 1024px) {
  section+section {padding: 100px 0 50px;}

  .main__title h4 {font-size: 34px;}
  .main__title p {font-size: 18px;}
}

@media only screen and (max-width: 480px) {
  section+section {padding: 80px 0 50px;}

  .main__title h4 {font-size: 28px;}
  .main__title p {font-size: 16px;}
}

.section1 .scroll{position: absolute;bottom: 0px;right: 0%;transform: translate(-50%, -0%) translate(-0.5px, -0.5px);font-weight: 700;font-size: 12px;color: #fff;letter-spacing: 2px;z-index: 3;}
.section1 .scroll h2{text-shadow: 1px 1px 6px rgb(0 0 0 / 41%);margin-bottom: 20px}
.section1 .scroll .scroll_box{width: 1px;height:70px;background: rgba(255,255,255,0.3);margin: 0 auto;}
.section1 .scroll .scroll_inner{height: 30px;background: #fff;   animation: rotate_scroll 1.2s linear infinite;transform-origin: 50% 50%;}
@keyframes rotate_scroll {
  from {
    transform:translate(-0%, -0%) ;
  }
  to {
    transform:translate(-0%, 72px) ;
  }
}

/* main__visual */
.main__visual { position:relative; overflow:hidden;}
.main__visual-wrap {width:auto; z-index:2; position:relative;margin:0 auto;}

.slick-slider .slick-track, .slick-slider .slick-list {z-index:1;  height:100%;}
.main__visual-item {position: relative;overflow:hidden; height:100%; height:100vh; min-height:800px !important;text-align: center; }

.main__visual-item .bg .main__visual-video {min-width: 1600px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index: 1;}

.main__visual-item > .bg {position:absolute; height:100%; width:100%; top:0; left:0; overflow:hidden; z-index:-1; }
.main__visual-item > .bg.main__visual-img{background-size:cover; background-position: 50% 5%; background-repeat: no-repeat; transition:all 10s ease-in-out; transform:scale(1) skew(0.001deg);}
.bg.main__visual-img.is-scale{transform:scale(1) skew(0.001deg);}
.slick-active  .bg.main__visual-img.is-scale{transition:all 12s ease; transform:scale(1.2) skew(0.001deg);}

.main__visual-item.nth-1 .main__visual-img{background-image:url('../images/main/main_visual01.jpg');}
/* .main__visual-item.nth-2 .main__visual-img{background-image:url('../images/main/main_visual02.jpg');}
.main__visual-item.nth-3 .main__visual-img{background-image:url('../images/main/main_visual03.jpg');} */

.main__visual__con{position:absolute; top: 50%;left: 25%;transform: translate(-50%, -50%);z-index: 3}
.main__visual__con .text_box{text-align: left;}
.main__visual__con .text_box h3{font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 50px;line-height: 1;color: #0e5ab8;transition: all .5s ease}
.main__visual__con .text_box h2{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 70px;line-height: 1.2;color: #0f3f88;transition: all .5s ease}

.main__visual__con .text_box.active h3,.main__visual__con .text_box.active h2,.main__visual__con .text_box.active p,
.main__visual__con .text_box.active p span{color: #fff;transition: all .5s ease}

.main__visual__con .text_box p{font-weight: 500;font-size: 23px;line-height: 1.6;color: #1b69c9;margin-top: 10px}
.main__visual__con .text_box p span{font-weight: 800;color: #001a41}
.main__visual-img {width:100%; height:100%;}
.main__visual-img video{width: 100%}

.main__visual-inner {display:inline-block; position:relative; z-index:10; vertical-align:middle; line-height:1.3; width:100%; height: 100%;}

.main__visual-dots {position: absolute; z-index: 3;margin-top: 30px;margin-left: 2px}
.main__visual-dots .slick-dots {font-size: 0;}
.main__visual-dots .slick-dots li {display: inline-block;}
.main__visual-dots .slick-dots li+li {margin-left: 15px;}
.main__visual-dots .slick-dots li button {font-size: 0; background: rgba(0,0,0,0.2); width: 12px; height: 12px; border-radius: 100%;border: 0;transition: all .3s ease; }
.main__visual-dots .slick-dots li.slick-active button,
.main__visual-dots .slick-dots li:hover button {background: #1b69c9;width: 24px;border-radius: 10px;transition: all .3s ease; }

.main__visual-dots.active .slick-dots li.slick-active button,
.main__visual-dots.active .slick-dots li:hover button{background: #fff}

.main__visual-bottom{position: absolute;bottom: 0;width: 100%;z-index: 8}
.main__visual-bottom ul{width: 100%}
.main__visual-bottom ul li{float: left;width: 50%;background: #fff;transition: all .3s ease}
.main__visual-bottom ul li a{position: relative;display: block;width: 100%;font-weight: 800;font-size: 37px;line-height: 1.4;color: #1b69c9;padding: 55px 0 55px 200px;transition: all .3s ease}
.main__visual-bottom ul li a span{color: #001a41}
.main__visual-bottom ul li a em{display: block;position: relative;background: url('../images/main/ic_main_arrow.png') center;width: 74px;height: 24px;position: absolute;top: 50%;right: 0%;transform: translate(-70%, -50%);z-index: 1;transition: all .3s ease}
.main__visual-bottom ul li a em::before{content: "";width: 20px;height: 20px;background: #0b54ae;position: absolute;top: 50%;right: 5%;transform: translate(15%, -50%);z-index: -1;opacity: 0;border-radius: 100%;transition: all .5s ease}
.main__visual-bottom ul li a p{font-family: 'Montserrat', sans-serif;display: block;color: #666;font-size: 16px;font-weight: 400}
.main__visual-bottom ul li a::before{content: "";width: 74px;height: 76px;position: absolute;top: 50%;left: 70px;transform: translate(-0%, -50%);}
.main__visual-bottom ul li.on a em{opacity: 1;transform: translate(-50%, -50%);transition: all .3s ease}
.main__visual-bottom ul li.on a em:before{opacity: 0.7;transform: translate(25%, -50%) scale(2);transition: all .5s ease}
.main__visual-bottom ul li:first-child a::before{background: url('../images/main/ic_main_con1.png') center;}
.main__visual-bottom ul li:last-child a::before{background: url('../images/main/ic_main_con2.png') center;}
.main__visual-bottom ul li.on,.main__visual-bottom ul li:hover{background: #1b69c9}
.main__visual-bottom ul li.on:first-child a::before,.main__visual-bottom ul li:hover:first-child a::before{background: url('../images/main/ic_main_con1_h.png') center;}
.main__visual-bottom ul li.on:last-child a::before,.main__visual-bottom ul li:hover:last-child a::before{background: url('../images/main/ic_main_con2_h.png') center;}
.main__visual-bottom ul li.on a,.main__visual-bottom ul li.on a span ,.main__visual-bottom ul li.on a p{color: #fff}

/* ic_main_con2_h */


.section2{position: relative;padding: 280px 0;background:url("../images/main/section2.jpg") no-repeat center;background-size: cover;z-index: 3}
.section2 .inner{top: -105px}
.section2 .title h2{font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 70px;line-height: 0.9;color: #0087be}
.section2 .title h3{font-weight: 800;font-size: 42px;line-height: 1.6;color: #222}
.section2 .title p{font-weight: 400;font-size: 20px;line-height: 1.6;color: #666;margin: 10px 0 100px}

.section2 .slide-nav{position: relative;margin-left: 20%;z-index: 999}
.section2 .slide-nav::before{content: "";position: absolute;width: 100%;height: 2px;background: #018cc4;top: 50%;left: calc(-50% - 15px);transform: translate(-50%, -50%);}
.section2 .slide-nav a{padding: 16px 28px;line-height: 0;border-radius: 100%}
.section2 .slide-nav a.prev{background:#0087be url("../images/main/section2_prev.png") no-repeat center;margin-right: 15px}
.section2 .slide-nav a.next{background:#000 url("../images/main/section2_next.png") no-repeat center}

.section2 .con{width: calc(70% - 60px);margin-left: auto;position: absolute;top: 50%;right: 0%;transform: translate(-0%, -50%);padding: 0px 0 0px 60px;}
.section2 .con::after{content: "";width: 100%;position: absolute;height: 80%;background: #fff;bottom: 2px}
.section2 .con .slide_items{position: relative;overflow: hidden;margin: 0 30px}
/* .section2 .con .slide_items .slide_inner{padding: 150px 0 0} */
.section2 .con .slide_items .text_box{transition: all .5s ease;padding: 30px 0 60px;width: 250px}
.section2 .con .slide_items .text_box h2{position: relative;;font-weight: 600;font-size: 35px;line-height: 1.6;color: #0087be;padding:0 30px 30px;border-bottom: 2px solid #0087be;transition: all .5s ease}
.section2 .con .slide_items .text_box p{font-weight: 500;font-size: 15px;line-height: 1.6;color: #666;margin-top: 30px;transition: all .5s ease;word-break: break-all;}


.section2 .con .slick-slider .slick-list{margin-left: 60px}
.section2 .con .slide_inner{padding-top: 190px;transition: all .5s ease}
.section2 .con .slide_items .img{width: 250px;height: 110px;position: relative;transition: all .5s ease;overflow: hidden}
.section2 .con .slide_items .img img{width: 100%}
.section2 .con .slide_items.slick-now .slide_inner{padding: 0;transition: all .5s ease}
.section2 .con .slide_items.slick-now .img{width: 300px;height: 300px;transition: all .5s ease;padding: 0}
.section2 .con .slide_items.slick-now .img img{transition: all .5s ease}
.section2 .con .slide_items.slick-now .text_box{width: 300px;text-align: center;background: #0087be;padding: 30px 30px 60px}
.section2 .con .slide_items.slick-now .text_box h2,.section2 .con .slide_items.slick-now .text_box p{color: #fff;transition: all .5s ease}

.section2 .con .slide_items.slick-now .text_box h2{border: 0}
.section2 .con .slide_items.slick-now .text_box h2::after{content: "";width: 32px;height: 32px;position: absolute;background:url("../images/main/more.png") no-repeat center;top:95%;left: 50%;transform: translate(-50%, -50%);}

.section3{padding: 195px 0;position: relative;background:url("../images/main/section3.jpg") no-repeat center;background-size: cover}
.section3 .content .left{width: 50%;background: url("../images/main/section3_img1.png") no-repeat center;justify-content: end;flex-direction: column;}
.section3 .content .left .title{display: inline-block;padding: 55px;text-align: right;margin-bottom: 80px}
.section3 .content .left .title h2{font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 45px;line-height: 1;color: #004caa}
.section3 .content .left .title p{font-weight: 400;font-size: 16px;line-height: 1.4;color: #666;margin-top: 20px;}

.section3 .content .left .alink a{color: #fff;background: #1b69c9;display: inline-block;padding: 45px}
.section3 .content .left .alink a h2{font-weight: 700;font-size: 37px;padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.5)}
.section3 .content .left .alink a p{position: relative;;font-weight: 500;font-size: 18px;line-height: 1.6}
.section3 .content .left .alink a p em{display: block;position: relative;background: url('../images/main/ic_main_arrow.png') no-repeat center;width: 38px;height: 14px;position: absolute;top: 50%;right: -5%;transform: translate(-70%, -50%);z-index: 1;transition: all .3s ease;background-size: contain;}
.section3 .content .left .alink a p em::before{content: "";width: 15px;height: 15px;background: #0b54ae;position: absolute;top: 50%;right: 5%;transform: translate(15%, -50%);z-index: -1;opacity: 0;border-radius: 100%;transition: all .5s ease}
.section3 .content .left .alink a:hover em{opacity: 1;transform: translate(-50%, -50%);transition: all .3s ease}
.section3 .content .left .alink a:hover em:before{opacity: 0.7;transform: translate(25%, -50%) scale(2);transition: all .5s ease}

.section3 .content .right{width: 50%;}
.section3 .content .right .top{align-items: center;background: #4e92e7;justify-content: space-between; overflow: hidden; position: relative;}
.section3 .content .right .top .slick-slider {width: 100%;}
.section3 .content .right .top .slide_items a {display: block; padding: 55px 80px;}
.section3 .content .right .top .slide_items a::after {display: block; content: ""; clear: both;}
.section3 .content .right .top .title {color: #fff;float: left;margin-left: 80px;margin-top: 10px}
.section3 .content .right .top .title h2{position: relative;font-weight: 800;font-size: 25px;line-height: 1.2}
.section3 .content .right .top .title h2 span{display: block;font-size: 40px}
.section3 .content .right .top .title h2::after{content: "";width: 62px;height: 64px;background: url("../images/main/good.png") no-repeat center;position: absolute;top: 50%;left: 80%;transform: translate(-50%, -50%);}
.section3 .content .right .top .title h3{font-family: 'Montserrat', sans-serif;font-size: 15px;line-height: 1.6;margin: 10px 0;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.5)}
.section3 .content .right .top .title p{font-weight: 500;font-size: 20px;line-height: 1.6}
.section3 .content .right .img{border-radius: 100%;overflow: hidden; float: left; max-width: 185px;}
.section3 .content .right .slide-nav{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; z-index: 2;}
.section3 .content .right .slide-nav a{width: 25px;height: 18px;display: block; transition: all .3s ease-in-out;}
.section3 .content .right .slide-nav .prev{position:absolute;left: 10px;background: url("../images/main/prev2.png") no-repeat left;}
.section3 .content .right .slide-nav .next{position:absolute;right: 10px;background: url("../images/main/next2.png") no-repeat right;}
.section3 .content .right .slide-nav .prev:hover {left: 5px;}
.section3 .content .right .slide-nav .next:hover {right: 5px;}

/* 22.04.13 메인에 우수사원 이미지 백그라운드로 넣기 */
.section3 .content .right .img {background: url('../images/member/sample.jpg') no-repeat center / cover;}


.section3 .content .right .bottom{text-align: center}
.section3 .content .right .bottom > a{display: block}
.section3 .content .right .bottom > a {width: 50%;padding: 175px 0 63px 0}
.section3 .content .right .bottom > a:first-child{background: rgba(198,232,255,0.43)}
.section3 .content .right .bottom > a:last-child{background: #edf0f3}


.section3 .content .right .bottom h2{position: relative;;font-weight: 600;font-size: 23px;line-height: 1.6;color: #000}
.section3 .content .right .bottom h2::before{content: "";width: 74px;height: 74px;position: absolute;top: -70px;left: 50%;transform: translate(-50%, -50%); transition: all .3s ease-in-out;}
.section3 .content .right .bottom > a:first-child h2::before{ background: url("../images/main/section3_img2.png") no-repeat center}
.section3 .content .right .bottom > a:last-child h2::before{ background: url("../images/main/section3_img3.png") no-repeat center}
.section3 .content .right .bottom p{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 15px;line-height: 1.6;color: #868686}
.section3 .content .right .bottom a:hover h2::before {transform: translate(-50%, -50%) scale(1.2);}

.section3 .notice{background: #fff;align-items: center}
.section3 .notice h2{position: relative;;font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 25px;line-height: 1.6;color: #222;padding:20px 77px}
.section3 .notice h2::after{content: "";position: absolute;width: 8px;height: 8px;border-radius: 100%;background: #1b69c9;top: 50%;right: 0%;transform: translate(5px, -50%);}
.section3 .notice .info{width: 55%;height: auto;}
.section3 .notice .info ul{width: 100%;}
.section3 .notice .info ul li{position: relative;}
.section3 .notice .info p{padding-left: 60px;display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;font-size: 20px;line-height: 1.6;color: #666}
.section3 .notice .info span{position: absolute;right: 0;font-weight: 400;font-size: 16px;line-height: 1.6;color: #666;top: 50%;transform: translate(-0%, -50%);}
.section3 .notice .last{margin-left: 30px}
.section3 .notice .last a{width: 27px;height: 27px;display: block;background: url("../images/main/rnext.png") no-repeat center;padding:40px 58px;border-right: 1px solid #dfe3e9}
.section3 .notice .last a:first-child{border-left: 1px solid #dfe3e9;background: url("../images/main/rprev.png") no-repeat center}
.section3 .notice .last a:last-child{border: 0;background: url("../images/main/rmore.png") no-repeat center}

.section4{padding: 120px 0;position: relative;background:#e8ecef url("../images/main/bg_section4.png") no-repeat bottom right}
.section4 .inner{align-items: center;justify-content: space-between;z-index: 1}
.section4 .left{width: 70%;position: relative;}
.section4 .left .slide-nav{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%}
.section4 .left .slide-nav a{width: 40px;height: 18px;display: block; transition: all .3s ease-in-out;}
.section4 .left .slide-nav .prev{position:absolute;left: -50px;background: url("../images/main/prev2.png") no-repeat center}
.section4 .left .slide-nav .next{position:absolute;right: -50px;background: url("../images/main/next2.png") no-repeat center}
.section4 .left .slide-nav .prev:hover {left: -60px;}
.section4 .left .slide-nav .next:hover {right: -60px;}

.section4 .slick-list{padding: 80px 0px}
.section4 .slide_items{position: relative; max-width: 200px; border-radius: 50%; overflow: hidden;}

/* 22.04.13 메인에 우수사원 이미지 백그라운드로 넣기 */
.section4 .slide_items {background: url('../images/member/sample.jpg') no-repeat center / cover;}


.section4 .slide_items img{position: relative;width: 200px;border-radius: 100%;transition: all .5s ease;margin: 0 auto;}
.section4 .slide_items:hover img{transform: scale(1.2);transition: all .5s ease; -webkit-filter: blur(2px);filter: blur(2px);}
.section4 .slide_items::before{content: "";width: 63px;height: 63px;background: url("../images/main/more2.png") no-repeat center;position: absolute;top: 50%;left: 50%;transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));z-index: 9;opacity: 0;transition: all .5s ease}
.section4 .slide_items::after{content: "";width: 200px;height: 200px;position: absolute;background: #222;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);border-radius: 100%;opacity: 0}
.section4 .slide_items:hover::after{transform: translate(-50%, -50%) scale(1.2);transition: all .5s ease;opacity: 0.3}
.section4 .slide_items:hover::before{opacity: 1;transition: all .5s ease}

.section4 .right .title{text-align: right}
.section4 .right .title h2{font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 50px;line-height: 1;color: #009aab}
.section4 .right .title p{font-weight: 800;font-size: 35px;line-height: 1.6;color: #000}

.section4 .img{position: absolute;;width: 254px;height: 400px;;background: url("../images/main/img_section4.png") no-repeat center;bottom:0;right:  0%;    background-size: contain;}



@media only screen and (max-width: 1440px) {
  .section4 .inner{flex-direction: column-reverse;}
  .section4 .left{width: 100%}
  .section4 .right{width: 100%}
  .section2 .inner,
  .section4 .inner {width: 90%;margin: 0 auto;}
  .inner.ex{width: 100%;margin: 0 auto;}
  .main__visual-bottom ul li a{font-size: 32px;padding: 55px 0 55px 170px}
  .main__visual-bottom ul li a em{width: 58px;height: 20px;background-size: contain;}
  .main__visual-bottom ul li a::before {width: 64px;height: 64px;background-size: contain !important;background-repeat: no-repeat !important;}
  /* .section1 .scroll{bottom: 175px} */
  .section3 .content .right .top .title{margin-left: 55px}
}

@media only screen and (max-width: 1200px) {
.main__visual-bottom ul li a{font-size: 28px}
.main__visual-bottom ul li a p{font-size: 12px}
.main__visual__con .text_box h3{font-size: 45px}
.main__visual__con .text_box h2{font-size: 65px;}
.main__visual__con .text_box p{font-size: 21px}
.main__visual-bottom ul li a em{width: 41px;height: 13px}
.main__visual-bottom ul li a em::before{width: 15px;height: 15px}

/* .section2 .con .slide_items.slick-current .slide_inner{padding: 0;transition: all .5s ease}
.section2 .con .slide_items.slick-current .img{width: 300px;height: 300px;transition: all .5s ease;padding: 0}
.section2 .con .slide_items.slick-current .img img{transition: all .5s ease}
.section2 .con .slide_items.slick-current .text_box{width: 300px;text-align: center;background: #0087be;padding: 30px 30px 60px}
.section2 .con .slide_items.slick-current .text_box h2,.section2 .con .slide_items.slick-current .text_box p{color: #fff;transition: all .5s ease} */

.section2 .con .slide_items.slick-current .text_box h2{border: 0}
.section2 .con .slide_items.slick-current .text_box h2::after{content: "";width: 32px;height: 32px;position: absolute;background:url("../images/main/more.png") no-repeat center;top:95%;left: 50%;transform: translate(-50%, -50%);}


.section2,.section3{padding: 130px 0}
.section4{padding: 100px 0}
.section2 .con{position: relative;width: 100%;margin-left: 0;padding: 0;top: auto;right: auto;transform: none}
.section2 .title h2 br, .section2 .title p br.type1{display: none}
.section2 .inner{top: auto}

.section2 .title h2{font-size: 65px}
.section2 .title h3{font-size: 37px}
.section2 .title p{font-size: 18px}
.section2 .con .slide_items .text_box h2{font-size: 32px}

.section3 .content .left .title h2{font-size: 40px}
.section3 .content .right .top .title h2 span{font-size: 35px}
.section3 .content .right .top .title h2{font-size: 22px}
.section3 .content .right .top .title p{font-size: 18px}
/* .section3 .content .right .img{margin-right: 15px} */
.section3 .notice .last a{padding: 40px 44px}
.section3 .content .right .top .title{margin-left:30px}
}

@media only screen and (max-width: 1024px) {
  .main__visual-item {min-height: 650px !important; height: 700px;}
  .main__visual-bottom ul li a{padding: 45px 0 45px 100px}
  .main__visual-bottom ul li a::before{width: 50px;height: 50px;left: 30px}
  .main__visual-bottom ul li a{font-size: 23px}
  .main__visual-bottom ul li a p{font-size: 10px}
  .main__visual__con{left: 5%;transform: translate(-0%, -80%)}

  .section3 .content .left .title{padding: 30px 35px 0px}
  .section3 .content .right .bottom > div{padding: 140px 0 35px 0}
  .section3 .content .right .top .title h2::after{width: 45px;background-size: contain}
  .section3 .content .left .alink a{padding: 35px}
  .section3 .content .left .alink a h2{font-size: 30px}
  .section3 .content .left .alink a p{font-size: 16px}
  .section3 .notice h2{padding: 20px 62px;font-size: 20px}
  .section3 .notice .info ul li p{padding-left: 30px;font-size: 16px}
  .section3 .notice .info ul li span{font-size: 13px}
  .section3 .notice .last a {padding: 38px 38px;}

  .section4 .left .slide-nav .next{right: -5%}
  .section4 .left .slide-nav .prev{left: -5%}
}
/* @media only screen and (max-width: 1100px) {
  .section3 .content{flex-direction: column;}
  .section3 .content .left{background-size: cover}
  .section3 .content .left,.section3 .content .right{width: 100%}
  .section3 .notice h2{padding: 20px 28px}
} */

@media only screen and (max-width: 768px) {
  .main__visual-bottom ul li{width: 100%}
  .main__visual-bottom ul li a{padding: 30px 0 30px 170px}
  .main__visual-bottom ul li a::before{left: 70px}
  .main__visual__con .text_box h3{font-size: 40px}
  .main__visual__con .text_box h2{font-size: 60px;}
  .main__visual__con .text_box p{font-size: 19px}
  .section1 .scroll{display: none}

  .section2 .con .slide_items .text_box h2{font-size: 27px}
  .section2 .con .slide_items .text_box p{font-size: 13px}
  .section2 .title h2{font-size: 55px}
  .section2 .title h3{font-size: 30px}
  .section2 .title p{font-size: 17px}
  .section2 .con .slide_items.slick-current .slide_inner{padding: 0;transition: all .5s ease}
  .section2 .con .slide_items.slick-current .img{width: 300px;height: 300px;transition: all .5s ease;padding: 0}
  .section2 .con .slide_items.slick-current .img img{transition: all .5s ease}
  .section2 .con .slide_items.slick-current .text_box{width: 300px;text-align: center;background: #0087be;padding: 30px 30px 60px}
  .section2 .con .slide_items.slick-current .text_box h2,.section2 .con .slide_items.slick-current .text_box p{color: #fff;transition: all .5s ease}
  .section2 .title p{margin: 0px 0 50px}
  .section2 .con{margin-top: 50px}
  .section2 .con .slick-slider .slick-list{margin-left: 5%}
  .section2 .slide-nav{margin-left: 55%}
  .section2 .slide-nav::before{min-width: 500px;left: calc(-0% - 270px)}
  .section2 .slide-nav a.prev{margin-right: 8px}
  .section2 .slide-nav a{padding: 10px 20px}
  .section3 .notice .last{margin-left: 10px}
  .section3 .notice .last a{padding: 28px 27px;background-size: 40% !important;}
  .section3 .notice h2{padding: 12px 28px}

  .section4 .right .title h2{font-size: 45px}
  .section4 .right .title p{font-size: 35px}

}

@media only screen and (max-width: 640px) {
  .main__visual-item {height: 650px;}
  .section2,.section3{padding: 80px 0}
  .section4{padding: 80px 0}
  /* .section3 .content .right .top{padding: 35px} */
  .section3 .notice h2{display: none}
  .section3 .notice .info{width: 70%}
  .section3 .content .right .img{margin-right: 30px}
  .section3 .content .right .top .title h2{font-size: 18px}
  .section3 .content .right .top .title h2 span{font-size: 28px}
  .section3 .content .right .top .title h3{font-size: 11px}
  .section3 .content .right .top .title h2::after{left: 90%}

  .section3 .content .right .bottom {flex-wrap: wrap;}
  .section3 .content .right .bottom > a {width: 100%; padding: 150px 0 40px 0;}

  .section4 .img{width: 150px;height: 205px}
}

@media only screen and (max-width: 480px) {
  .main__visual__con .text_box h3{font-size: 30px}
  .main__visual__con .text_box h2{font-size: 50px;}
  .main__visual__con .text_box p{font-size: 14px}

  .main__visual-bottom ul li a{padding: 30px 0 30px 80px}
  .main__visual-bottom ul li a::before{left: 20px;width: 40px;height: 40px}
  .main__visual-bottom ul li a{font-size: 19px}

  .section2 .title h2{font-size: 47px}
  .section2 .title h3{font-size: 27px}
  .section2 .title p{font-size: 16px}

  .section3 {background: none;}
  .section3 .content .left .title h2{font-size: 35px}
  .section3 .content .right .top{flex-direction: column;}
  .section3 .content .right .top{padding: 35px 20px}
  .section3 .content .right .img{margin-right: 0;margin-bottom: 20px}
  .section3 .content .right .top .title h2::after{top: 0}
  .section3 .content .right .bottom h2{font-size: 18px}
  .section3 .content .right .bottom p{font-size: 13px}
  .section3 .content .right .bottom h2::before{background-size: contain !important;}
  .section3 .content .right .bottom > div{padding: 85px 20px 20px 20px}
  .section3 .notice {border-bottom: 1px solid #dfe3e9;}
  .section3 .notice .info ul li span{display: none}
  .section3 .notice .info ul li p{padding-left: 20px;width: 100%;font-size: 15px}
  .section3 .notice .last a {padding: 20px 21px;background-size: 30% !important;}
  .section4 .right .title h2{font-size: 40px}
  .section4 .right .title p{font-size: 30px}
}

/* 22.04.26 */

.section3 .content .left {background-size: cover;}
.section3 .content .right .top,
.section3 .content .right .bottom {height: 50%;}

.section3 .content .right .top .slide_items {padding: 0;}


@media only screen and (max-width: 1620px) {
  .main__visual {max-height: 800px;}
}

@media only screen and (max-width: 1440px) {
  .main__visual-img video{width: auto;height: 100%}

  .section3 .content .right .top .slide_items a {padding: 40px;}

  .section4 .inner {width: calc(100% - 40px); margin: 0 20px; padding: 0 60px;}
  .section4 .left {padding: 0 10px;}
}

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

  .section3 .content .left .title {padding: 20px 20px 0 0;}
  .section3 .content .right .top .slide_items a {padding: 10px 40px;}
  .section3 .content .right .img {max-width: 150px;}
  .section3 .content .right .top .title {margin-left: 20px;}
  .section3 .content .right .top .title h2 span {font-size: 30px;}
  .section3 .content .right .bottom > a {padding: 130px 0 50px;}
  .section3 .content .right .bottom h2::before {top: -50px;}
}

@media only screen and (max-width: 1024px) {
  .section3 .content{flex-direction: column;}
  .section3 .content .left{background-size: cover}
  .section3 .content .left,.section3 .content .right{width: 100%}
  .section3 .content .right .top .title,
  .section3 .content .right .img {float: inherit; display: inline-block; text-align: left;}
  .section3 .content .right .top .slide_items a {text-align: center; padding: 40px;}
  .section3 .notice h2{padding: 20px 28px}

  .section4 .left .slide-nav .prev {left: -8%;}
  .section4 .left .slide-nav .next {right: -8%;}
}

@media only screen and (max-width: 768px) {
  .section2 .con .slide_items {margin: 0; padding: 0 10px;}
  .section2 .con .slick-slider .slick-list {width: 90%;}
  .section2 .con .slide_items.slick-current .text_box {box-sizing: border-box;}
  .section2 .con .slide_items.slick-current .img,
  .section2 .con .slide_items.slick-current .text_box {width: 100%;}

  .section2 .con .slide_items.slick-current .img {height: 250px;}

  .section4 .left .slide-nav .prev {left: -10%;}
  .section4 .left .slide-nav .next {right: -10%;}
}

@media only screen and (max-width: 640px) {
  .main__visual__con {top: 60%;}

  .section2 .con .slide_inner {width: 300px;}

  .section4 .slide_items {max-width: 300px; margin: 0 auto;}
  .section4 .slide_items img {width: 300px;}
  .section4 .slide_items::after {width: 300px; height: 300px;}
  .section4 .left .slide-nav .prev {left: -60px;}
  .section4 .left .slide-nav .next {right: -60px;}
}

@media only screen and (max-width: 480px) {
  .main__visual-img video {transform: translateX(-30%);}

  .section2 .con .slide_inner {width: 270px;}

  .section4 .inner,
  .section4 .left {padding: 0;}
  .section4 .left .slide-nav {z-index: 2;}
  .section4 .left .slide-nav .prev {left: auto; right: 60px; top: -200px;}
  .section4 .left .slide-nav .prev:hover {left: auto; right: 55px;}
  .section4 .left .slide-nav .next {right: 0; top: -200px;}
  .section4 .left .slide-nav .next:hover {right: 5px;}
}

/* 24.05.13 */

@media (min-width:1921px) {
  .section2 .inner {
    max-width: 1920px;
}
  .section2 .slide-nav {
    margin-left: 10%;
}
}