@charset "utf-8";

#inc05{overflow-x:hidden;width:100%;position:relative;padding:0px 260px 190px}
#inc05::before{content:"";display:block;position:absolute;right:0;bottom:0;width:439px;height:389px;background:url(img/deco.png);background-size:cover}
#inc05 .tit_area h2{padding-bottom:30px;line-height:1.3;color:#222}
#inc05 .wrap{display:flex;align-items:flex-end;justify-content:space-between}

/* latest */
#inc05 ul{display:flex;margin-top:90px}
#inc05 ul li{position:relative;width:calc(100% / 3);border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#inc05 ul li:after{position:absolute;content:'';top:-1px;width:0;height:2px;background:var(--primary);transition:width .3s}
#inc05 ul li a{position:relative;display:block;height:100%;padding:50px;color:#777;word-break:keep-all}
#inc05 ul li .option{display:flex;justify-content:space-between;width:100px;height:38px;margin-bottom:35px;border:1px solid var(--primary);font-size:13px;font-weight:700;color:var(--primary);text-align:center;font-family:var(--e-font), var(--k-font)}
#inc05 ul li .option span{width:100%;font-size:13px;font-weight:600;line-height:36px;transition:all .3s;font-family:var(--e-font)}
#inc05 ul li .subj{font-size:20px;font-weight:700;color:#222;transition:all .3s;font-family:var(--k-font), var(--e-font)}
#inc05 ul li .lt_cont{margin-top:20px;font-size:15px;word-break:keep-all}
#inc05 ul li .date{margin-top:60px;font-size:13px;font-weight:700;color:#aaa;transition:all .3s;font-family:var(--e-font)}

/* 반응형 [s] */
@media (hover:hover){
#inc05 ul li:hover:after{width:100%}
#inc05 ul li a:hover{background:#fff}
#inc05 ul li a:hover .option span{background:var(--primary);color:#fff}
#inc05 ul li a:hover .subj{color:#111}
#inc05 ul li a:hover .date{color:#111}
}
@media (max-width:1380px){
#inc05{padding:200px 5% 190px}
#inc05 ul li a{padding:40px}
}
@media (max-width:1024px){
#inc05{padding:150px 2.5% 140px}
#inc05::before{width:280px;height:280px}
#inc05 .tit_area h2{padding-bottom:20px; line-height:1.3;font-size:40px}
#inc05 ul li a{padding:21px}
#inc05 ul li .option{margin-bottom:25px;width:90px;height:36px}
#inc05 ul li .subj{font-size:17px}
#inc05 ul li .lt_cont{margin-top:15px;font-size:14px}
#inc05 ul li .date{margin-top:40px}
}
@media (max-width:768px){
#inc05{padding:110px 2.5% 90px}
#inc05::before{width:210px;height:210px}
#inc05 .wrap{flex-direction:column;align-items:center;gap:50px;text-align:center}
#inc05 .tit_area h2{padding-bottom:15px}
#inc05 ul{flex-wrap:wrap}
#inc05 ul li{border:1px solid #e1e1e1}
#inc05 ul li:nth-child(1){border-right:none}
#inc05 ul li:nth-child(-n+2){width:50%}
#inc05 ul li:last-child{width:100%;border-top:none}
#inc05 ul li a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 2.5%}
#inc05 ul li .option{width:85px;height:34px}
#inc05 ul li .option span{font-size:12px;line-height:34px}
#inc05 ul li .subj{font-size:16px}
#inc05 ul li .lt_cont{margin-top:8px}
#inc05 ul li .date{margin-top:25px}
}
@media (max-width:480px){
#inc05{padding:80px 2.5% 50px}
#inc05::before{width:150px;height:150px}
#inc05 .wrap{gap:40px}
#inc05 ul{flex-direction:column;margin-top:60px}
#inc05 ul li:nth-child(1){border-right:1px solid #e1e1e1}
#inc05 ul li:nth-child(-n+2){width:100%}
#inc05 ul li a{background-color:#f7f7f7}
#inc05 ul li:after{width:100%}
#inc05 ul li .option span{color:#fff;background-color:var(--primary)}
#inc05 ul li .date{color:#111}
}
@media (max-width:380px){
#inc05{padding:70px 2.5% 30px}
#inc05::before{width:120px;height:120px}
#inc05 .tit_area h2{padding-bottom:10px}
#inc05 .wrap{gap:30px}
#inc05 ul{margin-top:55px}
#inc05 ul li .option{margin-bottom:20px;width:80px;height:32px}
#inc05 ul li .option span{line-height:32px}
#inc05 ul li .subj{font-size:15px}
#inc05 ul li .lt_cont{margin-top:6px;font-size:13px;line-height:1.5}
}
/* 반응형 [e] */