@charset "utf-8";

#inc04{padding-bottom:160px;position:relative;width:100%;max-width:1400px;margin:0 auto}
#inc04 .cont{display:flex;column-gap:60px}

/* 왼쪽 */
#inc04 .cont .left{padding:50px 0 0 0;width:50%;border-top:3px solid #111}
#inc04 .cont .left .t_txt{padding:0 50px;display:flex;align-items:center;margin-bottom:20px;font-size:25px;font-weight:700}
#inc04 .cont .left .t_txt a{display:flex;margin-left:auto;color:#222;transition:all .3s}
#inc04 .late_area .lt_cont{margin-bottom:46px;color:#666;font-size:15px;font-weight:400}
#inc04 .late_area .date{text-align:right;font-family: var(--enfont)}
#inc04 .late_area .late_tit{font-size:17px;line-height:1;font-weight:700;white-space:nowrap}
#inc04 .late_area .late_box ul li{overflow:hidden;line-height:70px;height:70px;padding:0 50px;border-bottom:1px solid #e1e1e1;transition:all 0.4s}
#inc04 .late_area .lt_tit{display:flex;justify-content:space-between}
#inc04 .late_area .lt_tit .subj{font-size:16px;font-weight:600;color:#000}
#inc04 .late_area .lt_txt{display:none;width:100%;font-size:15px;line-height:26px;word-break:keep-all;color:#666}
#inc04 .late_area .date{color:#888;font-weight:600;font-size: 15px;font-family:var(--enfont)}
#inc04 .late_area .list li.on{height:214px}
#inc04 .late_area .list li.on:after{display:none}
#inc04 .late_area .list li.on .date.old{display:none}
#inc04 .late_area .list li.on .lt_txt{display:block}

/* 오른쪽 */
#inc04 .cont .right{padding:50px 0 0 0;width:50%;border-top:3px solid #111}
#inc04 .cont .right .latest .tit{padding:0 50px;margin-bottom:40px;display:flex;align-items:center}
#inc04 .cont .right .latest .tit p{font-size:25px;font-weight:700}
#inc04 .cont .right .latest .tit .control{display:flex;margin-left:auto;color:#222}
#inc04 .cont .right .latest .tit .control span{cursor:pointer}
#inc04 .cont .right .latest .tit .control span+span:before{display:inline-block;vertical-align:3px;content:"";width:1px;height:14px;margin:0 17px;background:#e1e1e1}
#inc04 .cont .right .latest .tit .control svg{width:20px;height:20px}
#inc04 .cont .right .latest .img_slide{padding:0 50px 40px;display:flex;column-gap:40px;border-bottom:1px solid #e1e1e1}
#inc04 .cont .right .latest .img_slide img{border-radius:20px}
#inc04 .cont .right .latest ul li .left_box img{border-radius:20px}
#inc04 .cont .right .latest ul li .right_box{padding:80px 0 0 0;color:#000;font-size:18px;font-weight:bold}
#inc04 .cont .right .latest ul li .right_box p{margin-bottom:20px;color:#c32525;font-size:15px}
#inc04 .cont .right .latest ul li .right_box span{margin-top:66px;display:block;text-align:right;color:#888;font-size:15px;font-weight:400}

@media (hover: hover){
#inc04 .cont .left .t_txt a:hover{color:var(--primary);transform:rotate(180deg)}
}
@media (max-width:1400px){
#inc04{padding: 0 50px 160px 50px}   
#inc04 .cont .left .t_txt{padding:0}
#inc04 .late_area .late_box ul li{padding:0}
#inc04 .cont .right .latest .img_slide{padding:0 0 40px 0}
#inc04 .cont .right .latest .tit{padding:0 0 40px 0;margin-bottom:0}
#inc04 .cont .right .latest .img_slide img{width:260px}
#inc04 .late_area .list li{height:194px}
#inc04 .late_area .lt_cont{margin-bottom:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
}
@media (max-width:1230px){
#inc04{padding:0 50px 120px 50px}
#inc04 .cont .left{padding:30px 0 0 0}
#inc04 .cont .right{padding:30px 0 0 0}
#inc04 .cont .right .latest .img_slide{column-gap:32px}
}
@media (max-width:1024px){
#inc04 {padding:0 50px 0 50px}    
#inc04 .cont{flex-direction:column}
#inc04 .cont .left{padding:30px 0 0 0;width:100%}
#inc04 .cont .left .t_txt{font-size:25px}
#inc04 .cont .right{width:100%}
#inc04 .cont .right .latest .img_slide{padding:0 0 40px}
#inc04 .late_area .list li{height:194px}
#inc04 .late_area .lt_cont{margin-bottom:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#inc04 .late_area .list li.on .date.old{display:block}
#inc04 .late_area .lt_txt .date:nth-child(2){display:none}
#inc04 .late_area .late_box ul li{height:120px}
#inc04 .late_area .list li.on{height:120px}
#inc04 .late_area .lt_txt{display:block}
}
@media (max-width:768px){
#inc04{padding:0 20px}
#inc04 .cont .right .latest .tit p{font-size: 20px;}
#inc04 .cont .right .latest ul li .right_box{font-size:16px}
#inc04 .cont .left .t_txt{font-size:20px}
}
@media (max-width:480px){
#inc04 .cont .left{padding:20px 0 0 0}
#inc04 .cont .right{padding:20px 0 0 0}
#inc04 .cont .left .t_txt{margin-bottom:0}
#inc04 .cont .right .latest .tit{padding:0 0 20px 0}
#inc04 .cont .right .latest .img_slide{column-gap:20px}    
#inc04 .cont .right .latest .img_slide img{width:190px}
#inc04 .cont .right .latest ul li .right_box{padding:0;font-size:14px}
#inc04 .cont .right .latest ul li .right_box span{font-size:14px}
#inc04 .late_area .lt_tit .subj{white-space:nowrap;font-size:14px}
#inc04 .late_area .date{display:none;font-size:13px}
#inc04 .late_area .list li.on .date.old{display:none}
}
@media (max-width:380px){
#inc04 .cont .right .latest .img_slide{padding-bottom:12px;border-bottom:none}
#inc04 .cont .right .latest .img_slide img{width:160px}
#inc04 .late_area .lt_cont{font-size:14px}
#inc04 .late_area .late_box ul li{height:120px}
#inc04 .late_area .date{display:none;font-size:13px}
#inc04 .late_area .list li{height:120px}
#inc04 .late_area .list li.on{height:120px}
#inc04 .late_area .lt_tit .subj{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px}
}