.board-title {
  white-space: nowrap;
  line-height: 1;
  margin: 0;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 23px;
  padding-top: 18px;
}
.sorting-dropdown-content {
  display: none;
  position: absolute;
  left: -19px;
  top: 28px;
  background-color: #ffffff;
  width: 94px;
  height: 83px;
  overflow: auto;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 10px;
}
.order-class-div {
  cursor: pointer;
}
.sorting-dropdown-content a {
  color: black;
  padding: 12px 21px;
  height: 34px;
  text-decoration: none;
  display: block;
}
.write-button {
  align-items: center;
  justify-content: center;
  width: 99px;
  height: 50px !important;
  border-radius: 8px;
  padding: 0;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}
.sorting-option {
  cursor: pointer;
}

.show {
  display: block;
}
.delete-icon {
  width: 20px;
  height: 21px;
}
.write-icon {
  width: 21px;
  height: 19px;
}
.arrow-icon {
  width: 13px;
  height: 7px;
}

.delete-button {
  background: none;
  border: none;
  padding: 0 17px;
}

.delete-text {
  color: #111111;
  padding-right: 7px;
  font-weight: 500;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.bo_list {
  margin: 40px 0 0 0 !important;
}
#bo_btn_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  margin-top: 0;
  margin-bottom: 24px;
}
@media (max-width: 770px) {
  #bo_btn_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-top: 0;
    margin-bottom: 24px;
    flex-direction: column;
  }
}

.btn_b01 {
  display: flex !important;
}
.write-text {
  font-size: 16px;
  color: #0cb6ea;
  font-weight: bold;
  padding-left: 5px;
}
.bo_btn_left {
  display: flex;
  align-items: center;
}
.bracket {
  position: relative;
  top: -1px;
}

#bo_list_total {
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  margin-right: 18px;
}
#bo_cate {
  margin: 0 !important;
}
label {
  display: inline-block;
  margin-bottom: 4px !important;
}
.text-left {
  text-align: left !important;
  padding: 0 57px !important;
}
.bo_notice td {
  background: #f9f9fa !important;
  border-bottom: 1px solid #f2f2f2 !important;
}
#bo_list .td_num2 {
  width: 31px !important;
}

.Icon_ionic-ios-arrow-forward {
  overflow: visible;
  width: 7.267px;
  height: 12.71px;
  transform: matrix(1, 0, 0, 1, 0, 0) rotate(90deg);
  transform-origin: center;
  position: relative;
}
#Icon_ionic-ios-arrow-forward {
  fill: rgba(0, 0, 0, 1);
}

.th_text {
  font-size: 13px;
  color: #777777;
}
.td_datetime {
  font-size: 13px;
  color: #777777;
}
.td_num {
  font-size: 13px;
  color: #777777;
}
.td_num2 {
  font-family: "Helvetica";
  font-size: 13px;
  color: #222222;
}
.bo_tit a {
  font-size: 15px;
  color: #222222;
}
.bo_tit a:hover {
  text-decoration: none;
}

a:hover {
  text-decoration: none !important;
}
.Icon_metro-pin {
  overflow: visible;
  width: 9.576px;
  height: 14.694px;
  transform: rotate(15deg);
  transform-origin: center;
}
#Icon_metro-pin {
  fill: rgba(117, 117, 117, 1);
}

.new-wr-icon {
  width: 24.661px;
  height: 22.368px;
  position: relative;
  overflow: visible;
  top: 7px;
}
.path {
  overflow: visible;
  position: absolute;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.path-fill {
  fill: rgba(12, 182, 234, 1);
}
.path-1 {
  width: 2.726px;
  height: 2.719px;
  left: 13.264px;
  top: 15.892px;
}
.path-2 {
  width: 8.363px;
  height: 8.284px;
  left: 14.362px;
  top: 9.286px;
}
.path-3 {
  width: 3.048px;
  height: 3.071px;
  left: 21.157px;
  top: 7.834px;
}

.rect-1 {
  position: absolute;
  overflow: visible;
  width: 19.979px;
  height: 22.859px;
  left: 0.755px;
  top: 0.755px;
}
#rect-1 {
  fill: rgba(0, 0, 0, 0);
  stroke: rgba(12, 182, 234, 1);
  stroke-width: 2px;
  stroke-linejoin: miter;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  shape-rendering: auto;
}
.Line_102 {
  width: 11.11px;
  height: 2px;
  left: 5.189px;
  top: 11.273px;
}
#Line_102 {
  fill: transparent;
  stroke: rgba(12, 182, 234, 1);
  stroke-width: 2px;
  stroke-linejoin: miter;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  shape-rendering: auto;
}
.Line_103 {
  width: 11.11px;
  height: 2px;
  left: 5.189px;
  top: 7.834px;
}
#Line_103 {
  fill: transparent;
  stroke: rgba(12, 182, 234, 1);
  stroke-width: 2px;
  stroke-linejoin: miter;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  shape-rendering: auto;
}
.Line_104 {
  width: 7.847px;
  height: 2px;
  left: 5.189px;
  top: 14.533px;
}
#Line_104 {
  fill: transparent;
  stroke: rgba(12, 182, 234, 1);
  stroke-width: 2px;
  stroke-linejoin: miter;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  shape-rendering: auto;
}

/* view.skin.php 에서 사용되는 게시글 css */

.bo_v_cate {
  font-size: 14px;
  color: #757575;
}

.bo_topmenu_button {
  border: 1px solid #e0e0e0;
  height: 38px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 5px;
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 14px;
  margin-left: 12px;
}

.margin-left-plus {
  margin-left: 30px;
}
.bo_v_topmenu {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  align-items: center;
}
.pf_img {
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.wr_mb_name {
  font-size: 14px;
  color: #111111;
  margin-right: 5px;
}
.wr_mb_role {
  font-size: 14px;
  color: #757575;
  margin-right: 10px;
}
.if_date {
  font-size: 14px;
  color: #757575;
}

.bo_v_toptitle {
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  padding-bottom: 18px;
  padding-left: 24px;
}

.prof_name_ellipse {
  position: relative !important;
  top: -2px;
  left: 0;
  width: 3px;
  height: 3px;
}

#prof_name_ellipse {
  fill: rgba(66, 66, 66, 1);
}
.bo_vc_dateinfo {
  font-size: 13px;
  color: #666666;
}