@charset "utf-8";



/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {
.inner{width:calc(100% - 120px); margin:0 auto;}
.serviceCntTxt {bottom:24px; right:32px;}
.serviceCntImg3 {right:32px; top:24px;}
#history .wdf.wAs.wJb {--visible: 1.4;}
.newsGrid{
    grid-template-columns:repeat(3,1fr);
    grid-template-areas:
      "A A B"
      "A A B"
      "D E H";
  }
  .newsF,
  .newsG{ display:none; }
.newsArrow {bottom:24px; right:10px;}
.newsTit {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all; }
.newsSubTxt {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all; }
.caseGrid {row-gap: 24px;}

}      




/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
.inner{width:calc(100% - 40px); margin:0 auto;} 
.serviceCntTxt {bottom:16px; right:20px;}
.serviceCntImg3 {right:20px; top:16px;}
.contactModalClose span {width: 20px; height: 2px;}
#history .wdf.wAs.wJb {--visible: 2;}
.newsGrid{
    grid-template-columns:1fr;
    grid-template-areas:
      "A"
      "B"
      "D"
      "E"
      "H"
      "F"
      "G";
  }
  .newsF,
  .newsG{ display:block; }
  .newsArrow {bottom:16px; right:2px;}
  .newsTit {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all; }
.newsSubTxt {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all; }



}