@charset "utf-8";

/*!
 * kimsQ Rb v2.4.5 데스크탑 기본형 게시판 테마 스타일 (bs4-default)
 * Homepage: http://www.kimsq.com
 * Copyright 2020 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: '';
}

.rb-bbs-list .thead-light {
  font-size: 15px;
  font-weight: 500;
  font-family: 'Noto Sans KR', sans-serif; 
  }

.rb-bbs-list td {
  font-size: 15px;
  font-weight: 400;
  font-family: 'Noto Sans KR', sans-serif; 
  }

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

.badge-light {
background-color: #fff !important;
  color: #666 !important;
  border: 1px #dbdee1 solid !important;

}
.btn-light {border:#dee2e6 1px solid !important;}

.thead-light th {
  background-color: #f1f1f1 !important;
  color: #444 !important;
  border-bottom: 1px #dbdee1 solid !important;
}

@media only screen and (max-width: 767px) {
.mobile-hide {
	  display: none;
      }
    }



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

.rb-bbs-view header .media-body h1 {
  padding: 14px 0 18px 0;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  border-top: #dfdfdf dotted 1px;
  border-bottom: #dfdfdf dotted 1px;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif; 
}

.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 .post-gallery figure:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

.post-gallery .list-inline-item:not(:last-child) {
  margin-right: .2rem;
}
.rb-bbs-view [data-role="linkshare"] img {
  width: 38px
}

[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
}

/* move */
#move {margin:20px 0 20px 0;padding:0 20px 0 20px;border:1px solid #d5d5d5;background-color:#f8f9fa; border-radius: 0.25rem;}
#move ul {list-style:none;margin:0;padding:0;}
#move ul li {list-style:none;padding:15px 0 12px 25px;margin:0;font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight: 400; color: #212529;}
#move ul li a {text-decoration:none;}
#move ul li.prev {background:url('./image/btn_prev.gif') no-repeat left 18px;border-bottom:1px solid #d5d5d5;}
#move ul li.next {background:url('./image/btn_next.gif') no-repeat left 18px;margin-bottom:0;}
/**
 * 4 - 쓰기 rb-bbs-write
 * ----------------------------------------------------------------------------
 */

 .rb-bbs-write {
   margin-top: 30px
 }

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

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



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


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