@charset "utf-8";

#inc02 .inc02_wrap{position:relative;width:100%;padding:180px 7%;background-color:#f5f6f7}
#inc02 .inc02_wrap .section_title{color:var(--primary)}
#inc02 .inc02_wrap .section_par{color:#222e42}

#inc02 .inc02_wrap .tech_list{margin-top:120px}
#inc02 .inc02_wrap .tech_list li{position:relative;perspective:300px}
#inc02 .inc02_wrap .tech_list .pin-spacer{margin-bottom:60px !important;padding-bottom:0px !important;height:520px !important}
#inc02 .inc02_wrap .tech_list li .gsap_container{position:relative;display:flex;justify-content:space-between;align-items:center;padding:80px;height:520px;border-radius:30px;filter:brightness(1);background-color:#fff}
#inc02 .inc02_wrap .tech_list li+li{margin-top:60px}
#inc02 .inc02_wrap .tech_list li .txt_cont{display:flex;flex-direction:column;justify-content:space-between;width:50%;height:100%}
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:90px;font-weight:700;line-height:1;color:rgb(0, 0, 0, 0.1)}
#inc02 .inc02_wrap .tech_list li .txt_cont h3{margin-bottom:20px;font-size:30px;font-weight:800;line-height:1.3;color:#222e42}
#inc02 .inc02_wrap .tech_list li .txt_cont p{font-size:20px;font-weight:400}
#inc02 .inc02_wrap .tech_list li .img_cont{width:45%;height:100%}
#inc02 .inc02_wrap .tech_list li .img_cont img{width:100%;height:100%;border-radius:20px;object-fit:cover}

/* 반응형 [s] */
@media (max-width:1380px){
#inc02 .inc02_wrap{padding:150px 2.5%}
#inc02 .inc02_wrap .tech_list .pin-spacer{height:510px !important}
#inc02 .inc02_wrap .tech_list li .gsap_container{padding:70px;height:510px}
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:75px}
#inc02 .inc02_wrap .tech_list li .txt_cont h3{font-size:28px}
#inc02 .inc02_wrap .tech_list li .txt_cont p{font-size:19px}
}
@media (max-width:1180px){
#inc02 .inc02_wrap .tech_list .pin-spacer{height:480px !important}
#inc02 .inc02_wrap .tech_list li .gsap_container{padding:60px;height:480px}
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:70px}
#inc02 .inc02_wrap .tech_list li .txt_cont h3{font-size:26px}
#inc02 .inc02_wrap .tech_list li .txt_cont p{font-size:18px}
}
@media (max-width:1024px){
#inc02 .inc02_wrap{padding:120px 2.5%}
#inc02 .inc02_wrap .tech_list{margin-top:90px}
#inc02 .inc02_wrap .tech_list .pin-spacer{margin-bottom:40px !important;height:370px !important}
#inc02 .inc02_wrap .tech_list li .gsap_container{padding:40px;height:370px;border-radius:20px}
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:60px}
#inc02 .inc02_wrap .tech_list li .txt_cont h3{font-size:24px}
#inc02 .inc02_wrap .tech_list li .txt_cont p{font-size:17px;white-space:normal}
}
@media (max-width:768px){
#inc02 .inc02_wrap{padding:100px 2.5%}
#inc02 .inc02_wrap .tech_list{margin-top:60px}
#inc02 .inc02_wrap .tech_list li+li{margin-top:40px}
#inc02 .inc02_wrap .tech_list li .gsap_container{flex-direction:column;padding:35px 25px;height:auto;border-radius:15px}
#inc02 .inc02_wrap .tech_list li .txt_cont{width:100%;height:auto;text-align:center}
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:45px}
#inc02 .inc02_wrap .tech_list li .txt_cont h3{margin:30px 0 20px;font-size:22px}
#inc02 .inc02_wrap .tech_list li .txt_cont p{margin:auto;width:85%;font-size:16px}
#inc02 .inc02_wrap .tech_list li .img_cont{margin-top:35px;width:100%;height:270px}
#inc02 .inc02_wrap .tech_list li .img_cont img{border-radius:15px}
}
@media (max-width:580px){
#inc02 .inc02_wrap .tech_list li .gsap_container{padding:40px 20px}
#inc02 .inc02_wrap .tech_list li .txt_cont p{width:95%}
}
@media (max-width:480px){
#inc02 .inc02_wrap{padding:80px 2.5%}
#inc02 .inc02_wrap .tech_list li+li{margin-top:30px}
#inc02 .inc02_wrap .tech_list li .gsap_container{padding:35px 12px 12px;border-radius:12px}
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:40px}
#inc02 .inc02_wrap .tech_list li .txt_cont h3{margin:25px 0 15px;font-size:19px}
#inc02 .inc02_wrap .tech_list li .txt_cont p{width:100%;font-size:14px}
#inc02 .inc02_wrap .tech_list li .img_cont{margin-top:30px;height:210px}
#inc02 .inc02_wrap .tech_list li .img_cont img{border-radius:12px}
}
@media (max-width:380px){
#inc02 .inc02_wrap{padding:70px 2.5%}
#inc02 .inc02_wrap .tech_list{margin-top:50px}
#inc02 .inc02_wrap .tech_list li+li{margin-top:20px}
#inc02 .inc02_wrap .tech_list li .gsap_container{padding:30px 10px 10px}
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:34px}
#inc02 .inc02_wrap .tech_list li .txt_cont h3{margin:20px 0 10px;font-size:17px}
#inc02 .inc02_wrap .tech_list li .txt_cont p{font-size:13px}
#inc02 .inc02_wrap .tech_list li .img_cont{margin-top:25px;height:180px}
}
/* 반응형 [e] */
