html, body, #map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px
}

 
body {
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-size: 14px;
}

#panel { 
  padding-top: 0px;
  float: left; 
  width: 300px;
  height: 100%;
  overflow: auto;
}

#panel .inner {padding: 70px  5px 20px 20px;}

#map-container {
  margin-top:  0px;
  margin-left: 300px;
  height: 100%;
  padding-top: 50px;
}

#map {
  width: 100%;
  height: 100%;
}

#markerlist { 
}

#markerlist a:hover, #markerlist a:visited, #markerlist a:link { text-decoration: none; color: #555;}

.title {
  border-bottom: 1px solid #e0ecff;
  overflow: hidden;
  width: 256px;
  cursor: pointer;
  padding: 5px;
  display: block;
  color: #000;
  text-decoration: none;
}

.title:visited {
  color: #000;
}

.title:hover {
  background: #e0ecff;
}

#timetaken {
  color: #f00;
}

.info {
  margin-left: 20px;
  width: 200px;
}

.info img {
  border: 0;
}

.info-body {
  width: 200px;
  height: 200px;
  line-height: 200px;
  margin: 2px 0;
  text-align: center;
  overflow: hidden;
}

.info-img { 
  width: 200px;
  height: auto;
}


#footer {
  width: 100%;
 height: 50px;
 padding: 0;
 background-color: #f5f5f5;
 position: fixed;
 bottom: 0;
} 

#footer p { padding: 0 50px; line-height: 50px; color: #999;}

.tvcast_logo {width: 70px; height: auto; margin-right: 5px;}
.instagram_logo {width: 25px; height: auto; margin-right: 5px;}
.green_logo {width: 55px; height: auto; margin-right: 5px;}
.naver_logo {width: 55px; height: auto; margin-right: 5px;}


.info {line-height: 1.6em;}
.info h3 {font-weight: bold;}
.info .service_time {   }
.info .menu { color:#aa6708; }

.tag_group {margin-bottom: 10px;}
.tag_group .btn {margin-bottom: 5px;}
 
.left_menu {display: none;}

.fa-3 {font-size: 2em;} 

.symsg_color {background-color: #ff6c00 !important; color: #FFF !important;}
.symsg_color h4 { color: #FFF !important;}



#panel .logo {width: 50px; height: auto; margin-left: -5px; margin-right: 8px;}


#panel .sns {text-align: right; margin-bottom: 15px; margin-top: 10px; position: relative;}

#panel .company {text-align: center;  font-size: 0.7em; padding-right: 3px;}
#panel .company a {color: #bbb;}


.navbar-brand  .logo {width: 60px; height: auto; margin-left: 0px; margin-top: -10px; margin-right: 4px;}

.navbar-brand { height: 50px; overflow: hidden; color: #FFF !important;}

.search_menu {margin-bottom:4px;}

.search_menu .form-group {margin-bottom:0px;}

#search_keyword {width: 200px !important; display: inline-block !important;}

 
.sns .twitter {position: absolute; top:0; left: 30px;}
.sns .facebook { }

.item_list .info {margin: 0; width: 100%;}
.item_list .info h3 {margin-top: 0; margin-bottom: 5px;}
.item_list .info .info-img2 {width: 100px; height: 100px; overflow: hidden; margin-top: 3px; margin-right: 10px; }

.symsg-info {margin-bottom: 0;}

.app {padding: 15px 0;}
.app img {width: 122px; height: auto;}

 
.video2 a {display: block; padding: 0px 5px; margin-right: 5px; float: left;  }
.video2 a i {font-size: 1.7em; } 


@media (max-width: 768px) {


  /*.item_list {height: 330px; overflow: auto;}*/


  .navbar-brand {overflow: hidden; }

  #panel { 
    position: absolute; top: 0px; left:  0px; 
    padding-top:  0px; 
    float: none; 
    width: 300px;
  height: 100%;
    overflow: auto;
    z-index:999;
    background: rgba(255,255,255,0.7);

  }

  #map-container {margin-left: 0px; } 

  .navbar-inverse .navbar-brand { 
    margin-left: 40px;
  }

  .left_menu {
    display: block;
    position: absolute;
    top:10px;
    left:5px;
    font-size: 22px;
    background:none !important;
    border: 0 !important;
    color: #ccc !important;
  }
 
}