@charset "utf-8";

#inc01{position:relative;width:100%;height:100vh;padding:80px 0 0 0;background: url(./img/bg.jpg) no-repeat center / cover;}
#inc01 .inner{max-width:1760px;margin:30px auto}

/* 타이틀 텍스트 */
#inc01 .tit_area{display:flex;justify-content:space-between;width:100%;max-width:var(--mainsize);margin:0 auto}
#inc01 .tit_area .count{text-align:right}
#inc01 .tit_area .tit_cont p{margin-bottom:44px;font-size:18px;color: #fff;font-weight: 700;font-family:'Pretendard'}
#inc01 .tit_area .tit_cont h2{font-size:45px;line-height:1.25;font-weight:700;color: #fff;white-space:pre-line}

/* 카운트 영역 */
#inc01 .tit_area ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:60px}
#inc01 .tit_area ul li{width:270px}
#inc01 .tit_area dl dt{margin:33px 0 10px;line-height:1;color:#fff}
#inc01 .tit_area dl dt span{margin-right:10px;font-size:55px;color: #fff;font-family:var(--e-font)}
#inc01 .tit_area dl dd{color: #fff;font-weight:700;font-size:14px}
#inc01 .tit_area dl dd span{display:block;margin-bottom:6px;font-size:25px;color:#111;font-weight:700}
#inc01 .tit_area .img{display:flex;align-items:center;justify-content:center;margin-left:auto;width:60px;height:60px;background-color:#f5f5f5}

/* 사업분야 */
#inc01 .cont{display:flex;gap:20px;justify-content:space-between;margin-top:83px}
#inc01 .cont a{display:flex;flex:1;flex-flow:column;justify-content:flex-end;position:relative;height: 530px;padding:40px;transition:all .4s;background:no-repeat center;background-image:url('./img/inc01_img1.jpg')}
#inc01 .cont a:before{position:absolute;left:0;top:0;opacity:1;width:100%;height:100%;content:"";background-color:rgba(000,000,000,.7);transition:all .3s}
#inc01 .cont a:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:linear-gradient(0deg, rgba(0,0,0,0.8547794117647058) 0%, rgba(0,0,0,0.7511379551820728) 27%, rgba(0,0,0,0) 100%)}
#inc01 .cont a:nth-child(2){background-image:url('./img/inc01_img2.jpg');background-position:center;background-size:cover}
#inc01 .cont a:nth-child(3){background-image:url('./img/inc01_img3.jpg');background-position:center;background-size:cover}
#inc01 .cont a:nth-child(4){background-image:url('./img/inc01_img4.jpg');background-position:center;background-size:cover}
#inc01 .cont a:nth-child(5){background-image:url('./img/inc01_img5.jpg');background-position:center;background-size:cover}
#inc01 .cont a:nth-child(6){background-image:url('./img/inc01_img6.jpg');background-position:center;background-size:cover}
#inc01 .cont .txt_wrap{overflow:hidden;position:absolute;left: 26px;bottom:72px;width:max-content;height:80px;z-index:9;color:#fff;transition:height .3s;transition-delay:.2s}
#inc01 .cont .txt_wrap span{font-size:15px;font-family:var(--e-font)}
#inc01 .cont .txt_wrap h3{margin-top:10px;font-size:17px;font-weight:700}
#inc01 .cont a.on .txt_wrap h3{font-size:30px}
#inc01 .cont .txt_wrap .txt{overflow:hidden;opacity:0;margin-top:34px;font-size:15px;word-break:keep-all;white-space:pre-line;color:rgba(255,255,255,.7);transition:all .3s;line-height:1.4}
#inc01 .cont a.on{flex:4.5;background-color:#e0e0e0}
#inc01 .cont a.on:before{opacity:0}
#inc01 .cont a.on .txt_wrap{height: auto;}
#inc01 .cont a.on .txt{opacity:1}

