@charset "utf-8";

#main_bnr_wrap{max-width:1160px;margin:0 auto;padding:162px 0 273px;position:relative;z-index:1}
#main_bnr_wrap .main_lmg_area{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:100px}
#main_bnr_wrap .main_lmg_area li{width:271px;height:271px;position:relative;opacity:0;transition:opacity 3s}
#main_bnr_wrap .main_lmg_area li .rote_img01{position:absolute;z-index:1}
#main_bnr_wrap .main_lmg_area li .rote_img01 img{transition:all .3s}
#main_bnr_wrap .main_lmg_area li .rote_img02{}
#main_bnr_wrap .main_lmg_area li .forward{animation: forward 15s linear infinite;}
#main_bnr_wrap .main_lmg_area li .reverse{animation: rever 15s linear infinite;}
#main_bnr_wrap .main_lmg_area li:hover .rote_img01 img{transform:scale(1.1)}

#main_bnr_wrap .main_lmg_area.active li{opacity:1}

#main_bnr_wrap .main_txt{margin-top:64px;line-height:54px;text-align:center}
#main_bnr_wrap .main_txt .txt{color:#060606;font-family:'D-DIN'}
#main_bnr_wrap .main_txt .txt span{opacity:0}
#main_bnr_wrap .main_txt .txt01{font-size:44px}
#main_bnr_wrap .main_txt .txt02{font-size:48px}

@keyframes rever {from {transform: rotate(0deg);}to {transform: rotate(-360deg);}}
@keyframes forward {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}

@keyframes fadeIn {
    to { opacity: 1; }
}

@media(max-width:1160px){
}
@media(max-width:1024px){
	#main_bnr_wrap{padding:140px 20px 250px}
	
	
	#main_bnr_wrap .main_lmg_area{gap:5%}
	#main_bnr_wrap .main_lmg_area li{width:30%;height:auto}
	#main_bnr_wrap .main_lmg_area li img{width:100%}
	#main_bnr_wrap .main_txt{margin-top:60px;line-height:50px}
	#main_bnr_wrap .main_txt .txt01{font-size:36px}
	#main_bnr_wrap .main_txt .txt02{font-size:40px}
	
	
}
@media(max-width:767px){
	#main_bnr_wrap{padding:120px 20px 230px}
	#main_bnr_wrap .main_lmg_area{gap:2%}
	#main_bnr_wrap .main_lmg_area li{width:32%;}
	
	#main_bnr_wrap .main_txt{margin-top:56px;line-height:46px}
	#main_bnr_wrap .main_txt .txt01{font-size:32px}
	#main_bnr_wrap .main_txt .txt02{font-size:36px}
}
@media(max-width:480px){
	#main_bnr_wrap{padding:100px 20px 210px}
	#main_bnr_wrap .main_txt{margin-top:52px;line-height:42px}
	#main_bnr_wrap .main_txt .txt01{font-size:28px}
	#main_bnr_wrap .main_txt .txt02{font-size:32px}
	
	#main_bnr_wrap .main_lmg_area li{width:49%}
	#main_bnr_wrap .main_lmg_area li:nth-child(3n){margin-top:-5%}
}