@charset "utf-8";

#inc01{position:relative;overflow:hidden;padding-bottom:100px}
#inc01 .dim{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
#inc01 h1{font-size:40px;font-weight:700;line-height:1.2}
#inc01 .about{position:relative;display:flex;justify-content:space-between;align-items:center;gap:50px;height:100vh}
#inc01 .about .company{flex-shrink:0}
#inc01 .about .circle{position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%, -50%);animation:rotate 30s linear infinite}
@keyframes rotate {from {transform:translate(-50%, -50%) rotate(0deg)}
to {transform:translate(-50%, -50%) rotate(360deg)}}
#inc01 .about .roll_img{max-width:730px;width:100%;aspect-ratio:730 / 790}
#inc01 .about .roll_img ul{position:relative;overflow:hidden;width:100%;height:100%;border-radius:8px;background:#f2f2f2}
#inc01 .about .roll_img ul li{position:absolute;top:0;left:0;width:100%;height:100%}
#inc01 .about .roll_img ul li img{width:100%;height:100%;object-fit:cover}
#inc01 .about .roll_img p{margin-top:10px;font-size:13px;color:#777}
#inc01 .about .company div.pl{margin:40px 0;font-weight:500}
#inc01 .about .company .common-btn{text-align:left}

/* 반응형 [s] */
@media (max-width:1600px){
#inc01 .about .circle{max-width:500px;width:100%}
#inc01 .big_tit_area p{margin-bottom:40px !important}
}
@media (max-width:1400px){
#inc01 .about .circle{max-width:450px}
#inc01 .about .roll_img{max-width:650px}
#inc01 .big_tit_area p{margin-bottom:0 !important}
}
@media (max-width:1200px){
#inc01 h1{font-size:36px}
#inc01 .about .company div.pl{margin:30px 0}
#inc01 .about .circle{max-width:clamp(300px,29.17vw,350px)}
}

@media (max-width:1024px){
#inc01 h1{font-size:32px}
#inc01 .about{flex-direction:column;justify-content:center;gap:40px}
#inc01 .about .company{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc01 .about .company div.pl{margin:20px 0}
#inc01 .about .roll_img{aspect-ratio:730 / 450}
#inc01 .about .circle{opacity:0.5}
#inc01 [data-aos="fade-left"], #inc01 [data-aos="fade-right"]{transform:translate3d(0, 50px, 0)}
#inc01 [data-aos="fade-left"].aos-animate, #inc01 [data-aos="fade-right"].aos-animate{transform:translate3d(0, 0, 0)}
}
@media (max-width:768px){
#inc01 h1{font-size:26px}
#inc01 .big_tit_area p{margin-bottom:40px !important}
#inc01 .about{gap:30px;height:auto}
#inc01 .about .company div.pl{margin:15px 0}
#inc01 .about .roll_img ul li:not(:first-child){opacity:0}
}
@media (max-width:480px){
#inc01 h1{font-size:20px}
#inc01 .big_tit_area p{margin-bottom:30px !important}
#inc01 .about{gap:25px}
#inc01 .about .company div.pl{margin:12px 0}
#inc01 .about .roll_img p{font-size:12px;margin-top:7px}
}
/* 반응형 [e] */