/* 반응형 [s] */
@media (max-width:1380px){
#inc01{max-width:unset;width:100%}
#inc01 .inner{padding:0 15px}
#inc01 .tit_area .tit_cont p{font-size:17px}
#inc01 .tit_area .tit_cont h2{font-size:36px}
#inc01 .tit_area dl dt span{font-size:47px}
#inc01 .tit_area ul{gap:30px}
#inc01 .tit_area ul li{width:200px}
#inc01 .tit_area .img{width:50px;height:50px}
#inc01 .cont .txt_wrap{bottom:60px}
#inc01 .tit_area .img img{width:30px}
#inc01 .cont .txt_wrap{left:5%;bottom:40px}
#inc01 .cont .txt_wrap span{font-size:14px}
#inc01 .cont .txt_wrap h3{font-size:13px}
#inc01 .cont a.on .txt_wrap h3{font-size:25px}
#inc01 .cont .txt_wrap .txt{margin-top: 20px;width:54%;font-size:15px;}
}
@media (max-width:1200px){
#inc01 .cont{gap:14px}
}
@media (max-width:1024px){
#inc01{padding:120px 0 160px;width:100%}
#inc01 .tit_area .tit_cont p{font-size:16px}
#inc01 .tit_area .tit_cont h2{font-size:28px}
#inc01 .tit_area dl dt{margin:0 0 10px}
#inc01 .tit_area dl dt span{font-size:38px}
#inc01 .tit_area .img{width:48px;height:48px}
#inc01 .tit_area .img img{width:26px}
#inc01 .tit_area ul{gap:20px}
#inc01 .tit_area ul li{width:170px}
#inc01 .cont{gap:8px}
#inc01 .cont a{height:500px}
#inc01 .cont a.on .txt_wrap{height:50px}
#inc01 .cont .txt_wrap{bottom:25px}
#inc01 .cont .txt_wrap span{font-size:11px}
#inc01 .cont .txt_wrap h3{margin-top:8px;font-size:23px}
#inc01 .cont .txt_wrap .txt{margin-top:22px;width: 0;font-size:14px;white-space:normal;}
#inc01 .cont{display:grid;grid-template-columns:repeat(2 ,1fr);margin-top:30px}
#inc01 .cont a{justify-content:center;padding:30px 2.5%;width:100%;height:auto}
#inc01 .cont a:before{display:none}
#inc01 .cont a.on{flex:1}
#inc01 .tit_area .img{margin:auto}
#inc01 .cont .txt_wrap{position:static;width:100%;height:auto !important;text-align:center}
#inc01 .cont .txt_wrap h3{margin-top:6px;font-size: 19px;}
#inc01 .cont .txt_wrap .txt{opacity:1;margin-top:16px;width:100%;font-size:13px}
}
@media (max-width:900px){
#inc01{padding:60px 0 90px 0}
#inc01 .tit_area{flex-direction:column;align-items:center;text-align:center}
#inc01 .tit_area .tit_cont p{margin-bottom:25px;font-size:14px}
#inc01 .tit_area .tit_cont h2{font-size:25px}
#inc01 .tit_area dl dt span{font-size:35px}
#inc01 .tit_area .count{width:100%}
#inc01 .tit_area ul{margin-top:30px;text-align:center}
#inc01 .tit_area ul li{width:100%}
#inc01 .cont a.on .txt_wrap h3{font-size:22px}
}
@media (max-width:768px){
#inc01 .cont .txt_wrap .txt{display:none}
#inc01 .cont a{height:170px}
}
@media (max-width:480px){
#inc01{padding:80px 0}
#inc01 .inner{margin:0 auto}
#inc01 .tit_area .tit_cont p{margin-bottom: 20px;font-size:13px}
#inc01 .tit_area .tit_cont h2{font-size:21px}
#inc01 .tit_area ul{margin-top: 20px;}
#inc01 .tit_area dl dt{margin:18px 0 8px}
#inc01 .tit_area dl dt span{font-size:30px}
#inc01 .tit_area .img{width:45px;height:45px}
#inc01 .tit_area .img img{width:23px}
#inc01 .cont{gap:10px;margin-top: 30px;}
#inc01 .cont a{height:auto}
#inc01 .cont .txt_wrap h3{margin-top:3px;font-size:16px}
#inc01 .cont .txt_wrap .txt{margin-top:10px;font-size:13px}
#inc01 .cont a.on .txt_wrap h3{font-size:19px}
}
@media (max-width:380px){
#inc01{padding:70px 0}
#inc01 .tit_area .tit_cont p{margin-bottom:15px}
#inc01 .tit_area .tit_cont h2{font-size:19px}
#inc01 .tit_area ul{margin-top:35px}
#inc01 .tit_area dl dt{margin:15px 0 8px}
#inc01 .tit_area dl dt span{margin-right:7px;font-size:26px}
#inc01 .tit_area .img{width:42px;height:42px}
#inc01 .tit_area .img img{width:21px}
#inc01 .cont .txt_wrap span{font-size:12px}
#inc01 .cont .txt_wrap h3{font-size:16px}
#inc01 .cont .txt_wrap .txt{margin:10px auto 0;width:80%}
}
/* 반응형 [e] */