@charset "utf-8";

#inc01{width:100%;overflow:hidden;position:relative}
#inc01 .inc_inner{max-width:160rem;width:100%;margin:0 auto;padding:10rem 5rem;position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center}
#inc01 .tit_box{width:68rem;position:relative;}
#inc01 .tit_box .s_tit{margin-bottom:1.5rem;font-size:2rem;font-weight:700;color:var(--pt-color);font-family:'Play'}
#inc01 .tit_box .tit{margin-bottom:2rem;font-size:4.3rem;font-weight:700;line-height:120%;color:#000}
#inc01 .tit_box .tit span{color:var(--pt-color)}
#inc01 .tit_box .txt{max-width:60rem;width:100%;font-size:1.8rem;line-height:150%;color:#666}

#inc01 .more_area{margin-top:6rem;display:flex;flex-wrap:wrap;gap:2rem}
#inc01 .more_area .arr_btn{width:5rem;height:5rem;border-radius:5rem;background:#f7f7f7;position:relative;transition:all .3s;cursor:pointer}
#inc01 .more_area .arr_btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;transition:.3s}
#inc01 .more_area .arr_btn:hover{background:var(--pt-color)}
#inc01 .more_area .arr_btn:hover img{opacity:1;filter:invert(1)}

#inc01 .more_area .slide_num{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
#inc01 .slide_num .inc01_num{width:2.3rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#inc01 .slide_num #inc01_b_num{color:#999;position:relative;}
#inc01 .slide_num #inc01_b_num:before{content:'';width:1px;height:1.3rem;background:#ddd;position:absolute;left:-1.2rem;top:50%;transform:translateY(-50%)}

#inc01 .inc01_slide_area{width:calc(100% - 68rem);position:relative}
#inc01 .inc01_slide_area .inc01_slider{width:200%;padding:5rem 2rem;overflow:hidden}


/*직접적인 슬라이드 가로크기변경은 스와이퍼가 계산 못함, a로 조정 대체*/
#inc01 .swiper-slide{width:33rem;height:55rem;margin-right:5rem;position:relative}
#inc01 .swiper-slide-active{}
#inc01 .swiper-slide a{width:100%;height:38rem;border-radius:2rem;background:#fff;box-shadow:1rem 2rem 2rem rgba(0,0,0,.1);overflow:hidden;position:absolute;top:50%;left:14rem;z-index:5;transform:translateY(-50%);transition:all 1s}/*세로크기 영향으로 슬라이드 틀어짐 방지를 위해 a영역 높이로 조절*/
#inc01 .swiper-slide-active a{width:47rem;height:100%;left:0;z-index:100}
#inc01 .swiper-slide-prev a{left:0}


#inc01 .swiper-slide .img_box{width:100%;height:60%}
#inc01 .swiper-slide .img_box img{width:100%;height:100%;object-fit:cover}
#inc01 .swiper-slide .txt_box{height:40%;padding:0 2rem;position:relative;display:flex;flex-wrap:wrap;flex-wrap:wrap;align-items:center;align-content:center}
#inc01 .swiper-slide .txt_box .link_btn{width:16.5rem;height:4.5rem;padding:0 2rem;border-radius:4.5rem;background:var(--pt-color);font-size:1.5rem;font-weight:700;color:#fff;position:absolute;top:0;right:2rem;opacity:0;transition:all .5s;display: flex;flex-wrap:wrap;align-items:center;justify-content:space-between;font-family:'Poppins'}


#inc01 .swiper-slide .tit{margin-bottom:1rem;font-size:1.9rem;font-weight:700;color:#222;white-space:nowrap;transition:all 1s;font-family:'Play'}
#inc01 .swiper-slide .txt{width:100%;font-size:1.4rem;line-height:150%;color:#888;transition:all 1s;}

#inc01 .swiper-slide-active .txt_box{padding:0 4rem}
#inc01 .swiper-slide-active .tit{font-size:2.5rem}
#inc01 .swiper-slide-active .txt{font-size:1.7rem}
#inc01 .swiper-slide-active .txt_box .link_btn{top:-2.25rem;opacity:1}

#inc01 .corp_name{font-size:21rem;font-weight:700;line-height:.7;letter-spacing:-5px;color:rgba(0,0,0,0.02);white-space:nowrap;position:absolute;bottom:5rem;z-index:1;font-family:'Play'}


@media(max-width:1280px){
	#inc01 .tit_box{width:45rem;padding-right:3rem}
	#inc01 .tit_box .tit br{display:none}
	
	#inc01 .swiper-slide{height:50rem}
	#inc01 .swiper-slide a{left:9rem}
	#inc01 .swiper-slide-active a{width:42rem;left:0}
	#inc01 .swiper-slide-prev a{left:0}
	
}
@media(max-width:1024px){
	#inc01 .inc_inner{padding:13rem 0 8rem}
	#inc01 .tit_box{max-width:75rem;width:100%;margin:0 auto;padding:0 2rem;text-align:center}
	#inc01 .tit_box .tit{margin-bottom:1rem;font-size:4.6rem}
	#inc01 .tit_box .tit br{display:block}
	#inc01 .tit_box .txt{margin:0 auto}
	#inc01 .tit_box .txt br{display:none}
	#inc01 .more_area{margin-top:3rem;justify-content:center}
	#inc01 .inc01_slide_area{width:100%}
	#inc01 .inc01_slide_area .inc01_slider{width:100%}
	
	#inc01 .swiper-slide{max-width:38rem;width:90%;height:38rem;margin:0 1rem}
	#inc01 .swiper-slide a{height:35rem;left:0}
	#inc01 .swiper-slide-active a{width:100%;height:100%}
	#inc01 .swiper-slide .img_box{height:50%}
	#inc01 .swiper-slide .txt_box{height:50%}
	#inc01 .swiper-slide .txt_box br{display:none}
	#inc01 .swiper-slide-active .txt_box{padding:3rem}
	#inc01 .swiper-slide-active .tit{font-size:2.2rem}
	
	#inc01 .corp_name{font-size:10rem;bottom:3rem}
	
}
@media(max-width:767px){
	#inc01 .inc_inner{padding:10rem 0 5rem}
	#inc01 .tit_box .s_tit{font-size:1.7rem}
	#inc01 .tit_box .tit{font-size:4.3rem}
	#inc01 .tit_box .tit br{display:none}
	#inc01 .tit_box .tit span{color:#000}
	
	#inc01 .more_area .arr_btn{width:4.5rem;height:4.5rem}
	
}
@media(max-width:480px){
	#inc01 .inc_inner{padding:8rem 0 3rem}
	#inc01 .tit_box .tit{font-size:4rem}
	
	#inc01 .swiper-slide .tit{white-space:unset}
	#inc01 .swiper-slide .txt br{display:none}
	#inc01 .swiper-slide .txt_box .link_btn{width:15rem;height:4rem;font-size:12px}
	#inc01 .swiper-slide-active .txt_box .link_btn{top:-2rem}
	#inc01 .swiper-slide-active .tit{font-size:1.9rem}
	
	
}
@media(max-width:320px){
	#inc01 .inc_inner{padding:7rem 0 2rem}
	#inc01 .tit_box .tit{font-size:3.7rem}

}