.content {
  text-align:center;
}
.content .icon {
  background-color:#fff;
  margin:0px auto;
  border:1px solid #999;
  border-radius:50%;
  height:60px;
  width:60px;
  text-align:center;
  padding-top:17px;
  font-size:24px;
  margin-bottom:10px;
}

.content .icon:hover {
  background-color:#fff;
}

.cell{
  position:relative;
  background-size: cover !important;
  font-size:16px;
  text-align:center;
  margin-bottom:20px;
  font-size:13px;
  color:white;
  height:65px;
  background-position: center center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 1px 1px #bbb;
}

.cell_holder {
  opacity :0;
  width:100%;
  height:100%;
  border:1px solid #cacaca;
  -webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
    transition:opacity 0.5s;
  padding:5px;
  margin:0px;
  z-index:2;
}

.cell_holder:hover {
  background-color:#111;
  opacity:0.3;
}

.cell .cover-wrapper{
  pointer-events:none;
  position: absolute !important;
  width: 90%;
  text-align: center;
  left: 5%;
  top: 20%;
  text-decoration: none;
  font-weight: bold;
  color:#ffffff;
  text-shadow:0px 0px 4px rgba(1,1,1,1);
}

/*** bootstrap ***/
.label-default {
  background-color: #777;
}

.label-primary {
  background-color: #337ab7;
}

.label-success {
  background-color: #5cb85c;
}

.label-info {
  background-color: #5bc0de;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-danger {
  background-color: #d9534f;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  margin-right:3px;
}

.status-message {
  font-size:12px;
  color:#787878;
}


.border-table {
  border: 1px solid #dddddd;
  width:100%;
  border-spacing: 0;
}

.border-table th {background-color: #f4f4f4;padding:5px;color: #222;border-collapse:collapse;border: 1px solid #ababab;font-size:12px;}
.border-table tbody tr.selected td, .border-table tbody tr.selectable:hover td {
  background: #dbdbdb;
}
.border-table tbody td {
  font-size:12px;
  border: 1px solid #ababab;
  vertical-align: middle;
  padding:5px;
  border-top: 1px solid #ababab;
}

.subway {
  letter-spacing:-1px;
  white-space:nowrap;
  font-family:dotum;
  margin-left:3px;
  position:relative;
  border-radius:10px;
  display: inline;
  color:white;
  font-size:12px;
  padding:3px 6px 3px 4px; 
  border:1px solid #ccc;
  /*text-shadow: 0 0 4px rgba(0,0,0,0.8);*/
}

.sub_1 {color:#3B61AB;}
.sub_2 {color:#3CB44A;}
.sub_3 {color:#EE5A2A;}
.sub_4 {color:#6691C9;}
.sub_5 {color:#C4A1D8;}
.sub_6 {color:#AC774A;}
.sub_7 {color:#606D00;}
.sub_8 {color:#D81C67;}
.sub_9 {color:#AD911D;}
.sub_10 {color:#EDB217;}
.sub_11 {color:#6691C9;}
.sub_12 {color:#A8022D;}
.sub_13 {color:#24A77D;} /** 경춘 **/
.sub_14 {color:#06BAB1;} /** 경의중앙 **/
.sub_15 {color:#85DFFF;} /** 의정부 **/
.sub_16 {color:#FF9B24;} /** 공항 **/
.sub_17 {color:#EBAA11;} /** 수인 **/
.sub_18 {color:#89D800;} /** 에버라인 **/
.sub_19 {color:#2673f2;} /** 경강선 **/
.sub_20 {color:#ffb850;} /** 인천2호선 **/
.sub_21 {color:#ff9d5a;} /** 자기부상 **/
.sub_22 {color:#c6c100;} /** 우이신설 **/
.sub_23 {color:#8bc53f;} /** 서해선 **/
.sub_101 {color:#EE5A2A;}
.sub_102 {color:#3CB44A;}
.sub_103 {color:#B6971D;}
.sub_104 {color:#426FB5;}
.sub_105 {color:#893BB6;}
.sub_106 {color:#80a8d8;}
.sub_201 {color:#37B42D;}
.sub_301 {color:#F85757;} /** 대구지하철 1호선 **/
.sub_302 {color:#29C531;} /** 대구지하철 2호선 **/
.sub_303 {color:#F7BA21;} /** 대구지하철 3호선 **/
.sub_401 {color:#29C531;} /** 광주지하철 1호선 **/

.kakaochat {
  position:fixed;  
  bottom:60px;  
  right:20px;
  z-index:2;   
}

.call-button {
  position:fixed;  
  bottom:120px;
  right:20px;
  z-index:2;   
  font-size: 1.5rem;
  border-radius:50%;
  width:50px;
  height:50px;
  color:white;
  background-color:rgba(83, 192, 30, 0.97);
  box-shadow: 0 1px 5px 2px rgba(0,0,0,0.15);
  text-align: center;
  line-height: 50px;
  transform: scale(1,1);
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
  opacity: 0.8;
}

.sms-button {
  position:fixed;    
  bottom:60px;
  right:20px;
  z-index:2;   
  font-size: 1.5rem;
  border-radius:50%;
  width:50px;
  height:50px;
  color:white;
  background-color:#3F51B5;
  box-shadow: 0 1px 5px 2px rgba(0,0,0,0.15);
  text-align: center;
  line-height: 50px;
  transform: scale(1,1);
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
  opacity: 0.8;
}

.print_only {
  display:none;  
}

body > .modal {
    display: none;
}

.home_table {
  width:100%;
}

.home_table a {
    color:#0d5ca4
}

.home_table td{
  padding:5px;
  text-align:center;
  border-top:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1;
}

.home_table td:last-child {
  border-right:0px;
}

.home_table .icon {
  font-size:30px;
}

.home_map {
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  width:100%;
  height:200px;
}

.home_address_area {
  /*border-right:1px solid #ffffff;*/
  /*border-left:1px solid #ffffff;*/
  font-size:14px;
  width:100%;
  /*background: url(/assets/mobile/images/black_half_bg.png) no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#333;
  border-bottom:1px solid #eee;
  text-align:center;
  padding:2px 5px;
}