@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');

body#hr_index .current_menu li:nth-child(2) a,
body#hr_working .current_menu li:nth-child(3) a,
body#hr_process .current_menu li:nth-child(4) a,
body#hr_program .current_menu li:nth-child(5) a {
   font-family: 'NunitoSans-bold', 'notokr-medium', sans-serif;
   color: #000;
}
body.us_hr #contents_body.sub_page #sub_contents_container {
   padding:0 0 150px 0;
   background: transparent !important;
}
body.us_hr .depth_page_ti_wrap .writing_ti_en {
   padding-bottom: 0;
   line-height: 1.18em;
   letter-spacing: 0.02em !important;
}
body.us_hr .hr_con01 > div p {
   margin-bottom: 25px;
}
body.us_hr .hr_con01 > div p:last-child {
   margin-bottom: 0;
}
body.us_hr .writing_ti_en br {
   display: none;
}
body#hr_program.us_hr .writing_ti_en br {
   display: block;
}
.myBtn_wrap {
   display: none;
}
.hr_index {
   float: left;
   margin: 0 30px 30px 0;
   width: 26.3%;
}
.hr_index img {
   width:100%;
   height: auto;
}
.hr_working {
   float: left;
   margin: 0 30px 30px 0;
   width: calc(50% - 15px);
}
.hr_working img {
   width:100%;
   height: auto;
}
.headline_en {
   font-size: 23px;
   color: #000;
   margin-bottom: 12px;
   font-family: 'NunitoSans-bold', 'notokr-bold', sans-serif;
   letter-spacing: 0.02em;
}
body#hr_program .headline_en {
   margin-bottom: 25px;
}
.hr_working_box {
   display: grid;
   gap: 30px;
   grid-template-columns: 1fr 1fr
}
.hr_working_box.single {
   display: grid;
   grid-template-columns: 1fr;
}
.hr_working_box > div {
   border:2px solid #ff595a;
   background-color:#fff;
   padding: 70px;
   text-align: center;
}
.hr_working_box > div.program {
   padding: 70px 130px;
}
.hr_working_box.single > div {
   border:2px solid #000;
}
.hr_working_box.single > div.red_line {
   border:2px solid #ff595a;
}

ul.hrti_box li.ti {
   color:#ea0029;
   font-size: 26px;
   font-family: 'Libre Baskerville', serif;
   font-weight: 700;
   letter-spacing: 0.01em;
   margin-bottom: 20px;
}
ul.hrti_box li.txt {
   line-height: 1.5em;
}
ul.hrti_box li.ti.black {
   color:#000;
}
img.r_process {
   width: 906px;
   height:464px;
   margin: 0 auto;
   display: block;
}
table {
   border-collapse: collapse;
   width: 100%;
   min-width: 640px;
}
table.hr_table.hr_process {
   min-width: 100%;
}
table.hr_table th {
   border-top:2px solid #000;
   border-bottom:1px solid #000;
   font-size: 20px;
   font-weight:normal;
   padding: 8px 0;
   font-family: 'NunitoSans-SemiBold', 'notokr-regular', sans-serif;
   line-height: 1.1em;
}
table.hr_table td {
   border-bottom:1px solid #ccc;
   line-height: 1.6em;
}
table.hr_table tr:last-child td {
   border-bottom:2px solid #000;
}
table.hr_table .b_line {
   border-bottom:1px solid #000 !important;
}
table.hr_table .b_line2 {
   border-bottom:2px solid #000 !important;
}
table.hr_table.hr_process td {
   padding: 30px;
}
table.hr_table.hr_process td:first-child {
   padding: 30px 70px;
}
table.hr_process th:nth-child(1),
table.hr_process td:nth-child(1) {
   width:40%;
}
table.hr_process th:nth-child(2),
table.hr_process td:nth-child(2) {
   width:60%;
}

table.hr_table.hr_program td {
   padding: 30px;
}
table.hr_program th:nth-child(1),
table.hr_program td:nth-child(1) {
   width:15%;
}
table.hr_program th:nth-child(2),
table.hr_program td:nth-child(2) {
   width:25%;
}
table.hr_program th:nth-child(3),
table.hr_program td:nth-child(3) {
   width:60%;
}

