.search_form fieldset { border: 0; display: flex; align-items: center; justify-content: end; }
.search_form fieldset input { border: 1px solid #666666; background-color: #f8f8f8; }
.search_form fieldset button { border: 0; background-color: #0054a3; cursor: pointer; }
.search_form fieldset button:hover,
.search_form fieldset button:focus { background-color: #014380; }
.search_form fieldset button i { color: #fff; }

.data_list { flex-wrap: wrap; }
.data_list li { border-bottom: 1px solid #ddd; }
.data_list li a { display: flex; }
.data_list li a .img_box { width: 30%; }
.data_list li a .img_box img { top: 50%; left: 50%; transform: translate(-50%,-50%); }
.data_list li a .txt_box { width: 70%; }
.data_list li a .txt_box .title { font-weight: 500; color: #333; }
.data_list li a .txt_box .txt,
.data_list li a .txt_box .date { color: #999; }
.data_list li a:hover p:not(.date),
.data_list li a:focus p:not(.date) { text-decoration: underline; } 

.board .board_list thead tr th { border-top: 0 !important; border-bottom: 1px solid #000; }
.board_list thead tr th { white-space: nowrap; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #333333; position: relative; font-weight: 500; }
.board_list tbody tr:last-of-type td { border-bottom: 1px solid #ccc; }
.board_list { width: 100%; }
.board_list tr td { border-bottom: 1px solid #ccc; word-wrap: break-word; word-break: keep-all; }
.board_list tr td.orange { color: #f26128; }
.board_list tr td:not(.title) { text-align: center; }
.board_list tr td .status { padding: 5px 0; border-radius: 20px; display: inline-block; text-align: center; }
.board_list tr td .status.open { background-color: #fc9265; color: #fff; }
.board_list tr td .status.closed { background-color: #f2f4f6; }
.board_list tr .title { position: relative; }
.board_list tr .title a,
.board_list tr .title p { position: absolute; width: 99%; top: 50%; left: 0; transform: translateY(-50%); color: #333; }
.board_list tr .title a:hover { text-decoration: underline; }

.board_view .view_top .v_title { font-weight: 600; }
.board_view .view_top .v_write { color: #999; }
.board_view .contents { border-top: 1px solid #999; border-bottom: 1px solid #999;}
.board_view .v_file { border-bottom: 2px solid #000; }
.board_view .v_file .file_list li a { padding-left: 30px; color: #999; background: url('../img/cont/file_img02.png') no-repeat left center; }
.board_view .v_file .file_list li a:hover,
.board_view .v_file .file_list li a:active { color: #000; background-image: url('../img/cont/file_img.png'); text-decoration: underline; }
.board_view .go_list { display: block;  text-align: center; background-color: #fc8654; border: 1px solid #fc8654; font-weight: 500; color: #fff; transition: all 0.3s; }
.board_view .go_list:hover,
.board_view .go_list:focus { background-color: #fff; color: #fc8654; }
.board_view .go_list img { margin-right: 30px; vertical-align: middle; }
.board_view .go_list span { font-weight: 600; }

.board_write { width: 100%; }
.board_write tbody tr th { font-weight: 500; white-space: nowrap; }
.board_write tbody tr th,
.board_write tbody tr td { text-align: left; border-bottom: 1px solid #ccc; }
.board_write tbody tr:last-of-type th,
.board_write tbody tr:last-of-type td { border-bottom: 1px solid #000; }
.board_write tbody tr td input,
.board_write tbody tr td textarea,
.board_write tbody tr td select { border: 1px solid #e8e8e8; border-radius: 5px; }
.board_write tbody tr td .file .file_box { position: relative; display: inline-block; }
.board_write tbody tr td .file .file_box label { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.board_write_form .btn_box { text-align: center; }
.board_write_form .btn_box button { text-align: center; font-weight: 500; color: #fff; cursor: pointer; transition: all 0.3s; }
.board_write_form .btn_box button.cancel_btn { background-color: #fc8654; border: 1px solid #fc8654; }
.board_write_form .btn_box button.cancel_btn:hover,
.board_write_form .btn_box button.cancel_btn:focus { background-color: #fff; color: #fc8654; }
.board_write_form .btn_box button.apply_btn { background-color: #7CCFE1; border: 1px solid #7CCFE1; }
.board_write_form .btn_box button.apply_btn:hover,
.board_write_form .btn_box button.apply_btn:focus { background-color: #fff; color: #7CCFE1; }

  
.btn_box { text-align: right; }
.btn_box a { display: inline-block;  }
.board_btn { background-color: #fff; text-align: center; transition: all 0.3s; border: 1px solid #fc9265; border-radius: 30px; }
.board_btn:hover,
.board_btn:focus { background-color: #fc9265; color: #fff; }


#board .top_txt p { line-height: 1.2; text-align: right; color: #999999; font-weight: 300; letter-spacing: -0.025em; }

.ok_btn { margin: 50px auto 0 auto; padding: 15px 0; width: 200px; display: block; }


.paging { justify-content: center; }
.paging a { display: block; text-align: center; background-color: #fff; }
.paging .p_np { background-color: #fff; border: 1px solid #e7e7e7; border-radius: 50%; }
.paging .mr5 { margin-right: 5px; }
.paging .num a:hover,
.paging .num a:active,
.paging .num .active { color: #fc8654; text-decoration: underline; }



/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:768px) {
    #board { padding-bottom: 55px; }
 
    .board_list thead tr th { padding: 6px; }
    .board_list tr td { padding: 15px 0; }
    .board_list tr td img { width: 15px; }
    .board_list tr td .status { width: 37px; }

    .board_view .view_top { padding: 15px 0; }
    .board_view .view_top .v_write span:not(:last-of-type) { margin-right: 14px; }
    .board_view .view_top .v_write { margin-top: 10px; }
    .board_view .contents { padding: 25px 0; margin-bottom: 25px; }
    .board_view .v_file { margin-bottom: 15px; }    
    .board_view .v_file .m_txt { margin-bottom: 17px; }
    .board_view .v_file .file_list li { margin-bottom: 10px; }
    .board_view .v_file .file_list li a { padding-left: 15px; background-size: 12px; }
    .board_view .go_list { padding: 18px 0; }
    .board_view .go_list img { margin-right: 15px; width: 15px; }

    .paging { margin-top: 25px; }
    .paging a { width: 25px; height: 25px; line-height: 21px; }
    .paging .p_start img,
    .paging .p_end img { width: 6px; }
    .paging .prev img,
    .paging .next img { width: 3px; }
    .paging .prev { margin-right: 10px; }
    .paging .next { margin-left: 10px; }

    
    .search_form fieldset input { width: 120px; height: 25px; padding: 3px; }
    .search_form fieldset button { width: 20px; height: 25px; }
 
    .data_list li { padding: 30px 0; width: 100%; }
    .data_list li a .img_box { height: 140px; }
    .data_list li a .txt_box { padding: 10px 15px; }
    .data_list li a .txt_box .title { margin-bottom: 12px; }
    .data_list li a .txt_box .txt { margin-bottom: 8px; }

    .btn_box { margin-top: 10px; }
    .btn_box a { width: 75px; padding: 8px 0; }

    #board .top_txt { margin-bottom: 5px; text-align: center; }
    #board .top_txt p { display: inline; }

    
    .w32 { width: 100%; }
    .ok_btn { margin: 25px auto 0 auto; padding: 8px 0; width: 100px; }

    .board_write tbody tr th,
    .board_write tbody tr td { padding: 8px; }
    .board_write tbody tr:not(.contents) th,
    .board_write tbody tr:not(.contents) td { height: 45px; }
    .board_write tbody tr td input,
    .board_write tbody tr td textarea,
    .board_write tbody tr td select { padding: 5px; }
    .board_write tbody tr td .file:not(:last-of-type) { margin-bottom: 7px; }
    .board_write tbody tr td .file .file_box { width: 70%; }
    .board_write tbody tr td .file .file_box .upload_text { width: 100%; }
    .board_write tbody tr td .file .file_box label { right: 10px; }
    .board_write tbody tr td .file .file_box label img { width: 13px; }
    .board_write_form .btn_box button { width: 100px; padding: 8px 0; }
    .board_write_form .btn_box button:not(:last-of-type) { margin-right: 10px; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1259px) {
    #prod .prod_list li .prod_link .img_box img { top: 50%; left: 50%; transform: translate(-50%, -50%); }

    #prod .prod_view .prod_left .view_img .img_box img { width: 100%; }
} 

/*** Tablet ***/
@media screen and (min-width:769px) and (max-width:1259px) {
    #board { padding-bottom: 75px; }

    .board_list thead tr th { padding: 7px 0; }
    .board_list tr td { padding: 20px 0; }
    .board_list tr td.file img { width: 18px; }
    .board_list tr td .status { width: 50px; }

    .board_view .view_top { padding: 20px 0; }
    .board_view .view_top .v_write span:not(:last-of-type) { margin-right: 20px; }
    .board_view .contents { padding: 35px 0; margin-bottom: 35px; }
    .board_view .v_file { margin-bottom: 20px; }    
    .board_view .v_file .m_txt { margin-bottom: 20px; }
    .board_view .v_file .file_list li { margin-bottom: 15px; }
    .board_view .v_file .file_list li a { padding-left: 20px; background-size: 14px; }
    .board_view .go_list { padding: 25px 0; }
    .board_view .go_list img { margin-right: 20px; width: 17px; }

    .search_form fieldset input { width: 210px; height: 30px; padding: 4px; }
    .search_form fieldset button { width: 30px; height: 30px; }

    .data_list li { padding: 40px 0; }
    .data_list li a .img_box { height: 200px; }
    .data_list li a .txt_box { padding: 15px 25px; }
    .data_list li a .txt_box .title { margin-bottom: 15px; }
    .data_list li a .txt_box .txt { margin-bottom: 10px; }

    .btn_box { margin-top: 15px; }
    .btn_box a { width: 110px; padding: 10px 0; }

    #board .top_txt { margin-bottom: 7px; }

    
    .ok_btn { margin: 35px auto 0 auto; padding: 10px 0; width: 150px; }

    .board_write tbody tr th,
    .board_write tbody tr td { padding: 10px; }
    .board_write tbody tr:not(.contents) th,
    .board_write tbody tr:not(.contents) td { height: 60px; }
    .board_write tbody tr td input,
    .board_write tbody tr td textarea,
    .board_write tbody tr td select { padding: 7px; }
    .board_write tbody tr td .file:not(:last-of-type) { margin-bottom: 10px; }
    .board_write tbody tr td .file .file_box .upload_text { width: 300px; }
    .board_write_form .btn_box button { width: 150px; padding: 10px 0; }
    .board_write_form .btn_box button:not(:last-of-type) { margin-right: 15px; }
   
}

/*** Tablet & Desktop ***/
@media screen and (min-width:769px) {
    .data_list li { width: 50%; }

    .board_view .view_top { display: flex; justify-content: space-between; }

    .board_write tbody tr td .file .file_box label { right: 20px; }

    .paging { margin-top: 45px; }
    .paging a { width: 36px; height: 36px; line-height: 31px; }
    .paging .prev { margin-right: 20px; }
    .paging .next { margin-left: 20px; }

    .w32 { width: 32% !important; }
}

/*** Desktop ***/
@media screen and (min-width:1260px) {


    #board { padding-bottom: 95px; }
  
    .board_list thead tr th { padding: 18px 0; }
    .board_list tr td { padding: 16px 0;  }
    .board_list tr td .status { width: 62px; }

    .board_view .view_top { padding: 30px 0; }
    .board_view .view_top .v_write span:not(:last-of-type) { margin-right: 28px; }
    .board_view .contents { padding: 50px 0; margin-bottom: 50px; }
    .board_view .v_file { margin-bottom: 30px; }    
    .board_view .v_file .m_txt { margin-bottom: 25px; }
    .board_view .v_file .file_list li { margin-bottom: 20px; }
    .board_view .v_file .file_list li a { padding-left: 25px; }
    .board_view .go_list { padding: 30px 0; }
    .board_view .go_list img { margin-right: 30px; }
    
    
    .data_list li { padding: 60px 0; }
    .data_list li a .img_box { height: 270px; }
    .data_list li a .txt_box { padding: 20px 30px; }
    .data_list li a .txt_box .title { margin-bottom: 25px; }
    .data_list li a .txt_box .txt { margin-bottom: 15px; }

    .btn_box { margin-top: 30px; }
    .btn_box a { width: 130px; padding: 10px 0; }

    #board .top_txt { margin-bottom: 10px; }

    
    .ok_btn { margin: 50px auto 0 auto; padding: 15px 0; width: 200px; }

    .board_write tbody tr th,
    .board_write tbody tr td { padding: 15px; }
    .board_write tbody tr:not(.contents) th,
    .board_write tbody tr:not(.contents) td { height: 80px; }
    .board_write tbody tr td input,
    .board_write tbody tr td textarea,
    .board_write tbody tr td select { padding: 10px; }    
    .board_write tbody tr td .file:not(:last-of-type) { margin-bottom: 15px; }
    .board_write tbody tr td .file .file_box .upload_text { width: 350px; }
    .board_write_form .btn_box button { width: 200px; padding: 15px 0; }    
    .board_write_form .btn_box button:not(:last-of-type) { margin-right: 20px; }
}