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

  .subComBnr--voucher .subComBnr__img{display: flex; margin: 0 auto; width: 186px;}
  .subComBnr--voucher .subComBnr__img img{width: 100%; object-fit: cover;}


/* --- voucherSec1 --- */
.eduGuide__gridCont--voucherSec1{
  display: flex; flex-direction: column; row-gap: 20px;
  align-items: center; justify-content: center;
  text-align: center;
}
.eduGuideSec--voucherSec1 .eduGuide__btnType4{margin: 0 auto; margin-top: 20px;}
.eduGuide__gridCont--voucherSec1 .gridTxt--txt16Reg{
  line-height: 25px;
}

/* voucherSec2 */
.infoVoucher__grp{
  display: flex; align-items: center; justify-content: center;
  column-gap: 100px;
  border-bottom: 1px solid var(--mix_clr_btr);
}

.infoVoucher__grp:last-child{border-bottom: unset;}
.infoVoucher__grp p{width: 50%;}
.infoVoucher__grp p:first-child{position: relative; text-align: right;}
.infoVoucher__grp p:first-child:after{
  content: '';
  width: 1px; height: 24px;
  position: absolute;
  top: 50%; right: -50px; transform: translateY(-50%); 
  background-color: #D9D9D9;
}
.infoVoucher__grp .gridTxt--txt20Bd{line-height: 23px;}

.voucherSec2__contactInfo{
  display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 20px;
  text-align: center;
}
.voucherSec2__contactInfoCall{
  padding: 10px;
  width: 39.58%; min-width: 300px; max-width: 475px;
  display: flex; align-items: center; justify-content: center;
  gap: 12px; border-radius: 9px;
}
.voucherSec2__contactInfoCall--img{display: flex;}
.voucherSec2__contactInfoCall--img img{width: 100%; height: 100%; object-fit: cover;}

/* voucherSec3 */
.eduGuide__gridCont--voucherSec3{
  text-align: center;
  display: flex; flex-direction: column;
  align-items: center; justify-content: space-between;
  row-gap: 19px;
}

.eduGuide__gridCont--voucherSec3:nth-child(1) .voucherSec3__gridImg{width: 39px; margin-bottom: 7px;}
.eduGuide__gridCont--voucherSec3:nth-child(2) .voucherSec3__gridImg{width: 46px;}
.eduGuide__gridCont--voucherSec3:nth-child(3) .voucherSec3__gridImg{width: 40px; margin-bottom: 2px;}
.voucherSec3__gridImg{display: flex;}
.voucherSec3__gridImg img{width: 100%; height: 100%; object-fit: cover;}
.eduGuide__gridCont--voucherSec3 .gridTxt--txt16Reg{line-height: 25px; height: 44px; margin-top: 12px;}
.eduGuideSec--voucherSec3 .eduGuide__btnType4{
  padding: 15px 24.5px; margin: 0 auto; margin-top: 60px;
  border-radius: 25px;
}


/* voucherSec4 */
.guideVoucher{display: flex; flex-direction: column; row-gap: 12px;}
.guideVoucher__grp{
  display: flex; align-items: center; justify-content: flex-start;
  gap: 12px; height: fit-content;
}
.guideVoucher__cont{ border-radius: 9px; word-break: keep-all;}
.guideVoucher__cont:first-child{
  width: 120px; height: 100%; min-height: 90px;
  display: flex; align-items: center; justify-content: center;
}
.guideVoucher__cont:last-child{
  flex: 1; min-height: 90px; padding: 20px;
  display: flex; align-items: flex-start; justify-content: flex-start;
  gap: 12px;
}
.guideVoucher__grp:nth-child(1) .guideVoucher__cont--img{width: 46px;}
.guideVoucher__grp:nth-child(2) .guideVoucher__cont--img{width: 43px;}
.guideVoucher__grp:nth-child(3) .guideVoucher__cont--img{width: 42px;}
.guideVoucher__cont--img{display: flex;}
.guideVoucher__cont--img img{width: 100%; height: 100%; object-fit: cover;}
.guideVoucher__cont--txt{ display: flex; flex-direction: column; row-gap: 10px;}
.guideVoucher__cont:has(.guideVoucher__cont--txt > :only-child){
  align-items: center;
}



