@charset "utf-8";

#inc01{width:100%;overflow:hidden}
#inc01 .count{width:100%;max-width:1500px;margin:0 auto}
#inc01 .count ul{display:grid;grid-template-columns:repeat(3, 1fr)}
#inc01 .count ul li{padding:70px 60px 43px;border-left:1px solid #e1e1e1;font-size:15px}
#inc01 .count ul li:last-child{border-right:1px solid #e1e1e1}
#inc01 .count .flex{padding-bottom:60px;display:flex;align-items:center;justify-content:space-between}
#inc01 .count .flex .left p{padding-bottom:4px;color:var(--primary);font-size:15px;font-weight:700;font-family:var(--e-font)}
#inc01 .count .flex .right{display:inline-block;width:80px;line-height:80px;background:#f5f5f5;text-align:center}
#inc01 .count .tit{color:#111}
#inc01 .count .tit span{padding-right:10px;color:#111;font-size:65px;font-weight:900;font-family:var(--e-font)}
#inc01 .main{position:relative;width:100%;height:1135px;background:url(./img/bg.jpg) no-repeat center / cover}
#inc01 .main:after{position:absolute;content:'';right:200px;top:0;width:1px;height:100%;background:rgba(255,255,255,0.1)}
#inc01 .main .top_tit{display:flex;align-items:flex-end;justify-content:space-between;padding:160px 60px 110px 60px;max-width:1500px;margin:-2px 10% 0;color:#fff;line-height:1.4;font-size:37px;font-family:'NanumSquareNeoLight'}
#inc01 .main .top_tit .left h2{font-family: 'NanumSquareNeoLight';font-weight:100;}
#inc01 .main .top_tit .left p{padding-bottom:50px;color:#fff;font-size:20px;font-weight:800;font-family:var(--e-font);text-transform:uppercase}
#inc01 .main .top_tit .left span{font-family:'NanumSquareNeoExtraBold'}
#inc01 .main .top_tit .right .controls{display:flex;gap:10px}
#inc01 .main .top_tit .right span{display:flex;justify-content:center;align-items:center;width:65px;height:65px;padding:10px 20px;border:2px solid rgba(255,255,255,0.2);border-radius:50px;cursor:pointer;transition:all 0.2s}
#inc01 .main .top_tit .right span svg{width:20px}
#inc01 .main .inc01_slide{margin-left:10%}
#inc01 .main .inc01_slide .item{display:flex;align-items:flex-end}
#inc01 .main .inc01_slide .item .img{overflow:hidden;width:620px;height:550px;background:#fff;transition:all .3s}
#inc01 .main .inc01_slide .item .img img{width:100%;height:100%;transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}
#inc01 .main .inc01_slide .right{width:36%;padding:70px 0 66px 70px;color:rgba(255, 255, 255, 0.6);font-size:15px}
#inc01 .main .inc01_slide .right .info h3{padding:40px 0 30px 0;color:#fff;font-size:30px;font-weight:700}
#inc01 .main .inc01_slide .pager{display:inline;color:rgba(255, 255, 255, 0.2);font-weight:700;font-size:15px;font-family:var(--e-font)}
#inc01 .main .inc01_slide .pager span:before{content:"0"}
#inc01 .main .inc01_slide .pager .swiper-pagination-current{padding-right:10px;color:#fff;font-size:40px}
#inc01 .main .inc01_slide .pager .swiper-pagination-total{padding:6px}
#inc01 .main .inc01_slide .right .info .more{margin-top:60px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;color:#111;background:#fff;border-radius:50%}
#inc01 .main .inc01_slide .right .info .more svg{width:20px}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .main .top_tit .right span:hover{border:2px solid #fff}
#inc01 .main .inc01_slide .item .img:hover img{transform:scale(1.05,1.05)}
#inc01 .main .inc01_slide .right .info .more:hover{background:var(--primary)}
#inc01 .main .inc01_slide .right .info .more:hover svg{color:#fff;transform:rotate(45deg);transition:all 0.2s}
}
@media (max-width:1500px){
#inc01 .main:after{right:2.5%}
#inc01 .main .top_tit{margin:-2px auto 0;max-width:unset;width:95%}
#inc01 .main .inc01_slide{margin-left:2.5%}
#inc01 .main .inc01_slide .item .img{width:550px;height:480px}
#inc01 .main .inc01_slide .item .img img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:1380px){
#inc01 .count{max-width:unset;width:95%}
#inc01 .count ul li{padding:60px 45px 33px}
#inc01 .count ul li .right{position:relative}
#inc01 .count ul li .right img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
#inc01 .count ul li:nth-child(1) .right img{width:25px}
#inc01 .count ul li:nth-child(2) .right img{width:19px}
#inc01 .count ul li:nth-child(3) .right img{width:25px}
#inc01 .count .flex .right{width:75px;height:75px}
#inc01 .count .tit span{font-size:55px}
#inc01 .main .top_tit{padding:160px 2.5% 110px;font-size:35px}
#inc01 .main .top_tit .left p{padding-bottom:40px}
#inc01 .main .top_tit .right span{padding:0 15px;width:55px;height:55px}
#inc01 .main .inc01_slide .left{width:45%;height:480px}
#inc01 .main .inc01_slide .item .img{width:100%;height:100%}
#inc01 .main .inc01_slide .right{padding:0 0 30px 40px;width:40%}
#inc01 .main .inc01_slide .pager .swiper-pagination-current{font-size:35px}
#inc01 .main .inc01_slide .right .info h3{padding:30px 0 25px;font-size:25px}
#inc01 .main .inc01_slide .right .info .more{width:55px;height:55px}
}
@media (max-width:1024px){
#inc01 .count ul {border:1px solid #e1e1e1;margin:30px 0}
#inc01 .count ul li{padding:40px 25px 13px;font-size:14px;border-left:none;}
#inc01 .count ul li+li{border-left: 1px solid #e1e1e1;}
#inc01 .count ul li:nth-child(1) .right img{width:22px}
#inc01 .count ul li:nth-child(2) .right img{width:16px}
#inc01 .count ul li:nth-child(3) .right img{width:22px}
#inc01 .count ul li:last-child{border-right:none;}
#inc01 .count .flex .right{width:60px;height:60px}
#inc01 .count .tit span{padding-right:5px;font-size:40px}
#inc01 .main{height:auto;padding-bottom:130px}
#inc01 .main .top_tit{padding:130px 2.5% 110px;font-size:30px}
#inc01 .main .top_tit .left p{padding-bottom:25px;font-size:16px}
#inc01 .main .top_tit .right span{padding:0px;width:50px;height:50px}
#inc01 .main .inc01_slide .left{height:410px}
#inc01 .main .inc01_slide .pager{font-size:14px}
#inc01 .main .inc01_slide .pager .swiper-pagination-current{padding-right:7px;font-size:28px}
#inc01 .main .inc01_slide .right .info h3{padding:25px 0 20px;font-size:21px}
#inc01 .main .inc01_slide .right .info .more{margin-top:40px;width:50px;height:50px}
#inc01 .main .inc01_slide .item .img{background-color:transparent}
}
@media (max-width:768px){
#inc01 .count ul li{padding:25px 10px}
#inc01 .count .flex{flex-direction:column;text-align:center;gap:15px;padding-bottom:10px}
#inc01 .count .flex .right{width:50px;height:50px}
#inc01 .count .tit{text-align:center}
#inc01 .count .tit span{padding-right:2px;font-size:32px}
#inc01 .main{padding-bottom:135px}
#inc01 .main:after{display:none}
#inc01 .main .top_tit{flex-direction:column;align-items:center;text-align:center;padding:100px 2.5% 55px;gap:30px;font-size:24px}
#inc01 .main .top_tit .left p{padding-bottom:18px;font-size:15px}
#inc01 .main .top_tit .right .controls{gap:20px}
#inc01 .main .inc01_slide .item{gap:20px}
#inc01 .main .inc01_slide .left{width:100%;height:380px}
#inc01 .main .inc01_slide .right{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0px;width:95%;text-align:center}
#inc01 .main .inc01_slide .right .info{display:flex;flex-direction:column;align-items:center;margin:auto;width:80%}
#inc01 .main .inc01_slide .right .info h3{padding:15px 0;font-size:18px}
#inc01 .main .inc01_slide .pager .swiper-pagination-current{font-size:24px}
#inc01 .main .inc01_slide .item .img img{filter:brightness(0.5)}
}
@media (max-width:480px){
#inc01 .count ul{display:flex;flex-wrap:wrap;margin:20px 0}
#inc01 .count ul li{padding:20px 5px;border-left:none;width:100%;font-size:13px}
#inc01 .count ul li:nth-child(-n+2){width:50%}
#inc01 .count ul li:nth-child(2){border-left:1px solid #e1e1e1}
#inc01 .count ul li:nth-child(3){border-top:1px solid #e1e1e1}
#inc01 .count .flex .right{width:55px;height:55px}
#inc01 .count .flex{gap:10px;padding-bottom:6px}
#inc01 .count .flex .left p{font-size:14px}
#inc01 .count .tit span{padding-right:0px;font-size:24px}
#inc01 .main{padding-bottom:110px}
#inc01 .main .top_tit{padding:90px 2.5% 40px;gap:20px;font-size:21px}
#inc01 .main .top_tit .left p{padding-bottom:13px;font-size:14px}
#inc01 .main .top_tit .right .controls{gap:15px}
#inc01 .main .top_tit .right span{width:45px;height:45px}
#inc01 .main .top_tit .right span svg{width:18px}
#inc01 .main .inc01_slide .left{height:320px}
#inc01 .main .inc01_slide .right{font-size:14px}
#inc01 .main .inc01_slide .pager{font-size:13px}
#inc01 .main .inc01_slide .pager .swiper-pagination-current{font-size:20px}
#inc01 .main .inc01_slide .right .info{width:100%}
#inc01 .main .inc01_slide .right .info h3{font-size:16px}
#inc01 .main .inc01_slide .right .info .more{margin-top:35px;width:48px;height:48px}
#inc01 .main .inc01_slide .right .info .more svg{width:18px}
}
@media (max-width:380px){
#inc01 .count ul{margin:15px 0}
#inc01 .count ul li{padding:15px 5px;font-size:12px}
#inc01 .count ul li:nth-child(1) .right img{width:20px}
#inc01 .count ul li:nth-child(2) .right img{width:14px}
#inc01 .count ul li:nth-child(3) .right img{width:20px}
#inc01 .count .flex{gap:8px;padding-bottom:4px}
#inc01 .count .flex .right{width:50px;height:50px}
#inc01 .count .flex .left p{font-size:13px}
#inc01 .count .tit span{font-size:21px}
#inc01 .main .top_tit{padding:80px 2.5% 30px;font-size:19px}
#inc01 .main .top_tit .left p{padding-bottom:10px;font-size:13px}
#inc01 .main .top_tit .right span{width:42px;height:42px}
#inc01 .main .inc01_slide .left{height:290px}
#inc01 .main .inc01_slide .right{font-size:13px}
#inc01 .main .inc01_slide .pager{font-size:12px}
#inc01 .main .inc01_slide .pager .swiper-pagination-current{font-size:18px}
#inc01 .main .inc01_slide .right .info h3{padding:12px 0;font-size:15px}
#inc01 .main .inc01_slide .right .info .more{margin-top:25px;width:45px;height:45px}
#inc01 .main .inc01_slide .right .info .more svg{width:16px}
}
/* 반응형 [e] */