/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/* 데탑, 태블릿 일 때 */
@media (min-width: 768px) {
  /*폰트 고정 */
  .board-info u,
  .location a {
    font-size: 14px !important;
  }
  .location span {
    font-size: 14px !important;
    color: #000;
  }
}
/* 모바일일 때(가로모드 포함) */
@media (max-width: 768px) {
  /*폰트 고정 */
  .board-info u,
  .location a {
    font-size: 12px !important;
  }
  .location span {
    font-size: 12px !important;
    color: #000;
  }
}

/* 이윰빌더 basic 테마 컬러(red) x */
.location a:hover {
  color: inherit !important;
}

/* 버튼 기본 색상 */
.board-list-footer a,
.view-comment-more a {
  background-color: #5cc1e0;
  border-radius: 2px !important;
}

.board-list-footer a:hover,
.view-comment-more a:hover {
  background-color: #2eabd1;
  border-radius: 2px !important;
}

/* 버튼 기본: btn-lg */
.btn-lg {
  padding: 4px 12px;
  font-size: 14px !important;
  line-height: 17px;
  border-radius: 2px !important;
}

/* 헤더 자동 줄바꿈 안되게 수정 */
.header-title li {
  white-space: nowrap;
}

/* 밑줄 제거 -> 지금 안됨*/
h4:hover {
  text-decoration: none !important;
}

/* 게시판 리스트 border none */
.gallery-item-in {
  border: 0 !important;
}

.board-gallery .gallery-item .gallery-item-bottom .pull-right {
  border: 0 !important;
}

.board-gallery .gallery-item .gallery-item-bottom {
  border: 0 !important;
}

.board-gallery .gallery-item .gallery-item-bottom .pull-left {
  padding: 0px 10px !important;
}

.group-latest .group-time {
  text-align: left !important;
  float: left !important;
  width: 100% !important;
  padding-bottom: 10px;
}

.group-latest .group-time i {
  margin: 0 !important;
}

.group-latest .group-time i:hover {
  color: #555 !important;
}

.group-latest .group-subj {
  padding: 5px 10px 2px 0px !important;
}

.group-latest .group-time {
  font-size: 14px !important;
}

.eyoom-form .label {
  white-space: nowrap !important;
}

.board-view {
  margin-top: 15px !important;
}

.hr-color {
  border-top: 1px solid #ababab;
}

.mobile-nav .panel ul li {
  padding: 3px;
}

.board-info u {
  display: none;
}
/* info-box */
.board-info {
  position: relative;
}

.alert-info h4 {
  display: inline-block !important;
}

.alert-info i {
  color: #5f5f5f !important;
  margin-right: 5px;
}

.border-img {
  border-image-source: url("/img/border-img.png");
  border-image-slice: 7;
  border-image-width: 7px;
  border-image-outset: 0;
  border-image-repeat: round;
  background-color: #f9f5ec;
  padding: 15px 20px 20px 68px;
}

.alert-info hr {
  border-top-color: #555;
}

.alert-info {
  color: #555;
}

.alert-info p {
  color: #555;
}

.knot {
  position: absolute;
  z-index: 1;
  left: 24px;
  width: 42px;
}
.info-top {
  color: #234060;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 0.9;
  font-family: "GmarketSansMedium", sans-serif !important;
}

.info-top b {
  font-size: 18px;
}

.info-top-right {
  display: inline;
  color: #234060;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  z-index: 1;
  right: 26px;
  top: 10px;
  font-family: "GmarketSansMedium", sans-serif !important;
}

/* 데스트탑(992*/
@media (min-width: 980px) {
  .border-img h4,
  .border-img i {
    font-size: 20px;
  }

  .border-img p {
    font-size: 16px;
  }

  .board-list {
    margin-top: 50px;
  }
}

/* 데스크탑 end */

/* 모바일 */
@media (max-width: 980px) {
  .border-img h4,
  .border-img i {
    font-size: 16px;
  }

  .border-img p {
    font-size: 12px;
  }

  .board-list {
    margin-top: 0px;
  }

  .board-view img {
    width: 100%;
  }
}

hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
