/* 기관소개 */
.contentBoxFi{margin:90px auto 140px;}
.contentBoxFi_h1{
  font-size: 26px; font-weight:500;
  text-align: center; margin-bottom: 20px;
}
.contentBoxFi_p{
  width: 90%;
  text-align: center; font-size: 14px;
  line-height: 18px; word-break: keep-all;
  margin: 0 auto; margin-bottom: 40px;
}
.contentBoxFi_p span{display: inline;}
.contentBoxFiInGroup{
  display: flex; flex-direction: column; align-items: center; justify-content: space-evenly;
  height: 136px;
  background-color: #d3eefd85; border-radius: 14px;
  margin-bottom:18px;
}
.contentBoxFiInGroup_tP{
  width: 100%;
  font-size: 14px; font-weight: 500;
  text-align: center; word-break: keep-all;
  color: #5a667a;
  box-sizing: border-box;
}
.contentBoxFiInGroup_cP{
  width: 85%; height: 32px; line-height: 33px; 
  background-color: #fff; border-radius: 6px;
  font-size: 16px; font-weight: 700; letter-spacing: 2px; text-align: center;
  padding-left:2.5px;
}
.contentBoxFiInGroup_cP--color-green{color:#82bf25;}
.contentBoxFiInGroup_cP--color-lBlue{color:#0091db;}
.contentBoxFiInGroup_cP--color-blue{color:#004ea2;}

.contentBoxSe{margin-bottom:120px;}
.contentBoxSe_h2{
  font-size: 22px; font-weight: 500;
  margin-bottom: 36px; text-align: center;
  word-break: keep-all;
}
.contentBoxSeInGroup{
  display: flex; align-items: center; gap: 12px;
  min-height: 78px;
  padding: 10px 14px; margin-bottom: 18px;
  box-sizing: border-box; border-radius: 12px;
  background-color: #d3eefd85;
}
.contentBoxSeInGroup_h3{
  min-width: 80px; height: 40px; line-height: 40px;
  text-align: center; font-weight: 600; font-size: small;
  letter-spacing: -0.5px;
  background-color: #fff; border-radius: 6px;
  color: #274b8e;
}
.contentBoxSeInGroup_p{
  font-size: 13px; font-weight:500;
  color: #5a667a; line-height: 16px;
  word-break: keep-all;
}
.bottomTitleBox{
  width: 85%; word-break: keep-all;
  margin: 0 auto; margin-bottom: 150px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px;
}
.bottomTitleBox_figure{width:32px; margin:0;}
.bottomTitleBox_figure img{width:100%;}
.bottomTitleBox_tP{font-size: 14px; line-height: 20px; font-weight:500; text-align: center;}
/* -- */
@media all and (min-width:480px){
  .contentBoxFi_h1{margin-bottom: 24px;}
  .contentBoxFiInGroup {flex-direction: row; justify-content: space-between; height: 78px; border-radius: 12px;}
  .contentBoxFiInGroup_tP{width: calc(50% - 45px); line-height: 18px; padding: 12px;}
  .contentBoxFiInGroup_cP{width: 90px; height: 40px; line-height: 40px; letter-spacing: 1.5px;}
  .contentBoxSeInGroup_h3 {min-width:90px;}
  .contentBoxSeInGroup_p{font-size: 14px; line-height: 18px;}
  .bottomTitleBox_tP {font-size: 15px;}
} 

@media all and (min-width:640px){
  .contentBoxFi_p{line-height: 20px;}
  .contentBoxFi_p span{display: block;}
  .contentBoxFiInGroup {height: 80px; border-radius: 50px; margin-bottom: 20px;}
  .contentBoxFiInGroup_tP{width: calc(50% - 57px); padding: 14px;}
  .contentBoxFiInGroup_cP{width: 114px; height: 50px; line-height: 50px; border-radius: 50px;}
  .contentBoxSe_h2{margin-bottom: 40px;}
  .contentBoxSeInGroup {padding: 0 16px; border-radius: 50px; gap: 18px;}
  .contentBoxSeInGroup_h3 {min-width:114px; height: 50px; line-height: 50px; font-size:15px; border-radius: 50px;}
} 
@media all and (min-width:768px){
  .contentBoxFi{margin: 120px auto 160px;}
  .contentBoxFi_h1 {font-size: 28px;}
  .contentBoxFiInGroup { height: 85px;}
  .contentBoxFiInGroup_tP{width: calc(50% - 75px); font-size: 15px;}
  .contentBoxFiInGroup_cP{width: 150px; height: 55px; line-height: 55px; font-size: 18px;}
  .contentBoxSe {margin-bottom: 160px;}
  .contentBoxSe_h2 {font-size: 24px;}
  .contentBoxSeInGroup {padding:0px 20px 0 14px; gap: 20px;}
  .contentBoxSeInGroup_h3 {min-width: 150px; height: 55px; line-height: 55px; font-size:16px;}
  .contentBoxSeInGroup_p {font-size: 15px; line-height: 20px;}
  .bottomTitleBox {flex-direction: row; margin-bottom: 160px;}
  .bottomTitleBox_figure{width: 30px;}
  .bottomTitleBox_tP {font-size: 16px;}
}


@media all and (min-width:960px){
  /* 기관소개 */
  .contentBoxFi{margin:140px auto 200px;}
  .contentBoxFi_h1{font-size: 34px; margin-bottom: 25px;}
  .contentBoxFi_p{width:100%; font-size: 16px;line-height: 22px; margin-bottom: 45px;}
  .contentBoxFiInGroup{height: 90px;}
  .contentBoxFiInGroup_tP{width: calc(50% - 93px); font-size: 17px; padding: 0px;}
  .contentBoxFiInGroup_cP{
    width: 186px; height: 62px; line-height: 62px; 
    font-size: 20px; font-weight: 800;
  }
  .contentBoxSe{margin-bottom:180px;}
  .contentBoxSe_h2{font-size: 28px; margin-bottom: 45px;}
  .contentBoxSeInGroup{height: 90px; gap: 35px; padding: 15px; margin-bottom: 20px;}
  .contentBoxSeInGroup_h3{width: 186px; height: 62px; line-height: 62px; font-size: unset;}
  .contentBoxSeInGroup_p{font-size: 16px; line-height: 24px;}
  .bottomTitleBox{width: 100%; margin-bottom: 200px; gap: 30px;}
  .bottomTitleBox_figure{width:40px;}
  .bottomTitleBox_tP{font-size: 18px; }
  /* -- */
}
@media all and (min-width:1040px){
  /* 기관소개 */
  .contentBoxFi{margin:170px auto 200px;}
  .contentBoxFi_h1{font-size: 36px;}
  .contentBoxFiInGroup_cP{font-size: 24px;}
  .bottomTitleBox_figure{width:45px; }
  .bottomTitleBox_tP{font-size: 20px; }
  /* -- */
}