/* 공통 */

.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 60px 0px; text-align: center; font-size: 43px; font-weight: 600; }
.s2-page-ms-microsft-365 h3 .s2-span { font-size: 36px; font-weight: 500; }
.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 0px 0px; }
.s2-page-ms-microsft-365 .s2-paragraph-05 { font-size: 18px; line-height: 1.6; font-weight: 200; margin: 10px 0px 0px 0px; }



.s2-ul  { margin-top: 40px; }
.s2-ul li { position: relative; list-style: none; font-size: 15px; font-weight: 100; margin-bottom: 10px; }
.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 */








/* 데스크톱 버전 앱	웹/모바일 버전 앱	온라인 서비스	고급 보안 기능	최대 사용자 수 */

.jb-table-02 { overflow-x: auto; margin: 20px 0px 20px 0px; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); }
.jb-table-02 table { width: 100%; min-width: 950px; border-collapse: collapse; }

.jb-table-02 table td { padding: 10px 10px; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; text-align: center; font-weight: 400; }

.jb-table-02 table td:nth-child(1) { width: 300px; border-left: none; text-align: left; color: #212121; }
.jb-table-02 table td:last-child { color: #212121; }

.jb-table-02 table tr:first-child td { background-color: #02AAE9; color: #ffffff; font-size: 18px; padding: 15px; border-bottom: none; }
.jb-table-02 table tr { background-color: #ffffff; }
.jb-table-02 table tr:last-child td { border-bottom: none; }

.jb-table-02 table td img { margin: 10px 0px; }


.s2-table-check td { font-size: 16px; color: #333333; }
.s2-table-check td i { font-weight: 600; color: #02AAE9; margin-right: 5px; }

.s2-table-check-02 td { font-size: 16px; color: #333333; }
.s2-table-check-02 td i { font-weight: 600; color: #3B65A9; margin-right: 8px; }

/* 데스크톱 버전 앱	웹/모바일 버전 앱	온라인 서비스	고급 보안 기능	최대 사용자 수 */















@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; }


}