/* 공통 */

.s2-page-m365-faq .jb-background { padding: 100px 0px 100px 0px }
.s2-page-m365-faq .jb-background:first-child { padding: 200px 0px 100px 0px }


.s2-page-m365-faq h4 { margin: 0px 0px 60px 0px; text-align: center; font-size: 38px; font-weight: 600; }



.s2-page-m365-faq h4 .xi-check-circle { color: #30A8FB; }








/* FAQ - Toggle */
.jb-faq-q-t { margin: 0px 0px 0px 30px; font-weight: 400; cursor: pointer; font-size: 18px; }
.jb-faq-q-t p { margin: 20px auto;  }
.jb-faq-q-t:before { content: "\e918"; font-family: "xeicon"; float: left; margin: 0px 0px 0px -30px; font-size: 24px; font-weight: 700; color: #30A8FB; position: relative; top: -4px; }
.jb-faq-q-t:after { content: ""; display: block; margin: 0px 0px 0px -30px; border-bottom: 1px solid #dadada; }
.jb-faq-q-t-category { font-weight: 400; color: #9e9e9e; }
.jb-faq-q-t-category:after { content: " ㅣ "; }
.jb-faq-a-t { display: none; padding: 1px 20px; border: 1px solid #dadada; border-top-width: 0px; background-color: #ffffff; } 
.jb-faq-q-t-m:before { content: "\e91f"; }
#tinymce .jb-faq-a-t { display: block; }
.jb-faq-a-t p { font-size: 15px; font-weight: 100; }
/* FAQ - Toggle */








/* 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 */













@media ( max-width: 1280px ) {

    .s2-page-m365-faq h4 { margin: 0px 0px 60px 0px; font-size: 36px;  }

  
}














@media ( max-width: 1024px ) {


	

}










@media ( max-width: 768px ) {



}








@media ( max-width: 430px ) {



    .s2-page-m365-faq h4 { font-size: 32px;  }


.jb-faq-q-t p { font-size: 16px; }

.jb-faq-a-t p { font-size: 15px; }

}



