@charset "utf-8";

#inc01{position:relative;min-height:500vh;padding:306px 15px 0;color:#fff;background-color:#242021}
#inc01 .sticky-wrap{position:sticky;top:0;height:100vh;padding-top:108px}

/* 타이틀 */
#inc01 .tit_area{justify-content:center;padding:0 !important;text-align:center}
#inc01 .tit_area h2{font-family:var(--e-font);font-size:80px;line-height:1.25;font-weight:500}
#inc01 .tit_area h2 .point{color:var(--point)}

/* 콘텐츠 원형 */
#inc01 .cont{padding-top:70px}
#inc01 .cont .circles-wrap{display:flex;justify-content:center}
#inc01 .cont .circle-item{display:flex;align-items:center}
#inc01 .cont .circle-item .circle{position:relative}
#inc01 .cont .circle-item .circle .circleSvg{width:261px;aspect-ratio:1}
#inc01 .cont .circle-item .circle .circleSvg .circle-draw{stroke-dashoffset:810px;stroke-dasharray:810px;transform:rotate(-90deg);transform-origin:center}
#inc01 .cont .circle-item .circle .circle--inner{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:21px;will-change:filter}
#inc01 .cont .circle-item .circle .circle--inner .tit-box{display:flex;flex-direction:column;align-items:center}
#inc01 .cont .circle-item .circle .circle--inner .tit-box .en-tit{font-size:20px;font-weight:500;color:var(--point);text-transform:uppercase}

/* 반응형 [s] */
@media (max-width:1024px){
#inc01{padding-top:100px}
#inc01 .tit_area h2{font-size:70px}
#inc01 .cont .circle-item .circle .circleSvg{width:241px}
}
@media (max-width:768px){
#inc01 .tit_area h2{font-size:clamp(40px, 9.11vw, 70px)}
#inc01 .cont .circle-item .circle .circle--inner .tit-box .en-tit{font-size:18px}
#inc01 .cont .circle-item .circle .circle--inner .tit-box .ko-tit{font-size:14px}
}
@media (max-width:480px){
#inc01 .cont .circle-item .circle .circle--inner{gap:16px}
#inc01 .cont .circle-item .circle .circleSvg{width:50.21vw}
#inc01 .cont .circle-item .circle .circle--inner .tit-box .en-tit{font-size:16px}
#inc01 .cont .circle-item .circle .circle--inner .tit-box .ko-tit{font-size:13px}
}
@media (max-width:390px){
#inc01{min-height:max-content;overflow:hidden;padding-bottom:60px}
#inc01 .tit_area h2{padding-bottom:40px}
#inc01 .sticky-wrap{position:static;height:auto}
#inc01 .cont{padding-top:0}
#inc01 .cont .circles-wrap{flex-direction:column;align-items:center;gap:15px}
#inc01 .cont .circle-item{justify-content:center;width:100%;padding:20px 15px;border:1px solid var(--point);border-radius:10px}
#inc01 .cont .circle-item .circle .circle--inner{position:static}
#inc01 .cont .circle-item .circle .circleSvg{display:none}
}
/* 반응형 [e] */