/* c5-wrap */
.c5-wrap {padding: 95px 0 110px; margin-left: 210px; height: 100vh; border-left: 1px solid rgba(255, 255, 255, .2); overflow: hidden;}
.c5-wrap .content-group {display: flex; justify-content: space-between; align-items: center;}
.c5-wrap .content-group > div {width: calc(50% - 55px);}
.c5-wrap .left {}
.c5-wrap .left .content {}
.c5-wrap .content {}
.c5-wrap .title-group {margin-bottom: 45px;}
.c5-wrap .label {font-size: 15px; font-weight: 300; color: #fffefe; margin-bottom: 35px;}
.c5-wrap .left .label {margin: 55px 0;}
.c5-wrap .welfare-list {display: flex; flex-wrap: wrap;}
.c5-wrap .welfare-list li {width: 25%; text-align: center; position: relative;}
.c5-wrap .welfare-list li + li {border-left: 1px solid #454545;}
.c5-wrap .welfare-list li:nth-child(4n-3) {border-left: none;}
.c5-wrap .welfare-list li:nth-child(n+5) {padding: 35px 0 0; border-top: 1px solid #454545;}
.c5-wrap .welfare-list li:nth-child(n+5)::before {content: ''; position: absolute; right: -22px; top: -22px; width: 44px; height: 44px; background: #000; z-index: 1;}
.c5-wrap .welfare-list li:last-child::before {display: none;}
.c5-wrap .welfare-list .icon {}
.c5-wrap .welfare-list span {font-size: 15px; font-weight: 300; color: #a3a3a3; display: block; margin: 20px 0 30px;}
.c5-wrap .right {}
.c5-wrap .right .content {}
.c5-wrap .content + .content {margin-top: 60px;}
.c5-wrap .right .label {}
.c5-list {}
.c5-list li {position: relative; display: flex; align-items: center;}
.c5-list li + li {margin-top: 10px;}
.c5-list li::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background:
#cf001b; border-radius: 50%;}
.c5-list strong {font-size: 18px; font-weight: 700; color: #fffefe; padding-left: 18px;}
.c5-list p {position: relative; font-size: 16px; font-weight: 300; color: rgba(255, 254, 254, 0.65); margin-left: 20px; padding-left: 20px; white-space: nowrap;}
.c5-list p::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background: #505050;}

/* 미디어쿼리 */
@media screen and (max-width: 1700px) {
  .c5-wrap {margin-left: 0; border-left: none;}
  .c5-wrap .inner {padding: 0 60px;}
  .c5-list p {white-space: normal;}
}

@media screen and (max-width: 1300px) {
  .c5-wrap {height: auto; padding: 80px 0; border-top: 1px solid rgba(255, 255, 255, .7);}
  .c5-wrap .content-group > div {width: calc(50% - 40px);}

}

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

}

@media screen and (max-width: 1023px) {
  .c5-wrap .inner {}

}

@media screen and (max-width: 767px) {
  .c5-wrap {padding: 60px 0;}
  .c5-wrap .inner {padding: 0 40px;}
  .c5-wrap .title-group {margin-bottom: 45px;}
  .c5-wrap .content-group {display: block;}
  .c5-wrap .content-group > div {width: 100%;}
  .c5-wrap .content-group .label {margin: 50px 0 35px;}
  .c5-wrap .label {font-size: 14px;}
  .c5-wrap .content {text-align: center;}
  .c5-wrap .content + .content {margin-top: 0;}
  .c5-wrap .welfare-list span {font-size: 14px;}
  .c5-list strong {font-size: 17px;}
  .c5-list p {font-size: 15px; text-align: left;}

}

@media screen and (max-width: 480px) {
  .c5-wrap {padding: 50px 0;}
  .c5-wrap .inner {padding: 0 20px;}
  .c5-wrap .title-group {margin-bottom: 35px;}
  .c5-wrap .label {font-size: 13px;}
  .c5-wrap .welfare-list .icon img {width: 50%;}
  .c5-wrap .welfare-list span {font-size: 13px;}
  .c5-list strong {font-size: 16px;}
  .c5-list p {font-size: 14px;}
}