.s2-microsoft .jb-background { padding: 100px 0px 100px 0px }


.s2-microsoft h2 {margin: 0px 0px 20px 0px; text-align: center; font-size: 48px; font-weight: 700; line-height: 1.7; }
.s2-microsoft h3 { margin: 0px 0px 0px 0px; text-align: left; font-size: 38px; font-weight: 600; }
.s2-microsoft h4 { margin: 0px 0px 50px 0px; text-align: left; font-size: 38px; font-weight: 600; }
.s2-microsoft h5 { margin: 0px 0px 25px 0px; text-align: center; font-size: 38px; font-weight: 600; }
.s2-microsoft h6 { margin: 80px 0px 0px 0px; text-align: left; font-size: 34px; font-weight: 600; }



.s2-microsoft .s2-paragraph-01 {font-size: 32px; font-weight: 600; margin-top: 100px; margin-bottom: 60px; }
.s2-microsoft .s2-paragraph-02 {font-size: 16px; font-weight: 100; margin-top: 20px; margin-bottom: 50px; text-align: left; }


.s2-microsoft .s2-paragraph-3 {font-size: 16px; font-weight: 100; margin-top: 20px;  text-align: left; }
.s2-microsoft .s2-paragraph-04 {font-size: 16px; font-weight: 100; margin-top: 10px;  text-align: left; }
.s2-microsoft .s2-paragraph-05 {font-size: 16px; font-weight: 100; margin-top: 10px; margin-bottom: 50px; text-align: left; }


.s2-microsoft .s2-paragraph-06 {font-size: 24px; font-weight: 300; margin: 20px 0px 60px 0px; text-align: center; }
.s2-microsoft .s2-paragraph-07 {font-size: 18px; font-weight: 100; margin: 20px 0px 60px 0px; text-align: center; }

.s2-microsoft .s2-grid-logo img { width: 65px; }




.s2-microsoft .s2-background-solution-01 { background-image: url( "/wp-content/uploads/exchange_server-new-bg.jpg" ); background-size: cover; background-repeat: no-repeat; background-position: center; }











.s2-grid-icon-02 { display: inline; text-align: center; }
.s2-grid-icon-02 img { width: 55px; }











.s2-microsoft .s2-grid-txt-group { padding: 20px; }
.s2-microsoft  p.s2-grid-title { margin: 0px; text-align: left; font-weight: 500; font-size: 22px; }
.s2-microsoft .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 14px; line-height: 26px; color: #212121; }




















/* 4xn .s2-grid-box-4xn-ts */

