#sub05 .sub_title .rt .title_bg {background: url(/img/title_bg_sub05.jpg) no-repeat center 65%; background-size: cover;}
#sub05.page_job .busi_top_title {font-size: 1.625em; margin-bottom: 30px;}

#sub05 .top_title {font-size: 2.5em;}
#sub05 .top_desc {font-size: 1.25em; margin: 30px 0 60px 0;}
#sub05.page_talent .talent_img {padding: 0 5%;}
#sub05.page_talent .talent_img img {width: 100%;}
#sub05.page_talent .txt_wrap {width: 100%; display: flex; align-items: stretch; margin-top: 60px; transform: rotate(-0.03deg);}
#sub05.page_talent .txt_wrap li {text-align: center; width: 33.3333%; box-sizing: border-box;}
#sub05.page_talent .txt_wrap li .t_bold {font-size: 1.625em; margin-bottom: 30px;}
#sub05.page_talent .txt_wrap li .desc {font-size: 1.25em; line-height: 160%;}
#sub05.page_talent .txt_wrap li:not(:last-child) {border-right: 3px dotted #ccc;}

#sub05.page_welfare .welfare_wrap {display: flex; flex-wrap: wrap; width: 102%; margin-left: -1%;}
#sub05.page_welfare .welfare_wrap li {width: 31.3333%; margin: 0 1% 2% 1%; border: 1px solid #e6e6e6; box-sizing: border-box; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; transform: rotate(-0.03deg); transition: all 0.3s;}
#sub05.page_welfare .welfare_wrap li:hover {box-shadow: 0 5px 25px rgba(0,0,0,0.15);}
#sub05.page_welfare .welfare_wrap li:hover .top .t_bold {color: #b8282e;}
#sub05.page_welfare .welfare_wrap li .top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 21%;}
#sub05.page_welfare .welfare_wrap li .top .t_bold {font-size: 1.625em; transition: all 0.3s;}
#sub05.page_welfare .welfare_wrap li .bt {font-size: 1.0625em; line-height: 160%;}

#sub05 .job_wrap {border-top: 2px solid #111;}
#sub05 .job_wrap li {border-bottom: 1px solid #e6e6e6; display: flex; align-items: center;}
#sub05 .job_wrap li.ing .state {background: #b8282e;}
#sub05 .job_wrap li.end .d_day {display: none !important;}
#sub05 .job_wrap li.end .state {background: #ccc;}
#sub05 .job_wrap li .type {width: 10%; background: #f9f9f9; font-size: 1.25em; text-align: center; align-self: stretch; display: flex; align-items: center; justify-content: center; font-family: 'SpoqaHanSansNeo-Medium';}
#sub05 .job_wrap li .title {width: 70%; padding: 35px 30px;}
#sub05 .job_wrap li .title .bold {font-size: 1.375em; transition: all 0.3s;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;  
}
#sub05 .job_wrap li .title .info {font-size: 1.0625em; margin-top: 7px;}
#sub05 .job_wrap li .title .info .grey {color: #aaa;}
#sub05 .job_wrap li .title .info .d_day {display: none;}
#sub05 .job_wrap li .day {width: 20%; display: flex; align-content: center; justify-content: flex-end; padding-right: 50px;}
#sub05 .job_wrap li .day .d_day {font-size: 1.375em; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 40px;}
#sub05 .job_wrap li .day .state {color: #fff; border-radius: 5px; width: 100px; height: 40px; margin-left: 45px; font-size: 1.0625em; text-align: center; line-height: 40px;}
#sub05 .job_wrap li:hover .title .bold {text-decoration: underline;}


@media screen and (max-width: 1320px) {
  #sub05.page_welfare .welfare_wrap li .bt br {display: none;}
}


@media screen and (max-width: 1280px) {
  #sub05 .txt_wrap li .t_bold {font-size: 1.5em; margin-bottom: 5%;}
  #sub05 .txt_wrap li .desc {font-size: 1.05em; padding: 0 20px;}
  #sub05 .txt_wrap li .desc br {display: none;}

  #sub05 .job_wrap li .type {width: 15%;}
  #sub05 .job_wrap li .title {width: 55%; padding: 4% 3%;}
  #sub05 .job_wrap li .day {width: 30%; padding-right: 3%;}
  #sub05 .job_wrap li .day .d_day {font-size: 1.125em; line-height: 35px;}
  #sub05 .job_wrap li .day .state {margin-left: 10%; font-size: 1em; width: 75px; height: 35px; line-height: 35px;}
}

