@charset "utf-8";

#inc01{margin-top:-47px;background:url('./img/bg.png') no-repeat center 330px}
#inc01 .inner{display:flex;justify-content:space-between;width:100%;max-width:1500px;margin:0 auto}

/* 좌측 텍스트 */
#inc01 .l_txt{position:sticky;left:0;top:200px;align-self:flex-start;padding-bottom:200px}
#inc01 .l_txt .deco{margin-bottom:45px}
#inc01 .l_txt .deco img{animation:rotate_ani 2s linear infinite;transform-origin:50% 50%}
#inc01 .l_txt .big_txt{position:relative;font-size:35px;font-weight:700;line-height:1.2;color:rgba(255,255,255,.2)}
#inc01 .l_txt .big_txt .b_txt{position:relative;width:max-content;background:linear-gradient(to right, #fff, #fff) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) 0.5s}
#inc01 .l_txt .big_txt .brac_ket{display:block;position:absolute;left:435px;bottom:-50px}

/* 우측 링크박스 */
#inc01 .r_cont .cont{overflow:hidden}
#inc01 .r_cont .cont+.cont{margin-top:80px}
#inc01 .r_cont .cont a{display:flex;align-items:end;justify-content:end;gap:20px;color:#fff}
/*#inc01 .r_cont .cont:nth-child(2n) a{margin-right:68px}*/
#inc01 .r_cont .cont .item{overflow:hidden;position:relative;z-index:1;width:75%;height:410px;padding:220px 60px 0;border-radius:10px}
#inc01 .r_cont .cont .item .img{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;width:100%;height:100%;background:no-repeat center;background-size:cover}
#inc01 .r_cont .cont .item .img:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;opacity:0;width:100%;height:100%;background:rgb(0,0,0);background:linear-gradient(0deg, rgba(0,0,0,0.8547794117647058) 0%, rgba(0,0,0,0.7511379551820728) 27%, rgba(0,0,0,0) 100%);transition:all .3s}
#inc01 .r_cont .cont:nth-child(1) .img{background-image:url('./img/img01.jpg')}
#inc01 .r_cont .cont:nth-child(2) .img{background-image:url('./img/img02.jpg')}
#inc01 .r_cont .cont:nth-child(3) .img{background-image:url('./img/img03.jpg')}
#inc01 .r_cont .cont:nth-child(4) .img{background-image:url('./img/img04.jpg')}
#inc01 .r_cont .cont .item .txt{opacity:0;color:rgba(255,255,255,.65);word-break:keep-all;transition:all .3s}
#inc01 .r_cont .cont .item .txt h3{display:block;margin-bottom:26px;font-size:25px;font-weight:700;color:#fff}
#inc01 .r_cont .cont .view_btn{display:flex;flex-flow:column;justify-content:center;align-items:center;opacity:0;width:70px;height:70px;margin-bottom:-50px;border-radius:10px;font-size:14px;background-color:var(--primary);transition:all .3s;font-family:var(--eng-font)}
#inc01 .r_cont .cont .view_btn svg{height:14px}

/* 반응형 [s] */
@media(hover:hover){
#inc01 .r_cont .cont:hover div .img:before{opacity:1}
#inc01 .r_cont .cont:hover div .txt{opacity:1}
#inc01 .r_cont .cont:hover .view_btn{opacity:1;margin-bottom:0}
}
@media (max-width:1024px){
#inc01{margin-top:90px}
#inc01 .inner{width:95%}
#inc01 .l_txt .deco{margin-bottom:22px}
#inc01 .l_txt .big_txt{font-size:28px}
#inc01 .l_txt .big_txt .brac_ket{left:0%;width:100%;text-align:end}
#inc01 .r_cont .cont a{gap:15px}
#inc01 .r_cont .cont:nth-child(2n) a{margin-right:25px}
#inc01 .r_cont .cont .item{padding:110px 35px 0px;height:270px}
#inc01 .r_cont .cont .item .img{width:100%;height:100%}
#inc01 .r_cont .cont .item .txt{font-size:14px}
#inc01 .r_cont .cont .item .txt h3{margin-bottom:12px;font-size:20px}
#inc01 .r_cont .cont .view_btn{width:55px;height:55px}
}
@media (max-width:768px){
#inc01 .inner{position:relative;flex-direction:column}
#inc01 .l_txt{position:relative;top:0px;padding:20px 0px;width:100%}
#inc01 .l_txt .deco{display:none}
#inc01 .l_txt .big_txt{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;font-size:22px}
#inc01 .l_txt .big_txt .b_txt{width:100%;text-align:center;background-size:100% !important}
#inc01 .l_txt .big_txt .brac_ket{position:static;width:100%;text-align:center}
#inc01 .r_cont{margin-top:40px}
#inc01 .r_cont .cont+.cont{margin-top:60px}
#inc01 .r_cont .cont .view_btn{display:none}
#inc01 .r_cont .cont a{justify-content:center}
#inc01 .r_cont .cont:nth-child(2n) a{margin-right:0px}
#inc01 .r_cont .cont .item{padding:132px 35px 0px;width:95%}
#inc01 .r_cont .cont .item .txt{opacity:1}
#inc01 .r_cont .cont .item .img:before{opacity:1}
}
@media (max-width:480px){
#inc01 .l_txt .big_txt{font-size:20px}
#inc01 .l_txt .big_txt .brac_ket{font-size:14px}
#inc01 .r_cont{margin-top:25px}
#inc01 .r_cont .cont+.cont{margin-top:45px}
#inc01 .r_cont .cont .item{padding:95px 25px 0px;height:235px}
#inc01 .r_cont .cont .item .txt{font-size:13px}
#inc01 .r_cont .cont .item .txt h3{font-size:18px}
}
@media (max-width:380px){
#inc01 .l_txt{padding:10px 0px}
#inc01 .l_txt .big_txt{font-size:18px}
#inc01 .l_txt .big_txt .brac_ket{font-size:13px}
#inc01 .r_cont .cont+.cont{margin-top:35px}
#inc01 .r_cont .cont .item{padding:85px 18px 0px;height:205px}
#inc01 .r_cont .cont .item .txt h3{font-size:16px}
}
/* 반응형 [e] */