@charset "utf-8";

/*
 * File Name : board.css
 * 작성일 : 2024-06-27
 */


 /********************************************************

 *  Board

 ********************************************************/

.brd_wrap {}


/*-----------------------------------------------------------------------------
 *  List
 *----------------------------------------------------------------------------*/

/* Board Search */
.brd_search_wrap {margin-bottom: 80px;}
.search_form {position: relative;display: flex;justify-content: center;width: 100%;max-width: 400px; margin: 0 auto;border-bottom: 3px solid #ddd;}
.search_form:after {content: "";position: absolute;left: 0;bottom: -3px;width:0;height: 3px;background:#000;z-index: 1;transition: width 0.3s ease}
.search_form:focus-within:after {width: 100%;}
.search_form .search_input {width: 100%;}
.search_form .search_input input {width: 100%; border:none;height: 50px;font-size: 20px;font-weight: 600;color:#000;}
.search_form .search_input input::placeholder {font-size: 20px;color:#bbb}
.search_form .btn_brd_search {width: 50px;height: 50px;background:url("../images/sub/icon_search.svg") no-repeat center center;background-size: 30px auto; text-indent: -9999px}


/* List */
.brd_list {max-width: 1200px;margin: 0 auto;}


/* News */
.brd_news_list {}
.list_row {border-bottom: 1px solid #e2e2e2}
.list_row a {display: block;padding:35px 40px;border-radius: 5px;}
.list_row a:hover {background:#f8f8f8;}
.list_cont {}
.list_cont .list_tit {display: inline;font-size: 24px;color:#000;background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);background-size: 0;background-repeat: no-repeat;transition: 0.5s ease}
.list_row a:hover .list_cont .list_tit {background-size: 100%;}
.list_cont .list_desc {font-size: 16px;margin-top: 5px;color: #444}
.list_foot {margin-top: 20px;font-size: 15px;}
.list_foot .list_writer {display: inline-block;padding-right:15px;color:#233871;font-weight: 600;line-height: 1;}
.list_foot .list_date {display: inline-block;padding-left: 15px;border-left:1px solid #ddd;color:#888;line-height: 1}

/* Notice */
.brd_notice_list {border-top: 2px solid #000;}
.brd_notice_list .list_cont {display: flex;align-items: center;justify-content: space-between}
.brd_notice_list .list_cont .list_num {flex-shrink: 0;width:40px;margin-right: 30px;text-align: center;font-size: 16px;font-weight: 700;color: #222}
.brd_notice_list .list_cont .list_num strong.noti {display: inline-block;line-height: 30px;border-radius: 6px;background:#e34e30;color:#fff;padding: 0 10px;}
.brd_notice_list .list_cont .list_tit {display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.brd_notice_list .list_cont .list_date {flex-shrink: 0; width:80px;margin-left: 60px;}

/* Paging */
.brd_paging {display: flex;justify-content: center;gap:0 15px;margin-top: 50px;}
.brd_paging button,
.brd_paging .list_num { display: inline-flex;justify-content: center;align-items: center;width: 35px;height: 35px;font-size: 15px; cursor: pointer;}
.brd_paging button {text-indent: -9999px;}
.brd_paging button.prev {background:url("../images/sub/icon_prev.svg") no-repeat center center;background-size: 20px auto;}
.brd_paging button.next {background:url("../images/sub/icon_next.svg") no-repeat center center;background-size: 20px auto;}
.brd_paging button.first {background:url("../images/sub/icon_first.svg") no-repeat center center;background-size: 20px auto;}
.brd_paging button.last {background:url("../images/sub/icon_last.svg") no-repeat center center;background-size: 20px auto;}
.brd_paging button[disabled] {cursor: default;opacity: .3}
.brd_paging .list_num.active {border-radius: 50%;background-color: #e5e5e5;font-weight: 700;}

@media screen and (max-width:1024px){
  .list_row a {padding: 25px;}
  
  .brd_notice_list .list_cont .list_tit {font-size: 22px;}
  .brd_notice_list .list_cont .list_date {margin-left: 40px;}
}
@media screen and (max-width:768px){
  .brd_search_wrap {margin-bottom: 50px;}
  .search_form .search_input input {height: 40px;font-size: 18px;}
  .search_form .search_input input::placeholder {font-size: 18px;}
  .search_form .btn_brd_search {width: 40px;height: 40px;background-size: 24px auto;}
  .list_row a {padding:20px 15px;}
  .list_cont .list_tit {font-size: 20px;}
  
  .brd_notice_list .list_cont {display: block;}
  .brd_notice_list .list_cont .list_num {display: none;}
  .brd_notice_list .list_cont .list_tit {display: block;font-size: 18px;}
  .brd_notice_list .list_cont .list_date {display: inline-block;font-size: 13px;margin-left: 0;margin-top: 10px;}

  .brd_paging {gap: 0 10px;margin-top: 40px;}
  .brd_paging button,
  .brd_paging .list_num {width: 30px;height: 30px;font-size: 14px;}
  .brd_paging button.prev,
  .brd_paging button.next {background-size: 18px auto;}
}
@media screen and (max-width:480px){
  .brd_search_wrap {margin-bottom: 40px;}
  .list_row a {padding:20px 10px;}
  .list_cont .list_tit {font-size: 18px;}
  .list_cont .list_desc {font-size: 14px;}
  .list_foot {font-size: 13px;}
  
  .brd_notice_list .list_cont .list_tit {font-size: 16px;}
  
  .brd_paging {margin-top: 30px;gap:0 2px;}
}


/* Gallery Type */
.brd_gallery_list {border-top:1px solid #e5e5e5;padding-top:50px;}
.brd_gallery_body {display: flex;flex-wrap: wrap;margin: 0 -1.5%}
.brd_gallery_body li {width:30.3333%;margin: 1.5%; border:1px solid #ddd;border-radius: 10px;overflow: hidden;transition: all 0.5s ease;}
.brd_gallery_body li:hover {border-color:#000;box-shadow: 0 5px 20px rgba(0,0,0,0.1)}
.brd_gallery_body li .brd_list_img {height:300px;overflow:hidden;}
.brd_gallery_body li .brd_list_img a {display: block;height: 100%;}
.brd_gallery_body li .brd_list_img a img {display: block;width:100%;height: 100%;object-fit: cover;transition: all 0.7s ease}
.brd_gallery_body li:hover .brd_list_img a img {transform: scale(1.05)}
.brd_gallery_cont {padding:30px;}
.brd_gallery_cont > a {display: block;margin-bottom:10px;font-size:20px;font-weight:600;color:#000; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.brd_gallery_cont > span {font-size:13px;color:#444;margin:0 5px 0 0;word-break: keep-all;}
.brd_gallery_cont > span.brd_writer {display:block;font-size:15px;font-weight: 500; margin:0 0 3px;}

@media screen and (max-width:1024px){
  .brd_gallery_body li .brd_list_img {height: 240px;}
  .brd_gallery_cont {padding: 25px;}
  .brd_gallery_cont > a {font-size:18px;}
}
@media screen and (max-width:768px){
  .brd_gallery_body {margin: 0 -2.5%}
  .brd_gallery_body li {width: 45%;margin: 2.5%;}
  .brd_gallery_body li .brd_list_img {height: 200px;}
  .brd_gallery_cont {padding: 20px;}
  .brd_gallery_cont > a {font-size: 16px;}
  .brd_gallery_cont > span {font-size: 12px;}
  .brd_gallery_cont > span.brd_writer {font-size: 13px;}
}
@media screen and (max-width:480px){
  .brd_gallery_list {padding-top: 30px;}
  .brd_gallery_body {margin: 0;}
  .brd_gallery_body li {width:100%;margin:15px 0;}
  .brd_gallery_body li .brd_list_img {height: 220px;}
  .brd_gallery_cont > a {font-size:15px;}
  .brd_gallery_cont > span {font-size: 11px;}
  .brd_gallery_cont > span.brd_writer {font-size: 12px;}
}


/*-----------------------------------------------------------------------------
 *  View
 *----------------------------------------------------------------------------*/

.brd_view {max-width: 1000px;margin: 0 auto;}
.view_head {padding: 80px 0;border-top: 1px solid #e5e5e5;text-align: center;}
.view_head .view_writer {display: inline-block;font-size: 18px;color:#233871;font-weight: 600;padding: 0 15px}
.view_head .view_date {display: inline-block;font-size: 18px;font-weight: 500;color:#888;padding: 0 15px;border-left: 1px solid #ddd;}
.view_head strong {display: block;font-size: 40px;color:#000;margin-top: 20px;}
.view_file {position: relative;max-width: 300px; margin:0 0 50px;padding-left: 80px;}
.view_file strong {position: absolute;left: 0;top:8px;font-size: 16px;font-weight: 600;}
.view_file .file_link {display:block;margin: 0 0 5px}
.view_file .file_link a {display: block; border-radius: 10px;line-height:45px;padding: 0 20px;font-size: 15px;font-weight: 500;background:#f6f6f6 url("../images/sub/icon_download.svg") no-repeat 20px center;background-size:22px auto;padding-left: 50px;}
.view_file .file_link a:hover {background-color:#e8e8e8}
.view_cont {padding:100px 0;border-top: 1px solid #ddd;}
.view_cont p {font-size: 16px; margin-bottom: 30px;}

@media screen and (max-width:1024px){
  .view_head {padding:50px 0;}
  .view_head strong {font-size: 36px;}
}
@media screen and (max-width:768px){
  .view_head .view_writer {font-size: 16px;padding: 0 10px;}
  .view_head .view_date {font-size: 16px;padding: 0 10px;}
  .view_head strong {font-size: 30px;}
  .view_cont {padding: 50px 0;}
}
@media screen and (max-width:480px){
  .view_head {padding: 40px 0;}
  .view_head .view_writer,
  .view_head .view_date {font-size: 15px;}
  .view_head strong {font-size: 26px;margin-top: 10px;}
  .view_file {padding-left:0;}
  .view_file strong {display: block; position: static;font-size: 14px;margin-bottom: 10px;}
  .view_file .file_link a {line-height: 40px;padding: 0 15px;font-size: 14px;background-position: 15px center;background-size: 18px auto;padding-left: 40px;}
  .view_cont {padding: 40px 0;}
  .view_cont p {font-size: 15px;margin-bottom: 20px;}
}


/*-----------------------------------------------------------------------------
 *  Write
 *----------------------------------------------------------------------------*/

.brd_write {max-width: 1000px;margin: 0 auto;border-top: 2px solid #000}
.brd_write_form {}
.brd_write_tr {display: table;width: 100%;table-layout: fixed;}
.brd_write_td {display: table-cell;vertical-align: middle;}
.brd_write_inner {display: table;width: 100%;table-layout: fixed;}
.brd_write_inner dt,
.brd_write_inner dd {display: table-cell;padding:20px 20px;vertical-align: middle;box-sizing: border-box;border-top: 1px solid #eee;}
.brd_write_tit {text-align: left;width: 160px;padding-right: 20px;}
.brd_write_tit .brd_write_opt {position: relative;font-size: 18px; font-weight:600;color:#000;padding: 0 20px 0 0;}

.brd_write_input {position: relative;width: 100%;float: left;margin:5px 0;}
.brd_write_input input[type=text],input[type=password],input[type=file],input[type=email],input[type=number] {height:50px;border: 1px solid #f6f6f6;width: 100%;padding: 0 15px;background: #f6f6f6;color: #000;border-radius: 5px;font-size: 16px;}
.brd_write_input input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,input[type=email]:focus,input[type=number]:focus {background:#fff;}
.brd_write_input input[type=text].inputSm,input[type=password].inputSm,input[type=file].inputSm,input[type=email].inputSm,input[type=number].inputSm {max-width:200px;}
.brd_write_input textarea {width: 100%;box-sizing: border-box;padding: 15px;font-size: 16px; line-height: 1.5;background: #f6f6f6;border: 1px solid #f6f6f6;color: #000;height: 200px;border-radius: 5px;}
.brd_write_input textarea:focus {background:#fff;border-color:#000;}


/* File Upload */
.fileUpload_form {position:relative;padding-right:180px;}
.fileUpload_form input.fileName {display:block;}
.fileUpload_form input.fileUpload {position:absolute;width:1px;height:1px;display:none;}
.fileUpload_form input.fileUpload + label {position:absolute;right:80px;top:0;display:block;width:120px;height:100%;background:#666 url(../images/common/icon_btn_sch.png) no-repeat 15px center;background-size:26px;color:#fff;line-height:50px;border-radius: 5px;font-size: 15px;font-weight: 500;padding:0 15px 0 45px }
.fileUpload_form input.fileUpload:hover + label {background-color:#444;}

.fileAddDel_btns {position:absolute;right:0;top:10px;}
.fileAddDel_btns li {display: inline-block;margin:0 2px;}
.fileAddDel_btns li a {display:block;width:26px;height:26px;border-radius:50%;border:1px solid #ccc;text-indent: -9999px;}
.fileAddDel_btns li a:hover {border-color:#000;}
.fileAddDel_btns li.btn_add a {background:url(../images/common/icon_add.png) no-repeat center center;}
.fileAddDel_btns li.btn_delete a {background:url(../images/common/icon_del.png) no-repeat center center;}


/* Inquiry */
.policy_wrap {padding-top:50px;}
.policy_wrap .policy_cont {height: 300px;border-radius: 10px;background:#f8f8f8;padding: 30px; overflow: hidden;overflow-y: auto;}
.policy_wrap .policy_cont h3 {font-size: 20px;font-weight: 700;color:#000;margin-bottom:15px;}
.policy_wrap .policy_cont p {font-size: 18px;font-weight: 500;color:#444;}
.policy_wrap .policy_cont dl {margin-top: 10px;}
.policy_wrap .policy_cont dl dt {font-size: 18px;font-weight: 600;color:#000;margin-top: 15px;}
.policy_wrap .policy_cont dl dd {position: relative; padding-left: 10px; font-size: 15px;font-weight: 500;margin-top:10px;}
.policy_wrap .policy_cont dl dd:before {content: "";position: absolute;left: 0;top:8px;display: block;width: 5px;height: 5px;border-radius: 50%;background:#666;}
.policy_wrap .chk_agree {margin:30px 0 50px;}
.policy_wrap .chk_agree input[type="checkbox"] + label:before {width: 24px;height: 24px;margin-right: 10px;}
.policy_wrap .chk_agree input[type="checkbox"]:checked + label:before {background-size: 16px auto;}
.policy_wrap .chk_agree label {font-size: 16px;font-weight: 500;color:#444;}
.safe_num {display: inline-block;vertical-align: middle;margin-right: 10px;border-radius: 5px;overflow: hidden;}
.safe_num img {display: block;}
.safe_num + input {display: inline-block;vertical-align: middle;margin: 0;}
.safe_num + input + p.ment {font-size: 15px;color:#444;font-weight: 500;margin-top: 15px;padding-left: 25px;background:url("../images/common/icon_ment.png") no-repeat left 2px;background-size: 18px auto;}

@media screen and (max-width:768px){
  .brd_write_inner {display: block;padding: 20px 0;}
  .brd_write_inner dt,
  .brd_write_inner dd {display:block;padding:0;border-top: none;}
  .brd_write_inner dt {margin-bottom: 5px}
  .brd_write_tit .brd_write_opt {font-size: 16px;padding: 0 15px 0 0;}
  .brd_write_input input {height: 40px;font-size: 15px;}
  .brd_write_input textarea {font-size: 15px;}
  .fileUpload_form {padding-right: 60px;}
  .fileUpload_form input.fileUpload + label {right: 60px;width:95px;background-size:22px;background-position: 10px center;line-height: 40px;font-size: 14px;padding: 0 10px 0 30px;}
  .fileAddDel_btns li a {display: block;width: 22px;height: 22px;}

  .policy_wrap .policy_cont h3 {font-size:18px;}
  .policy_wrap .policy_cont p {font-size: 16px;}
  .policy_wrap .policy_cont dl dt {font-size: 16px;}
  .policy_wrap .policy_cont dl dd {font-size: 14px;}
  .policy_wrap .chk_agree label {font-size: 15px;}
  .safe_num {height: 40px}
}
@media screen and (max-width:480px){
  .policy_wrap .policy_cont {height: 200px;padding: 25px;}
  .policy_wrap .policy_cont h3 {font-size: 16px;}
  .policy_wrap .policy_cont p {font-size: 15px;}
  .policy_wrap .policy_cont dl dt {font-size: 15px;}
  .policy_wrap .chk_agree label {font-size: 14px;}
  .policy_wrap .chk_agree input[type="checkbox"] + label:before {width: 20px;height: 20px;margin-right: 8px;}
  .brd_write_input input.inp_captcha {max-width: 150px;}
  .safe_num + input + p.ment {font-size: 14px;background-size: 16px auto;}
}


/*-----------------------------------------------------------------------------
 *  Button Set
 *----------------------------------------------------------------------------*/

.brd_btn_set {margin-top: 40px;padding-top: 40px;text-align: right;border-top: 1px solid #e8e8e8}
.brd_btn_set.center {text-align: center;}
.brd_btn_set .btn_brd {display: inline-flex;align-items: center;height:60px;border-radius: 10px;border:1px solid #eee;padding: 0 40px;font-size: 18px;font-weight: 600; color:#666;background:#f4f4f4;margin: 0 5px}
.brd_btn_set .btn_brd:hover {background:#444;color:#fff;}
.brd_btn_set .btn_brd.btn_act {background:#233871;color:#fff;border: none;}

@media screen and (max-width:1024px){

}
@media screen and (max-width:768px){
  .brd_btn_set .btn_brd {height:50px;padding: 0 25px;font-size: 16px;}
}
@media screen and (max-width:480px){
  .brd_btn_set {margin-top: 30px;padding-top: 40px;}
  .brd_btn_set .btn_brd {height:45px;padding: 0 16px;font-size: 15px;margin: 0 2px}
}