@charset "utf-8";



/* 게시판 넘버 */
.pager_wrap{width:100%;text-align:center;}
.pager_wrap ul{display:flex; justify-content: center;}
.pager_wrap ul li{vertical-align:middle;margin: 0 3px;margin-right:0px;}
.pager_wrap ul li.num a{display:block;width: 30px;height:25px;line-height:25px;font-size: 15px;color:#555;border-radius: 3px;text-align: center;}
.pager_wrap ul li.num a:hover{  color:#000 }
.pager_wrap ul li.num a i{font-size:16px}
.pager_wrap ul li:nth-child(2) a i, .pager_wrap ul li:nth-last-child(2) a i {font-size: 14px;}
.pager_wrap ul li.num.on a{border:none; color:#fff; background-color: var(--default_color)}




/* 게시판 버튼 영역 */
.btn_area {display: flex; flex-wrap: wrap;  align-items:center; justify-content:space-between; margin-top:20px; padding-bottom: 30px;}
.btn_area > .pager {flex:1 0 40%; }
.btn_area > .l_area, .btn_area > .r_area {flex:0 1 auto; }
.btn_area > .w50 {width:auto;}
.btn_area > .w100 {width:auto;}
.btn_area > .r_area {text-align: right;}



/*
.modal dl.row dt, .modal dl.row dd{padding-top:8px; padding-bottom:8px;}
*/
/* 게시판 상단 안내글 */
.bbs_top_guide {display: block; margin-bottom:40px; padding:25px 70px 25px 40px;  }
.bbs_top_guide .gudie_title {text-align: center;}
.bbs_top_guide .gudie_title img {border-radius: 50%;}
.bbs_top_guide .gudie_title h3 {font-size: 150%; font-weight: 700;  margin-bottom:30px}
.bbs_top_guide .gudie_title h3 strong {font-weight: 800;}
.bbs_top_guide .guide_content {font-size: 115%; display: flex; align-items: center; padding-bottom:10px; flex-wrap: wrap}
.bbs_top_guide .guide_content p{color:#444; font-weight: 300; width: 100%;}
.bbs_top_guide .guide_content em{font-weight: 700; color:#111}
.bbs_top_guide .guide_content strong {font-weight: 700; font-size: 115%; }
.bbs_top_guide .view_more {padding:3% 3% 0% 3%}
/* 더보기 설정*/
.view_more {display: none;}
#more_view i {transition: all 0.15s ease-out;}
#more_view.down i {transform:rotate(-180deg);}

.styleguide {display:block; margin-bottom:20px}

/* 입력폼 */
.form_design { }
.form_design .input {flex: 0 0 100%; display: flex; align-items: center; }
.form_design .input.tac {justify-content: center;}
.form_design .input.f_wrap { justify-content: space-between;}
.form_design .input.f_wrap .item_list { line-height: 38px;}

.form_design .input > span {padding: 0 3px; line-height:38px}
.form_design .form-row > .input-group > span {padding: 0 4px; line-height:38px}
.input10 {width: 10%;}
.input20 {width: 20% !important;;}
.input25 {width: 25% !important;;}
.input30 {width: 30% !important;}
.input40 {width: 40% !important;;}
.input50 {width: 50% !important;;}
.input60 {width: 60%;}
.input70 {width: 70%;}
.input80 {width: 80%;}
.form_design .row dd > * {margin-right:3px}
.form_design .row dd .input > * {margin-right:5px}
.form_design .row dd .input [class*="col-"] {margin-right:0;}
.form_design .row dd .email_input {width: 23%; }
.form_design .row.form-group { }
.form_design .row .row {padding-top:0; padding-bottom:0; margin-right:-7px; margin-left:-10px; }

.form_design .row dt label{  letter-spacing: -0.05em;}
.input-group {margin-top:0px; margin-bottom:0px; }
.form-row {}
.img_thumbnail img{ width:100px}
.input_check.comment90 {margin:5px 0 10px 0}
.input-group-text {background-color: #e7eaf0 !important; color: #474e61 !important; border-color:#e2e7ee !important ; line-height: inherit;}




/* 게시판 글쓰기 */

.label_message {margin:5px 0}
.bbs_form {display: block; padding-bottom: 10px;}
.bbs_write {padding:0px 0px 20px 0;  border-top: 2px solid #333; }
.bbs_write .row {margin:0}
.bbs_write dl{display: flex; justify-content: space-between; margin-bottom: 0;}
.bbs_write dl dt, .bbs_write dl dd {border-bottom: 1px solid #eee; padding-top: 10px; padding-bottom: 10px;}
.bbs_write dl dt {font-weight: 500; text-align: right; line-height: 18px; padding-top: 20px; padding-bottom: 19px; background-color: #f6f7fA;  }
.bbs_write dl dd strong{font-weight: 600; color:#333; }
.bbs_write dl dd { border-bottom: 1px solid #eee; color: #656c81  }

.bbs_write dl dd textarea{ min-height: 200px; }
.bbs_write dl dd .comment {font-size: 80%;}
.bbs_write dl dd.date {display: flex; justify-content: space-between;}
.bbs_write dl dd.date .input_icon {width:calc(50% - 5px)}
.ess{color: var(--pink);}
.bbs_write dl dd p { padding-top:8px; padding-bottom:3px; line-height: 25px; display: block;}

.input-group {/*margin-top:2px; margin-bottom:2px; */flex-wrap: nowrap;}




/* 게시판 검색 */
.bbs_skin .query, .bbs_view .query {font-weight:900; color:crimson;}


.bbs_search_box { display: flex; justify-content: center; padding:30px 20px;  margin-bottom:20px;  border-radius: 15px; background-color: #fff;} 
.bbs_search {display: block; width:350px;}
.bbs_search > .row {margin:0;}
.bbs_search > .row > div {display: flex; padding:2px 0;}
.bbs_search select{margin-right:2px; width:100% }
.bbs_search button{ border-radius: 30px;}
.bbs_search input[type="text"], .bbs_search select { box-shadow:none;  font-size: 90%; border-radius: 30px;}
.bbs_input, .bbs_select {display: flex; flex-wrap: nowrap;  /* flex: 1 0 auto; */}
.bbs_input {width: 50%;}


.bbs_num { }
.bbs_num select{ background-color: #fff; border-radius: 10px; margin:0; padding: 0 20px 0 10px; background-position: calc(100% - -1px) center; min-width: 50px;}
.bbs_num .btnPack{margin:0 !important; border-radius: 10px; background-color: #e1e7eb !important; color: #464646; border: 1px solid #ddd;}

.form-group {margin:20px 0px;}
/*
.form-row > .col, .form-row > [class*="col-"] {padding-right:0}
*/
/* 게시판 정보 레이아웃 */
.table_block{display: block; margin-bottom:7px; padding:0 !important}
.table_info, .info_left, .info_right, .btn_list{display: flex; align-items: center;}
.table_info {justify-content: space-between; padding:10px 0 10px 0; flex-wrap: wrap;}
.info_right {justify-content: right; flex-wrap: wrap;} 
.info_right > *{ margin-left: 5px !important } 
.info_left > div, .info_right > div {padding:0 2px}
.info_num {padding-right: 15px !important; font-weight: 400; display: inline-block; font-size: 90%;}
.info_num strong {font-weight: 700; font-size: 120%; }
.bbs_sort{ display: flex;}
.bbs_sort li + li{margin-left: 20px;}
.bbs_sort li a {display: block; font-size: 90%; font-weight: 400; position: relative;}
.bbs_sort li.on a {font-weight: 500; }
.bbs_sort li.on a::before {content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; vertical-align: middle; margin-right: 7px;}



/* 게시판 카테고리 */
.categoryBox { position: relative;   }
.categoryBox ul:after { content: ""; display: block; clear: both; min-height: 1px;}
.categoryBox ul { display: flex; width: 100%;  flex-wrap:wrap; justify-content:center; margin: 10px auto;}
.categoryBox ul li {   transition: all 0.3s ease-out;  position: relative; margin: 5px 2px;}
.categoryBox ul li,
.categoryBox ul li a { display: block;  white-space: nowrap;  position: relative;  line-height: 35px; height: 105%; text-align: center; }
.categoryBox ul li a { margin:0px;   vertical-align: middle;  font-size: 90%;  padding:0 20px;  font-weight: 500;  color:#676d7e;  border: 1px solid #e6e7ec; border-radius: 30px;}
.categoryBox ul li:hover a{ color:#444}
.categoryBox ul li a span {  line-height: 100%;}
.categoryBox ul li.on:before {  content: ""; position: absolute; right:15px; left:15px; bottom:0px; height: 6px;}
.categoryBox ul li.on a {  color: #fff;   letter-spacing:-0.05em;  font-weight: 800; background-color: var(--default_color); border: none;}
.categoryBox ul li a.newWin:after { vertical-align: middle;}
.categoryBox ul li.on a.newWin:after {  color: #fff;}
.categoryBox ul li:first-child::before{ display: none;}

/* 게시판 테이블 */
.m_table_ment {display: none;}


.bbs_skin {display: block; padding-bottom: 50px;}
.table_bbs, .bbs_view, .bbs_del, .bbs_faq, .bbs_gallery, .bbs_card_type_list{ border-top: 1px solid #888; }
.table_bbs{border-collapse: collapse;  table-layout:fixed;  width: 100%; line-height: 17px; }
.table_bbs thead th {padding:14px 10px;color: #333; font-weight: 600;  border-bottom:solid 1px rgba(0, 0, 0, 0.1); text-align: center;  background-color: #f6f7fA;}
.table_bbs tbody th {background: #f6f7fA;border-bottom:solid 1px rgba(0, 0, 0, 0.05); padding:15px 12px;color: #333; font-weight: 500; text-align: center;}
.table_bbs td {padding:10px 10px;border-bottom:solid 1px rgba(0, 0, 0, 0.05); box-sizing: border-box;text-align: center;color: #666; }
.table_bbs td .table_tit{display:flex; justify-content: left; align-items: center;}
.table_bbs td .table_tit.tac{justify-content: center;}
.table_bbs td a.bbs_subject{ position: relative; text-overflow: ellipsis; white-space:nowrap;  overflow: hidden;display:block; font-weight: 600;text-decoration: underline; color:#333}
.table_bbs td .temp_del{ color:#999;}
.table_bbs td .temp_del span{ text-decoration: line-through; }
.table_bbs td a.bbs_strong{ position: relative; display:block; font-weight: 600; text-decoration: underline;}
.table_bbs a:hover{ text-decoration: underline; color:#000}
.table_bbs td a.tel_link {text-overflow:inherit !important; }
.table_bbs tr{transition: all 0.3s;}
.table_bbs .bbs_active {background-color: #e2f2ff; border: 1px solid rgba(0, 0, 0, 0.2) ;}
.table_bbs .bbs_post_point {background-color: #ffeff6; border: 1px solid rgba(0, 0, 0, 0.2) ;}
.table_bbs .bbs_cate_item {display:block; font-size:90%; color:#4e62a7; text-align:left;}


.table_tit{display:flex;  align-items: center; justify-content: center;} 
.table_tit a{ position: relative; text-overflow: ellipsis; white-space:nowrap;  overflow: hidden;text-align: left; display:block}
.table_tit .reply_num {font-weight: 400; font-size: 85%; padding: 0 3px; color:#b74149}


.bbs_notice{background-color: #f0f1f4;}
.bbs_add{background-color: #f0f1f4;}
.bbs_notice td{font-weight: 600; color:#222}
.bbs_notice td A{font-weight: 600; }
.col_check {width:30px;  }
.col_num {width:50px;  }
.col_cate {width:150px;  }
.col_writer {width:150px; }
.col_date {width:140px; word-break:break-all;  font-weight: 400; }
.col_file {width:80px; }
.col_people {width:100px; }
.col_time {width:130px; }
.col_cost {width:100px; }
.col_btn {width:200px; }
.col_btn2 {width:200px; }
.col_50 {width:50px; }
.col_70 {width:70px; }
.col_80 {width:80px; }
.col_100 {width:100px; }
.col_110 {width:110px; }
.col_130 {width:130px; }
.col_140 {width:140px; }
.col_150 {width:150px; }
.col_200 {width:200px; }
.col_250 {width:250px; }
.col_tel {width:135px; }

@media only screen and (max-width:1900px){
  .col_50 {width:40px; }
  .col_80 {width:60px; }
  .col_100 {width:80px; }
  .col_110 {width:90px; }
  .col_130 {width:100px; }
  .col_150 {width:130px; }
  .col_200 {width:150px; }
  .col_250 {width:170px; }
}


@media only screen and (max-width:1100px){
  .col_50 {width:30px; }
  .col_80 {width:40px; }
  .col_100 {width:50px; }
  .col_110 {width:60px; }
  .col_130 {width:80px; }
  .col_150 {width:100px; }
  .col_200 {width:130px; }
  .col_250 {width:150px; }
}




/* 게시판 글보기 */
.bbs_view .bbs_view_head, .bbs_view .bbs_view_body, .bbs_del, .bbs_view .file_area, .bbs_gallery, .bbs_card_type_list {border-bottom: 1px solid #dde2e8; }
.bbs_view { border-bottom: 2px solid #464646; }
.bbs_view .bbs_view_head{}
.bbs_view .bbs_title { display: flex; padding:30px 20px; align-items:center; flex-wrap:wrap}
.bbs_view .bbs_title span{ font-size: 120%;  margin-right: 10px; flex:0 1 auto;}
.bbs_view .bbs_title i{margin-top:3px}
.bbs_view .bbs_title h3{font-size: 150%; font-weight: 800; word-break:break-all;margin-right: 10px; flex:0 1 auto;}

.bbs_info {display: flex; flex-wrap: wrap; padding:15px 20px; justify-content: flex-end; border-top: 1px dashed #f0f0f0; }
.bbs_info dl{display: flex; margin-left:40px; font-size: 16px; color:#777; flex-wrap: nowrap;}
.bbs_info dl dt {margin-right:5px}
.bbs_info dl dt, .bbs_info dl dd{display: inline-block; margin-left:0px; font-size: 100%; color:#777; }

.bbs_view .bbs_view_body {padding: 30px 35px; min-height: 200px; color:#333;  }

.bbs_view .bbs_view_reply {overflow: hidden;}
.bbs_view .bbs_view_reply h4 {display: block; font-weight: 700; font-size: 110%;  background-color:var(--black); color: #fff;  border-radius: 10px 10px 0 0; margin-top: 35px; padding: 20px 50px !important;}
/*.bbs_view .bbs_view_reply span {display: block; text-align: right; margin-top:30px }*/
.bbs_view .bbs_view_reply .reply_con {display: block; background-color: #f6f7fa;}
.bbs_view .bbs_view_reply .pad {padding: 30px 50px; }
.bbs_view .bbs_view_reply .dl_flex {    border-top-color: #ddd; }
.bbs_view .bbs_view_reply .dl_flex dt, .bbs_view .bbs_view_reply .dl_flex dd{ padding-top: 10px;
    padding-bottom: 10px;  background-color: #fff; border-bottom: solid 1px #ddd;}
.bbs_view .bbs_view_reply .dl_flex dt {padding-left: 70px;}
.bbs_view .bbs_view_reply .dl_flex dd {font-weight: 600;}


/* 댓글부분 */
.bbs_reply { background-color: #f6f7f8; display: block;  font-size: 95%; border-bottom: 1px solid #ddd;}
.bbs_reply .bbs_reply_list li {border-top: 1px solid #ddd;}
.bbs_reply_list.v2 { background-color: #e9eced;}
.bbs_reply_list.v2 li {padding-left:30px; }
.bbs_reply .reply_cell{display: block; padding:10px 20px}
.bbs_reply .reply_cell .reply_head {display: flex; align-items: center;}
.bbs_reply .reply_cell .reply_head > * {padding-right: 10px;}
.bbs_reply .reply_cell .reply_btn {display: flex; }
.bbs_reply .reply_cell .reply_name {font-weight: 700; position: relative;}
.bbs_reply .reply_cell .reply_name::before {content:'\f4ad'; font-size:18px; color:rgba(0,0,0,0.3); font-family: 'FontAwesomeS'; display: inline-block; padding-right: 5px;}
.bbs_reply .reply_cell .bbs_reply_write {padding:10px 0px; border: none;}
.bbs_reply .reply_body {display: block; font-size: 95%; padding:5px 0; font-weight: 400; line-height: 20px;}
.bbs_reply .reply_body .del_reply{font-weight: 500; color:#333}
.bbs_reply .pad {padding: 30px 50px;}

.bbs_reply_write {padding:10px 20px; border-bottom: 1px solid #eee;}
.bbs_reply_write .reply_write {display: flex; justify-content: space-between;}
.bbs_reply_write strong {font-weight: 700;}
.bbs_reply_write .reply_write .reply_text {min-height: 20px; margin-right: 10px; padding: 0px 5px; font-size: 85%; font-weight: 400; color:#222; background-color: #fff !important;}


.bbs_view .file_area {padding:5px 20px; }

.file_area {padding:0px 0px; font-size: 95%;}
.file_area ul{ display: block;}
.file_area ul li {margin:5px 0; display: flex;}
.file_area * {line-height:25px;}
.file_area span.tit { display: inline-block; padding:0px 5px; border-radius: 5px; background-color: #f0f0f0; white-space: nowrap; letter-spacing: -0.05em; font-size: 90%; color:#333; font-weight: 400;}
.file_area a { display: inline-block; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; padding-left: 5px;}
.file_area a:hover {color:#000}
.file_area i {display: inline-block; padding:0px 5px; }
.contentImage {max-width: 70%; margin: 0 auto;} 
.contentImage img {max-width:100%;margin:10px auto; display: block;} 

/* 뷰페이지 정보테이블 */
.bbs_view_table { margin-top: -1px;}
.bbs_view_table .row{  margin:0;}
.bbs_view_table .row:first-child{ border-top:1px solid #ccc; }
.bbs_view_table .row dt {background-color: #f1f3f4; text-align: center; word-break: break-all;}
.bbs_view_table .row dt, .bbs_view_table .row dd {border-bottom:1px solid #ccc; padding: 10px;}

.modalPopup .modal-body {}
.modalPopup .modal-body .row:first-child {border: none;}
.modalPopup .row{ padding-top:8px; padding-bottom: 8px;  margin-bottom: 0; line-height: 1.5; }
.modalPopup .row + .row {border-top: 1px solid #eee;}
.modalPopup .row dt {font-weight: 700;  }
.modalPopup .row dd { }
.modalPopup .list.comment {margin-top:20px}


/* 이전글 다음글 보기 */
.bbs_more {display: block;border-top:solid 1px #bbb; margin-top: 40px; padding-bottom: 80px;}
.bbs_more dl{display:flex; border-bottom:solid 1px #bbb; justify-content: space-between;}
.bbs_more dl dt, .bbs_more dl dd{ padding: 0 15px; display: block; line-height: 60px}
.bbs_more dl dt{ font-weight: 700; width: 100px; min-width: 70px; white-space: nowrap;  }
.bbs_more dl dd { width: calc(100% - 100px);  }
.bbs_more dl dd a{display: block;white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}

/* 게시판 글삭제 */
.bbs_del {padding:80px 30px; text-align: center;}
.bbs_del h3{font-size:140%; font-weight:700}
.bbs_del .btn{padding-top:30px}
.bbs_del .input_pass{width: 300px; margin: 0 auto;}



/* 게시판 첨부 */
.input_file {display: flex; position: relative; margin:5px 0 !important; flex-wrap: nowrap;  width: 100%; font-size: 90%;}
.input_file .file_name{ vertical-align: middle; line-height: 40px;  width: calc(100% - 80px); display:flex;align-items: center;}
.input_file .file_name i {margin:0 5px; color: #626c7c;}
.input_file .file_name span {text-overflow: ellipsis; white-space:nowrap;}

.input_file label::before {display:none}
.input_file label {background-color: #6c757d; padding:0 10px; width:80px; text-align: center; z-index: 1; border-radius: 0 5px 5px 0;}
.input_file label span {line-height: 40px; height:40px; color:#fff !important; }
.input_file input[type="file"].none {left:0; top:0; right:0; width:0; height:0; position: absolute;}
.input_file input[type="file"].none:focus + label {}


.input_file_drag {background-color: #f6f7fc; border: 1px solid #ccc; display: block; width:100%;}
.input_file_drag .file_drag_tit {padding:5px 10px}
.input_file_drag .file_drag_list {padding:7px 20px; border-top:1px solid #ccc; background-color: #fff; min-height: 120px;}
.input_file_drag .file_drag_list li {display: flex; justify-content:space-around; border-top:1px solid #ccc; padding:5px 0; align-items: center;}
.input_file_drag .file_drag_list li:first-child {border:none}
.input_file_drag .file_drag_list li span {font-size: 80%;}
.input_file_drag .file_drag_list li i {display: inline-block !important;}
.input_file_drag .file_drag_list .upload_img {width:150px;}
.input_file_drag .file_drag_list .upload_img img {width:90%}
.input_file_drag .file_drag_list .file_down{width:calc(100% - 170px); font-size: 90%; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}


/* 멀티업로드 박스 */
.multi_upload_box { border-radius: 15px; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; margin: 5px 0;}
.file_list_area { padding: 20px 20px; background-color: #f6f7fA;}
.file_list_area .file_list{ height: 100px; }
.file_list_area .file_list li {padding: 5px 0; padding-right: 15px;}
.file_list_area .file_item{ display: flex; justify-content: space-between; font-size: 90%; width: 100%;}
.file_list_area .file_info{ display: flex; align-items: center;  flex:0 0 65%; max-width: 65%;  }

.file_list_area .file_info .file_name{ display: flex; color: #626c7c; font-weight: 500; width: 90%; }
.file_list_area .file_info .file_name span{ display: inline-block; text-overflow: ellipsis; white-space:nowrap;  overflow: hidden; }
.file_list_area .file_info .file_name em{ }

.file_list_area .file_info .file_size{  font-size: 90%;  padding: 0 3px; color: #999; }
.file_list_area .file_info i{ margin: 0 7px; color: #626c7c;}

.file_list_area .file_bar{ display: block; color: #626c7c; flex:0 0 35%; max-width: 35%; text-align: right; }
.file_list_area .file_bar .file_loadingbar{display: flex; justify-content:space-between; align-items: center;}
.file_list_area .file_bar .file_loadingbar .loadingbar{ display: block; background-color: #fff; flex: 0 0 calc(100% - 45px); height: 10px; border-radius: 10px; }
.file_list_area .file_bar .file_loadingbar .loadingbar span{display: block; height: 10px; background-color: #458bff;  border-radius: 10px;}
.file_list_area .file_bar .file_loadingbar em{font-size: 90%; flex: 0 0 40px;}

.upload_guide { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:7px 20px;   border-top: 1px solid rgba(0, 0, 0, 0.1); }
.upload_guide .upload_guide_txt {line-height: 18px;}
.upload_guide .upload_btn {}

.total_loadingbar {display: block; font-size: 14px; background-color: #e7e9ee; line-height: 15px; color: #fff; border-radius: 10px; overflow: hidden;}
.total_loadingbar > span {display: block; text-align: center; background-color: #1051b9}

.no_file {display: block; text-align: center; padding:15px 20px 0px 20px;}
.no_file i { font-size: 250%; color: #b2bfd5;}
.no_file strong{display: block; color: #626c7c;}



/* 왼쪽 카테고리형 게시판 */

.table_wrap {display:flex; position: relative; /* align-items: flex-start; */ }
.table_wrap .table_group{width:500px; flex:0 0 500px; border: 1px solid  rgba(0, 0, 0, 0.1); border-radius:7px 7px; padding:10px 30px}
.table_wrap .table_body{  display:block;  border: 1px solid  rgba(0, 0, 0, 0.1); border-radius:7px 7px; padding:10px 25px}
.table_wrap .table_group + .table_body {margin-left:40px; }

/*
.table_wrap .table_scroll{ overflow-y: auto; }
.table_wrap .table_body .table_scroll{ max-height:calc(100dvh - 550px);  }
.table_wrap .table_info, .table_wrap .btn_area, .table_wrap .table_scroll{padding:5px 30px;  }
*/
.table_wrap .table_bbs td{padding:10px 3px;  }
.table_wrap .table_bbs th{padding:11px 3px;  }

.table_scroll_wrap {}
.table_scroll_wrap .table_top{}
.table_scroll_wrap .table_scroll_body .table_bbs{ border-top: none !important;}


@media only screen and (max-width:2000px){
  .table_wrap .table_group{width:350px; flex:0 0 350px; }

  }
  
@media only screen and (max-width:1400px){
.table_wrap {flex-wrap:wrap;}
.table_wrap .table_group{width:100%; flex:0 0 100%; margin-bottom:10px; }
.table_wrap .table_group + .table_body {margin-left:0px; }
}

@media only screen and (max-width:991px){
  
  }
  

/* 왼쪽 카테고리 박스 */
.left_catebox {position: relative; }
.left_catebox ul {display: block; padding: 10px 15px; }
.left_catebox ul > li {display: block; padding:5px 0px; position: relative;}
.left_catebox ul > li > .cate_item {position: relative; display: flex; border: 1px solid  rgba(0, 0, 0, 0.1); border-radius: 5px;  padding-left: 15px; padding-right: 0px; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; line-height: 40px; height: 40px; font-size: 90%; transition: all 0.3s; width: 100%; justify-content: space-between;}
.left_catebox ul > li > .cate_item > a {display:block;}

.left_catebox ul > li:hover > .cate_item { background-color: rgba(0, 0, 0, 0.03);}
.left_catebox ul > li.active > .cate_item{border-color: var(--default_color); background-color: #eef5ff; font-weight: 700;}

.left_catebox ul > li button.add_btn { transition: all 0.3s; width: 36px; line-height: 32px; height: 32px; border-radius: 7px; margin: 3px; color: #3c3f4f; font-size: 15px; right: 0px; top:calc(50% - 19px); } 
.left_catebox ul > li button.add_btn:hover {background-color: rgba(0, 0, 0, 0.1);}








/* 카드형 게시판 스킨 1 */
.bbs_card_type_list {padding: 20px 0;}
.bbs_card_item { display: block;  position: relative; border-radius: 15px; background-color: #fff; overflow: hidden; text-align: center; margin: 10px 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.08);}
.bbs_card_item .card_img { display: block;  padding: 20px 0 0px 0;}
.bbs_card_item .card_img img{ height: 50px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px;}
.bbs_card_item .card_con { display: block;  padding: 15px 20px;}
.bbs_card_item .card_con strong {display: block;  font-size: 120%; padding: 10px 0 5px 0;   text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
.bbs_card_item .card_con p {display: block;  font-size: 80% !important; }

.bbs_card_item .card_btn { padding:10px 15px; display: block;  background-color: #f3f3f7;}
.bbs_card_item  a:hover strong{text-decoration: underline !important;}



/* 카드형 게시판 스킨 2 */
.bbs_card_item_ver2 { display: block;  position: relative; border-radius: 15px; background-color: #fff; overflow: hidden; margin: 10px 0; height: calc(100% - 20px); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.08);}
.bbs_card_item_ver2 > a {display: flex; width: 100%; padding:15px 25px; align-content: flex-start; justify-content: space-between;}
.bbs_card_item_ver2 .card_img { display: flex;   flex: 0 0 30%; align-items: center; justify-content: center;}
.bbs_card_item_ver2 .card_img img{  }
.bbs_card_item_ver2 .card_con { display: block;overflow: hidden; padding: 5px;  flex: 0 0 65%;}
.bbs_card_item_ver2 .card_con strong { display: block;font-size: 120%; padding: 15px 0px 10px 0;   text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
.bbs_card_item_ver2 .card_con .card_info dl{display: flex; font-size: 80%; width: 100%; font-weight: 500; line-height: 18px; padding-top:3px; padding-bottom:3px;}
.bbs_card_item_ver2 .card_con .card_info dl dt{flex: 0 0 80px; }
.bbs_card_item_ver2 .card_con .card_info dl dd{flex: 0 0 calc(100% - 80px); color: #6b727e;}
.bbs_card_item_ver2 .card_con p { display: block;font-size: 80% !important; }
.bbs_card_item_ver2 .card_btn { padding:10px 15px; display: block; text-align: center; background-color: #f3f3f7;}
.bbs_card_item_ver2 a:hover strong{text-decoration: underline !important;}




/* 목록형 게시판 스킨1 */
.bbs_list_skin1 {display: block; }
.bbs_list_skin1 ul li + li { margin-top: 10px;  }
.bbs_list_skin1 ul li a {position: relative; display:flex; padding:35px 0;  transition: all ease-out 0.3s; line-height: 30px; border:solid 1px rgba(22, 17, 17, 0.08); border-radius: 20px;}
.bbs_list_skin1 ul li a:hover {background-color: #d9e0ea; text-decoration: none;border-color:#d9e0ea ; }
.bbs_list_skin1 ul li a::before { position: absolute;  right: 30px;   content: '자세히 보기';  font-size: 13px;    transition: all ease-out 0.2s;  top:calc(50% - 15px); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 20px; padding:0 20px; background-color:#fff; line-height: 24px;}
.bbs_list_skin1 ul li a span {width:80px; text-align: center; font-family: 'Roboto'; font-weight: 500; font-size: 130%;}
.bbs_list_skin1 ul li a strong {color:#515157; font-weight: 600; font-size: 120%; width: calc(100% - 200px);   display: block; word-break:break-all;  transition: all ease-out 0.3s;}
.bbs_list_skin1 ul li a:hover strong {color: #000;}
/*

@media only screen and (max-width:1100px){
    .bbs_list_skin1 ul li a {padding:25px 0; line-height: 25px; border-radius: 10px;}
    .bbs_list_skin1 ul li a strong { font-size: 100%; }
    .bbs_list_skin1 ul li a span {width:50px;  font-size: 100%;}
}
@media only screen and (max-width:761px){
    .bbs_list_skin1 ul li a {padding:15px 0 40px 0; line-height: 20px; }
    .bbs_list_skin1 ul li a span {width:40px;  font-size: 100%; }
    .bbs_list_skin1 ul li a::before { right: 0; left:0px; top:auto; bottom: 0px; height: 24px; border-radius: 0 0 10px 10px; border: none; background-color: rgba(0, 0, 0, 0.08); text-align: center;} 
    .bbs_list_skin1 ul li a strong { width:100%;}
}

*/
/* 게시판 자주하는 질문 */
.bbs_faq {display: block; border-top:solid 1px #333}
.bbs_faq ul li {  border-bottom:solid 1px rgba(0, 0, 0, 0.08);}
.bbs_faq ul li.on {  border-bottom:solid 1px #333; border-top:solid 1px #333; margin-top:-1px}
.bbs_faq ul li a {position: relative; display:flex; padding:35px 0;  transition: all ease-out 0.3s; line-height: 30px; }
.bbs_faq ul li a:hover {background-color: #fafafa; text-decoration: none; }
.bbs_faq ul li a::before { font-family: 'FontAwesomeS'; position: absolute;  right: 30px;   content: '\f078';  font-size: 100%;    transition: all ease-out 0.2s; color:#ccc; top:50%; transform: translateY(-50%);}
.bbs_faq ul li.on a::before{  transform:rotate(-180deg); color:#2b2b2b; top:37%}
.bbs_faq ul li a strong {color: var(--default_color);}
.bbs_faq ul li a strong, .bbs_faq ul li .faq_con strong{width:100px; text-align: center; font-family: 'Roboto'; font-weight: 700; font-size: 150%;}
.bbs_faq ul li a h4 {color:#515157; font-weight: 600; font-size: 120%; width: calc(100% - 150px);   display: block; word-break:break-all;  transition: all ease-out 0.3s;}
.bbs_faq ul li a:hover h4, .bbs_faq ul li.on a h4{color: #000;}

.bbs_faq .bbs_con .faq_con {display: flex;}
.bbs_faq .bbs_con .faq_con strong{ }
.bbs_faq .bbs_con .faq_con .faq_answer{ width: calc(100% - 120px);   }
.bbs_faq .bbs_con {display: none; background-color: #f3f4f7; padding:20px 0; border-top: 1px solid #333;}
.bbs_faq .bbs_con em{display: block; margin-top:3%; color:#2b2b2b; font-weight: 400;}

/* 갤러리 게시판 */
.bbs_gallery {padding: 20px 0;}
.bbs_gallery .cell{ display: block; margin: 15px 0; text-align:center;}
.bbs_gallery .cell .photo_img{display: block; overflow: hidden; margin-bottom: 15px; background-color: #000;}
.bbs_gallery .cell .photo_img img{transition: all 1s ;transform: scale(1); width: 100%; opacity: 0.9;}
.bbs_gallery .cell:hover .photo_img img {transform: scale(1.2); transition: all 1s ; }
.bbs_gallery .cell .cate{  display: inline-block;  font-weight: 500;  font-size: 90%;  color: #333;  padding:2px 10px; background:#f0f0f0; border-radius:3px}
.bbs_gallery .cell strong{font-size: 120%;  text-overflow: ellipsis; white-space:nowrap; overflow: hidden; display: block; padding:5px 0; font-weight:700}
.bbs_gallery .cell .date {font-size: 100%; font-family: 'Roboto'; color:#555;}

/* 협력업체 */
.banner_list .cell{ display: block; margin-bottom: 40px; }
.banner_list .cell .photo_img{display: block; overflow: hidden; margin-bottom: 15px;}
.banner_list .cell .photo_img img{ width: 100%; border: 1px solid #ddd;}
.banner_list .cell .cate{  display: inline-block;  font-weight: 500;  font-size: 90%;  color: #333;  padding:0px 10px; background:#fff; border: 1px solid #ddd;}
.banner_list .cell strong{font-size: 120%;  text-overflow: ellipsis; white-space:nowrap; overflow: hidden; display: block; padding:5px 0; font-weight:700}
.banner_list .cell .date {font-size: 100%; font-family: 'Roboto'; color:#555;}
.banner_list .cell p{  display: block;font-size: 90%; overflow: hidden; height: 50px; }

.bbs_view_banner_img {text-align: center; display: block; padding-top: 20px;}






/* sns 링크 
.snslink {background-color: #fff; border-radius: 3px; display: inline-block; padding:0 13px 0 42px; color:#555; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05); position: relative; transition: all 0.4s; font-weight:500; margin-right:3px; height:37px ;line-height:37px; margin-bottom: 5px;}
.snslink:hover {box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); }
.snslink::before{ height: 27px; width: 27px; line-height:27px; display:block; position: absolute; left:7px; top:4px; border-radius: 50%; font-family: "FontAwesomeB";text-align:center;  font-size: 14px; z-index: 2; color:#fff}
.snslink.youtube::before{content: '\f167'; background-color: #f51212;}
.snslink.naver::before{background:#03c659; content: '\f133'; font-family: "FontAwesomeS";}
.snslink.naver::after {content: 'N'; position: absolute; color:#03c659; left:17px; top:4px; z-index: 4; font-size: 9px; font-family: 'Roboto';}
.snslink.instar::before{content: '\f16d'; background-image:url(/_jbassem/images/common/sns_instar.jpg); background-size:100% 100% }

.sns_icon{ height:30px; display: inline-block;}
.sns_icon a{margin:0 2px; width:30px; height:30px;text-align:center; display:inline-block;vertical-align:middle; border-radius:50px;}
.sns_icon i{font-size:16px; line-height:30px; color:#fff;}
.sns_icon .facebook{background:#4c69ba}
.sns_icon .twitter{background:#1d9bf0}
.sns_icon .blog{background:#00c73c}
.sns_icon .kakaos{ }
.sns_icon .instar{background:url(/_jbassem/images/common/sns_instar.jpg); background-size:100% 100% }
.sns_icon .home{}
*/


/* 커뮤니티 게시판 */
.bbs_community .cell{  margin:0 0 40px 0; padding:3.5% 2%; border-radius: 10px; border:1px solid #ccc; border-top: 2px solid #444;  }
.bbs_community .cell .photo img {border-radius: 10px; width:90%;}
.bbs_community .cell .comm_tit {padding:4% 0; border-bottom: 1px solid #eee; margin-bottom: 4%;}
.bbs_community .cell .comm_tit span{display: inline-block; background-color: #969ba6; color: #fff; padding: 5px 20px; border-radius: 30px;}
.bbs_community .cell .comm_tit h3{font-weight: 700; font-size: 180%; display: block; padding:10px 0}
.bbs_community .cell .comm_tit p{color:#777}

/* 상담문의 */
.bbs.Inquiry {display:flex}
.bbs.Inquiry h3{font-size: 120%; font-weight: 700; width:25%; padding-top: 10px;}
.bbs.Inquiry .bbs_write{width:75%; padding:0px 0px 20px 0; }
.bbs.Inquiry .bbs_write dl {flex-wrap: wrap; margin:0 0 30px 0}
.bbs.Inquiry .bbs_write dl dt{width:100%; text-align: left; line-height: 40px;}
.bbs.Inquiry .bbs_write dl dd{width:100% }

/* 언론뉴스 게시판 */
.news_bbs {border-top:solid 2px #333; border-bottom:solid 1px #333; display: flex; flex-wrap: wrap; }
.news_bbs.col2 {display: flex; flex-wrap: wrap; justify-content: space-between; }
.news_bbs.col2 .cell {width:48%; }
.news_bbs .cell {border-bottom:solid 1px #ccc; padding: 2% 0; overflow:hidden; display:block}
.news_bbs.col2 .cell:last-child, .news_bbs.col2 .cell:nth-last-child(2), .news_bbs .cell:last-child {border-bottom: none; }
.news_bbs .cell .news_img{margin-right:30px; width:250px; float: left;  display: block;}
.news_bbs .cell .news_img img{ width:100%;}
.news_bbs .cell .news_con {display: block; overflow: hidden;}
.news_bbs .cell .news_con h4{font-size: 130%; font-weight: 700; display: block; padding-bottom: 10px;}
.news_bbs .cell .news_con p{ color:#777; font-size: 95%; display: block; }
.news_bbs .cell .news_con em{display:inline-block; font-size: 90%; margin-right: 25px; margin-top: 2%; position: relative;}
.news_bbs .cell .news_con em::after{ content: ''; position: absolute; right:-15px; top:5px; bottom:5px;  background-color: #ccc;width: 1px;}
.news_bbs .cell .news_con em:last-child::after{display:none}

.new_icon {display: inline-block; background-color: seagreen; color:#fff; font-size: 13px; font-weight: 300; padding: 0 10px; line-height: 20px; vertical-align:top; margin-top: 6px; }

/* 달력 */
.calendar table{ width: 100%;line-height: 1.5; border-top:solid 2px #333; table-layout:fixed}
.dateInfo {position: relative;display: flex;text-align: center;margin:0px auto 60px auto;height: 30px;justify-content:center;}
.dateInfo h4{ font-weight:700; }
.dateInfo h4, .dateInfo .prevCal, .dateInfo .nextCal{ line-height:40px; font-size:180%}
.dateInfo .prevCal {margin-right:30px; }
.dateInfo .nextCal {margin-left:30px; }
.dateInfo .prevCal:hover i, .dateInfo .nextCal:hover i {color:#000 !important}
.calendar {position: relative;/* display: table; */}
.calendar table tr td {height:150px; position: relative;vertical-align: top;padding-top:35px;border-bottom: 1px solid #e1e1e1;}
.calendar table td + td, .calendar table th + th {border-left: 1px solid #e1e1e1;}
.calendar table thead th{height: 60px; border-bottom:solid 1px #333; font-weight:500}
.calendar table tr td>span {position: absolute;top: 5px;left: 5px;font-weight:700}
.calendar table tr td>span.sun {color:red;}
.calendar table tr td>span.sat {color:blue;}
.calendar table tr td div {text-align:left;font-size:14px;padding:1px 5px;}
.calendar table tr td div:hover {color:#3251b5;}
.calendar table tr td div .tm {color:#000; font-weight:500; font-size:110%}
.calendar table tr td div a {border-radius:5px; }
.calendar table td a{    color: #7d7d7d;overflow: hidden;text-overflow: ellipsis;max-width: 400px;width: 100%;text-align: left;white-space: normal;}
.calendar table tr td div a.btnPack.border_gray {background:#f5f5f5}
.calendar table tr td div a.btnPack.border_gray .tm {color:#888}
.calendar table tr td div a.btnPack.border_gray .myReqView {display:inline-block; padding:0px 3px; border:1px solid rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.9); color:#000;  line-height:20px; margin:3px 0 3px 4px; border-radius:3px;}

.schedule_detail {font-size: 14px;text-align: center;border-collapse: separate;border-top: 2px solid #2349B4;}
.schedule_detail #sheduleName{text-align: left;}#eventFromTo{text-align: left;}#sheduleConts{text-align: left;}#eventLocation{text-align: left;}#eventRemark{text-align: left;}
.schedule_detail #sheduleConts pre {font-family: 'Noto Sans KR';font-size: 14px;white-space: break-spaces;}
.schedule_detail .table_border {background: #f8f8f8;color: #0348A5;text-align: center !important;}
.schedule_detail th, .schedule_detail td {border-bottom: 1px solid #d3d5d7;border-right: 1px solid #d3d5d7;border-top:0px;border-left:0px;    padding: 5px 20px;}
.schedule_detail .subbr0 { border-right: 0px !important;}
.schedule_btn {font-size: 18px;color: #fff;    background: #053679;padding: 10px 22px;vertical-align: middle;border-radius: 5px;}
.schedule_more {text-align: center;margin-top: 21px;}
.board table .subbr0 {text-align:left; padding:0 20px !important}

/* 의정백서 스킨 */
.bbs_magazine .cell { border-radius:0 15px; overflow: hidden; margin-bottom: 30px; display: block; transition: all 0.3s; background-color: #f3f3f4;}
.bbs_magazine .cell .img{display: block; padding: 15px 15px 0px 15px;}
.bbs_magazine .cell strong{padding: 15px 10px 18px 10px; display: block;text-overflow: ellipsis; white-space:nowrap; overflow: hidden;  text-align: center;  font-size: 100%; font-weight: 400 !important;}
.bbs_magazine .cell .view_down{display: block; background-color: #646360; white-space: nowrap; line-height: 40px; text-align: center; font-weight: 500; transition: all 0.3s; font-size: 90%; color:#fff}
.bbs_magazine .cell .view_down:after {content:'\f56e'; display: inline-block; font-size:80%; font-family: 'FontAwesomeS'; padding-left: 10px;  line-height: inherit; vertical-align:top;}

.bbs_magazine .cell:hover .view_down{ background-color: var(--default_color); color: #000; }
.bbs_magazine .cell:hover { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}

/* 
.bbs_magazine .cell .view_down::after{content: '\f06e'; font-family: 'FontAwesomeS';}
*/



.list_portfolio {display: block; padding: 20px 0;}
.list_portfolio .cell { position: relative;}
.list_portfolio .item_box{ display: block; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); padding: 10% 12%; padding-bottom: 100px; border-radius: 20px; font-size: 110%; height: calc(100% - 40px); position: relative; transition: all 0.3s ease-in;}
.list_portfolio .item_box *{ display: block; word-break: keep-all;}
.list_portfolio .item_box .date{ font-weight: 900; font-size: 190%; color:var(--default_color)}
.list_portfolio .item_box strong{ font-weight: 700; font-size: 140%; padding: 15px 0; height: 100px;}
.list_portfolio .item_box p{ height: 80px; margin-bottom: 50px; color: #777;}
.list_portfolio .item_box .cate{ position: absolute; bottom:12%; margin-top: 50px; font-size: 16px;}
.list_portfolio .item_box .cate span{ display: inline-block; background-color: var(--bg_gray); border-radius: 5px; padding: 0px 20px; line-height: 30px; height: 30px; transition: all 0.3s;}
.list_portfolio .item_box .cate i{ display: inline-block; border-radius: 5px; padding: 0px 20px; border:1px solid #eee; margin-left: 5px; line-height: 28px; height: 28px; transition: all 0.3s;}

.list_portfolio .item_box:hover{background-color: var(--default_color);}
.list_portfolio .item_box:hover *{color:#fff;}
.list_portfolio .item_box:hover .cate span{background-color: rgba(255,255,255,0.3);}
.list_portfolio .item_box:hover .cate i{border-color: rgba(255,255,255,0.3);}
.list_portfolio .item_box:hover .date{color: var(--yellow);}




.list_banner {display: block; padding: 5% 0; position: relative;}
.list_banner::before {content: ''; position: absolute; left:-999px; right:-999px; top:0; bottom:0; background-color: #e9f2ff;}
.list_banner .cell { position: relative; width:calc(20% - 40px); margin:20px 20px;}
.list_banner .item_box{ display: block; transition: all 0.3s ease-in; background-color: #fff; text-align: center; border-radius: 15px;  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); padding: 20px 20px;}






/* 게시판 반응형 */


@media only screen and (max-width:761px){
    .pager_wrap ul li.num a{width:20px;height:20px;line-height:20px; font-size:11px; }
  
  }
  
  @media only screen and (max-width:991px){
    .btn_area > .pager {flex:1 0 100%; margin-top: 20px;}
    .btn_area {margin-top: 5px;}
  }
  
  @media only screen and (max-width:768px) {
    .input > span {line-height:32px}
    .form_design .input.f_wrap .item_list { line-height: 32px;}
  
  }
  
  
  @media only screen and (max-width:991px){
    .bbs_write dl dt {border-bottom: none; padding-bottom: 7px; padding-top: 7px; text-align: left;}
    .bbs_write dl dd { padding-bottom: 7px; padding-top: 7px;}
    .bbs_write dl dd p { padding-top:4px; padding-bottom:5px; line-height: 20px; display: block;}
  
  }
  
  @media only screen and (max-width:991px){
    .bbs_search_box {padding:10px 10px; } 
    .bbs_search {width:100%;}
  }
  
  
  @media only screen and (max-width:991px){
    .info_left, .info_right { width: 100%;}
    .info_right  { }
  
  }
  
  @media only screen and (max-width:991px){
    .categoryBox ul { margin: 5px auto;}
    .categoryBox ul li, .categoryBox ul li a {line-height: 25px;}
    .categoryBox ul li {margin:1px 2px}
    .categoryBox ul li a {padding:0 10px}
  }
  
  @media only screen and (max-width:991px){
    .m_table {overflow-x:auto; }
    .m_table table{width:1000px;  }
    .m_table_ment {display: block;}
  }
  
  

  @media only screen and (max-width:761px){
    .bbs_view .bbs_view_reply .dl_flex dt {padding-left: 30px;}
  }
  
  
  @media only screen and (max-width:991px){
    .file_list_area { padding: 10px 12px; }
    .file_list_area .file_list li {padding: 3px 0; padding-right: 15px;}
    .upload_guide {  padding:7px 12px;  }
    .file_list_area .file_info{   flex:0 0 70%; max-width: 70%;  }
    .file_list_area .file_bar{  flex:0 0 25%; max-width: 25%; }
  
  }
  
  @media only screen and (max-width:550px){
    .file_list_area .file_info{   flex:0 0 100%; max-width: 100%;  }
    .file_list_area .file_bar{ display: none; }
    .upload_guide { justify-content: center;}
    .upload_guide .upload_guide_txt {width: 100%; text-align: center;}
    .upload_guide .upload_btn {}
  }
  
  
  @media only screen and (max-width:991px){
    .bbs_gallery .cell .cate{  padding:0px 10px; font-size: 85%;}
  
  }
  
  
  @media only screen and (max-width:768px){
    .bbs_magazine .cell .img{display: block; padding: 10px 10px 0px 10px;}
    .bbs_magazine .cell .view_down{ line-height: 50px;}
  
  }
  
  @media only screen and (max-width:1200px){
    .list_banner .cell {  width:calc(33.3333% - 40px); margin:20px 20px;}
  }
  @media only screen and (max-width:761px){
    .list_banner .cell {  width:calc(50% - 20px); margin:15px 10px;}
    .list_banner .item_box{  padding: 10px 10px;}
  }
  
  
  
  
  @media only screen and (max-width:1300px){
  
    .bbs_input { width:100%}
  
    .table_bbs thead th {padding:10px 2px;height: 40px;}
    .table_bbs tbody th {padding:0px 2px;height: 40px;}
    .table_bbs td {padding:10px 2px;height: 40px;}
  
    .news_bbs.col2 .cell {width:100%; }
    .news_bbs.col2 .cell:nth-last-child(2) {border-bottom:solid 1px #ccc; }
  
    .calendar table tr td div {font-size:13px;}
    .calendar table tr td div a.btnPack {padding:0 5px; }
    
    .mob-hidden {display: none !important;}

    
  }


  @media only screen and (max-width:991px){
  
    .bbs_view .bbs_info dl.col_num {display: none;}
    .bbs_view .bbs_view_body {  padding: 20px 10px;}
    .bbs_view .bbs_view_reply .pad {padding: 10px 10px;}
    .bbs_view .bbs_view_reply h4 {padding: 10px 10px !important;}
    .bbs_view .bbs_view_reply .reply_con {font-size: 95%;}
    .bbs_view .bbs_title {    padding: 15px 10px;}
    .bbs_view .file_area {    padding: 5px 10px;}
    
  
    .news_bbs .cell .news_img{margin-right:20px; width:180px;}
    .news_bbs .cell { padding: 15px 0; }
  
    .total_search_box {width:100%;}
  
  }
  
  @media only screen and (max-width:768px){
  
  .bbs_view .bbs_title span {font-size:100%}
  .bbs_view .bbs_title h3 { font-size:120%;}
  .bbs_view_table .row dt, .bbs_view_table .row dd {padding:3px 5px;}
  .bbs_view .bbs_info dl dt, .bbs_view .bbs_info dl dd {font-size:85%}
  .bbs_view .bbs_info dl {margin-left:15px;}
    .bbs_write dl dt{ text-align: left; line-height: 30px;}
  
    .table_bbs{font-size: 90%; }
  
    .bbs_faq ul li a, .bbs_faq .bbs_con {padding:12px 0;  }
    .bbs_faq ul li a::before {  right: 10px; }
    .bbs_faq ul li a strong, .bbs_faq ul li .faq_con strong{width:50px; }
    .bbs_faq ul li a h4 {width: calc(100% - 90px);   display: block; font-size:110%; line-height:150%;}
    .bbs_faq .bbs_con .faq_con .faq_answer{ width: calc(100% - 60px); }
    .bbs_faq ul li a strong, .bbs_faq ul li .faq_con strong {font-size:110%}
    .bbs_faq ul li a::before {font-size:100%}
  
  
    .select_number {width:80px}
    .bbs_sort {padding-bottom: 10px;}
    .bbs_select {width:100px; min-width:100px}
  
  
    .btn_area {margin-top: 8px;}
    .btn_area.bbs_list_btn {flex-wrap: wrap; justify-content: center;}
    .btn_area.bbs_list_btn > div {width:100% !important; margin-bottom: 10px; }
  
  
    .bbs_top_guide {padding:25px; margin-bottom: 20px;  border-radius: 20px 0; }
    .bbs_top_guide .gudie_title {display: none;}
    .bbs_top_guide .guide_content {padding:0 15px;}
    .bbs_top_guide .guide_content strong {font-size:105%}
  
    .bbs_view_table table th, .bbs_view_table table td {padding:3px 2px;}
  
    .news_bbs .cell .news_con h4{font-size: 110%;}
  
    .total_result_list .cell {height: auto;}
  
    .bbs_community .cell{  padding:25px 15px;  }
  .bbs_community .cell .photo img {width:100%;}
  
  .bbs_gallery .cell strong{font-size: 100%;}
  .bbs_gallery .cell {margin-bottom:20px}
  
  .bbs_view .bbs_info {padding:5px 10px}
  .bbs_view .file_area * {line-height:22px; }
  .bbs_view .file_area ul li {margin:2px 0;font-size:80%}
  .bbs_view .file_area {padding:4px 5px;}
  
  }
  
  @media only screen and (max-width:560px){
    .bbs_top_guide .guide_btn a, .bbs_top_guide .guide_btn button { width: 100%; margin:2px}
  
    .total_item {padding:20px 5%; font-size: 90%; margin-bottom: 20px;}
    .total_result {margin-bottom: 20px; font-size: 100%;}
    .form-group {margin-top:10px; margin-bottom:10px}
  
    
    .bbs_top_guide { padding: 15px 15px;}
    .privacy_view {    padding:10px 10px; }
  
    .input_file .file_name{  width: calc(100% - 40px); font-size:90%}
  .input_file label { width:35px; padding:0 3px; font-size:90%; line-height: 30px; height:32px}
  
  
  .news_bbs .cell .news_img{margin-right:0px; width:100%; float:none; margin-bottom:10px; overflow:hidden;}
  
  }