@charset "utf-8";

#inc02{width:100%;background:url(/index/include/include02/bg.jpg) no-repeat center/cover}
#inc02 .inner{max-width:160rem;width:100%;padding:15rem 5rem;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}
#inc02 .img_box_area{width:61.5rem}
#inc02 .inc02_slider{width:100%;border-radius:2rem;overflow:hidden}
#inc02 .inc02_slider img{width:100%}

#inc02 .more_area{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:2rem}
#inc02 .more_area .arr_btn{width:3.7rem;height:3.7rem;border-radius:3.7rem;background:rgba(255,255,255,.1);position:relative;transition:all .3s;cursor:pointer}
#inc02 .more_area .arr_btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;filter:invert(1);transition:.3s}
#inc02 .more_area .arr_btn:hover{background:var(--pt-color)}
#inc02 .more_area .arr_btn:hover img{opacity:1}

#inc02 .more_area .slide_num{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
#inc02 .slide_num .inc02_num{width:2.3rem;font-size:1.7rem;font-weight:700;color:#fff;font-family:'Poppins'}
#inc02 .slide_num #inc02_b_num{color:rgba(255,255,255,.5);position:relative;}
#inc02 .slide_num #inc02_b_num:before{content:'';width:1px;height:1.3rem;background:rgba(255,255,255,.6);position:absolute;left:-1.2rem;top:50%;transform:translateY(-50%)}



#inc02 .txt_box{width:calc(100% - 61.5rem);padding-left:6.8rem}
#inc02 .txt_box .s_tit{margin-bottom:1.5rem;font-size:2rem;font-weight:700;color:rgba(255,255,255,.8);font-family:'Play'}
#inc02 .txt_box .tit{margin-bottom:2rem;font-size:4.3rem;font-weight:700;line-height:120%;color:#fff}
#inc02 .txt_box .txt{font-size:1.8rem;line-height:150%;color:rgba(255,255,255,.7)}
#inc02 .link_btn{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1.3rem}
#inc02 .link_btn li{max-width:19.2rem;width:30%;}
#inc02 .link_btn li a{width:100%;height:100%;padding:1.5rem 2rem;border-radius:.5rem;background:rgba(255,255,255,.1);transition:all .3s;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#inc02 .link_btn li .txt{width:calc(100% - 3rem);font-size:1.6rem;font-weight:700;line-height:110%;color:#fff;font-family:'Play'}
#inc02 .link_btn li img{transition:all .5s}
#inc02 .link_btn li.on a{box-shadow:0 1rem 1rem rgba(1,63,205,.2);background:var(--pt-color)}
#inc02 .link_btn li.on img{transform:rotate(360deg)}


@media(max-width:1280px){
	#inc02 .img_box_area{width:44rem}
	#inc02 .txt_box{width:calc(100% - 44rem);padding-left:5rem}
	
	#inc02 .link_btn {gap:1rem 2%}
	#inc02 .link_btn li{max-width:unset;width:32%}
	#inc02 .link_btn li a{padding:1.3rem 1.5rem 1.3rem 2rem}
}
@media(max-width:1024px){
	#inc02 .inner{padding:13rem 2rem;flex-direction: column-reverse;}
	#inc02 .img_box_area{max-width:47.5rem;width:100%}
	#inc02 .more_area{justify-content:center}
	
	#inc02 .txt_box{width:100%;margin-bottom:5rem;padding:0;text-align:center}
	#inc02 .txt_box .tit{margin-bottom:1rem;/*font-size:4.6rem*/}
	
	#inc02 .link_btn{max-width:81rem;width:100%;margin:3rem auto 0;justify-content:center}
	#inc02 .link_btn li{width:23.5%}
	#inc02 .link_btn li .txt{text-align:left}
	
}
@media(max-width:767px){
	#inc02 .inner{padding:10rem 2rem}
	#inc02 .txt_box .s_tit{font-size:1.7rem}
	#inc02 .txt_box .tit{font-size:4.3rem}
	#inc02 .txt_box .txt br{display:none}
	#inc02 .link_btn li{width:32%}
	
}
@media(max-width:480px){
	#inc02 .inner{padding:8rem 2rem}
	#inc02 .txt_box .tit{font-size:4rem}
	
	#inc02 .link_btn li{width:49%}
}
@media(max-width:320px){
	#inc02 .inner{padding:7rem 2rem}
	#inc02 .txt_box .tit{font-size:3.7rem}
}