.s2-microsoft .s2-grid-box-4xn-ts { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; margin-top: 80px; }
@media ( max-width: 767px ) {
	.s2-microsoft .s2-grid-box-4xn-ts { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-microsoft .s2-grid-box-4xn-ts .s2-grid-item { text-align: center; padding: 20px 20px 10px 20px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee; background-color: #F8F8F8; }




.s2-microsoft .s2-grid-box-4xn-ts table.s2-microsoft-table .s2-grid-icon { display: inline; text-align: center; }
.s2-microsoft .s2-grid-box-4xn-ts table.s2-microsoft-table .s2-grid-icon img { width: 95px; }




.s2-microsoft .s2-grid-box-4xn-ts table.s2-microsoft-table tr td .s2-grid-title {  margin-top: 10px; text-align: center; font-weight: 300; font-size: 20px; color: #212121; }




.s2-microsoft .s2-grid-box-4xn-ts table.s2-microsoft-table .s2-grid-button-block { text-align: center;  }

.s2-microsoft .s2-grid-box-4xn-ts table.s2-microsoft-table .s2-grid-button { display: inline-block;  margin-top: 24px; font-weight: 400;  background-color: #0078D3; padding: 7px 40px; border-radius: 50px; font-size: 15px; 
}

.s2-microsoft .s2-grid-box-4xn-ts table.s2-microsoft-table .s2-grid-button a { color: #ffffff; }


.s2-microsoft .s2-grid-box-4xn-ts table.s2-microsoft-table .s2-grid-button:hover { background-color: #1A1A1A; }



/* 4xn .s2-grid-box-4xn-ts */





table.s2-microsoft-table { width: 100%; height: 100%; border-spacing: 0; border-collapse: collapse; border: none; }
table.s2-microsoft-table td { vertical-align: top; }
table.s2-microsoft-table tbody tr:nth-child(2) td { height: 100%; vertical-align: middle; }
/*table.s2-microsoft-table tbody tr:nth-child(3) td { height: 210px;; vertical-align: top; }*/
table.s2-microsoft-table tbody tr:nth-child(3) td { vertical-align: bottom; }
















/* 4xn .s2-grid-box-4xn-list */

.s2-microsoft .s2-grid-box-4xn-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; }
@media ( max-width: 767px ) {
	.s2-microsoft .s2-grid-box-4xn-list { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-microsoft .s2-grid-box-4xn-list .s2-grid-item { padding: 20px 25px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}





.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table { padding: 30px; width: 100%; height: 100%; border-spacing: 0; border-collapse: collapse;  }

.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table td { vertical-align: middle; }

.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table tbody tr:nth-child(2) td { height: 100%; vertical-align: middle; }

.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table tbody tr:nth-child(3) td { height: 73px; vertical-align: top; }

.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table tbody tr:nth-child(4) td { height: 80px; vertical-align: bottom; }




.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table .s2-grid-icon { display: inline; text-align: center; }
.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table .s2-grid-icon img { width: 47px; }




.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table tr td .s2-grid-title {  margin-top: 10px; text-align: center; font-weight: 500; font-size: 24px; color: #212121; }



.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table tr td .s2-grid-text {  margin-top: 20px; text-align: center; font-weight: 100; font-size: 14px; color: #212121; }




.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table .s2-grid-button-block { text-align: center;  }

.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table .s2-grid-button { display: inline-block;  margin-top: 24px; font-weight: 400;  background-color: #0078D3; padding: 7px 40px; border-radius: 50px; font-size: 15px; 
}

.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table .s2-grid-button a { color: #ffffff; }


.s2-microsoft .s2-grid-box-4xn-list table.s2-microsoft-table .s2-grid-button:hover {  background-color: #1A1A1A; }



/* 4xn .s2-grid-box-4xn-list */


















/* M365 비지니스 */

.s2-microsoft .jb-table-c { overflow-x: auto; margin: 60px 0px 20px 0px; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); }
.s2-microsoft .jb-table-c table { width: 100%; min-width: 950px; border-collapse: collapse; border-top: none; }
.s2-microsoft .jb-table-c table td { padding: 15px 10px; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; font-weight: 400;}

.s2-microsoft .jb-table-c table td:nth-child(1) { border-left: none; text-align: left; width: 180px; }
.s2-microsoft .jb-table-c table td:nth-child(2) { width: 180px; text-align: center; }

.s2-microsoft .jb-table-c table tr:first-child td { background-color: #66CCFF; color: #ffffff; font-size: 18px; padding: 15px;}



.s2-microsoft .jb-table-c table tr { background-color: #ffffff; }
.s2-microsoft .jb-table-c table tr:last-child td { border-bottom: none; }



.s2-microsoft .jb-table-c .s2-table-check td { font-size: 17px; background-color: #f8f8f8; color: #212121; font-weight: 500;  }
.s2-microsoft .jb-table-c .s2-table-check-02 td { font-size: 14px; background-color: #f8f8f8; color: #212121; font-weight: 600;  }



.s2-microsoft .jb-table-c td { font-size: 14px; }
.s2-microsoft .jb-table-c td p { display: inline-block; margin: 0px; }
.s2-microsoft .jb-table-c td a { font-size: 14px; color: #3366ff; background-color: #F8F8F8; border-radius: 10px; padding: 0px 6px; font-weight: 300; margin-left: 3px; }
.s2-microsoft .jb-table-c .s2-table-check td i { font-weight: 600; color: #66CCFF; margin-right: 5px; }

/* M365 비지니스*/


















/* M365 비지니스 */

.s2-microsoft .jb-table-b { overflow-x: auto; margin: 60px 0px 20px 0px; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); }
.s2-microsoft .jb-table-b table { width: 100%; min-width: 950px; border-collapse: collapse; border-top: none; }
.s2-microsoft .jb-table-b table td { padding: 15px 10px; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; text-align: center; font-weight: 400;}

.s2-microsoft .jb-table-b table td:nth-child(1) { width: 600px; border-left: none; text-align: left; }

.s2-microsoft .jb-table-b table tr:first-child td { background-color: #A6D154; color: #ffffff; font-size: 20px; padding: 15px;}



.s2-microsoft .jb-table-b table tr { background-color: #ffffff; }
.s2-microsoft .jb-table-b table tr:last-child td { border-bottom: none; }



.s2-microsoft .jb-table-b .s2-table-check td { font-size: 17px; background-color: #f8f8f8; color: #212121; font-weight: 500;  }
.s2-microsoft .jb-table-b .s2-table-check-02 td { font-size: 14px; background-color: #f8f8f8; color: #212121; font-weight: 600;  }



.s2-microsoft .jb-table-b td { font-size: 14px; }
.s2-microsoft .jb-table-b td p { display: inline-block; margin: 0px; }
.s2-microsoft .jb-table-b td a { font-size: 14px; color: #3366ff; background-color: #F8F8F8; border-radius: 10px; padding: 0px 6px; font-weight: 300; margin-left: 3px; }
.s2-microsoft .jb-table-b .s2-table-check td i { font-weight: 600; color: #A6D154; margin-right: 5px; }

/* M365 비지니스*/











.s2-ul  { margin-top: 25px; }
.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; }

.s2-table-reference { padding: 20px 25px; margin-top: 60px; border: 1px solid #cccccc;  }
.s2-table-reference p { font-size: 14px; font-weight: 300; }

.s2-teams { font-weight: 500; font-size: 18px; color: #02AAE9; }






















/* .s2-grid-box-2x1-02 */

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

.s2-microsoft .s2-grid-box-2x1-02 .s2-grid-item-mt { padding: 50px 40px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-microsoft .s2-grid-box-2x1-02 .s2-grid-title { margin-top: 0px; text-align: center; font-weight: 600; font-size: 30px; color: #212121; }

.s2-microsoft .s2-grid-box-2x1-02 .s2-grid-title-img img { width: 230px; margin-top: 40px; }


.s2-microsoft .s2-grid-group-mt { margin-top: 40px;  }

.s2-microsoft .s2-grid-box-2x1-02 .s2-grid-group-mt .s2-grid-title-mt {  text-align: center; font-weight: 300; font-size: 20px; color: #212121; }
.s2-microsoft .s2-grid-box-2x1-02 .s2-grid-group-mt .s2-grid-text {  margin-top: 10px; text-align: left; font-weight: 100; font-size: 16px; color: #212121; }



/* .s2-grid-box-2x1-02 */










/* .s2-grid-box-2x1-03 */


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

.s2-microsoft .s2-grid-box-2x1-03 .s2-grid-item-mt { padding: 50px 40px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-microsoft .s2-grid-box-2x1-03 .s2-grid-title { margin-top: 0px; text-align: center; font-weight: 600; font-size: 30px; color: #212121; }

.s2-microsoft .s2-grid-box-2x1-03 .s2-grid-title-img img { width: 300px; margin-top: 40px; }


.s2-microsoft .s2-grid-group-mt { margin-top: 40px;  }

.s2-microsoft .s2-grid-box-2x1-03 .s2-grid-group-mt .s2-grid-title-mt {  text-align: center; font-weight: 300; font-size: 20px; color: #212121; }




.s2-microsoft .s2-grid-box-2x1-03 .s2-grid-group-mt .s2-grid-text {  margin-top: 10px; text-align: left; font-weight: 100; font-size: 14px; color: #212121; }



.s2-microsoft .s2-grid-box-2x1-03 .s2-grid-group-mt .s2-ul { margin: 20px 0px 0px 0px; list-style: square; }
.s2-microsoft .s2-grid-box-2x1-03 .s2-grid-group-mt .s2-ul li { color: #434343; font-weight: 100; position: relative; list-style: none; }

.s2-ul li::after { content: ''; position: absolute; left: -15px; top: 10px; width: 4.5px; height: 4.5px; background-color: #000000; border-radius: 50%; }



/* .s2-grid-box-2x1-03 */













/* .s2-grid-box-2x1-04 */


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

.s2-microsoft .s2-grid-box-2x1-04 .s2-grid-item-mt { padding: 50px 40px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-microsoft .s2-grid-box-2x1-04 .s2-grid-title { margin-top: 0px; text-align: center; font-weight: 600; font-size: 30px; color: #212121; }

.s2-microsoft .s2-grid-box-2x1-04 .s2-grid-title-img img { width: 300px; margin-top: 40px; }



.s2-microsoft .s2-grid-box-2x1-04 .s2-grid-item-group { margin-top: 15px; }


.s2-microsoft .s2-grid-box-2x1-04 .s2-2x1-04-title { font-weight: 500; font-size: 18px; }



.s2-microsoft .s2-grid-box-2x1-04 .s2-2x1-04-text-01 { font-weight: 400; font-size: 16px; }


.s2-microsoft .s2-grid-box-2x1-04 .s2-2x1-04-text-02 { font-weight: 100; font-size: 14px; }

.s2-microsoft .s2-grid-box-2x1-04 .s2-2x1-04-text-03 { margin-top: 40px; font-weight: 400; font-size: 16px; }



.s2-microsoft .s2-grid-box-2x1-04 .s2-grid-group-mt .s2-ul { margin: 20px 0px 0px 0px; list-style: square; }
.s2-microsoft .s2-grid-box-2x1-04 .s2-grid-group-mt .s2-ul li { color: #434343; font-weight: 100; position: relative; list-style: none; }

.s2-microsoft .s2-grid-box-2x1-04 .s2-ul li::after { content: ''; position: absolute; left: -15px; top: 10px; width: 4.5px; height: 4.5px; background-color: #000000; border-radius: 50%; }





/* .s2-grid-box-2x1-04 */















/* .s2-grid-box-2x1-05 */

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

.s2-microsoft .s2-grid-box-2x1-05 .s2-grid-item-mt { padding: 50px 40px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-microsoft .s2-grid-box-2x1-05 .s2-grid-title { margin-top: 0px; text-align: center; font-weight: 600; font-size: 30px; color: #212121; }

.s2-microsoft .s2-grid-box-2x1-05 .s2-grid-title-img img { width: 300px; margin-top: 40px; }



.s2-microsoft .s2-grid-box-2x1-05 .s2-grid-item-group { margin-top: 15px; }



.s2-microsoft .s2-grid-box-2x1-05 .s2-2x1-05-title { font-weight: 500; font-size: 18px; }

.s2-microsoft .s2-grid-box-2x1-05 .s2-2x1-05-text { font-weight: 100; font-size: 14px; }



/* .s2-grid-box-2x1-05 */


















/* 2xn */

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

.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 { background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-microsoft .s2-grid-box-2xn-g .s2-grid-txt-group { padding: 20px; }


.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 .s2-grid-icon { font-size: 65px; font-weight: 700; color: #30A8FB; }
.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 .s2-grid-img { margin: 0px; }


.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: left; font-weight: 500; font-size: 22px; }
.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 14px; line-height: 26px; color: #212121; }



.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 .s2-grid-ul li { position: relative; list-style: none; font-size: 14px; font-weight: 100; }
.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 .s2-grid-ul li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; }



/* 2xn */








/* 4xn */

.s2-microsoft .s2-grid-box-4xn-ex { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; }
@media ( max-width: 767px ) {
	.s2-microsoft .s2-grid-box-4xn-ex { grid-template-columns: 1fr 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 { background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-txt-group { padding: 20px; }





.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 .s2-grid-icon { font-size: 65px; font-weight: 700; color: #30A8FB; }
.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 .s2-grid-img { margin: 0px; }


.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: left; font-weight: 500; font-size: 22px; }
.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 14px; line-height: 26px; color: #212121; }



.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 .s2-grid-ul li { position: relative; list-style: none; font-size: 14px; font-weight: 100; }
.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 .s2-grid-ul li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; }



/* 4xn */








/* 2xn */

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

.s2-microsoft .s2-grid-box-2xn-ex .s2-grid-item-01 { background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-microsoft .s2-grid-box-2xn-ex .s2-grid-txt-group { padding: 20px; }





.s2-microsoft .s2-grid-box-2xn-ex .s2-grid-item-01 .s2-grid-icon { font-size: 65px; font-weight: 700; color: #30A8FB; }
.s2-microsoft .s2-grid-box-xn-ex .s2-grid-item-01 .s2-grid-img { margin: 0px; }


.s2-microsoft .s2-grid-box-2xn-ex .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: left; font-weight: 500; font-size: 22px; }
.s2-microsoft .s2-grid-box-2xn-ex .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 14px; line-height: 26px; color: #212121; }



.s2-microsoft .s2-grid-box-2xn-ex .s2-grid-item-01 .s2-grid-ul li { position: relative; list-style: none; font-size: 14px; font-weight: 100; }
.s2-microsoft .s2-grid-box-2xn-ex .s2-grid-item-01 .s2-grid-ul li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; }



/* 2xn */






















/* 4xn */

.s2-microsoft .s2-grid-box-4xn-g { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; }
@media ( max-width: 767px ) {
	.s2-microsoft .s2-grid-box-4xn-g { grid-template-columns: 1fr 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 { background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-microsoft .s2-grid-box-4xn-g .s2-grid-txt-group { padding: 20px; }





.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 .s2-grid-icon { font-size: 65px; font-weight: 700; color: #30A8FB; }
.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 .s2-grid-img { margin: 0px; }


.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: left; font-weight: 500; font-size: 22px; }
.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 14px; line-height: 26px; color: #212121; }



.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 .s2-grid-ul li { position: relative; list-style: none; font-size: 14px; font-weight: 100; }
.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 .s2-grid-ul li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; }



/* 4xn */












@media ( max-width: 1280px ) {

	.s2-microsoft .s2-grid-box-2x1-main-02 .s2-column-content-main-02 .s2-title { font-size: 34px; }
	.s2-microsoft .s2-grid-box-2x1-main .s2-column-content-main-02 .s2-title { font-size: 34px; }
	.s2-microsoft h3 { font-size: 34px; }
	.s2-microsoft h4 { font-size: 34px; }
	.s2-microsoft h6 { font-size: 34px; }
	.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 p.s2-grid-title { font-size: 20px; }
	.s2-microsoft p.s2-grid-title { font-size: 20px; }
	.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 p.s2-grid-title { font-size: 20px; }
	.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 p.s2-grid-title { font-size: 20px; }
	
	.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 p.s2-grid-title br,
	.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 p.s2-grid-title br { display: none; }
	.s2-microsoft .s2-grid-box-3xn-icon table.s2-mm-table tr td .s2-grid-title { font-size: 18px; }
  
}

@media ( max-width: 1024px ) {


}

@media ( max-width: 767px ) {

	.s2-microsoft .s2-grid-box-2x1-main-02 .s2-column-content-main-02 .s2-title { font-size: 30px; }
	.s2-microsoft .s2-grid-box-2x1-main .s2-column-content-main-02 .s2-title { font-size: 30px; }
	.s2-microsoft h3 { font-size: 30px; }
	.s2-microsoft h4 { font-size: 30px; }
	.s2-microsoft h6 { font-size: 30px; }
	.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 p.s2-grid-title { font-size: 18px; }
	.s2-microsoft p.s2-grid-title { font-size: 18px; }
	.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 p.s2-grid-title { font-size: 18px; }
	.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 p.s2-grid-title { font-size: 18px; }
	
	.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 p.s2-grid-title br,
	.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 p.s2-grid-title br,
	.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 p.s2-grid-title br { display: none; }
	.s2-microsoft .s2-grid-box-3xn-icon table.s2-mm-table tr td .s2-grid-title { font-size: 16px; }

	.s2-microsoft .s2-grid-box-2x1-main .s2-column-content-main-01 img { width: auto; }
	.s2-microsoft .s2-grid-box-2x1-main-02 .s2-column-content-main-01 img { width: auto;}
	.s2-microsoft .s2-grid-box-4xn-ex .s2-grid-item-01 .s2-grid-img img { width: 100%;}
	.s2-microsoft .s2-grid-box-2xn-g .s2-grid-item-01 .s2-grid-img img { width: 100%;}
	.s2-microsoft .s2-grid-box-4xn-g .s2-grid-item-01 .s2-grid-img img { width: 100%;}

}


@media ( max-width: 430px ) {
	
	.s2-microsoft h2 {font-size: 42px;}
	.s2-microsoft h5 {font-size: 38px;}
	.s2-microsoft .s2-grid-box-2x1-02 .s2-grid-title {font-size: 30px;}
	.s2-microsoft .jb-background { padding: 80px 0px 80px 0px }

	.s2-microsoft .s2-grid-box-4xn-g { grid-template-columns: 1fr; }
	.s2-microsoft .s2-grid-box-4xn-ex { grid-template-columns: 1fr; }
	.s2-microsoft .s2-grid-box-2xn-g { grid-template-columns: 1fr; }

}