@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: 16px;
  font-weight: 500 !important;
  font-family: 'GMarketSans';
  }

.rb-bbs-list th {
  font-size: 15px;
  font-weight: 500;
  font-family: 'GMarketSans';
  color:#222;
  }

.rb-bbs-list td {
  font-size: 15px;
  font-weight: 300 !important;
  font-family: 'GMarketSans';
  color:#777;
  }

/* 포커스된 아이템 강조표시 */
[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;}

.btn-light-n { 
min-width:150px;
padding:8px 20px 0 20px !important;
height:40px;
line-height:40px;
background-color: #16243d !important;
color:#fff !important;
font-size:15px;
font-weight:500;
}
.btn-light-n:hover {background-color: #444 !important;}

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

/**
 * 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: 'GMarketSans';
}

.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: 1px
 }

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

.form-group input {
font-weight: 300;
font-family: 'GmarketSansLight', sans-serif;
color:#000;
letter-spacing: 0.02em; 
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 1px rgba(0,0,0,0.05);
}

.qr-only {
width:100%; 
height:18px; 
line-height:18px;
font-family: 'GMarketSans';
color:#222; 
font-size:16px;
font-weight: 500;
margin-bottom:10px;
}

.priv {
    width: 100%;
    height: 130px;
    padding: 10px;
    border: 1px solid #cecece;
    font-family: 'GmarketSansLight', sans-serif;
    font-size: 15px;
    resize: vertical;
    overflow-y: auto;
	font-weight: 300;
	color:#000;
}

.ch {
    width: 100%;
    height: 20px;
	line-height: 20px;
	margin-bottom:50px;
    font-family: 'GMarketSans';
    font-size: 15px;
	color:#222; 
	font-weight: 500; 
}

[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #0b52a2;
}

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



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


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

