@charset "utf-8";


.qalink{
    padding-top: 20px;
}
.btn_buy {
    background: #f8f8f8;
    color: #000;
    /* width: 125px; */
    border-radius: 10px;
    outline: none;
    /* margin-left: 300px; */
    margin-top: 0px;
    border: 1px solid #e0e0e0;
    font-size: 12pt;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    padding: 5px 30px;
}


.btn_buy:hover {
    background: #6a7c9d;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    border: 0;
}
/* 모바일 목록 */
@media all and (max-width:767px) {
  .responsive #bo_list .float-left.float-md-none {
    margin-right: 1.0rem;
  }

  .responsive #bo_list .na-title {
    margin-bottom: 0.14rem;
  }
}

.title1 {
  padding: 20px 10px 30px 10px;
}

.title1 span {
  font-size: 18px;
}

.ti_0 {
  font-size: 28px;
}

.title2 {
  background-color: #f5f7fa;
  padding: 30px 10px 30px 10px;
}

.title2 .h1 {
  font-size: 25px;
}

.title2 span {
  line-height: 30px;
  display: inline-flex;
}

.title3 {
  padding: 30px 10px 30px 10px;
}

.title3 .h1 {
  font-size: 24px;
}

.title3 span {
  line-height: 30px;
  display: inline-flex;
  text-align: left;
}

.title4 {
  background-color: #f5f7fa;
  padding: 30px 10px 30px 10px;
}

.title4 .h1 {
  font-size: 25px;
}

.title4 span {
  line-height: 30px;
  display: inline-flex;
  text-align: left;
}