@charset "utf-8";

#inc02{position:relative;padding:200px 0;text-align:center;color:#fff;background:url(./img/bg.png) #111 no-repeat center;background-size:contain;font-family:var(--k-font)}
#inc02 .pl{white-space:pre-line}
#inc02 .inner{max-width:var(--mainsize);margin:0 auto}
#inc02 .inner .top{padding-bottom:190px;color:rgba(255,255,255,0.6)}
#inc02 .inner .top .tit{margin-left:-150px;padding-bottom:60px;font-size: 66px;font-weight: 600;line-height:1.1;color:#fff;font-family: var(--e-font),'Pretendard';}
#inc02 .inner .top .tit b{padding-left:300px;font-weight:normal}
#inc02 .img_wrap ul{display:flex;gap:270px;width:100%}
#inc02 .img_wrap ul li{width:max-content;height:100%;transition:all 0.3s}
#inc02 .img_wrap ul li a{position:relative;display:block;transition:all 0.2s}
#inc02 .img_wrap ul li a .txt_box{width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px;color:rgba(255, 255, 255, 0.6);opacity:0;transition:all 0.3s}
#inc02 .img_wrap ul li .txt_box p{padding-bottom:30px;margin-bottom:30px;font-size:28px;font-weight: 700;color:#fff;font-family: 'Pretendard';border-bottom:1px solid #fff}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .img_wrap ul li:hover{margin-top:-76px}
#inc02 .img_wrap ul li:hover .txt_box{opacity:1}
#inc02 .img_wrap ul li a:hover:before{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgb(0 0 0 / 55%);-webkit-transition:all .2s;transition:all .2s;opacity:1}
}
@media (max-width:1380px){
#inc02 .inner .top .tit{font-size:52px}
#inc02 .inner .top .tit b{padding-left:250px}
#inc02 .img_wrap ul{gap:150px}
}
@media (max-width:1024px){
#inc02{padding:150px 0}
#inc02 .inner .top{padding-bottom:150px}
#inc02 .inner .top .tit{margin:0 0 40px 0;padding:0px;font-size:40px}
#inc02 .inner .top .tit b{padding-left:0px}
#inc02 .img_wrap ul{gap:80px}
#inc02 .img_wrap ul li:hover{margin-top:-40px}
#inc02 .img_wrap ul li:nth-child(odd) .img_cont{width:340px;height:430px}
#inc02 .img_wrap ul li:nth-child(even) .img_cont{width:490px;height:500px}
#inc02 .img_wrap ul li .img_cont img{width:100%;height:100%;object-fit:cover}
#inc02 .img_wrap ul li a .txt_box{width:95%}
#inc02 .img_wrap ul li .txt_box p{padding-bottom:25px;margin-bottom:25px;font-size:23px}
#inc02 .img_wrap ul li .txt_box .txt{white-space:normal}
}
@media (max-width:768px){
#inc02{padding:120px 0}
#inc02 .inner .top{padding-bottom:110px}
#inc02 .inner .top .tit{margin-bottom:35px;font-size:27px;line-height:1.3}
#inc02 .img_wrap ul{gap:40px}
#inc02 .img_wrap ul li:nth-child(odd) .img_cont{width:280px;height:370px}
#inc02 .img_wrap ul li:nth-child(even) .img_cont{width:440px;height:450px}
#inc02 .img_wrap ul li .txt_box p{padding-bottom:20px;margin-bottom:20px;font-size:21px}
#inc02 .img_wrap ul li .txt_box .txt{font-size:14px}
}
@media (max-width:480px){
#inc02{padding:100px 0;height:100vh}
#inc02 .inner .top{padding-bottom:80px}
#inc02 .inner .top .tit{margin-bottom:30px;font-size:22px}
#inc02 .img_wrap ul{gap:25px}
#inc02 .img_wrap ul li:hover{margin-top:-30px}
#inc02 .img_wrap ul li:nth-child(odd) .img_cont{width:240px;height:330px}
#inc02 .img_wrap ul li:nth-child(even) .img_cont{width:380px;height:390px}
#inc02 .img_wrap ul li a:before{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgb(0 0 0 / 55%);-webkit-transition:all .2s;transition:all .2s;opacity:1}
#inc02 .img_wrap ul li .txt_box{opacity:1 !important}
#inc02 .img_wrap ul li .txt_box p{padding-bottom:18px;margin-bottom:18px;font-size:19px}
#inc02 .img_wrap ul li .txt_box .txt{font-size:13px}
}
@media (max-width:390px){
#inc02 .inner .top{padding-bottom:70px}
#inc02 .inner .top .tit{margin-bottom:25px;font-size:18px}
#inc02 .img_wrap ul{gap:18px}
#inc02 .img_wrap ul li:nth-child(odd) .img_cont{width:200px;height:290px}
#inc02 .img_wrap ul li:nth-child(even) .img_cont{width:340px;height:350px}
#inc02 .img_wrap ul li .txt_box p{padding-bottom:15px;margin-bottom:15px;font-size:16px}
}
/* 반응형 [e] */