@charset "utf-8";

#inc04{position:relative;max-width:1400px;margin:0 auto;padding:120px 0 150px}
#inc04 *{word-break:keep-all}
#inc04 .tit{text-align:center}
#inc04 .tit span{font-size:13px;color:var(--primary);font-family:'Unbounded'}
#inc04 .tit p{margin-top:10px;font-size:50px;font-weight:300;color:#111}
#inc04 .tit p b{font-weight:700}

#inc04 ul{display:flex;margin-top:110px}
#inc04 ul li{position:relative;width:calc(100% / 3);border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#inc04 ul li:after{position:absolute;content:'';top:-1px;width:0;height:2px;background:#111;transition:width .3s}
#inc04 ul li a{position:relative;display:block;height:100%;padding:50px;color:#777;word-break:keep-all}
#inc04 ul li .option{display:flex;justify-content:space-between;margin-bottom:40px}
#inc04 ul li .option svg{opacity:0;transform:rotate(90deg);transition:all .3s}
#inc04 ul li .option span{font-size:13px;font-weight:600;font-family:'Unbounded';transition:all .3s}
#inc04 ul li .subj{font-size:22px;font-weight:700;transition:all .3s}
#inc04 ul li .lt_cont{margin-top:15px;font-size:17px;line-height:1.5}
#inc04 ul li .date{margin-top:30px;font-size:13px;font-family:'Unbounded';transition:all .3s}

@media(hover:hover){
#inc04 ul li:hover:after{width:100%}
#inc04 ul li a:hover .option span{color:#111}
#inc04 ul li a:hover .subj{color:#111}
#inc04 ul li a:hover .date{color:#111}
#inc04 ul li a:hover .option svg{opacity:1;color:#111;transform:rotate(0deg)}
}

/* 반응형 [s] */
@media (max-width:1024px){
#inc04{padding:120px 0 50px}
#inc04 .tit p{font-size:40px;line-height:1.3}
#inc04 ul{display:block;margin-top:70px}
#inc04 ul li{width:100%}
#inc04 ul li+li{border-top:none}
}
@media (max-width:768px){
#inc04{padding:70px 0 50px}
#inc04 .tit p{font-size:30px}
#inc04 ul{margin-top:50px}
#inc04 ul li .option{margin-bottom:20px}
#inc04 ul li a{padding:30px}
#inc04 ul li .subj{font-size:20px}
}
@media (max-width:480px){
#inc04 .tit p{font-size:25px}
#inc04 ul li .subj{font-size:18px}
#inc04 ul li .lt_cont{font-size:15px}
}
/* 반응형 [e] */