@charset "UTF-8";
/* 프로젝트에서 뽑은 값 */
/* //End 프로젝트에서 뽑은 값 */
/* 드롭다운,멀티포함 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #888888;
}

::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0;
}

/**
 * 텍스트의 상단 및 하단 여백을 제거하는 믹스인
 * @param {unit} $font-size - 적용할 폰트 크기
 * @param {unit} $top-trim - 상단 여백을 조절할 값 (em 단위 추천)
 * @param {unit} $bottom-trim - 하단 여백을 조절할 값 (em 단위 추천)
 */
/**
 * [헬퍼 믹스인] remove-text-space-style로 생성된 요소의
 * 상하 트림(margin) 값만 수정합니다.
 */
.container-tech section.tech .sub-title strong {
  color: #E13911;
}
.container-tech section.tech-01 .inner {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-01 .inner {
    max-width: 100%;
  }
}
.container-tech section.tech-01 .inner .group-01 {
  width: 87.5%;
  margin: auto;
}
.container-tech section.tech-01 .inner .group-01 .icon-row {
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 53px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row {
    margin-bottom: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row {
    margin-bottom: 14vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul {
  display: grid;
  text-align: center;
  grid-template-columns: repeat(1, 1fr);
  width: 267px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul {
    width: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul {
    width: 70vw;
  }
}
@media screen and (min-width: 992px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul {
    width: 47.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul {
    width: 1080px;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  mix-blend-mode: multiply;
  margin-top: -20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li {
    margin-top: -1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li {
    margin-top: -5.25vw;
  }
}
@media screen and (min-width: 992px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li {
    margin-top: 0;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li {
    margin-left: -30px;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
  background: #f9f9f9;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  align-content: center;
  width: 267px;
  height: 267px;
  border-radius: 267px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
    width: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
    width: 70vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
    height: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
    height: 70vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
    border-radius: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
    border-radius: 70vw;
  }
}
@media screen and (min-width: 640px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
    width: 16.6667rem;
    height: 16.6667rem;
    border-radius: 16.6667rem;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i {
    width: 380px;
    height: 380px;
    border-radius: 380px;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li i span {
  display: block;
  width: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i span {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li i span {
    font-size: 5.425vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(1) {
  margin-top: 0;
}
@media screen and (min-width: 640px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(1) {
    margin-left: 0;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(1) i {
  background: #1E335F;
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(1) i img {
  width: 72px;
  margin-bottom: 22px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(1) i img {
    width: 4.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(1) i img {
    width: 18.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(1) i img {
    margin-bottom: 1.3958rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(1) i img {
    margin-bottom: 5.8625vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(2) i {
  background: #E13911;
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(2) i img {
  width: 72px;
  margin-bottom: 31px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(2) i img {
    width: 4.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(2) i img {
    width: 18.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(2) i img {
    margin-bottom: 1.9583rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(2) i img {
    margin-bottom: 8.225vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(3) i {
  background: #666666;
}
.container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(3) i img {
  width: 60px;
  margin-bottom: 30px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(3) i img {
    width: 3.75rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(3) i img {
    width: 15.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(3) i img {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row ul li:nth-of-type(3) i img {
    margin-bottom: 7.875vw;
  }
}
@media screen and (min-width: 992px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul {
    width: 49.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul {
    width: 1070px;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li {
  mix-blend-mode: none;
  margin-top: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li {
    margin-top: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li {
    margin-top: 7vw;
  }
}
@media screen and (min-width: 992px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li {
    margin-top: 0;
    margin-left: 0;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i {
  background: #f9f9f9;
}
@media screen and (min-width: 992px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i {
    width: 14rem;
    height: 14rem;
    border-radius: 14rem;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i {
    width: 300px;
    height: 300px;
    border-radius: 300px;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i img {
  width: 100px;
  margin-bottom: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i img {
    width: 6.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i img {
    width: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i img {
    margin-bottom: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i img {
    margin-bottom: 2.8vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i span {
  display: block;
  width: 100%;
  color: #000;
  font-weight: 600;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i span {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li i span {
    font-size: 4.9vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .icon-row:nth-of-type(3) ul li:nth-of-type(1) {
  margin-top: 0;
}
.container-tech section.tech-01 .inner .group-01 .txt-row {
  margin-bottom: 67px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row {
    margin-bottom: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row {
    margin-bottom: 17.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row {
    margin-bottom: 120px;
  }
}
.container-tech section.tech-01 .inner .group-01 .txt-row p {
  margin-bottom: 28px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row p {
    margin-bottom: 1.75rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row p {
    margin-bottom: 7.35vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .txt-row p:nth-of-type(1) {
  color: #333333;
  font-weight: 700;
  line-height: 1.3;
  font-size: 24px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row p:nth-of-type(1) {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row p:nth-of-type(1) {
    font-size: 6.3vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .txt-row p:nth-of-type(1) strong {
  color: #1E335F;
}
.container-tech section.tech-01 .inner .group-01 .txt-row p:nth-of-type(2) {
  color: #333333;
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row p:nth-of-type(2) {
    font-size: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row p:nth-of-type(2) {
    font-size: 5.25vw;
  }
}
.container-tech section.tech-01 .inner .group-01 .txt-row:nth-of-type(4) {
  color: #333333;
  font-weight: 400;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row:nth-of-type(4) {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-01 .txt-row:nth-of-type(4) {
    font-size: 4.9vw;
  }
}
.container-tech section.tech-01 .inner .group-02 {
  padding: 0px 27px 107px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-02 {
    padding: 0rem 1.6667rem 6.6667rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-02 {
    padding: 0vw 7vw 28vw 7vw;
  }
}
@media screen and (min-width: 640px) {
  .container-tech section.tech-01 .inner .group-02 {
    padding-left: 3.3334rem;
    padding-right: 3.3334rem;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-01 .inner .group-02 {
    max-width: 1200px;
    margin: auto;
    padding: 80px 0 120px 0;
  }
}
.container-tech section.tech-01 .inner .group-02 .sub-title {
  padding-bottom: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-02 .sub-title {
    padding-bottom: 0.9792rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-02 .sub-title {
    padding-bottom: 4.1125vw;
  }
}
.container-tech section.tech-01 .inner .group-02 .txt-row {
  text-align: left;
}
.container-tech section.tech-01 .inner .group-02 .list-row {
  margin-top: 27px;
  padding-bottom: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-02 .list-row {
    margin-top: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-02 .list-row {
    margin-top: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-01 .inner .group-02 .list-row {
    padding-bottom: 0rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-01 .inner .group-02 .list-row {
    padding-bottom: 0vw;
  }
}
.container-tech section.tech-01 .inner .group-02:nth-of-type(3), .container-tech section.tech-01 .inner .group-02:nth-of-type(4) {
  padding-top: 0;
}
.container-tech section.tech-02 .top-slide {
  padding-bottom: 83px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide {
    padding-bottom: 5.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide {
    padding-bottom: 21.7vw;
  }
}
.container-tech section.tech-02 .top-slide .case-swiper .swiper-slide {
  width: 80%;
  height: 480px;
  opacity: 0.6;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide {
    height: 30rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide {
    height: 126vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide {
    border-radius: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide {
    border-radius: 5.25vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide {
    height: 510px;
    padding-left: 100px;
    padding-right: 100px;
  }
}
.container-tech section.tech-02 .top-slide .case-swiper .swiper-slide .subject {
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide .subject {
    font-size: 32px;
    display: -webkit-box;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    width: 60%;
  }
}
.container-tech section.tech-02 .top-slide .case-swiper .swiper-slide .desc {
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide .desc {
    display: -webkit-box;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide .group {
    margin-top: 48px;
  }
}
.container-tech section.tech-02 .top-slide .case-swiper .swiper-slide .group .hastag-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
  gap: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide .group .hastag-row {
    gap: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide .group .hastag-row {
    gap: 2.1vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-slide {
    width: 62.5%;
    min-width: 1200px;
    max-width: 1200px;
    border-radius: 20px;
  }
}
.container-tech section.tech-02 .top-slide .case-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination {
  position: relative;
  margin-top: 43px;
  top: unset;
  bottom: unset;
  left: unset;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination {
    margin-top: 2.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination {
    margin-top: 11.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination {
    margin-top: 56px;
  }
}
.container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #aaaaaa;
  opacity: 1;
  transition: width 0.3s ease;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet {
    width: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet {
    width: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet {
    height: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet {
    height: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet {
    border-radius: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet {
    border-radius: 2.1vw;
  }
}
.container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 8px;
  background-color: #E13911;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet-active {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet-active {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet-active {
    border-radius: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .top-slide .case-swiper .swiper-pagination-bullet-active {
    border-radius: 2.1vw;
  }
}
.container-tech section.tech-02 .inner .list-row .list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 21px;
}
.container-tech section.tech-02 .inner .list-row .list .no-data {
  grid-column: 1/-1;
  width: 100%;
  padding: 80px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .inner .list-row .list .no-data {
    padding: 5rem 0rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .inner .list-row .list .no-data {
    padding: 21vw 0vw;
  }
}
.container-tech section.tech-02 .inner .list-row .list .no-data strong {
  display: block;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-02 .inner .list-row .list {
    gap: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-02 .inner .list-row .list {
    gap: 5.6vw;
  }
}
@media screen and (min-width: 640px) {
  .container-tech section.tech-02 .inner .list-row .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-02 .inner .list-row .list {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
.container-tech section.tech-02 .inner .list-row .list .card-item {
  position: relative;
}
.container-tech section.tech-03 .inner {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner {
    max-width: 100%;
  }
}
.container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private span {
  color: #333333;
  font-weight: 500;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private span {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private span {
    font-size: 4.55vw;
  }
}
.container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg {
    height: 6.3vw;
  }
}
.container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg svg {
  width: 16px;
  height: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg svg {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg svg {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg svg {
    height: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .box-row.view-row .content-info dd.private .icon-svg svg {
    height: 5.25vw;
  }
}
.container-tech section.tech-03 .inner .detail-summary.case, .container-tech section.tech-03 .inner .detail-summary.asset {
  height: 400px;
}
.container-tech section.tech-03 .inner .detail-summary.case:before, .container-tech section.tech-03 .inner .detail-summary.case:after, .container-tech section.tech-03 .inner .detail-summary.asset:before, .container-tech section.tech-03 .inner .detail-summary.asset:after {
  display: none;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.case, .container-tech section.tech-03 .inner .detail-summary.asset {
    height: 25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.case, .container-tech section.tech-03 .inner .detail-summary.asset {
    height: 105vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.case, .container-tech section.tech-03 .inner .detail-summary.asset {
    height: 510px;
  }
}
.container-tech section.tech-03 .inner .detail-summary.case .visual-bg, .container-tech section.tech-03 .inner .detail-summary.asset .visual-bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.container-tech section.tech-03 .inner .detail-summary.case .item, .container-tech section.tech-03 .inner .detail-summary.asset .item {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0;
  width: 87.5%;
  max-width: 1200px;
  top: 40px;
  transform: translateX(-50%);
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.case .item, .container-tech section.tech-03 .inner .detail-summary.asset .item {
    top: 2.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.case .item, .container-tech section.tech-03 .inner .detail-summary.asset .item {
    top: 10.5vw;
  }
}
.container-tech section.tech-03 .inner .detail-summary.case .item .share-row, .container-tech section.tech-03 .inner .detail-summary.asset .item .share-row {
  right: 0;
  top: 0;
}
@media screen and (min-width: 640px) {
  .container-tech section.tech-03 .inner .detail-summary.case .item, .container-tech section.tech-03 .inner .detail-summary.asset .item {
    top: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.case .item, .container-tech section.tech-03 .inner .detail-summary.asset .item {
    top: 100px;
    width: 100%;
  }
  .container-tech section.tech-03 .inner .detail-summary.case .item .group, .container-tech section.tech-03 .inner .detail-summary.asset .item .group {
    margin-top: 48px;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp, .container-tech section.tech-03 .inner .detail-summary.com {
  padding-top: 53px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp, .container-tech section.tech-03 .inner .detail-summary.com {
    padding-top: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp, .container-tech section.tech-03 .inner .detail-summary.com {
    padding-top: 14vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.exp, .container-tech section.tech-03 .inner .detail-summary.com {
    padding-top: 0;
    height: 470px;
    min-height: 470px;
    max-height: 470px;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .photo, .container-tech section.tech-03 .inner .detail-summary.com .photo {
  position: relative;
  margin: 0px auto 0 auto;
  width: 168px;
  height: 168px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .photo, .container-tech section.tech-03 .inner .detail-summary.com .photo {
    margin: 0rem auto 0 auto;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .photo, .container-tech section.tech-03 .inner .detail-summary.com .photo {
    margin: 0vw auto 0 auto;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .photo, .container-tech section.tech-03 .inner .detail-summary.com .photo {
    width: 10.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .photo, .container-tech section.tech-03 .inner .detail-summary.com .photo {
    width: 44.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .photo, .container-tech section.tech-03 .inner .detail-summary.com .photo {
    height: 10.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .photo, .container-tech section.tech-03 .inner .detail-summary.com .photo {
    height: 44.1vw;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .photo img, .container-tech section.tech-03 .inner .detail-summary.com .photo img {
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .photo, .container-tech section.tech-03 .inner .detail-summary.com .photo {
    position: absolute;
    width: 182px;
    height: 182px;
    left: 50%;
    margin-left: -600px;
    top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item, .container-tech section.tech-03 .inner .detail-summary.com .item {
    padding-left: 230px;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .link-row, .container-tech section.tech-03 .inner .detail-summary.com .item .link-row {
    margin: 36px 0 16px 0;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group, .container-tech section.tech-03 .inner .detail-summary.com .item .group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group, .container-tech section.tech-03 .inner .detail-summary.com .item .group {
    width: 100%;
    flex-direction: row;
    flex-flow: nowrap;
    position: absolute;
    left: 0;
    margin-top: 78px;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row {
  display: none;
  width: 100%;
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row span, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row span {
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  flex-flow: wrap;
  height: 36px;
  padding: 0px 16px;
  border-radius: 36px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row span, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row span {
    height: 2.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row span, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row span {
    height: 9.45vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row span, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row span {
    padding: 0rem 1rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row span, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row span {
    padding: 0vw 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row span, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row span {
    border-radius: 2.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row span, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row span {
    border-radius: 9.45vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row span, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row span {
    margin-right: 8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.2);
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .hastag-row, .container-tech section.tech-03 .inner .detail-summary.com .item .group .hastag-row {
    display: block;
    margin-top: 0;
    width: 70%;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dt, .container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dd, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dt, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dd {
  width: auto;
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dt, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dt {
  color: #aaaaaa;
  margin-right: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dt, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dt {
    margin-right: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dt, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dt {
    margin-right: 2.1vw;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dd, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dd {
  margin-right: 20px;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dd, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dd {
    margin-right: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dd, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dd {
    margin-right: 5.25vw;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row dd::nth-of-type(2), .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row dd::nth-of-type(2) {
  margin-right: 0px;
}
.container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row .info:nth-of-type(2) dd, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row .info:nth-of-type(2) dd {
  margin-right: 0;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row, .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row {
    width: 30%;
    text-align: right;
    justify-content: flex-end;
  }
  .container-tech section.tech-03 .inner .detail-summary.exp .item .group .info-row .value:nth-of-type(2), .container-tech section.tech-03 .inner .detail-summary.com .item .group .info-row .value:nth-of-type(2) {
    margin-right: 0;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .link-row.private, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger {
  margin-left: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger {
    margin-left: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger {
    margin-left: 2.1vw;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg {
  color: #fff;
  width: 20px;
  height: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg {
    height: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg {
    height: 5.25vw;
  }
}
.container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg svg {
  width: 17px;
  height: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg svg {
    width: 1.0417rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg svg {
    width: 4.375vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg svg {
    height: 1.0417rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .detail-summary.exp .link-row.private .tooltip-trigger .icon-svg svg, .container-tech section.tech-03 .inner .detail-summary.com .link-row.private .tooltip-trigger .icon-svg svg {
    height: 4.375vw;
  }
}
.container-tech section.tech-03 .inner .inner-tech-card .sub-title {
  width: 87.5%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-tech-card .sub-title {
    width: 100%;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .inner-tech-card .list-row {
  width: 87.5%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-tech-card .list-row {
    width: 100%;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .btn-detail-view {
  display: none;
}
@media screen and (min-width: 640px) {
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .img-row {
    height: 18rem;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .img-row img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    padding: 32px;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top {
    width: 902px;
    padding: 0;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .tag-row {
    margin-bottom: 15px;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .subject {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .desc {
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .btn-detail-view {
    display: block;
    min-width: unset;
    position: absolute;
    width: 118px;
    height: 40px;
    top: 0;
    right: 0;
    padding-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .btn-detail-view span {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .btn-detail-view .icon-svg {
    margin-left: 4px;
    width: 18px;
    height: 18px;
    color: #fff;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .btn-detail-view .icon-svg svg {
    transform: rotate(-90deg);
    width: 12px;
    height: 8px;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .info-row {
    justify-content: flex-end;
    margin-top: 30px;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .info-row .col {
    width: auto;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .info-row .col dt {
    margin-right: 12px;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .info-row .col:nth-of-type(1) {
    margin-right: 24px;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .slide-top .info-row .col:nth-of-type(1) dt {
    display: block;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .img-row {
    position: unset;
    width: 202px;
    height: 168px;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .img-row .hastag-row {
    position: absolute;
    left: 262px;
    top: 164px;
    width: 500px;
    bottom: auto;
    flex-flow: nowrap;
  }
  .container-tech section.tech-03 .inner .inner-tech-card .list-row .list .card-item .img-row .hastag-row span {
    background: #f5f5f5;
    color: #666666;
    height: 36px;
    padding: 8px 16px;
  }
}
.container-tech section.tech-03 .inner .portfolio-download {
  width: 87.5%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .portfolio-download {
    width: 1005;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .portfolio-download .box-row {
  border: 1px solid #dddddd;
  padding: 25px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row {
    padding: 1.5625rem 1rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row {
    padding: 6.5625vw 4.2vw;
  }
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .file_name {
  color: #000;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .file_name {
    font-size: 0.875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .file_name {
    font-size: 3.675vw;
  }
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a span {
  color: #000;
  font-weight: 400;
  margin-right: 5px;
  font-size: 14px;
  margin-top: 1px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a span {
    margin-right: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a span {
    margin-right: 1.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a span {
    font-size: 0.875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a span {
    font-size: 3.675vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a span {
    margin-top: 0.0417rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a span {
    margin-top: 0.175vw;
  }
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) {
  margin-right: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) {
    margin-right: 1rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) {
    margin-right: 4.2vw;
  }
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg {
    height: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg {
    height: 5.25vw;
  }
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg svg {
  width: 17px;
  height: 14px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg svg {
    width: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg svg {
    width: 4.55vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg svg {
    height: 0.875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(1) .icon-svg svg {
    height: 3.675vw;
  }
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg {
    height: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg {
    height: 5.25vw;
  }
}
.container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg svg {
  transform: rotate(-90deg);
  width: 14px;
  height: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg svg {
    width: 0.875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg svg {
    width: 3.675vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg svg {
    height: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .portfolio-download .box-row .btn-row a:nth-of-type(2) .icon-svg svg {
    height: 2.1vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide {
  width: 87.5%;
  margin: auto;
  margin-top: 50px;
  /*@media screen and (min-width: $tablet-contents-width) {
      width: 100%;
      max-width: 1200px;
      .swiper-slide{
          width: 1200px;
          @include flex(space-between,flex-start);
          flex-direction: row-reverse;
          padding: 32px;
          .slide-top{
              width: 902px;
              padding: 0;
              .tag-row{
                  margin-bottom: 15px;
              }
              .subject{
                  margin-bottom: 5px;
                  @include text-cut(1);
              }
              .desc{
                  margin-bottom: 10px;
                  @include text-cut(1);
              }
              .btn-detail-view{
                  display: block;
                  min-width: unset;
                  position: absolute;
                  width: 118px;
                  height: 40px;
                  top: 0;
                  right: 0;
                  padding-top: 2px;
                  @include flex(center,center);
                  span{
                      font-weight: 600;
                      color: #fff;
                      font-size: 14px;
                  }
                  .icon-svg{
                      margin-left: 4px;
                      width: 18px;
                      height: 18px;
                      color: #fff;
                      svg{
                          transform: rotate(-90deg);
                          width: 12px;
                          height: 8px;
                      }
                  }
              }
              .info-row{
                  justify-content: flex-end;
                  margin-top: 30px;
                  .col{
                      width: auto;
                      dt{
                          margin-right: 12px;
                      }
                      &:nth-of-type(1){
                          margin-right: 24px;
                          dt{
                              display: block;
                          }
                      }
                  }
              }
          }
          .img-row{
              width: 202px;
              height: 168px;
              .hastag-row{
                  position: absolute;
                  left: 234px;
                  top: 134px;
                  width: 500px;
                  bottom: auto;
                  flex-flow: nowrap;
                  span{
                      background: $Gray2;
                      color: $Gray6;
                      height: 36px;
                      padding: 8px 16px;
                  }
              }
          }
      }
  }*/
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide {
    width: 1005;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .inner-slide .swiper {
  width: 101%;
  padding: 1px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide {
    margin-top: 3.125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide {
    margin-top: 13.125vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide .sub-title {
  padding-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide .sub-title {
    padding-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide .sub-title {
    padding-bottom: 7vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide .list-row {
  padding-bottom: 67px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide .list-row {
    padding-bottom: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide .list-row {
    padding-bottom: 17.5vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide .btn-detail-view {
  display: none;
}
.container-tech section.tech-03 .inner .inner-slide2 {
  width: 87.5%;
  margin: auto;
}
.container-tech section.tech-03 .inner .inner-slide2 .swiper {
  width: 101%;
  padding: 1px;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 {
    width: 100%;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .sub-title {
  padding-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .sub-title {
    padding-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .sub-title {
    padding-bottom: 7vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .btn-detail-view {
  display: none;
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box {
  border: none;
  padding: 40px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box {
    padding: 2.5rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box {
    padding: 10.5vw 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: wrap;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row {
  margin-bottom: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row {
    margin-bottom: 10.5vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo {
  position: relative;
  margin: auto;
  width: 168px;
  height: 168px;
  border: 2px solid #eeeeee;
  background: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo {
    width: 10.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo {
    width: 44.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo {
    height: 10.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo {
    height: 44.1vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 8px;
  right: 8px;
  width: 46px;
  height: 46px;
  border-radius: 46px;
  background: #666666;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    bottom: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    bottom: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    right: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    right: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    width: 2.875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    width: 12.075vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    height: 2.875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    height: 12.075vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    border-radius: 2.875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit {
    border-radius: 12.075vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg {
  color: #fff;
  width: 43px;
  height: 43px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg {
    width: 2.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg {
    width: 11.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg {
    height: 2.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg {
    height: 11.2vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg svg {
  width: 29px;
  height: 29px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg svg {
    width: 1.7917rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg svg {
    width: 7.525vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg svg {
    height: 1.7917rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row .photo .btn-edit .icon-svg svg {
    height: 7.525vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .photo-row {
    width: 168px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .tag-row .tags {
    padding-left: 32px;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a {
  width: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a {
    width: 4.725vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a .icon-svg {
  color: #E13911;
  width: 18px;
  height: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a .icon-svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a .icon-svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a .icon-svg {
    height: 1.7083rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a .icon-svg {
    height: 7.175vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row a .icon-svg svg {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .scrap-row {
    margin-left: 30px;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .name {
  padding: 17px 0px 10px 0px;
  font-weight: 700;
  color: #222222;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .name {
    padding: 1.0417rem 0rem 0.625rem 0rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .name {
    padding: 4.375vw 0vw 2.625vw 0vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .name {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .name {
    font-size: 4.9vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .name {
    position: absolute;
    left: 228px;
    top: 70px;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .affiliation {
  font-weight: 500;
  color: #666666;
  padding-bottom: 7px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .affiliation {
    padding-bottom: 0.4167rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .affiliation {
    padding-bottom: 1.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .affiliation {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .affiliation {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .affiliation {
    position: absolute;
    left: 228px;
    top: 125px;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box hr {
    position: absolute;
    top: 148px;
    left: 228px;
    width: calc(100% - 268px);
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info {
  margin-bottom: 17px;
  padding-top: 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info {
    margin-bottom: 1.0417rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info {
    margin-bottom: 4.375vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info {
    padding-top: 0.4167rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info {
    padding-top: 1.75vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .date {
  font-weight: 500;
  color: #333333;
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right {
  flex-flow: wrap;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right {
    gap: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right {
    gap: 2.8vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right .item {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right .item {
    gap: 1.05vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right .item .label {
  color: #aaaaaa;
  font-weight: 500;
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right .item .value {
  color: #333333;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info .right {
    margin-left: 30px;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.gen, .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.gen, .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp {
    gap: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.gen, .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp {
    gap: 2.8vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.gen .item, .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.gen .item, .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp .item {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.gen .item, .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp .item {
    gap: 1.05vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.gen .item .label, .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp .item .label {
  color: #aaaaaa;
  font-weight: 500;
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.gen .item .value, .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp .item .value {
  color: #333333;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info {
    position: absolute;
    left: auto;
    right: 35px;
    top: 170px;
    width: 50%;
    justify-content: flex-end !important;
    margin-bottom: 0;
  }
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .info.exp {
    left: auto;
    right: 0;
    justify-content: flex-end;
    padding-right: 40px;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
  gap: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row {
    gap: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row {
    gap: 2.1vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
  font-weight: 500;
  color: #666666;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  padding: 0px 16px;
  height: 36px;
  border-radius: 36px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
    font-size: 3.85vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
    padding: 0rem 1rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
    padding: 0vw 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
    height: 2.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
    height: 9.45vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
    border-radius: 2.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row span {
    border-radius: 9.45vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .hastag-row {
    position: absolute;
    width: 50%;
    left: 228px;
    width: 930px;
    top: 140px;
    padding-bottom: 0;
    margin-top: 30px;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row {
    gap: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row {
    gap: 3.5vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
  min-width: unset;
  width: 153px;
  height: 40px;
  border-radius: 40px;
  gap: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
    width: 9.5833rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
    width: 40.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
    border-radius: 2.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
    border-radius: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
    gap: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a {
    gap: 2.1vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a span {
  font-weight: 500;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a span {
    font-size: 3.85vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg {
  width: 18px;
  height: 18px;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg {
    height: 4.725vw;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg svg {
  width: 12px;
  height: 7px;
  transform: rotate(-90deg);
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg svg {
    width: 0.75rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg svg {
    width: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg svg {
    height: 0.4583rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row a .icon-svg svg {
    height: 1.925vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-top-row {
    position: absolute;
    right: 40px;
    top: 42px;
  }
}
.container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-detail-view {
  display: none;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-detail-view {
    display: block;
    min-width: unset;
    position: absolute;
    width: 118px;
    height: 40px;
    top: 40px;
    right: 35px;
    padding-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-detail-view span {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
  }
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-detail-view .icon-svg {
    margin-left: 4px;
    width: 18px;
    height: 18px;
    color: #fff;
  }
  .container-tech section.tech-03 .inner .inner-slide2 .profile-box .btn-detail-view .icon-svg svg {
    transform: rotate(-90deg);
    width: 12px;
    height: 8px;
  }
}
.container-tech section.tech-03 .inner .studies-row {
  width: 87.5%;
  margin: auto;
  margin-bottom: 133px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .studies-row {
    margin-bottom: 8.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .studies-row {
    margin-bottom: 35vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .studies-row {
    width: 100%;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .studies-row .box-row {
  border: 1px solid #dddddd;
}
.container-tech section.tech-03 .inner .studies-row .box-row .tag-row {
  margin-bottom: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .tag-row {
    margin-bottom: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .tag-row {
    margin-bottom: 5.6vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .tag-row .tags {
    padding-left: 0;
  }
}
.container-tech section.tech-03 .inner .studies-row .box-row .subject {
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: #222222;
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .subject {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .subject {
    font-size: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .subject {
    margin-bottom: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .subject {
    margin-bottom: 5.6vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .subject {
    width: auto;
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.container-tech section.tech-03 .inner .studies-row .box-row .btn-detail-view {
  display: none;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .studies-row .box-row .btn-detail-view {
    display: block;
    min-width: unset;
    position: absolute;
    width: 118px;
    height: 40px;
    top: 30px;
    right: 35px;
    padding-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container-tech section.tech-03 .inner .studies-row .box-row .btn-detail-view span {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
  }
  .container-tech section.tech-03 .inner .studies-row .box-row .btn-detail-view .icon-svg {
    margin-left: 4px;
    width: 18px;
    height: 18px;
    color: #fff;
  }
  .container-tech section.tech-03 .inner .studies-row .box-row .btn-detail-view .icon-svg svg {
    transform: rotate(-90deg);
    width: 12px;
    height: 8px;
  }
}
.container-tech section.tech-03 .inner .btn-row.list {
  text-align: center;
  margin-bottom: 67px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .btn-row.list {
    margin-bottom: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .btn-row.list {
    margin-bottom: 17.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .btn-row.list {
    margin-bottom: 120px;
  }
}
.container-tech section.tech-03 .inner .content-body-title {
  padding-bottom: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .content-body-title {
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .content-body-title {
    padding-bottom: 2.1vw;
  }
}
.container-tech section.tech-03 .inner .custom-list-style ul {
  margin-top: 0;
}
.container-tech section.tech-03 .inner .custom-list-style ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #222222;
  left: 0;
  top: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .custom-list-style ul li:before {
    width: 0.3125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .custom-list-style ul li:before {
    width: 1.3125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .custom-list-style ul li:before {
    height: 0.3125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .custom-list-style ul li:before {
    height: 1.3125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .custom-list-style ul li:before {
    border-radius: 0.3125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .custom-list-style ul li:before {
    border-radius: 1.3125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .custom-list-style ul li:before {
    top: 0.5208rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .custom-list-style ul li:before {
    top: 2.1875vw;
  }
}
.container-tech section.tech-03 .inner .custom-list-style ul li strong {
  font-weight: 700;
  color: #000;
}
.container-tech section.tech-03 .inner .inner-gallery {
  margin-bottom: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-gallery {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-gallery {
    margin-bottom: 10.5vw;
  }
}
.container-tech section.tech-03 .inner .inner-gallery .sub-title {
  width: 87.5%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-gallery .sub-title {
    width: 100%;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .inner-gallery .gallery-swiper {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-gallery .gallery-swiper {
    max-width: 1200px;
    margin: auto;
  }
}
.container-tech section.tech-03 .inner .inner-gallery .swiper-slide {
  width: auto;
  height: 280px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-gallery .swiper-slide {
    height: 17.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-gallery .swiper-slide {
    height: 73.5vw;
  }
}
.container-tech section.tech-03 .inner .inner-gallery .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-tech section.tech-03 .inner .inner-gallery .swiper-pagination {
  position: relative;
  left: unset;
  width: 87.5%;
  margin: 21px auto 0px auto;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-gallery .swiper-pagination {
    margin: 1.3333rem auto 0rem auto;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-gallery .swiper-pagination {
    margin: 5.6vw auto 0vw auto;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-gallery .swiper-pagination {
    width: 100%;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .inner-gallery .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #666666;
}
.container-tech section.tech-03 .inner .inner-gallery .swiper-pagination-progressbar {
  background: #dddddd;
}
.container-tech section.tech-03 .inner .inner-detail {
  background: #f9f9f9;
}
.container-tech section.tech-03 .inner .inner-detail .sub-title {
  width: 87.5%;
  margin: auto;
  padding: 67px 0 27px 0;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-detail .sub-title {
    padding: 4.1667rem 0 1.6667rem 0;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-detail .sub-title {
    padding: 17.5vw 0 7vw 0;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-detail .sub-title {
    width: 100%;
    max-width: 1200px;
  }
}
.container-tech section.tech-03 .inner .inner-detail ul {
  width: 87.5%;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
  padding-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-detail ul {
    padding-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-detail ul {
    padding-bottom: 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-detail ul {
    width: 100%;
    max-width: 1200px;
    gap: 24px;
    padding-bottom: 64px;
  }
}
.container-tech section.tech-03 .inner .inner-detail ul li {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-detail ul li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: wrap;
    padding-left: 264px;
    height: 200px;
    align-content: flex-start;
  }
}
.container-tech section.tech-03 .inner .inner-detail ul li .img-row {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-detail ul li .img-row {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-detail ul li .img-row {
    border-radius: 3.15vw;
  }
}
.container-tech section.tech-03 .inner .inner-detail ul li .img-row img {
  max-width: 100%;
}
@media screen and (min-width: 640px) {
  .container-tech section.tech-03 .inner .inner-detail ul li .img-row {
    width: 20rem;
    height: 20rem;
  }
  .container-tech section.tech-03 .inner .inner-detail ul li .img-row img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-detail ul li .img-row {
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 200px;
  }
}
.container-tech section.tech-03 .inner .inner-detail ul li strong {
  display: block;
  color: #333333;
  font-weight: 700;
  font-size: 19px;
  margin: 27px 0px 16px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-detail ul li strong {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-detail ul li strong {
    font-size: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-detail ul li strong {
    margin: 1.6667rem 0rem 1rem 0rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-detail ul li strong {
    margin: 7vw 0vw 4.2vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-detail ul li strong {
    width: 100%;
    margin: 20px 0 16px 0;
  }
}
.container-tech section.tech-03 .inner .inner-detail ul li p {
  color: #333333;
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-detail ul li p {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-detail ul li p {
    font-size: 4.55vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-03 .inner .inner-detail ul li p {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-03 .inner .inner-detail ul li p {
    margin-bottom: 10.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-03 .inner .inner-detail ul li p {
    width: 100%;
  }
}
.container-tech section.tech-04 .inner .tab-row {
  margin-bottom: 53px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row {
    margin-bottom: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row {
    margin-bottom: 14vw;
  }
}
.container-tech section.tech-04 .inner .tab-row ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row ul {
    height: 3.5rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row ul {
    height: 14.7vw;
  }
}
.container-tech section.tech-04 .inner .tab-row ul li {
  width: 50%;
  height: 100%;
  border-bottom: 2px solid #dddddd;
}
.container-tech section.tech-04 .inner .tab-row ul li a {
  color: #333333;
  width: 100%;
  height: 100%;
  font-weight: 700;
  border-bottom: 2px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  gap: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row ul li a {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row ul li a {
    font-size: 4.55vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row ul li a {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row ul li a {
    gap: 1.05vw;
  }
}
.container-tech section.tech-04 .inner .tab-row ul li a span {
  color: #333333;
  font-weight: 700;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row ul li a span {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row ul li a span {
    font-size: 4.55vw;
  }
}
.container-tech section.tech-04 .inner .tab-row ul li a i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: #E13911;
  color: #fff;
  font-weight: 600;
  font-size: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row ul li a i {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row ul li a i {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row ul li a i {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row ul li a i {
    height: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row ul li a i {
    border-radius: 1.125rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row ul li a i {
    border-radius: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .tab-row ul li a i {
    font-size: 0.6875rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .tab-row ul li a i {
    font-size: 2.8875vw;
  }
}
.container-tech section.tech-04 .inner .tab-row ul li.active {
  border-bottom: 2px solid #1E335F;
}
.container-tech section.tech-04 .inner .tab-row ul li.active a {
  border-bottom: 2px solid #1E335F;
  color: #1E335F;
}
.container-tech section.tech-04 .inner .tab-row ul li.active a span {
  color: #1E335F;
}
.container-tech section.tech-04 .inner .list-row .list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 21px;
}
.container-tech section.tech-04 .inner .list-row .list .no-data {
  grid-column: 1/-1;
  width: 100%;
  padding: 80px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .list-row .list .no-data {
    padding: 5rem 0rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .list-row .list .no-data {
    padding: 21vw 0vw;
  }
}
.container-tech section.tech-04 .inner .list-row .list .no-data strong {
  display: block;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-tech section.tech-04 .inner .list-row .list {
    gap: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .container-tech section.tech-04 .inner .list-row .list {
    gap: 5.6vw;
  }
}
@media screen and (min-width: 640px) {
  .container-tech section.tech-04 .inner .list-row .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-04 .inner .list-row .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0x;
  }
}
.container-tech section.tech-04 .inner .list-row .list .card-item {
  position: relative;
}
.container-tech section.tech-04 .inner .list-row .list .card-item .btn-detail-view {
  display: none;
}
@media screen and (min-width: 1200px) {
  .container-tech section.tech-04 .inner .list-row .list .card-item {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    padding: 32px;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top {
    width: 902px;
    padding: 0;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .tag-row {
    margin-bottom: 15px;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .subject {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .desc {
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .btn-detail-view {
    display: block;
    min-width: unset;
    position: absolute;
    width: 118px;
    height: 40px;
    top: 0;
    right: 0;
    padding-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .btn-detail-view span {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .btn-detail-view .icon-svg {
    margin-left: 4px;
    width: 18px;
    height: 18px;
    color: #fff;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .btn-detail-view .icon-svg svg {
    transform: rotate(-90deg);
    width: 12px;
    height: 8px;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .info-row {
    justify-content: flex-end;
    margin-top: 30px;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .info-row .col {
    width: auto;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .info-row .col dt {
    margin-right: 12px;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .info-row .col:nth-of-type(1) {
    margin-right: 24px;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .slide-top .info-row .col:nth-of-type(1) dt {
    display: block;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .img-row {
    position: unset;
    width: 202px;
    height: 168px;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .img-row .hastag-row {
    position: absolute;
    left: 262px;
    top: 164px;
    width: 500px;
    bottom: auto;
    flex-flow: nowrap;
  }
  .container-tech section.tech-04 .inner .list-row .list .card-item .img-row .hastag-row span {
    background: #f5f5f5;
    color: #666666;
    height: 36px;
    padding: 8px 16px;
  }
}/*# sourceMappingURL=tech.css.map */