/* 기관소개 / 과정특징 공통 */
*{box-sizing: border-box; letter-spacing: -0.5px; word-break: keep-all;}

/* 텍스트 공통 */
.cmpnyCrs__comTxt{margin-bottom: 48px; text-align: center;}

.cmpnyCrs__comMnTit,
.cmpnyCrs__comMnTxt,
.cmpnyCrs__comSbTit,
.cmpnyCrs__comSbTxt{color: var(--clr_black_mn);}

.cmpnyCrs__comMnTit{font-weight: 700; margin-bottom: 20px;}
.cmpnyCrs__comMnTxt{font-weight: 700;}
.cmpnyCrs__comSbTit{font-weight: 700;}
.cmpnyCrs__comSbTxt{font-weight: 400; line-height: 21px;}

.cmpnyCrs__comMnTxt span{display: block;}

.cmpnyCrs__comTxt--bd{font-weight: 700;}
.cmpnyCrs__comTxt--reg{font-weight: 400;}
.cmpnyCrs__comTxt--blu{color: var(--clr_blue);}
.cmpnyCrs__comTxt--gr{color: var(--clr_black_ex);}

:root {
	--clr_sprt:#3DD31A; /* spirit */
	--clr_pss:#0080FF; /*  passion  */
	--clr_emt:#474DFF; /* emotion*/
}

/* 그리드 공통 */
.cmpnyCrs__grid{display: grid; gap: 24px;}
.cmpnyCrs__grid--g2{grid-template-columns: repeat(2, 1fr);}
.cmpnyCrs__grid--g3{grid-template-columns: repeat(3, 1fr);}
.cmpnyCrs__grid--g4{grid-template-columns: repeat(4, 1fr);}


