/*게시판검색폼*/
.board_search{ background:#fafafa; padding:15px; border:#ddd solid 1px;  margin:20px 0; }
.board_search .cate_check{ margin-bottom:8px; text-align: center }
.board_search .cate_check label{ margin:3px 2px; }

/*게시판검색폼 작업 - 김지아 240221*/
.board_search .board_sch_row{position:relative; display:flex; flex-wrap:wrap; justify-content: center; min-width: 60%; margin:0 auto; }
.board_search .board_sch_row select{border-radius: 3px; border: 1px solid #979797; height: 40px;}
/*끝*/

.board_search .select_wrap{ position:relative; margin-bottom:5px; width:100%; }
.board_search .select_wrap:after{ position:absolute; right:12px; top:50%; transform: translateY(-50%); display:block; content:" "; }
.board_search .select_wrap select{ padding-right:32px; border-radius: 3px; -webkit-appearance:none; height:40px; }
.board_search select::-ms-expand{ display:none }

/*게시판 검색 폼 작업 - 김지아 240221*/
.board_search .board_sch_txt{width:25%; border-radius: 3px; padding:0 15px; height:40px; color:#979797; border:#979797 solid 1px; }
.board_search .board_sch_txt.add_w{ width:60%; }
.board_search .board_sch_btn{  width:18%; border-radius: 3px; height:40px; margin-left:2%; background:#454545; color:#fff; border:0; cursor: pointer}
/*끝*/

.board_search .board_sch_reset{  width:18%; border-radius: 3px; height:40px; margin-left:2%; background:#3F8ADF; color:#fff; border:0; cursor: pointer}

/*글로벌검색폼 작업 - 김지아*/
.board_sch_row .global {width:100%; display: flex; justify-content: center;}
.board_sch_row .global .board_wrap {position:relative; width:100%;}
.board_sch_row .global .board_search .board_sch_btn {margin-left:0;}
.board_sch_row .global .board_search .board_sch_txt {width:100% !important;}
.board_sch_row .global .display_list {position: absolute; top:49px; left:0; width:100% !important; max-height: 500px; overflow-y: auto; text-align: left; font-size:1rem; background-color: #fff;border:1px solid #333; padding: 10px; z-index: 99;}
/*끝*/

/*카테고리*/
.board_cate{ padding:15px 0; }
.board_cate ul{ display:flex; }
.board_cate ul li{ margin-right:2px; }
.board_cate ul li a{ display:block; border:#ddd solid 1px; border-radius: 5px; color:#454545; padding:10px; text-align: center; font-weight:500; }
.board_cate ul li.active a,.board_cate ul li:hover a{ color:#ff8800; border:#ff8800 solid 1px; }
.cate_text_wrap{ margin:20px 0; }
.cate_text_wrap input[type="radio"] + label{ padding:0; background:none; width:30px; height:30px; margin:3px; color:#979797; border:#ddd solid 1px; display:inline-flex; justify-content: center; align-items: center; border-radius: 5px; }
.cate_text_wrap input[type="radio"]:checked + label{ background:#ff8800; color:#fff; border:#ff8800 solid 1px;  }
.cate_text_wrap2{ margin:20px 0; }
.cate_text_wrap2 input[type="radio"] + label{ padding:5px; background:none; height:30px; margin:3px; color:#979797; border:#ddd solid 1px; display:inline-flex; justify-content: center; align-items: center; border-radius: 5px; }
.cate_text_wrap2 input[type="radio"]:checked + label{ background:#ff8800; color:#fff; border:#ff8800 solid 1px;  }

/*게시판목록*/
.num_sort{ display:flex; justify-content: space-between; align-items: center; border-bottom:#ddd solid 1px; margin-bottom:20px; }
.num_sort ul { display:inline-flex; padding-bottom:15px; }
.num_sort ul li{ margin-left:10px; }
.num_sort ul li a{ display:block; font-weight:500; }
.num_sort ul li.active a{ color:#ff8800; }

.total_num{ display:inline-block; padding:0 0 15px 0; color:#1b1b1b; font-weight:500;  }
.total_num span{ color:#ff8800; font-weight:bold; }
.red{ color:#f00; font-style: normal }

/*게시판 테이블 수정 - 김지아*/
.board_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#3C5584 solid 2px; word-break: keep-all; line-height: 1.2; table-layout: fixed}
.board_table th { font-size:14px; font-weight:500; padding:13px 5px; border-bottom:#ddd solid 1px; color:#454545; background-color:#F7F7F7; vertical-align:middle; }
.board_table td { font-size:14px; color:#676767; padding:13px 5px; border-bottom:#ddd solid 1px; vertical-align:middle; word-break:keep-all; text-align: center; }
.board_table td a{ text-decoration:none; color:#676767; display:block; width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
/*끝*/

.board_table td.subject a {display: block;}
.board_table td.subject .state{ display:inline-block; padding:5px 10px; color:#fff; vertical-align: 0; margin-right:10px; font-size:14px; border-radius: 5px; }
.board_table td.subject .state.end{ background:#f5f5f5; color:#000; }
.board_table td.subject .state.ing{ background:#314baa; color:#fff; }
.board_table td.file a{ display:inline-block; }
.board_table td.file a img{ width:17px; }
.board_table td.no_data{ padding:50px 0; border:#ccc solid 1px; text-align:center;}
.board_table td.no_data span{ display:block; text-align: center; margin-bottom:10px; }
.board_table tr.fullrow{ display:block; background:#f1f1f1; }
.board_table td.full{ display:none; width:100%; text-align: left; padding:20px; border-bottom:#ddd solid 1px; }
.board_table td.state span{ display:inline-block; width:100%; padding:7px 10px; border-radius: 20px;  }
.board_table td.state .state01{ background:#fff; color:#454545;  border:#ddd solid 1px; }
.board_table td.state .state02{ background:#3F8ADF; color:#fff; border:0 }
.board_table td.state .state03{ background:#FC8181; color:#fff; border:0 }

.board_table td.full > div{ padding:0 0 0 40px; background-position:left top; background-repeat: no-repeat; background-size:30px; }
.board_table td .quest{ background-image: url(../images/sub/icon_q.svg); margin-bottom:20px; }
.board_table td .ans{ background-image: url(../images/sub/icon_a.svg); }

.board_table .no_border { border-right-style: none; }
.board_table .td_center { text-align:center }
.board_table .td_right { text-align:right }
.board_table .td_left { text-align:left }

.board_table .num,.board_table .cate,.board_table .writer,.board_table .file,.board_table .hit{ display:none; }
.board_table .subject{ width:auto; }
.board_table .date{ width:30%; }
.board_table .state{ width:20%; }

.board_table.qna_table{ table-layout:fixed; }

/*게시판 웹진 리스트 작업 - 김지아*/
.board_table.webzine_list td {padding:25px 10px;}
.board_table.webzine_list td.subject a {display: block; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.3rem; font-weight: 500; color:#333;}
.board_table.webzine_list td.subject a:hover {text-decoration: underline; color:#000;}
.board_table.webzine_list td.subject .inform {margin:10px 0;}
.board_table.webzine_list td.subject .inform ul li {display:block; margin-left:10px; width:auto; color:#3F8ADF; font-size: 18px;}
.board_table.webzine_list td.subject .inform ul li:first-child {margin-left:0;}
.board_table.webzine_list td.subject .inform ul li:before {content: ""; display: inline-block; width:1px; height:12px; background: #005bc2; margin-right:10px; vertical-align:-1px; opacity: .4;}
.board_table.webzine_list td.subject .inform ul li:first-child:before {display: none;}
.board_list_wrap .no_data {margin:50px 0; color:#666;}
.board_list_wrap .no_data i {display: block; font-size:2.5rem; color:#ccc; margin-bottom:20px;}
/*끝*/


/*게시판글쓰기(테이블)*/
.board_write .wauto{ width:auto; }
.board_write .w30{ width:29%; }
.board_write .w50{ width:49%; }
.board_write .dash{ display:inline-block; width:20px; line-height: 40px; vertical-align: middle; text-align: center; }
.board_write .exp{ font-size:14px; color:#666; margin-top:5px; }
.board_write .lh40{ line-height: 40px; }

.board_write{  border-top:#232323 solid 2px; }
.board_write .write_row{ position:relative; clear:both; border-bottom:#ccc solid 1px; padding:15px 10px; }
.board_write .write_row:after{ display:block; content:""; clear:both}
.board_write .write_row input[type="file"]{ display:block; margin-bottom:5px; }
.board_write .write_row .row{ margin-bottom:5px; }
.board_write .write_row .row:last-child{ margin-bottom:0; }
.board_write .title{ position:relative; display:block; text-align:left; font-weight:500;  margin-bottom:10px; font-size:16px; color:#333 }
.board_write .btn_func{ line-height: 40px;  height:40px;  background:#f1f1f1; color:#000; padding:0 20px; border:0; border-radius: 5px; vertical-align: middle; font-size:16px; }

.board_write .file_row{ position:relative; padding:5px 0; line-height:normal; margin-bottom:5px}
.board_write .file_row .file_input_text{ float:left; width:75%;}
.board_write .file_row .input_file_hidden{ position:absolute; left:75%; top:5px; width:25%; height:38px; font-size:33px; padding:0; opacity:0; cursor:pointer}
.board_write .file_row .input_btn{ float:left; width:25%; height:40px; background:#f6f6f6; border:#939393 solid 1px; border-radius:2px;  cursor:pointer }

.board_write .form .btn_add{ background:#fff; border:#435bbf solid 1px; border-radius:2px; padding:8px 10px;  margin-top:6px; font-size:12px; color:#435bbf; cursor:pointer}
.board_write .form .btn_del{ background:#fff; border:#ff6565 solid 1px; border-radius:2px; padding:8px 10px; font-size:12px;  margin-top:6px; color:#ff6565; cursor:pointer}
.board_write .btn_add_file{ position:absolute; right:0; top:0; }
.board_write .btn_del_file{ position:absolute; right:0; top:0; }

.board_write .input_date{ background:url(../images/sub/calendar-alt-light.svg) 95% center no-repeat; background-size:16px; }
.board_write .input_time{ background:url(../images/sub/clock-light.svg) 95% center no-repeat; background-size:16px; }

.check_list{ display:flex;  width:100%; flex-wrap: wrap }
.check_list li{ width:25%; margin:3px 0; }

.file_wrap{ position:relative; overflow:hidden; margin-bottom:10px; clear:both }
.file_wrap:last-child{ margin-bottom:0; }
.file_wrap .btn_file{ position:absolute; right:0; top:0; width:100px; background:#232323; height:40px; line-height:40px; border-top-right-radius: 5px;   border-bottom-right-radius: 5px; text-align: center; color:#fff; font-size:14px; z-index:0;}
.file_wrap .no_visible{ opacity:0; position:absolute; right:0; top:0; margin:0; height:40px; width:100px; z-index:10; cursor:pointer}

.del_file{ display:inline-block; background:#f0f0f0; padding:3px 5px 5px; color:#000; font-size:14px; border-radius: 5px; margin:0 0 5px 0;   }
.del_file i{ margin:0 5px; }
.del_file a{ display:inline-block; font-size:16px; margin-left:5px;  }


/*글쓰기(반응형)*/
.resp_form{ margin:15px 0; }
.resp_form select {border:1px solid #ddd;padding:0 20px;height:50px;line-height: 50px;border-radius: 5px;background: url("../images/sub/arrow_down.svg")no-repeat 86% 53%;background-size: 5%;appearance: none;padding-right: 45px;}

.resp_form h5{ margin:20px 0 10px 0; }
.resp_form .tip{ width:100%; font-size:14px; margin:10px 0; line-height: 1.3; color:#FC8181; word-break: keep-all }
.resp_form .exp{ width:100%; font-size:14px; margin:10px 0 0; line-height: 1.3; color:#979797; word-break: keep-all }

/*글쓰기 수정 - 김지아*/
.resp_form dl dt{  padding:15px 15px 10px 15px; font-size:16px; font-weight: bold;}
.resp_form dl dt span{ display:inline-block; vertical-align: top }
.resp_form dl dd input {border:1px solid #ddd;}
.resp_form dl dt .star{ color:#DB0000; margin-right:5px; }
/*끝*/

.resp_form dl dt .title{ display:inline-block; vertical-align: middle }

/*글쓰기 수정 - 김지아*/
.resp_form dl dd{ position:relative; padding:5px 15px 15px 15px; font-size:16px; }
/*끝*/

.resp_form dl dd .dash{ display:inline-block; }
.resp_form dl dd .wauto{ width:auto; }
.resp_form dl dd .w30{ width:30%; }
.resp_form dl dd .btn_added{ height:50px; line-height: 50px; margin:0 3px; padding:0 20px; font-size:16px; vertical-align: middle; cursor: pointer }
.resp_form dl dd .gender{ display:inline-block; padding:3px 5px; border-radius: 3px; border:#26b7a6 solid 1px; color:#26b7a6; font-size:14px; font-weight:bold; margin-left:10px;  }
.resp_form dl dd .no_form{ display: flex; align-items: center; height: 100%; }
.resp_form dl dd .input_file_hidden{ position:absolute; left:15px; top:5px; opacity: 0; width:20%; max-width:100px; height:50px; }

/*글쓰기 수정 - 김지아*/
.resp_form dl dd.search {flex:1;}
.resp_form dl dd.search input {width:70%; margin-right:5px;}
/*끝*/

.resp_form dl dd .add_btn{ border:0; line-height: 50px; padding:0; width:20%; margin-right:1%; max-width:100px; border-radius: 5px; }
.resp_form dl dd .input_file_text{ width:78%; max-width:490px; }
.resp_form dl dd .input_file_text.add_w{ width:60% }
.resp_form dl dd .btn_del_file{ display:inline-flex; width:50px; height:50px; border:#979797 solid 1px; border-radius:5px; margin-left:5px; align-items: center; justify-content: center; text-indent:-9999px; background:url("../images/sub/icon_del_blk.svg") center no-repeat;}
.resp_form dl dd .btn_del_file:hover{ background:#454545 url("../images/sub/icon_del_wht.svg") center no-repeat; border:#454545 solid 1px; }
.resp_form dl dd .no_input{ padding:5px 10px; border:#ddd solid 1px; background:#fff; height:auto; border-radius: 5px; }
.resp_form dl dd input[type="checkbox"]:checked + .no_input{ background:#ff8800; color:#fff; border:#ff8800 solid 1px; }

/*글쓰기 수정 - 김지아*/
.resp_form dl dd .date {display: inline-block; max-width:45%;}
.resp_form dl dd .date input {width:45%;}
.resp_form dl dd.flex{ display:flex; align-items: center; flex-wrap:wrap }
/*끝*/

.resp_form dl dd.flex_last{ display:flex; align-items: center;  }
.resp_form dl dd.flex_last .btn_con{ min-width:90px; height:50px; margin-left:5px; font-size:16px; }
.resp_form dl dd.full{ width:100%; }
.resp_form dl dd.flex .file_row{ position:relative; width:100%; display:flex; padding-bottom:10px; }

/* 캡챠 추가 */
#prevent_auto_input { display: flex;}
#prevent_auto_input .form-style { margin-top: 4px; padding: 0 10px; width: 116px; height: 25px; border-radius: 0; }
#prevent_auto_input .form-style::placeholder { color: #999; font-size: 12px; }


/*리스트 (반응형)*/
.resp_list{ border-top:#000 solid 2px; }
.resp_list_check_all{ font-size:16px; margin-bottom:10px; }
.resp_list .resp_header{ display:none }
.resp_list .resp_body .resp_row{padding: 20px 10px;border-bottom:#d1d1d1 dashed 1px;}
.resp_list .resp_body .resp_row p{ display:flex; align-items: center; font-size:16px; margin-bottom:10px; font-weight:300;  }
.resp_list .resp_body .resp_row p span{ font-weight:500; width:100px; }
.resp_list .resp_body .resp_row p:last-child{ margin-bottom:0; }


/*게시판내용보기*/
.board_view_head{ border-bottom:#ccc solid 1px; }
.board_view_head p{ font-size:20px; font-weight:500; color:#454545; word-break: keep-all }

.board_detail_info{ padding:20px 0; }
.board_detail_info ul{ display:flex; }
.board_detail_info ul li{ font-size:14px; margin-right:10px; padding-right:10px; border-right:#ddd solid 1px; color:#676767; line-height: 1.2 }
.board_detail_info ul li:last-child{ border-right:0; }

.photo_info{ padding:20px; text-align: left; border:#ddd solid 1px; background:#fafafa; margin-bottom:20px; }
.photo_info ul{ display:inline-flex; flex-direction: column; align-items: flex-start;}
.photo_info ul li{ font-size:14px; color:#676767; line-height: 1.2 }

.video_info{ padding:20px; text-align: left; border:#ddd solid 1px; background:#fafafa; margin-bottom:20px; }
.video_info p{ margin-bottom:10px; }
.video_info ul{ display:inline-flex; flex-direction: column; align-items: flex-start;}
.video_info ul li{ font-size:14px; color:#676767; line-height: 1.2 }

.add_file { padding:20px 0; }
.add_file ul{ display:flex; justify-content: space-between; flex-wrap:wrap }
.add_file ul li{ width:48%; margin-bottom:2%; }
.add_file ul li a{ display:block; background:#fafafa url("../images/sub/arrow_download.svg") right 10px top 50% no-repeat; background-size:15px; font-size:14px; padding:10px 35px 10px 10px; color:#838383; border:#ddd solid 1px; border-radius: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.add_file ul li a:hover{ background-color:#eee; transition:0.3s }

.board_view_body{ padding:20px 0; }
.board_view_body .view_image{ text-align: center; padding:15px 0;}
.board_view_body .view_image img{ max-width: 100%; }
.board_view_body p{ font-size:16px; line-height:1.5 }
.board_view_body .view_thumb{ position:relative; background:#f1f1f1; border-radius: 10px; padding:10px 20px;  margin:0 auto 30px auto;}
.board_view_body .thumb_list li{ float:left; width:100px; height:80px; margin:0 5px; }
.board_view_body .thumb_list li a{ display:block; height:100%; box-sizing: border-box; background-position:0%; background-repeat: no-repeat; background-size:cover;  text-indent: -9999px; border-radius: 5px;}
.board_view_body .thumb_list li a:hover{border:#eb4141 solid 2px;  }
.board_view_body .thumb_ctrl{ position:absolute; left:0; right:0; height:0; top:50%; }
.board_view_body .thumb_ctrl a{ position:absolute; transform: translateY(-50%); color:#eb4141; font-size:30px; }
.board_view_body .thumb_ctrl a.prev{ left:-15px; }
.board_view_body .thumb_ctrl a.next{ right:-15px; }

.post_list{ border-top:#ccc solid 1px; margin-bottom:15px;}
.post_list li{ padding:15px 0; border-bottom:#ccc solid 1px; font-size:14px; overflow:hidden; }
.post_list li span{ float:left; display:block; padding:0 10px; color:#676767; font-weight:bold;}
.post_list li a{ float:left; display:block;  width:60%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.post_list li small{ float:right; display:block; color:#676767; font-size:14px; padding:0 5px; }


/*갤러리 thumb*/
.gall_thumb { clear:both; overflow:hidden}
.gall_thumb li{ background:#fff;  margin-bottom:20px;  overflow:hidden }
.gall_thumb li .thumb{ position:relative; height:150px; background-position:center; background-size:cover; background-repeat:no-repeat;  }
.gall_thumb li .subject{ padding:15px 0 10px; font-weight:500; font-size:16px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.gall_thumb li .subject a{ display:block; }
.gall_thumb li .subject a:hover{ color:#222; font-weight:bold }
.gall_thumb li .info{ padding:0 0 15px 0; }
.gall_thumb li .info .like{ display:inline-block; font-size:14px; padding:8px 18px; border:#ddd solid 1px; border-radius: 20px; margin-top:10px; }
.gall_thumb li .info .like:before{ display:inline-block; width:16px; height:16px; margin-right:10px; vertical-align: -2px; background:url(../images/sub/icon_like.svg); background-size:cover; content:"" }


/*갤러리 thumb*/
.photo_list { clear:both; overflow:hidden}
.photo_list li{ position:relative; background:#fff; margin-bottom:20px;  overflow:hidden }
.photo_list li a{ display:block; position:relative; overflow: hidden ; }
.photo_list li .thumb{ position:relative;  height:220px; background-position:center; background-size:cover; background-repeat:no-repeat;  }
.photo_list li .info{ position:absolute; left:0; bottom:0; top:0; right:0; opacity: 0; border:#ff8800 solid 3px; background:rgba(0,0,0,0.5); display:flex; flex-direction: column; justify-content: center; align-items: center; color:#fff; }
.photo_list li .info span{ display:block; font-size:14px; margin-bottom:3px;  }
.photo_list li .info span.title{ margin-bottom:15px; font-size:18px; }
.photo_list li .info span.more{ display:inline-block; width:20px; height:20px; background:url(../images/sub/plus.svg) center no-repeat; background-size:cover; margin-top:10px; }
.photo_list li a:hover .info{ opacity: 1;  transition:0.3s }

/*2024.08.20 대청호 오백리길 리스트 예외처리 */
.photo_list.type1 li > a {background: #1a317e;}
.photo_list.type1 li .thumb {background-size: auto}

/*미디어 상세*/
.view_video{ border-radius: 10px; margin-bottom:20px;  overflow:hidden  }
.video_subtitle{ padding:15px; border:#ddd solid 1px; max-height:300px; overflow:auto; border-radius: 10px;}
.video_subtitle p{ font-size:14px; }


/*agree_box*/
.agree_box{ border:#ddd solid 1px; background:#f1f1f1; padding:20px; text-align: center; margin-bottom:25px;  }
.agree_box p{ margin-bottom:10px; }
.agree_box input[type="checkbox"] + label{ color:#3F8ADF; font-size:16px; }


/*gallery_modify*/
.gallery_modify{ display:flex; flex-direction: column; justify-content: center; align-items: center; border:#ddd solid 1px; background:#fafafa; padding:50px 20px; text-align: center; margin-bottom:25px;  }
.gallery_modify .title{ font-weight:bold; color:#414141; font-size:22px; margin:15px 0; }
.gallery_modify p{ word-break: keep-all; margin-bottom:20px; }
.gallery_modify .modify_pass{ display:flex; justify-content: space-between; width:80%; max-width:350px; }
.gallery_modify .modify_pass .pass_text{ width:78%; }
.gallery_modify .modify_pass .pass_btn{ width:20%; font-size:16px; background:#454545; color:#fff; height:50px; border:0; border-radius: 5px; }




/*게시판 모바일 작업 - 김지아*/
@media all and (max-width:1400px){
	.resp_form select {width:100%; background-size: 12px; background-position: 98% center;}
	.resp_form dl dd .no_input {padding:10px 20px; display: inline-block;}

	.resp_form dl dd .date {display:flex; max-width:100%; align-items: center; margin-top:10px;}
	.resp_form dl dd .date input {width:50%;}
	.resp_form dl dd.search input {width:75%;}

}


@media all and (min-width:1400px){
	.board_sch_cate{ display:flex; justify-content: space-between; align-items: center; }
	.board_search .cate_check{ width:50%; text-align: left; margin-bottom:0; }
	.board_search .cate_check label{ margin:5px 15px; }
}


@media all and (min-width:1024px){
	.board_table th,.board_table td { font-size:16px; padding:15px 10px; }
	.board_table .num{ display:table-cell; width:8%;  }
	.board_table .cate{ display:table-cell; width:10%; }
	.board_table .subject{ width:auto; }
	.board_table .date{ width:12%; }
	.board_table .writer{ width:10%; }
	.board_table .hit{ width:8%; }
	.board_table .state{ width:10%; }

	.file_wrap{ float:right; width:83.3333%; clear:none }

	.gall_thumb li{ width:23%; margin-right:2.66667%; margin-bottom:2.66667% }
	.gall_thumb li:nth-child(2n){ margin-right:2.66667%; }
	.gall_thumb li:nth-child(4n){ margin-right:0; }

	.photo_list li{ width:23%; margin-right:2.66667%; margin-bottom:2.66667% }
	.photo_list li:nth-child(2n){ margin-right:2.66667%; }
	.photo_list li:nth-child(4n){ margin-right:0; }

	.view_video{ max-width:750px; margin:0 auto; margin:30px auto; }
	.video_subtitle{ padding:30px; }
	.video_subtitle p{ font-size:16px; }

}


@media all and (min-width:1280px){
	.resp_form dl{ display:flex; flex-wrap:wrap; }
	.resp_form dl dt{ width:12%; padding:25px 15px;  }
	.resp_form dl dt span em{ display:inline-block;  margin-right:5px; font-size:16px; }
	.resp_form dl dt .title{ font-size:16px; font-weight:bold; }
	.resp_form dl dd{ background:#fff; width:88%; padding:10px; }
	.resp_form dl dd.flex{ justify-content: flex-start }
	.resp_form dl dd .input_file_hidden{ left:10px; top:10px; }
	.resp_form dl dd .no_input{ padding:0 20px; height:50px; line-height: 48px;  }
	.resp_form dl dd .pc_30{ width:30%; }

	.resp_list .w5{ width:5%; }
	.resp_list .w10{ width:10%; }
	.resp_list .w15{ width:15%; }
	.resp_list .w20{ width:20%; }
	.resp_list .w25{ width:25%; }
	.resp_list .w30{ width:30%; }
	.resp_list .w35{ width:35%; }
	.resp_list .w40{ width:40%; }
	.resp_list .w45{ width:45%; }
	.resp_list .w50{ width:50%; }
	.resp_list .resp_header{ display:table; width:100%; }
	.resp_list .resp_header span{ display:table-cell; text-align: center; padding:18px 0; background:#f8f8f8; }
	.resp_list .resp_body .resp_row{ padding:0; display:table; width:100%; border-top:#d1d1d1 solid 1px; border-bottom:0; }
	.resp_list .resp_body .resp_row:last-child{ border-bottom:#d1d1d1 solid 1px; }
	.resp_list .resp_body .resp_row p{ display:table-cell; text-align: center; padding:18px 0; background:#fff; }
	.resp_list .resp_body .resp_row p span{ display:none; }
	/*끝*/

}


/*반응형 column*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 1px;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left}
.col-xs-12 {width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}
.col-xs-pull-12 {right: 100%}
.col-xs-pull-11 {right: 91.66666667%}
.col-xs-pull-10 {right: 83.33333333%}
.col-xs-pull-9 {right: 75%}
.col-xs-pull-8 {right: 66.66666667%}
.col-xs-pull-7 {right: 58.33333333%}
.col-xs-pull-6 {right: 50%}
.col-xs-pull-5 {right: 41.66666667%}
.col-xs-pull-4 {right: 33.33333333%}
.col-xs-pull-3 {right: 25%}
.col-xs-pull-2 {	right: 16.66666667%}
.col-xs-pull-1 {	right: 8.33333333%}
.col-xs-pull-0 {	right: auto}
.col-xs-push-12 {left: 100%}
.col-xs-push-11 {left: 91.66666667%}
.col-xs-push-10 {left: 83.33333333%}
.col-xs-push-9 {left: 75%}
.col-xs-push-8 {left: 66.66666667%}
.col-xs-push-7 {left: 58.33333333%}
.col-xs-push-6 {left: 50%}
.col-xs-push-5 {left: 41.66666667%}
.col-xs-push-4 {left: 33.33333333%}
.col-xs-push-3 {left: 25%}
.col-xs-push-2 {left: 16.66666667%}
.col-xs-push-1 {left: 8.33333333%}
.col-xs-push-0 {left: auto}
.col-xs-offset-12 {margin-left: 100%}
.col-xs-offset-11 {margin-left: 91.66666667%}
.col-xs-offset-10 {margin-left: 83.33333333%}
.col-xs-offset-9 {margin-left: 75%}
.col-xs-offset-8 {margin-left: 66.66666667%}
.col-xs-offset-7 {margin-left: 58.33333333%}
.col-xs-offset-6 {margin-left: 50%}
.col-xs-offset-5 {margin-left: 41.66666667%}
.col-xs-offset-4 {margin-left: 33.33333333%}
.col-xs-offset-3 {margin-left: 25%}
.col-xs-offset-2 {margin-left: 16.66666667%}
.col-xs-offset-1 {margin-left: 8.33333333%}
.col-xs-offset-0 {margin-left: 0}


@media (min-width:766px) {
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float: left}
	.col-sm-12 {width: 100%}
	.col-sm-11 {width: 91.66666667%}
	.col-sm-10 {width: 83.33333333%}
	.col-sm-9 {width: 75%}
	.col-sm-8 {width: 66.66666667%}
	.col-sm-7 {width: 58.33333333%}
	.col-sm-6 {width: 50%}
	.col-sm-5 {width: 41.66666667%}
	.col-sm-4 {width: 33.33333333%}
	.col-sm-3 {width: 25%}
	.col-sm-2 {width: 16.66666667%}
	.col-sm-1 {width: 8.33333333%}
	.col-sm-pull-12 {right: 100%}
	.col-sm-pull-11 {right: 91.66666667%}
	.col-sm-pull-10 {right: 83.33333333%}
	.col-sm-pull-9 {right: 75%}
	.col-sm-pull-8 {right: 66.66666667%}
	.col-sm-pull-7 {right: 58.33333333%}
	.col-sm-pull-6 {right: 50%}
	.col-sm-pull-5 {right: 41.66666667%}
	.col-sm-pull-4 {right: 33.33333333%}
	.col-sm-pull-3 {right: 25%}
	.col-sm-pull-2 {right: 16.66666667%}
	.col-sm-pull-1 {right: 8.33333333%}
	.col-sm-pull-0 {right: auto}
	.col-sm-push-12 {left: 100%}
	.col-sm-push-11 {left: 91.66666667%}
	.col-sm-push-10 {left: 83.33333333%}
	.col-sm-push-9 {left: 75%}
	.col-sm-push-8 {left: 66.66666667%}
	.col-sm-push-7 {left: 58.33333333%}
	.col-sm-push-6 {left: 50%}
	.col-sm-push-5 {left: 41.66666667%}
	.col-sm-push-4 {left: 33.33333333%}
	.col-sm-push-3 {left: 25%}
	.col-sm-push-2 {left: 16.66666667%}
	.col-sm-push-1 {left: 8.33333333%}
	.col-sm-push-0 {left: auto}
	.col-sm-offset-12 {margin-left: 100%}
	.col-sm-offset-11 {margin-left: 91.66666667%}
	.col-sm-offset-10 {margin-left: 83.33333333%}
	.col-sm-offset-9 {margin-left: 75%}
	.col-sm-offset-8 {margin-left: 66.66666667%}
	.col-sm-offset-7 {margin-left: 58.33333333%}
	.col-sm-offset-6 {margin-left: 50%}
	.col-sm-offset-5 {margin-left: 41.66666667%}
	.col-sm-offset-4 {margin-left: 33.33333333%}
	.col-sm-offset-3 {margin-left: 25%}
	.col-sm-offset-2 {margin-left: 16.66666667%}
	.col-sm-offset-1 {margin-left: 8.33333333%}
	.col-sm-offset-0 {margin-left: 0}}


@media (min-width:992px) {
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {float: left}
	.col-md-12 {width: 100%}
	.col-md-11 {width: 91.66666667%}
	.col-md-10 {width: 83.33333333%}
	.col-md-9 {width: 75%}
	.col-md-8 {width: 66.66666667%}
	.col-md-7 {width: 58.33333333%}
	.col-md-6 {width: 50%}
	.col-md-5 {width: 41.66666667%}
	.col-md-4 {width: 33.33333333%}
	.col-md-3 {width: 25%}
	.col-md-2 {width: 16.66666667%}
	.col-md-1 {width: 8.33333333%}
	.col-md-pull-12 {right: 100%}
	.col-md-pull-11 {right: 91.66666667%}
	.col-md-pull-10 {right: 83.33333333%}
	.col-md-pull-9 {right: 75%}
	.col-md-pull-8 {right: 66.66666667%}
	.col-md-pull-7 {right: 58.33333333%}
	.col-md-pull-6 {right: 50%}
	.col-md-pull-5 {right: 41.66666667%}
	.col-md-pull-4 {right: 33.33333333%}
	.col-md-pull-3 {right: 25%}
	.col-md-pull-2 {right: 16.66666667%}
	.col-md-pull-1 {right: 8.33333333%}
	.col-md-pull-0 {right: auto}
	.col-md-push-12 {left: 100%}
	.col-md-push-11 {left: 91.66666667%}
	.col-md-push-10 {left: 83.33333333%}
	.col-md-push-9 {left: 75%}
	.col-md-push-8 {left: 66.66666667%}
	.col-md-push-7 {left: 58.33333333%}
	.col-md-push-6 {left: 50%}
	.col-md-push-5 {left: 41.66666667%}
	.col-md-push-4 {left: 33.33333333%}
	.col-md-push-3 {left: 25%}
	.col-md-push-2 {left: 16.66666667%}
	.col-md-push-1 {left: 8.33333333%}
	.col-md-push-0 {left: auto}
	.col-md-offset-12 {margin-left: 100%}
	.col-md-offset-11 {margin-left: 91.66666667%}
	.col-md-offset-10 {margin-left: 83.33333333%}
	.col-md-offset-9 {margin-left: 75%}
	.col-md-offset-8 {margin-left: 66.66666667%}
	.col-md-offset-7 {margin-left: 58.33333333%}
	.col-md-offset-6 {margin-left: 50%}
	.col-md-offset-5 {margin-left: 41.66666667%}
	.col-md-offset-4 {margin-left: 33.33333333%}
	.col-md-offset-3 {margin-left: 25%}
	.col-md-offset-2 {margin-left: 16.66666667%}
	.col-md-offset-1 {margin-left: 8.33333333%}
	.col-md-offset-0 {margin-left: 0}}


@media (min-width:1200px) {
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {float: left}
	.col-lg-12 {width: 100%}
	.col-lg-11 {width: 91.66666667%}
	.col-lg-10 {width: 83.33333333%}
	.col-lg-9 {width: 75%}
	.col-lg-8 {width: 66.66666667%}
	.col-lg-7 {width: 58.33333333%}
	.col-lg-6 {width: 50%}
	.col-lg-5 {width: 41.66666667%}
	.col-lg-4 {width: 33.33333333%}
	.col-lg-3 {width: 25%}
	.col-lg-2 {width: 16.66666667%}
	.col-lg-1 {width: 8.33333333%}
	.col-lg-pull-12 {right: 100%}
	.col-lg-pull-11 {right: 91.66666667%}
	.col-lg-pull-10 {right: 83.33333333%}
	.col-lg-pull-9 {right: 75%}
	.col-lg-pull-8 {right: 66.66666667%}
	.col-lg-pull-7 {right: 58.33333333%}
	.col-lg-pull-6 {right: 50%}
	.col-lg-pull-5 {right: 41.66666667%}
	.col-lg-pull-4 {right: 33.33333333%}
	.col-lg-pull-3 {right: 25%}
	.col-lg-pull-2 {right: 16.66666667%}
	.col-lg-pull-1 {right: 8.33333333%}
	.col-lg-pull-0 {right: auto}
	.col-lg-push-12 {left: 100%}
	.col-lg-push-11 {left: 91.66666667%}
	.col-lg-push-10 {left: 83.33333333%}
	.col-lg-push-9 {left: 75%}
	.col-lg-push-8 {left: 66.66666667%}
	.col-lg-push-7 {left: 58.33333333%}
	.col-lg-push-6 {left: 50%}
	.col-lg-push-5 {left: 41.66666667%}
	.col-lg-push-4 {left: 33.33333333%}
	.col-lg-push-3 {left: 25%}
	.col-lg-push-2 {left: 16.66666667%}
	.col-lg-push-1 {left: 8.33333333%}
	.col-lg-push-0 {left: auto}
	.col-lg-offset-12 {margin-left: 100%}
	.col-lg-offset-11 {margin-left: 91.66666667%}
	.col-lg-offset-10 {margin-left: 83.33333333%}
	.col-lg-offset-9 {margin-left: 75%}
	.col-lg-offset-8 {margin-left: 66.66666667%}
	.col-lg-offset-7 {margin-left: 58.33333333%}
	.col-lg-offset-6 {margin-left: 50%}
	.col-lg-offset-5 {margin-left: 41.66666667%}
	.col-lg-offset-4 {margin-left: 33.33333333%}
	.col-lg-offset-3 {margin-left: 25%}
	.col-lg-offset-2 {margin-left: 16.66666667%}
	.col-lg-offset-1 {margin-left: 8.33333333%}
	.col-lg-offset-0 {margin-left: 0}
}


/*게시판 웹진 및 글쓰기 모바일 작업 - 김지아*/
@media all and (max-width:768px) {

	.board_table.webzine_list td {padding:20px 10px;}
	.board_table.webzine_list td.subject a {font-size:1.1rem;}
	.board_table.webzine_list td.subject .inform ul li {font-size:14px;}
	.board_table.webzine_list td.subject .inform ul li:before {height:10px; vertical-align: 0;}
	.board_table.webzine_list td.subject p{font-size:14px;}

	.board_sch_row .global .display_list {top:39px;}

	.resp_form dl dd .no_input {margin:2px 0;}
	.resp_form select {background-position: 93% center;}
	.resp_form dl dd.search input {width:100%; margin:0 0 20px 0;}
	.resp_form dl dd .btn_added {font-size:14px;padding: 0;width: 50%;box-sizing: border-box;text-align: center;margin: 0;border-radius: 0;}



}

@media all and (min-width:768px){

	/*게시판 검색 폼 - 김지아*/
	.board_search{ text-align:center; padding:20px; }
	.board_search .select_wrap{  display: inline-block; margin-bottom:0; width:20%;  margin-right:10px; }
	.board_search .select_wrap select{ height:50px; }
	.board_search .board_sch_txt{ width:45%; height:50px; font-size:16px; }
	.board_search .board_sch_row select{height: auto; border-radius: 3px; border: 1px solid #979797; height: 50px;}
	.board_search .board_sch_txt.add_w{ width:40%; }
	.board_search .board_sch_btn{ width:100px; height:50px; font-size:16px; }
	.board_search .board_sch_reset{  width:70px; height:50px; font-size:16px; }
	/*끝*/


	.board_cate{ padding:30px 0; }
	.board_cate ul li{ width:90px; margin-right:5px; }
	.board_cate ul li a{ padding:10px 0; }

	.board_table td.full{ padding:30px; }
	.board_table td.full > div{  padding:0 0 0 50px; }
	.board_table .num{ display:table-cell; width:10%; }
	.board_table .cate{ display:table-cell; width:10%; }
	.board_table .subject{ width:auto; }
	.board_table .date{ width:15%; }
	.board_table .writer{ display:table-cell; width:15%; }
	.board_table .file{ display:table-cell; width:5%; }
	.board_table .hit{ display:table-cell; width:10%; }

	.board_view_body{ padding:25px 15px; min-height:300px;}

	.board_write .row:after{ display:block; content:""; clear:both}
	.board_write .title{ line-height:40px; margin:0; }

	.board_write .form{ float:left; width:80%; }
	.board_write .file_row .file_input_text{ width:65%;}
	.board_write .file_row .input_file_hidden{ position:absolute; left:65%; top:5px; width:12%; height:38px;  margin-left:10px; font-size:22px; padding:0; opacity:0; cursor:pointer}
	.board_write .file_row .input_btn{ float:left; width:15%; margin-left:10px; }
	.board_write .form .btn_add{ margin-left:5px; }
	.board_write .file_name{ margin-bottom:10px; padding-left:25px; background:url(../img/sub/file.png) left center no-repeat}
	.board_write .file_name span{display:inline-block; color:#666; font-size:14px; margin-right:15px;}

	.check_list{ padding:10px 0; }
	.check_list li{ width:auto; margin:0 20px 0 0;}

	.add_file { padding:25px 0; }
	.add_file ul{ justify-content: flex-start  }
	.add_file ul li{ max-width:250px; margin-right:10px; margin-bottom:10px; }

	.photo_info{ padding:20px 0px; text-align: center; }
	.photo_info ul{ display:inline-flex; flex-direction: row; }
	.photo_info ul li{ border-right:#ddd solid 1px; margin-right:10px; padding-right:10px; }
	.photo_info ul li:last-child{ border-right:0; margin-right:0; padding-right:0; }

	.video_info{ padding:20px 30px; display:flex; justify-content: space-between; align-items: center;}
	.video_info p{ margin-bottom:0; }
	.video_info ul{ display:inline-flex; flex-direction: row; }
	.video_info ul li{ border-right:#ddd solid 1px; margin-right:10px; padding-right:10px; }
	.video_info ul li:last-child{ border-right:0;  margin-right:0; padding-right:0;  }

	.board_detail_info{  padding:25px 0; }

	.post_list li{ font-size:16px; }
	.post_list li span{ padding:0 20px; }
	.post_list li small{  padding:0 15px; }

	.board_view_body .view_image{ padding:30px 0;}
	.board_view_body .view_thumb{ width:50%; }

	.gall_thumb { display:flex; flex-wrap: wrap; }
	.gall_thumb li{ width:48%; margin-right:4%; }
	.gall_thumb li:nth-child(2n){ margin-right:0; }

	.photo_list { display:flex; flex-wrap: wrap; }
	.photo_list li{ width:48%; margin-right:4%; }
	.photo_list li:nth-child(2n){ margin-right:0; }
	.photo_list li .thumb{ height:220px; }
	/*끝*/

}