@charset "utf-8";

/* ---------- #sec-01 ---------- */
#sec-01 .con .img-wrap { text-align: center; }
#sec-01 .con .img-wrap img { width: 90%; }
#sec-01 .con .map_table_wrap { margin-top: 80px; }
#sec-01 .con .map_table_wrap .map_table_title { font-size: 18px; color: #111; font-weight: 700; }
#sec-01 .con .map_table_wrap table { margin-top: 10px; border-top: 2px solid #dedede; border-bottom: 1px solid #dedede; width: 100%; border-collapse: collapse; }
#sec-01 .con .map_table_wrap td { padding: 20px 30px; border-top: 1px solid #dedede; font-size: 16px; }
#sec-01 .con .map_table_wrap .map_content_title { text-align: center; background-color: #fafaf8; color: #333; font-weight: 600; }
#sec-01 .con .map_table_wrap .map_content { text-align: left; color: #444; font-weight: 400; }
#sec-01 .con .map_table_wrap .map_content a { display: block; width: 100px; line-height: 30px; border-radius: 5px; font-size: 13px; background: var(--mc); box-shadow: 0px 0px 6px 1px #00000021; color: #fff; text-align: center; }
#sec-01 .con .map_table_wrap .map_content a:hover { background: var(--gray-33); transition: 0.5s }


/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
}

@media all and (min-width : 320px) and (max-width : 1024px){
	#sec-01 .con .img-wrap img { width: 100%; }
}

/* 767px or less */
@media all and (max-width : 767px){
	#sec-01 .con .map_table_wrap td { width: 50px; padding: 20px 10px; font-size: 14px; }
}