@charset "utf-8";

#inc02{background:#fff}
#inc02 .inner{max-width:1140px;width:100%;margin:0 auto}
#inc02 .cont_box{padding:100px 30px 60px;display:flex;align-items:center}
#inc02 .cont_box .ko_tit{color:#222;font-size:28px;font-family:'LotteMartDreamBold'}
#inc02 .cont_box .ko_tit span{display:block;color:#aaa;font-size:18px}
#inc02 .cont_box ul{flex-grow:1;display:flex;align-items:center;margin-left:50px}
#inc02 .cont_box ul li{position:relative;width:25%;text-align:center}
#inc02 .cont_box ul li+li:before{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#e1e1e1;content:'';width:1px;height:47px}
#inc02 .cont_box ul li img{transition:all .2s}
#inc02 .cont_box ul li a{display:block;height:100%}
#inc02 .cont_box ul li a p{margin-top:20px;color:#222;font-size:17px;transition:all .2s;font-family:'LotteMartDreamBold'}

/* 배너 */
#inc02 .banner_box{margin-bottom:70px;background:url(/sh_img/include/inc02/bg01.jpg) no-repeat;background-size:cover;border-radius:20px}
#inc02 .banner{position:relative;padding:50px 70px;color:#fff;font-family:'LotteMartDreamBold'}
#inc02 .banner > p{padding-left:20px;margin-bottom:15px;font-size:28px}
#inc02 .banner ul{display:flex} 
#inc02 .banner ul li{position:relative;width:114px;text-align:center}
#inc02 .banner ul li+li:before{position:absolute;left:-2px;top:30px;content:'';width:6px;height:6px;background:#fff;border-radius:50%}
#inc02 .banner ul li span{color:rgba(255,255,255,0.4);font-size:16px}
#inc02 .banner ul li p{font-size:27px}
#inc02 .banner img{position:absolute;bottom:-30px;right:71px}

/* 라테스트 */
#inc02 .latest{display:flex;justify-content:space-between;position:relative;padding-bottom:100px}
#inc02 .latest:before{display:block;content:"";position:absolute;left:50%;top:0;bottom:100px;width:1px;background:#e1e1e1}
#inc02 .latest > div{width:45%}
#inc02 .latest .tit{padding:0 0 12px 0;display:flex;align-items:center;border-bottom:2px solid #222;font-size:22px;color:#222;font-family:'LotteMartDreamBold'}
#inc02 .latest .tit a{margin-left:auto;width:30px;height:30px;border-radius:8px;color:#fff;text-align:center;line-height:30px;background:#333}
#inc02 .latest .tit a svg{width:16px;height:16px}
#inc02 .latest  ul{padding:36px 0 0}
#inc02 .latest  ul li+li{margin-top:12px}
#inc02 .latest  ul li .cate{min-width:52px;height:26px;margin-right:12px;color:#aaa;border:1px solid #e1e1e1;border-radius:20px;font-size:14px;line-height:24px;text-align:center;font-family:'LotteMartDreamBold'}
#inc02 .latest  ul li .subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-family:'notokr-medium'}
#inc02 .latest  ul li .date{flex-shrink:0;margin-left:auto;color:#959595;font-size:14px}
#inc02 .latest  ul li a{display:flex;font-family:'notokr-regular'}

@media(hover:hover){
#inc02 .cont_box ul li:hover img{transform:translateY(-5px)}
#inc02 .cont_box ul li a:hover p{color:var(--primary)}
}
@media(max-width:1180px){
#inc02{padding:0 20px}	
}
@media(max-width:1024px){
#inc02 .cont_box{padding:60px 30px 40px}
#inc02 .cont_box .ko_tit{font-size:24px}
#inc02 .cont_box .ko_tit span{font-size:16px}
#inc02 .banner{padding:40px 50px}
#inc02 .banner > p{padding:0;font-size:24px}
#inc02 .banner img{right:5%;max-width:390px;width:40%}
#inc02 .banner ul li{width:15%}
#inc02 .banner ul li span{Font-size:15px}
#inc02 .banner ul li p{font-size:22px}
#inc02 .latest{padding-bottom:60px}
#inc02 .latest:before{bottom:60px}
}
@media(max-width:768px){
#inc02 .cont_box{padding:60px 0 40px 15px}
#inc02 .cont_box ul li a p{font-size:15px}
#inc02 .cont_box .ko_tit{font-size:22px}
#inc02 .cont_box ul{margin-left:25px}
#inc02 .cont_box ul li img{width:25%}
#inc02 .banner{padding:25px 30px 20px}
#inc02 .banner > p{margin-bottom:10px;font-size:20px}
#inc02 .banner ul li p{font-size:20px}
#inc02 .banner_box{margin-bottom:40px}
#inc02 .latest .tit{font-size:20px}
}
@media(max-width:620px){
#inc02 .cont_box{display:block;padding:40px 0 30px;text-align:center}	
#inc02 .cont_box .ko_tit{margin-bottom:25px}
#inc02 .cont_box ul{margin:0}
#inc02 .banner img{bottom:-20px;right:3%}
#inc02 .banner > p{font-size:16px}
#inc02 .banner ul{width:100%}
#inc02 .banner ul li span{font-size:13px}
#inc02 .banner ul li p{font-size:16px}
#inc02 .banner ul li{width:17%}
#inc02 .banner ul li+li:before{width:3px;height:3px}
#inc02 .latest {display:block;padding-bottom:40px}
#inc02 .latest:before{display:none}
#inc02 .latest > div{width:100%}
#inc02 .latest > div+div{margin-top:40px}
#inc02 .latest ul{padding-top:20px}
#inc02 .latest ul li+li{margin-top:8px}
}
@media(max-width:480px){
#inc02{padding:0 15px}	
#inc02 .banner{padding:20px}
#inc02 .banner ul li{width:20%}
#inc02 .banner > p{word-break:keep-all}
#inc02 .latest ul li .cate{font-size:13px}
}
@media(max-width:380px){
#inc02 .banner{padding:20px 20px 60px;text-align:center}
#inc02 .banner ul li{width:calc(100% / 3)}
#inc02 .banner img{right:5%}
#inc02 .latest ul{justify-content:center}
#inc02 .cont_box ul li img{width:30%}
#inc02 .cont_box ul li a p{font-size:14px;letter-spacing:-.8px}
}