/* 공통 */
#c4_wrap .c_inner {width: 1300px; margin:0 auto ;}
#c4_wrap .c_head {font-size:35px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif;}

/*Content CSS*/
#c4_wrap {display: flex ;}
#c4_wrap .box {width: 50%; display: flex; }
#c4_wrap .box > div {width: 650px; padding:90px 0 110px; }
#c4_wrap .box .top {margin-bottom: 35px; }
/* left */
#c4_wrap .left {justify-content: flex-end;background-color: #fff; }
#c4_wrap .left > div {padding-right: 80px;}
#c4_wrap .left .top { display: flex ;justify-content: space-between;  align-items: center ;}
#c4_wrap .left .board {width: 100%; border-top:2px solid #000;}
#c4_wrap .left .board li {display: flex ;justify-content: space-between; padding:30px 0; border-bottom: 1px solid #ddd; line-height: 20px; }
#c4_wrap .left .board li .subject {display: block; position: relative; padding-left: 15px; font-size:17px; font-weight: 400; color:#000; width: 400px; padding-right: 40px;
text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family: 'NanumSquare',sans-serif; transition: color .3s ease; }
#c4_wrap .left .board li .subject::before {content: ''; display: block; width: 5px; height: 5px; background-color: #009fe8; position: absolute; left: 0; top: 6px;}
#c4_wrap .left .board li .info {width: calc(100% - 400px) ; line-height: 20px; display: flex; align-items: center; overflow: hidden;}
#c4_wrap .left .board li .info span {font-size:15px; font-weight: 300; color:#999; white-space:nowrap; }
#c4_wrap .left .board li .info span.name::after {content: ''; display: inline-block; width: 1px; height: 15px; background-color: #ddd; margin:0 10px; position: relative; top:2px ;}
#c4_wrap .left .board li .subject:hover {color:#009fe8;}

#c4_wrap .left .arrow:hover { animation:arrow 1s infinite ease;}
@keyframes arrow {
    0%{transform:translateX(0);}
    50%{transform:translateX(15px);}
    100% {transform:translateX(0);}
}



/* right */
#c4_wrap .right {justify-content: flex-start;background-color: #f7f7f7; }
#c4_wrap .right > div {padding-left: 80px;}
#c4_wrap .right .cont_info {border-top: 2px solid #000; width: 100%; }
#c4_wrap .right .cont_info li { padding:30px 0; border-bottom: 1px solid #ddd; line-height: 20px; display: flex; align-items: flex-start ;}
#c4_wrap .right .cont_info li h1 {font-size:17px; font-weight: 800; color: #000; font-family: 'NanumSquare',sans-serif; min-width: 62px; margin-right: 30px;}
#c4_wrap .right .cont_info li p {font-size:17px; font-weight: 400; color:#333; font-family: 'NanumSquare',sans-serif; }
#c4_wrap .right .cont_info li.flex > div {display: flex; align-items:flex-start ; width: 56%; }
#c4_wrap .right .cont_info li.flex > div:last-child {width: 44%; }
#c4_wrap .right .cont_info li.flex > div:last-child h1 {min-width: auto ;}





@keyframes pulse-border {

}

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

}

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

}

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

}

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

}