@charset "utf-8";

#inc01{position:relative;padding-top:110px;padding-bottom:210px;background-color:#111;color:#fff;background-image:url(./img/inc01_bg.png);background-repeat:no-repeat;background-position:top right;word-break:keep-all}
#inc01 .group-title{z-index:1;position:absolute;top:225px;left:max(20px, calc((100% - var(--main-size)) / 2))}
#inc01 .group-title p.desc{padding-bottom:60px;font-size:16px;line-height:1.6;white-space:pre-line;color:var(--gray-font)}

#inc01 .chart{position:relative;width:95%}
#inc01 .chart .point-text{text-anchor:end}
#inc01 .chart .point-year{font-family:'Pretendard';font-size:15px;fill:rgba(255,255,255,0.3)}
#inc01 .chart .point-year.em{fill:#fff}
#inc01 .chart .point-desc{font-family:'Pretendard';font-size:20px;line-height:1.25;font-weight:700;fill:#fff}
#inc01 .chart .point-desc.em{fill:var(--primary)}
#inc01 .chart .point-desc.em.large{font-size:40px}
#inc01 .chart.mo{display:none}
#inc01 .chart.sm{display:none}

/* 반응형 [s] */
@media (max-width:1600px){
#inc01{padding-bottom:150px;background-size:contain}
#inc01 .chart{width:100%}
#inc01 .chart .point-year{font-size:17px}
}
@media (max-width:1400px){
#inc01{padding-bottom:100px}
#inc01 .group-title{top:190px}
#inc01 .group-title p.desc{padding-bottom:40px}
}
@media (max-width:1200px){
#inc01{padding-bottom:80px;padding-top:160px}
#inc01 .group-title{top:120px}
#inc01 .chart .point-year{font-size:20px}
#inc01 .chart .point-desc{font-size:24px}
}
@media (max-width:1024px){
#inc01{padding:40px 20px 50px}
#inc01 .group-title{top:150px}
#inc01 .group-title p.desc{padding-bottom:24px;font-size:15px}
#inc01 .chart .point-year{font-size:8px}
#inc01 .chart .point-desc.em.large{font-size:18px}
#inc01 .chart .point-desc{font-size:8px}
#inc01 .chart.pc{display:none}
#inc01 .chart.mo{display:block}
}
@media (max-width:768px){
#inc01{padding:100px 20px 60px}
#inc01 .group-title{position:static;display:flex;flex-direction:column;align-items:center;text-align:center}
#inc01 .group-title h3{white-space:normal}
#inc01 .group-title p.desc{padding-bottom:20px}
#inc01 .chart{width:95%;margin:0 auto}
#inc01 .chart svg{overflow:visible}
#inc01 .chart .point-desc{font-size:11px}
#inc01 .chart .point-year{font-size:11px}
#inc01 .chart .point-desc.em.large{font-size:24px}
#inc01 .chart.mo{display:none}
#inc01 .chart.sm{display:block}
}
@media (max-width:580px){
#inc01{padding:80px 20px 50px}
#inc01 .chart .point-desc{font-size:14px}
#inc01 .chart .point-year{font-size:14px}
#inc01 .chart .point-desc.em.large{font-size:26px}
#inc01 .chart.sm{transform:translateX(10px)}
}
@media (max-width:480px){
#inc01 .group-title p.desc{font-size:14px}
#inc01 .chart .point-year{font-size:15px}
#inc01 .chart .point-desc{font-size:15px}
}
@media (max-width:390px){
#inc01 .group-title p.desc{white-space:normal}
#inc01 .chart .point-year{font-size:18px}
#inc01 .chart .point-desc{font-size:17px}
}
/* 반응형 [e] */