@charset "utf-8";

/*!
 * kimsQ Rb v2.4 데스크탑 기본형 게시판 테마 스타일 (bs4-default)
 * Homepage: http://www.kimsq.com
 * Copyright 2018 redblock inc
 * Licensed under RBL
 * Based on Bootstrap v4
*/

/**
 * 목차:
 *
 * 1 - 공통 rb-bbs
 * 2 - 목록 rb-bbs-list
 * 3 - 보기 rb-bbs-view
 * 4 - 쓰기 rb-bbs-write
 * 5 - 컴포넌트 Component
 * 6 - 유틸리티 Utilities
 * ----------------------------------------------------------------------------
 */


/**
 * 1 - 공통 rb-bbs
 * ----------------------------------------------------------------------------
 */



/**
 * 2 - 목록 rb-bbs-list
 * ----------------------------------------------------------------------------
 */


.rb-bbs-list .ico-replay::before {
  display: inline-block;
  width: 13px;
  height: 10px;
  margin: 4px 4px 0 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABkCAMAAACvvNBNAAAAclBMVEVMaXEtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUAAAAtlvXBtxldAAAAJHRSTlMAlgoDD071ePxpN7FZvfDjLRxb/gEGpEL5hxUkyNvqeXyAwuvQ8jQMAAAAqElEQVR42u2R1w7CMAxFu/feu4ze//9FWlRaWlwkBC9IPi+2cpzYSYTPUZwjk7rQaZNk8ENalfAC2pgoctqoRhzRxtKWERxlY+oO4pz2cKUnU7Ww5TkP/Sl/IDVo1srAW04QZBttRfcV0dW7aWHeEx2a9XJHQx1DFI9hz2kqz4tp88rS5Op4KDdr62hAlpDPI13gpkf/elYEhmGYXzAMrL5XO94phvlnbrKzELi3OthbAAAAAElFTkSuQmCC) 0 -30px no-repeat;
  background-size: 13px 50px;
  vertical-align: top;
  content: '';
}


/* 포커스된 아이템 강조표시 */
[data-role="bbs-list"] tr:focus {
  background-color: #F5FFFE !important;
}
[data-role="bbs-list"] tr a:focus  {
  outline: 0
}


/**
 * 3 - 보기 rb-bbs-view
 * ----------------------------------------------------------------------------
 */

.rb-bbs-view header .media-body h1 {
  padding: 4px 0 8px 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: #dfdfdf dotted 1px;
}
.rb-bbs-view header .rb-meta {
  color: #c0c0c0;
  font-family: dotum;
  font-size: 11px;
  line-height: 20px;
}
.rb-bbs-view header .rb-meta .rb-divider:before {
  content: '|';
  color: #ddd;
}
.rb-bbs-view [data-role="linkshare"] img {
  width: 38px
}

.active .fa-bookmark-o:before {
  content: "\f02e" !important;
}

[data-role="btn_post_like"].active .fa-heart-o:before {
  content: "\f004";
}
[data-role="btn_post_like"].active .fa,
[data-role="btn_post_dislike"].active .fa {
  color: red;
}
[data-role="btn_post_like"].active.heartbeat .fa,
[data-role="btn_post_dislike"].active.heartbeat .fa {
  animation: heartbeat .8s;
}

.tag .badge~.badge {
  margin-left: .3rem
}


/**
 * 4 - 쓰기 rb-bbs-write
 * ----------------------------------------------------------------------------
 */

.rb-bbs-write .ck-editor__editable_inline {
  min-height: 350px;
}

/**
 * 5 - 컴포넌트 Component
 * ----------------------------------------------------------------------------
 */


/* 모달 */
.modal [data-role="article"]{
  min-height: calc(100vh - 8.5rem);
}
.modal [data-role="comment-main"] .timeline-vscroll {
  max-height: calc(100vh - 15rem) !important
}
.modal .article-body {
  height: calc(100vh - 15rem);
  overflow:auto
}


/* 모달-댓글영역 */
.modal [data-role="comment-none"] > div {
  height: calc(100vh - 13.6rem) !important;
}
.modal [data-role="comment-main"] nav {
  height: 63px;
  background-color: #fff
}


/**
 * 6 - 유틸리티 Utilities
 * ----------------------------------------------------------------------------
 */


@keyframes heartbeat
{
  0%
  {
    transform: scale( 1.8 );
  }
  30%
  {
    transform: scale( 1 );
  }
  60%
  {
    transform: scale( 1.8 );
  }
  100%
  {
    transform: scale( 1 );
  }
}