#sub-recruit {padding:40px 0 100px;}
#sub-recruit .recruit-wrap {display: flex; column-gap: 10px; justify-content: space-between; padding: 100px 80px;}
#sub-recruit .recruit-wrap .left {width: calc(25% - 10px)}
#sub-recruit .recruit-wrap .left h3 {font-size: 40px; font-weight: 800; word-break: keep-all;}
#sub-recruit .recruit-wrap .left > p {font-size: 20px; color:#666; margin-top: 10px;}
#sub-recruit .recruit-wrap .left .extra_desc p {font-size: 18px; color:#000; margin-top: 30px; line-height: 160%; letter-spacing: -.3px;}
#sub-recruit .recruit-wrap .left .extra_desc p span {font-weight: 600;}
#sub-recruit .recruit-wrap .right {max-width: 1136px; width: calc(75% - 10px);}
#sub-recruit .recruit-wrap .right .table_wrap{width:100%;}

#sub-recruit .recruit-wrap.wrap-recruit {background:#DAE5ED; background-size: cover;}
#sub-recruit .recurit-benefit {display: flex; flex-wrap: wrap; gap:30px 20px;}
#sub-recruit .recurit-benefit .card {padding: 28px 23px 40px; background:#fff; width:calc(25% - 15px);}
#sub-recruit .recurit-benefit .card .title {font-size: 24px; font-weight: 600; padding: 16px 0; border-bottom: 1px solid #EAEAEA; margin-bottom: 20px;}
#sub-recruit .recurit-benefit .card:nth-of-type(1) .title {background: url('../../img/sub/ico_recurit01.svg') no-repeat right center;}
#sub-recruit .recurit-benefit .card:nth-of-type(2) .title {background: url('../../img/sub/ico_recurit02.svg') no-repeat right center;}
#sub-recruit .recurit-benefit .card:nth-of-type(3) .title {background: url('../../img/sub/ico_recurit03.svg') no-repeat right center;}
#sub-recruit .recurit-benefit .card:nth-of-type(4) .title {background: url('../../img/sub/ico_recurit04.svg') no-repeat right center;}
#sub-recruit .recurit-benefit .card:nth-of-type(5) .title {background: url('../../img/sub/ico_recurit05.svg') no-repeat right center;}
#sub-recruit .recurit-benefit .card:nth-of-type(6) .title {background: url('../../img/sub/ico_recurit06.svg') no-repeat right center;}
#sub-recruit .recurit-benefit .card:nth-of-type(7) .title {background: url('../../img/sub/ico_recurit07.svg') no-repeat right center;}
#sub-recruit .recurit-benefit .card:nth-of-type(8) .title {background: url('../../img/sub/ico_recurit08.svg') no-repeat right center;}
#sub-recruit .recurit-benefit .card ul {}
#sub-recruit .recurit-benefit .card ul li {list-style: "·"; padding-left: 5px; font-size: 16px;}
#sub-recruit .recurit-benefit .card ul li + li {margin-top: 8px;}

#sub-recruit .recruit-apply {display: flex; column-gap: 10px; justify-content: space-between;}
#sub-recruit .recruit-apply .step {flex:1}
#sub-recruit .recruit-apply .txt {text-align: center; margin-top:30px;}
#sub-recruit .recruit-apply .txt p {font-size: 16px;}
#sub-recruit .recruit-apply .txt p.tit {font-size: 24px; font-weight: 500; margin-top: 10px;}
#sub-recruit .recruit-apply .arrow {width:42px; height: 42px; padding-top:6%;}
#sub-recruit .recruit-apply .arrow img {width:100%;}
#sub-recruit .apply-info {margin-top:80px; padding-left: 23px;}
#sub-recruit .apply-info li {position: relative; font-size: 20px; color:#000; list-style: disc;}
#sub-recruit .apply-info li span.tit {display: inline-block; width: 82px; padding-right: 4px; margin-right: 6px; border-right: 1px solid #000;}
#sub-recruit .apply-info li:last-child span.tit {letter-spacing: 3px;}
#sub-recruit .apply-info li + li {margin-top: 10px;}
#sub-recruit .apply-send {position:relative; font-size: 20px; color:#666; margin-top:5px; padding-left:15px; line-height: 150%;;}
#sub-recruit .apply-send a {position: relative; display: inline-block;}
#sub-recruit .apply-send a:after {content:""; display: block;width: 100%; height: 1px; background:#666; transform: translateY(-1px);}
#sub-recruit .apply-send:after {content:"※"; display: block; line-height: 1; position: absolute; left:0; top:3px; color:#666; font-size: 22px;}

@media screen and (max-width:1280px) {
  #sub-recruit .recruit-wrap {padding: 60px 40px;}
  #sub-recruit .recruit-wrap .left {width:calc(25% - 5px);}
  #sub-recruit .recruit-wrap .left h3 br {display: none;}
  #sub-recruit .recruit-wrap .right {width:calc(75% - 5px);}
  #sub-recruit .recurit-benefit .card {padding:20px 20px 30px;}
  #sub-recruit .recurit-benefit .card .title {background-size: 40px!important; font-size: 20px;}
  #sub-recruit .recruit-wrap .left .extra_desc p {font-size: 16px;}
}

@media screen and (max-width:1024px) {
  #sub-recruit .recruit-wrap {flex-direction: column;}
  #sub-recruit .recruit-wrap .left {width:100%; text-align: center;}
  #sub-recruit .recruit-wrap .right {width:100%; margin-top: 30px;}
  #sub-recruit .recurit-benefit .card {width:calc(50% - 15px)}
}

@media screen and (max-width:768px) {
  #sub-recruit {padding: 0!important;}
  #sub-recruit .recruit-wrap {padding: 60px 20px; gap: 0;}
  #sub-recruit .recruit-wrap .left h3 {font-size:30px;}
  #sub-recruit .recruit-wrap .left p {font-size:20px;}
  #sub-recruit .recruit-wrap.wrap-recruit {background:#DAE5ED;}
  #sub-recruit .recurit-benefit {gap: 20px;}
  #sub-recruit .recurit-benefit .card {width:calc(50% - 15px); padding: 20px;}
  #sub-recruit .recurit-benefit .card .title {padding-bottom: 10px; margin-bottom:10px; font-size:20px;}
  #sub-recruit .recruit-apply {flex-direction: column; gap: 20px;}
  #sub-recruit .recruit-apply .step .img {display: none;}
  #sub-recruit .recruit-apply .arrow {display: none;}
  #sub-recruit .recruit-apply .txt {margin-top:0; height:90px; width:100%; background:#fff; display: flex; align-items: center; justify-content: center;}
  #sub-recruit .recruit-apply .txt p {padding: 0 10px; font-size:20px;}
  #sub-recruit .recruit-apply .txt p.tit {margin-top:0; border-left:1px solid #666666; font-size:20px;}
  #sub-recruit .apply-info li {font-size: 16px; padding-left: 80px}
  #sub-recruit .apply-info li span.tit {position: absolute; left:0; width: 72px;}
  #sub-recruit .apply-send {font-size: 16px;}
}