@charset "utf-8";

#inc03{overflow-x:hidden;width:100%;max-width:var(--mainsize);margin:0 auto;padding:10% 0}
#inc03 h2{margin-bottom:150px;font-size:40px;font-weight:700;color:#fff;text-align:center}
#inc03 ul{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;row-gap:60px}
#inc03 ul li:nth-child(6):after{display:none}
#inc03 ul li{position:relative}
#inc03 ul li+li:after{position:absolute;content:'';top:50%;left:-15px;width:28px;height:6px;transform:translateY(-50%);background:url(./img/dot.png) no-repeat}
#inc03 dl{margin-top:30px;color:#fff}
#inc03 dt{margin-bottom:5px;font-size:20px;font-weight:700}
#inc03 dd{opacity:.5;white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1380px){
#inc03 h2{font-size:35px}
#inc03 ul li img{width:85px}
#inc03 dt{font-size: 18px}
}
@media (max-width:1024px){
#inc03{padding:70px 0 90px}
#inc03 h2{margin:0 auto 120px;width:95%;font-size:30px}
#inc03 ul{display: flex;flex-wrap: wrap}
#inc03 ul li:nth-child(-n+3){width: calc(100% / 3)}
#inc03 ul li:nth-child(n+4){margin-top:50px;width: calc(100% / 2)}
#inc03 ul li:nth-child(4):after{display:none}
#inc03 ul li img{width:72px}
#inc03 dl{margin-top:24px}
#inc03 dt{font-size:17px}
}
@media (max-width:768px){
#inc03{padding:50px 0 90px}
#inc03 h2{margin-bottom:80px;font-size:26px}
#inc03 ul li:nth-child(-n+2){margin-right:14px}
#inc03 ul li:nth-child(-n+3){width: calc(100% / 3 - 10px)}
#inc03 ul li:nth-child(n+4){margin-top:50px;width: calc(100% / 2 - 7px)}
#inc03 ul li:nth-child(4){margin-right:14px}
#inc03 ul li+li:after{left:-14px;width:20px}
#inc03 ul li img{width:65px}
#inc03 dl{margin-top:18px}
#inc03 dt{margin-bottom:0px;font-size:16px}
#inc03 dd{margin: auto;width:85%;font-size:14px;white-space:normal}
}
@media (max-width:480px){
#inc03{padding:70px 0 90px}
#inc03 h2{margin-bottom:50px;font-size:22px}
#inc03 ul{flex-direction: column}
#inc03 ul li:nth-child(-n+2){margin-right:0px}
#inc03 ul li:nth-child(-n+3){width:100%}
#inc03 ul li:nth-child(n+4){width:100%}
#inc03 ul li:nth-child(n+2){margin-top:30px;padding-top:40px}
#inc03 ul li:nth-child(4){margin-right:0px}
#inc03 ul li:nth-child(4):after{display:block}
#inc03 ul li+li:after{top:0px;left:50%;transform: translateX(-50%) rotate(90deg);width:28px}
#inc03 ul li img{width:60px}
#inc03 dl{margin-top:14px}
#inc03 dd{width:50%}
}
@media (max-width:380px){
#inc03{padding:60px 0 70px}
#inc03 h2{margin-bottom:40px;font-size:19px}
#inc03 ul li img{width:55px}
#inc03 dt{font-size:15px}
#inc03 dd{font-size:13px}
}
/* 반응형 [e] */