@charset "utf-8";
/* --------------------------------------------------
header
-------------------------------------------------- */
#gnav .gnav_links li.gnav_map a::before {
  background-color: #ffffff;
  height: 2px;
}

/* --------------------------------------------------
contents
-------------------------------------------------- */
.s_map {
	max-width: 1230px;
	margin:0 auto;
	padding:40px 15px 0;
}
.sec-map{
	padding: 10px 0 40px;	
}
.sec-map .tab-nav{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.sec-map .tab-nav li{
	width: calc(50% - 5px);
	border:solid #08316D;
	border-width: 0 1px 1px 0;
}
.sec-map .tab-nav li span{
	display:block;
	transform: translate(-3px,-3px);
	padding: 15px;
	border: 1px solid #08316D;
	background: #FFF;
	color: #08316D;
	text-align:center;
	font-size: 1.4rem;
	line-height:1.2;
	font-weight: 500;
	cursor:pointer;	
}
.sec-map .tab-nav li.active span{
	background: #08316D;
	color: #E0CD7E;
}
.sec-map .map-cont{
	display: none;
	width: calc(100% + 30px);
	transform: translateX(-15px);
}
.sec-map .map-cont.active{
	display:block;	
}
.sec-map .map-cont img:first-child{
    margin-bottom: 20px
}
.s_map .c-btn-base-clr {
  width: 90%;
	margin: 0 auto;
}



@media screen and (min-width: 768px){

	.sec-map .tab-nav{
		max-width: 796px;
		margin: 0 auto 50px;
	}
	.sec-map .tab-nav li{
		width: calc(50% - 8px);
	}
	.sec-map .tab-nav li span{
		padding: 25px;
		font-size: 1.8rem;
		transition:.2s;
	}
	.sec-map .tab-nav li:hover span{
		transform: translate(1px,1px);	
	}
	.sec-map .map-cont{
		width: 100%;
		transform: none;
	}

}