/* 공통 */
#c4_wrap .c_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 20px;}

/* fs */
#c4_wrap .fs_70 {font-size: 30px; font-weight:700; color: #000; line-height: 1.1; font-family: "Play", serif; }
#c4_wrap .fs_50 {font-size: 22px; font-weight:700; color: #000; line-height: 1.1; font-family: "Play", serif; letter-spacing: -.4px; }
#c4_wrap .fs_24 {font-size: 16px; font-weight:400; color: #000; line-height:2; }
#c4_wrap .fs_18 {font-size:13px; font-weight: 400; color: #000; line-height: 1.67; }

/*Content CSS*/
#c4_wrap {position: relative; padding:50px 0 0; text-align: center; overflow: hidden; background: url('../img/c4_bg.jpg') 50% 50% no-repeat; background-size:cover; }
#c4_wrap .c_tit {width: 100%; z-index: 2; color:#fff;}

/* c3_list */
#c4_wrap .list {margin-top: 20px; }
#c4_wrap .list li {width: 100%;}
#c4_wrap .list li a {display: block; width: 100%; padding:20px 20px; border-bottom: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,0);
transition: all .3s ease;}
#c4_wrap .list li:last-child a {border-bottom: 0;}
#c4_wrap .list li a .icon {display: flex; align-items: center ;justify-content:  center; position: relative; z-index: 1; width:60px; height: 60px; border-radius: 50%;
background-color: rgba(255,255,255,.11); overflow: hidden; margin:0 auto; transition: background-color .3s ease; }
#c4_wrap .list li a .icon  i {color:#fff; font-size:25px; transition: all .5s ease;}
#c4_wrap .list li a h3 {font-size:20px; font-weight: 700; color:#fff; margin:15px 0 10px; line-height: 1.1; text-transform: uppercase; font-family: "Play", serif; }
#c4_wrap .list li a p {font-size:16px; font-weight: 300; color:rgba(255,255,255,.61); line-height: 1.67; word-break: keep-all;}
#c4_wrap .list li:last-child a p {font-size: 14px;}

/* hover */
/* #c4_wrap .list li a:hover {background-color: rgba(0,15,31,.5); backdrop-filter: blur(10px);} */
#c4_wrap .list li a:hover .icon {background-color: #103675 ;}
#c4_wrap .list li a:hover .icon i {transform: rotateY(180deg);  }


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

}

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

}

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

}

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

}