#frame_main:has(.ict-thms) #header.fixed-top .inner {
  background:rgba(36, 36, 36, .7);
}

.sec1 {
  padding: 248px 0 200px 0;
}

.sec1 .inner .content-tit {
  text-align: center;
}

.sec1 .sub-tit {
  color: #4788E6;
  font-size: 1.25rem;
  font-weight: bold;
}

.sec1 .inner .thms {
  margin:120px auto 0;
  width:878px;
  height:607px;
}

/* section1 -------------*/


/* section2 */
  .sec2 {
    padding:80px 0 120px 0;
  }
  
  .sec2 .inner {
    display: flex;
    justify-content: space-between;
  }
  
  .sec2 .inner .sec2-tit {
    font-size:3rem;
    font-weight:bold;
    color:#202223;
    word-break: auto-phrase;
  }
  
  .sec2 .inner .sec2-tit div:first-child {
    color:#C5C5C6;
  }

  .sec2 .inner .service {
    width:50%;
  }
  
  .sec2 .inner .service .service-item {
    padding:32px 24px;
    border-bottom:1px solid #C5C5C6;
    word-break: auto-phrase;
  }
  
  .sec2 .inner .service .service-item p {
    color: #2471E2;
    font-weight:bold; 
  }
  
  .sec2 .inner .service .service-item .item-tit {
    color: #202223; 
    font-size: 1.75rem;
    font-weight: 700;
    padding:12px 0;
  }
  
  .sec2 .inner .service .service-item .item-cont {
    font-size:1.12rem;
    line-height:26px;
  }

/* section2 -------------*/



/* section3 */
  .sec3 {
    position:relative;
  }
  
  .sec3 .sec3-titWrap {
    padding-top: 164px;
    height:604px;
    background:url(../img/thms-sec3-bg.png)no-repeat;
    background-size:cover;
    text-align:center;
  }
  
  .sec3 .section-tit {
    color:#fff;
    text-align:center;
  }

  .sec3 .sec3-titWrap .section-subtit {
    color:#fff;
    font-weight:100;
    text-align: center;
    margin-top:16px;
  }

  .sec3 .sec3-titWrap a {
    border-radius: 60px;
    border: 1px solid #fff;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    color: #fff;
    display: inline-flex;
    margin-top: 24px;
  }

  .sec3 .sec3-titWrap a svg {
    opacity:0;
    width:0;
    height:0;    
    transition: all 0.3s ease;
  }

  .sec3 .sec3-titWrap a:hover svg {
    opacity: 1;
    width: 16px;
    height: 16px;
    margin-left: 8px;
  }
  
  
  .sec3 .inner .sec3-wrap {  
    display: flex;
    justify-content: space-around;
    gap: 12px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -90px;
    width: 100%;
    padding: 0 5.2vw;
  }
  
  .sec3 .inner .sec3-wrap .sec3-item {
    width:24%;
    height: 258px;
    border-radius: 8px;
    border: 1px solid #4788E6;
    background: #FFF;
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  
  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont div {
    font-size: 1.25rem;
    line-height:30px;
  }
  
  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont .sec3-tit {
    height: 58px;
    font-size:1.5rem;
    font-weight:bold;
    margin-bottom: 12px;
  }
  
  .sec3 .inner .sec3-wrap .sec3-item .sec3-icon{
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .sec3 .inner .sec3-wrap .sec3-item .sec3-icon .sec3-icon-box {
    width: 60px;
    height: 60px;
    img { width: 100%; }
  }
  

/* section3 -------------*/



.sec4 {
  background-image:url(../img/thms_bg.png);
  background-repeat:no-repeat;
  background-size:cover;
  padding:128px 0;
  margin-top:240px;
}

.sec4 .inner .button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin: 92px auto 0;
}

.sec4 .inner .button-wrap .submitBt {
  margin: 0;
}

.sec4 .inner .sec4-box{
  width:100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.90);  
  padding:64px 80px;
}