.t_bigti,
table.hr_table td.t_bigti {
   font-size: 22px;
   font-family: 'NunitoSans-Bold', 'notokr-regular', sans-serif;
   line-height: 1.4em;
}
.team_box {
   display: grid;
   column-gap: 30px;
   row-gap: 5px;
   grid-template-columns: 1fr 1fr;
   width: 80%;
   margin: 0 auto;
}
.team_box.single {
   column-gap: unset;
   row-gap: unset;
   grid-template-columns: 1fr;
}
.team_box > li {
   text-align: left;
   position: relative;
   padding-left: 26px;
   line-height: 1.6em;
}
.team_box.single > li {
   text-align: center;
   font-size: 20px;
   font-family: 'NunitoSans-SemiBold', 'notokr-regular', sans-serif;
}
.team_box > li:before {
   content: '●';
   position: absolute;
   left:0;
   top:0px;
   font-size: 9px;
}
.team_box.single > li:before {
   display: none;
}
.t_won_r {
   color:#ea0029;
   font-size: 9px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 8px;
   margin-top: -3px;
}
.t_scroll {
   overflow-x: auto;
}
a.red {
   color:#ea0029;
}
img.img_hr_program {
   min-width: 1000px;
}

.new_linkwrap {
   display: flex;
   align-items: center;
   font-family: 'NunitoSans-Bold', 'notokr-regular', sans-serif;
}
.new_linkwrap a {
   border-bottom: 1px solid #000;
   line-height: 1.3;
}
.bullet_newicon {
   background-color: #ea0029;
   width: 20px;
   height: 20px;
   border-radius: 12px;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 11px;
   font-weight: 600;
   line-height: 0;
   margin-right: 5px;
}

/**************** 반응형 ***********************/

@media (max-width: 1023px) {
   .hr_index, .hr_working {
      margin-top: 5px;
   }
   .headline_en {
      font-size:20px;
   }
   .hr_working_box > div,
   .hr_working_box > div.program {
      padding: 50px;
   }
   ul.hrti_box li.ti {
      font-size: 23px;
   }
   img.r_process {
      width: 100%;
      height: 100%;
   }
   table.hr_table.hr_process td:first-child {
      padding: 30px;
  }
  .t_bigti {
      font-size: 20px;
  }
  .team_box {
      width: 95%;
   }
}
/** 1023 **/

@media (max-width: 767px) {
   .hr_index {
      margin: 5px 20px 20px 0;
      width: 35%;
  }
  .hr_working {
      margin: 0 0 20px 0;
      width: 100%;
   }
  #contents_body.sub_page #sub_contents_container {
      padding-bottom: 80px !important;
   }
   body.us_hr .writing_ti_en br {
      display: block;
   }
   .hr_working_box {
      gap: 30px;
      grid-template-columns: 1fr;
  }
  table.hr_table.hr_process td:first-child {
      padding: 20px 0 20px 15px;
   }
   .team_box {
      width: 100%;
   }
   .team_box.single > li {
      font-size: 19px;
      line-height: 1.5em;
   }
   .t_bigti,
   table.hr_table td.t_bigti {
      font-size: 18px;
  }
   .hr_working_box > div,
   .hr_working_box > div.program {
      padding: 45px 35px;
   }
   table.hr_table th {
      font-size: 18px;
   }
   .team_box.single > li br {
      display: none;
   }
   table.hr_table.hr_process td {
      padding: 20px 15px;
  }
   table.hr_program th:nth-child(1),
   table.hr_program td:nth-child(1) {
      width:15%;
   }
   table.hr_program th:nth-child(2),
   table.hr_program td:nth-child(2) {
      width:20%;
   }
   table.hr_program th:nth-child(3),
   table.hr_program td:nth-child(3) {
      width:65%;
   }
   table.hr_table.hr_program td {
      padding: 20px 15px;
  }
   body#hr_program .headline_en {
      margin-bottom: 20px;
   }
}
/** 767 **/

@media (max-width: 639px) {
   body {
      font-size: 16px;
      line-height: 1.68em;
  }
   .team_box {
      column-gap: unset;
      row-gap: unset;
      grid-template-columns: 1fr;
   }
   table.hr_process th:nth-child(1),
   table.hr_process td:nth-child(1) {
      width:30%;
      padding-left: 0;
   }
   table.hr_process td:nth-child(1) br {
      display: none;
   }
   table.hr_process th:nth-child(2),
   table.hr_process td:nth-child(2) {
      width:70%;
      padding-right: 0;
   }
   .depth_page_ti_wrap .writing_ti_en {
      font-size: 24px;
   }
   .mb120 {
      margin-bottom: 60px;
  }
}
/** 639 **/

@media (max-width: 479px) {
   .headline_en {
      font-size:19px;
   }
   .hr_working_box {
      gap: 15px;
  }
  .hr_working_box > div.program {
      padding: 40px 30px;
   }
   .hr_working_box > div {
       padding: 30px 30px;
    }   
  ul.hrti_box li.ti {
      font-size: 18px;
      margin-bottom: 10px;
   }
   .team_box.single > li {
      font-size: 18px;
      line-height: 1.4em;
  }
}