@charset "utf-8";
/*
	sub page
*/

/* board - type1 */
.board .lst_tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; width: 100%;}
.board .lst_tit .page_notice {font-size: 1.4rem;}
.board .lst_tit .page_notice .page_num {font-size: 1.3rem; font-weight: 900;}
.board .lst_tit .srch_box {display: flex; align-items: center;}
.board .lst_tit .srch_box > select {width: 100px; height: 4rem; padding: 1rem; box-sizing: border-box; border: 1px solid #dee2e6; border-right: none; background: url('../images/ico/navi_arrow.png') no-repeat 90% center / 10px 5px; font-size: 1.2rem;}
.board .lst_tit .srch_box > select > option {font-size: 1.2rem;}
.board .lst_tit .srch_box > select > option {font-size: 1.2rem;}
.board .lst_tit .srch_box > input {width: 200px; height: 4rem; padding: 1rem; box-sizing: border-box; border: 1px solid #dee2e6;}
.board .lst_tit .srch_box .btn_srch {position: initial; width: 4rem; height: 4rem; padding: 1rem; background: #f5f5f5 url('../images/ico/ico_search.png') no-repeat center center / 50%; border: 1px solid #dee2e6; box-sizing: border-box;}
.board .brd_img_list {width: 100%;}
.board .brd_img_list ul {display: table; table-layout: fixed; width: 100%;}
.board .brd_img_list ul li {display: inline-block; vertical-align: top; width: 23.87%; margin: 0 0 2.5rem 0; padding-right: 1.5%;}
.board .brd_img_list ul li:nth-of-type(4n) {padding-right: 0;}
@-moz-document url-prefix() {
  .board .brd_img_list ul li {
		padding-right: 1.1%;
	}
	.board .brd_img_list ul li:nth-of-type(4n) {padding-right: 0;}
}
.board .brd_img_list ul li.empty {width: 100%; text-align: center; padding-top: 7rem; margin: 3rem 0 0 0; background: url('../images/ico/ico_empty_mark.png') no-repeat center top / 5.5rem 5.5rem; font-size: 1.5rem; font-weight: 500;}
a.vod_thumbs {position: relative; width: 100%; height: 100%; overflow: hidden; padding-bottom: 56.26%; display: block; width: 100%;}
a.vod_thumbs video {display: inline-block; width: 100%; border-radius: 1rem;}
a.vod_thumbs img {position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 1rem;}
a.btn_vod {display: block;}
.board .brd_img_list ul li a.btn_vod .vod_tit_box {width: 100%; padding-top: 1.5rem;}
.board .brd_img_list ul li a.btn_vod .vod_tit_box span.tit_sort {overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; color:#00ABEA; padding-bottom: 1rem;}
.board .brd_img_list ul li a.btn_vod .vod_tit_box span.vod_tit {overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 1.5rem; color:#252525; font-weight: 400;}

/* board default list */
.board table.board_tbl {table-layout: fixed; width: 100%; border-top: 2px solid #171717;}
.board .board_tbl thead {width: 100%;}
.board .board_tbl thead th {border-bottom: 1px solid #171717; padding: 20px 5px; font-size: 1.5rem; font-weight: 500;}
.board .board_tbl tbody {width: 100%; text-align: center;}
.board .board_tbl tbody {width:100%; text-align: center;}
.board .board_tbl tbody tr:hover {background: #f9f9f9;}
.board .board_tbl tbody tr.board_noti td {font-weight: 700;}
.board .board_tbl tbody td {width: 100%; border-bottom: 1px solid #ccc; padding: 20px 5px; font-size: 1.5rem; line-height: 1.6rem; font-weight: 400; vertical-align: middle;}
.board .board_tbl tbody td a {color: #171717;}
.board .ico_new {display: inline-block; width: 12px; height: 12px; background: url('../images/ico/ico_new.png') no-repeat center center / cover; margin-left: 0.4rem; text-indent: -9999px;}
.board .ico_attach {display: inline-block; width: 12px; height: 12px; background: url('../images/ico/ico_attach.png') no-repeat center center / cover; margin-left: 0.5rem; text-indent: -9999px;}
.board .ico_lock {display: inline-block; width: 13px; height: 13px; background: url('../images/ico/ico_lock.png') no-repeat center center / cover; margin-left: 0.5rem; text-indent: -9999px;}
.board .btn_add_list {display: flex; justify-content: flex-end; margin-top: 1.5rem;}
.board .btn_add_list .btn_writing {height: 45px; line-height: 45px; background-color: #1785f2; border: 1px solid #1785f2;}
.board .board_tbl tbody tr:hover td.board_empty {background: #fff; cursor: default;}


/* board_news_list */
.board .board_news {width: 100%;}
.board .board_news ul {width: 100%;}
.board .board_news ul li {display: table;table-layout: fixed;  border-bottom: 1px solid #dee2e6;}
.board .board_news ul li:first-child {border-top: 1px solid #dee2e6;}
.board .board_news ul li > div,
.board .board_news ul li > dl {display: table-cell;vertical-align: middle;}
.board .board_news ul li > dl {vertical-align: top;}
.board .board_news ul li .img_box {width: 15%; min-width: 200px; padding: 15px; border-right: 1px solid #dee2e6;}
.board .board_news ul li .img_box .img_link {display: inline-block; width: 100%; height: 215px; background-color: #f5f5f5;}
.board .board_news ul li .img_box .img_link img {display: inline-block; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.board .board_news ul li .content_box {padding: 25px 20px;}
.board .board_news ul li .content_box dt {width: 100%; margin-bottom: 10px;}
.board .board_news ul li .content_box dt .link {font-size: 1.6rem; line-height: 2rem; font-weight: 400;}
.board .board_news ul li.board_noti .content_box dt .link {font-weight: 700;}
.board span.txt,
.board span.num,
.board .board_news .content_box .content p{position: relative; display: inline-block; font-size: 1.5rem; line-height: 2.2rem; color: #868686; margin: 0 2rem 0rem 0; font-weight: 400;}
.board span.txt:after,
.board span.num:after {content: ''; position: absolute; right: -10px; top: 3px; width: 1px; height: 15px; background-color: #ccc;}
.board .board_news ul li .content_box dd span.num:last-child:after,
.board .board_blog li span.num:last-child:after,
.board span.num:last-child:after {display: none;}
.board .board_news ul li .content_box dd.content {padding-top:20px; margin-top: 20px; border-top: 1px dashed #ccc;}

/* board_gallery_list */
.board .board_gallery {width: 100%;}
.board .board_gallery > ul {display: table; table-layout: fixed; box-sizing: border-box; width: 100%;}
.board .board_gallery > ul > li {display: inline-block; vertical-align:top; width: 24%; box-sizing: border-box; margin: 0 0.5% 3rem; transition: 0.4s;}
@-moz-document url-prefix() { /* 파이어폭스 */
	.board .board_gallery > ul > li {width: 24%; margin: 0 0.4%;}
}
.board .board_gallery > ul > li > a {display: inline-block;}
.board .board_gallery > ul > li > a > p {width: 100%; height: 187px; background-color: #f5f5f5;}
.board_gallery > ul > li > a > p > img {display: inline-block; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.board .board_gallery > ul > li > a > div {padding: 2rem 1rem; box-sizing: border-box; color: #171717;}
.board .board_gallery > ul > li > a > div > span {height: 37px; font-size: 1.5rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px;}
.board .board_gallery > ul > li.board_noti > a > div > span {font-weight: 700;}
.board .board_gallery > ul > li > a > div > ul {width: 100%; border-top: 1px solid #ededed; padding-top: 10px;}
.board .board_gallery > ul > li > a > div > ul > li {width: 100%; font-size: 1.5rem; line-height: 1.8rem; font-weight: 400; color: #777; padding: 2.5px 0;}
.board .thumb_info {color: #171717;}
.board .board_gallery > ul > li:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

/* board_blog */
.board_blog .content_box .link { font-weight: 500;}
.board_blog .list_box {border-bottom: 2px solid #777;}
.board_blog .content_box .info {margin-bottom: 20px;}
.board .board_blog .list_box{display:table;width:100%;border-bottom:1px solid #dee2e6;}
.board .board_blog .list_box:first-child {border-top: 2px solid #dee2e6;}
.board .board_blog .content_box{display:table-cell;position:relative;padding:25px 20px;vertical-align:top;}
.board .board_blog .content_box > p {width: 80%;}
.board .board_blog .content_box .link{font-size:1.5rem; line-height: 2rem; color:#171717;}
.board .board_blog .content_box .info{margin-top:5px;line-height:1.4em;font-size:1.5em;color:#8d8d8d;}
.board .board_blog .content_box .info .line{display:inline-block;margin:0 4px 0 6px;margin-top:-2px;width:1px;height:14px;vertical-align:middle;background:#cccccc}
.board .board_blog .content_box .btn_box{position:absolute;left:20px;bottom:30px}
.board .board_blog .content_box .btn_box .btn_tab{display:block;float:left;margin-left:-1px;width:98px;height:36px;line-height:34px;text-align:center;font-size:1.5em;color:#333;border:1px solid #c8c8c8;background:#f0f0f0}
.board .board_blog .content_box .btn_box .btn_tab .list{display:inline-block;margin-top:-2px;width:30px;height:30px;vertical-align:middle;background:url("../img/icon/report_list.png") no-repeat center center}
.board .board_blog .content_box .btn_box .btn_tab .summary{display:inline-block;margin-top:-2px;width:30px;height:30px;vertical-align:middle;background:url("../img/icon/report_summary.png") no-repeat center center}
.board .board_blog .content_box .content{margin-top:20px;padding-top:20px;border-top:1px dashed #ccc}
.board .board_blog .content_box .content p{line-height:1.6em;font-size:1.5em;color:#8d8d8d}
.board .board_blog .comment_num {font-weight: 700;}
.board .total_reply_num {display: inline-block; margin-left: 5px; font-size: 1.5rem;}
.board .board_blog .m_hidden {padding: 1rem 0 2rem;}
.p_photo {width: 100%; margin-bottom: 2rem;}
.p_photo > a {display: inline-block; width: 100%;}
.p_photo > a > img {display: inline-block; max-width: 100%;}
.p_photo > img {display: inline-block; width: 100%;}

/* 댓글 작성 */
.board .comment_box {padding: 20px 0 0;}
.board .comment_box .comment_wrap > a {position: relative; display: block; width: 82px; height: 20px; border: 1px solid #171717; border-radius: 2px; padding: 5px 5px 5px 20px; margin-bottom: 15px; line-height: 20px; font-size: 1.4rem; color:#171717;}
.board .comment_box .comment_wrap > a:after {content: ''; position: absolute; right: 11px; top: 6px; display: inline-block; width: 20px; height: 20px; background: url('../images/ico/ico_arrow_down.png') no-repeat center center / 80%;}
.board .comment_box .comment_wrap.active > a:after {transform:rotate(180deg);}
.board .comment_list_area { display: none; padding: 20px 20px 25px; background-color: #f1f1f1;}
.board .comment_box .comment_wrap.active .comment_list_area {display: block;}
.board .comment_list_area form {display: flex; justify-content: space-between; width: 100%;}
.board .area_write {width: 89%; display: flex; flex-direction: column;}
.board .area_write > textarea {display: block; width: 100%; height: 80px; padding: 10px; border:1px solid #ccc; border-radius: 2px; box-sizing: border-box;}
.board .area_write > p {margin: 5px 0; text-align: right; font-size: 1.2rem; color: #444; font-weight: 300;}
.board .txt_num {font-weight: 700;}
.board .btn_add_comment {width: 10%; height: 80px; border-radius: 2px; background-color: #333333; color: #fff; cursor: pointer; border:none;}
.board .list_comment {margin-top: 20px; border-top: 1px solid #ccc;}
.board .list_comment > ul {padding-top: 20px;}
.board .list_comment > ul > li {margin-bottom: 20px; padding-bottom:20px; border-bottom: 1px solid #ccc;}
.board .list_comment > ul > li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.board .list_comment > ul > li .comment_tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.board .list_comment > ul > li .comment_tit > span {font-size: 1.3rem; font-weight: 400; color: #777;}
.board .list_comment > ul > li .comment_tit > span.comment_writer {font-size: 1.4rem; font-weight: 500;color: #171717;}
.board .list_comment > ul > li .comment_cont {font-size: 1.3rem; line-height:2rem; color: #555; padding-bottom:15px;}
.board .list_comment > ul > li:last-child .comment_cont {padding-bottom:0;}
.board .list_comment > ul > li .btns_mod_del {text-align: right; margin-bottom: 2rem;                                              }
.board .list_comment > ul > li .btns_mod_del > a.btn_txt {display: inline-block; margin-right:10px; padding-right: 10px; font-size: 1.2rem; color: #999; text-align: center; border-right: 1px solid #777;}
.board .list_comment > ul > li .btns_mod_del > a.btn_txt:last-child {border-right: none; margin-right: 0; padding-right: 0;}
.board .btn_like {display: flex; align-items: center; justify-content: flex-end; flex-direction: column; position: absolute; right: 20px; top: 21px; width: 25px; height:41px; text-align: center; cursor:pointer;}
.board .board_view .btn_like {top: 12px;}
.board .btn_like_off {background: url('../images/ico/ico_like_off.png') no-repeat center top / 25px 25px;}
.board .btn_like_on {background: url('../images/ico/ico_like_on.png') no-repeat center top / 25px 25px;}
.board .btn_like span.like_num {font-size: 1.3rem; font-weight: 500; color: #171717;}
.board .tit_comment { display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; overflow: hidden; width: 100%; white-space: normal; text-overflow: ellipsis; margin-bottom:10px; font-size: 1.5rem; font-weight: 500; color: #171717; padding: 10px 10px 0 10px;}
.board tfoot .comment_list_area {display: block;}

/* board attach*/
.board .attach_area {display: flex; align-items: flex-start; justify-content: left; width: 100%; border-top: 1px solid #ccc; padding-top: 20px; }
.board .attach_area > span.label {display: block; width: 5%; padding-right: 15px;  font-size: 1.3rem; color: #8d8d8d;}
.board .attach_area > ul.attach {width: 100%; border-left: 1px solid #ccc; padding-left: 15px;}
.board .attach > li {display: flex; align-items: center; width: 100%; padding-bottom: 6px;}
.board .attach > li:last-child {padding-bottom: 0;}
.board .attach > li > a.link {display: flex; justify-content: flex-start; text-align: left;}
.board .attach .link > span {vertical-align: middle; font-size: 1.3rem; line-height: 1.8rem; font-weight: 400; color: #868686;}
.board .attach .link > span.ico_attach_file {display: inline-block; width: 18px; height: 18px;}
.board .attach .link > span.ico_attach_pdf {background: url('../images/ico/ico_p.png') no-repeat center center / cover;}
.board .attach .link > span.ico_attach_excel {background: url('../images/ico/ico_excel.png') no-repeat center center / cover;}
.board .attach .link > span.ico_attach_word {background: url('../images/ico/ico_word.png') no-repeat center center / cover;}
.board .attach .link > span.ico_attach_hwp {background: url('../images/ico/ico_hwp.png') no-repeat center center / cover;}
.board .attach .link > span.ico_attach_ppt {background: url('../images/ico/ico_ppt.png') no-repeat center center / cover;}
.board .attach .link > span.ico_attach_img {background: url('../images/ico/bbs_attach.png') no-repeat center center / 68%;}
.board .attach .link > span.ico_attach_zip {background: url('../images/ico/ico_zip.png') no-repeat center center / 90%;}
.board .attach .link > span.link_tit {display: inline-block; margin-left: 29px;}
.board .attach > li > a.p-button {display: inline-block; width: 125px; margin-left: 10px; padding: 5px; border: 1px solid #a4a6a7; font-size: 1.3rem; text-align: center; line-height: 1.6rem; color: #868686; box-sizing: border-box; font-weight: 400;}
.board .attach > li > a.p-button:hover {border: 1px solid #1097d6; color: #1097d6;}

/* board_faq */
.board .list_wrap li { position:relative; display:block; padding:0; border-bottom:1px solid #dee2e6; cursor:pointer; color: #171717;}
.board .board_faq .attach li {display: flex; align-items: center; width: 100%; border-bottom: none; padding-bottom: 6px; }
.board .list_wrap li .question,
.board .list_wrap li .answer {display: flex; align-items: center; position:relative; padding: 20px 0;}
.board .list_wrap li .answer {display: none; overflow: hidden; color:#171717; line-height:28px; background:#f5f5f5; border-top:1px solid #e4e4e4;}
.board .list_wrap li .answer span.no,
.board .list_wrap li .answer div.txt_q {float: left;}
.board .list_wrap li.q_header {display: flex; align-items: center; padding: 20px 0; border-top: 2px solid #171717; border-bottom: 1px solid #171717;}
.board .list_wrap li.q_header div.txt_q,
.board .list_wrap li.q_header span {text-align: center; font-weight: 700;}
.board .list_wrap li span,
.board .list_wrap li div {font-size: 1.5rem; line-height: 1.9rem;}
.board .list_wrap li span.no {display: inline-block; width: 12%; text-align: center;}
.board .list_wrap li div.txt_q {position: relative; width: 85%; padding-right: 2.5%; box-sizing: border-box;}
.board .list_wrap li .answer span.no {font-weight: 700;}
.board .list_wrap li .question .txt_q:after {content: ''; position: absolute; right: 0; top: 0.4rem; width: 30px; height:16px; background: url('../images/ico/ico_arr_down.png') no-repeat 97% center / 60%; transition: 0.5s;}
.board .list_wrap li.open .txt_q:after {right: 0; top: 0.4rem; transform: rotateX(180deg);}

/* board_list_qna_view */
.board .reply_area {padding: 20px 0; font-size: 1.5rem; line-height: 1.8rem; text-align: center;}
.board .reply_tit {width: 100%; border-top: 2px solid #202020; border-bottom: 1px solid #202020; text-align: left; box-sizing: border-box; background-color: #fff;}
.board .reply_tit ul {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.board .reply_tit ul li {display: flex; align-items: center; justify-content: flex-start; width: 50%; border-right: 1px solid #ccc;}
.board .reply_tit ul li:last-child {border-right: none;}
.board .reply_tit ul li span {display: inline-block; padding: 20px; color: #868686;}
.board .reply_tit ul li span.label {width: 20%; padding: 20px 0; border-right: 1px solid #ccc; text-align: center;}
.board .reply_cont {padding: 25px 10px; text-align: left; font-weight: 300; background-color: #fff;}

/* board_list_QnA_view */
.board .btns {display: inline-block; width: 89px; height: 4rem; line-height: 4rem; text-align: center; font-size: 1.4rem; background: #6D6E70; color: #fff; border-radius: 2px;}
.board .btn_write {background: #ED1A3B;}
.board .btn_mod {border: 1px solid #ED1A3B; background-color: #ED1A3B; color: #fff; margin-right: 0.5rem;}
.board .btn_del {background-color: #fff; color: #6D6E70; border: 1px solid #6D6E70;}
.board .board_view tbody.thead tr:first-child {border-top: 2px solid #444444;}
.board .board_view tbody.thead th:first-child {border-left: 0;}
.board .board_view tbody.thead th,
.board .board_view tbody.thead td {padding: 20px 10px; text-align: center; font-size: 1.5rem; line-height: 1.8rem; color: #868686; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; vertical-align: middle;}
.board .board_view tbody.thead .title {position: relative; padding-left: 20px; text-align: left; font-size: 1.8rem; color: #020202;}
.board .board_view tbody.thead td.day,
.board .board_view tbody.thead td.writer,
.board .board_view tbody.thead td.view {text-align: left; padding-left: 20px;}
.board .board_view tbody:last-child td {border-bottom: 1px solid #ccc;}
.board .board_view tfoot .btn_box {padding: 30px 0;}
.board .board_view tfoot .btn_box .left_box {float: left;}
.board .board_view tfoot .btn_box .right_box {float: right;}
.board .board_view tfoot .btn_box .btn_prev,
.board .board_view tfoot .btn_box .btn_next {float: left; margin-right: 5px; width: 80px;}
.board .board_view tfoot .btn_box .btn_next {background-color: #00636a; border: 1px solid #00636A;}
.board .btn_white {color: #333333; border-color: #d1d6d8; background: #f4f8fa;}
.board .relate_box {width: 100%; padding: 30px 0 0;}
.board .relate_box .relate_box_tit {font-size: 1.7rem; font-weight: 500; color: #171717;}
.board .relate_box ul {display: table; table-layout: fixed; margin-top: 2.5rem; width: 100%; box-sizing: border-box;}
.board .relate_box ul li {display: inline-block; width:16%; margin-right: 0.8rem; border: 1px solid #ededed; box-sizing: border-box;}
.board .relate_box ul li:last-child {margin-right: 0;}
.board .relate_box ul li.board_empty {border: 0;}
.board .relate_box ul li a {display: inline-block; width: 100%;}
.board .relate_box ul li img {display: inline-block; width: 100%; height: 140px; object-fit: contain; object-position: center center; background-color: #ededed;}
.board .relate_box_info {width: 100%; padding: 10px 0;}
.board .relate_box_info > p,
.board .relate_box_info > span {height: 31px; overflow: hidden; margin-bottom: 10px; padding: 0 5px; font-size: 1.5rem; color: #020202; font-weight: 400; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box;}
.board .relate_box_info > p:last-child {height: auto; border-top: 1px solid #ccc; padding-top: 10px; font-size: 1.3rem; font-weight: 300;}
.board .relate_box_info > span {display: inline-block;}
.board .relate_box_info .label_box,
.board .relate_box_info > span {height: auto; margin-bottom: 5px; font-size: 1.3rem;}
.board .relate_box_info .label_box .label,
.board .relate_box_info > span {color:#999;}
.board .board_view .view_area {min-height: 300px; padding: 20px 50px 50px 50px; line-height:2rem; font-size:1.5rem; color:#828282;}
.board .board_view .view_area a {word-break: break-all;}
.resultTit {text-indent: -9999px;}

.board .board_view .view_area p > a {color: #096D5F;}
.board .board_view .view_area p > span {color: #096D5F;}
.board .board_view .view_area p.p_photo > a {display: inline-block; width: 100%;}
.board .board_view .view_area p.p_photo > a > img {display: inline-block; max-width: 100%;}
.reply_qna {color: #3f3f3f; font-weight: 500;}
.reply_qna.comp {color: #008042;}

/* 게시판 - 쓰기 */
.board .tbl_write_form {display: flex; align-items: center; flex-direction: column;}
.board .tbl_write {width: 100%; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; margin: 0 auto;}
.board .tbl_write tr {width: 100%; border-bottom: 1px solid #dee2e6; }
.board .tbl_write th,
.board .tbl_write td {width: 10%; padding: 1rem; border-right: 1px solid #dee2e6; font-size: 1.5rem; color: #171717; font-weight: 500; vertical-align: middle; box-sizing: border-box;}
.board .tbl_write td {width: 90%; border-right: none;}
.board .tbl_write td input.inp_write[type="text"],
.board .tbl_write td input.inp_file[type="text"],
.board .tbl_write td textarea.inp_write{display: inline-block; width: 100%; padding: 1rem; border: 1px solid #171717; box-sizing: border-box;}
.board .tbl_write th {background-color: #f1f1f1;}
.board .tbl_write td textarea {height: 144px;}
.board .tbl_write td input.inp_file[type="text"] {width: 76%; margin-right: 1%;}
.board .tbl_write td .upload_file {display: inline-block; width: 23%; padding: 1rem; box-sizing: border-box; background-color: #171717; border: 1px solid #171717; text-align: center; color: #fff; cursor: pointer;}
.board .btn_write_area {margin: 5rem 0 2rem;}
.board .btn_write_area .btn_write {width: 11rem; height: 4rem; font-size: 1.4rem; background-color: #fff; border: none; font-weight: 700; color: #6D6E70; margin-right: 0.5rem; border: 2px solid #6D6E70; border-radius: 2px;}
.board .btn_write_area .btn_add_form {background-color: #ED1A3B; border: 1px solid #ED1A3B; color: #fff; margin-right: 0;}
.board .tbl_write td {display: flex; align-items: flex-start; justify-content: flex-start;}
.board .tbl_write tr:last-child td {flex-direction: column;}
.board .tbl_write td > p {margin-right: 1.5rem;}
.board .tbl_write td > p input[type="radio"] {appearance: none;}
.board .tbl_write td > p input[type="radio"] + label {display: inline-block; padding-left: 20px; background: url(../images/ico/ico_radio_b_off.png) no-repeat left center / 14px; font-weight: 500; cursor: pointer;}
.board .tbl_write td > p input[type="radio"]:checked + label {background: url(../images/ico/ico_radio_b_on.png) no-repeat left center / 15px;}
.board .tbl_write td ul li input[type="checkbox"] {display: none;}
.board .tbl_write td ul li input[type="checkbox"] + label {position: relative; padding-left: 2.5rem; z-index: 10; cursor: pointer; font-size: 1.3rem; color: #252525;}
.board .tbl_write td ul li input[type="checkbox"] + label:before {content:''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 1px solid #252525; background: url('../images/ico/ico_chk_g.png') no-repeat center center / 80%;}
.board .tbl_write td ul li input[type="checkbox"]:checked + label:before {background: #252525 url('../images/ico/ico_chk_w.png') no-repeat center center / 80%;}
.board .tbl_write td .file_box {width: 100%; padding: 2rem; box-sizing: border-box; background: #f1f1f1; text-align: center;}
.board .tbl_write td .file_box .f_box_info {position: relative; display: block; margin-bottom: 0.5rem; padding-top: 3.5rem; box-sizing: border-box; font-weight: 500;}
.board .tbl_write td .file_box .f_box_info:before {content: ''; position: absolute; left: 50%; top: 0; width: 25px; height: 25px; background: url('../images/ico/ico_file.png') no-repeat center center / cover; transform: translateX(-50%);}
.board .tbl_write td .file_box .f_box_info .f_box_info_num {font-weight: 400;}
.board .tbl_write td .file_box .f_box_sub_info {font-size: 1.4rem; color: #585555; font-weight: 300;}
.board .tbl_write td .file_list {width: 100%;}
.board .tbl_write td .file_list .file_list_area {width: 100%; display: table; table-layout: fixed; box-sizing: border-box; padding-top: 2rem; border-top: 1px solid #dee2e6; margin: 2rem 0;}
.board .tbl_write td .file_list .file_list_area li {position: relative; display: inline-block; vertical-align: top; width: 24%; margin: 0 0.5%; padding: 1.5rem 0; box-sizing: border-box;}
.board .tbl_write td .file_list .file_list_area li .f_area {display: flex; justify-content: flex-start; width: 90%;}
.board .tbl_write td .file_list .file_list_area li .f_area > .f_txt {width: 100%; padding-left: 2.5rem; box-sizing: border-box;}
.board .tbl_write td .file_list .file_list_area li .f_area > .f_txt span {display: inline-block;}
.board .tbl_write td .file_list .file_list_area li .f_area > .f_txt .f_tit {padding: 0 0.5rem 0.5rem; box-sizing: border-box; word-break: break-all; font-size: 1.4rem; line-height: 1.8rem;}
.board .tbl_write td .file_list .file_list_area li .f_area > .f_txt span.f_size {font-size: 1.2rem; font-weight: 400; color: #868686;}
.board .tbl_write td .file_list .file_list_area li a {position: absolute; right: 0; top: 1.5rem; width: 10%;}
.board .tbl_write td .file_list .file_list_area li a img {display: inline-block; width: 12px;}
.board .tbl_write td .file_list .file_list_area li .f_area span.ico_attach_file {display: inline-block; width: 20px; height: 20px;}
.board .tbl_write td .file_list .file_list_area li .f_area span.ico_attach_file {background: url('../images/ico/ico_p.png') no-repeat center center / cover;}
.board .tbl_write td .file_list .file_list_area li .f_area span.ico_attach_excel {background: url('../images/ico/ico_excel.png') no-repeat center center / cover;}
.board .tbl_write td .file_list .file_list_area li .f_area span.ico_attach_word {background: url('../images/ico/ico_word.png') no-repeat center center / cover;}
.board .tbl_write td .file_list .file_list_area li .f_area span.ico_attach_hwp {background: url('../images/ico/ico_hwp.png') no-repeat center center / cover;}
.board .tbl_write td .file_list .file_list_area li .f_area span.ico_attach_ppt {background: url('../images/ico/ico_ppt.png') no-repeat center center / cover;}
.board .tbl_write td .file_list .file_list_area li .f_area span.ico_attach_img {background: url('../images/ico/ico_attach_f.png') no-repeat center center / cover;}
.board .tbl_write td .file_list .file_list_area li .f_area span.ico_attach_zip {background: url('../images/ico/ico_zip.png') no-repeat center center / 90%;}
.board .tbl_write td .file_box .f_box_info br {display: none;}
@-moz-document url-prefix() { /* 파이어폭스 */
	.board .tbl_write td .file_list .file_list_area li {
		width: 24%;
		margin: 0 0.3%;
	}
}

/* pagination */
.board .paging_mobile {display: none !important;}
.board .board_pagination {width: 100%; margin: 3rem 0 2rem;}
.board .board_paging {display: flex; align-items: center; justify-content: center;}
.board .board_paging li {margin: 0 0.6rem; vertical-align: middle;}
.board .board_paging li:nth-of-type(2) {margin-right: 2rem;}
.board .board_paging li:nth-of-type(13) {margin-left: 2rem;}
.board .board_paging li a {display: table-cell; width: 23px; height: 32px; text-align: center; font-size: 1.5rem; font-weight: 700; color: #727272; vertical-align: middle; line-height: 32px;}
.board .board_paging li a.btn_first {background: url('../images/ico/ico_page_first.png') no-repeat center center / 10px; border: 1px solid #252525; text-indent: -9999px;}
.board .board_paging li a.btn_last {background: url('../images/ico/ico_page_last.png') no-repeat center center / 10px; border: 1px solid #252525; text-indent: -9999px;}
.board .board_paging li a.btn_prev {background: url('../images/ico/ico_page_prev.png') no-repeat center center / 7px; border: 1px solid #252525; text-indent: -9999px;}
.board .board_paging li a.btn_next {background: url('../images/ico/ico_page_next.png') no-repeat center center / 7px; border: 1px solid #252525; text-indent: -9999px;}
.board .board_paging li a.active {border-bottom: 2px solid #252525; color: #252525; font-weight: 900;}
.board .board_paging li:nth-of-type(2) {margin-right: 2.5rem;}
.board .board_paging li:nth-last-of-type(2) {margin-left: 2.5rem;}
.board .board_paging li:nth-of-type(1) a,
.board .board_paging li:nth-of-type(2) a,
.board .board_paging li:nth-last-of-type(2) a,
.board .board_paging li:nth-last-of-type(1) a {width: 28px; height: 28px;}

/* comment pagination */
.board .comment_pagination .board_paging li {margin: 0 0.4rem; vertical-align: middle;}
.board .comment_pagination .board_paging li a {display:inline-block; width: 29px; height: 29px; font-size: 1.3rem; line-height: 2.8rem; border: none; color: #868686; border-radius: 100%;}
.board .comment_pagination .board_paging li a.active {background-color: #868686; border-radius: 100%; color: #fff;}
.board .comment_pagination .board_paging li a.btn_first {background: url('../images/ico/ico_first_c.png') no-repeat center center / 15px 15px;}
.board .comment_pagination .board_paging li a.btn_last {background: url('../images/ico/ico_last_c.png') no-repeat center center / 15px 15px;}
.board .comment_pagination .board_paging li a.btn_prev {background: url('../images/ico/ico_prev_c.png') no-repeat center center / 13px 13px;}
.board .comment_pagination .board_paging li a.btn_next {background: url('../images/ico/ico_next_c.png') no-repeat center center / 13px 13px;}

/* 공통사항 */
.board .board_news ul li .img_box .img_link img.img_empty,
.board_gallery > ul > li > a > p > img.img_empty {object-fit: cover;}
.board_empty,
.board .board_gallery > ul > li.board_empty,
.board .board_news ul li.board_empty,
.board .list_wrap li.board_empty {width: 100%; text-align: center; padding: 2rem 0; font-size: 1.5rem; font-weight: 500; box-shadow: unset; border-bottom: none; border-top: none;}
.board .board_noti {font-weight: 700;}

/* 분류 체크박스 */
.sorting_area {position: relative; width: 100%; box-sizing: border-box; border-top: 2px solid #252525;}
.sorting_area .sorting_box {position: relative; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 2rem 0; box-sizing: border-box;}
.sorting_area .sorting_box p.s_list_tit {width: 13%; padding-top: 1rem; box-sizing: border-box; font-size: 1.9rem; font-weight: 700; text-align: center;}
.sorting_area .sorting_box ul.s_inp_list {display: table; width: 87%;}
.sorting_area .sorting_box ul.s_inp_list li {position: relative; display: inline-block; margin: 1rem 5rem 1rem 0;}
.sorting_area .sorting_box ul.s_inp_list li input[type="checkbox"] {appearance: none; overflow: hidden; position: absolute; left: -2px; top: -2px; width: 16px; height: 16px; background: transparent;}
.sorting_area .sorting_box ul.s_inp_list li input[type="checkbox"] + label {position: relative; display: inline-block; padding: 0 0rem 0 2.5rem; font-size: 1.5rem; font-weight: 700; line-height: 1.9rem; cursor: pointer;}
.sorting_area .sorting_box ul.s_inp_list li input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top: 0; display: inline-block; width: 17px; height: 17px; border: 1px solid #252525;}
.sorting_area .sorting_box ul.s_inp_list input[type="checkbox"]:checked + label:before {background: #ed1a3b url('../images/ico/ico_chk_w.png') no-repeat center center / 12px; border: 1px solid #ed1a3b;}

.tab_area {max-width: 1200px; padding: 5rem 0.5rem 0; box-sizing : border-box; margin: 0 auto;}
.tab_area ul {display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; border-bottom: 1px solid #1097d6;}
.tab_area ul li {flex: 1;}
.tab_area ul li a {display: block; height: 59px; border: 1px solid #ddd; border-left: none; border-bottom: none; font-size: 1.6rem; color: #868686;  font-weight: 500; line-height: 59px; text-align: center;}
.tab_area ul li:first-child a {border-left: 1px solid #ddd;}
.tab_area ul li a.tab_on {position: relative; height: 58px; border-color: #1097d6; border-top-width: 2px; border-bottom: 1px solid #fff; line-height: 57px; color:#1097d6;}
.tab_area ul li a.tab_on:before {content: ''; position: absolute; left: -1px; top: -2px; width: 1px; height: 100%; background: #1097d6; border-top: 3px solid #1097d6;}

.sourceCodeTab {display: none; }
.strTit > table {border: 1px solid #dee2e6;}
.strTit > table tr {background: #f5f5f5; vertical-align: middle;}
.strTit > table td {padding: 2rem; box-sizing: border-box;}

/* 반응형 */
@media all and (max-width:1200px) {
	/* 게시판 쓰기 */
	.board .tbl_write td .file_list .file_list_area li {width: 32%;}
}

@media all and (max-width:1024px) {
	/* board - type1 */
	.board .brd_img_list ul li {width: 49%; padding-right: 2%;}
	.board .brd_img_list ul li:nth-of-type(2n) {padding-right: 0;}
	@-moz-document url-prefix() {
		.board .brd_img_list ul li {
			padding-right: 1%;
		}
		.board .brd_img_list ul li:nth-of-type(2n) {padding-right: 0;}
	}

	/* board_news_list */
	.board .board_news ul li .content_box {padding: 20px 15px;}
	.board .board_news ul li .content_box dt {margin-bottom: 7px;}
	.board .board_news ul li .content_box dt .link {font-size: 1.4rem;}
	.board .board_news ul li .content_box dd {font-size: 1.3rem; line-height: 2rem;}
	.board .board_news ul li .content_box dd.content {padding-top: 10px; margin-top: 10px;}
	.board .board_news ul li .attach_box {width: 15%;}
	.board .board_news ul li .content_box dd span:after {top: 3px;}

	/* board_gallery_list */
	.board .board_gallery > ul > li {width: 48%; height: 20%; min-height: 20%; padding-top: 10px; margin: 0 1%;}
	@-moz-document url-prefix() { /* 파이어폭스 */
		.board .board_gallery > ul > li {margin: 0 0.9%;}
	}

	/* 게시판 쓰기 */
	.board .tbl_write td .file_list .file_list_area li {width: 49%;}

	/* pagination */
	.board .board_paging li a {width: 29px; height: 29px; font-size: 1.4rem; line-height: 29px;}
}

@media all and (max-width:900px) {
	/* board_empty */
	.board_empty,
	.board .list_wrap li.board_empty,
	.board .board_news ul li.board_empty,
	.board .board_gallery > ul > li.board_empty {font-size: 1.3rem;}

		/* board_gallery_list */
	@-moz-document url-prefix() { /* 파이어폭스 */
		.board .board_gallery > ul > li,
		.board .tbl_write td .file_list .file_list_area li {margin: 0 0.8%;}
	}

	/* board_blog */
	.board .board_blog .content_box {padding: 25px 10px;}
	.board .comment_box .comment_wrap > a {line-height: 22px;}

	/* board_write */
	.board .board_view .view_area {padding: 2rem;}
	/* 게시판 쓰기 */
	.board .tbl_write td .file_list .file_list_area li {width: 100%; padding-bottom: 0;}
	.board .tbl_write td .file_box .f_box_info {font-size: 1.3rem; line-height: 1.6rem;}
	.board .tbl_write td .file_box .f_box_info br {display: block;}
	.board .tbl_write td .file_box .f_box_sub_info {font-size: 1.2rem;}

}

@media all and (max-width:768px) {
	/* board - type1 */
	.board .lst_tit .page_notice {font-size: 1.3rem;}
	.board .lst_tit .page_notice .page_num {font-size: 1.2rem;}
	.board .lst_tit .srch_box > select {width: 7rem; height: 3rem; padding: 0.5rem; font-size: 1.1rem;}
	.board .lst_tit .srch_box > input {width: 150px; height: 3rem; padding: 0.5rem;}
	.board .lst_tit .srch_box > input::placeholder {font-size: 1.1rem;}
	.board .lst_tit .srch_box .btn_srch {width: 3rem; height: 3rem; padding: 0.5rem;}
	.board .brd_img_list ul li {margin-bottom: 1.8rem;}
	.board .brd_img_list ul li a.btn_vod .vod_tit_box {padding-top: 1rem;}
	.board .brd_img_list ul li a.btn_vod .vod_tit_box span.tit_sort {font-size: 1.2rem; padding-bottom: 0.5rem;}
	.board .brd_img_list ul li a.btn_vod .vod_tit_box span.vod_tit {font-size: 1.3rem; line-height: 1.6rem;}
	.board .brd_img_list ul li.empty {padding-top: 6rem; margin: 2rem 0 0 0; background-size: 4.5rem 4.5rem; font-size: 1.3rem;}

	/* board default list */
	.board .m_hidden {display: none !important;}
	.board .pc_hidden {display: block !important;}
	.board .paging_mobile {display: flex !important;}
	.board .board_tit {padding-bottom: 1.5rem;}
	.board .board_tit > p {font-size: 1.2rem;}
	.board .board_tit > p > span {margin-left: 5px;}
	.board .board_search > form > select {width: 7.6rem; height: 3.8rem; margin-right: 0; font-size: 1.2rem; border-right: 0; padding: 0 5px; background: url('../images/ico/ico_select_arr.png') no-repeat 97% center / 9px;}
	.board .board_search > form > input {width: 9rem; height: 3.8rem; margin-right: 0; padding: 5px;}
	.board .btn_board_search {width: 3.8rem; height: 3.8rem; text-indent: -9999px; background:#ededed url('../images/ico/ico_search.png') no-repeat center center / 55%;}
	.board .board_tbl tbody td {font-size: 1.2rem; font-weight: 500; padding: 10px 2.5px;}
	.board .board_tbl tbody td.board_empty {padding: 2rem 0;}
	.board .board_tbl tbody td.txt_left {padding-right: 10px;}
	.board .board_info {margin-top: 5px;}
	.board .board_info > span {color: #171717; font-weight: 400; padding-left: 2rem;}
	.board .board_info > span.writer {position: relative; background:url('../images/ico/ico_person_g.png') no-repeat left center / 14px; font-size: 1.2rem; line-height: 1.8rem;}
	.board .board_info > span.writer:after,
	.board .board_info > span.date:after{display: none;}

	/* 작성자, view, date 수정 */
	.board span.num {display: block; background: url('../images/ico/ico_eyes_g.png') no-repeat left 0px / 16px; margin-left: 0; }
	.board span.date {background: url('../images/ico/ico_date_g.png') no-repeat left 0 / 15px; margin-left: 0; padding: 0 1rem 0 2rem; }
	.board span.sort {position: relative; background: url('../images/ico/ico_sorting.png') no-repeat left 2px / 11px; padding: 0 1rem 0 1.8rem; margin-right: 0.5rem;}
	.board span.sort:after {content: '';	position: absolute; right: 0; top: 2px; width: 1px; height: 12px; background-color: #ccc;}
	.board .board_tbl span.num {margin-left: 5px; display: inline-block; background-position: 2px;}
	.board .board_news .content_box .content p{margin-top: 1rem;}
	.board .board_news ul li .content_box dd.content > p { margin-top: 0;}
	.board .board_blog .board_info {margin: 1rem 0 1rem;}
	.board .board_blog .board_info span:last-child {margin-bottom: 0;}
	.board span.txt, .board span.num, .board .board_news .content_box .content p {font-size: 1.2rem; line-height: 1.8rem;}
	.board .board_tbl span.num:before {content: '';	position: absolute; left: -5px; top: 2px; width: 1px; height: 12px; background-color: #ccc;}
	.board .board_gallery > ul > li > a > div > ul > li {margin-bottom: 0.5rem;}
	.board .thumb_info_writer {background: url('../images/ico/ico_person_g.png') no-repeat left 0 / 17px; padding-left: 2rem;}
	.board .thumb_info_date {background: url('../images/ico/ico_date_g.png') no-repeat left 0 / 15px; padding-left: 2rem;}
	.board .thumb_info_view {background: url('../images/ico/ico_eyes_g.png') no-repeat left 0 / 17px; padding-left: 2rem;}

	.board .board_view tfoot .btn_box .right_box .btns {width: 60px; height: 38px; line-height: 38px;}
	.board .area_write {width: 100%;}
	.board .btn_add_list {margin-top: 0.5rem;}
	.board .btn_add_list .btn_writing {width: 58px; background: #1785f2 url('../images/ico/ico_pen.png') no-repeat center 7px / 26px; height: 58px; line-height: 87px; font-size: 1.2rem;}
	.attach_area > span.label {width: 16%; padding-right: 10px;}
	.board .board_tbl tbody {border-top: 2px solid #171717;}

	/* board_news_list */
	.board .board_news ul li .img_box {width: 38%; min-width: 110px; padding: 5px 5px;}
	.board .board_news ul li .img_box .img_link {height: 150px;}
	.board .board_news ul li .content_box {padding: 15px;}
	.board .board_news ul li .content_box dt .link {font-size: 1.3rem; line-height: 1.6rem;}
	.board .board_news ul li .content_box dd {font-size: 1.2rem; line-height: 1.7rem;}
	.board .board_news ul li .content_box dd span {display: block;  margin-left: 0;}
	.board .board_info > span.txt {margin-left: 5px; background:url('../images/ico/ico_eyes_g.png') no-repeat left center / 15px;}
	.board .board_news ul li .content_box dd span:after {display: none;}
	.board .board_news ul li .attach_box a {background-size: 54%;}
	.board .board_news ul li .content_box dd.content {padding-top: 8px;}
	.board .board_news ul li .content_box dd.content > p {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis;}

	/* board_gallery_list */
	.board .board_gallery > ul > li > a > div {padding-top: 10px;}
	.board .board_gallery > ul > li > a > div > span {height: 32px; font-size: 1.2rem; line-height: 1.5rem;}
	.board .board_gallery > ul > li > a > div > ul {padding-top: 5px;}
	.board .board_gallery > ul > li > a > div > ul > li {font-size: 1.2rem; line-height: 1.5rem; padding: 1px 0;}

	/* board_blog */
	.board .comment_list_area form {flex-direction: column;}

	.board .comment_pagination .board_paging li {margin: 0;}
	.board .comment_pagination .board_paging li a {width: 25px; height: 25px; line-height: 2.8rem;}
	.board .board_paging li a {width: 25px; height: 25px; font-size: 1.3rem; line-height: 24px;}
	.board .btn_add_comment {width: 100%; height: 30px;}
	.board .list_comment > ul > li .comment_cont {padding-bottom: 5px;}
	.board .btn_like span.like_num {display: inline-block; padding-left: 2.5rem;}

	/* faq */
	.board .list_wrap li .question .txt_q:after {top: 50%; transform: translateY(-50%);}
	.board .list_wrap li.open .txt_q:after {transform: rotateX(-180deg) translateY(50%);}
	.board .list_wrap li div.txt_q {padding-right: 9.5%; font-size: 1.4rem;}
	.board .list_wrap li .answer span.no {width: 100%; text-align: left; padding-lefT: 1rem;}
	.board .list_wrap li .answer div.txt_q {width: 100%; padding: 0 1rem; margin-top: 2rem;}

	/* board - 쓰기 */
	.board .tbl_write {width: 100%;}
	.board .tbl_write th, .board .tbl_write td {padding: 0.7rem; font-size: 1.3rem;}
	.board .tbl_write th {width: 20%;}
	.board .btn_write_area {margin-top: 3rem;}
	.board .tbl_write td .file_box .f_box_info {font-size: 1.2rem;}
	.board .tbl_write td ul li {margin-right: 0.5rem;}
	.board .btn_write_area .btn_write {width: 9rem; height: 4rem; font-size: 1.3rem;}

	/* board attach */
	.board .attach > li,
	.board .board_faq .attach li {flex-direction: column; align-items: flex-start; padding-bottom:15px;}
	.board .attach > li > a.link {min-width: auto; width: 100%;}
	.board .attach > li > a.p-button {margin: 0.4rem 0 0 0;}
	.board .attach .link > span.link_tit {margin-left: 25px;}
	.board .attach_area > span.label {width: 13%; padding-right: 10px;}

	/* pagination */
	.board .board_pagination {margin: 2rem 0 0;}
	.board .m_hidden {display: none !important;}
	.board .paging_mobile {display: flex !important;}
	.board .comment_pagination .board_paging li {margin: 0;}
	.board .comment_pagination .board_paging li a {width: 25px; height: 25px; line-height: 2.5rem;}
	.board .board_paging li a {width: 25px; height: 25px; font-size: 1.3rem; line-height: 24px;}

	/* 분류 체크박스 */
	.sorting_area .sorting_box {padding: 1rem 0;}
	.sorting_area .sorting_box p.s_list_tit {width: 19%; font-size: 1.4rem;}
	.sorting_area .sorting_box ul.s_inp_list {width: 81%;}
	.sorting_area .sorting_box ul.s_inp_list li {margin: 0.7rem 3rem 0 0;}
	.sorting_area .sorting_box ul.s_inp_list li input[type="checkbox"] + label {font-size: 1.2rem; padding: 0 1.5rem 1rem 2.5rem; background-size: 16px 16px; background-position: 1.2rem center;}

	/* 이벤트참여내역 테이블 */
	.my_event_tbl .tbl_tit {text-align: left !important;}
	.my_event_tbl .tbl_tit .sorting {border-right: 1px solid #252525; padding: 0 1rem 0 1.5rem; margin-right: 1rem; background: url('../images/ico/ico_sorting.png') no-repeat left center / 10px;}
	.my_event_tbl .tbl_tit .period {background: url('../images/ico/ico_period.png') no-repeat left center / 12px; padding-left: 1.6rem;}

}
@media all and (max-width:455px) {
	/* board - type1 */
	.board .lst_tit {flex-direction: column; align-items: flex-start;}
	.board .lst_tit .page_notice {font-size: 1.3rem; margin-bottom: 1rem;}
	.board .lst_tit .srch_box {width: 100%;}
	.board .lst_tit .srch_box > select {width: 20%;}
	.board .lst_tit .srch_box > input {width: 67%;}
	.board .lst_tit .srch_box .btn_srch {width: 13%;}
}