
.board_wrap{padding: 5em 0}
.board_wrap h2{font-size:40px; font-weight: 600; margin-top: 2em}
.board_wrap h2::before{
  content: '';
  width: 50px;
  height: 3px;
  background-color: #BC131C;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 16px;
}
#bo_gall{padding: 2em 0; width: 100% }
.bo_link{display: flex}
.bo_link p {padding: 0 1em}
.bo_link p:nth-child(1){padding-left: 0}
.bo_link p b{font-weight: 600; color:#000}
#bo_gall .gall_con{border: 0}
#faq_wrap{margin-bottom:3em ;}
#bo_gall input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    position: absolute;
    z-index: 99;
    left: 40px;
    top: 10px;
}
.bo_fx {
    /* display: none; */
    height: auto;
    /* line-height: 37px; */
    padding: 1em 0;
    margin-top: 3em;
}
.bo_fx:nth-child(1){display: none}
#gall_ul{padding: 3em 0 }
#gall_ul li{padding: 0 10px; border: 0; position: relative;}
#bo_gall .gall_con li a {border-radius: 12px; display: block; overflow: hidden;}
#bo_gall .gall_href a img{width: 100%; height: 100%;}
#gall_ul li a img{transition: all 0.2s linear;}
#gall_ul li:hover a img{transform: scale(1.2);}
#bo_gall .gall_text_href{padding:.5em 10px ; font-size: 20px; }
#bo_gall .gall_text_href a{overflow: hidden; text-overflow: ellipsis;    white-space: nowrap;}
#bo_gall .gall_text_href img{display: none;}
#bo_gall .gall_text_href .gall_date{ opacity: .5; font-weight: normal;font-size: 16px}
#bo_w{width: 1200px; margin: 0 auto; padding : 13em 0 }
#bo_gall li.empty_list {
    padding: 85px 0;
    text-align: center;
    width: 100%;
    font-size: 18px;
}
.btn_bo_adm input{font-size: 14px}
#bo_sch form{border-bottom: 1px solid #606060; width: 300px; margin: 0 auto}
.frm_input.sch_input {
    width: 86%;
    height: 50px;
    border: 0;
    font-size: 16px;
}
.btn_submit02{ -webkit-appearance: none; -moz-appearance: none; width: 30px; height: 30px ; border:0; background-color: #fff; background-image:url('../img/sub/search_icon.svg'); background-size: 20px 20px; background-position: center ; background-repeat: no-repeat;}
.frm_input.sch_input:focus { outline: none; -webkit-appearance: none; -moz-appearance: none; border:0; }

.board_wrap table{ width: 100%; font-size: 18px; border-top: 2px solid #000; margin-top: 3em;}
.board_wrap table th{display: none}
.board_wrap table tr td{padding: 1em 0 ;border-bottom: 1px solid #e8e8e8}

#bo_list .tbl_head01 a {
    color: #000000;
    font-weight: 500;
}
#bo_list .td_date{width: 100px; opacity: .7}
.btn_bo_adm input {
    padding: 8px;
    border: 0;
    background: #ffffff;
    color: #363636;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid #d5d5d5;
}
.board_wrap .select_box{display: none}
.board_wrap a.btn_b02 {
    padding: 14px 34px;
    border: 0;
    background: #bb141c;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    border: 0;
    font-size: 14px;
}

.btn_bo_user li{padding: 1em 0;}
 #bo_gall.work_gallery .gall_li{margin-bottom: 1.5em; }
 #bo_gall.work_gallery > #gall_ul li{padding: 0; }
 #bo_gall.work_gallery .gall_con{box-sizing: border-box; border: 1px solid #e8e8e8 ;}
 #bo_gall.work_gallery .gall_text_href {
     padding: 1em 1em;
     font-size: 20px;
     border-top: 1px solid #e8e8e8;
 }

 #bo_gall.work_gallery .gall_con li p.wr_content{
   font-size: 16px;
   font-weight: normal;
   opacity: .5;
   margin-bottom: 1.5em;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
#bo_gall.work_gallery .gall_text_href .gall_date{font-size: 14px}


/*게시판 읽기*/
#bo_v {
    margin-bottom: 20px;
    padding-bottom: 5em;
    padding-top: 5em;
    font-size: 16px
}
#bo_v_title {
    font-size: 45px;
    font-weight: 600;
}
#bo_v_info {
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}
#bo_v_con {
    margin-bottom: 20px;
    width: 100%;
    line-height: 1.7em;
    word-break: break-all;
    overflow: hidden;
    padding: 2em 0 5em 0;
    border-bottom: 1px solid #e8e8e8;
}

.bo_v_com li a{
  padding: 7px 10px;
  display: inline-block;
  border: 1px solid #c7c7c7;
}
#bo_v_top{display: none}
#bo_v_atc{margin-top:3em;}