/* 배경 공통 */
.cmpnyCrs__comBox--wt,
.cmpnyCrs__comBox--gr{border-radius: 18px;}
.cmpnyCrs__comBox--wt{background-color: #fff; border: 2px solid var(--mix_clr_dkr);}
.cmpnyCrs__comBox--gr{background-color: var(--clr_smWhite); border: var(--mix_brdr_btrDkr); border-radius: 18px;}


.cmpnyCrsMain{padding-bottom: 160px;}
.cmpnyCrsMain .subComWrap{min-height: unset !important; margin-bottom: unset;}


/* 배너 */
.subComBnr--cmpnyCrs{background-image: url(/assets/img/banner/cmpnyCrs_bnr.png);}


/* 섹션 1 공통 */
.cmpnyCrsImgTxt{display: flex; align-items: center; justify-content: center;}
.cmpnyCrsImgTxt__txt{flex: 1;}
.cmpnyCrsImgTxt .cmpnyCrs__comMnTit{line-height: 33px;}
.cmpnyCrsImgTxt:has(.cmpnyCrs__comSbTit) .cmpnyCrs__comMnTit{margin-bottom: 16px;}
.cmpnyCrsImgTxt:not(:has(.cmpnyCrs__comMnTxt)) .cmpnyCrs__comMnTit{line-height: 33px; margin-bottom: 20px;}
.cmpnyCrsImgTxt .cmpnyCrs__comMnTxt{line-height: 29px; margin-bottom: 30px;}
.cmpnyCrsImgTxt .cmpnyCrs__comSbTit span{display: inline;}


/* ------------- 기관소개 ------------- */
/* --- cmpnyInfo section1 --- */
.cmpnyInfoSec1{margin-top: 82px;}
.cmpnyInfoSec1__corpld{margin-top: 108.6px;}
.corpldValue{margin-bottom: 24px;}
.corpldValue__grp{
  text-align: center;
  padding: 26.5px 20px 20.5px;
  position: relative;
  display: flex; align-items: center; justify-content: center;
}
.corpldValue__grp--tit{
  position: absolute; left: 50%; transform:translateX(-50%);
  padding: 0 28.5px; background-color: #fff;
}
.corpldValue__grp--tit::before,
.corpldValue__grp--tit::after{
  content: ''; width: 42px; height: 3px;
  position: absolute;
  top: 50%; transform: translateX(-50%);
  border-radius: 25px;
}
.corpldValue__grp--tit::before{left: -20.5px;}
.corpldValue__grp--tit::after{right: -63px;}
.corpldValue__grp--txt{line-height: 22px;}
.corpldValue__grp:nth-child(1) .corpldValue__grp--tit::before,
.corpldValue__grp:nth-child(1) .corpldValue__grp--tit::after{background-color: var(--clr_sprt);}
.corpldValue__grp:nth-child(2) .corpldValue__grp--tit::before,
.corpldValue__grp:nth-child(2) .corpldValue__grp--tit::after{background-color: var(--clr_pss);}
.corpldValue__grp:nth-child(3) .corpldValue__grp--tit::before,
.corpldValue__grp:nth-child(3) .corpldValue__grp--tit::after{background-color: var(--clr_emt);}

.corpldSpirit{display: flex; flex-direction: column; row-gap: 24px;}
.corpldSpirit__grp{display: flex; align-items: center; padding: 20px 0;}
.corpldSpirit__grp--tit{
  position: relative;
  max-width: 480px; min-width: 152px;
  text-align: center;
}
.corpldSpirit__grp--tit::after{
  content: ''; width: 3px; height: 26px;
  position: absolute; top: 50%; right: 0; transform: translateY(-50%);
  border-radius: 25px;
}
.corpldSpirit__grp:nth-child(1) .corpldSpirit__grp--tit{color: var(--clr_sprt);}
.corpldSpirit__grp:nth-child(2) .corpldSpirit__grp--tit{color: var(--clr_pss);}
.corpldSpirit__grp:nth-child(3) .corpldSpirit__grp--tit{color: var(--clr_emt);}
.corpldSpirit__grp:nth-child(4) .corpldSpirit__grp--tit{color: var(--clr_joy);}

.corpldSpirit__grp:nth-child(1) .corpldSpirit__grp--tit::after{background-color: var(--clr_sprt);}
.corpldSpirit__grp:nth-child(2) .corpldSpirit__grp--tit::after{background-color: var(--clr_pss);}
.corpldSpirit__grp:nth-child(3) .corpldSpirit__grp--tit::after{background-color: var(--clr_emt);}
.corpldSpirit__grp--txt{padding: 0 36px;}

/* --- cmpnyInfo section2 --- */
.cmpnyInfoSec2{margin-top: 161px;}
.hrdSlt__grp{
  text-align: center; 
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; max-height: 190px; height: fit-content;
}

/* --- cmpnyInfo section3 --- */
.cmpnyInfoSec3{margin-top: 60px;}
.hrdSltDtl .subComWrap{
  display: flex; align-items: center; justify-content: space-between;
  flex-direction: row;
  padding: 25px 0; row-gap: 24px;
}
.hrdSltDtl:nth-child(even) .subComWrap{flex-direction: row-reverse; }
.hrdSltDtl:nth-child(odd){background-color: var(--clr_smWhite);}
.hrdSltDtl__img{border-radius: 18px; overflow: hidden;}
.hrdSltDtl__txt{flex: 1;}

.hrdSltDtl:nth-child(odd) .hrdSltDtl__txt{text-align: right;}
.hrdSltDtl:nth-child(even) .hrdSltDtl__txt{text-align: left;}

.hrdSltDtl__txt .cmpnyCrs__comSbTxt{margin-bottom: 8px; line-height: 19px;}
.hrdSltDtl__txt .cmpnyCrs__comMnTxt{margin-bottom: 15px; line-height: 29px;}
.hrdSltDtl__txt .cmpnyCrs__comSbTxt{line-height: 22px;}
.hrdSltDtl__txt .cmpnyCrs__comSbTxt span{display: block;}
/* ------------------------------------------- */


/* ------------- 과정특징 ------------- */
/* --- crsFeSec section1 --- */
.crsFeSec1{margin-top: 105px;}


/* --- crsFeSec section2 --- */
.crsFeSec2{margin-top: 126px;}
.crclmType__grp{
  padding: 45.6px 20px 34px; text-align: center;
  display: flex; align-items: center; justify-content: flex-start;
  row-gap: 35px; flex-direction: column;
}


/* --- crsFeSec section3 --- */
.crsFeSec3{margin-top: 115px;}
.crclmStrgy__grp{
  display: flex; align-items: center; 
  column-gap: 24px; row-gap: 24px;
  overflow: hidden;
}
.crclmStrgy__grp--img img{width: 100%; height: 100%; object-fit: cover;}
.crclmStrgy__grp--txt{flex: 1;}
.crclmStrgy__grp--txt .cmpnyCrs__comSbTit{line-height: 30px; margin-bottom: 12px;}
.crclmStrgy__grp--txt .cmpnyCrs__comSbTxt{line-height: 22px;}
/* ------------------------------------------- */


@media all and (max-width:767px){
  section:not(.subComBnr--cmpnyCrs){margin-top: 80px !important;}

  /* 텍스트 공통 */
  .cmpnyCrs__comTxt{margin-bottom: 30px;}
  .cmpnyCrs__comMnTit{font-size: 20px; line-height: 20px;}
  .cmpnyCrs__comMnTxt{font-size: 17px; line-height: 24px;}
  .cmpnyCrs__comSbTit{font-size: 15px; line-height: 22px;}
  .cmpnyCrs__comSbTxt{font-size: 14px;}
  .cmpnyCrs__comMnTxt span{display: inline;}

  /* 그리드 공통 */
  .cmpnyCrs__grid{gap: 15px;}   
  .cmpnyCrs__grid--g2{grid-template-columns: repeat(1, 1fr);}
  .cmpnyCrs__grid--g3{grid-template-columns: repeat(1, 1fr);}
  .cmpnyCrs__grid--g4{grid-template-columns: repeat(2, 1fr);}

  /* 배경 공통 */
  .cmpnyCrs__comBox--wt,
  .cmpnyCrs__comBox--gr{border-radius: 9px;}

  /* 배너 공통 */
  .subComBnr--cmpnyCrs .subComBnr__mnTit{line-height: 40px;}

  /* 섹션 1 공통 */
  .cmpnyCrsImgTxt__img{width:40%; max-width: 180px;}
  .cmpnyCrsImgTxt{flex-direction: column; row-gap: 40px; text-align: center;}
  .cmpnyCrsImgTxt .cmpnyCrs__comMnTit{line-height: 26px; margin-bottom: 15px;}
  .cmpnyCrsImgTxt .cmpnyCrs__comMnTxt{line-height: 24px;}
  .cmpnyCrsImgTxt:not(:has(.cmpnyCrs__comMnTxt)) .cmpnyCrs__comMnTit{line-height: 26px; margin-bottom: 20px;}

  .cmpnyCrsImgTxt .cmpnyCrs__comSbTit{line-height: 24px;}
  

  /* ------------- 기관소개 ------------- */
  /* - cmpnyInfo section1 - */
  .cmpnyInfoSec1__corpld{margin-top: 50px;}
  .corpldValue{margin-bottom: 50px;}
  .corpldValue__grp--tit{top: -12.6px;}
  .corpldValue__grp--tit::before, .corpldValue__grp--tit::after {
    height: 2.2px;
  }
  .corpldSpirit{row-gap: 15px;}
  .corpldSpirit__grp{flex-direction: column; text-align: center;}
  .corpldSpirit__grp--tit{width: 100%;}
  .corpldSpirit__grp--tit::after{
    top: unset; right: unset; left: 50%; bottom: -34.8px;
    transform: translateY(-50%) rotate(90deg); width: 2.2px;
  }
  .corpldSpirit__grp{padding: 20px 0; gap: 20px;}
  .corpldSpirit__grp--txt{padding: 0 20px;}
  
  /* - cmpnyInfo section2 - */
  .hrdSlt__grp{padding: 25px 15px; row-gap: 15px;}
  .hrdSlt__grp img{scale:0.8;}
  
  /* - cmpnyInfo section3 - */
  .hrdSltDtl .subComWrap{flex-direction: column !important;}

  .hrdSltDtl:nth-child(odd) .hrdSltDtl__txt{margin-right: unset; text-align: center;}
  .hrdSltDtl:nth-child(even) .hrdSltDtl__txt{margin-left: unset; text-align: center;}
  .hrdSltDtl__img{border-radius: 9px; width: 80%; max-width: 400px;}
  .hrdSltDtl__txt .cmpnyCrs__comMnTxt{line-height: 24px;}


  /* ------------- 과정특징 ------------- */
  /* - crsFeSec section2 - */
  .crclmType__grp{padding: 25px 15px; row-gap: 15px;}
  .crclmType__grp img{scale: 0.8;}

  /* - crsFeSec section3 - */
  .crclmStrgy__grp{flex-direction: column; row-gap: 25px; padding-bottom: 20px; height: fit-content;}
  .crclmStrgy__grp--img{width: 100%; height: 40%; max-height: 140px; overflow: hidden;}
  .crclmStrgy__grp--txt{text-align: center; padding: 10px;}
  .crclmStrgy__grp--txt .cmpnyCrs__comSbTit{line-height: 21px;}
}


@media (min-width: 768px) and (max-width: 1023px){
  section:not(.subComBnr--cmpnyCrs){margin-top: 100px !important;}

  /* 텍스트 공통 */
  .cmpnyCrs__comMnTit{font-size: 24px; line-height: 30px;}
  .cmpnyCrs__comMnTxt{font-size: 18px; line-height: 28px;}
  .cmpnyCrs__comSbTit{font-size: 17px; line-height: 26px;}

  /* 그리드 공통 */
  .cmpnyCrs__grid{gap: 18px;}

  /* 배너 공통 */
  .subComBnr--cmpnyCrs .subComBnr__mnTit{line-height: 48px;}

  /* 섹션 1 공통 */
  .cmpnyCrsImgTxt__img{width:25%; max-width: 240px;}
  .cmpnyCrsImgTxt{column-gap: 60px;}
  .cmpnyCrsImgTxt:not(:has(.cmpnyCrs__comMnTxt)) .cmpnyCrs__comMnTit{margin-bottom: 30px;}


  /* ------------- 기관소개 ------------- */
  /* - cmpnyInfo section1 - */
  .corpldValue__grp--tit{padding: 0 22.5px; top: -15.6px;}
  .corpldSpirit{row-gap: 18px;}
  .corpldSpirit__grp--tit{width: 22%; }

  /* --- cmpnyInfo section3 --- */
  .hrdSlt__grp{padding: 30px 20px; row-gap: 18px;}
  .hrdSlt__grp img{scale:0.9;}
  .hrdSltDtl__img{width: 45%; max-width: 400px;}

  /* ------------- 과정특징 ------------- */
  /* - crsFeSec section2 - */
  .crclmType__grp {padding: 30px 20px; row-gap: 18px;}
  .crclmType__grp img{scale: 0.9;}
  
  /* - crsFeSec section3 - */
  .crclmStrgy__grp{column-gap: 30px; height: fit-content;}
  .crclmStrgy.cmpnyCrs__grid--g2{grid-template-columns: repeat(1, 1fr);}    
  .crclmStrgy__grp--img {max-width: 230px}
}


@media all and (min-width:1024px){
  /* 텍스트 공통 */
  .cmpnyCrs__comMnTit{font-size: 26px;}
  .cmpnyCrs__comMnTxt{font-size: 24px;}
  .cmpnyCrs__comSbTit{font-size: 20px; line-height: 28px;}
  .cmpnyCrs__comSbTxt{font-size: 16px; line-height: 24px;}
  .cmpnyCrs__comSbTxt span{display: block;}

  /* 배너 공통 */
  .subComBnr--cmpnyCrs .subComBnr__mnTit{line-height: 52px;}

  /* 섹션 1 공통 */
  .cmpnyCrsImgTxt{column-gap: 74px;}
  .cmpnyCrsImgTxt .cmpnyCrs__comMnTxt{margin-bottom: 48px;}
  .cmpnyCrsImgTxt:not(:has(.cmpnyCrs__comMnTxt)) .cmpnyCrs__comMnTit{margin-bottom: 48px;}
  .cmpnyCrsImgTxt .cmpnyCrs__comSbTit{line-height: 32px;}
  .cmpnyCrsImgTxt .cmpnyCrs__comSbTit span{display: block;}


  /* ------------- 기관소개 ------------- */
  /* --- cmpnyInfo section1 --- */
  .cmpnyInfoSec1 .cmpnyCrsImgTxt{padding: 0 74px 0 50px;}
  .corpldValue__grp{padding: 36.5px 20px 27.5px;}
  .corpldSpirit__grp--tit{width: 26%; }
  .corpldValue__grp--tit{top: -16px;}
  .corpldValue__grp--txt span{display: block;}
  
  /* --- cmpnyInfo section3 --- */
  .hrdSlt__grp{padding: 54.5px 36px 36px; row-gap: 32.4px;}
  .hrdSlt__grp img{scale:1;}
  .hrdSltDtl:nth-child(odd) .hrdSltDtl__txt{margin-right: 60px;}
  .hrdSltDtl:nth-child(even) .hrdSltDtl__txt{margin-left: 60px;}
  .hrdSltDtl__img{width: 40%; max-width: 500px;}
  .hrdSltDtl__txt .cmpnyCrs__comMnTxt{margin-bottom: 24px; }

  /* ------------- 과정특징 ------------- */
  /* --- crsFeSec section1 --- */
  .crsFeSec1 .cmpnyCrsImgTxt{padding: 0 74px 0 67px;}

  /* --- crsFeSec section2 --- */
  .crclmType__grp {padding: 45.6px 20px 34px; row-gap: 35px;}
  .crclmType__grp .cmpnyCrs__comSbTit {line-height: 30px;}
  .crclmType__grp .cmpnyCrs__comSbTit span{display: block;}

  /* --- crsFeSec section3 --- */
  .crclmStrgy__grp--img{max-width: 160px; height: 100%;}
  .crclmStrgy__grp--txt{padding: 16px 24px 16px 0;}
}

@media all and (min-width:1200px){
  /* 텍스트 공통 */
  .cmpnyCrs__comMnTit{font-size: 28px;}
  .cmpnyCrs__comMnTxt span,
  .cmpnyCrs__comSbTit span{display: block;}

  /* ------------- 기관소개 ------------- */
  /* --- cmpnyInfo section1 --- */
  .corpldSpirit__grp--tit{width: 34%;}

  /* ------------- 과정특징 ------------- */
  /* --- crsFeSec section3 --- */ 
  .crclmStrgy__grp--img{max-width: 200px; }
  .crclmStrgy__grp--txt{padding: 20px 24px 20px 0;}
}


@media all and (min-width:1400px){
  /* ------------- 기관소개 ------------- */
  /* --- cmpnyInfo section3 --- */
  .hrdSltDtl__img{width: auto; max-width: unset;} 

  /* ------------- 과정특징 ------------- */
  /* --- crsFeSec section3 --- */ 
  .crclmStrgy__grp--img{max-width: unset; height: auto;}
  .crclmStrgy__grp--txt{padding: 0px 24px 0px 0;}
}