/*********************************게시판**********************************************************/


/* 달력 */
.cal_area {position:relative;overflow:hidden;/* width: 100%; */border-bottom:1px solid #d4d4d4;     margin-bottom: 30px;}
.cal_area .left_con {float:left;width: 52%;padding: 0 3% 3% 0;}
.cal_area .right_con {float:right; width:42%;     }
.cal_area::before {position:absolute; top:0; left: 55%; display:block; width:1px; height:100%; background-color: #dcdcdc; content:"";}
.cal_area .right_con .title {margin-top: 59px;color:#464646;font-size:20px;}
.cal_area .right_con .title strong {display:inline-block; padding:10px 0 12px 50px;   background:url('../../../../../images/domain/mayor/board/cal_icon1.gif') 0% 50% no-repeat}
.cal_area .right_con .type_st {padding-top:50px; padding-right:28px; text-align:right;}
.cal_area .right_con ul {margin-top:20px; padding:0 28px}
.cal_area .right_con ul li {position:relative; padding:13px 0 12px 0px; border-bottom:1px dotted #d4d4d4; color:#555454; font-size:16px}
.cal_area .right_con ul li > span {position:absolute; top:13px; left:0; display:inline-block; height:25px; padding:0 10px; line-height:22px; font-size:13px; border:1px solid #f76221; border-radius:12px}
.cal_area .right_con ul li > span.type3 {color:#005ac0; border:1px solid #005ac0;}
.cal_area .right_con ul li > span.type2 {color:#f76221; border:1px solid #f76221;}
.cal_area .right_con ul li > span.type1 {color:#008170; border:1px solid #008170;}
.cal_area .right_con ul li p {display:inline-block; font-size:14px; color:#858585}
.cal_area .right_con ul li div.tx {padding-left:60px}
.cal_area .right_con ul li div.tx_none {height:22px; line-height:23px; font-size:14px; color:#858585}
.cal_area .right_con ul li div > span {display:inline-block; width:100%; margin:1px 12% 4px 0px}
/* 2021-03-08 추가 */
.cal_area .right_con ul li p {display: inline-block; font-size: 14px; color: #858585; padding-right: 18px; position: relative;}
.cal_area .right_con ul li div > p:after {content:""; display:block; width:1px; height:15px; background:#ccc; position: absolute; top: 2px; right: 5px;}
.cal_area .right_con ul li div > p:last-child:after { display:none; }
/* //2021-03-08 추가 */
.cal_area .right_con .adm_btn {padding:20px 28px 0 28px; text-align:right}
.cal_area .right_con .adm_btn.st1 {padding-right:0}
.cal_wrap .cal {width:100%;}
.cal_wrap .nowcal {position:relative;}
.cal_wrap span {display:inline-block; text-indent:-9999px; content:''}
.cal_wrap .prev_month {position:absolute; top:0; left:30px}
.cal_wrap .currunt_month {width:100%; font-size:30px; font-weight:bold; line-height:1; text-align:center;}
.cal_wrap .next_month {position:absolute; top:0; right:30px}
.cal_wrap table {clear:both;margin-top:30px;width: 100%;border-bottom:1px solid #ccc;table{width: 100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;};table{width: 100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;};table{width: 100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;};}
.cal_wrap td {height:70px; padding:10px 8px; vertical-align:top; font-size:12px; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; color:#616161; cursor:pointer;}
.cal_wrap td:hover {background-color:#f1f1f1;}
.cal_wrap td:last-child {border-right:0 none}
.cal_wrap td img {display:inline-block; padding:4px 1px 2px 0}
.cal_wrap .week th {height:43px;padding:0;font-size:13px;color:#000000;font-weight:bold;vertical-align:middle;text-align:center;border-top:1px solid #000000;border-bottom:1px solid #a7a7a7;background:#ffffff !important;border-right:0 none;}
.cal_wrap .sunday {color:#d70202;}
.cal_wrap .saturday {color:#008ee8}
.cal_wrap .another_month {background-color:#fafafa; color:#ccc;}
.cal_wrap .today {background-color:#fef7c0 !important; font-weight:bold; color:#222222}
.cal_wrap .prev_month a {display:block; width:32px; height:32px; background:url('../../../../../images/domain/mayor/board/cal_btn1.gif') 0 0 no-repeat;}
.cal_wrap .next_month a {display:block; width:32px; height:32px; background:url('../../../../../images/domain/mayor/board/cal_btn2.gif') 0 0 no-repeat;}
.cal_wrap .prev_month a:hover {background-image:url('../../../../../images/domain/mayor/board/cal_btn1_on.gif')}
.cal_wrap .next_month a:hover {background-image:url('../../../../../images/domain/mayor/board/cal_btn2_on.gif')}



/*뒤로가기버튼*/
.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;}


/*사진형 게시판 - 목록*/
.p_date img{vertical-align: middle !important;}
.p_writer img{vertical-align: middle !important;}
/*검색박스*/
.mayor_b_gallery_list_Wrap .board_topBox{background: #f6fafc; border: 0px;}
.mayor_b_gallery_list_Wrap .board_topBox .search .txt_box input{background: #fff;}
.mayor_b_gallery_list_Wrap .board_topBox .search .btn_box input{background: #516bbc; color: #fff;}
.mayor_b_gallery_list_Wrap .board_topBox .search .select_box{margin: 0 5px;}
/*리스트*/
.mayor_b_gallery_list_Wrap .board_gallery_list:after{background: #5d79d5;}



/*일반형 게시판 - 목록*/
/*검색박스*/
.mayor_boardlist_Wrap .board_topBox{background: #f6fafc; border: 0px;}
.mayor_boardlist_Wrap .board_topBox .search .txt_box input{background: #fff;}
.mayor_boardlist_Wrap .board_topBox .search .btn_box input{background: #516bbc; color: #fff;}
.mayor_boardlist_Wrap .board_topBox .search .select_box{margin: 0 5px;}
/*리스트*/
.mayor_boardlist_Wrap .board_list .table th{background:#fff; border-bottom: 2px solid #dfdfdf;}
.mayor_boardlist_Wrap .board_list .table{border-top:3px solid #5d79d5;}
.mayor_boardlist_Wrap .board_list .table td{border-bottom: 1px solid #ccc;}
.mayor_boardlist_Wrap .board_list{border-bottom: 1px solid #000;}


/*게시판 보기*/
.mayor_b_view_Wrap .view_top_area:after{background: #5d79d5 !important;}
.mayor_b_view_Wrap .view_detail li:after{background: #e20d62;}
.mayor_b_view_Wrap .file_zone{border:0px;  background: #eff2fa; border-radius: 20px;}
.mayor_b_view_Wrap .view_tit{border-bottom: 2px solid #e4e4e4cc;}
.mayor_b_view_Wrap .view_tit a{color:#000 !important;}

/*게시판 쓰기*/
.mayor_board_write{border-top:0px !important; }
.mayor_board_write .basic_box{border: 4px solid #f2f2f2; padding: 20px 15px; box-sizing: border-box; margin-bottom: 20px;}
.mayor_board_write .board_tbl{    border-top: 3px solid #5d79d5;}
.mayor_board_write .board_tbl tbody th{background-color: #f2f4f9; border-bottom: 1px solid #d9dce7;}


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


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


/*답변게시판 - 보기*/
.board_view .subject{border-top: 3px solid #5d79d5;background: #ffffff; font-size: 23px;font-weight: 600;padding: 15px 20px 10px 20px;box-sizing: border-box;     border-bottom: 2px solid #e4e4e4cc;}
.board_view .subject a{color: #000;}
.board_view .view_info,.board_view .view_file{padding:12px;border-bottom:1px solid #d9d9d9;line-height:20px; box-sizing: border-box;}
.board_view .view_info li{display:inline-block;font-size: 16px;color:#666;margin-right: 30px;}
.board_view .view_info li:last-child:after{padding:0;content:''}
.board_view .view_info li > span{display:inline-block;margin-left: 15px;color:#000;position: relative;font-weight: 500;}
.board_view .view_info li > span:after{display: inline-block;content: "";position: absolute;width: 6px;height: 6px;background: #e20d62;border-radius: 50%;left: -11px;top: 8px;}
.board_view .view_file{position:relative;padding-left:65px;font-size:14px;min-height:45px;}
.board_view .view_file.pdl_93{padding-left:93px;}
.board_view .view_file > span{position:absolute;top:12px;left:10px}
.board_view .format_size li{display:inline-block;background:url(/images/domain/junggu/bbs/ic_file.gif) 0 44% no-repeat;padding-left:16px;color:#666;padding-bottom:3px;}
.board_view .format_size li:after{content:'';display:inline-block;padding:0 5px;}
.board_view .format_size li:last-child:after{content:'';padding:0;}
.board_view .format_size li a{/* line-height:18px; */}
.board_view .format_size .format{color:#355da0;}
.board_view .b_con{padding:20px;border-bottom:1px solid #737373;min-height:180px;line-height:1.6;}
.board_view .b_con.st2{padding:20px 0;}
.board_view .b_con figcaption{display: none;}
.board_view .b_con img{max-width:100%}
.bbs_image{margin-bottom:20px;text-align:center;}

/* faq */
.cusbt{display:inline-block;font-size:13px;border:1px solid #355da0;color:#355da0;width:65px;text-align:center;line-height:20px;vertical-align: middle;}
.cusbt.prsIn{border-color:#d23a3a;color:#d23a3a}
.cusbt.prsPre{border-color:#626977;color:#626977}    
.pw_area .bt_st{margin:0px; border: 0;}
.pw_area .bt_st:hover{background: #ab0022 !important; border: 0;}


/*답변게시판 - 비밀번호*/
.pw_area{display: flex;padding:5% 5%;justify-content: center;align-items: center;background: #ecf4ff;}
.pw_area .icon{display: block; width: 86px; height: 107px; margin-right: 30px; background-image: url(/images/domain/mayor/sub/i_password.png); background-repeat: no-repeat; background-size: contain;}
.pw_area .tit h3{font-size: 22px;font-weight: 600;}
.login-frm input{vertical-align: middle; height: 27px; border-radius: 8px; border: 3px solid #ddd;}
.pw_area .tit p{ margin-bottom: 5px; display: inline-block;}


/* 버튼스타일 */ /* 고정값 */
.bt_st{display:inline-block;height:32px;margin:2px 3px 3px 3px;padding:0 15px;line-height:32px;cursor:pointer; font-size:15px; font-weight:normal;}
.bt_small{display:inline-block;border-radius:2px;cursor:pointer;padding:1px 8px;font-size:12px;height:22px;line-height:22px;box-shadow:none !important}
.bt_big{padding:10px 20px;font-size:16px;}
.bt_under{text-decoration:underline;}

.bt_red{background-color:#ec3b5a; color:#fff;}
.bt_red:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.bt_orange{background:#f76221;color:#fff; }
.bt_orange:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.bt_orange2{background:#f76221;color:#fff; border:1px solid #fb7519}
.bt_orange2:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.bt_gray{background:#999;color:#fff; }
.bt_darkgray{background:#54535a;color:#fff;}
.bt_blue{background:#0089d0;color:#fff;}
.bt_green{background:#13a08e;color:#fff;}
.bt_sgray{border:1px solid #bbb;background:#f2f2f2;color:#666;border-color: #c8c8c8 #9c9c9c #9c9c9c #c8c8c8;}
.bt_black{background:#383d41;color:#fff;}
.bt_pink{background:#ef3e61;color:#fff;}
.bt_pink:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.bt_down {position:relative; padding-right:30px;}
.bt_down:after {content:''; position:absolute; top:11px; right:15px; display:block; width:10px; height:11px; background:url('/images/domain/junggu/common/bt_down.png') 0 0 no-repeat}
.bt_down2 {position:relative; padding-left:12px;padding-right:30px; border:1px solid #d1d1d1; margin:0;line-height:30px;height:30px;}
.bt_down2:after {content:''; position:absolute; top:8px; right:10px; display:block; width:15px; height:14px; background:url('/images/domain/junggu/common/icon_down_b.gif') 0 0 no-repeat}
.bt_down3 {display:block; height:35px;margin:0 3px 5px 3px;padding:0 15px;line-height:33px; border:1px solid #d1d1d1; font-size:14px}
.bt_down3::after {content:'';display:inline-block;margin-left:5px;width:15px;height:15px;background:url('/images/domain/junggu/common/down_btn3.png') 0 1px no-repeat;}
.bt_viewer {display:inline-block; background:#707070; color:#fff;box-shadow:0 2px 0 0 #323232; padding:1px 7px; margin-left:4px; }

.bt_sch{height:38px;background:#5d5d5d;color:#fff;padding:0 15px;}

.blank_btn {display:inline-block; height:35px;margin:0 3px 5px 3px;padding:0 15px;line-height:33px; border:1px solid #d1d1d1; font-size:14px; box-sizing: border-box; color: #000;}
.blank_btn::after {content:'';display:inline-block;margin-left:5px;width:14px;height:15px; background: url(/images/domain/junggu/sub/blank.png) right 1px no-repeat;}

.blank_btn2 {display:inline-block; height:40px;margin:0 3px 5px 3px;padding:0 20px 0 30px ;line-height:37px; border:1px solid #d1d1d1; font-size:16px; font-weight:600;}
.blank_btn2::after {content:'';display:inline-block;margin-left:15px;width:14px;height:15px;background:url('/images/junggu/common/blank.gif') 0 0px no-repeat;}



/* 언론보도 */
.press_list2 {position:relative;width:100%;    border-top: 3px solid #5d79d5;}
.press_list2:after {clear:both;content:"";display:block;}
.press_list2 li {float:left;width:100%;border-bottom:1px solid #d9d9d9;}
.press_list2 li:hover {background-color:#f5f5f5;}
.press_list2 li .board-li-wrap {position:relative;padding:20px 10px 20px 65px;}
.press_list2 li .board-li-wrap:after {clear:both;content:"";display:block;}
.press_list2 .pnum {display:block;position:absolute;left:5px;top:50%;width:50px;height:1.5em;margin-top:-0.7em;text-align:center;letter-spacing:-1px;}
.press_list2 .pnotice {display:block;position:absolute;left:5px;top:33px;width:50px;text-align:center;letter-spacing:-1px;}
.press_list2 .ptitle {display:block;margin-right:120px;font-weight:bold;}
.press_list2 .ptitle a:hover, .press_list2 .ptitle a:focus {font-weight:bold;color:#1e4ddd;text-decoration:underline;}
.press_list2 .pcate {line-height:1.2em;color:#1e4ddd;font-weight:normal;font-size:0.923em;display:inline-block;vertical-align:top;}
.press_list2 .pcate:after {content:'|';font-size:18px;line-height:1em;padding-left:10px;padding-right:10px;display:inline-block;vertical-align:top;}
.press_list2 .ptit {font-size:1.231em; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;width:auto;max-width:100%;}
.press_list2 .isNotice .ptit {font-weight:bold;}
.press_list2 .ptit * {vertical-align:top;}
.press_list2 .pcont {font-size:0.923em;display:block;margin-right:120px;padding-top:5px;padding-bottom:5px;}
.press_list2 .pcont2 img {max-width:100%;}
.press_list2 .pinfo {color:#555;padding-top:0px;text-align:left;display:block;margin-top:5px;}
.press_list2 .pinfo .files, .press_list2 .pinfo .writer, .press_list2 .pinfo .date, .press_list2 .pinfo .read {display:inline-block;width:auto;}
.press_list2 .pinfo .files  {width:24px;text-align:center;}
.press_list2 .pinfo .read .lbl {display:inline-block;;}
.press_list2 .pinfo .read .num {display:inline-block;padding-left:5px;}
.press_list2 .pinfo em {font-style:normal; color:#ccc; padding:0 7px;display:inline-block;}
.press_list2 .cmtNum {font-size:10px;color:#d4151c; font-family:Verdana; font-weight:normal;}
.press_list2 .pbtns {position:absolute;right:10px;top:50%;margin-top:-20px;max-width:140px;}
.press_list2 .pbtns .blank_btn:hover { background-color: #e3e5ff; border: 1px solid #a5a8f2;}
/*.press_list2 .pbtns .blank_btn:hover:after {background:url('/images/junggu/common/blank_w.gif') 0 1px no-repeat;margin-left:20px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;text-align:left;}*/








@media all and (max-width:800px) {	
	/* 달력 */
	.cal_area::before {display:none}
	.cal_area .left_con {float:none; width:100%; padding:30px 0 30px 0}
	.cal_area .right_con {float:none; width:100%; padding-bottom:30px; border-top:1px solid #dddddd}	
	.cal_area .right_con .title {margin-top:30px; font-size:18px}
	.cal_area .right_con .title strong {padding:11px 0 12px 42px; background-size:30%; }
	.cal_area .right_con ul {margin-top:10px; padding:0 2%}
	.cal_area .right_con ul li div > span {display:inline-block; width:100%; margin:0 5% 5px 0px}
	.cal_area .right_con .adm_btn {padding:20px 2% 0 0%}

/* pagination */
    .pagination li .page_link{width: 25px; line-height: 25px; font-size: 14px;}
}

/* 달력-관리자 */
.cal_area.adm .left_con {width:41%}
.cal_area.adm::before {position:absolute; top:0; left: 44%;}
.cal_area.adm .right_con {width:53%; padding:0 0px 30px 30px}
.cal_area.adm .right_con .title {margin-top:44px}
.cal_area.adm .right_con .board_write textarea {height:153px}

@media all and (max-width:800px) {	
	/* 달력-관리자 */
	.cal_area.adm .left_con {width:100%}
	.cal_area.adm .right_con {width:100%; padding:0}
	.cal_area.adm .right_con .title strong {background-size:27%; }
	.cal_wrap .currunt_month{font-size:25px;}

}  


.sub_wrap h3 {margin-top:35px;margin-bottom:35px;padding-left:30px;font-weight:bold;font-size:21px;color: #b41eb5;background: url('../../../../../images/domain/mayor/board/list_bt1.png') 0 9px no-repeat;}

/* 테이블st1 */
.tbl_basic {width:100%;border-top:2px solid #666; border-bottom:1px solid #e1e1e1; text-align:center;line-height:1.6em}
.tbl_basic th,.tbl_basic td{padding:12px;border:1px solid #e1e1e1; border-width:1px 1px 0 1px; word-break: break-all;}
.tbl_basic thead tr th {background:#f6f6f6; font-weight:bold;}
.tbl_basic tbody tr th ,.tbl_basic tfoot tr th {background:#f7f7f7; 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}
.b_con .tbl_basic th, .b_con .tbl_basic td{padding-top:7px;padding-bottom:7px;}
.tbl_basic tbody tr td strong.big {font-size:17px; color:#363636; letter-spacing:-1px}
.tbl_basic tbody tr td strong.big span.st1 {color:#3b7909}
.tbl_basic tbody tr td strong.big span.st2 {color:#de5900}
.tbl_basic tbody tr td strong.big span.st3 {color:#00249b}
.tbl_basic tbody tr td strong.big span.st4 {color:#c2086d}
.tbl_basic tbody tr td strong.big span.st5 {color:#452597}

@media all and (max-width:620px) {
/* 테이블 */	
	.tbl_basic {line-height:1.6em}
	.tbl_basic th,.tbl_basic td{padding-right:5px;padding-left:5px;font-size:14px; line-height:1.4;}
	.tbl_basic .num{display:none;}
	.tbl_basic tbody tr td strong {font-size:14px}

/*답변게시판 - 비밀번호*/
    .pw_area .icon{display: none;}
    .pw_area .tit h3{font-size: 19px;}
    .pw_area .tit p{font-size: 14px;}



/* 언론보도 */
.press_list2 li .board-li-wrap {padding-left:10px;}
.press_list2 .pnum {display:none;}
.press_list2 .ptit {font-size:16px;}
.press_list2 .pinfo {font-size:14px;}



}       


/* 게시판 글쓰기 */
.board_write{width:100%;margin-bottom:20px;border-top:2px solid #b61fb0;}
.board_write tbody th{border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;vertical-align:middle;background:#fbedfa;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 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 tbody td input {line-height:45px}

/*업무추진비공개*/

.bbs_skin fieldset {border:1px solid #d9d9d9; padding:15px 20px 15px 20px;  position: relative;
    margin-bottom: 30px;}
.bbs_skin .left {float:left;}
.bbs_skin .right {float:right;}
.bbs_skin .right input {border:1px solid #d9d9d9; height:27px}
.bbs_skin .right select {border:1px solid #d9d9d9; height:29px;}
.bbs_skin .right .form_sm {background:#222; color:#fff; padding:0 20px;border:0; height:29px}
.bbs_skin .basic_box {margin-bottom:30px;}

@media screen and (max-width: 550px) {
 .bbs_skin .left {float:none;}
.bbs_skin .right {float:none;}
 .bbs_skin .right select{width:100%;margin:5px 0}
 .bbs_skin .right input {width:99.5%;}
 .bbs_skin .right .form_sm {margin-top:5px; width:100%}
}
@media screen and (max-width: 480px) {

/*답변게시판 - 비밀번호*/
.login-frm input{ width: 185px;}

}

.list_none td {text-align:center; padding:15px 0;}

.bbs_btn {text-align:right;}
.bbs_btn a.bbs_bt2{padding: 0 20px; line-height: 40px; font-size: 15px; box-sizing: border-box; display:inline-block; color: #fff; background-color: #444}