@charset "utf-8";

/*카테고리*/
.cont_category_wrap {
    padding: 10px 15px;
    margin-bottom: 10px;
    background: #fafafa;
}
.category-item {
    display: inline-block;
    padding: 10px;
}
.category-link {
    display: block;
    /*min-width: 100px;*/
    padding: 10px 20px;
    text-align: center;
    line-height: 16px;
    border-radius: 5px;
    /*border: 1px solid #333;*/
    color: #666666;

}
.category-link.active {
    background: #fc9700;
    color: #ffffff;
}

/*검색필터*/
.cont_search_wrap {position: relative;display: block;overflow: hidden;text-align: center;margin-bottom: 10px;/*border: 1px solid #ccc;background: #fafafa;padding: 20px 25px;*/}
.cont_search_wrap dl {position: relative;display: block;overflow: hidden;padding-left: 120px;padding-bottom: 10px;border-bottom: 1px dotted #ccc;margin-bottom: 10px;}
.cont_search_wrap dl:last-child {padding-bottom: 0;margin-bottom: 0;border: none;}
.cont_search_wrap dt {position: absolute;top: 0;left: 0;width: 110px;height: 36px;line-height: 36px;font-weight: 600;color: #333;}
.cont_search_wrap dd {display: block;min-height: 34px;}
.cont_search_wrap dd .radio, .cont_search_wrap dd .checkbox {margin-top: 8px;margin-bottom: 8px;}
.cont_search_wrap select {min-width: 150px;width: auto;margin: 0 2px}
.cont_search_wrap input[type=text] {margin: 0 2px}
.cont_search_wrap .search_input {width: 300px;}
.cont_search_wrap .search {width: 100px}
.cont_search_wrap .btn {padding: 4px 8px}

.form_block {position: relative;display: block;overflow: hidden;margin-bottom: 5px}
.form_block:last-child {margin-bottom: 0}
.form_group {display: inline-block;vertical-align: top;overflow: hidden;margin: 2px 0}
.form_group.fr {float: right}
.group_btn {display: block;overflow: hidden}
.group_btn li {float: left;}
.input_group_text {float: left;line-height: 2rem;margin: 0 10px}
.input_group_text.mr0 {margin-left: 0}
.calendar {position: relative;}
.calendar input[type=text] {position: relative;padding-right: 30px;margin: 0;z-index: 0}
.calendar:before {position: absolute;top: 1px;right: 5px;width: 20px;height: 20px;display: block;content: "";background: url("/2021/static/images/board/calendar-ico.png") no-repeat center;z-index: 10}

.cont_search_wrap .total {line-height: 37px}

/*리스트 탑*/
.listTbl_top {position: relative;display: block;overflow: hidden;margin-bottom: 10px;height: 34px;line-height: 34px}
.listTbl_top .ad_tit02:after {top: 13px;}
.listTbl_top .align {position: relative;display: block;overflow: hidden;height: 34px;}
.listTbl_top .align select {float: left;width: 150px;margin: 0 2px}
.listTbl_top .btn {height: 32px;padding: 0 20px !important;margin: 0 2px}

.total {display: inline-block;}
.total .la {display: inline-block;font-size: 21px;line-height: 37px;vertical-align: top}
.total .num {display: inline-block;color: #fc9700;letter-spacing: 0;}

/*목록리스트*/
.listTbl {position: relative;display: block;font-size: 13px;}
.listTbl table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 1px solid #ccc;}
.listTbl th, .listTbl td {border: 1px solid #ccc;word-wrap: break-word;}
.listTbl th {padding: 7px 5px;}
.listTbl td {padding: 5px 3px;}
.listTbl td {text-align: center;}
.listTbl thead th {color: #333;background: #fff;border-bottom: 2px solid #ccc;font-weight: 600}
.listTbl tr:nth-child(odd) td {background: #f3f6f8;}
.listTbl .c {text-align: center}
.listTbl .l {text-align: left;padding: 5px 7px}
.listTbl .r {text-align: right}

/*폼*/
.writeTbl {position: relative;display: block;}
.writeTbl table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;/*border-top: 1px solid #ccc;*/}
.writeTbl th, .writeTbl td {/*border: 1px solid #ccc*/;word-wrap: break-word;padding: 7px 10px}
.writeTbl td {text-align: left;}
.writeTbl th {font-weight: 600;color: #333;/*background: #f6f6f6*/;text-align: center}
.writeTbl .radio label, .writeTbl .checkbox label {line-height: 18px}

.board-pass{width:90%;max-width: 400px;margin:0 auto; background:#f7f7f7; border:1px solid #d8dbe2;padding: 50px 30px;text-align:center;}
.board-pass .btxt{font-size:23px;color: #333;padding-bottom:10px; line-height:110%}
.board-pass .stxt{font-size:14px;padding-bottom:20px;}
.board-pass input[type='password']{ max-width: 200px;}

.write_agree {position: relative;display: block;overflow: hidden;padding: 10px;height: 250px;overflow-y: scroll;background: #fafafa;border: 1px solid #ddd;border-radius: 10px;font-size: 15px}
.chek_div {display: block;text-align: center;margin: 10px 0}

/*리스트*/
.boardLst {position: relative;display: block;}
.boardLst table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 2px solid #fc9700;}
.boardLst thead th {color: #333;background: #f6f6f6;border-bottom: 1px solid #ccc;font-weight: 600}
.boardLst th, .boardLst td {padding: 10px;border-bottom: 1px solid #ccc;word-wrap: break-word;font-size: 15px}
.boardLst td {text-align: center;}
.boardLst a {display: block;color: #333;}
.boardLst a:hover {text-decoration: underline;color: #fc9700}
.boardLst .la-bell, .boardLst .la-file {font-size: 18px}
.boardLst .la-bell {color: #fc9700}
.boardLst tr.notice {background: #f8f4eb;}
.boardLst .title {display: inline-block;}
.boardLst .title:hover {text-decoration: underline}
.boardLst .c {text-align: center}
.boardLst .l {text-align: left;padding: 5px 15px}
.boardLst .r {text-align: right}
.boardLst .board_file {position: relative;display: inline-block;vertical-align: top;margin: 1px 0;width: 16px;text-align: center}
.boardLst .board_file .txt {display: none;position: absolute;bottom: 27px;left: 50%;width: 120px;height: auto;margin-left: -75px;padding: 5px 15px;border-radius: 5px;background: rgba(0,0,0,0.75);color: #fff;font-size: 11px;letter-spacing: 0}
.boardLst .board_file .txt:after {position: absolute;bottom: -10px;left: 50%;margin-left: -5px;content: "";display:block; width:0; height:0; border-style:solid; border-width:5px;border-color: rgba(0,0,0,0.75) transparent transparent transparent;}
.boardLst .board_file:hover .txt {display: block}

/*포토리스트*/
.photoLst {position: relative;display: block;border-top: 2px solid #ccc;overflow: hidden;padding: 10px;margin-top: 20px;}
.photoLst ul {overflow: hidden}
.photoLst li {float: left;width: calc(25% - 20px);margin: 10px;overflow: hidden;/*border: 1px solid #ccc;*/box-sizing: border-box}
.photoLst li a {display: block;color: #333;}
.photoLst li .zoomImg {position: relative;display: block;width: 100%;height: 240px;overflow: hidden}
.photoLst li .zoomImg img {width: 100%;height: 100%;}
.photoLst li .zoomImg:after, .photoLst li .zoomImg:before {-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.photoLst li .zoomImg:after {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.7);content: "";z-index: 0}
.photoLst li .zoomImg:before {opacity: 0;position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;text-align: center;line-height: 50px;content: "\f2c3";color: #fff;font-size: 50px;font-weight: 100;font-family: lineawesome !important;z-index: 1}
.photoLst li .txtBox {position: relative;display: block;padding: 15px;}
.photoLst li .txtBox .title {display: block;width: 100%;color: #333;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 130%}
.photoLst li .txtBox .date {display: block;color: #888;font-size: 13px;margin-top: 5px}
.photoLst li a:hover .zoomImg:after, .photoLst li a:hover .zoomImg:before {opacity: 1;}
.photoLst li a:hover .title {color: #fc9700}

/*뉴스*/
.newsLst {position: relative;display: block;/*border-top: 2px solid #ccc;*/overflow: hidden;margin-top: 20px;}
.newsLst ul {overflow: hidden}
.newsLst li {position: relative;display: block;overflow: hidden;box-sizing: border-box;padding: 15px 15px 15px 240px;min-height: 160px;border-bottom: 1px solid #e3e3e3}
.newsLst li a {display: block;color: #333;}
.newsLst li .zoomImg {position: absolute;display: block;top: 15px;left: 15px;max-width: 200px;max-height: 142px;overflow: hidden}
.newsLst li .zoomImg img {width: 100%;/*height: 100%;*/}
.newsLst li .txtBox {position: relative;display: block;}
.newsLst li .txtBox .title {display: block;width: 100%;color: #333;font-size: 17px;font-weight: 600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 130%;margin-bottom: 10px}
.newsLst li .txtBox .txt {display: block;color: #666;font-size: 14px;line-height: 160%}
.newsLst li .txtBox .date {display: block;color: #888;font-size: 13px;margin-top: 5px}
.newsLst li a:hover .title {color: #fc9700}


/*게시판 뷰*/
.boardViw {position: relative;display: block;border-top: 2px solid #ccc;}
.boardViw_top {position: relative;display: block;overflow: hidden;}
.boardViw_top .boardViw_title {position: relative;display: block;padding: 15px 30px;border-bottom: 1px solid #ccc;font-size: 16px;color: #333;font-weight: 600;line-height: 120%;background: #f6f6f6}
.boardViw_top .boardViw_info {position: relative;display: block;padding: 15px 30px;border-bottom: 1px solid #ccc;font-size: 14px}
.boardViw_top .boardViw_info ul {overflow: hidden}
.boardViw_top .boardViw_info li {float: left;color: #777;margin-right: 25px;}
.boardViw_top .boardViw_info li:last-child {margin-right: 0}
.boardViw_top .boardViw_info li .title {position: relative;display: inline-block;margin-right: 15px;line-height: 22px;color: #333}
.boardViw_top .boardViw_info li .title:after {position: absolute;top: 50%;right: -8px;width: 1px;height: 12px;margin-top: -5px;background: #ccc;content: "";z-index: 0}

.boardViw_file {position: relative;display: block;background: #f3f6f8;padding: 13px 30px 13px 120px;font-size: 14px}
.boardViw_file .title {position: absolute;top: 15px;left: 30px;width: 80px;line-height: 22px;color: #333}
.boardViw_file ul {display: block;overflow: hidden}
.boardViw_file li {display: block;margin: 2px 20px 2px 0;float: left;}
.boardViw_file li:last-child {margin-right: 0}
.boardViw_file li a {display: inline-block;line-height: 22px;font-size: 13px;color: #666}
.boardViw_file li a .la {font-size: 15px;vertical-align: middle}
.boardViw_file li a:hover {text-decoration: underline}

.boardViw_cont {position: relative;display: block;padding: 30px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;line-height: 160%}
.boardViw_cont img {max-width: 100%;}

/*댓글*/
.board_comment {position: relative;display: block;padding: 30px;overflow: hidden}
.comment_title {position: relative;display: block;margin-bottom: 10px;line-height: 30px;}
.comment_title .title {float: left;margin-right: 10px;}
.comment_title .title b {position: relative;font-weight: 600;font-size: 16px;color: #fc9700;cursor: pointer;display: inline-block;line-height: 30px;}
.comment_title .title:hover .comment_policy {display: block}
.comment_title .title .comment_policy {display: none;position: absolute;top: 32px;left: 0;width: 600px;height: auto;border: 1px solid #ddd;border-radius: 5px;padding: 20px;background: #fff;z-index: 50}
.comment_title .title .comment_policy b {font-size: 15px;color: #333;}
.comment_inputBox {position: relative;display: block;overflow: hidden;padding-right: 150px;}
.comment_inputBox textarea {width: 100%;box-sizing: border-box;padding: 15px;height: 72px !important}
.comment_inputBox .comment_btn {position: absolute;top: 0;right: 0;width: 140px;height: 72px;background: #fc9700;border-radius: 5px;line-height: 72px;color: #fff;font-size: 20px;text-align: center}
.comment_list {position: relative;display: block;overflow: hidden;}
.comment_list ul {display: block;overflow: hidden;}
.comment_list li {position: relative;padding: 15px 15px 15px 70px;min-height: 50px;border-bottom: 1px solid #ccc}
.comment_list li div {display: block;}
.comment_list li .icon {position: absolute;top: 50%;left: 15px;width: 40px;height: 40px;margin-top: -20px;text-align: center;line-height: 40px;border-radius: 50%;font-size: 16px;background: #f3f6f8}
.comment_list li .name, .comment_list li .date {font-size: 13px;letter-spacing: -0.03em;color: #888;display: inline-block;margin-right: 7px;height: 20px;line-height: 20px}
.comment_list li .text {margin: 10px 0;color: #333}
.comment_list li .del {position: absolute;bottom: 15px;right: 15px;}
.comment_list li .del a {display: inline-block;}
.comment_list li .del a:hover{text-decoration: underline}

/*댓글 (관리자에서 쓰는거랑 같은거)*/
.cmentContArea.boardComment {padding: 0;border: none;border-top: 1px solid #666 !important;padding-top: 30px;}
.cmentContArea .cment-title {display: block;font-size: 20px;font-weight: 600;color: #222;letter-spacing: -1px}
.cmentContArea .cment-title span {color: #11b2c5}
.cmentContArea .wri-box {position: relative;display: block;margin: 15px 0;z-index: 10}
.cmentContArea .wri-cont {display: block;border: 1px solid #ddd;background: #fff;}
.cmentContArea .wri-cont .textfield {position: relative;display: block;padding: 15px;}
.cmentContArea .wri-cont .userImg {position: absolute;top: 15px;left: 15px;width: 50px;height: 50px;overflow: hidden;border-radius: 50%;}
.cmentContArea .wri-cont .userImg img {width: 50px;height: 50px;}
.cmentContArea .wri-cont .name {display: block;font-weight: 600;color: #222;padding-left: 5px}
.cmentContArea .wri-cont textarea {display: block;width: 98%;border: none;height: 50px;color: #888;margin: 10px 0;overflow-y: auto;overflow-x: hidden;background: #f6f6f6}
.cmentContArea .wri-count {display: block;border-top: 1px solid #ddd;text-align: right;padding-right: 120px;line-height: 40px}
.cmentContArea a.cment-btn {position: absolute;display: block;bottom: 1px;right: 0;line-height: 40px;width: 100px;color: #fff;text-align: center;background: #3e4858;z-index: 100}
.cmentContArea a.cment-btn:hover {background: #3e4549}

.cmentLst-box {position: relative;display: block}
.cmentLst {position: relative;display: block;z-index: 10}
.cmentLst .cmentLst-li {position: relative;display: block;border-bottom: 1px solid #ddd;}
.cment-item {position: relative;display: block;padding: 15px;}
.cment-item .userImg {position: absolute;top: 15px;left: 5px;width: 50px;height: 50px;overflow: hidden;border-radius: 50%;}
.cment-item .userImg img {width: 50px;height: 50px;}
.cment-item .cment-nick {display: block;font-weight: 600;color: #222}
.cment-item .cment-contents {position: relative;display: block;color: #666;margin: 5px 0;font-size: 13px;line-height: 150%;letter-spacing: 0}
.cment-item .modi {position: relative;display: block;padding-right: 60px;}
.cment-item .modi textarea {display: block;width: 99%;border: 1px solid #ddd;background: #fbfbfb;height: 50px;color: #888;margin: 10px 0;overflow-y: auto;overflow-x: hidden}
.cment-item .modi a {display: block;position: absolute;top: 0;right: 0;width: 50px;height: 55px;text-align: center;line-height: 55px;color: #fff;background: #777}

.cment-item .cment-info {position: relative;display: block;overflow: hidden;font-size: 13px;line-height: 20px;}
.cment-item .cment-info .date {position: relative;float: left;color: #999;}

.cment-item .re-cment-btn {display: block;margin-top: 10px;}
.cment-item .re-cment-btn a.reCment-open {display: inline-block;line-height: 30px;padding: 0 10px;color: #333;border: 1px solid #ddd;font-size: 13px}
.cment-item .re-cment-btn a.reCment-open b {display: inline-block;margin-left: 3px}
.cment-item .re-cment-btn a.reCment-open:hover {background: #f8f8f8;border: 1px solid #666}

.cment-item .optBtn {display: inline-block;position: absolute;top: 15px;right: 0;}
.cment-item .optBtn li {position: relative;float: left;margin-right: 7px;padding-right: 7px}
.cment-item .optBtn li:after {position: absolute;display: block;top: 50%;right: 0;margin-top: -5px;background: #bcc4cc;width: 1px;height: 10px;content: "";}
.cment-item .optBtn li:last-child {margin-right: 0;padding-right: 0}
.cment-item .optBtn li:last-child:after {display: none}
.cment-item .optBtn li a {display: block;color: #888}
.cment-item .optBtn li a:hover {text-decoration: underline}

.cment-reply-area {position: relative;display: block;border-top: 1px solid #ddd;background: #fbfbfb;padding: 0 20px;}
.cment-reply-area .cmentLst-li {padding-left: 22px;}
.cment-reply-area .cmentLst-li:after {position: absolute;top: 15px;left: 0;display: block;content: "";background: url('/static/images/board/view-sprite.png') no-repeat -92px -94px;width: 20px;height: 20px;z-index: 10}
.cment-reply-area .wri-box {padding-left: 22px;margin-bottom: 25px;}
.cment-reply-area .wri-box:after {position: absolute;top: 0;left: 0;display: block;content: "";background: url('/static/images/board/view-sprite.png') no-repeat -92px -94px;width: 20px;height: 20px;z-index: 10}

a#reCment-close {position: relative;display: block;width: 100%;line-height: 40px;text-align: center}
a#reCment-close:after {position: absolute;top: -1px;left:-20px;width: 718px;background: #ededed;height: 40px;border-top: 1px solid #ddd;content: "";z-index: 1}
.boardComment a#reCment-close:after {position: absolute;top: -1px;left: -20px;width: 1260px;background: #ededed;height: 40px;border-top: 1px solid #ddd;content: "";z-index: 1}
a#reCment-close span {display: inline-block;padding-right: 10px;position: relative;z-index: 10}
a#reCment-close span:after {position: absolute;top: -1px;right: 0;content: "x";}

.cment-more {display: block;text-align: center;margin-top: 20px}
.cment-more a {display: inline-block;border: 1px solid #ddd;line-height: 40px;width: 150px;text-align: center;}
.cment-more a:hover {background: #f8f8f8;border: 1px solid #666}

/*답변*/
.board_answer {position: relative;display: block;padding: 30px;overflow: hidden;border-bottom: 1px solid #ccc}
.answer_inputBox {position: relative;display: block;overflow: hidden;padding-right: 150px;margin-bottom: 30px}
.answer_inputBox textarea {width: 100%;box-sizing: border-box;padding: 15px;height: 80px}
.answer_inputBox .comment_btn {position: absolute;top: 0;right: 0;width: 140px;height: 80px;background: #fc9700;border-radius: 5px;line-height: 80px;color: #fff;font-size: 20px;text-align: center}
.answer_content {position: relative;display: block;overflow: hidden;padding-left: 120px}
.answer_content .iconBox {position: absolute;top: 0;left: 0;width: 100px;text-align: center;}
.answer_content .iconBox .icon  {position: relative;display: inline-block;width: 60px;height: 60px;text-align: center;line-height: 60px;border-radius: 50%;font-size: 20px;background: #3d4960;color: #fff}
.answer_content .iconBox .txt {display: block;margin-top: 10px;font-size: 15px;}
.answer_content .cont {position: relative;display: block;border-radius: 5px;background: #e7edf1;padding: 30px;line-height: 160%}
.answer_content .cont:after  {position: absolute;top: 15px;left: -20px;content: "";display:block; width:0; height:0; border-style:solid; border-width:10px;border-color:  transparent #e7edf1 transparent transparent;}

.no_data {position: relative;display: block;padding: 30px 0;text-align: center;overflow: hidden;clear: both;}
.no_data .icon {display: inline-block;width: 80px;height: 80px;text-align: center;line-height: 80px;border-radius: 50%;font-size: 35px;background: #f3f6f8}
.no_data .txt {display: block;margin-top: 15px;}

/*페이징*/
.pagination {font-size: 0;text-align: center;margin-top: 25px}
.pagination li {display: inline-block;vertical-align: top;}
.pagination li a {position: relative;display: block;width: 30px;height: 35px;font-size: 13px;border: 1px solid #ccc;line-height: 35px;color: #313a46;background: #fff;border-radius: 5px;margin: 0 2px}
.pagination li a:hover {background: #e3eaef}
.pagination li a.active {border: 1px solid #fc9700;background: #fc9700;color: #fff;}

.pagination li.first a, .pagination li a.first,
.pagination li.last a, .pagination li a.last,
.pagination li.prev a, .pagination li a.prev,
.pagination li.next a, .pagination li a.next {text-indent: -9999px}

.pagination li.first a:after, .pagination li a.first:after,
.pagination li.last a:after, .pagination li a.last:after,
.pagination li.prev a:after, .pagination li a.prev:after,
.pagination li.next a:after, .pagination li a.next:after {position: absolute;top: 0;left: 0;width: 30px;height: 35px;line-height: 35px;text-indent: 0;font-family: lineawesome !important;font-size: 15px}

.pagination li.first a:after, .pagination li a.first:after {content: "\f10d"}
.pagination li.last a:after, .pagination li a.last:after {content: "\f10e"}
.pagination li.prev a:after, .pagination li a.prev:after {content: "\f111"}
.pagination li.next a:after, .pagination li a.next:after {content: "\f112"}

/*줌*/
.zoomImg {
    border-radius: 10px;
}
.zoomImg img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s;

}

a:hover .zoomImg img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

/*.btn {  padding: 5px 15px; }
.btn_round {border-radius: 3px;}

.bh_sm {padding: 3px 8px;}
.bh_lg {padding: 7px 20px;}*/

.video-block iframe {width: 100%;height: 700px}

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

    .cont_search_wrap {text-align: center}
    .cont_search_wrap .form_group {display: inline-block}
    .cont_search_wrap .btn {padding: 5px 8px 4px}

    .form_group {display: flex;}
    .form_group.fr {}
    .group_btn li {float: left;}

    .total {display: none;}

    /*리스트*/
    .boardLst .m-none {display: none}
    .boardLst .m-date {width: 100px}

    /*게시판 뷰*/
    .boardViw_top .boardViw_title {padding: 15px 10px;font-size: 15px}
    .boardViw_top .boardViw_info {padding: 10px;}
    .boardViw_top .boardViw_info li {margin-right: 10px;font-size: 13px}

    .boardViw_file {padding: 10px 15px 10px 80px;font-size: 13px}
    .boardViw_file .title {left: 10px;width: 60px;}

    .boardViw_cont {padding: 15px 0;font-size: 13px}

    .photoLst li {width: calc(33.33% - 10px);margin: 5px;}
    .photoLst li .zoomImg {height: 170px;}

    .video-block iframe {width: 100%;height: 500px}

}

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

    .boardLst th, .boardLst td {font-size: 14px}

    .newsLst li {padding: 10px 10px 10px 180px;min-height: 120px}
    .newsLst li .zoomImg {top: 10px;left: 10px;width: 150px;height: 98px;}
    .newsLst li .txtBox .title {font-size: 16px;margin-bottom: 5px}
    .newsLst li .txtBox .txt {font-size: 13px;}
    .newsLst li .txtBox .date {font-size: 12px;}

    .write_agree {font-size: 14px}

}

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


    .form_group {display: block;}
    .cont_search_wrap .form_group {display: block;width: 80%}
    .cont_search_wrap select {width: 100%;margin: 3px 0;box-sizing: border-box;}
    .cont_search_wrap .search_input {width: calc( 95% - 70px);margin: 0 !important;padding: 0;box-sizing: border-box;}
    .cont_search_wrap .btn {width: 70px;margin: 0;box-sizing: border-box;padding: 0;height: 34px;line-height: 34px}

    .writeTbl .msize {width: 80px !important}

    .boardLst {font-size: 13px;}
    .boardLst th, .boardLst td {padding: 10px 5px;line-height: 140%}
    .boardLst .l {padding: 5px 0}

    .photoLst li {width: calc(50% - 10px);}
    .photoLst li .zoomImg {height: 150px;}

    .bh_sm {padding: 3px 8px;}
    .bh_lg {padding: 7px 20px;}

    .boardViw_top .boardViw_info li {margin-right: 7px;font-size: 12px}

    .video-block iframe {width: 100%;height: 400px}
}

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

    .boardLst th, .boardLst td {font-size: 13px}

    .newsLst li {padding: 10px 10px 10px 120px;}
    .newsLst li .zoomImg {width: 90px;height: 59px;}
    .newsLst li .txtBox .title {font-size: 15px;margin-bottom: 5px}
}

@media only screen and (max-width:480px){
    .writeTbl th, .writeTbl td {font-size: 13px}

    .video-block iframe {width: 100%;height: 300px}

    .write_agree {font-size: 13px}
}


@media only screen and (max-width:420px){
    .bh_sm {padding: 3px 8px;}
    .bh_lg {padding: 7px 20px;}

    .newsLst li {padding: 10px;min-height: 20px}
    .newsLst li .zoomImg {display: none;position: relative;top: 0;left: 0;width: 100%;height: 150px;margin-bottom: 15px}
    .newsLst li .txtBox .title {font-size: 15px;margin-bottom: 5px}

}
@media only screen and (max-width:400px){
    .photoLst li {width: 100%;margin: 5px 0}
    .photoLst li .zoomImg {height: 130px;}
}



/*FAQ*/
.fold-wrap {border: 1px solid #ddd;text-align: center;font-size: 14px;}
.fold-wrap .view {display: block;padding: 20px 0;}
.fold-wrap .view .arr {background: url('/2021/static/images/board/folds_open.svg') no-repeat 0 0;background-size: 20%;display: inline-block;width: 36px;height: 35px;vertical-align: middle;margin-left: 17px;transform: all .5s ease;transition: background .3s;}
.fold-wrap .view.over .arr {background: url('/2021/static/images/board/folds_close.svg') no-repeat 0 0;background-size: 20%;transform: all .5s ease;transition: background .3s;}
.fold-wrap .fold-cont {overflow: hidden;height: 0;background: #f7f7f6;}
.fold-wrap .fold-cont .cont-wrap {padding: 10px 0;}
.foldings-wrap {border-top: 1px solid #333;border-bottom: 1px solid #999;}
.foldings-list {position: relative;width: 100%;overflow: hidden}
.foldings-list > li {border-top: 1px solid #ddd;overflow: hidden;}
.foldings-list > li:first-child {border-top: 0;}
.foldings-contents {font-size: 15px}
.foldings-list .foldings-in-wrap a { position: relative;display:block;background: url('/2021/static/images/board/folds_open.svg') no-repeat 98% center;padding: 20px 80px 20px 52px;cursor: pointer;line-height: 22px;
    transform: all .5s ease;transition: background .3s;color: #666}
.foldings-list .foldings-in-wrap a .num {color: #777;font-size: 14px;padding-right: 25px;}
.foldings-list .foldings-in-wrap a .question {position: absolute;top: 50%;left: 20px;margin-top: -12px;display: inline-block;float: left;color: #fff;font-size: 15px;background: #73b52d;width: 25px;height: 25px;
    border-radius: 50%;overflow: hidden;text-align: center;line-height: 25px;font-weight: normal;margin-right: 5px}
.foldings-list .foldings-in-cont {position: relative;display: none;overflow: hidden;background: #f7f7f6;padding: 30px 60px 30px 80px;border-top: 1px solid #ddd;line-height: 160%}
.foldings-list .foldings-in-cont  .answer {position: absolute;top: 30px;left: 45px;display: inline-block;float: left;color: #fff;font-size: 15px;background: #fc9700;width: 25px;height: 25px;
    border-radius: 50%;overflow: hidden;text-align: center;line-height: 22px;font-weight: normal;}
.foldings-list .over a .num {color: #333;}
.foldings-list .over .foldings-in-cont {display: block;}
.foldings-list .over .foldings-in-wrap a {background: url('/2021/static/images/board/folds_close.svg') no-repeat 98% center;transform: all .5s ease;transition: background .3s;}

.foldings-list li.nodata  {position: relative;display: block;padding: 50px 0;text-align: center;font-size: 16px}

@media only screen and (max-width:860px){
    .fold-wrap {font-size: 13px;}
    .foldings-list .foldings-in-wrap a { padding: 15px 60px 15px 40px;line-height:18px;font-size: 13px;}
    .foldings-list .foldings-in-wrap a .num {color: #777;font-size: 13px;padding-right: 25px;}
    .foldings-list .foldings-in-wrap a .question {left: 5px;}
    .foldings-list .foldings-in-cont {padding: 20px 40px 20px 40px;font-size: 13px}
    .foldings-list .foldings-in-cont  .answer {top: 20px;left: 10px;}

    .foldings-list li.nodata  {padding: 30px 0;font-size: 13px}
}