/* 섹션 배경 공통 */
.eduGuideSec--lawSec2,
.eduGuideSec--lawSec4{background-color: var(--clr_smWhite);}

/* 배너-법정 */
.subComBnr--law{background-image: url(/assets/img/banner/law_bnr.png);}


/* --- lawSec1 --- */
.eduGuide__gridCont--lawSec1{
  display: flex; align-items: center; justify-content: flex-start;
  row-gap: 15px; flex-direction: column; text-align: center;
}
.eduGuide__gridCont--lawSec1 span{display: inline;}


/* --- lawSec2 --- */
.eduGuideSec--lawSec2{text-align: center;}
.lawSec2__topTxt{padding: 30px 0 20px 0; border-bottom: var(--mix_brdr_btrDkr);}
.lawSec2__topTxt p:nth-child(1){margin-bottom: 6px;}
.lawSec2__bttmTxt{
  padding: 20px 15px 20px 15px;
  display: flex; align-items: center; justify-content: flex-start;
  flex-direction: column;
}
.lawSec2__bttmTxt span{margin-top: 6px; display: block;}


/* --- lawSec3 --- */
.eduGuide__gridCont--lawSec3{
  display: flex; align-items: center; justify-content: flex-start;
  flex-direction: column; text-align: center;
}
.lawSec2__gridImg{scale: 0.6;}


/* --- lawSec4 --- */
.eduGuideSec--lawSec4 .faq_list{display: grid; grid-template-columns: repeat(2, 1fr);}
.eduGuideSec--lawSec4 .faq_con{position: relative;}
.eduGuideSec--lawSec4 .faq_con .faq_a{
  position: absolute; left: 0; z-index: 10;
  /* margin-top: unset !important;  */
  width: 100%;
}
.eduGuideSec--lawSec4 .faq_con .faq_q{height: 100%;}


@media all and (max-width:767px) {
  /* --- lawSec1 --- */
  .eduGuide__gridCont--lawSec1{padding: 20px 18px;}
  .eduGuide__gridCont--lawSec1 .gridTxt--txt24Bd{font-size: 16px;}

  /* --- lawSec2 --- */
  .lawSec2__topTxt {padding: 20px 0 15px;}
  .lawSec2__topTxt p:nth-child(2){margin-bottom: 10px; line-height: 30px;}
  .lawSec2__topTxt p:nth-child(2) span{font-size: 28px;}
  .lawSec2__bttmTxt{row-gap: 10px;}

  /* --- lawSec3 --- */
  .eduGuide__gridCont--lawSec3{padding: 18px; row-gap: 10px;}

  /* --- lawSec4 --- */
  .eduGuideSec--lawSec4 .faq_list{grid-template-columns: repeat(1, 1fr); row-gap: 12px;}
  .eduGuideSec--lawSec4 .faq_con{margin-bottom: unset;}
  /* .eduGuideSec--lawSec4 .faq_con .faq_a{top: 47px;} */
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* --- lawSec1 --- */
  .eduGuide__gridCont--lawSec1{padding: 22px 10px;}
  .eduGuide__gridCont--lawSec1 .gridTxt--txt24Bd{font-size: 16px;}

  /* --- lawSec2 --- */
  .lawSec2__topTxt p:nth-child(2){margin-bottom: 12px; line-height: 30px;}
  .lawSec2__topTxt p:nth-child(2) span{font-size: 30px;}
  .lawSec2__bttmTxt{row-gap: 12px;}

  /* --- lawSec3 --- */
  .lawSec2__gridImg{scale: 0.7;}
  .eduGuide__gridCont--lawSec3{padding: 20px; row-gap: 15px;}

  /* --- lawSec4 --- */
  /* .eduGuideSec--lawSec4 .faq_con .faq_a{top: 53px;} */
  .eduGuideSec--lawSec4 .faq_list{column-gap: 20px;}
}

@media all and (min-width:1024px){
  /* --- lawSec1 --- */
  .eduGuide__gridCont--lawSec1{padding: 25px 15px; row-gap: 20px;}
  .eduGuide__gridCont--lawSec1 .gridTxt--txt24Bd{font-size: 18px;}
  .eduGuide__gridCont--lawSec1 .gridTxt--txt16Reg{font-size: 15px;}
  .eduGuide__gridCont--lawSec1 p:last-child{line-height: 23.5px;}
  .eduGuide__gridCont--lawSec1 span{display: block;}

  /* --- lawSec2 --- */
  .lawSec2__topTxt p:nth-child(2){margin-bottom: 21px; line-height: 37px;}
  .lawSec2__topTxt p:nth-child(2) span{font-size: 32px;}
  .lawSec2__bttmTxt{padding: 20px 20px 30px 20px; row-gap: 20px;}

  /* --- lawSec3 --- */
  .lawSec2__gridImg{scale: 0.8;}
  .eduGuide__gridCont--lawSec3{padding: 25px; row-gap: 20px;}
  
  /* --- lawSec4 --- */
  /* .eduGuideSec--lawSec4 .faq_con .faq_a{top: 61px;} */
  .eduGuideSec--lawSec4 .faq_list{column-gap: 24px;}
}

@media all and (min-width:1200px){
  /* --- lawSec1 --- */
  .eduGuide__gridCont--lawSec1{padding: 30px 20px;}
  .eduGuide__gridCont--lawSec1 .gridTxt--txt24Bd{font-size: 22px;}
  .eduGuide__gridCont--lawSec1 .gridTxt--txt16Reg{font-size: 16px;}

  /* --- lawSec2 --- */
  .lawSec2__topTxt p:nth-child(2) span{font-size: 36px;}

  /* --- lawSec3 --- */
  .lawSec2__gridImg{scale: 1;}
  .eduGuide__gridCont--lawSec3{padding: 30px;}
}


@media all and (min-width:1300px){
  /* --- lawSec1 --- */
  .eduGuide__gridCont--lawSec1{padding: 30px 20px;}
  .eduGuide__gridCont--lawSec1 .gridTxt--txt24Bd{font-size: 24px;}
}