@media all and (max-width:1800px) {
  .subTop .scroll-down {
    display: none;
  }
}
@media all and (max-width:1600px) {
  .sub-banner p {
    font-size: 2.533vw;
  }
}
@media all and (max-width:1450px) {

}
@media all and (max-width:1300px) {
  .search-area {
    padding-inline: 20px;
}



}
@media all and (max-width:1200px) {
  .addr {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 40px;
}
.info-area {
  display: flex;
  flex-direction: column;
}
.info-area .thumb{
  width: auto;
  height: auto;
}
.info-area .thumb {
  padding: 90px 0px;
}



.sub-banner p {
  font-size: 30px;
}

.sub-tab-list .tab-item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  padding: 31px 10px;
}



}
@media all and (max-width:1024px) {
  .sub-tab-list:not(.gtr02) > .tab-item:last-child > a {
    border-radius: 0 !important;
  }
  .board-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start !important;
  padding: 33px 20px;
  }

  .board-item span.views,
  .board-item .date{
    padding-left: 10px;
    border-left: 1px solid #ddd;
  }
  .board-item.noti > span,
  .board-item .num {
    display: none;
  }
  
  
  .board-item.noti .title{
position: relative;
padding-left: 40px;
  }
  .board-item.noti .title::before{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url(/image/common/noti-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  }


  .loca-info .board-list{
    margin-top: 0 !important;
  }
  .loca-info .title-area{
    display: none;
  }
  .loca-info .board-item .title {
    text-align: left;
  }
  
.board .title-area{
  display: none;
}
.board-list{
  margin-top: 42px !important;
  border-top: 2px solid #222 !important;
}
  
.board-item .row-bottom {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.sub-tab-list .tab-item.active .sub-list a{
  text-align: center;
}
.sub-tab-list .tab-item.active .sub-list {
  flex-wrap: nowrap;
  overflow-x: auto;

}

.sub-tab-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}

.sub-tab-list .sub-list {
  top: 110%;
}
.sub-tab-list {
  background-color: #F7F7F7;
}
.sub-tab-list .tab-item > a {
  background-color: #fff;
}

.sub-tab-list:not(.gtc02) > li:nth-child(1),
.sub-tab-list:not(.gtc02) > li:nth-child(2),
.sub-tab-list:not(.gtc02) > li:nth-child(3),
.sub-tab-list:not(.gtc02) > li:nth-child(4),
.sub-tab-list:not(.gtc02) > li:nth-child(5),
.sub-tab-list:not(.gtc02) > li:nth-child(6){
  border-bottom: 1px solid #ddd;
}
.sub-tab-list:not(.gtc02) > li:nth-child(8){
  border-right: 1px solid #ddd;
  margin-right: -1px;
}
.sub-tab-list:not(.gtr02) .tab-item:nth-child(7){
  border-right: 1px solid #ddd;
}
.sub-tab-list:not(.gtc02) .tab-item:nth-child(7),
.sub-tab-list:not(.gtc02) .tab-item:nth-child(4){
  border-left: none !important;
}
.sub-tab-list:not(.gtc02) > .tab-item:first-child > a {
  border-bottom-left-radius: 0px;
}

.sub-tab-list:not(.gtc02) > .tab-item:nth-child(3) > a {
  border-top-right-radius: 4px;
}
.sub-tab-list:not(.gtc02) > .tab-item:nth-child(7) > a {
  border-bottom-left-radius: 4px;
}
.disease-list {
  margin-top: 230px;
}
.prd-list {
  margin-top: 230px;
}

.sub-tab-list.gtc02{
  display: grid;
  grid-template-columns: repeat(2,1fr);
}



}



