@charset "utf-8";

#inc04{overflow:hidden;position:relative}
#inc04 .circle{opacity:.08;position:absolute;right:-265px;top:-265px;width:535px;height:535px;border-radius:50%;background:var(--primary)}
#inc04 .rt_txt{position:absolute;top:45%;right:5%;z-index:2;font-size:16px;color:#aaa;writing-mode:vertical-rl;font-family:var(--e-font)}
#inc04 .deco{position:absolute;left:0;bottom:0}
#inc04 .deco_mask{position:absolute;left:0;bottom:0;transform-origin:left bottom;width:550px;height:550px;background:#fff}

#inc04 .inner{max-width:1420px;margin:0 auto;padding:250px 80px 170px 120px}
#inc04 .tit_area{position:relative;margin-bottom:30px}
#inc04 .tit_area > span{font-size:18px;color:#111;font-family:var(--e-font)}
#inc04 .tit_area p{font-size:56px;color:#111;font-family:var(--e-font)}
#inc04 .tit_area p span{color:var(--primary)}
#inc04 .tit_area .controls{position:absolute;right:0;bottom:20px}
#inc04 .tit_area .controls img{opacity:.2;transition:.2s;cursor:pointer}
#inc04 .tit_area .controls img+img{margin:0 0 2px 20px}

#inc04 .latest_wrap{padding-left:16%}
#inc04 ul li{border:1px solid #e1e1e1;background:#fff}
#inc04 ul li a{display:block;padding:50px;font-size:15px;color:#777}
#inc04 ul li span{font-family:var(--e-font);color:var(--primary)}
#inc04 ul li p{margin:20px 0 40px;font-size:19px;font-weight:600;color:#111}
#inc04 ul li div{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
/* 반응형 [s] */
@media (max-width:1380px){
#inc04 .rt_txt{right:1%}
#inc04 .inner{padding:220px 5% 150px}
#inc04 .tit_area .controls img:hover{opacity:1}
}
@media (max-width:1024px){
#inc04 .deco img{width:340px}
#inc04 .deco_mask{width:345px;height:345px}
#inc04 .circle{right:-150px;top:-150px;width:300px;height:300px}
#inc04 .rt_txt{display:none}
#inc04 .inner{padding:130px 2.5% 220px}
#inc04 .tit_area{margin-bottom:45px}
#inc04 .tit_area > span{font-size:16px}
#inc04 .tit_area p{font-size:38px}
#inc04 .latest_wrap{padding-left:0px}
#inc04 ul li a{padding:35px;font-size:14px}
#inc04 ul li p{margin:12px 0 18px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inc04 ul li div{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
}
@media (max-width:768px){
#inc04 .deco img{width:270px}
#inc04 .deco_mask{width:275px;height:275px}
#inc04 .circle{right:-110px;top:-110px;width:220px;height:220px}
#inc04 .inner{padding:100px 2.5% 180px}
#inc04 .tit_area{margin-bottom:38px}
#inc04 .tit_area > span{font-size:14px}
#inc04 .tit_area p{font-size:34px}
#inc04 ul li a{padding:35px 20px}
#inc04 ul li p{margin:10px 0 16px;font-size:17px}
}
@media (max-width:480px){
#inc04 .deco img{display:none};
#inc04 .deco_mask{display:none}
#inc04 .circle{right:-90px;top:-90px;width:180px;height:180px}
#inc04 .inner{padding:70px 2.5% 110px}
#inc04 .tit_area{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:0px;padding-bottom:40px}
#inc04 .tit_area .controls{bottom:0px;right:50%;transform:translateX(50%)}
#inc04 .tit_area .controls img{width:33px}
#inc04 .tit_area p{font-size:26px}
#inc04 .latest_wrap{margin-top:40px}
#inc04 ul li a{font-size:13px;text-align:center}
#inc04 ul li p{margin:8px 0 12px;font-size:16px}
}
@media (max-width:380px){
#inc04 .circle{right:-80px;top:-80px;width:160px;height:160px}
#inc04 .inner{padding:60px 2.5% 95px}
#inc04 .tit_area{padding-bottom:35px}
#inc04 .tit_area p{font-size:23px}
#inc04 .tit_area .controls img{width:31px}
#inc04 .latest_wrap{margin-top:35px}
}
/* 반응형 [e] */