@charset "utf-8";

#inc03 {padding:184px 0 0}
#inc03 .inner{display:flex;align-items:center}
#inc03 .inner .left{position:relative;width:35%;height:815px;padding:150px 0 0 200px;color:rgba(255,255,255,0.6);background:#171a22}
#inc03 .inner .left .top_box span{display:block;padding-bottom:74px;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase}
#inc03 .inner .left .top_box h2{padding-bottom:40px;font-size:45px;line-height:1.2;color:#fff;white-space:pre-line;word-break:keep-all}
#inc03 .inner .left .top_box p{white-space:pre-line;word-break:keep-all}
#inc03 .inner .left .late_tabs{position:absolute;right:-38px;padding-top:80px}
#inc03 .inner .left .late_tabs li{display:flex;align-items:center;gap:20px;width:270px;padding:0 0 0 30px;line-height:70px;color:rgba(255,255,255,0.3);font-size:18px;transition:all 0.2s;cursor:pointer}
#inc03 .inner .left .late_tabs li em svg{width:18px}
#inc03 .inner .left .late_tabs li.on{display:flex;color:#fff;background:var(--primary)}
#inc03 .inner .left .late_tabs li em{display:none;justify-content:center;align-items:center;height:70px;padding:10px;margin-left:auto;background:#2565e5}
#inc03 .inner .left .late_tabs li.on em{display:flex}
#inc03 .inner .left .late_tabs .num{font-weight:700;font-size:14px}
#inc03 .inner .right{width:65%;padding:0 100px}
#inc03 .inner .right .late_box .n_lt{display:grid;grid-template-columns:repeat(2, 1fr)}
#inc03 .inner .right .late_box .n_lt li{padding:60px 64px}
#inc03 .inner .right .late_box .n_lt li:nth-child(n+3){border-top:1px solid #e1e1e1}
#inc03 .inner .right .late_box .n_lt li:nth-child(even){border-left:1px solid #e1e1e1}
#inc03 .inner .right .late_box .lt_cont_f{color:#666}
#inc03 .inner .right .late_box .lt_cont_f p{word-break:keep-all}
#inc03 .inner .right .late_box .lt_cont_f .cate{width:70px;margin-bottom:26px;font-size:15px;font-weight:700;line-height:30px;text-align:center;background:#f5f5f5;transition:all 0.2s}
#inc03 .inner .right .late_box .lt_cont_f .subj{font-size:18px;font-weight:700;color:#111;padding-bottom:34px}
#inc03 .inner .right .late_box .lt_cont_f .subt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
#inc03 .inner .right .late_box .lt_cont_f .date{display:block;padding-top:40px;font-size:15px;font-weight:400;font-family:var(--k-font);color:#888;text-align:right}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .inner .right .late_box .n_lt li:hover .cate{color:#fff;background:var(--primary)}
}
@media (max-width:1380px){
#inc03{padding:140px 0 0}
#inc03 .inner .left{padding:150px 2.5% 0}
#inc03 .inner .left .top_box span{padding-bottom:65px}
#inc03 .inner .left .top_box h2{font-size:40px}
#inc03 .inner .right{padding:0 60px}
#inc03 .inner .right .late_box .n_lt li{padding:50px 30px}
}
@media (max-width:1024px){
#inc03{padding:120px 0 0}
#inc03 .inner{justify-content:space-between}
#inc03 .inner .left{padding:100px 2.5% 0;height:730px;width:33%}
#inc03 .inner .left .top_box span{padding-bottom:50px}
#inc03 .inner .left .top_box h2{padding-bottom:35px;font-size:30px}
#inc03 .inner .left .top_box p{white-space:normal}
#inc03 .inner .left .late_tabs li{gap:15px;padding-left:25px;width:225px;height:60px;font-size:16px}
#inc03 .inner .left .late_tabs li em{height:60px}
#inc03 .inner .right{padding:0 40px}
#inc03 .inner .right .late_box .n_lt li{padding:40px 20px}
#inc03 .inner .right .late_box .lt_cont_f .cate{margin-bottom:20px;font-size:14px}
#inc03 .inner .right .late_box .lt_cont_f .subj{padding-bottom:30px;font-size:16px}
#inc03 .inner .right .late_box .lt_cont_f .subt{font-size:15px}
#inc03 .inner .right .late_box .lt_cont_f .date{font-size:14px}
}
@media (max-width:768px){
#inc03{padding:100px 0 0}
#inc03 .inner{flex-direction:column}
#inc03 .inner .left{padding:60px 2.5%;width:100%;height:auto;text-align:center}
#inc03 .inner .left .top_box span{padding-bottom:20px}
#inc03 .inner .left .top_box p{padding-bottom:0px}
#inc03 .inner .left .top_box h2{padding-bottom:15px;font-size:27px;white-space:normal}
#inc03 .inner .left .late_tabs{display:flex;align-items:center;justify-content:center;gap:12px;position:static;margin-top:40px;padding-top:0px;right:2.5%;bottom:60px}
#inc03 .inner .left .late_tabs li{padding-left:25px;width:200px;height:53px;font-size:15px;line-height:60px;color:#fff;background-color:var(--primary)}
#inc03 .inner .left .late_tabs li em{display:flex;padding:8px;height:53px}
#inc03 .inner .right{padding:0px;margin:50px auto 0;width:95%;border:1px solid #e1e1e1}
#inc03 .inner .right .late_box .n_lt li{padding:40px 2.5%}
#inc03 .inner .right .late_box .n_lt li .cate{color:#fff;background-color:var(--primary)}
#inc03 .inner .right .late_box .lt_cont_f{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc03 .inner .right .late_box .lt_cont_f .cate{margin-bottom:25px}
#inc03 .inner .right .late_box .lt_cont_f .subj{padding-bottom:15px}
#inc03 .inner .right .late_box .lt_cont_f .date{padding-top:35px}    
}
@media (max-width:480px){
#inc03{padding:80px 0 0}
#inc03 .inner .left{padding:50px 2.5%}
#inc03 .inner .left .top_box span{padding-bottom:15px;font-size:14px}
#inc03 .inner .left .top_box h2{padding-bottom:12px;font-size:21px}
#inc03 .inner .left .late_tabs li{gap:12px;padding-left:20px;width:calc(100% / 2);height:52px;font-size:14px}
#inc03 .inner .left .late_tabs li em{height:52px}
#inc03 .inner .left .late_tabs .num{font-size:13px}
#inc03 .inner .right{margin-top:40px}
#inc03 .inner .right .late_box .n_lt{grid-template-columns:repeat(1, 1fr)}
#inc03 .inner .right .late_box .n_lt li{padding:35px 2.5%}
#inc03 .inner .right .late_box .n_lt li:nth-child(even){border-left:none}
#inc03 .inner .right .late_box .n_lt li:nth-child(n+2){border-top:1px solid #e1e1e1}
#inc03 .inner .right .late_box .lt_cont_f .subj{padding-bottom:12px;font-size:17px}
#inc03 .inner .right .late_box .lt_cont_f .date{padding-top:30px}
}
@media (max-width:380px){
#inc03{padding:70px 0 0}
#inc03 .inner .left .top_box span{padding-bottom:12px;font-size:13px}
#inc03 .inner .left .top_box h2{padding-bottom:10px;font-size:19px}
#inc03 .inner .left .late_tabs{gap:10px}
#inc03 .inner .left .late_tabs li{padding-left:15px;height:48px;font-size:13px}
#inc03 .inner .left .late_tabs li em{padding:6px;height:48px}
#inc03 .inner .left .late_tabs .num{font-size:12px}
#inc03 .inner .right{margin-top:30px}
#inc03 .inner .right .late_box .n_lt li{padding:30px 2.5%}
#inc03 .inner .right .late_box .lt_cont_f .cate{margin-bottom:23px;font-size:13px}
#inc03 .inner .right .late_box .lt_cont_f .subj{padding-bottom:10px;font-size:16px}
#inc03 .inner .right .late_box .lt_cont_f .subt{font-size:14px}
#inc03 .inner .right .late_box .lt_cont_f .date{padding-top:30px;font-size:13px}
}
/* 반응형 [e] */