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

/*Content CSS*/
#c4_wrap {display: flex; }
#c4_wrap > div {width: 50%; }
#c4_wrap .left {padding:100px 120px 100px 0; display: flex; flex-direction: column; align-items: flex-end; background: url('../img/c4_left_bg.jpg') 50% 50% no-repeat; background-size:cover; text-align: left; }
#c4_wrap .left h1 {font-size:45px; font-weight: 500; color:#fff; max-width: 530px; min-width: 530px; margin:0 0 25px; }
#c4_wrap .left ul {max-width: 530px; border-top: 2px solid #fff; min-width: 530px; }
#c4_wrap .left ul li {width: 100%; border-bottom: 1px solid rgba(255,255,255,.3); padding:30px  22px; display: flex; align-items: center; color:#fff;}
#c4_wrap .left ul li i {font-size:30px; }
#c4_wrap .left ul li h2 {font-size:14px; font-weight: 600; color:#fff; margin:0 24px 0 35px;text-align: left; min-width: 39px;}
#c4_wrap .left ul li p {font-size:14px; font-weight: 300; }

#c4_wrap .right {background: url('../img/c4_right_bg.jpg') 50% 50% no-repeat; background-size:cover; position: relative; }
#c4_wrap .right a {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 130px; height: 130px;
 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) {

}