@charset "utf-8";

#atc02{width:100%;height:62rem;background:url(/index/include/include02/bg.jpg) no-repeat right/cover}
#atc02 .inner{max-width:140rem;height:100%;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;}
#atc02 .tit_box{width:50%;padding-right:5rem}
#atc02 .tit_box .s_tit{margin-bottom:1rem;font-size:1.8rem;font-weight:700;color:#fff;font-family:'Poppins'}
#atc02 .tit_box .tit{margin-bottom:2rem;font-size:4.7rem;font-weight:300;line-height:130%;color:#fff}
#atc02 .tit_box .tit span{font-weight:700}
#atc02 .tit_box .txt{font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.7)}

#atc02 .link_area{width:50%;height:100%;border-left:1px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;gap:2rem 0}
#atc02 .link_box{width:50%;height:100%;border-right:1px solid rgba(255,255,255,.2)}
#atc02 .link_box a{width:100%;height:100%;padding:0 5rem;transition:all .3s;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center}
#atc02 .link_box a .icon{margin-bottom:8rem}
#atc02 .link_box a .txt_box .tit{margin-bottom:1rem;font-size:2.3rem;font-weight:700;color:#fff}
#atc02 .link_box a .txt_box .txt{margin-bottom:2rem;font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.7)}
#atc02 .link_box a .txt_box .more_btn{display:block;width:3.5rem;height:3.5rem;border-radius:3.5rem;background:rgba(255,255,255,.2);transition:all .3s;display:flex;flex-wrap:wrap;align-items: center;justify-content:center}
#atc02 .link_box a .txt_box .more_btn img{transition:all .3s}


#atc02 .link_box a:hover{background:rgba(255,255,255,.1)}
#atc02 .link_box a:hover .txt_box .more_btn{background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2)}
#atc02 .link_box a:hover .txt_box .more_btn img{filter:invert(1)}


@media(max-width:1400px){
#atc02 .tit_box{padding:0 5rem 0 2rem}
#atc02 .tit_box .txt br{display:none}
}
@media(max-width:1280px){
#atc02 .tit_box .tit{font-size:4.4rem}
}
@media(max-width:1024px){
#atc02{height:auto;background:url(/index/include/include02/bg.jpg) repeat}
#atc02 .inner{padding:8rem 2rem}
#atc02 .tit_box{width:100%;padding:0;margin-bottom:3rem;text-align:center}
#atc02 .tit_box .tit{font-size:4.1rem}
#atc02 .tit_box .txt{max-width:80rem;width:100%;margin:0 auto} 
#atc02 .link_area{width:100%;border:0;gap:2rem 2%}
#atc02 .link_box{width:49%;border:1px solid rgba(255,255,255,.4);border-radius:2rem;text-align:center} 
#atc02 .link_box a{padding:3rem 2rem}
#atc02 .link_box a .icon{margin-bottom:2rem}
#atc02 .link_box a .txt_box .more_btn{margin:0 auto}

}
@media(max-width:767px){
	
#atc02 .inner{padding:7rem 2rem}
#atc02 .tit_box .s_tit{font-size:1.6rem}
#atc02 .tit_box .tit{margin-bottom:1rem;font-size:3.8rem}
#atc02 .tit_box .tit br{display:none}

#atc02 .link_area{max-width:48rem;width:100%;margin:0 auto}
#atc02 .link_box{width:100%}



}
@media(max-width:480px){
#atc02 .inner{padding:6rem 2rem}
#atc02 .tit_box .tit{font-size:3.5rem}
}
@media(max-width:320px){
#atc02 .inner{padding:6rem 1.5rem}
#atc02 .tit_box .tit{font-size:3.2rem}
}