@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
:root{--primary:#527f8d;--mainsize:1400px;--main-font:'Paperozi', sans-serif}
body,html {height:100%;margin:0;padding:0}
ul, li, dl, dt, dd, p, span, h3, h2{margin:0;padding:0}
a{text-decoration:none}
ul, li{list-style:none}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#inc02 .inc02_wrap{position:relative;width:100%;padding:20px 7%;background-color:#f5f6f7;font-family:var(--main-font)}
#inc02 .inc02_wrap .section_par{color:#343434}

#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:4rem;height:520px;min-height:300px;border-radius:30px;filter:brightness(1);background-color:#fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
#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:70px;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:1.2rem; font-weight:400; font-family: 'GmarketSans'; line-height: 1.7;}
#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}
.tech_list {margin:0 !important; list-style: none !important;}
.csr_mtxt {font-size:.9rem; color:#aaaaaa ; font-weight: 500; padding-top:10px; line-height: 1.5; font-family: 'Paperozi';}


@media screen and (min-width: 768px) and (max-width: 1200px){
#inc02 .inc02_wrap .tech_list li .gsap_container {padding:1.5rem; height:340px;}
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:3rem; padding:10px 0 0;}  
#inc02 .inc02_wrap .tech_list li .txt_cont h3{font-size:22px; word-break: keep-all; margin-bottom: 5px;}  
#inc02 .inc02_wrap .tech_list li .txt_cont p{font-size:16px; line-height: 1.5;}
#inc02 .inc02_wrap .tech_list .pin-spacer {height: 340px !important;}


}


@media only screen and (max-width: 767px){
#inc02 .inc02_wrap .tech_list li .gsap_container{height:500px;padding:20px; display: flex; justify-content: flex-end; align-items: center; flex-direction: column-reverse;}  
#inc02 .inc02_wrap .tech_list li .txt_cont span{font-size:3rem; padding:10px 0 0; text-align: right; margin-bottom: -1rem;}  
#inc02 .inc02_wrap .tech_list li .txt_cont h3{font-size:22px; word-break: keep-all; margin-bottom: 5px;}  
#inc02 .inc02_wrap .tech_list li .txt_cont p{font-size:16px; line-height: 1.5;}
#inc02 .inc02_wrap .tech_list li .txt_cont, #inc02 .inc02_wrap .tech_list li .img_cont {width: 100%;}
#inc02 .inc02_wrap .tech_list .pin-spacer {height: 500px !important;}




}