@media all and (max-width:767px) {
  /* section banner */
  .subComBnr--voucher .subComBnr__img{width: 134px;}

  /* voucherSec1 */
  .eduGuide__gridCont--voucherSec1{padding: 20px 10px; height: 163px; row-gap: 12px;}
  .eduGuide__gridCont--voucherSec1 .gridTxt--txt16Reg{line-height: 24px;}
  .eduGuideSec--voucherSec1 .eduGuide__btnType4{margin-bottom: 8px;}

  /* voucherSec2 */
  .infoVoucher{padding: 8px 0;}
  .infoVoucher__grp{
    padding: 12px 12px 11px 12px; row-gap: 8px;
    flex-direction: column; text-align: center;
  }
  .infoVoucher__grp p{width: 100%;}
  .infoVoucher__grp p:first-child{text-align: center;}
  .infoVoucher__grp p:first-child:after{content:none;}
  .infoVoucher__grp .gridTxt--txt20Bd{line-height: 19px;}
  .voucherSec2__contactInfo{row-gap: 12px; padding: 20px 12px; height: auto; max-height: 134px;}
  .voucherSec2__contactInfo > .eduGuide__comMnTxt {font-size: 14px; line-height: 20px;}
  .voucherSec2__contactInfoCall{width: 100%; max-width: 300px; min-width: unset; padding: 8px; height: 42px;}
  .voucherSec2__contactInfoCall--img{height: 25px;}

  /* voucherSec3 */
  .eduGuide__gridCont--voucherSec3{padding: 20px 10px; gap: 12px; height: 161px;}
  .eduGuide__gridCont--voucherSec3:nth-child(1) .voucherSec3__gridImg{width: 39px; margin-bottom: 8px;}
  .eduGuide__gridCont--voucherSec3:nth-child(2) .voucherSec3__gridImg{width: 46px;}
  .eduGuide__gridCont--voucherSec3:nth-child(3) .voucherSec3__gridImg{width: 40px; margin-bottom: unset;}
  .eduGuide__gridCont--voucherSec3 .gridTxt--txt16Reg{line-height: 22px; height: 40px; margin-top: 7px;}
  .eduGuideSec--voucherSec3 .eduGuide__btnType4{
    padding: 8px 20px; margin-top: 20px; 
    font-size: 14px; height: 32px;
  }

  /* voucherSec4 */
  .eduGuideSec--voucherSec4{padding: 40px 0 60px;}
  .guideVoucher__grp{flex-direction: column; gap: 6px;}
  .guideVoucher__cont:first-child{width: 100%; height: 84px; min-height: unset;}
  .guideVoucher__cont:last-child{
    width: 100%;
    padding: 12px; padding-bottom: 8px; text-align: center;
    flex-direction: column; align-items: center;
  }
  .guideVoucher__cont > .eduGuide__comSbTxt{line-height: 16px;}
  .guideVoucher__cont--txt{row-gap: 8px;}
  .guideVoucher__cont--txt .eduGuide__comSbTxt{line-height: 24px;  text-box-trim: trim-start;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* voucherSec1 */
  .eduGuide__gridCont--voucherSec1{padding: 24px 10px; height: 207px;}

  /* voucherSec2 */
  .infoVoucher{padding: 9px 0;}
  .infoVoucher__grp{padding: 15px;}
  .voucherSec2__contactInfo{padding: 24px;}

  /* voucherSec3 */
  .eduGuide__gridCont--voucherSec3{padding: 24px 10px;}
  .eduGuideSec--voucherSec3 .eduGuide__btnType4{font-size: 15px; height: 40px;}
  
}

@media all and (min-width:1024px){
  /* voucherSec1 */
  .eduGuide__gridCont--voucherSec1{padding: 30px 10px; height: 219px;}
  
  /* voucherSec2 */
  .infoVoucher{padding: 10px 0;}
  .infoVoucher__grp{padding: 20px;}
  .voucherSec2__contactInfo{padding: 30px; height: 153px;}

  /* voucherSec3 */
  .eduGuide__gridCont--voucherSec3{padding: 30px 10px; height: 217px;}
  .eduGuide__gridCont--voucherSec3 .gridTxt--txt16Reg{margin-top: 20px;}
  .eduGuide__gridCont--voucherSec3:nth-child(1) .voucherSec3__gridImg{width: 49px;}
  .eduGuide__gridCont--voucherSec3:nth-child(2) .voucherSec3__gridImg{width: 55px;}
  .eduGuide__gridCont--voucherSec3:nth-child(3) .voucherSec3__gridImg{width: 46px;}
  .eduGuideSec--voucherSec3 .eduGuide__btnType4{font-size:16px; height: 49px;}

  /* voucherSec4 */
  .guideVoucher__grp:nth-child(1) .guideVoucher__cont--img{width: 49px;}
  .guideVoucher__grp:nth-child(2) .guideVoucher__cont--img{width: 46px;}
  .guideVoucher__grp:nth-child(3) .guideVoucher__cont--img{width: 45px;}
}