@charset "utf-8";

#inc04{position:relative;padding:35px}
#inc04 .tit_area{display:flex;align-items:center;justify-content:space-between}
#inc04 .tit_area div.tit{display:flex;align-items:center;gap:10px}
#inc04 .tit_area .arrow{display:flex;gap:10px}
#inc04 .tit_area .arrow span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:3px;cursor:pointer;background:rgba(255,255,255,.1);transition:all .3s}
#inc04 .tit_area .arrow span svg{width:18px;color:#fff}
#inc04 .merit li{padding:80px 0;border-radius:10px;text-align:center;background:#111}
#inc04 .merit li .s_tit span{opacity:.5}
#inc04 .merit li .s_tit p{font-size:22px;font-weight:700}
#inc04 .merit li .icon{display:flex;align-items:center;justify-content:center;width:240px;height:240px;margin:30px auto;border-radius:50%;background:var(--primary)}

@media(hover:hover){
#inc04 .tit_area .arrow span:hover{border:1px solid rgba(255,255,255,.2);background:none}
}
/* 반응형 [s] */
@media (max-width:1024px){
#inc04{padding:20px}
#inc04 .merit li{padding:50px 0}
#inc04 .merit li .icon{width:180px;height:180px}
#inc04 .merit li .icon img{width:70px}
#inc04 .merit li .s_tit p{font-size:18px}
}
@media (max-width:768px){
#inc04 .tit_area{flex-direction:column}
#inc04 .merit li .s_tit span{font-size:12px}
#inc04 .merit li .icon{width:150px;height:150px;margin:20px auto}
#inc04 .merit li .icon img{width:60px}
}
@media (max-width:480px){
#inc04 .merit li{padding:30px 20px}
#inc04 .merit li .s_tit p{font-size:16px}
#inc04 .merit li .s_tit span{font-size:11px}
}
/* 반응형 [e] */