/* 공통 */

.s2-page-ms-microsft-365 .jb-background { padding: 100px 0px 100px 0px }
.s2-page-ms-microsft-365 .jb-background:first-child { padding: 200px 0px 0px 0px; }

.s2-page-ms-microsft-365 h2 {margin: 0px 0px 20px 0px; text-align: center; font-size: 43px; font-weight: 600;  }
.s2-page-ms-microsft-365 h3 { margin: 0px 0px 20px 0px; text-align: center; font-size: 43px; font-weight: 600; }
.s2-page-ms-microsft-365 h4 { margin: 100px 0px 20px 0px; text-align: center; font-size: 34px; font-weight: 600; }
.s2-page-ms-microsft-365 h5 { margin: 100px 0px 20px 0px; text-align: center; font-size: 34px; font-weight: 600; }
.s2-page-ms-microsft-365 .s2-main-title { margin: 0px 0px 50px 0px; text-align: center; font-size: 43px; font-weight: 600;  }

.s2-paragraph-01 { text-align: center; font-size: 18px; line-height: 1.5; font-weight: 200; color: #212121; margin: 0px 0px 50px 0px; }

.s2-page-ms-microsft-365 .s2-paragraph-01 { text-align: center; font-size: 18px; line-height: 1.6; font-weight: 200; margin: 30px 0px 60px 0px; }
.s2-page-ms-microsft-365 .s2-paragraph-02 { text-align: center; font-size: 18px; line-height: 1.6; font-weight: 200; margin: 40px 0px 80px 0px; }

.s2-page-ms-microsft-365 .s2-paragraph-04 { font-size: 18px; line-height: 1.6; font-weight: 200; margin: 40px 0px 30px 0px; }
.s2-page-ms-microsft-365 .s2-paragraph-05 { font-size: 18px; line-height: 1.6; font-weight: 200; margin: 0px 0px 30px 0px; }




.s2-ul  { margin-top: 35px; }
.s2-ul li { position: relative; list-style: none; font-size: 16px; font-weight: 100; }
.s2-ul li::after { content: ''; position: absolute; left: -15px; top: 10px; width: 4.5px; height: 4.5px; background-color: #000000; border-radius: 50%; }


.s2-ul-02  { display: inline-block;  }
.s2-ul-margin {margin-left: 20px; }









/* Menu / Tab */

.s2-menu-tab { margin: 0px; }
.s2-menu-tab-item a { display: block; height: 100%; background-color: rgba(0,0,0,0.3); border-bottom: 1px solid #dadada; padding: 2px; line-height: 3; font-size: 16px; text-align: center; font-weight: 400; color: #ffffff; }
.s2-menu-tab-item-active a { background-color: rgba(255,255,255,0.9); color: #212121; }

@media ( min-width: 768px ) {
  .s2-menu-tab { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -52px;}
  .s2-menu-tab-item a { border-bottom: none; }
  .page-template-page_full-width-with-title .s2-menu-tab { margin: -53px 0px 0px 0px; }
  .s2-menu-tab-2 .s2-menu-tab-item { flex: 50%; text-align: center; }
  .s2-menu-tab-3 .s2-menu-tab-item { flex: 33.33333333%; text-align: center; }
  .s2-menu-tab-4 .s2-menu-tab-item { flex: 25%; text-align: center; }
  .s2-menu-tab-5 .s2-menu-tab-item { flex: 20%; text-align: center; }
}


/* Menu / Tab */







/* Office LTSC 2024 */ 

.jb-table-03 { overflow-x: auto; margin: 20px 0px 20px 0px; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); }
.jb-table-03 table { width: 100%; min-width: 700px; border-collapse: collapse; table-layout: auto; background-color: #ffffff; }
.jb-table-03 table th { padding: 15px 15px; font-size: 18px; font-weight: 400; background-color: #f98123; color: #ffffff; }
.jb-table-03 table td { padding: 20px 15px; border-bottom: 1px solid #dadada; text-align: center; }
.jb-table-03 table tr td:nth-child(1) { padding: 0px 0px 0px 10px; text-align: left; width: 58px; }
.jb-table-03 table tr td:nth-child(1) img { width: 48px; }
.jb-table-03 table tr td:nth-child(2) { width: 270px; text-align: left; font-size: 16px; }
.jb-table-03 table th:nth-child(3) { border-left: 1px solid #dadada; }
.jb-table-03 table th:nth-child(4) { border-left: 1px solid #dadada; }
.jb-table-03 table th:nth-child(5) { border-left: 1px solid #dadada; }
.jb-table-03 table tr td:nth-child(3) { border-left: 1px solid #dadada; }
.jb-table-03 table tr td:nth-child(4) { border-left: 1px solid #dadada; }
.jb-table-03 table tr td:nth-child(5) { border-left: 1px solid #dadada; }
.jb-table-03 table tr:last-child td { border-bottom: none; }

/* Office LTSC 2024 */











@media ( max-width: 1280px ) {


  .s2-page-ms-microsft-365 h3 { font-size: 38px; }
  .s2-page-ms-microsft-365 h2 { font-size: 38px; }


}


@media ( max-width: 1024px ) {



}



@media ( max-width: 768px ) {


  .s2-page-ms-microsft-365 h3 { font-size: 36px; }
  .s2-page-ms-microsft-365 h2 { font-size: 36px; }


}



@media ( max-width: 430px ) {
  

  .s2-page-ms-microsft-365 h3 { font-size: 34px; }
  .s2-page-ms-microsft-365 h2 { font-size: 34px; }


}