@media(max-width:1750px){
  .gnb_nav .gnb .depth1 .depth1_a{
    font-size: 17px;
  }
  .header .logo img{
    max-width: 280px; 
  } 
}

@media screen and (max-width: 1500px){
  .gnb_nav .gnb{
    gap: 18px;
  }
  .gnb_nav .gnb .depth1 .depth1_a{
    padding: 8px 15px;
  }
}

@media screen and (max-width: 1350px){
  .gnb_nav .gnb{gap: 14px;}
  .gnb_nav .gnb .depth1 .depth1_a {font-size: 16px;}
  .header .logo img{
    max-width: 240px;
  }
  .gnb_nav .gnb .depth1 .depth1_a{
    padding: 8px 10px;
  }
  .gnb_nav .gnb .depth1 .depth1_a{
    font-size: 16px;
  }
}

/* header */

div.index .sec_02 .cont .txt_wrap p{
  font-size: 21px;
}
div.index .sec_03 .top_list .item .txt_wrap .tit{
  font-size: 32px;
}
div.index .sec_03 .top_list .item .txt_wrap p{
  font-size: 14px;
}
div.index .sec_04 .list .item{
  max-width: 700px;
}
div.index .sec_05 .wrapper{
  max-width: 1124px;
}
div.index .sec_05 .cont span{
  flex: 120px 0 0;
}

@media(max-width:1600px){
  div.index .sec_03 .top_list .item .txt_wrap .tit{
    font-size: 28px;
  }
  div.index .sec_03 .top_list .item .txt_wrap p{
    font-size: 13px;
  }
  div.index .sec_04 .list .item .links > a span{
    font-size: 20px;
  }
  div.index .sec_01 .txt_wrap .tit{
    font-size: 48px;
  }
}

@media(max-width:1499px){
  div.index .sec_02 .cont .txt_wrap p{
    font-size: 18px;
  }
}

@media(max-width:1199px){
   div.index .sec_02 .cont .txt_wrap p{
    font-size: 16px;
  }
  div.index .sec_03 .top_list .item .txt_wrap .tit{
    font-size: 26px;
  }
  div.index .sec_05 .cont span {flex-basis:80px}
  div.index .sec_01 .txt_wrap .tit{
    font-size: 40px;
  }
}

@media(max-width:900px){
  div.index .sec_01 .txt_wrap .tit br{
    display: none;
  }
}

@media(max-width:767px){
   div.index .sec_02 .cont .txt_wrap p{
    font-size: 14px;
  }
  div.index .sec_03 .top_list .item .txt_wrap .tit{
    font-size: 20px;
  }
  div.index .sec_03 .top_list .item .txt_wrap p{
    font-size: 12px;
  }
  div.index .sec_05 .cont span {flex-basis:68px}
  div.index .sec_01 .txt_wrap .tit{
    font-size: 32px;
  }
  div.index .sec_05 .cont{
    max-width: 100%;
  }
}

@media(max-width:450px){
  div.index .sec_01 .txt_wrap .tit{
    font-size: 28px;
  }
}
@media(max-width:350px){
  .index .sec_05 .cont .item br{
    display: none;
  }
}

/* main */



/* tail */

.subtop-txtbox .inner{
  max-width: 1800px;
}

/* subtop */

.sub01 .sct1 .history > li .desc .txt_box .right .mark-txtbox{
  margin-top: 10px;
}
.sub01 .sct1 .history > li .desc .txt_box .right .mark-txtbox p {
  margin: 0 !important;
} 
.mark-txtbox p{
  position: relative;
  padding-left: 20px;
  margin-bottom: 4px;
}
.mark-txtbox p::before{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #d9d9d9;
  position: absolute;
  top: 15px;
  left: 0;
}
.mark-txtbox p:last-child{
  margin-bottom: 0;
}

div.sub01 .sct1 .history > li .desc .txt_box .left h4{
  font-size: 26px;
}
div.sub01 .sct1 .history > li .desc .txt_box{
  gap: 48px;
}
div.sub01 .sct1 .history > li .desc .txt_box > div{
  width: auto;
  flex: 1;
}

@media(max-width:1024px){
  .mark-txtbox p{
    padding-left: 15px;
  }
  .mark-txtbox p::before{
    width: 6px;
    height: 6px;
    top: 10px;
  }

  div.sub01 .sct1 .history > li .desc .txt_box .left h4{
    font-size: 20px;
  }
  div.sub01 .sct1 .history > li .desc .txt_box{
    gap: 20px;
  }
  div.sub01 .sct1 .history > li .desc .txt_box > div{
    width: 100%;
    flex: none;
  }
}

/* sub01 */

br.alw{
  display: block !important;
}
div.sub_solution .box .txt_wrap .tit{
  font-size: 36px;
}
div.sub_solution .box .txt_wrap p{
  font-size: 20px;
}
div.sub_solution .round_txt p{
  font-size: 26px;
}
div.sub_solution .box{
  gap: 0 40px;
}

div.sub_solution .box .txt_wrap .tit2{
  display: none; 
}

@media(max-width:1300px){
  div.sub_solution .box .txt_wrap p br{
    display: none;
  }
  div.sub_solution .box .txt_wrap .tit{
    font-size: 32px;
  }
  div.sub_solution .box .txt_wrap p{
    font-size: 18px;
  }
}

@media(max-width:1024px){
  div.sub_solution .box .txt_wrap .tit{
    font-size: 28px;
  }
  div.sub_solution .box .txt_wrap p{
    font-size: 16px;
  }
  div.sub_solution .round_txt p{
    font-size: 18px;
  }
  div.sub_solution .box{
    gap: 30px;
  }
}

@media(max-width:767px){
  div.sub_solution .box .txt_wrap .tit{
    font-size: 24px;
  }
}

@media(max-width:500px){
  div.sub_solution .box .txt_wrap .tit1{
    display: none;
  }
  div.sub_solution .box .txt_wrap .tit2{
    display: flex;
  }
}

@media(max-width:340px){
  div.sub_solution .box .txt_wrap .tit{
    font-size: 22px;
  }
  div.sub_solution .box .txt_wrap p{
    font-size: 15px;
  }
  div.sub_solution .round_txt p{
    font-size: 16px;
  }
}

/* sub02 */