/* board_wrap common */
.board_wrap .board_btm_btn {
  width: 100%;
  margin-top: 10px;
}
.board_wrap .board_btm_btn_85 {
  width: 85%;
  margin-top: 10px;
}
.board_wrap .board_btm_btn.board_submit_btm_btn {
  margin-top: 3.125em;
  text-align: center;
}
.board_wrap .board_btm_btn.flex_cont {
  justify-content: space-between;
}
.board_wrap .board_btm_btn.right {
  text-align: right;
}
.board_wrap .board_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #444;
  font-weight: 700;
  text-align: center;
  border-radius: 5em;
  border: 1px solid #d2d5e3;
  transition: all 0.2s;
}
.board_wrap .board_btn.small {
  font-size: 0.86em;
  width: 6.67em;
  height: 2.5em;
}
.board_wrap .board_btn.middle {
  width: 7.5em;
  height: 2.75em;
}
.board_wrap .board_btn.big {
  font-size: 1.25em;
  font-weight: 700;
  width: 10em;
  height: 3em;
}
.board_wrap .board_btn + .board_btn {
  margin-left: 8px;
}
.board_wrap .board_btn:hover {
  background-color: #fdf4f2;
  border-color: #d12f34;
  color: #d12f34;
}
.board_wrap .board_btn.rectangle {
  border-radius: 2px;
}

@media screen and (max-width: 540px) {
  .board_wrap .board_btn.middle {
    width: 6.5em;
  }
}

.board_wrap .tab_cont.active {
  flex-wrap: wrap;
  width: 100%;
}
.board_wrap .tab_cont_91.active {
  flex-wrap: wrap;
  width: 91%;
} /*  건축사찾기 125% 대응 */

/* 2024-07-19 수정 */
@media screen and (max-width: 1080px) {
  .board_wrap .tab_cont_91.active {
    width: 100%;
  }
}

/* empty_cont */
.empty_cont_wrap {
  width: 100%;
}
.empty_cont {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5em 0;
}
.empty_cont .img {
  width: 33.33%;
  max-width: 130px;
}
.empty_cont .txt {
  color: #777;
  margin-top: 1em;
}
/* custom_select_tab_content */
.custom_select_tab_content {
  display: none;
}
.custom_select_tab_content.active {
  display: block;
}

/* board header */
.board_header {
  position: relative;
  margin-bottom: 1.25em;
}
.board_header_sub0302_3 {
  position: relative;
  margin-bottom: 25.25em;
}
.board_header .brochure {
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  color: #e75752;
  border-bottom: 1px solid transparent;
}
.board_header .brochure:hover {
  border-color: #e75752;
}
.board_header .brochure::before {
  content: "\eb7c";
  font-family: "xeicon";
  display: block;
  font-size: 1em;
  margin-right: 3px;
}
.board_header .board_total {
  color: #444;
}
.board_header.flex_cont {
  align-items: center;
  justify-content: space-between;
}
.board_header .board_precautions {
  width: 100%;
  color: #e75752;
  line-height: 1.5em;
}
/* 2024-07-19 수정 */
@media screen and (max-width: 1080px) {
  .board_header .board_precautions {
    margin-bottom: 10px;
  }
}
.board_header .board_precautions .em {
  border-bottom: 1px solid #e75752;
}
.new_icon {
  display: inline-block;
  width: 14px;
  line-height: 15px;
  font-size: 0.7em;
  color: #fff;
  background: #c3262f;
  text-align: center;
  border-radius: 2px;
  margin-left: 4px;
}
@media screen and (min-width: 1401px) {
  .board_header .board_precautions {
    margin-bottom: 2em;
  }
}

@media screen and (max-width: 760px) {
  .board_header.flex_cont {
    flex-direction: column;
    align-items: flex-start;
  }
  .board_header.flex_cont .board_total {
    margin-bottom: 10px;
  }
}
/* board_category_wrap */
.board_category_wrap.sub_cont_wrap_03_01 {
  margin-bottom: 0.25em;
}
.board_category_wrap {
  width: 100%;
  text-align: center;
  margin: 2em auto 3.75em;
}
.board_category_wrap .cate_list {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px 0;
}
.board_category_wrap .cate_list li {
  position: relative;
  padding: 3px 5px;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.board_category_wrap .cate_list li + li::before {
  content: "";
  width: 1px;
  height: 1.875em;
  background-color: #d2d2d2;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.board_category_wrap .cate_list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 2.5em;
  padding: 0 1em;
  color: #666;
  font-weight: 700;
  border-radius: 2px;
  border: 1px solid transparent;
  background-color: transparent;
}
.board_category_wrap .cate_list li.active a {
  background-color: #fff;
  border: 1px solid #d2d5e3;
}
@media screen and (max-width: 760px) {
  .board_category_wrap .cate_list {
    width: 100%;
  }
  .board_category_wrap .cate_list.cate_list_half li {
    width: 50%;
  }
  .board_category_wrap .cate_list.cate_list_trio li {
    width: 33.33%;
  }
  .board_category_wrap .cate_list.cate_list_quarter li {
    width: 25%;
  }
  .board_category_wrap .cate_list li a {
    width: 100%;
    padding: 0 1em;
  }
}
/* board_cate_mod_wrap */
.board_cate_mod_wrap.cate_list.sub_sub_cont li {
  height: 3em;
  width: 12em;
}
.board_cate_mod_wrap.sub_cont_wrap_03_01.sub_sub_cont_wrap_03_01 {
  margin-top: 10px;
}
.board_cate_mod_wrap.sub_cont_wrap_03_01 {
  margin-top: 90px;
}
board_cate_mod_wrap.sub_cont_wrap_news {
  margin-top: -0.5em;
}
.board_cate_mod_wrap {
  width: 100%;
  margin-bottom: 21px;
}
.board_cate_mod_wrap .board_cate_tit {
  width: 100%;
  margin-bottom: 12px;
}
.board_cate_mod_wrap .cate_list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 7px;
}
.board_cate_mod_wrap .cate_list li {
  height: 3.999em;
}
.board_cate_mod_wrap .cate_list li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2em;
  text-align: center;
  border: 1px solid #d2d5e3;
  background-color: #fff;
  color: #666;
  transition: all 0.2s;
  border-radius: 3px;
  word-break: break-all;
}
.board_cate_mod_wrap .cate_list li:hover a {
  background-color: #f36161;
  color: #fff;
}
.board_cate_mod_wrap .cate_list li.active a {
  background-color: #c12229;
  color: #fff;
}
.board_cate_mod_wrap .cate_list li.active_sub a {
  background-color: #f36161;
  color: #fff;
}

.board_cate_mod_wrap .cate_list.round_style {
  margin: 0 auto;
}
.board_cate_mod_wrap .cate_list.round_style li a {
  border-radius: 20px;
}

.board_cate_mod_wrap .cate_list.tag_style {
  margin: -1px;
}
.board_cate_mod_wrap .cate_list.tag_style li {
  width: auto;
  margin: 1px 2px;
}
.board_cate_mod_wrap .cate_list.tag_style li a {
  padding: 0 1.2em;
  border-radius: 0;
}
.board_cate_mod_wrap .cate_list.tag_style li:hover a,
.board_cate_mod_wrap .cate_list.tag_style li.active a {
  border-color: #333;
}
.board_cate_mod_wrap .cate_list.tag_style li:hover a {
  background-color: #333;
  color: #fff;
}
.board_cate_mod_wrap .cate_list.tag_style li.active a {
  background-color: #333;
  color: #fff;
}

