@charset "utf-8";

#inc01{position:relative;max-width:var(--mainsize);margin:0 auto;padding-top:270px;color:#fff;font-family:var(--k-font)}

/* title */
#inc01 .tit{padding-bottom:220px}
#inc01 .tit b{font-size:14px;font-weight:700;font-family:var(--e-font)}
#inc01 .tit h2{padding-top:40px;font-size:38px;font-weight:700;line-height:1.4}
#inc01 .tit p{float:right;padding-top:70px;line-height:1.8;font-weight:400;color:rgba(255, 255, 255, 0.4)}

/* count */
#inc01 .count_wrap{display:flex;align-items:center;justify-content:space-between;padding:130px 0 250px;border-top:1px solid rgba(255, 255, 255, 0.2)}
#inc01 .count_wrap li{display:flex;align-items:center;justify-content:flex-start;gap:65px;position:relative;width:100%}
#inc01 .count_wrap li::before{content:"";display:inline-block;position:absolute;top:50%;left:-4%;width:10px;height:10px;border-radius:100%;background:var(--primary);box-shadow:0px 0px 25.5px 4.5px rgba(8, 105, 236, 0.76)}
#inc01 .count_wrap li:nth-child(1)::before{display:none}
#inc01 .count_wrap li:nth-child(2){justify-content:space-between;gap:0}
#inc01 .count_wrap li:nth-child(2) .num{padding-left:60px}
#inc01 .count_wrap li:nth-child(2) .txt{padding-right:80px}
#inc01 .count_wrap li:last-child{justify-content:flex-end;gap:75px}
#inc01 .count_wrap li .num_container{display:flex;gap:5px;font-size:90px;font-weight:700;font-family:var(--e-font)}
#inc01 .count_wrap li .txt h3{position:relative;padding-bottom:30px;font-size:25px;font-weight:700;text-transform:uppercase;font-family:var(--k-font)}
/* #inc01 .count_wrap li .txt h3::before{content:"%";display:inline-block;position:absolute;top:0;left:-45px;font-size:40px;font-weight:700;color:#fff;line-height:0.8;font-family:var(--e-font)} */
/* #inc01 .count_wrap li:nth-child(2) .txt h3::before{display:none} */
#inc01 .count_wrap li .txt p{font-size:18px;color:rgba(255, 255, 255, 0.4);word-break:keep-all}

/* 반응형 [s] */
@media (max-width:1380px){
#inc01{padding-top:230px;max-width:unset;width:95%}
#inc01 .tit h2{font-size:36px}
#inc01 .count_wrap{gap:30px}
#inc01 .count_wrap li{gap:45px;width:calc(100% / 3 - 15px);justify-content:center}
#inc01 .count_wrap li::before{left:-20px}
#inc01 .count_wrap li:last-child{gap:45px;justify-content:center}
#inc01 .count_wrap li .num_container{font-size:75px}
#inc01 .count_wrap li:nth-child(2){justify-content:center;gap:45px}
#inc01 .count_wrap li:nth-child(2) .num{padding-left:0}
#inc01 .count_wrap li:nth-child(2) .txt{padding:0px}
#inc01 .count_wrap li .txt h3{padding-bottom:25px;font-size:23px}
#inc01 .count_wrap li .txt h3::before{left:-44px}
#inc01 .count_wrap li .txt p{font-size:16px}
}
@media (max-width:1024px){
#inc01{padding-top:180px}
#inc01 .tit{padding-bottom:100px}
#inc01 .tit h2{padding-top:30px;font-size:30px}
#inc01 .tit p{float:none;margin-left:auto;width:max-content}
#inc01 .count_wrap{padding:100px 0 150px}
#inc01 .count_wrap li{flex-direction:column;width:100%;gap:10px !important;text-align:center}
#inc01 .count_wrap li .num_container{font-size:55px}
#inc01 .count_wrap li .txt h3{padding-bottom:10px;font-size:21px}
#inc01 .count_wrap li .txt h3::before{display:none}
#inc01 .count_wrap li .txt p{font-size:15px}
}
@media (max-width:768px){
#inc01{padding-top:130px}
#inc01 .tit{padding-bottom:80px;text-align:center}
#inc01 .tit h2{padding-top:20px;margin:auto;width:85%;font-size:25px}
#inc01 .tit p{margin:auto;padding-top:40px;width:auto;width:85%}
#inc01 .count_wrap{padding:80px 0 120px}
#inc01 .count_wrap li{gap:8px !important}
#inc01 .count_wrap li::before{width:8px;height:8px}
#inc01 .count_wrap li .num_container{font-size:45px}
#inc01 .count_wrap li .txt h3{padding-bottom:8px;font-size:18px}
#inc01 .count_wrap li .txt p{font-size:14px}
}
@media (max-width:480px){
#inc01{padding-top:100px}
#inc01 .tit{padding-bottom:60px}
#inc01 .tit h2{width:95%;font-size:21px}
#inc01 .tit p{padding-top:35px;width:95%}
#inc01 .count_wrap{flex-direction:column;gap:60px;padding:60px 0 80px}
#inc01 .count_wrap li::before{left:50%;top:-30px;transform:translateX(-50%)}
#inc01 .count_wrap li .num_container{font-size:52px}
#inc01 .count_wrap li .txt h3{font-size:20px}
#inc01 .count_wrap li .txt p{font-size:16px}
}
@media (max-width:390px){
#inc01{padding-top:80px}
#inc01 .tit{padding-bottom:55px}
#inc01 .tit b{font-size:13px}
#inc01 .tit h2{padding-top:15px;width:100%;font-size:19px}
#inc01 .tit p{padding-top:30px;width:100%}
#inc01 .count_wrap{padding:50px 0 70px;gap:50px}
#inc01 .count_wrap li{gap:4px !important}
#inc01 .count_wrap li::before{top:-25px}
#inc01 .count_wrap li .num_container{font-size:46px}
#inc01 .count_wrap li .txt h3{padding-bottom:6px;font-size:18px}
#inc01 .count_wrap li .txt p{font-size:15px}
}
/* 반응형 [e] */