@media all and (max-width:800px) {

}
@media all and (max-width:720px) {
  .sub-banner p {
    font-size: 4vw;
  }
}
@media all and (max-width:768px) {
  .prd-list li a::before, 
  .disease-list li a::before{
    display: none;
  }


  .spec-area li {
    flex-direction: column;
}
.spec-area li div.tit {
  width: 100%;
}

.dis-view .thumb-list {
  grid-template-columns: repeat(2,1fr) !important;
}


.dis-view .bg-thumb img{
  width: 80%;
}
.form li {
  flex-direction: column;
}
.form__half.email p,
.form__half.num p,
.form__full .form__input input,
.form__full .form__input select {
  max-width: unset;
}
.sc-card .card-area {
  flex-direction: column;
  align-items: flex-start;
}
.sc-card .card-area .right::after {
  display: none;
}
.sc-card .card-area .right {
  padding-left: 0px;
}
.sc-card .card-area .left {
  margin-bottom: 40px;
}
.sc-card .card-area .left {
  padding-right: 0;
}

.bg-gray .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.headline {
  font-size: 7.467vw;
}
.certi-cont h3,
.intro h3 {
  font-size: 6.4vw;
}

.info-area .thumb {
  padding: 40px ;
}
.prd-view .thumb-bg img{
  width: 80%;
}
.prd-view .tit h2 {
  font-size: 30px;
}

.circle-cont strong {
  font-size: 4.267vw;
}
.spec-area li .desc,
.dis-view .thumb-list {
  padding: 26px 20px;


}

.sc-card .card-area .left {
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
}



}
@media all and (max-width:640px) {
  .addr .col-right {
    align-items: flex-start;
    gap: 30px;
    flex-direction: column;
}

.circle-cont strong {
  font-size: 32px;
}
.circle-wrap ul .esg-circle .circle-inner-area span {
  font-size: 18px;
}
.circle-wrap ul .esg-circle .circle-outerline {
  width: 28rem;
  height: 28rem;
}

.circle-wrap ul .esg-circle .circle-innerline {
  width: 26rem;
  height: 26rem;
}

.circle-wrap ul .esg-circle .circle-inner-area {
  width: 24rem;
  height: 24rem;
}

.circle-wrap ul .esg-circle .rolling-circle {
    width: 19.5rem;
    height: 20rem;
}

}
@media all and (max-width:586px) {
  .prd-list li{
    min-width: unset;
  }
  .prd-list,
  .disease-list{
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)) !important;
  }
  .headline {
    font-size:45px;
  }
  
  .certi-cont h3,
  .intro h3 {
    font-size: 37px;
  }

  .sub-banner p {
    font-size: 5.5vw;
}
  
  
}


@media all and (max-width:500px) {
  .circle-cont strong {
    font-size: 6.467vw;
}
.circle-wrap ul .esg-circle .circle-inner-area span {
  font-size: 16px;
}
.circle-wrap ul .esg-circle .circle-inner-area p {
  font-size: 30px ;
}
.circle-wrap ul .esg-circle .circle-outerline {
  width: 24rem;
  height: 24rem;
}

.circle-wrap ul .esg-circle .circle-innerline {
  width: 22rem;
  height: 22rem;
}

.circle-wrap ul .esg-circle .circle-inner-area {
  width: 20rem;
  height: 20rem;
}

.circle-wrap ul .esg-circle .rolling-circle {
  width: 13.1rem;
}

}
@media all and (max-width:460px) {
  .circle-cont p {
    font-size: 4.8vw;
}

}
@media all and (max-width:425px) {
  
  
  
  
  .circle-wrap ul .esg-circle .circle-outerline {
    width: 20rem;
    height: 20rem;
  }
  
  .circle-wrap ul .esg-circle .circle-innerline {
    width: 18rem;
    height: 18rem;
  }
  
  .circle-wrap ul .esg-circle .circle-inner-area {
    width: 16rem;
    height: 16rem;
  }
  
  .circle-wrap ul .esg-circle .rolling-circle {
    width: 13.7rem;
    height: 14.6rem;
  }
  
  .circle-wrap ul .esg-circle .circle-inner-area span {
    font-size: 13px;
  }
  .circle-wrap ul .esg-circle .circle-inner-area p {
    font-size: 26px ;
  }
  
}


@media all and (max-width:425px) {
  .sub-tab-list .tab-item > a {
    font-size: 16px;
  }
}