.serviceCaseSection .content {
  display:flex;
  flex-wrap:wrap;
}
.serviceCaseSection .content .item { width:calc(100%  / 3); }
.serviceCaseSection .content .item .top { width:100%; }
.serviceCaseSection .content .item .top .imgHoverComponent .container .img {
  min-height:600px;
  padding-bottom:unset;
  background:#000000;
}
.serviceCaseSection .content .item .top .imgHoverComponent .container .text { width:90%; }
.serviceCaseSection .content .item .top .imgHoverComponent .container .text .textContent .title { top:110px; }
.serviceCaseSection .content .item .top .imgHoverComponent .container .text .textContent .description {
  top:250px;
  width:90%;
}
.serviceCaseSection .content .item .top .imgHoverComponent .container .text .textContent .readmore { bottom:66px; }
.serviceCaseSection .content .item .top .imgHoverComponent .container .text .textContent .readmore .arrow svg path { fill:#ffffff; }
.serviceCaseSection .content .item .top .imgHoverComponent .container:hover .text .textContent .readmore .arrow svg path { fill:#713580; }
.serviceCaseSection .content .item .bottom { width:100%; }
.serviceCaseSection .content .item .bottom .imgHoverComponent .container .img { padding-bottom:100%; }
.serviceCaseSection .content .item .bottom .imgHoverComponent .container .img img { filter:grayscale(100); }
.serviceCaseSection .content .item .bottom .imgHoverComponent .container .img:hover img { filter:grayscale(0); }
.serviceCaseSection .content .item:nth-child(3n-2) .top .imgHoverComponent .container .img .greenCover { display:block; }
.serviceCaseSection .content .item:nth-child(3n-2) .top .imgHoverComponent .container .text .readmore .arrow svg path { fill:#ffffff; }
.serviceCaseSection .content .item:nth-child(3n-2) .top .imgHoverComponent .container:hover .text .readmore .arrow svg path { fill:#ffffff; }
.serviceCaseSection .content .item:nth-child(3n-2) .bottom .imgHoverComponent .container .img img { filter:grayscale(0); }
#serviceResearchPage .bannerTextComponent .container .textContent .content .subtitle { text-align:left; }
#serviceResearchPage .serviceCaseSection .item:nth-of-type(3n) .top { position:relative; }
#serviceResearchPage .serviceCaseSection .item:nth-of-type(3n) .top .line {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:60%;
  z-index:1;
  background-color:#ffffff;
}
@media (max-width: 767px) {
  .serviceCaseSection .content { display:block; }
  .serviceCaseSection .content .item { width:100%; }
  .serviceCaseSection .content .item .top .imgHoverComponent .container .img { min-height:440px; }
  .serviceCaseSection .content .item .top .imgHoverComponent .container .text .textContent .title {
    top:50px;
    font-size:26px;
  }
  .serviceCaseSection .content .item .top .imgHoverComponent .container .text .textContent .description {
    top:150px;
    width:80%;
    -webkit-line-clamp:7;
  }
  .serviceCaseSection .content .item .top .imgHoverComponent .container .text .textContent .readmore { bottom:46px; }
  .serviceCaseSection .content .item .bottom { display:none; }
  .serviceCaseSection .content .item:nth-child(3n-2) .top .imgHoverComponent .container .img .greenCover { display:none; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .serviceCaseSection .content { display:block; }
  .serviceCaseSection .content .item {
    width:100%;
    display:flex;
  }
  .serviceCaseSection .content .item .top {
    display:inline-block;
    width:65%;
  }
  .serviceCaseSection .content .item .top .imgHoverComponent .container .text .textContent .description {
    width:80%;
    max-width:unset;
  }
  .serviceCaseSection .content .item .bottom {
    display:inline-block;
    width:35%;
  }
  .serviceCaseSection .content .item .bottom .imgHoverComponent .container .img { height:100%; }
}