.areaFrame {
  height: 100%;
  border-color: #FF763F;
  border-style: solid;
  background: #FCEEEE;
  display: flex;
  justify-content: center;
  align-items: center;
}
.areaFrame .areaIn .pagerCol.swiper-button-disabled {
  pointer-events: none;
  filter: grayscale(0.7);
  opacity: 0.7;
}
.areaFrame .areaIn .pagerCol .pagerText {
  color: #FF763F;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
.areaFrame .areaIn .pagerCol .pagerArrow {
  cursor: pointer;
}
.areaFrame .areaIn .itemCol .sliderArea {
  width: 100%;
  overflow: hidden;
}
.areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .nameRow {
  font-weight: bold;
}
.areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .infoCol .infoText {
  font-weight: 500;
  line-height: 185%;
}
.areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .detailLink {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .detailLink .text {
  font-weight: bold;
  color: #FF763F;
}
.areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .btnContact {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FF763F;
  border-radius: 100px;
}
.areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .btnContact .text {
  font-weight: bold;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .areaFrame {
    border-width: 10px;
  }
  .areaFrame .areaIn {
    width: min(96%, 306px);
    display: block;
    position: relative;
  }
  .areaFrame .areaIn .pagerCol {
    position: absolute;
    z-index: 1;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    -moz-column-gap: 8px;
         column-gap: 8px;
    bottom: 4px;
    text-align: center;
  }
  .areaFrame .areaIn .pagerCol.left {
    left: 0;
    flex-direction: row-reverse;
  }
  .areaFrame .areaIn .pagerCol.right {
    right: 0;
  }
  .areaFrame .areaIn .pagerCol .pagerText {
    font-size: 14px;
    padding: 0 0 4px 0;
  }
  .areaFrame .areaIn .pagerCol .pagerArrow {
    width: 31px;
  }
  .areaFrame .areaIn .itemCol {
    margin: 0 0 clamp(28px, 5.3571428571vh, 45px) 0;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .nameRow {
    font-size: clamp(14px, 2.619047619vh, 22px);
    letter-spacing: 0.01em;
    text-align: center;
    padding: min(1.6666666667vh, 14px) 0;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .infoCol .infoImg {
    height: min(19.6428571429vh, 165px);
    padding: 0 0 calc(1.1904761905vh) 0;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .infoCol .infoImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .infoCol .infoText {
    font-size: clamp(10px, 1.6666666667vh, 14px);
    line-height: 150%;
    padding-bottom: min(1.1904761905vh, 10px);
    height: clamp(100px, 16.6666666667vh, 190px);
    overflow: scroll;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .graphImg {
    padding: 0 0 min(0.9523809524vh, 8px) 0;
    height: min(19.6428571429vh, 165px);
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .graphImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .detailLink {
    -moz-column-gap: 8px;
         column-gap: 8px;
    justify-content: center;
    margin-bottom: min(1.1904761905vh, 10px);
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .detailLink .text {
    font-size: clamp(12px, 2.1428571429vh, 18px);
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .btnContact {
    justify-content: space-between;
    padding: min(1.1904761905vh, 10px) 10%;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .btnContact .text {
    font-size: clamp(12px, 2.1428571429vh, 18px);
  }
}
@media print, screen and (min-width: 768px) {
  .areaFrame {
    border-width: 10px;
  }
  .areaFrame .areaIn {
    width: min(96%, 1020px);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    -moz-column-gap: min(1.8%, 16px);
         column-gap: min(1.8%, 16px);
  }
  .areaFrame .areaIn .pagerCol {
    text-align: center;
    width: 8.2%;
  }
  .areaFrame .areaIn .pagerCol .pagerText {
    font-size: clamp(10px, 1.39vw, 15px);
    padding: 0 0 4px 0;
  }
  .areaFrame .areaIn .itemCol {
    width: 79.6%;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .nameRow {
    font-size: clamp(18px, 2.78vw, 30px);
    text-align: center;
    padding: 0 0 16px 0;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 3.76%;
         column-gap: 3.76%;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .infoCol {
    width: 39.2%;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .infoCol .infoImg {
    padding: 0 0 10px 0;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .infoCol .infoText {
    font-size: clamp(10px, 1.2vw, 13px);
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol {
    width: 56.9%;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .graphImg {
    padding: 0 0 32px 0;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .detailLink {
    -moz-column-gap: 8px;
         column-gap: 8px;
    margin-bottom: 12px;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .detailLink .text {
    font-size: clamp(13px, 1.8vw, 22px);
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .btnContact {
    -moz-column-gap: 10px;
         column-gap: 10px;
    padding: 20px 0;
  }
  .areaFrame .areaIn .itemCol .sliderArea .swiper-wrapper .swiper-slide .slideBox .dataWrap .graphCol .btnContact .text {
    font-size: clamp(13px, 1.8vw, 22px);
  }
}/*# sourceMappingURL=style.css.map */