.map-google {height:300px; border:1px solid #ddd; margin-bottom: 30px; margin:0 15px;}
.map-google iframe { width:100%; height:100%;}
.map-google > div {height:100%;}
.map-google > div > p {height:100%;}
.page-map1 {margin:0 15px 30px 15px;}
.map-wrap1 {padding:0 20px 0 0}
.map-wrap2 {padding:0 10px 0 10px}
.map-wrap3 {padding:0 0 0 20px}
.map-title {position:relative; background-color:#d7d7d7}
.map-title > h3 {margin-top:0; margin-bottom:0; font-size:16px; height:38px; line-height: 37px; font-weight:bold; padding:0 0 0 15px}
.map-conts {padding:12px 20px 16px 20px; width:100%; letter-spacing:-0.02em; line-height:26px; border:1px solid #ddd; margin:0; min-height:100px;}
.map-conts {letter-spacing:-0.05em; font-size:0.81rem!important;}
.map-conts em {margin-right:4px;}
.page-map1 .map-icon {position:absolute;top:0;right:0;  background:#666; padding:8px 14px 8px}
.map-icon > .fa {color:#fff; font-size:14px}

@media (min-width:1200px){.map-google {height:400px; border:1px solid #ddd; margin-bottom: 30px}}


@media (max-width: 767px) {
      .page-map1 {margin-bottom:15px}
      .map-wrap1,
      .map-wrap2, 
      .map-wrap3 {padding:0 0 15px 0}
      .map-conts {margin-bottom:15px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .map-wrap1 {padding:0 10px 0 0}
      .map-wrap2 {padding:0 5px 0 5px}
      .map-wrap3 {padding:0 0 0 10px}
}

.main {
	padding: 0 15px;
	margin: 0 auto;
	background: #ffffff;}

section.data_section {
	display: none;
	animation: fade-out 1s;
	padding: 0;
	border-top: 1px solid #ddd;}

/*라디오버튼 숨김*/
input.tabs {
	  display: none;}

label.tab_label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	color: #bbb;
	border-bottom: 1px solid transparent;}

label.tab_label:hover {
	color: #777;
	cursor: pointer;}

/*input 클릭시, label 스타일*/
input.tabs:checked + label.tab_label {
	  color: #555;
	  border: 1px solid #ddd;
	  border-top: 2px solid #f37242;
	  border-bottom: 1px solid #ffffff;}

.line18 {display:block; width:100%;border-bottom:1px solid #ddd;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
	  animation: fade-in 1s;
	  border-top: 0px solid #ddd;
	  display: block;}
		

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;

  }
  to {
    opacity: 0;
  }
}		
			

/*노선데이터*/
.wrapper_table {
  margin: 0 auto;
  padding: 40px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #3b3b3b;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.timetable {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  display: table;
}

.row_table {
  display: table-row;
  background: #f6f6f6;
}
.row_table:nth-of-type(odd) {
  background: #e9e9e9;
}
.row_table.table_header {
  font-weight: 900;
  color: #fff;
  background: #ea6153;
}
.row_table .cell_table:first-child{
	width:210px;
}

.row_table .cell_table:nth-child(2){
	width:56px;
}

.row_table .cell_table:nth-child(3){
	width:238px;
}

.row_table .cell_table:nth-child(4){
	width:238px;
}

.location_width{
	width:75%!important;
}

.row_table.green {
  background: #27ae60;
}
.row_table.blue {
  background: #2980b9;
}
.row_table.purple {
  background: #852eb0;
}
.row_table.aqua {
  background: #3dc8cd;
}

span.red {
	color: #ea6153;
}
span.green {
	color: #27ae60;
}
span.blue {
	color: #2980b9;
}
span.purple {
	color: #852eb0;
}
span.aqua {
	color: #3dc8cd;
}

.cell_table {
  padding: 6px 12px;
  display: table-cell;
}

@media screen and (max-width: 580px) {
  .wrapper_table {
    font-size: 16px;
    line-height: 22px;
  }
  .timetable {
    display: block;
  }

  .row_table {
    padding: 14px 0 7px;
    display: block;
  }
  
  .row_table.table_header {
    padding: 0;
    height: 6px;
  }
  
  .row_table.table_header .cell_table {
    display: none;
  }
  .row_table .cell_table:first-child{
	width:100%;
  }
  
  .row_table .cell_table:nth-child(2){
	width:100%;
  }

  .row_table .cell_table:nth-child(3){
	width:100%;
  }

  .row_table .cell_table:nth-child(4){
	width:100%;
  }
  
  .row_table .cell_table {
    margin-bottom: 10px;
  }
  
  .row_table .cell_table:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #969696;
    display: block;
  }
  
  .cell_table {
    padding: 2px 16px;
    display: block;
  }
  
}