@charset "UTF-8";
/* index certificate 무한 루프 */
/* 원본용 */
/*
@keyframes slide01 {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0%);
  }
  50.01% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(-100%);
  }
}
*/
/* 복제용 */
/*
@keyframes slide02 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
*/
/* 원본용 */
@keyframes slide01 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* 복제용 */
@keyframes slide02 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
/* 버튼 hover용 */
@keyframes pulse_kakao {
  0% {
    box-shadow: 0 0 0 0 #ffba33;
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #7d573d;
  }
}
@keyframes pulse_green {
  0% {
    box-shadow: 0 0 0 0 #82a006;
  }
}
@keyframes pulse_red {
  0% {
    box-shadow: 0 0 0 0 #d65047;
  }
}
@keyframes pulse_yellow {
  0% {
    box-shadow: 0 0 0 0 #eeab00;
  }
}
/* --------------------- sec top start --------------------- */
.sec_top {
  background-image: url(../img/professionals_bg.jpg);
}

/* --------------------- sec 1 start --------------------- */
.sec_1 .container .wrapper .list {
  grid-template-columns: repeat(4, 1fr);
  gap: 3.65vw 2.08vw;
}
.sec_1 .container .wrapper .list .list_item dl {
  padding: clamp(10px, 1.82vw, 35px);
}
.sec_1 .container .wrapper .list .list_item dl dt {
  font-size: clamp(15px, 0.94vw, 18px);
  line-height: 1.22; /* 22px */
  font-weight: 400;
  margin-right: 0.78vw;
}
.sec_1 .container .wrapper .list .list_item dl dd {
  font-size: clamp(23px, 1.56vw, 30px);
  line-height: 1.2; /* 36px */
  font-weight: 600;
}
.sec_1 .container .wrapper .list .list_item a {
  margin: 0 2.45vw;
  color: #fff;
  background: #77513b;
  font-size: clamp(20px, 1.56vw, 30px);
  line-height: 2; /* 60px */
  font-weight: 600;
}
.sec_1 .container .wrapper .list .list_item:hover a {
  box-shadow: 0 0 0 0.4em transparent;
  animation: pulse 1s;
}

/* --------------------- RWD --------------------- */
@media (max-width: 900px) {
  .sec_1 .container .wrapper .list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .sec_1 .container .wrapper .list {
    grid-template-columns: repeat(2, 1fr);
    gap: 8.33vw 5.56vw;
  }
  .sec_1 .container .wrapper .list .list_item dl {
    padding: 2.78vw;
  }
  .sec_1 .container .wrapper .list .list_item dl dt {
    font-size: clamp(13px, 2.78vw, 20px);
    line-height: 1.2; /* 24px */
  }
  .sec_1 .container .wrapper .list .list_item dl dd {
    font-size: clamp(17px, 3.89vw, 28px);
    line-height: 1.21; /* 34px */
  }
  .sec_1 .container .wrapper .list .list_item a {
    margin: 0 8.33vw;
    font-size: clamp(13px, 3.33vw, 24px);
    line-height: 2.5; /* 60px */
  }
}