/* 공통 */

.s2-page-m365-copilot .jb-background { padding: 100px 0px 100px 0px }
.s2-page-m365-copilot h1 {margin: 0px 0px 20px 0px; text-align: center; font-size: 46px; font-weight: 700; line-height: 1.7; color: #ffffff; }
.s2-page-m365-copilot h2 {margin: 0px 0px 20px 0px; text-align: center; font-size: 60px; font-weight: 700; line-height: 1.7; }
.s2-page-m365-copilot h3 { margin: 0px 0px 20px 0px; text-align: center; font-size: 38px; font-weight: 600; }
.s2-page-m365-copilot h4 { margin: 0px 0px 50px 0px; text-align: left; font-size: 42px; font-weight: 600; }
.s2-page-m365-copilot h5 { margin: 0px 0px 20px 0px; text-align: left; font-size: 42px; font-weight: 600; }
.s2-page-m365-copilot h6 { margin: 0px 0px 20px 0px; text-align: left; font-size: 38px; font-weight: 600; }




.s2-page-m365-copilot .s2-paragraph-05 { text-align: left; font-size: 18px; line-height: 1.8; font-weight: 100; margin: 0px 0px 50px 0px; }
.s2-page-m365-copilot .s2-paragraph-06 { text-align: center; font-size: 30px; line-height: 1.8; font-weight: 500; margin: 40px 0px 40px 0px; color: #ffffff;}
.s2-page-m365-copilot .s2-paragraph-07 {font-size: 24px; font-weight: 300; margin: 20px 0px 0px 0px; text-align: center; }

.s2-page-m365-copilot .s2-number { text-align: left; font-size: 24px; font-weight: 600; margin: 0px 0px 20px 0px; color: #1A59C3;}




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






/* 3x1 */

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

.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 { padding: 30px 35px 50px 35px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover { background-color: #30A8FB; transition: 0.5s; }


.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-01 { font-size: 65px; font-weight: 700; color: #797979; }
.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-02 { font-size: 65px; font-weight: 700; color: #2389E8; }
.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-03 { font-size: 65px; font-weight: 700; color: #1F4787; }

.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: left; font-weight: 600; font-size: 30px; }
.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 16px; line-height: 26px; color: #212121; }


.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-icon-01 { color: #ffffff; }
.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-icon-02 { color: #ffffff; }
.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-icon-03 { color: #ffffff; }

.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover p.s2-grid-title { color: #ffffff; }
.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-txt { color: #ffffff; }

/* 3x1 */














/* 2xn */

.s2-page-m365-copilot .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-page-m365-copilot .s2-grid-box-2xn-g { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-m365-copilot .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-page-m365-copilot .s2-grid-box-2xn-g .s2-grid-txt-group { padding: 20px 30px; }


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


.s2-page-m365-copilot .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-page-m365-copilot .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-page-m365-copilot .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-page-m365-copilot .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 */














/* M365 비지니스 */

.s2-page-m365-copilot .jb-table-b { overflow-x: auto; margin: 20px 0px 20px 0px; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); }
.s2-page-m365-copilot .jb-table-b table { width: 100%; min-width: 950px; border-collapse: collapse; border-top: none; }
.s2-page-m365-copilot .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-page-m365-copilot .jb-table-b table td:nth-child(1) { width: 600px; border-left: none; text-align: left; }
.s2-page-m365-copilot .jb-table-b table tr:first-child td { background-color: #02AAE9; color: #ffffff; font-size: 20px; padding: 15px;}
.s2-page-m365-copilot .jb-table-b table tr:nth-child(2) td { border-bottom: none;}
.s2-page-m365-copilot .jb-table-b table tr { background-color: #ffffff; }
.s2-page-m365-copilot .jb-table-b table tr:last-child td { border-bottom: none; }



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



.s2-page-m365-copilot .jb-table-b td { font-size: 14px; }
.s2-page-m365-copilot .jb-table-b td p { display: inline-block; margin: 0px; }
.s2-page-m365-copilot .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-page-m365-copilot .jb-table-b .s2-table-check td i { font-weight: 600; color: #02AAE9; margin-right: 5px; }

/* M365 비지니스*/














/* M365 엔터프라이즈 */

.s2-page-m365-copilot .jb-table-c { overflow-x: auto; margin: 20px 0px 20px 0px; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); }
.s2-page-m365-copilot .jb-table-c table { width: 100%; min-width: 950px; border-collapse: collapse; border-top: none; }
.s2-page-m365-copilot .jb-table-c table td { padding: 15px 10px; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; text-align: center; font-weight: 400;}
.s2-page-m365-copilot .jb-table-c table td:nth-child(1) { width: 600px; border-left: none; text-align: left; }
.s2-page-m365-copilot .jb-table-c table tr:first-child td { background-color: #3B65A9; color: #ffffff; font-size: 20px; padding: 15px;}
.s2-page-m365-copilot .jb-table-c table tr:nth-child(2) td { border-bottom: none;}
.s2-page-m365-copilot .jb-table-c table tr { background-color: #ffffff; }
.s2-page-m365-copilot .jb-table-c table tr:last-child td { border-bottom: none; }



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



.s2-page-m365-copilot .jb-table-c td { font-size: 14px; }
.s2-page-m365-copilot .jb-table-c td p { display: inline-block; margin: 0px; }
.s2-page-m365-copilot .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-page-m365-copilot .jb-table-c .s2-table-check td i { font-weight: 600; color: #3B65A9; 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; }






















/* FAQ - Toggle */

.s2-page-m365-copilot .jb-faq-q-t { margin: 0px 0px 0px 30px; font-weight: 400; cursor: pointer; font-size: 18px; }
.s2-page-m365-copilot .jb-faq-q-t p { margin: 20px auto;  }

.s2-page-m365-copilot .jb-faq-q-t:before { content: "\e918"; font-family: "xeicon"; float: left; margin: 0px 0px 0px -30px; font-size: 24px; font-weight: 700; color: #02AAE9; position: relative; top: -4px; }
.s2-page-m365-copilot .jb-faq-q-t:after { content: ""; display: block; margin: 0px 0px 0px -30px; border-bottom: 1px solid #dadada; }
.s2-page-m365-copilot .jb-faq-q-t-category { font-weight: 400; color: #9e9e9e; }
.s2-page-m365-copilot .jb-faq-q-t-category:after { content: " ㅣ "; }
.s2-page-m365-copilot .jb-faq-a-t { display: none; padding: 1px 20px; border: 1px solid #dadada; border-top-width: 0px; background-color: #ffffff; } 
.s2-page-m365-copilot .jb-faq-q-t-m:before { content: "\e91f"; }
#tinymce .jb-faq-a-t { display: block; }
.s2-page-m365-copilot .jb-faq-a-t p { font-size: 16px; font-weight: 100; }

.s2-page-m365-copilot .jb-faq-a-t ul li { font-weight: 100;
    position: relative;
    list-style: none;
font-size: 14px; }
.s2-page-m365-copilot .jb-faq-a-t ul li::after { content: '';
    position: absolute;
    left: -15px;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #000000;
    border-radius: 50%; }

/* FAQ - Toggle */





















/* 3xn */

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

.s2-page-m365-copilot .s2-grid-box-3xn-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-page-m365-copilot .s2-grid-box-3xn-g .s2-grid-txt-group { padding: 20px; }





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


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



.s2-page-m365-copilot .s2-grid-box-3xn-g .s2-grid-item-01 .s2-grid-ul li { position: relative; list-style: none; font-size: 14px; font-weight: 100; }
.s2-page-m365-copilot .s2-grid-box-3xn-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%; }



/* 3xn */























/* 3xn */

.s2-page-m365-copilot .s2-grid-box-3xn-ahnlab { margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; }
@media ( max-width: 767px ) {
	.s2-page-m365-copilot .s2-grid-box-3xn-ahnlab { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-m365-copilot .s2-grid-box-3xn-ahnlab .s2-grid-item-01 { padding: 55px 35px 50px 35px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-page-m365-copilot .s2-grid-box-3xn-ahnlab .s2-grid-item-01:hover { background-color: #F4F8FC; transition: 0.5s; }


.s2-page-m365-copilot .s2-grid-box-3xn-ahnlab .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: left; font-weight: 600; font-size: 24px; }
.s2-page-m365-copilot .s2-grid-box-3xn-ahnlab .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 16px; line-height: 26px; color: #212121; }


.s2-page-m365-copilot .s2-grid-box-3xn-ahnlab .s2-grid-item-01:hover p.s2-grid-title { color: #1A59C3; }
.s2-page-m365-copilot .s2-grid-box-3xn-ahnlab .s2-grid-item-01:hover .s2-grid-txt { color: #1A59C3; }

/* 3xn */








.s2-home-01-background-solution-02 { padding-top: 1px; background-image: url( "/wp-content/uploads/microsoft365-copilot-bg-02.png" ); background-size: cover; background-repeat: no-repeat; background-position: center; }











@media ( max-width: 1280px ) {

	.s2-page-m365-copilot h2 {font-size: 45px;  }
	.s2-page-m365-copilot h3 { font-size: 38px; }
	.s2-page-m365-copilot h4, 
	.s2-page-m365-copilot h5 { font-size: 38px; }

	
}

@media ( max-width: 1024px ) {

	.s2-page-m365-copilot h2 {font-size: 38px;  }
	.s2-page-m365-copilot h3 { font-size: 36px; }
	.s2-page-m365-copilot h4, 
	.s2-page-m365-copilot h5 { font-size: 36px; }

	

}

@media ( max-width: 768px ) {

	.s2-page-m365-copilot h2 {font-size: 34px;  }
	.s2-page-m365-copilot h3 { font-size: 34px; }
	.s2-page-m365-copilot h4, 
	.s2-page-m365-copilot h5 { font-size: 34px; }


}

@media ( max-width: 430px ) {

	.s2-page-m365-copilot h2 {font-size: 34px;  }
	.s2-page-m365-copilot h3 { font-size: 32px; }
	.s2-page-m365-copilot h4, 
	.s2-page-m365-copilot h5 { font-size: 32px; }
	.s2-page-m365-copilot .s2-paragraph-07 { font-size: 18px; }
	.s2-page-m365-copilot .s2-paragraph-05 { font-size: 16px; }
	.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-01,
	.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-02,
	.s2-page-m365-copilot .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-03 { font-size: 50px; }
 
}