#main{position: relative; }
#section1{overflow: hidden;}
.msec1{position: relative;}
.msec1 .swiper-slide{overflow:hidden}
.msec1 .swiper-slide .slogan{position:absolute; z-index:10; top:60%; left:50%; transform: translateX(-50%); width:100%; padding:0 2rem; max-width:var(--container); }
.msec1 .swiper-slide .slogan p{color:#fff; font-weight: bold; position: relative; text-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.msec1 .swiper-slide .slogan .text1{top:0; opacity:0; font-size:6rem; font-family: var(--font-eng); font-weight: 800; transition:0.5s 0.5s}
.msec1 .swiper-slide .slogan .text1 span{font-size:2rem; background: linear-gradient(90deg,rgba(30, 112, 255, 1) 0%, rgba(87, 199, 133, 1) 100%, rgba(0, 203, 108, 1) 100%); background-clip: text;
    -webkit-background-clip: text;
    color: transparent;}
.msec1 .swiper-slide .slogan .text2{top:10px;opacity:0; filter: blur(10px); font-size:2.4rem;  transition:0.5s 1s}
.msec1 .swiper-slide .slogan .text3{top:10px;opacity:0; filter: blur(10px); font-size:2rem;  transition:0.5s 1s}


.msec1 .swiper-slide .bg{transform:scale(1.1);transition:10s; height:100vh; position: relative;}
.msec1 .swiper-slide .bg::before{content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0;}
.msec1 .swiper-slide .bg img{width:100%; height: 100%; object-fit: cover;}

.msec1 .swiper-slide-active .bg{transform:scale(1)}
.msec1 .swiper-slide-active .slogan .text1{top:0;opacity:1; letter-spacing:normal;}
.msec1 .swiper-slide-active .slogan .text2{top:0;opacity:1; filter:blur(0)}
.msec1 .swiper-slide-active .slogan .text3{top:0;opacity:1; filter:blur(0)}

/*swiper*/
.msec1 .swiper-button-prev,
.msec1 .swiper-button-next{width: 5rem; height: 5rem; color:#fff; background: none; bottom:10rem; top:auto; font-size: 5rem; }

.msec1 .swiper-button-prev{left:auto; left: calc(80% - 5rem); }
.msec1 .swiper-button-next{left:auto;  left: 80%; right:0}
.msec1 .swiper-pagination{max-width:var(--container); font-weight: bold; padding:0 2rem; color:#fff; text-align: left; position: absolute; left: 50%; transform: translate(-50%);  bottom: 10rem;}

.msec1 .swiper-progress-bar {position:  absolute; left: 50%; transform: translate(-50%);; width:100%; max-width: var(--container); display: block; z-index: 1; height:.5rem; }
.msec1 .swiper-progress-bar .slide_progress-bar {position: absolute; height: .3rem; background:#fff; width:50rem; clear: both; opacity:1; bottom: 15rem; left: 50%; transform: translateX(-50%); right: 0; }
.msec1 .swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background:var(--sub_color); height: 100%; width: 0; content: ""; transition: 0.1s width linear;}
.msec1 .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.msec1 .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset; width: 100%; transition-duration: 5s;}


/* pagenation */

/*.msec1 .swiper-pagination-bullet{opacity: 0.5; width: 15px; height: 15px; background: #fff; box-shadow: 0px 0px 3px #fff; }
.msec1 .swiper-pagination-bullet-active{background:#fff; opacity: 1;}
*/


.msec1 .swiper-pagination-bullet {
    background: transparent; width: 4rem; height: 4rem;
  }
  .msec1 .swiper-pagination-bullet-active .path {
    display: inline-block !important;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: dash linear 120s;
            animation: dash linear 120s;
    -webkit-animation-iteration-count: unset;
            animation-iteration-count: unset;
  }
  .path {
    display: none;
  }
  @-webkit-keyframes dash {
    from {
      stroke-dashoffset: 1000;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  @keyframes dash {
    from {
      stroke-dashoffset: 1000;
    }
    to {
      stroke-dashoffset: 0;
    }
  }


  /* 비즈니스 */
  .main_business{display: flex;}
  .business_left{width: 50%;}
  .business_right{width: 50%; padding:12rem 12rem 0 12rem}
  .business_right dl dt{font-weight: bold; font-size: 5rem;  line-height: 1.2; margin-bottom: 3.7rem;}
  .business_right dl dt span{font-family: var(--font-eng); font-size:2.4rem; background: linear-gradient(90deg,rgba(30, 112, 255, 1) 0%, rgba(87, 199, 133, 1) 100%, rgba(0, 203, 108, 1) 100%); background-clip: text; -webkit-background-clip: text;color: transparent;}
  .business_right dl dd{font-size: 2.2rem;}
  .business_right ul{margin-top: 15rem;}
  .business_right ul li{font-size: 2rem; font-weight: bold; padding:3rem 0; border-bottom: 1px solid #ccc;}
  .business_right ul li span{float: right;}
  .business_right ul li a{color:#808080; transition: .5s; padding:0 2rem 0 0}
  .business_right ul li a:hover{color:#333}

  .main_business2{flex-direction:row-reverse;}
  .main_business2 ul{margin-top: 5rem;}

  /* 기술연구소 */
  .main_rnd{background: url(../images/main/rnd_bg.jpg) no-repeat center; padding:13rem 0}
  .main_tit{text-align: center; color:#fff; margin-bottom: 6.7rem;}
  .main_tit dt{font-weight: bold; font-size: 6rem;}
  .main_tit dt span{font-family: var(--font-eng); font-size:2.4rem; background: linear-gradient(90deg,rgba(30, 112, 255, 1) 0%, rgba(87, 199, 133, 1) 100%, rgba(0, 203, 108, 1) 100%); background-clip: text; -webkit-background-clip: text;color: transparent;}
  .main_tit dd{font-size: 2.2rem;}
  .rnd_list{display: flex; gap:3.7rem}
  .rnd_list li{flex:1; text-align: left; color:#fff; background: rgba(255,255,255,0.3); border-radius: 2rem; padding:4rem}
  .rnd_list li dl dt{font-weight:bold; font-size: 2.4rem; margin-bottom: 1.5rem;}
  .rnd_list li dl dt span{display: block; color:#02C673; font-size: 1.6rem; margin-bottom: 5.7rem;}

  /* 공지사항 */
  .main_notice{padding:14.4rem 0}
  .main_notice .main_tit{color:#333}
  .notice_list{display: flex; gap:3.5rem}
  .notice_list li{width: calc(33% - 3.5rem); border-top: 1px solid #333; padding-top: 3.4rem;}
  .notice_list dl{margin-bottom: 4rem;}
  .notice_list dl dt{display: flex; gap:2rem; font-size: 1.6rem; font-weight: bold; margin-bottom: 2rem;}
  .notice_list dl dt span{color:#02C673;}
  .notice_list dl dd{font-weight: bold; font-size: 2.4rem;}
  .notice_list dl dd span{display: block; font-size: 1.8rem; font-weight: normal;}