@charset "UTF-8";

/*일반형 게시판 리스트*/
.dong_boardlist_Wrap .board_topBox .search .select_box{ margin: 0 5px;}
.dong_boardlist_Wrap .board_topBox{border: 3px solid #f2f2f2;}
.dong_boardlist_Wrap .board_topBox .search .btn_box input{background: #d61138 !important;}
.dong_boardlist_Wrap .board_list .table th{background-color: #fff;  border-bottom: 1px solid #000;}
.dong_boardlist_Wrap .board_list .table{border-top: 2px solid #d81f44;}

/*.dong_boardlist_Wrap .pagination li.active a{background-color: #005abe;}
.dong_boardlist_Wrap .pagination li .page_link:hover{background-color: #eaeaea !important;;}
.dong_boardlist_Wrap .pagination li.active .page_link:hover{background-color: #d61138  !important;;  color: #fff  !important;}*/

/*게시판 글쓰기*/
.dong_board_write .board_tbl{border-top: 2px solid #d81f44  !important;}
.dong_board_write .board_tbl tbody th{background-color: #f7f7f7; border-bottom: 1px solid #e8d3d3  !important;}   


/*게시판 상세보기*/ 
.dong_b_view_Wrap .view_top_area:after{background: #d81f44 !important;;}  
.dong_b_view_Wrap .view_detail li:after{background: #006ae0 !important;;}   
.dong_b_view_Wrap .file_zone{border-radius: 20px;}          

/*사진형 게시판 리스트*/
.dong_b_gallery_list_Wrap .board_topBox .search .select_box{ margin: 0 5px;}       
.dong_b_gallery_list_Wrap .board_topBox{border: 3px solid #f2f2f2;}
.dong_b_gallery_list_Wrap .board_topBox .search .btn_box input{background: #d61138 !important;}
.dong_b_gallery_list_Wrap  .board_gallery_list:after{ background: #d81f44  !important;} 

/*뒤로가기버튼*/
.btn_goback{color: #000000; background-color: #ebecff; border: 1px solid #3c46cc; padding: 0 20px; line-height: 35px; font-size: 15px;
box-sizing: border-box; display: inline-block; margin: 6px 0;}

/*게시물목록보기, 다시 작성하기 버튼*/
 .btn01 {color: #fff !important; background: #024ab0; width: 100px; display: inline-block; text-align: center; box-sizing: border-box; padding: 5px 10px; border-radius: 5px;}
 .btn_area button {
    background: #222;
    padding: 10px 25px;
    color: #fff;
    border-radius: 5px;}      


/* 교육강좌안내 */
.tbl_basic {width:100%; border-top: 2px solid #ff3157; border-bottom: 1px solid #ff3157; text-align:center;line-height:1.6em}
.tbl_basic th,.tbl_basic td{padding:10px;border:1px solid #dadde0; border-width:1px 1px 0 1px; font-size:15px; word-break: break-all; vertical-align: middle;}
.tbl_basic thead tr th {background:#fff5f7; font-weight:bold;}
.tbl_basic tbody tr th ,.tbl_basic tfoot tr th {background:#f8f8f8; color:#333;}
.tbl_basic th:first-child,.tbl_basic td:first-child{border-left:none}
.tbl_basic th:last-child,.tbl_basic td:last-child{border-right:none}
.tbl_basic tfoot tr td, .tbl_basic tfoot tr td {background:#eee; font-weight:bold;}
.b_con .tbl_basic th, .b_con .tbl_basic td{padding-top:7px;padding-bottom:7px;}

.tbl_basic.wb1{ word-break: break-all; }
.btn_area{text-align:right;padding:20px 2px 0 2px; box-sizing:border-box;}

/* 교육강좌안내 -검색 */
.basic_box{position:relative;margin-bottom:30px;padding:15px 20px 15px 20px;border:1px solid #d9d9d9;background:#fff;}
.basic_box:before{display:block;position:absolute;left:-1px;bottom:-4px;width:100%;height:3px;background:#f1f1f1;content:"";}
.basic_box:after{display:block;visibility:hidden;clear:both;content:"";}
.basic_box *{vertical-align:middle}
.board_total{display:inline-block;float:left;line-height:40px;background:url(/images/domain/junggu/bbs/ic_bbs.gif) 0 14px no-repeat;padding-left:16px;font-size:14px;}
.board_total .t_blue{padding-right:5px;font-weight:bold;}
.board_total *{vertical-align:baseline;}
.basic_search{display:inline-block;float:right;}
.basic_search .grap{display:inline-block;}
.basic_search .grap select{height:40px;border:1px solid #c1c1c1;}
.basic_search .searchinput{display:inline-block;}
.basic_search .searchinput input[type="text"]{height:40px;width:200px;}
.basic_search .searchinput input[type="submit"]{height:40px;background:#5d5d5d;color:#fff;padding:0 15px;}
.basic_box .bt_area{vertical-align:top;}

/*  교육강좌안내 -검색 박스 */
.board_tit{display:inline-block;background:url(/images/domain/junggu/common/dot1.gif) 0 7px no-repeat;padding-left:10px;margin-right:10px;}

.tab_ul_dep{/*overflow:hidden;*/margin-bottom:10px; font-size:0;}
.tab_ul_dep li{display:inline-block; vertical-align:top; width:50%;}
.tab_ul_dep li a{display:block;padding:12px;text-align:center;border:1px solid #45495b; font-size:16px;}
.tab_ul_dep li.on a{background:#45495b url('/images/domain/junggu/common/pattern_bg.png');color:#fff;}

.sel_area {position:relative;padding-right:60px;}
.sel_area .board_tit{position:absolute;top:0;left:0;}
.sel_area select{height:40px;width:100%;}
.sel_area .bt_sch{margin:0;position:absolute;top:0;right:0;}
/*사전정보공표 탭 하단 버튼*/
input.sajeonjeongbo{height: 40px !important;}

.sort_search{text-align:right; /*overflow:hidden;*/}
.sort_search input[type="text"]{height:40px;width:200px;}
.sort_search input[type="submit"]{height:40px;background:#5d5d5d;color:#fff;padding:0 15px; cursor: pointer;}
.sort_search select{height:40px; border: 1px solid #888; font-size: 15px; padding:0 5px;
    background-image: url(/images/board/arrow_select.png);
    background-repeat: no-repeat;
    background-position: right center;}

.sort_search .board_total{position:absolute;top:15px;left:15px;}
.sort_search .le_con{display:inline-block;}
.sort_search .le_con li{display:inline-block;margin-left:10px;}
.sort_search  li label,.sort_search .board_tit{background:url(/images/domain/junggu/common/dot1.gif) 0 7px no-repeat;padding-left:10px;margin-right:10px;}
.sort_search .le_con.st3{overflow:hidden;width:65%;}
.sort_search .le_con.st3 li{float:left;width:50%;text-align:left;position:relative;padding-left:100px;margin-left:0;padding-right:20px;margin-bottom:5px;}
.sort_search .le_con.st3 li:nth-child(2n){padding-right:0}
.sort_search .le_con.st3 li label{position:absolute;top:30%;left:0;width:100px;}
.sort_search .le_con.st3 select, .sort_search .le_con.st3 input{width:100%;}

.basic_box .bt_area.posa{display:inline-block;float:right;margin-left:5px;}
.sort_search .bt_area.posa input[type="submit"]{height:81px;width:70px;}
.sort_search .le_con.st2 li{box-sizing: border-box;}
.sort_search .le_con.st2 li.w2 label{background:none;padding-left:0;}

.ovf_min2 {min-width:700px;}


/*  교육강좌안내 -게시판 글쓰기 */
.board_write{width:100%;margin-bottom:20px;border-top:2px solid #c8c8c8;}
.board_write tbody th{border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;vertical-align:middle;background:#f5f5f5;text-align:left;padding:0 10px 0 20px;color:#222;}
.board_write tbody td{height:45px;padding:6px 8px;border-bottom:1px solid #d9d9d9;}
.board_write tbody td select{height: 35px;
    border: 1px solid #888;
    font-size: 15px;
    padding: 0 23px 0px 5px;
    background-image: url(/images/board/arrow_select.png);
    background-repeat: no-repeat;
    background-position: right center;}
.board_write tbody td input{height: 35px;}

.board_write tbody label{display:inline-block;}
.board_write thead th{height:30px;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;background:#f7f7f7;vertical-align:middle;}
.board_write thead th:first-child{border-left:none;}
.board_write textarea{height:300px;vertical-align:top;}
.board_write textarea.h_m{height:100px}



/* 직원안내 - pagination */
.pagination_wrap{margin-top: 30px; text-align: center;}
.pagination li{display: inline-block;}
.pagination li a{display: inline-block; width: 30px; line-height: 30px; font-size: 15px; border-radius: 50%;}
.pagination li.active a{background-color: #444; color: #fff;}
.pagination li a.first,
.pagination li a.prev,
.pagination li a.next,
.pagination li a.last{text-indent: -9999px; background-repeat: no-repeat; background-position: center;}
.pagination li a.first{background-image: url(/images/board/pg_start.png);}
.pagination li a.prev{background-image: url(/images/board/pg_prev.png);}
.pagination li a.next{background-image: url(/images/board/pg_next.png);}
.pagination li a.last{background-image: url(/images/board/pg_end.png);}


/* pagination:hover */
.pagination li a:hover{background-color: #eaeaea;}
.pagination li.active a:hover{background-color: #444; color: #fff;}



/* 담당자 정보 및 만족도*/
.cont_footer{margin-top: 50px; border: 1px solid #ddd;}
.admin_info{padding: 15px 40px; border-bottom: 1px solid #ddd;}
.admin_info li{display: inline-block; margin-right: 30px; font-size: 15px;}
.admin_info li span{position: relative; display: inline-block; padding-right: 12px; margin-right: 10px; color:#d92f75; font-weight: 500;}
.admin_info li span:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; display: block; width: 1px; height: 13px; background-color: #a3a3a3;}

.cont_footer fieldset{border: 0;}
.satis_survey{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 30px 40px; background-color: #fafafa;}
.satis_survey p{font-size: 16px; font-weight: 400;}
.satis_survey p > img{margin-right: 10px;}

.satis_survey > ul > li{display: inline-block; margin-right: 25px;}
.satis_survey input, .satis_survey img, .satis_survey span{display:inline-block; vertical-align:middle;}
.satis_survey span{margin-left:10px; font-size: 15px;}
.satis_survey .btn_grey{padding: 5px 15px; font-size: 15px; background-color: #444; color: #fff; border: 0; cursor: pointer;}







@media all and (max-width:1200px) {

    /* 담당자 정보 및 만족도*/
    .satis_survey p{margin-bottom: 10px;}

}


@media all and (max-width:800px) {
	/*  교육강좌안내 -검색박스 */
	.sort_search .le_con{display:block;}
	.sort_search .le_con li{position:relative;display:block;margin-left:0;text-align:center;}
	.sort_search input[type="text"]{width:49%;}
	.sort_search .fl_a{float:left;}
	.sort_search .fr_a{float:right;}
	.sort_search .le_con .m_n{display:none;} 
	.sort_search .board_total{position:static;text-align:left;display:block;float:none;line-height:20px;padding-top:8px;padding-bottom:8px;}
	.sort_search input[type="submit"]{width:100%;margin-top:5px;}
	
	.sort_search .le_con.st2 li{float:left;width:100%;text-align:left;padding-left:90px;}
	/*.sort_search .le_con.st2 li:first-child{padding-right:20px;}*/
	.sort_search .le_con.st2 li label{position:absolute;top:8px;left:0; background: url(/images/domain/junggu/common/dot1.gif) 0 10px no-repeat;}
	.sort_search .le_con.st2 li.w1{width:35%;}
	.sort_search .le_con.st2 li.w2{width:65%;padding-left:0;text-align:right;}
	.sort_search .le_con.st2 li.w2 label{position:static;line-height:40px;background-image:none;margin-right:0;}
	.sort_search .le_con.st2 li.w2 input[type="text"]{width:auto;max-width:150px}
	.sort_search .le_con.st2 select{width:100%;}

	.sort_search .le_con.st3{display:block;width:100%;padding-right:70px;}
	.sort_search .bt_area.posa{position:absolute;top:54px;right:15px;}
	.sort_search .bt_area.posa input[type="submit"]{margin-top:0;}

	.ovf_wrap {overflow-x:auto; overflow-y: hidden;}	

}






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

/*게시판 검색*/
.dong_boardlist_Wrap .board_topBox .search .select_box{ margin: 0px; margin-bottom:4px;}

    /*직원안내- pagination */
    .pagination li a{width: 25px; line-height: 25px; font-size: 14px;}


    /* 담당자 정보 및 만족도*/
    .admin_info{padding: 10px 15px;}
    .admin_info li{font-size: 14px;}
    .satis_survey{padding: 15px;}
    .satis_survey p{font-size: 15px;}
    .satis_survey .btn_grey{font-size: 13px;}

}











@media all and (max-width:620px) {
	/* 교육강좌안내 - 게시판 검색 */
	.basic_box{padding:5px 10px 10px 10px;margin-bottom:20px;}
	.board_total, .basic_search, .basic_search .grap, .basic_search .searchinput{display:block;float:none;}
	.basic_search .grap select,.basic_search .searchinput input[type="text"]{width:100%;height:35px;}
	.basic_search .grap{padding-bottom:3px;}
	.basic_search .searchinput{position:relative;padding-right:60px;}
	.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;height:35px;}
	/* 페이징 */
	.paging{padding:10px 0;}
	/* .paging .page{display:none;}
	.paging a.prev{width:auto;padding-left:20px;padding-right:10px;background-position:-4px -30px;}
	.paging a.next{width:auto;padding-left:10px;padding-right:20px;background-position:103% -60px;}
	.paging a.prev span,.paging a.next span{text-indent:0;}	 */

	/* 교육강좌안내 - 검색박스 */
	.sort_search .le_con.st2 li{width:100%;}
	.sort_search .le_con.st2 li:first-child{padding-right:0;padding-bottom:5px;}

	.sort_search .le_con.st3{padding-right:0}
	.sort_search .le_con.st3 li{width:100%;padding-right:0;}
	
	.sort_search .bt_area.posa{position:static;width:100%;}
	.sort_search .bt_area.posa input[type="submit"]{width:100%;height:40px;}

	.sort_search .le_con.st2 li.w1{width:100%;}
	.sort_search .le_con.st2 li.w2{width:100%}
	.sort_search .le_con.st2 li.w2 input[type="text"]{width:100%;max-width:inherit}

/*  교육강좌안내 - 게시판글쓰기 */
	.board_write tbody th{padding:0 5px;font-size:13px;text-align:center;}
	.board_write textarea{height:200px;}



    /* 담당자 정보 및 만족도*/
    .admin_info{line-height: 1.4em;}
    .satis_survey p{margin-bottom: 5px; font-size: 14px;}
    .satis_survey p > img{display: none;}
    .satis_survey span{font-size: 14px;}
    .satis_survey .btn_grey{margin-top: 10px;}

	
}