@charset "utf-8";
div.road-btn{display: flex}
button.road-btn{display: flex; align-items: center; font-weight: 600; color: #fff; background: var(--color-text); border-radius: 500px}
button.road-btn i.icon{display: flex; align-items: center}
button.road-btn i.icon svg{fill: #fff}
button.road-btn i.icon svg path{fill: #fff}
div.roadMap{width: 100%}
@media screen and (max-width:428px){
	div.road-btn{flex-direction: column}
	button.road-btn{margin-bottom:10px}
}
@media screen and (min-width:429px) and (max-width:1280px){
	button.road-btn{flex: 1}
}
@media screen and (max-width:1280px){
	div.road-text h3.mainTitle{margin-bottom: 2rem}
	p.road-text{margin-bottom: 0.67rem; font-size: 1.07rem}
	div.road-btn{margin-top:3.33rem}
	button.road-btn{padding: 0.67rem 1.33rem; margin-right: 0.67rem; font-size: 1rem; justify-content: center}
	button.road-btn i.icon{margin-right: 0.53rem; margin-top: 0.13rem}
	button.road-btn i.icon svg{width: 0.87rem; height: 1rem}
	div.road-bottom{margin-top: 2rem}
	div.roadMap div.wrap_map{height: 26.67rem}
}
@media screen and (min-width:1281px){
	div.road-top{display: flex; align-items: flex-start; justify-content: space-between}
	div.road-text h3.mainTitle{margin-bottom: 3.12rem}
	p.road-text{margin-bottom: 0.94rem; font-size: 1.25rem}
	button.road-btn{padding: 0.94rem 30px; margin-left: 1.25rem; font-size: 1.12rem}
	button.road-btn i.icon{margin-right: 0.62rem; margin-top: 0.19rem}
	button.road-btn i.icon svg{width: 1rem; height: 1.12rem}
	div.road-bottom{margin-top: 3.12rem}
	div.roadMap div.wrap_map{height: 37.5rem}
}