.s2-ms-technical-support-group-main { padding: 0px 30px; display: flex; justify-content: space-between; align-items: flex-end; margin-top: -64px;  }

.s2-ms-technical-support-group-main p { display: inline-block; }
.s2-ms-technical-support-group-main-title { font-size: 56px; font-weight: 600; line-height: 1.3; }
.s2-ms-technical-support-group-main-text { text-align: right; font-weight: 300; font-size: 18px; line-height: 1.5;}

   
   
 
.s2-ms-color { color: #0089d0; font-size: 63px; }




/* Solution */
.s2-page-ms-technical-support_02 .jb-background { padding: 0px 0px 100px 0px; }
.s2-page-ms-technical-support_02 .jb-background h1 { font-size: 46px; font-weight: 600; text-align: center; margin-bottom: 30px; }

.s2-page-ms-technical-support_02 .jb-background .s2-column-content-title-03 { margin-bottom: 70px; font-size: 18px; font-weight: 300; text-align: center; }


.s2-page-ms-technical-support_02 .jb-background h2 { font-size: 46px; font-weight: 600; text-align: center; margin-bottom: 100px; }
.s2-page-ms-technical-support_02 .jb-background h2 .s2-span-color-01 { color: #2fa0d9; }
.s2-page-ms-technical-support_02 .jb-background h2 .s2-span-color-02 { color: #217cc0; }


.s2-page-ms-technical-support_02 .jb-background h3 { font-size: 35px; font-weight: 600; text-align: left; margin-bottom: 50px; }
.s2-page-ms-technical-support_02 .jb-background h4 { font-size: 35px; font-weight: 600; text-align: center; margin-bottom: 50px; }
.s2-page-ms-technical-support_02 .jb-background h5 { font-size: 35px; font-weight: 600; text-align: center; margin-bottom: 50px; }


.s2-page-ms-technical-support_02 .jb-background-margin-top { margin: 130px 0px 40px 0px; }
.s2-page-ms-technical-support_02 .jb-background-margin-top-02 { margin: 0px 0px 100px 0px; }
.s2-page-ms-technical-support_02 .jb-background-margin-middle { margin: 120px 0px 0px 0px; }
.s2-page-ms-technical-support_02 .jb-background-margin-bottom { margin: 120px 0px 50px 0px; }
.s2-page-ms-technical-support_02 .s2-group-img { width: auto; height: 100px; margin: 50px auto; }









/*.s2-grid-box-3x1-ms 컨설팅 및 구축서비스*/

.s2-grid-box-3x1-ms { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 25px; grid-row-gap: 30px; }
@media ( max-width: 767px ) {
.s2-grid-box-3x1-ms { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; grid-column-gap: 25px; grid-row-gap: 30px; }
}




.s2-grid-box-3x1-ms .s2-grid-item { background-color: #ffffff; padding: 0px 20px; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }

.s2-grid-box-3x1-ms .s2-grid-item-01 { border-top: 4px solid  #217cc0; }
.s2-grid-box-3x1-ms .s2-grid-item-02 { border-top: 4px solid #7bb22a; }
.s2-grid-box-3x1-ms .s2-grid-item-03 { border-top: 4px solid  #23a5df; }


.s2-grid-title-ms { margin: 0px 0px 0px 0px; text-align: center; font-weight: 600; font-size: 24px; line-height: 1.5; }
.s2-grid-text-ms { font-weight: 300; margin-bottom: 30px; }


.s2-grid-box-3x1-ms .s2-grid-item-01 .s2-grid-title-ms {  color: #217cc0;  }
.s2-grid-box-3x1-ms .s2-grid-item-02 .s2-grid-title-ms {  color: #7bb22a;  }
.s2-grid-box-3x1-ms .s2-grid-item-03 .s2-grid-title-ms {  margin: 0px 0px 0px 0px; text-align: center; font-weight: 600; font-size: 24px; line-height: 1.5; color:  #23a5df; }

/*.s2-grid-box-3x1-ms 건설팅 및 구축 서비스*/






/*.s2-grid-box-2x3-msts 건설팅 및 구축 서비스*/

.s2-grid-box-2x3-msts { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; margin-top: 60px; }
@media ( max-width: 767px ) {
  .s2-grid-box-2x3-msts { grid-template-columns: 1fr; grid-template-rows: 1fr; }
}




.s2-grid-box-2x2-msts .s2-grid-item { padding: 35px 35px; border: 1px solid #dadada; background-color: #ffffff;}
.s2-grid-box-2x3-msts .s2-grid-item { padding: 35px 35px; border: 1px solid #dadada; background-color: #ffffff;}
.s2-grid-title-msts { font-size: 26px; font-weight: 300; }
.s2-grid-text-msts { font-size: 15px; font-weight: 100; color: #686a70;}
.s2-grid-text-msts li { position: relative; list-style: none; }
.s2-grid-text-msts li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; }

/*.s2-grid-box-2x3-msts 건설팅 및 구축 서비스*/





/* Column - Flex */
@media ( min-width: 768px ) {
	.s2-column-flex-container-bc { margin: 0px -10px; display: flex; flex-wrap: wrap; }
	.s2-column-flex-container-bc02 { margin: 0px -10px; display: flex; flex-wrap: wrap; align-items: center; }
	.s2-column-flex-item-1-2 { padding: 0px 10px; flex-basis: 50%; max-width: 50%; }
}
@media ( min-width: 1024px ) {
	.s2-column-flex-container-bc { margin: 0px -20px; }
	.s2-column-flex-container-bc02 { margin: 0px -20px; }
	.s2-column-flex-item-1-2 { padding: 0px 20px; }
}
/* Column - Flex */




.s2-column-flex-item-1-2 ul {list-style: square;}

.s2-column-flex-item-box-bc { height: 100%; padding: 0px; border: 1px solid #cccccc; }

.padding-zero { margin: 0px; }

.s2-ahnlab-ts-group-01 { margin: 30px 25px; }

.s2-3hat-group-bc {margin: 30px 0px 10px 0px;}

.s2-check-icon { width: 17px; margin-right: 5px; }



.s2-grid-title-alts { font-weight: 600; font-size: 24px; }

.s2-grid-text-alts { font-size: 15px; font-weight: 100; color: #686a70;}
.s2-grid-text-alts li { position: relative; list-style: none; }
.s2-grid-text-alts li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; }

.s2-ms-ts-group-01 { margin: 30px 25px; }






.s2-paragraph-ms-01 { text-align: center; font-size: 20px; font-weight: 100; line-height: 1.5; margin: 0px 0px 40px 0px; }




.s2-grid-line-table-2x2-recruit { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
@media ( max-width: 767px ) {
	.s2-grid-line-table-2x2-recruit { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; }
}



.s2-grid-line-table-2x2-recruit .s2-grid-item { padding: 0px 20px; border-bottom: 1px solid #dddddd; background-color: #ffffff; }



.s2-grid-line-table-2x2-recruit .s2-grid-item:nth-child( 1 ),
.s2-grid-line-table-2x2-recruit .s2-grid-item:nth-child( 2 ) { border-top: 3.5px solid #6a8ec6; }
	.s2-grid-line-table-2x2-recruit .s2-grid-item:nth-child( 3 ),
  .s2-grid-line-table-2x2-recruit .s2-grid-item:nth-child( 4 ) {}



@media ( max-width: 767px ) {
	.s2-grid-line-table-2x2-recruit .s2-grid-item { padding: 0px 0px; border-bottom: 4px solid #cccccc; }
	.s2-grid-line-table-2x2-recruit .s2-grid-item:nth-child( 5 ),
  .s2-grid-line-table-2x2-recruit .s2-grid-item:nth-child( 6 ) { border-bottom: 4px solid #cccccc;}
  .s2-grid-line-table-2x2-recruit .s2-grid-item:nth-child( 1 ) { border-bottom: none;}
  .s2-grid-line-table-2x2-recruit .s2-grid-item:last-child {border-bottom: none;}
  
  .s2-grid-line-table-2x2-recruit .s2-grid-item-table-cell-img-recruit-03 { padding: 0px 0px 0px 0px; }
  .s2-grid-line-table-2x2-recruit .s2-grid-item-table-cell-text-recruit-03 {padding: 20px 10px 20px 10px;}
 

}




.s2-grid-item-table-recruit { display: table; width: 100%; height: 100%; }
.s2-grid-item-table-row-recruit { display: table-row; }
.s2-grid-item-table-cell-img-recruit { display: table-cell; vertical-align: top; padding: 20px 20px 20px 20px; width: 20%; }
.s2-grid-item-table-cell-text-recruit { display: table-cell; vertical-align: top; padding: 20px 20px 20px 20px; width: 80%; }


.s2-grid-item-table-cell-title-recruit { display: table-cell; vertical-align: top; padding: 20px 0px 20px 20px; width: 15%; font-weight: 400; font-size: 22px; text-align: left; color: #0C4DA2; }
.s2-grid-item-table-cell-text02-recruit { display: table-cell; vertical-align: top; padding: 20px 20px 20px 0px; width: 85%; }

.s2-grid-item-table-cell-img-recruit-03 { display: table-cell; vertical-align: top; padding: 20px 0px 20px 0px; width: 20%; }
.s2-grid-item-table-cell-text-recruit-03 { display: table-cell; vertical-align: top; padding: 35px 0px 40px 40px; width: 80%; }


.s2-grid-title-recruit-02 { margin: 10px 0px 10px 0px; font-weight: 500; font-size: 22px; text-align: left; color: #212121; }


.s2-grid-line-table-2x2-recruit ul { margin: 0px; }
.s2-grid-line-table-2x2-recruit ul li { position: relative; list-style: none; font-weight: 300; font-size: 16px; }
.s2-grid-line-table-2x2-recruit ul li::before { content: ''; position: absolute; left: -15px; top: 13px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; } 



























/*.s2-grid-box-3x1-msts-02 */

.s2-grid-box-3x1-msts-02 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 25px; grid-row-gap: 30px; }
@media ( max-width: 767px ) {
  .s2-grid-box-3x1-msts-02 { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; grid-column-gap: 25px; grid-row-gap: 30px; }
}




.s2-grid-box-3x1-msts-02 .s2-grid-item {
  background-color: #ffffff;
  padding: 30px;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;



  /* ✅ transition은 기본 상태에 */
  transition: background-color 0.5s, color 0.5s;
}

/* 텍스트도 부드럽게 */
.s2-grid-box-3x1-msts-02 .s2-grid-text-m365 {
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
  transition: color 0.5s;
}

/* 1번 박스 */
.s2-grid-box-3x1-msts-02 .s2-grid-item-01 {
  border-top: 4px solid #217cc0;
}
.s2-grid-box-3x1-msts-02 .s2-grid-item-01:hover {
  background-color: #217cc0;
}
.s2-grid-box-3x1-msts-02 .s2-grid-item-01:hover .s2-grid-text-m365 {
  color: #fff;
}

/* 2번 박스 */
.s2-grid-box-3x1-msts-02 .s2-grid-item-02 {
  border-top: 4px solid #7bb22a;
}
.s2-grid-box-3x1-msts-02 .s2-grid-item-02:hover {
  background-color: #7bb22a;
}
.s2-grid-box-3x1-msts-02 .s2-grid-item-02:hover .s2-grid-text-m365 {
  color: #fff;
}

/* 3번 박스 */
.s2-grid-box-3x1-msts-02 .s2-grid-item-03 {
  border-top: 4px solid #23a5df;
}
.s2-grid-box-3x1-msts-02 .s2-grid-item-03:hover {
  background-color: #23a5df;
}
.s2-grid-box-3x1-msts-02 .s2-grid-item-03:hover .s2-grid-text-m365 {
  color: #fff;
}

/*.s2-grid-box-3x1-msts-02 */








/*.s2-grid-box-2x3-msts-02*/

.s2-grid-box-2x3-msts-02 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; }
@media ( max-width: 767px ) {
  .s2-grid-box-2x3-msts-02 { grid-template-columns: 1fr; grid-template-rows: 1fr; }
}



.s2-grid-box-2x3-msts-02 .s2-grid-item { border: 1px solid #dadada; background-color: #ffffff;}
.s2-grid-title-msts-02 { font-size: 24px; font-weight: 300; color: #ffffff; background-color: #217cc0; text-align: center; display: block; margin: 0px; padding: 10px; }
.s2-grid-title-msts-02-1 { font-size: 24px; font-weight: 500; color: #ffffff; background-color: #7bb22a; text-align: center; display: block; margin: 0px; padding: 10px; }
.s2-grid-text-msts-02 { font-size: 15px; font-weight: 100; color: #686a70;}
.s2-grid-box-2x3-msts-02 .s2-grid-item .s2-grid-text-msts-padding { padding: 20px 35px; }
.s2-grid-text-msts-02 li { position: relative; list-style: none; }
.s2-grid-text-msts-02 li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; }

/*.s2-grid-box-2x3-msts-02*/







/* Technical Support Service - Clients */
.s2-support-column-wrap-clients { display: flex; flex-wrap: wrap; margin: 40px -10px 0px -10px; }
.s2-support-column-wrap-clients .s2-support-column { flex-basis: 20%; max-width: 20%; flex-grow: 0; flex-shrink: 0; margin: 10px 0px; padding: 0px 10px; }
.s2-clients-table { border: 1px solid #eeeeee; box-shadow: 1px 1px 10px #eeeeee; position: relative; background-color: #ffffff; }
.s2-clients-table-cell-logo { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 10px 10px; }
.s2-clients-table-cell-logo p { margin: 0px; }
.s2-clients-table-cell-text { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 10px 20px; background-color: #ffffff; background-color: rgba(255,255,255,0.95); opacity: 0; transition: all 0.2s ease; }
.s2-clients-table-cell-text:hover { opacity: 1; }
.s2-clients-table-cell-text p { width: 100%; margin: 10px 0px 0px 0px; text-align: center; font-size: 16px; font-weight: 400; }
.s2-clients-table-cell-text p:after { content: ""; display: block; width: 25px; border-top: 2px solid #1F4787; margin: 8px auto 8px auto; }
.s2-clients-table-cell-text ul { width: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-size: 13px; font-weight: 100; color: #555555; }
.s2-clients-table-cell-text ul li { list-style-type: none; }
@media ( max-width: 1024px ) {
  .s2-clients-table-cell-text { display: none; }
}
@media ( max-width: 767px ) {
  .s2-support-column-wrap-clients .s2-support-column { flex-basis: 50%; max-width: 50%; }
}
/* Technical Support Service - Clients */







@media ( max-width: 1023px ) {
	.s2-grid-box-1x1-display {display: none;}
	.s2-support-column-display {display: block;}
}


@media ( max-width: 768px ) {
 .s2-ms-technical-support-group-main-text { width: 300px; font-size: 14px; }
 .s2-ms-technical-support-group-main-text br { display: none; }
 .s2-ms-color { font-size: 55px; }
 .s2-ms-technical-support-group-main-title { font-size: 47px; }
 .s2-ms-technical-support-group-main { padding: 0px 20px; display: flex; justify-content: space-between; align-items: flex-end; margin-top: -50px;  }
 .container-02 { display: none;}
}

@media ( max-width: 480px ) {
 .jb-has-header-background h2.jb-content-title {font-size: 28px;}
 .s2-ms-technical-support-group-main-text { width: 100%; font-size: 14px; text-align: left; }
 .s2-ms-technical-support-group-main-text br { display: none; }
 .s2-ms-color { font-size: 40px; }
 .s2-ms-technical-support-group-main-title { font-size: 32px; }
 .s2-ms-technical-support-group-main { padding: 0px 20px; display: block; margin-top: -50px;  }
}