#bo_w .tbl_frm01 th {
    display: revert;
    width: 60px;
}
#bo_w button.btn_frmline{display: none;}
#bo_w .required, #bo_w input[type="text"], #bo_w textarea.required {
    width: 100%;
    padding: 1em;
    border: 0;
    box-sizing: border-box;
    outline: 0;
    border: 1px solid #c3c3c3;
}
#bo_w .tbl_frm01 textarea{
  width: 100%;
  padding: 1em;
  border: 0;
  box-sizing: border-box;
  outline: 0;
  border: 1px solid #c3c3c3;
}



#bo_w .btn_submit {
    display: block;
    border: 0;
    padding: 1em 3em;
    background-color: #1e2632;
    color: #fff;
    border-radius: 4px;
    width: 150px;
    font-size: 16px
}

#bo_w .btn_cancel {
    display: block;
    border: 0;
    padding: 1em 0em;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    width: 150px;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 10px;
    font-size: 16px
}
#bo_w .btn_confirm {
    display: flex;
    justify-content: center;
    margin-top: 1em;
    align-content: center;
    align-items: center;
}

.board_list table tr td {padding:1.3em 0}
.board_list table tr td span {color:#606060;padding:0 12px}
.board_list table tr td .mark {background:transparent;border:solid 1px #D1D1D1;border-radius:2px;font-size:14px;padding:4px 10px}

@media (max-width: 1200px){

  .board_wrap{padding: 6em 16px;}
  #gall_ul { padding: 0em 0;}
  .board_wrap h2 { font-size: 24px;  margin-top: 1em;}
  .bo_link p{font-size: 14px}
  #bo_w{width: 100%; padding : 6em 16px; }
}

@media (max-width: 959px) {
    .board_list table tr {border-bottom:1px solid #e8e8e8;position:relative}
    .board_list table tr td {display:block;border-bottom:0;padding:0 60px 0 0}
    .board_list table tr td span {display:block;padding:4px 0}
    .board_list table .td_subject {padding-top:12px}
    .board_list table .td_cont {display:none}
    .board_list table .date {font-size:.9em;color:#606060;opacity:.5;padding-bottom:12px}
    .board_list table .news {padding-bottom:0}
    .board_list table tr td .mark {display:inline-block;position:absolute;top:50%;right:0;transform:translateY(-50%)}
}

@media (max-width: 768px){
  #bo_w{ }
  #bo_list .td_name {width: 80px; opacity: .7; font-size: 12px}
  #bo_list .tbl_head01 td { font-size: 14px;}
  #bo_list .tbl_head01 td.td_name {padding-left:4px}

  #bo_gall #gall_ul { justify-content: space-between;}
  #bo_gall .gall_li {width: 49% !important; padding: 0}
  .board_wrap {padding: 3em 16px;}
  #bo_gall .gall_con .gall_href{padding: 0 }
  #bo_gall .gall_text_href .gall_date{font-size:12px}
  #bo_gall .gall_text_href a { font-size: 16px; font-weight: 600;}
  .board_wrap table{ width: 100%; font-size: 16px; border-top: 2px solid #000; margin-top: 3em;}
  #bo_gall.work_gallery .gall_li {
      width: 50% !important;
      padding: 0;
  }
  #bo_gall input[type=checkbox], input[type=radio] {
    left: 10px;
    top: 10px;
  }
  .frm_input.sch_input, .frm_input{font-size: 14px}

  #bo_w .btn_submit {
      width: 50%;
      font-size: 14px
  }

  #bo_w .btn_cancel {
    width: 50%;
    font-size: 14px
  }

}
@media (max-width: 500px){
  #bo_gall .gall_li {width: 100% !important; padding: 0}
  #bo_gall.work_gallery .gall_text_href{padding: .4em; }
  #bo_gall.work_gallery .gall_text_href a { font-size: 14px; font-weight: 600;}
  #bo_gall.work_gallery .gall_con li p.wr_content {
      font-size: 12px;
      font-weight: normal;
      opacity: .5;
      margin-bottom: 1.5em;
  }
  #bo_gall .gall_text_href {
    padding: 0.5em 0px;
    font-size: 20px;
    margin-bottom: 1em;
  }
  #bo_gall.work_gallery .gall_text_href {
    margin-bottom: 0
  }
  #bo_gall.work_gallery .gall_text_href .gall_date {    font-size: 11px;}
  .board_wrap table{font-size: 14px}
  .frm_input.sch_input, .frm_input{font-size: 12px}
  .bo_link p {
    font-size: 12px;
    padding: 0 0.7em;
    border-right: 1px solid #e8e8e8;
  }
  .board_wrap a.btn_b02 {
    padding: 0.8em 17px;
    border: 0;
    background: #bb141c;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    border: 0;
    font-size: 12px;
  }
  .btn_bo_adm input {
    padding: 0.7em 8px;
    font-size: 12px;
    border: 0;
    background: #ffffff;
    color: #363636;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid #d5d5d5;
  }
}
