@font-face{font-family:ng;src:url(/static/fonts/NanumGothic.eot);src:local(※), url(/static/fonts/NanumGothic.woff) format('woff')}
@font-face{font-family:np;src:url(/static/fonts/NanumPen.eot);src: local("np"), url(/static/fonts/NanumPen.ttf) format("truetype");}

@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css" );


*{
  font-family:'Apple SD Gothic Neo', 'nanum gothic','나눔고딕',ng,'apple gothic','맑은 고딕','돋움','굴림';
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-top:40px;
  margin-bottom: 70px;
  background: #f9f9f9;
}

.footer {
  background: rgba(255,255,255,0.8);
  position: fixed;
  z-index: 10;
  bottom: 0px;
  width: 100%;
  color: #888;
  border-top:1px solid #dcdcdc;
}


.footer > .container {
  padding: 15px;
}

.pointer{cursor: pointer}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
  background: #2e3e4e;
  color:#fff;
}
ul, li{
  list-style: none;
  margin: 0px;
  padding: 0px;
}


@media (max-width: 768px) {
    #visual{height: 350px !important; background-size: 100% !important;}
    #visual_btn{padding-top:260px !important}
    body{margin-bottom:200px !important;}
    #navbar, .navbar-collapse{
      background: #2e3e4e !important;
      background-color: #2e3e4e !important;
    }
    .m-l-n-lg{margin-left: 0px;}
    .navbar-header{height: 42px !important;margin-top: -2px;}
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
      background-color: #2e3e4e !important;
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
      border: none !important;
    }
 
}

.padder-v-sm{padding-top: 10px; padding-bottom: 10px;}
.padder-v-xs{padding-top: 5px; padding-bottom: 5px;}
.padder-sm{padding-left: 10px; padding-right: 10px;}
.padder-xs{padding-left: 5px; padding-right: 5px;}
.p-n{padding: 0px;}

.btn-social{text-align: center; color:#fff; cursor: pointer; width: 100%; padding: 10px;  border-radius: 4px;}
.social_facebook{ background: #3468af; }
.social_twitter{ background: #4fc4f6;}
.social_google{ background: #da4d2f }
.social_pinterest{ background: #cb2028; }

.img-radius-xs{border-radius: 50%; width: 25px; height: 25px;}
.img-radius-sm{border-radius: 50%; width: 50px; height: 50px;}
.img-radius-md{border-radius: 50%; width: 100px; height: 100px;}

.w100{width: 100%}
.h100{height: 100%}
.w-max-100{max-width: 100%}

.item{margin-bottom: 20px}
.navbar-nav>li>a{padding: 10px}
.navbar{height: 40px}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  border-bottom: 2px solid #fa3e29;
}
.social_zone{margin-top:70px;}
.item_link{cursor: pointer}
.img-avatar{border-radius: 50%; border:5px solid #dcdcdc; width:140px; height: 140px; }
.img-avatar-comment{border:2px solid #dcdcdc; width:50px; height: 50px; }
.b-r-2px{border-radius: 2px;}
.bg-gray{background: #fefefe;}

.comment{margin-bottom: 15px;}
.comment_type{color: #999}
.comment_type.active{color: #333}

#loader_on, #loader_off{display: none; left:50%; top:50%; margin-left: -30px; position: fixed; z-index: 10}
.text-white{color:#fff;}
.display-none{display: none}
.popular{height: 80px; width: 100%; background-size:cover !important; cursor: pointer;}
.popular_over{position: absolute; padding: 5px; background: rgba(0,0,0,0.7); width: 100%; max-width: 145px; height: 100%; cursor: pointer}
.text-muteder{color:#dcdcdc;}
.input-xs{width: 50px !important}
.navbar-toggle{padding: 5px !important}
@media (min-width: 1200px){
  .container{width: 940px;}
}

.position-fixed{position: fixed !important; top:50px;}
.adv{position: absolute; width: 210px; }
#option_image_zone > .list-group-item:first-child{
    border:1px solid #000;
}
.b-a-muted{border:1px solid #dcdcdc;}
.admin_thumb{height: 60px; overflow-y: hidden;}
textarea{width: 100% !important;}
.item_size{max-height:900px; overflow-y:hidden;}
.item_detail_btn{
  display:none;
  cursor:pointer;
  position: absolute; 
  margin-top:-30px;
  width: 50%; 
  left:25%; 
  border-top:1px solid #000; 
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color:#fff;
  padding: 5px;
  background-color:rgba(0,0,0,0.6)
}
.play_btn{
  position: absolute;
  left:50%;
  color:#fff; 
  background-color:rgba(0,0,0,0.5); 
  cursor: pointer; 
  display: none;
}
@media (max-width: 768px) {
    .img-avatar-comment{width:35px; height: 35px; }
    .item_panel{padding: 0px; margin-left:-15px; margin-right: -15px; }
    .comment_avatar{
      width: 35px;height: 35px;
    }
    .xs-padder{
      padding-left:15px;
      padding-right:15px;
    }
    .youtube_embed{
      height: 200px !important;
    }
    .navbar-brand img {
      margin-top: 7px;
    }
}
.nav-user.open{
  background: #25313e; min-height: 100px;
}
.font-thin{font-weight: normal !important;}

.gif-post {
    overflow: hidden;
    position: relative;
    /*background-color: #fff;*/
    cursor: pointer;
    margin: 0;
    padding: 0;
    outline: none;
    display: block;
    /*width: 400px;*/
}
.gif-post span.play {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    height: 60px;
    width: 60px;
    text-align: center;
    overflow: hidden;
    background: #222;
    line-height: 50px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    border-radius: 35px;
    opacity: .9;
    border: 5px solid #fff;
}
#view_content > p > img, #view_content > img{max-width: 100%;}
.panel-body > ul > div.line:last-child{
  display: none;
}
.panel-body > div.line:last-child{
  display: none;
}