.main_visual{
	height:970px;
	background: url(../_img/main/main_visual.jpg) no-repeat center center / cover;
}
.main_visual > div{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 8rem;
	height: 100%;
}
.main_visual h3{
	font-size: 8rem;
	font-weight: 800;
	color: #fff;
}
.main_visual h3 p{
	margin-bottom: 1rem;
	font-size: 2.6rem;
	font-weight: bold;
}
.main_visual a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 3px;
	width: 14rem; height: 14rem;
	font-size: 2.4rem;
	color: #000;
	background: #ffffff;
	border-radius: 50%;
}
.main_visual a b{font-size: 1.8rem;}
@media(max-width:991.98px){
	.main_visual{height:500px;}
	.main_visual > div{padding-bottom: 4rem;}
	.main_visual h3{font-size: 6rem;}
	.main_visual h3 p{font-size: 2.2rem;}
	.main_visual a{
		width: 10rem; height: 10rem;
		font-size: 2rem;
	}
	.main_visual a b{font-size: 1.6rem;}
}
@media(max-width:767.98px){
	.main_visual{height:400px;}
	.main_visual > div{padding-bottom: 3rem;}
	.main_visual h3{font-size: 5rem;}
	.main_visual h3 p{font-size: 2rem; margin-bottom: 5px;}
	.main_visual a{
		width: 8rem; height: 8rem;
		font-size: 1.8rem;
		text-align: center;
		flex-shrink: 0;
	}
	.main_visual a b{font-size: 1.4rem;}
}
@media(max-width:575.98px){
	.main_visual{height:350px;}
	.main_visual h3{font-size: 4rem;}
	.main_visual a{
		width: 6.5rem; height: 6.5rem;
	}
	.main_visual a i{display: none;}
}



/*sec01*/
#main_container > .sec01{
	padding: 6rem 0;
	background: #141414;
}
#main_container > .sec01 > div,
#main_container > .sec01 > div > div{
	display: flex;
}
#main_container > .sec01 > div > div{
	align-items: flex-start;
	gap: 2.5rem;
	width: 25%;
}
#main_container > .sec01 img{flex-shrink: 0;}
#main_container > .sec01 dt{
	margin-bottom: 5px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #fff;
}
#main_container > .sec01 dd{
	font-size: 2rem;
	color: #999999;
}
@media (min-width:992px) and (max-width:1199.98px) {
	#main_container > .sec01 > div > div{gap: 2rem;}
	#main_container > .sec01 img{width: 40px;}
	#main_container > .sec01 dd br{display: none;}
}
@media (max-width:991.98px) {
	#main_container > .sec01{padding: 4rem 0;}
	#main_container > .sec01 > div {flex-wrap: wrap;}
	#main_container > .sec01 > div > div{width: 50%; gap: 1.5rem;}
	#main_container > .sec01 img{width: 35px;}
	#main_container > .sec01 dt{font-size: 2.2rem;}
	#main_container > .sec01 dd{font-size: 1.8rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec01{padding: 3rem 0;}
	#main_container > .sec01 > div > div{width: 100%;}
	#main_container > .sec01 img{width: 32px;}
	#main_container > .sec01 dt{font-size: 2rem;}
	#main_container > .sec01 dd{font-size: 1.6rem;}
	#main_container > .sec01 dd br{display: none;}
}




/*sec02*/
#main_container > .sec02{padding:12rem 15px;}
#main_container > .sec02 .top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#main_container > .sec02 .top dl{text-align: right;}
#main_container > .sec02 .top dd{color: #777777;}
#main_container > .sec02 .bottom{
	display: flex;
	gap: 4rem;
}
#main_container > .sec02 .left{
	width: 55%;
	padding: 3rem 2.5rem;
	background: #f7f7f7;
}
#main_container > .sec02 .tab span{
	display: inline-block;
	margin-right: 2.5rem;
	font-size: 2.4rem;
	font-weight: 800;
	color: #999999;
	cursor: pointer;
}
#main_container > .sec02 .tab span.on{
	text-decoration: underline;
	color: #da291c;
}
#main_container > .sec02 .left ul{display: none;}
#main_container > .sec02 .left li:first-child{border-top: 1px solid #000;}
#main_container > .sec02 .left li{
	display: flex;
	padding: 1.5rem 0;
	font-size: 1.8rem;
	border-top: 1px solid #999999;
}
#main_container > .sec02 .left li b{
	flex-shrink: 0;
	width: 16rem;
	font-size: 2rem;
}
#main_container > .sec02 .link{
	display: flex;
	gap: 2rem;
}
#main_container > .sec02 .link a{
	display: inline-block;
	padding: 1.7rem 1rem;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	background: #da291c;
}
#main_container > .sec02 .link a:last-child{background: #141414;}
@media (max-width:991.98px) {
	#main_container > .sec02{padding:10rem 15px;}
	#main_container > .sec02 .top,
	#main_container > .sec02 .bottom{display: block;}
	#main_container > .sec02 .top,
	#main_container > .sec02 .top dl{text-align: center;}
	#main_container > .sec02 .top img{max-width: 180px;}

	#main_container > .sec02 > img{height: 20rem; object-fit: cover; object-position: center;}
	#main_container > .sec02 .left {padding: 2.5rem 2rem;}
	#main_container > .sec02 .tab span {
    margin-right: 1.5rem;
    font-size: 2rem;
	}
	#main_container > .sec02 .left li {
    padding: 1.2rem 0;
    font-size: 1.6rem;
	}
	#main_container > .sec02 .left li b{
		width: 14rem;
		font-size: 1.8rem;
	}
	#main_container > .sec02 .link {gap: 1rem;}
	#main_container > .sec02 .link a{
		padding: 1.5rem 1rem;
		font-size: 1.8rem;
	}
}
@media (max-width:767.98px) {
	#main_container > .sec02{padding:8rem 15px;}
	#main_container > .sec02 .top img{max-width: 150px;}
	#main_container > .sec02 .left li {
		display: block;
	}
	#main_container > .sec02 .link a{
		padding: 1.2rem 1rem;
		font-size: 1.6rem;
	}
}
@media (max-width:575.98px) {
	#main_container > .sec02{padding:6rem 15px;}
	#main_container > .sec02 .top img{max-width: 135px;}
}




/*sec03*/
#main_container > .sec03{
	padding:12rem 0;
	background:#f8f8f8;
}
#main_container > .sec03 > div{
	display: flex;
	align-items: center;
}
#main_container > .sec03 .info{width: 40%;}
#main_container > .sec03 h3{margin-bottom: 9.5rem;}
#main_container > .sec03 h3 span{color: #da291c;}
#main_container > .sec03 dd{color: #777;}
#main_container > .sec03 .mapBox{height: 56.5rem; width: 60%;}

#main_container > .sec03 .root_daum_roughmap .wrap_map,
#main_container > .sec03 .root_daum_roughmap_landing{
	width: 100%; height: 100%;
}
#main_container > .sec03 .root_daum_roughmap .map_border,
#main_container > .sec03 .root_daum_roughmap .wrap_controllers{display: none;}
@media (max-width:991.98px) {
	#main_container > .sec03{padding: 10rem 0;}
	#main_container > .sec03 > div{display: block; text-align: center;}
	#main_container > .sec03 h3{margin-bottom: 3rem;}
	#main_container > .sec03 .mapBox{height: 45rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec03{padding: 8rem 0;}
	#main_container > .sec03 h3{margin-bottom: 2rem;}
	#main_container > .sec03 .mapBox{height:35rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec03{padding: 6rem 0;}
	#main_container > .sec03 .mapBox{height:25rem;}
}
