/* c4-wrap */
.c4-wrap {padding: 95px 0 155px; margin-left: 210px; height: 100vh; border-left: 1px solid rgba(255, 255, 255, .2); overflow: hidden;}
.c4-wrap .title-group {margin-bottom: 45px;}
.c4-list {margin-top: 90px; display: flex; justify-content: space-between;}
.c4-list li {position: relative; text-align: center; transition: .3s; z-index: 1; width: 25%;}
.c4-list li + li {border-left: 1px solid #3e3e3e;}
.c4-list .icon {width: 168px; height: 168px; border-radius: 50%; background: #000; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.c4-list .icon img {}
.c4-list .text-group {}
.c4-list .en-title {position: relative; display: block; margin-bottom: 45px; font-family: 'Outfit', sans-serif; font-size: 26px; font-weight: 600; color: #fff;}
.c4-list .en-title::before {content: ''; display: block; width: 20px; height: 2px; background: #fff; margin: 0 auto 5px;}
.c4-list .ko-title {font-size: 16px; font-weight: 500; color: #fff;}
.c4-list .desc {position: relative; font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.7); line-height: 29px; margin-top: 15px;}

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

@media screen and (max-width: 1300px) {
  .c4-wrap {height: auto; padding: 80px 0; border-top: 1px solid rgba(255, 255, 255, .7);}
  .c4-list {margin-top: 50px;}

}

@media screen and (max-width: 1200px) {
  .c4-list .en-title {font-size: 23px;}
}

@media screen and (max-width: 1023px) {
  .c4-wrap .inner {}
  .c4-list {flex-wrap: wrap;}
  .c4-list li {width: calc(50% - 10px); padding: 30px; border: 1px solid #333;}
  .c4-list li:nth-child(n+3) {margin-top: 20px;}
  .c4-list .icon {width: auto; height: auto; background: transparent;}
  .c4-list .en-title {margin-bottom: 20px;}
  .c4-list .en-title::before {margin: 22px auto;}
  .c4-list .desc br {display: none;}
}

@media screen and (max-width: 767px) {
  .c4-wrap {padding: 60px 0;}
  .c4-wrap .inner {padding: 0 40px;}
  .c4-list {margin-top: 35px;}
  .c4-list li {width: 100%; border: none; border: 1px solid #333;}
  .c4-wrap .c4-list li + li {margin-top: 15px;}
  .c4-list .en-title {font-size: 21px; margin-bottom: 15px;}
  .c4-list .ko-title, .c4-list .desc {font-size: 15px;}
  .c4-list .desc {margin-top: 10px;}
}

@media screen and (max-width: 480px) {
  .c4-wrap {padding: 50px 0;}
  .c4-wrap .inner {padding: 0 20px;}
  .c4-wrap .title-group {margin-bottom: 35px;}
  .c4-list .en-title {font-size: 20px; margin-bottom: 10px;}
  .c4-list .ko-title, .c4-list .desc {font-size: 14px;}
  .c4-list .desc::before {margin: 15px auto;}
}