/* c4-wrap */
.c4-wrap {position: relative; padding: 123px 0 227px; background: url("../img/c4_bg.jpg") no-repeat center/cover; overflow: hidden;}
.c4-wrap .inner {}
.c4-list {display: flex; justify-content: space-between;}
.c4-list li {}
.c4-list li a {position: relative; display: block; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 380px; height: 380px; border-radius: 50%; background: rgba(0, 0, 0, .5);}
.c4-list li a::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: url("../img/c4_round_bg.png") no-repeat center; opacity: 0; transition: .4s;}
.c4-list li:hover a::before {opacity: 1;}
.c4-list .icon {}
.c4-list .text-group {margin-top: 30px;}
.c4-list .text-group p {margin-bottom: 15px; font-family: 'NanumSquare', sans-serif; font-size: 36px; font-weight: 900; color: #fff;}
.c4-list .text-group span {font-size: 16px; font-weight: 500; letter-spacing: 8px; color: #fff;}
.c4-banner {position: absolute; left: 0; bottom: 0; width: 100%; padding: 23px 0; background: rgba(0, 0, 0, .75); padding-right: 290px;}
.c4-banner p {font-family: 'InkLipquid'; font-size: 30px; color: #fff; text-align: right;}