.sec4 .inner .sec4-box .sec4-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sec4 .inner .sec4-box .sec4-cont .text {
  font-size:2rem;
  font-weight:bold;
  margin-bottom:20px;
}

.sec4 .inner .sec4-box .sec4-cont .img {
  width:50%;
  border-radius: 8px;
  background:#E6E6E6;
  overflow: hidden;
}

.sec4 .inner .sec4-box .second {
  flex-direction:column;
  margin-top:40px;
  align-items: flex-start;
}

.sec4 .inner .sec4-box .second .img-wrap {
  display: flex;
  gap:20px; 
}

.sec1 .inner .thms div {
  text-align: center;
  color:#4F5151;
}


@media(max-width:1280px) {
  .sec3 .inner .sec3-wrap .sec3-item {
    padding:40px 28px;
  }
    
  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont div {
    font-size:1rem;
  }
    
  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont .sec3-tit {
    font-size:1.25rem;
  }
    
  .sec3 .inner .sec3-wrap .sec3-item:nth-child(2) br{
    display: none;
  } 
}


@media (max-width:1079px) {
  .sec1 .inner .thms {
    width: 100%;
    height: 636px;
    overflow-x: scroll;
  }

  .sec1 .inner .thms img {
    max-width:878px;
  }

  
  /* SECTION 2 */
    .sec2 {
      padding:80px 0;

      .inner {
        flex-direction: column;

        .service  {
          width: 100%;
        }

        .service .service-item {
          padding: 32px 0;
        }

        .sec2-tit {
          font-size:2.5rem;
        }

      }
    }
    /* SECTION 2 // */


  /* SECTION 3 */
  .sec3 .sec3-titWrap .section-subtit span {
    display: block;
  }

  .sec3 .inner .sec3-wrap {
    flex-wrap:wrap;
    position:unset;
    margin-top: -160px;
    transform: none;
  }
  
  .sec3 .inner .sec3-wrap .sec3-item {
    width:49%;   
    height: auto;
    min-height: 270px;
  }
  
  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont div {
    font-size:1.25rem;
  }
  /* SECTION 3 // */



  /* SECTION 4 */
  .content-wrap .sec4 .inner .sec4-box {
    padding:60px;
  }

  .sec4 .inner .sec4-box  .sec4-cont .text {
    font-size:1.5rem;
  }
  /* SECTION 4 // */
}


@media (max-width:719px) {
  
  .sec1 .inner .sec4-box .content-txt div span {
    display: block;
    line-height: 28px;
  }

  .content-wrap .sec4 .inner .sec4-box {
    padding:32px 24px;
  }

  /* SECTION 2 */
  .sec2 {
    padding: 60px 0;

    .inner {

      .sec2-tit {
        font-size:2.25rem;
      }

      .service .service-item .item-tit {
        padding:8px 0;
        font-size:1.5rem;
        span { display: block; }
      }

    }

  }
  /* SECTION 2 // */


  /* section3 */
  .sec3 .sec3-titWrap .section-tit {
    padding:0 12px;
  }
  
  .sec3 .sec3-titWrap .section-tit span {
    display: block;
  }
  
  .sec3 .inner .sec3-wrap .sec3-item {
    width: 100%;
  }
    
  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont .sec3-tit {
    height: auto;
  }

  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont .sec3-tit br {
    display: none;
  }

  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont div {
    word-break: auto-phrase;
  }
    
  .sec3 .inner .sec3-wrap .sec3-item .sec3-cont div br {
    display: none;
  }
  /* SECTION 3 // */
  


  /* SECTION 4 */
  .sec4 .inner .sec4-box .sec4-cont {
    flex-direction:column;
    align-items: flex-start;
  }

  .sec4 .inner .sec4-box .sec4-cont .img {
    width: 100%;
  }

  .sec4 .inner .sec4-box .second .img-wrap {
    flex-direction: column;
  }
   /* SECTION 4 // */
  
}