/* 섹션 배경 공통 */
.eduGuideSec--workSec2,
.eduGuideSec--workSec4{background-color: var(--clr_smWhite);}
/* 배너-내배카 */
.subComBnr--work{background-image: url(/assets/img/banner/work24_bnr.png);}


/* --- workSec1 --- */
.workSec1__contactInfo{
  text-align: center;
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; row-gap: 20px;
}
.workSec1__contactInfoCall{
  padding: 10px; width: 39.58%; max-width: 475px;
  display: flex; align-items: center; justify-content: center;
  gap: 12px; border-radius: 9px;
}
.workSec1__contactInfoCall--img{display: flex; margin: 0 auto;}
.workSec1__contactInfoCall--img img{width: 100%; height: 100%; object-fit: cover;}

/* --- workSec2 --- */
.eduGuide__gridCont--workSec2{
  text-align: center;
  display: flex; align-items: center; justify-content: center; row-gap: 20px; flex-direction: column;
}

.eduGuideSec--workSec2 .eduGuide__grid--g4{padding-bottom: 30px;}
.eduGuide__gridContWrap:has(.eduGuide__gridCont--workSec2) .eduGuide__btnType1{margin: auto; margin-top: 20px;}
.workSec2__gridImg{scale: 0.7;}


/* --- workSec3 --- */
.courseFlow{display: flex; flex-direction: column; row-gap: 30px;}
.courseFlow__grp--txt{ 
  display: flex; align-items: center; justify-content: flex-start;
  column-gap: 12px; padding: 20px; border-radius: 9px;
}


/* --- workSec4 --- */
.courseDrop{display: flex; flex-direction: column; row-gap: 30px;}
.courseDrop__grp--txt{
  display: flex; align-items: center; justify-content: flex-start; column-gap: 12px;
  padding: 18px 20px; margin-bottom: 12px; border-radius: 9px;
} 
.courseDrop__grp--txt:last-child{margin-bottom: unset;}
.courseDrop__grp--txt p:first-child{
  font-weight: 400; padding: 0 8px;
  background-color: var(--clr_pale_red); color: var(--clr_deep_red);
  width: auto; height: 23px; line-height: 24px; border-radius: 6px;
}
.eduGuide__gridCont--workSec4{
  display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 12px;
  text-align: center; padding: 20px; border-radius: 9px;
}



@media all and (max-width:767px) {
  /* --- workSec1 --- */
  .workSec1__contactInfo{padding: 20px 12px; row-gap: 12px; max-height: 134px;}
  .workSec1__contactInfoCall{width: 100%; max-width: 300px; height: 42px; padding: 8px;}
  .workSec1__contactInfoCall--img{height: 25px;}

  /* --- workSec2 --- */
  .eduGuide__gridCont--workSec2{padding:18px; row-gap: 15px; height: 155px;}
  /* .eduGuide__gridContWrap:has(.eduGuide__gridCont--workSec2) .eduGuide__btnType1{margin-top: 10px;} */
  .eduGuide__gridContWrap:has(.eduGuide__gridCont--workSec2) .eduGuide__btnType1{margin-bottom: 8px;}

  /* --- workSec3 --- */
  .courseFlow__grp--txt{padding: 18px;}

  /* --- workSec4 --- */
  .eduGuide__gridCont--workSec4{padding: 18px; flex-direction: row; justify-content: flex-start; column-gap: 12px;}
  .courseDrop__grp--txt{padding: 16px 18px;}
  .courseDrop__grp--txt p:first-child{font-size: 11px;}
  .workSec4__gridTxt{display: inline;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* --- workSec1 --- */
  .workSec1__contactInfo{padding: 24px;}

  /* --- workSec2 --- */
  .eduGuide__gridCont--workSec2{padding: 25px 20px;}
  /* .eduGuide__gridCont--workSec2{height: calc(100% - 44px);} */

  /* --- workSec4 --- */
  .courseDrop__grp--txt p:first-child{font-size: 12px;}
}

@media all and (min-width:1024px){
  /* --- workSec1 --- */
  .workSec1__contactInfo{padding: 30px; height: 153px;}

  /* --- workSec2 --- */
  .eduGuide__gridCont--workSec2{padding: 30px 21px; height: calc(100% - 46px);}
  .workSec2__gridImg{scale: 0.8;}

  /* --- workSec4 --- */
  .courseDrop__grp--txt p:first-child{font-size: 14px;}
}

@media all and (min-width:1200px){
  /* --- workSec2 --- */
  .workSec2__gridImg{scale: 1;}
}