/* 공통 */
#c4_wrap .c_inner {width: 100%; margin:0 auto;}

/*Content CSS*/
#c4_wrap { }
#c4_wrap > div {width: 100%; }
#c4_wrap .left {padding: 50px 20px; background: url('../img/c4_left_bg.jpg') 50% 50% no-repeat; background-size:cover; text-align: left; }
#c4_wrap .left h1 {font-size: 30px; font-weight: 400; color:#fff;margin:0 0 20px; }
#c4_wrap .left ul {max-width: 100%; border-top: 2px solid #fff; }
#c4_wrap .left ul li {width: 100%; border-bottom: 1px solid rgba(255,255,255,.3); padding: 15px; display: flex; align-items: center; color:#fff;}
#c4_wrap .left ul li i {font-size: 20px; margin-right: 15px;}
#c4_wrap .left ul li p {font-size:14px; font-weight: 300; word-break: keep-all;}

#c4_wrap .right {background: url('../img/c4_right_bg.jpg') 50% 50% no-repeat; background-size:cover; position: relative; height: 300px;}
#c4_wrap .right a {display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; width: 90px; height: 90px;
 background: #120f63; transition: all .3s ease; }
#c4_wrap .right a span {font-size:18px; font-weight: 700; color:#fff; font-family: 'Play', sans-serif; padding:0 0 10px; border-bottom: 1px solid #fff; text-transform: uppercase;
transition: all .3s ease; }
#c4_wrap .right a:hover {background: #fff;}
#c4_wrap .right a:hover span {color:#120f63; border-color: #120f63; }





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

}

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

}

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

}