@media screen and (max-width: 760px) {
  .board_cate_mod_wrap .cate_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
  }
}
/* board_info_wrap */
.board_info_wrap {
  margin-bottom: 3.75em;
}

/*** 2306 bp mod : s***/

/* sub0101 : search_wrap */

.sub0101_search {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
.sub0101_search > div {
  width: 50%;
}
.sub0101_search .com_tit3 {
  margin-bottom: 12px;
  width: 90%;
}
.sub0101_search .tit02 {
  margin-top: 3em;
}

/* .search_wrap {
    
    height: 12.5em;
    padding-top: 12.5em;
    margin-bottom: 4em;
    border-bottom: 1px solid #d2d5e3;
    background-repeat: no-repeat;
    background-position: center; 
}*/

.sub0101_search .com_search_wrap {
  width: 90%;
  border: 0;
  /* margin: -1.5em auto 0; */
  padding-left: 1em;
}

/* @media screen and (max-width:1080px) {
    .sub0101_search .com_search_wrap {
        width: 90%;
    }
} */

.sub0101_search .com_search_wrap .search_type_wrap {
  background: #f26160;
  border-radius: 0 5em 5em 0;
}
.sub0101_search .com_search_wrap .search_btn {
  height: 3.5rem;
  background-color: #c12229;
  color: #fff;
  border-radius: 5em;
  width: 17%;
}

.sub0101_search .com_search_wrap .custom-select__option--value {
  color: #fff;
  white-space: nowrap;
  line-height: 3.5rem;
}

.sub0101_search .com_search_wrap .search_keyword {
  display: flex;
  flex-grow: 1;
  border: 0;
}
.sub0101_search .board_header {
  width: 90%;
}
.sub0101_search .board_cate_mod_wrap .cate_list {
  grid-template-columns: repeat(4, 1fr);
}

.map {
  width: 90%;
  margin: auto;
}

.map svg {
  width: 100%;
  height: auto;
}

.map .outline {
  stroke-linejoin: round;
  stroke: #d2d5e3;
  stroke-width: 1;
  fill: #fff !important;
}
.map .outline:hover {
  fill: #f36161 !important;
}
.map .text {
  fill: #221;
  font-size: 1rem;
  text-anchor: middle;
  alignment-baseline: middle;
}

@media screen and (max-width: 1080px) {
  .sub0101_search .board_header {
    margin-bottom: 20px;
  }
  .sub0101_search {
    display: block;
  }
  .sub0101_search > div {
    width: 100%;
  }
  .map {
    width: 70%;
  }
  .search_wrap > div {
    margin: 0 auto;
  }
}
/*** 2306 bp mod : e ***/

/*---- board_list : s ----*/

/* board_list_table : 테이블 리스트 공통 */
.board_list_table.sub_cont_wrap_03_01 {
  margin-top: 45px;
}
.board_list_table {
  width: 100%;
  min-height: 650px;
}
.board_list_table table {
  width: 100%;
  border-top: 1px solid #d2d5e3;
  table-layout: fixed;
}
.board_list_table table tr {
  color: #444;
}
.board_list_table table tr:hover {
  background-color: #f5f5f5;
}
.board_list_table table th,
/* .board_list_table table td{border-bottom: 1px solid #d2d5e3; vertical-align: middle; font-size: 0.875em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} */
.board_list_table table td {
  border-bottom: 1px solid #d2d5e3;
  vertical-align: middle;
  font-size: 1.075em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_list_table table td {
  text-align: center;
}
.board_list_table table th.subject {
  background-color: #fdf4f2;
  font-size: 1em;
  font-weight: 700;
  color: #000;
  height: 3.75em;
  text-align: center;
}
.board_list_table table th {
  background-color: #fdf4f2;
  font-size: 1em;
  font-weight: 700;
  color: #000;
  height: 3.75em;
}
.board_list_table table tr.fixed_notice td {
  background-color: #fefaf9;
}
.board_list_table table tbody .subject {
  padding: 0;
  text-align: left;
}
.board_list_table table tbody .subject a {
  display: block;
  padding: 0.5em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_list_table table tbody .subject span {
  position: relative;
}
.board_list_table table tbody .secret_list .subject span:after {
  content: "\e966";
  display: block;
  font-family: "xeicon";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.42em;
}

/* 테이블 리스트 호스트 버전 */
.board_list_table_host table td {
  padding: 1em 0;
}
/* 테이블 리스트 가로 스크롤 - sub0305 구인구직 */
@media screen and (max-width: 760px) {
  .board_list_scroll_table {
    width: 105%;
    overflow-x: auto;
  }

  .board_list_scroll_table::-webkit-scrollbar {
    height: 5px;
  }

  .board_list_scroll_table table {
    min-width: 650px;
    margin-right: 4%;
  }
}
/* board_list_slide : sub0103 */
.board_list_slide {
  width: 100%;
  overflow: inherit;
  clip-path: inset(-100% -100% -100% -100%);
}
.board_list_slide .list_slide {
  margin: -0.94em -0.94em;
}
.board_list_slide .list_slide .slide {
  padding: 0.94em 1.875em;
  width: 27.2%;
  transform: translateY(2.5em);
  transition: all 0.2s;
}
.board_list_slide .list_slide .slide.swiper-slide-active {
  transform: translateY(0);
}
.board_list_slide .list_slide .slide a {
  display: block;
  width: 100%;
}
.board_list_slide .list_slide .slide .newspaper_img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  padding-top: 148%;
}
.board_list_slide .list_slide .slide .txt_box {
  display: none;
  width: 100%;
  margin-top: 1.5em;
}
.board_list_slide .list_slide .slide.swiper-slide-active .txt_box {
  display: block;
}
.board_list_slide .list_slide .slide .txt_box .txt {
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_list_slide .list_slide .slide .txt_box .desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.board_list_slide .swiper-button-next:after,
.board_list_slide .swiper-button-prev:after {
  font-weight: 700;
  font-size: 2.5em;
}
@media screen and (min-width: 1081px) {
  .board_list_slide .swiper-button-prev {
    left: 34.5%;
  }
  .board_list_slide .swiper-button-next {
    right: 36.5%;
  }
}
@media screen and (max-width: 1080px) and (min-width: 761px) {
  .board_list_slide .list_slide {
    margin: -2.5%;
  }
  .board_list_slide .list_slide .slide {
    width: 33.33%;
    padding: 2.5%;
  }
  .board_list_slide .swiper-button-prev {
    left: 29%;
  }
  .board_list_slide .swiper-button-next {
    right: 34%;
  }
}
@media screen and (max-width: 760px) {
  .board_list_slide .list_slide {
    margin: -4%;
  }
  .board_list_slide .list_slide .slide {
    width: 54%;
    padding: 4%;
  }
  .board_list_slide .list_slide .slide .txt_box {
    margin-top: 1em;
  }
  .board_list_slide .swiper-button-prev {
    left: 16%;
  }
  .board_list_slide .swiper-button-next {
    right: 24%;
  }
  .board_list_slide .swiper-button-next:after,
  .board_list_slide .swiper-button-prev:after {
    font-size: 1.5em;
  }
}

/* board_gall_wrap : sub0102/sub0104/sub0204/sub0205/sub0405_2 */
.board_gall_wrap.sub_cont_warp_01_02 {
  margin-left: 5em;
}
.board_gall_wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -1.8% -1.4%;
}
/* .board_gall_wrap .gall_item{ width: 23.3%; padding: 1.8% 1.4%;} */
.board_gall_wrap .gall_item {
  width: 31.3%;
  padding: 1.8% 1.4%;
}
.board_gall_wrap .gall_item .inner {
  position: relative;
  display: block;
  width: 100%;
}
.board_gall_wrap .gall_item .thumb {
  width: 100%;
}
.board_gall_wrap .gall_item .thumb .img {
  width: 100%;
  padding-top: 67%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
}
.board_gall_wrap .gall_item .thumb .img_new {
  width: 100%;
  padding-top: 69%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #d2d2d200;
  border-radius: 10px;
}
.board_gall_wrap .gall_item.empty .thumb .img {
  background-color: #fdf4f2;
  background-image: url(../img/sub/board_gall_item_empty_img01.png);
  background-size: 40%;
}
.board_gall_wrap .num {
  position: absolute;
  top: 0.875em;
  left: 0.875em;
}
.board_gall_wrap .txt_box {
  margin-top: 0.94em;
}
.board_gall_wrap .txt_box .subject {
  font-size: 1.125em;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_gall_wrap .txt_box .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #777;
  margin-top: 1em;
}

/* .board_gall_wrap .gall_item{ width: 33.3%; padding: 1.8% 1.4%;} */
.board_gall_wrap .gall_item_33 {
  width: 33.3%;
  padding: 1.8% 1.4%;
}
.board_gall_wrap .gall_item_33 .inner {
  position: relative;
  display: block;
  width: 100%;
}
.board_gall_wrap .gall_item_33 .thumb {
  width: 100%;
}
.board_gall_wrap .gall_item_33 .thumb .img_newsPage {
  width: 100%;
  padding-top: 67%;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  background-color: #fdf4f2;
  background-size: 100%;
}
.board_gall_wrap .gall_item_33 .thumb .img {
  width: 100%;
  padding-top: 67%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
}
.board_gall_wrap .gall_item_33 .thumb .img_new {
  width: 100%;
  padding-top: 129%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #d2d2d200;
  border-radius: 10px;
}
.board_gall_wrap .gall_item_33.empty .thumb .img {
  background-color: #fdf4f2;
  background-image: url(../img/sub/board_gall_item_empty_img01.png);
  background-size: 40%;
}
.board_gall_wrap .num {
  position: absolute;
  top: 0.875em;
  left: 0.875em;
}
.board_gall_wrap .txt_box {
  margin-top: 0.94em;
}
.board_gall_wrap .txt_box .subject {
  font-size: 1.125em;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_gall_wrap .txt_box .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #777;
  margin-top: 1em;
}

@media screen and (max-width: 1080px) {
  .board_gall_wrap .gall_item {
    width: 33.33%;
  }
}
@media screen and (max-width: 1080px) {
  .board_gall_wrap .gall_item {
    width: 50%;
  }
}

/* board_gall_mod_wrap 공통 */
.board_gall_mod_wrap {
  margin: -0.94em;
}
.board_gall_mod_wrap .custom_select_tab_content.active {
  display: flex;
  flex-wrap: wrap;
}
.board_gall_mod_wrap .gall_item {
  width: 50%;
  padding: 0.94em;
}
.board_gall_mod_wrap.board_search_result .gall_item {
  width: 100%;
}
.board_gall_mod_wrap.board_search_result .gall_item_91 {
  width: 91%;
}

.board_gall_mod_wrap .gall_item .inner {
  display: block;
  padding: 1.25em;
  min-height: 412px;
  background-color: #fff;
  border: 1px solid #d2d5e3;
  border-radius: 5px;
  transition: all 0.2s;
}
.board_gall_mod_wrap:not(.board_txt_gell_list) .gall_item:hover .inner {
  transform: translateY(-0.875em);
  box-shadow: 0px 0.5em 0.56em 0px rgba(245, 245, 245, 0.72);
}
.board_gall_mod_wrap .gall_item .inner::after {
  border-radius: 4px;
}
.board_gall_mod_wrap .gall_item .board_subject {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2em;
}
.board_gall_mod_wrap .gall_item .thumb .img {
  width: 100%;
  padding-top: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #d2d5e3;
}
.board_gall_mod_wrap .gall_item.empty .thumb .img {
  background-color: #f5f5f5;
  background-image: url(../img/sub/board_gall_item_empty_img02.jpg);
  background-size: 39%;
}

.sub0402_board .gall_item .inner {
  display: flex;
}

.company_board .gall_item .company_link {
  text-align: right;
  padding-bottom: 20px;
}
.company_board .gall_item .inner {
  display: flex;
  gap: 26px;
}
.company_board .gall_item .company_info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.company_board .gall_item .company_info .company_logo {
  display: flex;
  align-items: center;
  height: 25px;
}

.company_board .company_core {
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.company_board .company_core .company_name .mou_chk {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-size: 0.7em;
  padding: 1px 10px;
  border-radius: 5em;
  background-color: #e75752;
  color: #fff;
  margin-right: 10px;
}
.company_board .company_core {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2em;
}
.company_board .company_core .mou_link {
  color: #666;
}
.company_board .company_core .mou_link i {
  color: #e75752;
  margin-right: 7px;
}
.board_gell_category_list .company_board .company_core .company_name {
  margin-bottom: 0;
}
.board_gell_category_list .company_board .gall_item .thumb_txt_box {
  padding-left: 0;
}

@media screen and (max-width: 760px) {
  .company_board .gall_item .inner {
    flex-direction: column;
  }
  .board_gell_category_list .company_board .gall_item .thumb {
    width: 106px;
  }
}

/* 카드 스타일 */
.board_gall_mod_wrap .card_item {
  width: 25%;
  padding: 2em 0.94em 0.94em;
}
.board_gall_mod_wrap .card_item .inner {
  height: 100%;
  display: block;
  position: relative;
  width: 100%;
  padding: 1.25em;
  background-color: #fff;
  border-radius: 20px;
  transition: all 0.2s;
}
.board_gall_mod_wrap .card_item .thumb {
  position: relative;
  top: -3em;
  width: 106px;
  height: 140px;
}
.board_gall_mod_wrap:not(.board_txt_gell_list) .card_item:hover .inner {
  box-shadow: 0px 0.5em 0.56em 0px rgba(245, 245, 245, 0.72);
}
.board_gall_mod_wrap .card_item .inner::after {
  border-radius: 4px;
}
.board_gall_mod_wrap .card_item .board_subject {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_gall_mod_wrap .card_item .thumb .img {
  overflow: hidden;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #d2d5e3;
  border-radius: 8px;
}
.board_gall_mod_wrap .card_item.empty .thumb .img {
  background-color: #f5f5f5;
  background-image: url(../img/sub/board_gall_item_empty_img02.jpg);
  background-size: 39%;
}
.board_gall_mod_wrap .btn_like {
  position: absolute;
  top: 16px;
  right: 16px;
}

.tab_card {
  margin: 2em;
}

@media screen and (max-width: 1080px) {
  .board_gall_mod_wrap .card_item {
    width: 50%;
  }
  .tab_card {
    margin: 2em 0;
  }
}

@media screen and (max-width: 760px) {
  .board_gall_mod_wrap .card_item {
    width: 100%;
  }
  .board_gall_mod_wrap .card_item .thumb {
    min-width: 106px;
    width: 25%;
  }
}

.board_gall_mod_wrap .card_item .thumb_txt_box dl {
  display: flex;
  gap: 5px;
  line-height: 2em;
}
.board_gall_mod_wrap .card_item .thumb_txt_box dl dt {
  font-size: 1.25em;
  font-weight: 700;
}
.board_gall_mod_wrap .card_item .description {
  padding-top: 2em;
  font-size: 1.06em;
  line-height: 1.4;
  color: #043195;
}

@media screen and (min-width: 1080px) {
  .board_gall_mod_wrap .card_item .txt_list {
    height: 99.2px;
  }
}

.board_gall_mod_wrap .card_item .txt_list {
  padding-top: 1em;
  color: #666;
  line-height: 1.4;
}
.board_gall_mod_wrap .card_item .txt_list li {
  margin-top: 0.5em;
}
.board_gall_mod_wrap .card_item .txt_list li:first-child {
  font-weight: bold;
}

.btn_like {
  font-size: 0.5em;
  color: #888;
}
.btn_like:before {
  display: block;
  margin: 0 auto 4px;
  font-family: "xeicon";
  font-size: 24px;
  color: #f36161;
  content: "\ea11";
}
.btn_like.on:before {
  content: "\ea10";
}

.link_more {
  margin-top: 2em;
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  color: #444;
}

#sub0206_board_btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* board gallery 텍스트 버전 : sub0204 */
.board_txt_gell_list {
  position: relative;
  margin: -10px;
}
.board_txt_gell_list .gall_item {
  min-height: 150px;
  width: 33.33%;
  padding: 10px;
}
.board_txt_gell_list .gall_item .inner {
  height: 100%;
  padding: 1.5em 1.875em;
}
.board_txt_gell_list .gall_item .board_subject {
  height: 1.45em;
}
.board_txt_gell_list .gall_item .board_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 1.45em);
}
.board_txt_gell_list .gall_item .board_info li {
  padding-left: 0.6em;
  text-indent: -0.6em;
}
@media screen and (max-width: 1080px) {
  .board_txt_gell_list .gall_item {
    width: 50%;
  }
  .board_txt_gell_list .gall_item .inner {
    padding: 1em 5%;
  }
}
@media screen and (max-width: 540px) {
  .board_txt_gell_list .gall_item {
    width: 100%;
    min-height: auto;
  }
}

/* board_gell_thumb_list 썸네일 & 텍스트 버전 : sub0203/sub0205/sub0303/sub0401/sub0405*/
.board_gell_thumb_list.sub_cont_wrap_03_03 {
  margin-top: -2em;
}
.board_gell_thumb_list .gall_item .inner {
  display: flex;
}
.board_gell_thumb_list .gall_item .inner2 {
  gap: 3%;
}
.board_gell_thumb_list .thumb {
  width: 35.5em;
}
.board_gell_thumb_list .thumb2 {
  width: 58%;
}
.board_gell_thumb_list .gall_item .thumb .img {
  padding-top: 76%;
}
.board_gell_thumb_list .thumb_txt_box {
  width: calc(100% - 17.5em);
  padding-left: 4%;
}
.board_gell_thumb_list .thumb_txt_box2 {
  width: 40%;
  padding-left: 0;
}
.board_gell_thumb_list .thumb_txt_box .board_info {
  line-height: 1.625em;
}
.board_gell_thumb_list .thumb_txt_box .board_info .desc {
  margin: 8px 0 1.625em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board_gell_thumb_list .thumb_txt_box .board_info .desc.desc_line_clamp4 {
  -webkit-line-clamp: 4;
}
.board_gell_thumb_list .thumb_txt_box .board_info .contact_list {
  margin-top: 0.8em;
}
.board_gell_thumb_list .thumb_txt_box .board_info .contact_list .contact {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_gell_thumb_list .thumb_txt_box .board_info .more_txt {
  color: #e75752;
  margin-top: 2em;
}
.board_gell_thumb_list .thumb_txt_box .board_info .more_txt.new:after {
  display: inline-block;
  margin-left: 4px;
  font-weight: bold;
  content: "N";
}
@media screen and (min-width: 541px) {
  .board_gell_thumb_list .thumb_txt_box .board_info .desc.desc_line_clamp4 {
    min-height: 6.56em;
  }
}
@media screen and (max-width: 1080px) {
  .board_gell_thumb_list .gall_item {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .board_gell_thumb_list .gall_item .inner {
    flex-direction: column;
  }
  .board_gell_thumb_list .thumb {
    width: 100%;
  }
  .board_gell_thumb_list .thumb_txt_box {
    width: 100%;
    padding: 1em 0 0;
  }
}

/* board_gell_category_list : sub0304/sub0402_5/sub0402_6 */
.board_gell_category_list .gall_item .company_name {
  margin-bottom: 12px;
}
.board_gell_category_list .gall_item .company_name .mou_chk {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-size: 0.7em;
  padding: 1px 10px;
  border-radius: 5em;
  background-color: #e75752;
  color: #fff;
  margin-right: 10px;
}
.board_gell_category_list .gall_item .company_name .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 10px;
}
.board_gell_category_list .gall_item .company_link {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2em;
  color: #666;
}
.board_gell_category_list .gall_item .company_link:hover a {
  color: #e75752;
}
.board_gell_category_list .gall_item .company_link i {
  color: #e75752;
  margin-right: 7px;
}
/* 2024-07-16 수정
.board_gell_category_list .gall_item .thumb{width: 106px;height:140px;} */
.board_gell_category_list .gall_item .thumb {
  width: 106px;
  height: 143px;
}
.board_gell_category_list .gall_item .thumb_temp {
  width: 222px;
  height: 153px;
}

.board_gell_category_list .gall_item .thumbs_area {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}

.board_gell_category_list .gall_item .thumbs_area .thumb {
  cursor: pointer;
}

.board_gell_category_list .basic_info_area {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.board_gell_category_list .basic_info_area .thumb_txt_box {
  display: flex;
  flex-grow: 1;
}

.board_gell_category_list .basic_info_area .txt_list {
  width: 100%;
}

.executive_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.desc_info_area .com_tit4 {
  margin: 20px 0;
}

.desc_info_area #etcInfo {
  /* color: #043195; */
  height: 80px;
  overflow-y: auto;
}

.thumb_txt_box .append {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.thumb_txt_box .append a {
  display: flex;
  flex-direction: row;
}

.thumb_txt_box .append a img {
  display: block;
  width: 20px;
  height: 20px;
}

.thumb_txt_box .append_64 a img {
  display: block;
  width: 64px;
  height: 20px;
}

.board_gell_category_list.board_gall_mod_wrap .gall_item .board_subject {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.board_gell_category_list.board_gall_mod_wrap .gall_item .company_name {
  max-width: 50%;
}

.board_gell_category_list .gall_item .thumb_txt_box {
  padding-left: 2.8%;
}
.board_gell_category_list .gall_item.empty .thumb .img {
  background-image: url(../img/sub/board_gall_item_empty_img03.jpg);
  background-size: 125%;
}
/* .board_gell_category_list .gall_item .txt_list .detail + .detail {
  background-image: url(https://sirapub.this-is-demo.xyz/img/logo/logo.png);
  background-size: 60%;
} */
.board_gell_category_list .gall_item .txt_list .detail {
  display: flex;
  color: #666;
  justify-content: center;
  align-items: center;
  min-height: 50px;
}

/* 2024-01-16 수정 : 해당 스타일 제거
.board_gell_category_list .gall_item .txt_list .detail + .detail{padding-top:6%;} */
.board_gell_category_list .gall_item .txt_list .detail .cate {
  width: 5.44em;
  height: 1.69em;
  line-height: 1.69em;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 5em;
}
.board_gell_category_list .gall_item .txt_list .detail .desc {
  padding-left: 0.875em;
  width: calc(100% - 5.44em);
}
/* .board_gell_category_list .gall_item .txt_list .detail.add .desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
} */
.board_gell_category_list .gall_item .txt_list .detail.emphasis .desc {
  color: #222;
}
.board_gell_category_list .gall_item .board_desc {
  margin-top: 1.375em;
  border-top: 1px solid #d6d6d6;
  padding-top: 1em;
}
/* 2024-07-16 수정 
.board_gell_category_list .gall_item .board_desc .txt{overflow: hidden; line-height: 1.5em; color: #666; padding: 0 9px; max-height: 86px;} */
.board_gell_category_list .gall_item .board_desc .txt {
  overflow-y: scroll;
  height: 86px;
  line-height: 1.5em;
  color: #666;
  padding: 0 9px;
}
.board_gell_category_list .gall_item .board_desc .txt_2 {
  overflow: hidden;
  line-height: 1.5em;
  color: #043195;
  padding: 0 9px;
  margin-bottom: 30px;
  max-height: 86px;
}

.sub03_04_wrap .board_gell_category_list .gall_item.empty .thumb .img {
  background-size: 101%;
}
@media screen and (max-width: 1080px) {
  .board_gell_category_list .gall_item {
    width: 100%;
  }
  .board_gell_category_list .gall_item .board_desc {
    height: auto;
  }
}
@media screen and (min-width: 541px) {
  .board_gell_category_list {
    margin: -1.125em;
  }
  .board_gell_category_list .gall_item {
    padding: 1.125em;
  }
}
@media screen and (max-width: 540px) {
  .board_gell_category_list .gall_item .board_subject {
    flex-direction: column;
    align-items: flex-start;
  }
  .board_gell_category_list .gall_item .board_subject .company_name {
    width: 100%;
  }
  .board_gell_category_list .gall_item .board_subject .company_link {
    max-width: initial;
    width: 100%;
  }
  .board_gell_category_list .gall_item .board_subject .company_link a {
    justify-content: flex-end;
  }
  /* 2024-07-19 수정
  .board_gell_category_list .gall_item .thumb{width: 100%;}
  .board_gell_category_list .gall_item .thumb_txt_box{width: 100%; padding: 0 0.7em 0;}
  .board_gell_category_list .gall_item .txt_list .detail .cate{width: 5em;}

   */
  .board_gell_category_list .gall_item .thumb {
    width: 35%;
  }
  .board_gell_category_list .gall_item .thumb_txt_box {
    width: 60%;
  }
  .board_gell_category_list .gall_item .txt_list .detail .cate {
    padding: 3px 5px;
    width: auto;
    min-width: 60px;
    height: auto;
    border-radius: 15px;
  }
  .board_gell_category_list .gall_item .txt_list .detail .desc {
    padding-left: 5px;
    width: 80%;
    display: flex;
    white-space: normal;
  }
}

/* board_history_cate_list */
.board_history_cate_list .gall_item .board_desc {
  height: auto;
  padding-top: 12px;
}
.board_history_cate_list .gall_item {
  width: 100%;
}
/* .board_history_cate_list .gall_item .thumb{width: 11.25em;} */
/* .board_history_cate_list .gall_item .thumb{width: 9.38em;} */
.board_history_cate_list .gall_item .thumb {
  width: 9.1em;
}
.board_history_cate_list .gall_item .thumb .img {
  padding-top: 118%;
}
.board_history_cate_list .gall_item .sub_com_table table th,
.board_history_cate_list .gall_item .sub_com_table table td {
  width: 33.33%;
}
@media screen and (min-width: 761px) {
  .board_history_cate_list .gall_item .sub_com_table table td {
    padding: 0.63em;
  }
}
@media screen and (min-width: 541px) {
  .board_history_cate_list .gall_item {
    padding: 1em;
  }
  .board_history_cate_list .gall_item .thumb_txt_box {
    padding-left: 12px;
  }
}
/*---- board_list : e ----*/

/* board_view 공통 */
.board_view_table {
  width: 100%;
}
.board_view_guide {
  width: 96%;
  margin: 0 auto;
  max-width: 1350px;
  overflow-wrap: break-word;
}
.board_view_table .board_subject_wrap {
  position: relative;
  width: 100%;
  border-top: 1px solid #d2d5e3;
  border-bottom: 1px solid #d2d5e3;
  background-color: #fdf4f2;
  padding: 1em 0;
}
.board_view_table .board_subject_wrap .board_view_guide {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.board_view_table .board_subject_wrap .board_subject {
  display: flex;
  align-items: center;
  width: calc(100% - 6.25em);
  color: #000;
}
.board_view_table .board_subject_wrap .board_subject .desc {
  width: 8.375em;
  text-align: left;
  font-weight: 700;
}
.board_view_table .board_subject_wrap .board_subject .title {
  font-size: 1.25em;
  padding: 0 1.2em;
  width: calc(100% - 6.7em);
  line-height: 1.25em;
}
.board_view_table .board_subject_wrap .board_subject .title_2 {
  font-size: 1.05em;
  padding: 0 2.2em;
  width: calc(100% - 6.7em);
  line-height: 1.25em;
}
.board_view_table .board_subject_wrap .board_subject_link a {
  display: flex;
  align-items: center;
}
.board_view_table .board_subject_wrap .board_subject_link a::before {
  content: "\e9c0";
  font-family: "xeicon";
  color: #fff;
  background-color: #d12f34;
  width: 1.42em;
  height: 1.42em;
  border-radius: 3px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board_view_table .board_info {
  border-bottom: 1px solid #d2d5e3;
  background-color: #fefaf9;
  padding: 12px 0;
}
.board_view_table .board_info .board_view_guide {
  display: flex;
  align-items: center;
}
.board_view_table .board_info .board_info_tit {
  line-height: 1.71em;
  width: 10.93em;
  border-right: 1px solid #d2d5e3;
}
.board_view_table .board_info .board_info_cont {
  width: calc(100% - 10.93em);
  padding: 0 1.25em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.board_view_table .board_info .board_info_cont .cont {
  font-size: 0.875em;
}
.board_view_table .board_info .board_info_cont .board_file_tit {
  display: flex;
  align-items: center;
  font-size: 0.875em;
  position: relative;
  margin-right: 4.5%;
  padding: 3px 0;
}
.board_view_table .board_info .board_info_cont .board_file_tit::before {
  content: "\e9ba";
  font-family: "xeicon";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  border-radius: 3px;
  background-color: #d12f34;
  color: #fff;
  margin-right: 8px;
}
.board_view_table .board_info .board_info_cont .board_file_tit a {
  display: block;
  transition: all 0.2s;
  border-bottom: 1px solid transparent;
  max-width: 17em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_view_table .board_info .board_info_cont .board_file_tit:hover a {
  border-color: #3a3939;
}
.board_view_table .board_content {
  padding: 1.25em 0;
  border-bottom: 1px solid #d2d5e3;
  min-height: 15em;
}
.board_view_table .board_content .content {
  line-height: 1.5em;
  color: #444;
}
.board_view_table .board_content .content img {
  display: block;
  margin: 0 auto;
}

.board_view_table .board_content .content .ck strong {
  font-weight: bold;
}

.ck * {
margin: revert; 
    padding: revert; 
    border: revert; 
    font: revert;
    vertical-align: revert;
    box-sizing: revert; /* 특정 요소가 border-box로 설정되어 있다면 */
    list-style: revert; /* ul, ol, li에 적용 */
    text-decoration: revert; /* a 태그에 적용 */
    color: revert; /* a 태그에 적용 */
    max-width: revert; /* img 태그에 적용 */
    height: revert; /* img 태그에 적용 */
    display: revert; /* block 요소에 적용 */
    line-height: revert; /* body에 적용 */
    -webkit-text-size-adjust: revert; /* body에 적용 */
    -moz-text-size-adjust: revert; /* body에 적용 */
    -ms-text-size-adjust: revert; /* body에 적용 */
    text-size-adjust: revert; /* body에 적용 */
}


.board_view_table .board_feedback {
  padding-top: 5.44em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1em;
}
.board_view_table .board_feedback button {
  text-align: center;
  color: #888;
}

.board_view_table .board_feedback button:hover,
.board_view_table .board_feedback button.active {
  color: #e75752;
}

.board_view_table .board_feedback button i {
  display: block;
  font-size: 60px;
  margin-bottom: 5px;
}
.board_view_table .board_feedback button span {
  color: #000;
}

.board_view_table .board_other_article_wrap {
  margin-top: 2.5em;
  border-top: 1px solid #d2d5e3;
}
.board_view_table .board_other_article_wrap .board_other_article {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d2d5e3;
  color: #444;
}
.board_view_table
  .board_other_article_wrap
  .board_other_article
  .board_other_article_tit {
  width: 6.125em;
  text-align: center;
  font-weight: 700;
  line-height: 1.5em;
  border-right: 1px solid #d2d5e3;
}
.board_view_table
  .board_other_article_wrap
  .board_other_article
  .board_other_article_subject {
  width: calc(100% - 6.125em);
}
.board_view_table
  .board_other_article_wrap
  .board_other_article
  .board_other_article_subject
  a {
  display: block;
  width: 100%;
  padding: 1em 1.75em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.2s;
}
.board_view_table
  .board_other_article_wrap
  .board_other_article
  .board_other_article_subject:hover
  a {
  background-color: #fdf4f2;
  color: #d12f34;
}
@media screen and (max-width: 760px) {
  .board_view_table .board_feedback button i {
    font-size: 32px;
  }
  .board_view_table .board_subject_wrap .board_view_guide {
    flex-direction: column;
    align-items: flex-start;
  }
  .board_view_table .board_subject_wrap .board_subject {
    width: 100%;
  }
  .board_view_table .board_subject_wrap .board_subject_link {
    width: 100%;
    margin-top: 10px;
  }
  .board_view_table .board_subject_wrap .board_subject_link a {
    justify-content: flex-end;
  }
  .board_view_table .board_info .board_view_guide {
    flex-direction: column;
    align-items: flex-start;
  }
  .board_view_table .board_info .board_info_tit {
    width: 100%;
    border-right: 0;
    margin-bottom: 10px;
  }
  .board_view_table .board_info .board_info_cont {
    width: 100%;
    padding: 0;
  }
}
/* board view popup (sub0405_2 건축사회 활동:건축사회 영상) */
.popup_head .subject {
  font-size: 1.125em;
  font-weight: 700;
}

/* board_write 공통 */
.board_write_table .board_tr {
  width: 100%;
  margin-top: 1.875em;
}
.board_write_table .board_file_input {
  margin-top: 1.25em;
  align-items: center;
}
.board_write_table .board_file_input .file_desc {
  color: #444;
  font-weight: 700;
  margin-right: 1.25em;
}
.board_write_table .board_file_input label {
  position: relative;
}
.board_write_table .board_file_input label:hover {
  background-color: #fdf4f2;
  border-color: #d12f34;
  color: #d12f34;
}
.board_write_table .multi_file {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 40px;
  border: 1px solid #d2d5e3;
  padding: 5px 0;
  border-radius: 3px;
}
.board_write_table .file_input {
  display: none;
}
.board_write_table .board_file_input input::file-selector-button {
  display: none;
}
.board_write_table .multi_file .preview_box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 10px;
  position: relative;
}
.board_write_table .multi_file .multi_file_txt {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 0.875em;
}
.board_write_table .multi_file .multi_file_txt .txt {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 220px;
  line-height: 1.3em;
}
.board_write_table .multi_file .multi_file_txt::before {
  content: "\e9ba";
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "xeicon";
  width: 1.25em;
  height: 1.25em;
  border-radius: 3px;
  background-color: #d12f34;
  color: #fff;
  margin-right: 0.56em;
}
.board_write_table .multi_file .multi_file_del {
  margin-left: 10px;
  width: 1.125em;
  height: 1.125em;
  border-radius: 50%;
  background-color: #d2d5e3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board_write_table .multi_file .multi_file_del i {
  color: #fff;
}
.board_write_table .thumbnail_file .file_input {
  margin-top: 10px;
  width: 100%;
  line-height: 40px;
  font-size: 0.875em;
}
.board_write_table .board_chk_btn {
  display: flex;
  align-items: center;
  margin-top: 1.375em;
}
.board_write_table .board_chk_btn .chk_input {
  display: flex;
  align-items: center;
}
.board_write_table .board_chk_btn .chk_input + .chk_input {
  margin-left: 3.125em;
}
@media screen and (max-width: 540px) {
  .board_write_table .multi_file {
    min-height: 2.8em;
  }
}
/* board_write_table .com_select_wrap */
.board_write_table .com_select_wrap .select-section {
  width: 100%;
  max-width: 100%;
}
.board_write_table .com_select_wrap .select-section_33 {
  width: 100%;
  max-width: 33%;
}
.board_write_table .com_select_wrap .custom-select {
  height: 40px;
}
.board_write_table
  .com_select_wrap
  .custom-select
  .custom-select__option--value {
  font-size: 1em;
}
/* .board_write_table .custom_select_tab_wrap .com_select_wrap .select-section{width: 100%;} */
.board_write_table .board_tr_cate {
  width: 100%;
  margin: 0.875em 0;
}
/* add_board_tr_cate */
.board_write_table .add_board_tr_cate .add_board_cate_head {
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
}
.board_write_table .add_board_tr_cate .add_board_cate_head .add_board_tit {
  margin-bottom: 0;
  margin-right: 1.25em;
}
.board_write_table .add_board_tr_cate .add_board_cate_head .add_btn {
  cursor: pointer;
}
.board_write_table .add_board_tr_cate .add_board_tr_cate_bunch {
  width: 100%;
}
.board_write_table .add_board_tr_cate .board_tr {
  width: 33.33%;
  display: flex;
  align-items: center;
  margin-top: 0.2em !important;
  padding: 0 10px;
}
.board_write_table .add_board_tr_cate .board_tr .board_th {
  width: 4.5em;
}
.board_write_table .add_board_tr_cate .board_tr .com_label {
  margin-bottom: 0;
}

.board_write_table .add_board_tr_cate .board_tr .board_td {
  width: calc(100% - 4.5em);
}

@media screen and (min-width: 761px) {
  .board_write_table .board_tr.middle {
    width: 71.43%;
  }
  .board_write_table .board_tr.small {
    width: 25.71%;
    margin-left: 2.86%;
  }
  /*  margin-top: 0 !important; */

  .board_write_table .board_tr.half {
    width: 50%;
  }

  .board_write_table .board_tr.half:nth-child(even) {
    padding-left: 1.43%;
  }
  .board_write_table .board_tr.half:nth-child(odd) {
    padding-right: 1.43%;
  }
  .board_write_table .board_tr.half_0:nth-child(even) {
    padding-left: 0%;
  }
  .board_write_table .board_tr.half_0:nth-child(odd) {
    padding-right: 0.5%;
  }
  .board_write_table .multi_file .preview_box {
    width: 50%;
  }
  .board_write_table .multi_file .preview_box:nth-child(even)::after {
    content: "";
    width: 1px;
    height: calc(100% + 10px);
    position: absolute;
    top: -5px;
    right: 0;
    background-color: #d2d5e3;
  }
}
@media screen and (max-width: 760px) {
  .board_write_table .com_select_wrap .select-section {
    width: 100%;
  }
  .board_write_table .add_board_tr_cate .add_board_tr_cate_bunch {
    flex-direction: column;
  }
  .board_write_table
    .add_board_tr_cate
    .add_board_tr_cate_bunch
    + .add_board_tr_cate_bunch {
    padding-top: 10px;
  }
  .board_write_table .add_board_tr_cate .board_tr {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .board_write_table .thumbnail_file .file_input {
    line-height: 2.8em;
  }
  .board_write_table .com_select_wrap .custom-select {
    height: 2.8em;
  }
}

/* 23-06-30 */
.sub04_02_write_wrap.sub_cont_wrap
  .board_wrap
  .sub_guide
  .board_write_table
  .board_write_input.flex_cont
  .board_tr.small.board_writer {
  margin-top: 0.875em !important;
}

/* board_calendar_wrap - sub0404 협회 일정 */
.board_calendar_wrap {
  position: relative;
}
.board_calendar_wrap .calendar {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 1.5em 1.25em;
}
.board_calendar_wrap .calendar .week_head {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 9px;
}
.board_calendar_wrap .calendar .week_head .day {
  width: 14.29%;
  text-align: center;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 3em;
}
.board_calendar_wrap .calendar .sat,
.board_calendar_wrap .calendar .anniversary {
  color: #1a64d4;
}
.board_calendar_wrap .calendar .sun {
  color: #e75752;
}
.board_calendar_wrap .calendar .week_body {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
}
.board_calendar_wrap .calendar .week {
  display: flex;
}
.board_calendar_wrap .calendar .week .quad {
  position: relative;
  width: 14.29%;
  height: 12.19em;
  padding: 12px;
}
.board_calendar_wrap .calendar .week .quad .num {
  font-size: 1.25em;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.board_calendar_wrap .calendar .week .quad.noday .num {
  font-size: 1em;
  color: #eee;
  font-weight: 400;
}
.board_calendar_wrap .calendar .week .quad .num .anniversary {
  font-size: 0.7em;
  padding-left: 8px;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_calendar_wrap .calendar .week .schedule_list {
  margin-top: 4px;
}
.board_calendar_wrap .calendar .week .schedule_list .list {
}
.board_calendar_wrap .calendar .week .schedule_list .list a {
  display: flex;
  align-items: center;
  font-size: 0.875em;
  line-height: 1.71em;
}
.board_calendar_wrap .calendar .week .schedule_list .list .time {
  width: 2.86em;
}
.board_calendar_wrap .calendar .week .schedule_list .list .subject {
  width: calc(100% - 2.86em);
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.2s;
}
.board_calendar_wrap .calendar .week .schedule_list .list .subject:hover {
  color: #a60a13;
}

.board_calendar_wrap .schedule_area_wrap .schedule_list .list + .list {
  margin-top: 10px;
}
.board_calendar_wrap .schedule_area_wrap .schedule_list .list a {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  transition: all 0.2s;
}
.board_calendar_wrap .schedule_area_wrap .schedule_list .list:hover a {
  background-color: #f6e8d5;
}
.board_calendar_wrap .schedule_area_wrap .schedule_list .subject_box {
  display: flex;
  align-items: center;
}
.board_calendar_wrap .schedule_area_wrap .schedule_list .subject_box .subject {
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board_calendar_wrap
  .schedule_area_wrap
  .schedule_list
  .subject_box
  .subject::before {
  content: "-";
  display: inline-block;
  margin: 0 5px;
}
.board_calendar_wrap .schedule_area_wrap .schedule_list .info {
  display: flex;
  color: #666;
  margin-top: 5px;
}
.board_calendar_wrap
  .schedule_area_wrap
  .schedule_list
  .info
  div
  + div::before {
  content: "";
  width: 1px;
  height: 10px;
  background-color: #666;
  display: inline-block;
  margin: 0 5px;
}

@media screen and (min-width: 761px) {
  .board_calendar_wrap .calendar .week .quad.holiday .num,
  .board_calendar_wrap .calendar .week .quad.holiday .anniversary {
    color: #e75752;
  }
  .board_calendar_wrap .calendar .week_body_inner {
    border: 1px solid #d6d6d6;
  }
  .board_calendar_wrap .calendar .week + .week {
    border-top: 1px solid #d6d6d6;
  }
  .board_calendar_wrap .calendar .week .quad + .quad {
    border-left: 1px solid #d6d6d6;
  }
}
@media screen and (max-width: 760px) {
  .board_calendar_wrap .schedule_area .schedule_list {
    height: auto;
    padding-right: 0;
  }
  .board_calendar_wrap .calendar .week .quad {
    height: auto;
    text-align: center;
    padding: 5px;
  }
  .board_calendar_wrap .calendar .week .quad .num .anniversary {
    display: none;
  }
  .board_calendar_wrap .calendar .week .schedule_list {
    display: none;
  }
  .board_calendar_wrap .calendar .week .quad .num {
    justify-content: center;
    padding: 8px;
    border-radius: 5px;
  }
  .board_calendar_wrap .calendar .week .quad.has_schedule .num {
    background-color: #f6e8d5;
    cursor: pointer;
    transition: all 0.2s;
  }
  .board_calendar_wrap .calendar .week .quad.has_schedule:hover .num,
  .board_calendar_wrap .calendar .week .quad.has_schedule.active .num {
    background-color: #a60a13;
    color: #fff;
  }
  .schedule_area_wrap.mob_view {
    display: block;
  }
}

/* pagination */
.pagination {
  margin-top: 2rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #444;
} /* 2306 bp mod */
.pagination .move_btn {
  width: 1.875em;
  height: 1.875em;
  border: 1px solid #d2d5e3;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  margin-right: 10px;
  transition: all 0.2s;
}
.pagination .move_btn:hover {
  background-color: #d12f34;
  color: #fff;
}
.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d2d5e3;
}
.pagination ul li {
  width: 1.875em;
  height: 1.875em;
}
.pagination ul li + li {
  border-left: 1px solid #d2d5e3;
}
.pagination ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 3px solid transparent;
  background-color: #f5f5f5;
  padding-top: 3px;
  transition: all 0.2s;
}
.pagination ul li.now a,
.pagination ul li:hover a {
  background-color: #fff;
  border-color: #d12f34;
}
.pagination .move_btn2 {
  width: 1.875em;
  height: 1.875em;
  border: 1px solid #d2d5e3;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  margin-left: 10px;
  transition: all 0.2s;
}
.pagination .move_btn2:hover {
  background-color: #d12f34;
  color: #fff;
}

/* 댓글기능 comment_wrap */
.comment_wrap {
  margin-top: 3.125em;
  position: relative;
}
.comment_wrap .comment_total_wrap {
  margin-bottom: 10px;
}
.comment_wrap .comment_total_wrap .total {
  font-weight: 700;
  color: #444;
}
.comment_list_wrap {
  border-bottom: 1px solid #d2d5e3;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1.25em;
}
.comment_list_wrap .comment_list {
  border-top: 1px solid #d2d5e3;
  padding: 0.875em;
  background-color: #fff;
  color: #777;
}
.comment_list_wrap .comment_list_top {
  display: flex;
  justify-content: space-between;
  line-height: 1.5em;
  margin-bottom: 5px;
}
.comment_list_wrap .comment_list_top .comment_member_info {
  position: relative;
  display: flex;
  align-items: center;
}
.comment_list_wrap .comment_list_top .comment_writer {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 700;
  color: #444;
  margin-right: 8px;
}
.comment_list_wrap .comment_list_top .comment_time {
  font-size: 0.875em;
}
.comment_list_wrap .comment_list_top .comment_tool_wrap {
  display: flex;
  align-items: center;
}
.comment_list_wrap .comment_list_top .comment_tool_wrap .comment_tool_btn {
  display: flex;
  align-items: center;
  font-size: 0.875em;
  font-weight: 700;
  position: relative;
}
.comment_list_wrap
  .comment_list_top
  .comment_tool_wrap
  .comment_tool_btn:hover
  button {
  color: #d12f34;
  transition: all 0.2s;
}
.comment_list_wrap
  .comment_list_top
  .comment_tool_wrap
  .comment_tool_btn
  + .comment_tool_btn {
  margin-left: 2.14em;
}
.comment_list_wrap
  .comment_list_top
  .comment_tool_wrap
  .comment_tool_btn::before {
  content: "";
  display: block;
  font-family: "xeicon";
  font-size: 1.14em;
  color: #d12f34;
  margin-right: 5px;
}
.comment_list_wrap
  .comment_list_top
  .comment_tool_wrap
  .comment_mod_btn::before {
  content: "\ea39";
}
.comment_list_wrap
  .comment_list_top
  .comment_tool_wrap
  .comment_del_btn::before {
  content: "\e96f";
}
.comment_list_wrap
  .comment_list_top
  .comment_tool_wrap
  .comment_reply_btn::before {
  content: "\e981";
}
.comment_list_wrap .comment_comment {
  line-height: 1.5em;
  min-height: 2.625em;
}
.comment_list_wrap .comment_re_wrap {
  padding-left: 8px;
}
.comment_list_wrap .comment_re_wrap .comment_list_top .comment_writer::before {
  content: "\e981";
  font-family: "xeicon";
  color: #d12f34;
  margin-right: 8px;
}
.comment_list_wrap .secret_comment_list .secret_comment {
  color: #d12f34;
  margin-left: 8px;
}
.boardDetailLock {
  color: #d12f34;
  margin-left: 8px;
}
.comment_list_wrap .comment_list.pd-1 {
  padding-left: 1.75em;
}

.comment_list_wrap .comment_list.pd-2 {
  padding-left: 2.625em;
}

.comment_write_wrap {
  width: 100%;
}
.comment_write_wrap .comment_write_inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.comment_write_wrap .comment_write {
  width: 86.78%;
}
.comment_write_wrap .comment_write_sub0206 {
  width: 86.78%;
}
.comment_write_wrap .comment_write textarea {
  width: 100%;
  height: 10.5em;
  border: 1px solid #d2d5e3;
  padding: 1em;
  line-height: 1.5em;
  background-color: #f5f5f5;
}
.comment_write_wrap .comment_write_sub0206 textarea {
  width: 100%;
  height: 13.6em;
  border: 1px solid #d2d5e3;
  padding: 1em;
  line-height: 1.5em;
  background-color: #f5f5f5;
}
.comment_write_wrap .comment_write_jj textarea {
  width: 100%;
  height: 15.5em;
  border: 1px solid #d2d5e3;
  padding: 1em;
  line-height: 1.5em;
  background-color: #f5f5f5;
}
.comment_write_wrap .comment_write textarea:focus {
  background-color: #fff;
}
.comment_write_wrap .comment_write textarea::placeholder {
  color: #d6d6d6;
}
.comment_write_wrap .comment_write_btm {
  width: 13.22%;
  padding-left: 1em;
}
.comment_write_wrap .comment_write_btm .comment_write_btn {
  width: 100%;
  border-radius: 0;
  height: 4em;
  font-size: 1.25em;
  font-weight: 700;
}
.comment_write_wrap .secret_comment_wrap {
  display: flex;
  flex-wrap: wrap;
}
.comment_write_wrap .secret_comment_wrap .secret_comment_chk {
  position: relative;
  display: flex;
  align-items: center;
  margin: 10px 0;
  width: 100%;
}
.comment_write_wrap .secret_comment_wrap .tooltip_box {
  margin-left: 5px;
}
.comment_write_wrap .secret_comment_wrap .tooltip_box .icon {
  color: #d6d6d6;
  width: 1em;
  height: 1em;
  cursor: pointer;
}
.comment_write_wrap .secret_comment_wrap .tooltip_box .tooltip {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 3.33em;
  background-color: #fff;
  border-radius: 3px;
  font-size: 12px;
  color: #666;
  border: 1px solid #d2d5e3;
  line-height: 1.67em;
  padding: 0 6px;
  width: 100%;
  z-index: 110;
}
.comment_write_wrap .secret_comment_wrap .tooltip_box .icon:hover + .tooltip {
  display: block;
}

.comment_modify.comment_write_wrap {
  padding: 20px;
  border-top: 1px solid #d2d5e3;
}

@media screen and (min-width: 1751px) {
  .comment_write_wrap .secret_comment_wrap .tooltip_box .tooltip {
    white-space: nowrap;
    width: auto;
  }
}
@media screen and (max-width: 1300px) and (min-width: 761px) {
  .comment_write_wrap .comment_write {
    width: 80%;
  }
  .comment_write_wrap .comment_write_btm {
    width: 20%;
  }
  .comment_write_wrap .secret_comment_wrap .tooltip_box .tooltip {
    left: 1.5em;
  }
}
@media screen and (max-width: 760px) {
  .comment_list_wrap .comment_list_top {
    flex-direction: column;
  }
  .comment_list_wrap .comment_list_top .comment_tool_wrap {
    width: 100%;
    justify-content: flex-end;
  }
  .comment_write_wrap .comment_write {
    width: 100%;
  }
  .comment_write_wrap .comment_write_btm {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    padding: 1em 0 0;
  }
  .comment_write_wrap .comment_write_btm .comment_write_btn {
    width: 8em;
  }
  .comment_write_wrap .secret_comment_wrap {
    width: calc(85% - 8em);
  }
  .comment_write_wrap .secret_comment_wrap .secret_comment_chk {
    margin-top: 0;
  }
}

.board_contents {
  padding-bottom: 4em;
}

.search_result {
  position: relative;
  background-color: #fff6f7;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25em 1.25em;
  margin: 2.5em 0 1.6em;
}
.search_result .keyword em {
  font-size: 1.125em;
  font-weight: bold;
  color: #e75752;
}

.search_summary {
  margin-top: 2.5em;
}

.search_summary .title {
  position: relative;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2em 0.5em;
  font-size: 1.2em;
}

.search_summary .title a {
  font-size: 0.75em;
  font-weight: bold;
}

.search_summary .content {
  padding: 2em 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.search_summary .content strong {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
  font-size: 1.2em;
  line-height: 1.4;
}

.search_summary .content strong .img {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
}
.search_summary .content strong .img:before {
  content: "\e9ba";
  font-family: "xeicon";
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25em;
  border-radius: 3px;
  background-color: #d12f34;
  color: #fff;
  text-align: center;
}
.search_summary .content strong em {
  font-weight: bold;
  color: #e75752;
}
.search_summary .content p {
  margin: 0.9em 0 1.8em;
  color: #777;
  line-height: 1.5em;
}
.search_summary .content .writer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  color: #777;
  font-size: 1em;
}

.search_summary .content .writer .frame {
  overflow: hidden;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 1px solid #d2d5e3;
  background-image: url(../img/sub/board_gall_item_empty_img02.jpg);
  vertical-align: middle;
}

.search_summary .content .writer .icon_time {
  margin-right: 4px;
}

.icon_time {
  display: inline-block;
  vertical-align: top;
}
.icon_time:before {
  display: inline-block;
  font-family: "xeicon";
  content: "\ea2c";
}

/* 말줄임 공통 처리 */
[class*="max_line"] {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

[class*="max_line3"] {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

[class*="max_line4"] {
  line-clamp: 4;
  -webkit-line-clamp: 4;
}