@media screen and (max-width: 1024px) {
  #sub05.page_welfare .welfare_wrap li .top .t_bold {font-size: 1.325em;}
  #sub05.page_welfare .welfare_wrap li .bt {font-size: 1em; line-height: 150%;}
}

@media screen and (max-width: 768px) {
  #sub05.page_job .busi_top_title {font-size: 1.5em; margin-bottom: 3%; transform: rotate(-0.03deg);}
  #sub05 .top_title {font-size: 2.25em;}
  #sub05 .top_desc {font-size: 1.111em; margin: 3% 0 7% 0;}

  #sub05.page_talent .txt_wrap {display: block; margin-top: 7%;}
  #sub05.page_talent .txt_wrap li {width: 100%; padding-top: 7%;}
  #sub05.page_talent .txt_wrap li .t_bold {margin-bottom: 3%;}
  #sub05.page_talent .txt_wrap li .desc {font-size: 1em;}
  #sub05.page_talent .txt_wrap li .desc br {display: block;}
  #sub05.page_talent .txt_wrap li:not(:last-child) {border-right: 0; border-bottom: 2px dotted #ccc; padding-bottom: 7%;}

  #sub05.page_welfare .welfare_wrap li {width: 48%; padding: 5% 4%;}
  #sub05.page_welfare .welfare_wrap li .top {margin-bottom: 15%;}
  #sub05.page_welfare .welfare_wrap li .bt {font-size: 1em; line-height: 150%;}

  #sub05 .job_wrap li .type {font-size: 1.111em;}
  #sub05 .job_wrap li .title {width: 70%;}
  #sub05 .job_wrap li .title .bold {font-size: 1.125em;}
  #sub05 .job_wrap li .title .info {font-size: 1em; margin-top: 5px;}
  #sub05 .job_wrap li .title .info .d_day {display: inline-block; font-size: inherit; margin-left: 10px; font-family: 'SpoqaHanSansNeo-Bold';}
  #sub05 .job_wrap li .day {width: 15%;}
  #sub05 .job_wrap li .day .d_day {display: none;}
  #sub05 .job_wrap li .day .state {margin-left: 0;}
}

@media screen and (max-width: 540px) {
  #sub05.page_job .busi_top_title {font-size: 1.325em; margin-bottom: 5%;}
  #sub05.page_job .busi_top_title .br_mo {display: block;}
  #sub05 .top_title {font-size: 2em;}
  #sub05 .top_desc {font-size: 1em; margin: 5% 0 10% 0;}
  #sub05 .top_desc .br_mo {display: block;}

  #sub05.page_welfare .welfare_wrap {width: 100%; margin-left: 0;}
  #sub05.page_welfare .welfare_wrap li {width: 100%; margin: 0 0 2% 0; padding: 7% 6%;}
  #sub05.page_welfare .welfare_wrap li .top {margin-bottom: 12%;}
  #sub05.page_welfare .welfare_wrap li .top .t_bold {font-size: 1.5em;}
  #sub05.page_welfare .welfare_wrap li .bt br {display: block;}

  #sub05 .job_wrap li .type {font-size: 0.9em; width: 13%;}
  #sub05 .job_wrap li .title {padding: 3%;}
  #sub05 .job_wrap li .title .bold {font-size: 1em;}
  #sub05 .job_wrap li .day {width: 17%; padding-right: 0;}
  #sub05 .job_wrap li .day .state {font-size: 0.875em; height: 25px; line-height: 25px; width: 55px;}
  #sub05 .job_wrap li .title .info {font-size: 0.875em; margin-top: 3px;}
  #sub05 .job_wrap li .title .info .d_day {margin-left: 0;}
  #sub05 .job_wrap li .title .info .grey {display: none;}
}

@media screen and (max-width: 414px) {

}