.text-center {text-align: center; margin-bottom:70px}
.lead { font-size:16px; line-height:1.75; letter-spacing:-0.02em; color:#555; font-weight:300;  word-break:keep-all}
::selection {background-color:#ff3414;color:#fff;}
.slide .sub-fadeup{overflow:hidden;}
.slide .sub-fadeup p{font-size: var(--txt-fontb);transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .5s;will-change: transform;transform: translateY(100%) translateZ(0);transform-origin: bottom left;padding-bottom: 1px;}
.slick-active .sub-fadeup p{transform: translateZ(0);}
@media screen and (max-width: 640px) {
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
.lead { font-size:17px; font-weight:400}
}
@media screen and (min-width:1300px){
   .w90{max-width:100%;margin:auto;width: 100%;padding: 0 20px;}
}
@media screen and (max-width:767px){
.w90{max-width:90%;margin:auto;width: 100%;}
}



/*메인*/
    /* main01, main02 */
    @media screen and (min-width:1300px){
    .mainContent {overflow: visible;}
    .main01-trigger {position: relative;}
    .main01 {
  margin-top: 115px;
  width: 100%;
  height: calc(52vh);

  display: flex;
  align-items: center;
  justify-content: center;

  background-image: url(../img/main/main01-bg-pc.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  position: relative;
}
    .main01 .main01-content{height: 100%;}
    .main01 > .main01-content > .main01-tit{display: flex;gap: 10px;color: #fff;position: absolute;top: 50%;max-width: 100%;padding: 0 20px;left: 50%;transform: translate(-50%,-50%);width: 100%;justify-content: center;}
    .main01 > .main01-content > .main01-tit > .line-p h5{ font-size: var(--txt-fontb); }
    .main01 > .main01-content > .main01-tit > .line-p{overflow:clip;}
    .main01.ani-active > .main01-content > .main01-tit > .line-p .line{transform: translateZ(0);}
    .main01 > .main01-content > .main01-tit > .line-p .line{will-change: transform;transform: translateY(100%) translateZ(0);transform-origin: bottom left;padding-bottom: 1px;color: var(--txt-color);}
    .main01 > .main01-content > .main01-tit > .line-p .line--1{transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .58s;}
    .main01 > .main01-content > .main01-tit > .line-p .line--2{transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .66s;}
    .main01-ft{width: 100%;max-width:250px;position: fixed;bottom: 40px;left: 50%;transform:translateX(-50%);transition:all .4s;}
    .main01-ft > a{display: flex;justify-content: center;align-items: center;font-size: var(--txt-fonts);background: #3e7fc1;padding: 15px 0;text-transform: uppercase;border-radius:15px;}
    .main01-ft > a > p{color: #fff;}
    .main01-ft > a > img{width:10px;margin-right: 150px;display: none;}
    .modal-open .main01-ft{opacity: 0;}
    
    .main02-pc {background: var(--bg-color01);padding: 50px 0;}
    .main02-pc .main02-content{}
    .main02-pc .main02-content > div:first-child{text-align: center;}
    .main02-pc .main02-content > div > h5{font-size:var(--txt-fontb);}
    .main02-pc .main02-content > div:last-child{margin-top: 50px;display: flex;justify-content: space-between;align-items:center;}
    .main02-pc .main02-content > div > div{width: 18%;}
    .main02-pc .main02-content > div > div > p{font-size: var(--txt-fonts);text-align: center;}
    .main02-pc .main02-content > div > div > div{margin-top: 30px;width: 100%;height: 250px;display: flex;justify-content: center;align-items: center;background: var(--bg-color02);border-radius:15px;}
    .main02-pc .main02-content > div > div > div > img{width: 50%;}
    /* main01, main02 end*/

    /* main03, main04*/
      .main03-pc{height: 60vh;display: flex;align-items:center;}
      .main03-pc > div:first-child{width: 50%;height: 100%;display: none;}
      .main03-pc > div:first-child > img{width: 100%;height: 100%;object-fit: cover;}
      .main03-pc > div:last-child{height: 100%;position: relative;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 5%;}
      .main03-pc > div:last-child > div{width: 100%;display: flex;align-items: center;padding: 0 20px;justify-content: space-between;flex-direction: column;gap: 55px;}
      .main03-pc > div:last-child > div > div:first-child{font-size: var(--txt-fonts);display: flex;flex-direction: column-reverse;justify-content: space-between;gap: 55px;align-items: center;}
      .main03-pc > div:last-child > div > div:first-child > p:first-child{font-size: var(--txt-fontb);width: 65%;word-break: keep-all;text-align: center;}
      .main03-pc > div:last-child > div > div:first-child > p:last-child{color: #243b5566;font-size: var(--txt-fonts);border-bottom: 1px solid #243b5566;display: block;width: fit-content;}
      .main03-pc > div:last-child > div > div:last-child{font-size:var(--txt-fonts);text-align: center;}
      .main03-pc > div:last-child > div > div:last-child > p{}
      .main03-pc > div:last-child > a{font-size:var(--txt-fonts);}

      .main04-pc{height: 60vh;display: flex;align-items:center;flex-direction: row-reverse;background: var(--bg-color01);}
      .main04-pc > div:first-child{width: 50%;height: 100%;display: none;}
      .main04-pc > div:first-child > img{width: 100%;height: 100%;object-fit: cover;}
      .main04-pc > div:last-child{height: 100%;position: relative;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 5%;}
      .main04-pc > div:last-child > div{width: 100%;display: flex;align-items: center;padding: 0 20px;justify-content: space-between;flex-direction: column;gap: 55px;}
      .main04-pc > div:last-child > div > div:first-child{font-size: var(--txt-fonts);display: flex;flex-direction: column-reverse;justify-content: space-between;gap: 55px;align-items: center;}
      .main04-pc > div:last-child > div > div:first-child > p:first-child{font-size: var(--txt-fontb);width: 61%;word-break: keep-all;text-align: center;}
      .main04-pc > div:last-child > div > div:first-child > p:last-child{color: #243b5566;font-size: var(--txt-fonts);border-bottom: 1px solid #243b5566;display: block;width: fit-content;}
      .main04-pc > div:last-child > div > div:last-child{font-size:var(--txt-fonts);text-align: center;}
      .main04-pc > div:last-child > div > div:last-child > p{}
      .main04-pc > div:last-child > a{font-size:var(--txt-fonts);}
    }

    @media screen and (min-width:768px) and (max-width:1299px){
      .mainContent {overflow: visible;}
      .main01-trigger {position: relative;}
      .main01 {
  margin-top: 100px;
  width: 100%;
  height: calc(80vh - 100px);

  display: flex;
  align-items: center;
  justify-content: center;

  background-image: url(../img/main/main01-bg-pc.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;

  position: relative;
}
      .main01 .main01-content{height: 100%;}
      .main01 > .main01-content > .main01-tit{display: flex;gap: 10px;color: #fff;position: absolute;top: 50%;max-width: 100%;padding: 0 20px;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}
      .main01 > .main01-content > .main01-tit > .line-p h5{ font-size: var(--txt-fontb); }
      .main01 > .main01-content > .main01-tit > .line-p{overflow:clip;}
      .main01.ani-active > .main01-content > .main01-tit > .line-p .line{transform: translateZ(0);}
      .main01 > .main01-content > .main01-tit > .line-p .line{will-change: transform;transform: translateY(100%) translateZ(0);transform-origin: bottom left;padding-bottom: 1px;color: var(--txt-color);}
      .main01 > .main01-content > .main01-tit > .line-p .line--1{transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .58s;}
      .main01 > .main01-content > .main01-tit > .line-p .line--2{transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .66s;}
      .main01-ft{width: 100%;max-width:250px;position: fixed;bottom: 40px;left: 50%;transform:translateX(-50%);transition:all .4s;}
      .main01-ft > a{display: flex;justify-content: center;align-items: center;font-size: var(--txt-fonts);background: #3e7fc1;padding: 15px 0;text-transform: uppercase;border-radius:15px;}
      .main01-ft > a > p{color: #fff;}
      .main01-ft > a > img{width:10px;margin-right: 150px;display: none;}
      .modal-open .main01-ft{opacity: 0;}
      
      .main02-pc {background: var(--bg-color01);padding: 50px 0;}
      .main02-pc .main02-content{}
      .main02-pc .main02-content > div:first-child{}
      .main02-pc .main02-content > div > h5{font-size:var(--txt-fontb);}
      .main02-pc .main02-content > div:last-child{margin-top: 50px;display: flex;justify-content: space-between;align-items:center;}
      .main02-pc .main02-content > div > div{width: 18%;}
      .main02-pc .main02-content > div > div > p{font-size: var(--txt-fonts);}
      .main02-pc .main02-content > div > div > div{margin-top: 30px;width: 100%;height: 250px;display: flex;justify-content: center;align-items: center;background: var(--bg-color02);border-radius:15px;}
      .main02-pc .main02-content > div > div > div > img{width: 40%;}
      /* main01, main02 end*/
  
      /* main03, main04*/
        .main03-pc{height: 60vh;display: flex;align-items:center;}
        .main03-pc > div:first-child{width: 50%;height: 100%;display: none;}
        .main03-pc > div:first-child > img{width: 100%;height: 100%;object-fit: cover;}
        .main03-pc > div:last-child{height: 100%;position: relative;width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;gap: 5%;}
        .main03-pc > div:last-child > div{width: 100%;display: flex;align-items: center;padding: 0 20px;justify-content: space-between;flex-direction: column;gap: 55px;}
        .main03-pc > div:last-child > div > div:first-child{font-size: var(--txt-fonts);display: flex;flex-direction: column-reverse;justify-content: space-between;gap: 55px;align-items: center;}
        .main03-pc > div:last-child > div > div:first-child > p:first-child{font-size: var(--txt-fontb);width: 65%;word-break: keep-all;text-align: center;}
        .main03-pc > div:last-child > div > div:first-child > p:last-child{color: #243b5566;font-size: var(--txt-fonts);border-bottom: 1px solid #243b5566;display: block;width: fit-content;}
        .main03-pc > div:last-child > div > div:last-child{font-size:var(--txt-fonts);text-align: center;}
        .main03-pc > div:last-child > div > div:last-child > p{}
        .main03-pc > div:last-child > a{font-size:var(--txt-fonts);}
  
        .main04-pc{height: 60vh;display: flex;align-items:center;flex-direction: row-reverse;background: var(--bg-color01);}
        .main04-pc > div:first-child{width: 50%;height: 100%;display: none;}
        .main04-pc > div:first-child > img{width: 100%;height: 100%;object-fit: cover;}
        .main04-pc > div:last-child{height: 100%;position: relative;width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;gap: 5%;}
        .main04-pc > div:last-child > div{width: 100%;display: flex;align-items: center;padding: 0 20px;justify-content: space-between;flex-direction: column;gap: 55px;}
        .main04-pc > div:last-child > div > div:first-child{font-size: var(--txt-fonts);display: flex;flex-direction: column-reverse;justify-content: space-between;gap: 55px;align-items: center;}
        .main04-pc > div:last-child > div > div:first-child > p:first-child{font-size: var(--txt-fontb);width: 61%;word-break: keep-all;text-align: center;}
        .main04-pc > div:last-child > div > div:first-child > p:last-child{color: #243b5566;font-size: var(--txt-fonts);border-bottom: 1px solid #243b5566;display: block;width: fit-content;}
        .main04-pc > div:last-child > div > div:last-child{font-size:var(--txt-fonts);text-align: center;}
        .main04-pc > div:last-child > div > div:last-child > p{}
        .main04-pc > div:last-child > a{font-size:var(--txt-fonts);}
      }
  

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

      [data-aos] {
         opacity: 1 !important;
         transform: none !important;
       }
    .mainContent {overflow: hidden;}
    .main01-trigger {position: relative;}
    .main01{ width: 100%;height: 600px;display: flex;align-items: center;justify-content: center;}
    .main01{background: url(../img/main/main01-bg.jpg) no-repeat center / cover;position: relative;}
    .main01 .main01-content{height: 100%;}
    .main01 > .main01-content > .main01-tit{ color: #fff;position: absolute;top: 50%;width: 90%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
    .main01 > .main01-content > .main01-tit > .line-p h5{ font-size: var(--txt-fontb); }
    .main01 > .main01-content > .main01-tit > .line-p{overflow:clip;}
    .main01.ani-active > .main01-content > .main01-tit > .line-p .line{transform: translateZ(0);}
    .main01 > .main01-content > .main01-tit > .line-p .line{will-change: transform;transform: translateY(100%) translateZ(0);transform-origin: bottom left;padding-bottom: 1px;color: var(--txt-color);}
    .main01 > .main01-content > .main01-tit > .line-p .line--1{transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .58s;}
    .main01 > .main01-content > .main01-tit > .line-p .line--2{transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .66s;}
    .main01-ft{width: auto;position: fixed;bottom: 10px;left: 20px;right: 20px;transition:all .4s;}
    .main01-ft > a{display: flex;justify-content: center; align-items:center;font-size: var(--txt-fonts);background: #3e7fc1;padding: 13px 0;border-radius:5px;text-transform: uppercase;}
    .main01-ft > a > p{color:#fff;}
    .main01-ft > a > img{width:10px;margin-right: 45px;display: none;}
    .modal-open .main01-ft{opacity: 0;}
    
    .main02 {background: var(--bg-color01);}
    .main02 { width: 100%;}
    .main02 .main02-content{display: flex;align-items:center;height: 100%;position: relative;}
    .main02 .main02-content .slider .slick-list{overflow:unset;}
    .main02 .main02-content .slider .slide div.slide-img{background: #f2f2f2;opacity: 0.5;width: 95%;transition: all .4s;height: 250px;margin:50px 0;border-radius:10px;display: flex;align-items:center;justify-content:center;box-shadow:5px 5px 5px #243b551c;border-radius:10px;}
    .main02 .main02-content div.slide-txt01{font-size:var(--txt-fontb);text-align: center;}
    .main02 .main02-content .slider .slide div.slide-txt02{font-size: 22px;overflow: hidden;}
    
    .main02 .main02-content .slider .slide.slick-active div.slide-img{opacity: 1;}
    .main02 .main02-content .slider .slide.slick-active div.slide-txt01{opacity: 1;}
    .main02 .main02-content .slider .slide.slick-active div.slide-txt02{}
    
    .main02 .main02-content .slider .slide div.slide-txt02 p{word-break:keep-all;}
    .main02 .main02-content .slider .slide div img{width: 170px;}
    .main02 .main02-content .slider .slide03 .slide-img img{width: 160px;}
    .main02 .main02-content .slider .slick-active {opacity: 1;}
    .main02 .main02-content .slider .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);z-index: 2;text-indent:-9999px;background: none;border:none;}
    .main02 .main02-content .slider .slick-arrow:after{content:'';display: block;width: 15px;}
    .main02 .main02-content .slider .slick-prev{left: 0;background: url(../img/common/left-arrow.png) center / cover;filter:invert(1);}
    .main02 .main02-content .slider .slick-next{right: 0;background: url(../img/common/right-arrow.png) center / cover;filter:invert(1);}
    .main02 .main02-content .slick-dots {display: flex;gap: 10px;justify-content: center;margin-top: 50px;width: 100%;justify-content: space-between;}
    .main02 .main02-content .slick-dots .slick-active{width: 80%;opacity: 1;}
    .main02 .main02-content .slick-dots li{width: 15%;transition:all .4s;opacity: 0.5;}
    .main02 .main02-content .progress-dot {height: 1px;background: #243b5533;overflow: hidden;}
    .main02 .main02-content .progress-bar {width: 0;height: 100%;background: #243b55;}
    /* main01, main02 end*/

    /* main03, main04*/
    .main02-trigger{position: relative;}
    .main03{width: 100%;background: var(--bg-color02);}
    .main04{width: 100%;background: var(--bg-color01);}

    .main03 .main03-content{display: flex;flex-direction: column;justify-content: center;height: 100%;gap: 30px;text-align: center;}
    .main03 .main03-content .main03-tit{display: flex;flex-direction:column;gap: 15px;overflow:hidden;text-align: center;}
    .main03 .main03-content .main03-tit p{color: #243b5566;font-size: var(--txt-fonts);border-bottom: 1px solid #243b5566;display: block;width: fit-content;margin:auto;}
    .main03 .main03-content .main03-tit h5{font-size:var(--txt-fontb);transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;will-change: transform;transform: translateY(100%) translateZ(0);transform-origin: bottom left;padding-bottom: 1px;}
    .main03 .main03-content.active .main03-tit h5{transform:translateZ(0);}
    .main03 .main03-content .main03-img{width: 100%;height: 200px;overflow:hidden;box-shadow:5px 5px 5px #243b551c;margin:30px 0;display: none;}
    .main03 .main03-content .main03-img a{display: block;width: 100%;height: 100%;position: relative;transition: all .4s;}
    .main03 .main03-content .main03-img a:after{content:'View More';color:var(--bg-color02);position: absolute;top: 50%;left: 15px;transform:translateY(-50%);font-size: var(--txt-fonts);transition:all .4s;opacity: 0;z-index: 2;}
    .main03 .main03-content .main03-img a:hover:after{opacity: 1;}
    .main03 .main03-content .main03-img a img{width: 100%;height: 100%;object-fit:cover;transition: all .4s;}
    .main03 .main03-content .main03-img a:hover img{filter:brightness(0.5);}
    .main03 .main03-content .main03-txt{font-size:var(--txt-fonts);line-height: 1.2;}
    .main03 .main03-content .main03-txt p:nth-child(odd){}
    .main03 .main03-content .main03-txt p:nth-child(even){} 

    .main04 .main04-content{display: flex;flex-direction: column;justify-content: center;height: 100%;gap: 30px;text-align: center;}
    .main04 .main04-content .main04-tit{display: flex;flex-direction:column;gap: 15px;overflow:hidden;text-align: center;}
    .main04 .main04-content .main04-tit p{color: #243b5566;font-size: var(--txt-fonts);border-bottom: 1px solid #243b5566;display: block;width: fit-content;margin:auto;}
    .main04 .main04-content .main04-tit h5{font-size:var(--txt-fontb);transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;will-change: transform;transform: translateY(100%) translateZ(0);transform-origin: bottom left;padding-bottom: 1px;}
    .main04 .main04-content.active .main04-tit h5{transform:translateZ(0);}
    .main04 .main04-content .main04-img{width: 100%;height: 200px;overflow:hidden;box-shadow:5px 5px 5px #243b551c;margin:30px 0;display: none;}
    .main04 .main04-content .main04-img a{display: block;width: 100%;height: 100%;position: relative;transition: all .4s;}
    .main04 .main04-content .main04-img a:after{content:'View More';color:var(--bg-color02);position: absolute;top: 50%;left: 15px;transform:translateY(-50%);font-size: var(--txt-fonts);transition:all .4s;opacity: 0;z-index: 2;}
    .main04 .main04-content .main04-img a:hover:after{opacity: 1;}
    .main04 .main04-content .main04-img a img{width: 100%;height: 100%;object-fit:cover;transition: all .4s;}
    .main04 .main04-content .main04-img a:hover img{filter:brightness(0.5);}
    .main04 .main04-content .main04-txt{font-size:var(--txt-fonts);line-height: 1.2;}
    .main04 .main04-content .main04-txt p:nth-child(odd){}
    .main04 .main04-content .main04-txt p:nth-child(even){}
    }