@charset "utf-8";

#atc01{background:url(/index/include/include01/bg.jpg) #fff right bottom no-repeat}
#atc01 .inner{max-width:144rem;width:100%;margin:0 auto;padding:15rem 2rem;display:flex;flex-wrap:wrap;align-items: center;gap:7rem}
#atc01 .img_box{width:76.6rem;overflow:hidden}
#atc01 .img_box img{width:100%}
#atc01 .tit_box{width:calc(100% - 83.6rem)}
#atc01 .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#atc01 .tit_box .tit{margin-bottom:3rem;font-size:5rem;font-weight:700;color:#222}
#atc01 .tit_box .txt{font-size:1.7rem;line-height:150%;color:#888}

#atc01 .hash_list{margin-bottom:3rem;display:flex;flex-wrap:wrap;gap:1rem}
#atc01 .hash_list li{padding:1rem 1.5rem;border-radius:3rem;background:#e6ecf9;font-size:1.6rem;font-weight:600;color:#1a2a4a}

#atc01 .more_btn{margin-top:5rem;display:flex;flex-wrap:wrap;align-items: center;gap:1.5rem}
#atc01 .more_btn .txt{font-size:1.7rem;font-weight:600;color:#333}
#atc01 .more_btn .arr{width:3.5rem;height:3.5rem;border-radius:3rem;background:var(--pt-color);position:relative;transition:all .3s}
#atc01 .more_btn .arr img{width:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#atc01 .more_btn:hover .arr{background:#222;box-shadow:0 1rem 1rem rgba(0,0,0,.2)}

@media(max-width:1280px){
	#atc01 .inner{gap:3rem 5rem}
	#atc01 .img_box{width:55rem}
	#atc01 .tit_box{width:calc(100% - 60rem)}
	
	#atc01 .tit_box .tit{font-size:4.7rem}
	#atc01 .hash_list li{padding:.5rem 1.5rem}
	
}
@media(max-width:1024px){
	#atc01 .inner{padding:13rem 2rem;flex-direction:column-reverse}
	#atc01 .img_box{max-width:70rem;width:100%}
	#atc01 .tit_box{max-width:90rem;width:100%;text-align:center}
	#atc01 .tit_box .tit{font-size:4.4rem}
	#atc01 .hash_list{justify-content: center;}
	#atc01 .more_btn{margin-top:3rem;justify-content: center;}
}
@media(max-width:767px){
	#atc01 .inner{padding:10rem 2rem}
	#atc01 .tit_box .tit{margin-bottom:2rem;font-size:4.1rem}
}
@media(max-width:480px){
	#atc01{background:#fff}
	#atc01 .inner{padding:8rem 2rem}
	#atc01 .tit_box .tit{font-size:3.8rem}
	
}
@media(max-width:320px){
	#atc01 .inner{padding:7rem 1.5rem}
	#atc01 .tit_box .tit{font-size:3.6rem}
}