@import url("bxslider.css");

#content-container h3{font-size:1.2em; font-weight:bold; color:#333;}

/* 섹션 정보 */
.tit-content{padding:17px 12px 2px 12px;}
.wrp-content{margin:0 10px 16px 10px; background:#fff; color:#333; -webkit-box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5); -moz-box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5); box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5);}
.wrp-content.sub-border{border-top:2px solid #4566a8;}
.wrp-content a{display:block; color:#333;}

/* 2014-01-13 소식 변경 */
.cnt-topnews{padding:10px 5px 10px 10px; overflow:hidden; border-bottom:1px solid #ddd;}
.cnt-topnews h4,
.cnt-news h4 {font-size:1em;}
.cnt-news h4 {padding: 15px 5px 10px 12px;border-bottom: 1px solid #ddd}
.cnt-topnews h4 a{}
.cnt-topnews h4 a img{float:left; margin-right:0.5em; width:100px !important; height:74px !important;}
.cnt-topnews h4 a span{display:block; font-size:0.867em; font-weight:normal;}
.cnt-topnews h4 a em{display:block; overflow:hidden; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; font-size:1.067em;}
.cnt-topnews p{margin-top:4px; font-size:0.8em; color:#747474;}
.cnt-topnews p.text{display: block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; color:#777; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

ul[class*="lst-news"]{}
ul[class*="lst-news"] li{position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
ul[class*="lst-news"] li:nth-last-child(1){border-bottom:0;}
ul[class*="lst-news"] li a{padding:0.7em 11px;}
ul[class*="lst-news"] li a span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul[class*="lst-news"] li span.date{font-size:0.733em; color:#747474;}
.lst-news-submain li a{padding-right:12px !important;}
.lst-news-submain li a span{white-space:normal !important;}
/*.lst-news-submain li a span{display:-webkit-box !important; white-space:normal !important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}*/
.lst-news-submain li a span.category{display:inline !important; padding-left:2px; font-size:0.733em; line-height:1; color:#747474;}
.lst-news-submain li img{position:relative; float:right; margin-left:12px; height:59px !important; min-width:85px; max-width:85px; width:85px !important;}
.lst-news-submain li span.date{display:block; margin-top:-5px; padding:0 11px 0.8em 11px; line-height:1;}
.lst-news-submain2 li a{padding:0.7em 90px 0.7em 11px !important;}
.lst-news-submain2 li span{display:block;}
.lst-news-submain2 li span.category{margin-top:6px; padding-bottom:2px; font-size:0.733em; color:#747474;}
.lst-news-submain2 li span.date{position:absolute; top:50%; right:11px; margin-top:-0.4em;}
.lst-news-date li a{padding-right:90px !important;}
.lst-news-date li span.date{position:absolute; top:50%; right:11px; margin-top:-0.4em;}
.lst-news-3depth{border-top:2px solid #4566a8;}
p.btn-morenews{border-top:1px solid #ddd; text-align:right;}
p.btn-morenews a{padding:1em 11px; font-size:0.867em; color:#5271ad;}
p.btn-morenews-type2 {position: absolute;top: 4px;right: 0;border:0;}


/* 페이징 */
.paging{padding:12px 20px 16px 20px;text-align:center;}
.paging a{display:inline-block; position:relative; margin-right:-1px !important; z-index:1; min-width:32px; height:32px; line-height:34px !important; border:1px solid #ccc; background:#fff; color:#666;}
.paging span{display:inline-block; position:relative; margin-right:-1px; z-index:1; min-width:32px; height:32px; line-height:34px !important; border:1px solid #ccc; background:#fff; color:#666;}
.paging span.current{border-color:#1e9de4; background:#49b5f1;color:#fff;}


/* 추천정보 */
.lst-recommend{padding:10px 5px; overflow:hidden;}
.lst-recommend li{float:left; width:50%;}
.lst-recommend a{margin:0 5px;}
.lst-recommend img{display:block; width:100%; max-width:270px; max-height:200px; margin-bottom:3px;}

/* 본문 보기 */
.wrp-content-view{padding:12px 12px 28px 12px; border-top:2px solid #4566a8; background:#fff; -webkit-box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5); -moz-box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5); box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5);}
.wrp-content-view .author{font-size:0.733em; line-height:1.5; color:#747474;}
.wrp-content-view .author span{color:#333;}
.wrp-content-view .subject{padding-bottom:5px;}
#post_content{padding-top:20px; font-size:0.933em; line-height:1.5; clear:both;}
#post_content p{padding-bottom:5px;}
#post_content img{max-width:100% !important; height:auto !important;}
#post_content table{margin-bottom:5px; width:100% !important; max-width:100% !important; border:1px solid #ccc; table-layout:auto !important;}
#post_content table th, #post_content table td{border:1px solid #ccc;}
.wrp-content-view .content{padding-top:20px; font-size:13px; line-height:1.5; clear:both;}
.wrp-content-view .content h5, .wrp-content-view .content h6{font-size:1em; margin:10px 0 3px 0;}
.wrp-content-view .content p{padding-bottom:5px;}
.wrp-content-view .content img{max-width:100% !important; height:auto !important;vertical-align: middle} /* 2017-02-21 */
.wrp-content-view .content table{margin-bottom:5px; width:100% !important; max-width:100% !important; border:1px solid #ccc; table-layout:auto !important; text-align:center;}
.wrp-content-view .content table th, .wrp-content-view .content table td{padding-top:0.3em; padding-bottom:0.2em; border:1px solid #ccc; word-break:break-all;}
.end_btn{padding-bottom:4px;}

.wrp-content-view .content ul{padding:0 0 5px 5px;list-style-type: none !important;}
.wrp-content-view .content li{margin-bottom:4px; list-style-type:inherit;}
.wrp-content-view .content ul li{background:url("../images/ico/ico-dot.gif") no-repeat 0 6px; padding-left:10px;}
.wrp-content-view .content ul li ul{padding-bottom:0;}
.wrp-content-view .content ul li ul li{margin-bottom:2px; list-style:none; background:url("../images/ico/ico-dash.gif") no-repeat 0 5px;}

.wrp-content-view .recommend{margin-top:28px; font-size:11px; text-align:center;}
.wrp-content-view .recommend a{display:inline-block; color:#fff; border-bottom-left-radius:3px; border-bottom-right-radius:3px; -webkit-box-shadow: 0px 2px 0px 0px rgba(21, 60, 139, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(21, 60, 139, 1); box-shadow: 0px 2px 0px 0px rgba(21, 60, 139, 1);}
.wrp-content-view .recommend span{display:inline-block; height:31px;}
.wrp-content-view .recommend span.holder{padding-left:71px; border-top-left-radius:3px; border-top-right-radius:3px; background-color:#4566a8; background-image:url(../images/bg/bg-recommend.png); background-position:10px top; background-repeat:no-repeat; background-size:61px 31px;}
.wrp-content-view .recommend span.count{padding:0 6px; line-height:37px;}
.wrp-content-view .footer{margin-top:28px; padding:10px 0 1px 0; border-bottom:2px solid #b2b2b2; overflow:hidden;}
.wrp-content-view .footer .author{float:left;}
.wrp-content-view .footer .creativecommons{float:right;}

#sub_centent img{max-width:100% !important; height:auto !important;}


/* 관련소식 */
#view_new_tit .sub_tit{font-size:1.2em; color:#333;}
#view_newUL li{position:relative; border-bottom:1px solid #ddd;}
#view_newUL li a{display:block; padding:0.7em 100px 0.7em 11px; color:#333;}
#view_newUL li span{position:absolute; top:50%; right:11px; margin-top:-0.65em; font-size:0.867em; color:#747474;}

/*게시글 페이징
.paging{padding:5px 0; text-align:center;}
	.paging .page-numbers{display:inline-block; margin:0 2px; min-width:30px; height:30px; line-height:30px; border:1px solid #ccc; border-radius:3px;}
	.paging a{background-color: #fff; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.01, rgb(255,255,255)), color-stop(1, rgb(243,243,243)) ); background-image: -moz-linear-gradient( center top, rgb(255,255,255), rgb(243,243,243) ); background-image: -ms-linear-gradient( top, rgb(255,255,255) 0%, rgb(243,243,243) 100%); Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f3f3f3);}
	.paging .current{background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.01, rgb(243,243,243)), color-stop(1, rgb(255,255,255)) ); background-image: -moz-linear-gradient( center top, rgb(243,243,243), rgb(255,255,255) ); background-image: -ms-linear-gradient( top, rgb(243,243,243) 0%, rgb(255,255,255) 100%); Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f3f3f3, endColorstr=#ffffff);}
*/


/* 탭 pc 가져오기 */
#view_box{margin-bottom:15px; padding:1px; border:1px solid #d4d4d4;}
#view_boxUL{overflow:hidden; border:1px dotted #ddd;}
#view_boxUL li{padding:0.2em 0.3em;}
#view_boxUL li.on{font-weight:bold;}
#view_boxUL li.view_boxLI a{font-size:12px; color:#727272;}
#view_boxUL li.on{font-weight:bold;}
#view_boxUL li.on a{text-decoration:underline;}
.tab_menu{padding:3px !important; border:1px solid #d4d4d4; outline:1px dotted #ddd; outline-offset:-3px;}
.tab_menu li{margin:0 !important; padding:0.2em 0.3em !important; background:none !important;}
.tab_menu li a{font-size:12px; color:#727272;}
.tab_menu li.on{font-weight:bold;}
.tab_menu li.on a{text-decoration:underline;}

/* 커스텀 버튼 */
.ButtonStyle{display:inline-block; height:31px; overflow:hidden; color:#fff !important; border-bottom-left-radius:3px; border-bottom-right-radius:3px; -webkit-box-shadow: 0px 2px 0px 0px rgba(21, 60, 139, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(21, 60, 139, 1); box-shadow: 0px 2px 0px 0px rgba(21, 60, 139, 1); font-size:13px; text-align:center;}
.ButtonStyle span{display:inline-block; padding:0 10px; min-width:50px; height:31px; line-height:35px; border-top-left-radius:3px; border-top-right-radius:3px; background-color:#4566a8;}

/* 카드형 게시물 리스트 */
.board-row{margin-left:0 !important; margin-right:0 !important; padding-bottom:5px !important; }
.board-row a.h2{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333 !important;}
.board-author{margin-top:7px; font-size:11px; color:#747474 !important;}

iframe{display:block; margin:0 auto; max-width:100%;}

/* 
	공통 게시판 검색
	#boardsearch의 경우 신규 작성용
	#board-search의 경우 기존 클래스 상속 수정.
*/
#boardsearch{margin-bottom:5px; overflow:hidden;}
#boardsearch .holder{float:right;}
#boardsearch .holder *{float:left;}
#boardsearch .holder span, #boardsearch .holder .search-button{margin-left:5px;}
#boardsearch .holder select{width:60px; height:18px;}
#boardsearch .holder input[type=text]{padding-left:5px; width:95px; height:16px; border:1px solid #ddd;}
#board-search, #board-search-mobile{}
#board-search-date-keyword{margin:0 0 5px 0 !important;}
#board-search-date-keyword ul li{margin:0 0 0 5px !important; padding:0 !important; background:none !important;}
#board-search-date-keyword ul li select{margin:0; padding:0; height:18px !important;}
#board-search-date-keyword ul li input{float:left;}
#board-search-date-keyword ul li input[type=text]{padding:0 0 0 5px !important; width:95px; height:16px !important; border:1px solid #ddd;}
#board-search-date-keyword ul li input[type=image]{padding:0 !important; height:18px !important;}

/* 게시판 리스트 */
div#board-wrapper{font:13px/1.5 'NanumBarunGothic', NanumBarunGothic, '나눔바른고딕', Dotum, '돋움', Gulim, '굴림' !important;}
table#board_view_table_basic{margin-top:0 !important; table-layout:auto !important; text-align:center !important;}
div#board-wrapper th, div#board-wrapper td, div#bd-view-list-wrapper th, div#bd-view-list-wrapper td{padding:0.3em 0 0.2em 0 !important; line-height:inherit !important;}
div#board-wrapper #board_view_table_basic th{padding:0.3em 0 0.2em 5px !important; text-align:left;}
div#board-wrapper #board_view_table_basic td{padding:0.3em 0 0.2em 10px !important; text-align:left;}
div#board-wrapper td.subject{text-align:left !important; padding-left:3px !important;}
div#board-wrapper a{font-family:'NanumBarunGothic', NanumBarunGothic, '나눔바른고딕', Dotum, '돋움', Gulim, '굴림' !important;}
div#board-wrapper td.subject a{color:#333 !important;}
div#board-wrapper img{vertical-align:middle;}
div#seoul-integrated-board .sib-lst-type-basic td {padding: 10px !important;} /* 2017-11-13 */
div#seoul-integrated-board table {border: 0;border-top: 2px solid #87a9cd}

/* 입력 양식 */
div#board-wrapper .frm-regist{text-align:left !important;}
div#board-wrapper .frm-regist th, div#board-wrapper .frm-regist td{font-weight:normal;}
div#board-wrapper .frm-regist th{padding:0 !important;}
div#board-wrapper .frm-regist td{padding:5px 10px !important;}
div#board-wrapper .frm-regist th label, div#board-wrapper .frm-regist th span{display:inline-block; padding-left:5px;}
.wrp-input{display:block; padding:0 5px; border:1px solid #ddd;}
	.wrp-input input{border:0; width:100%; height:18px;}
	.wrp-input textarea{border:0; width:100%; height:100px;}
.wrp-livere{margin-top:10px;}

/* 뷰페이지 */
div#board-wrapper .viw-board{text-align:left;}
	div#board-wrapper .viw-board th, div#board-wrapper .viw-board td{padding:0.3em 0 0.2em 5px !important;}

/* 페이징 */
div#board-wrapper div.board_list_btn_area{padding:10px 0 0 0 !important;}
div#board-wrapper div.board_list_paging, div#bd-view-list-wrapper div.board_list_paging{margin:12px 20px 16px 20px; padding:0 !important; text-align:center;}
div#board-wrapper div.board_list_paging a, div#board-wrapper div.board_list_paging strong, div#board-wrapper div.board_list_paging span.current-page,
div#bd-view-list-wrapper div.board_list_paging a, div#bd-view-list-wrapper div.board_list_paging strong, div#bd-view-list-wrapper div.board_list_paging span.current-page{display:inline-block; position:relative; margin-right:-1px; z-index:1; min-width:32px; height:32px; line-height:34px !important; border:1px solid #ccc; background:#fff; color:#666;}
div#board-wrapper div.board_list_paging strong, div#board-wrapper div.board_list_paging span.current-page,
div#bd-view-list-wrapper div.board_list_paging strong, div#bd-view-list-wrapper div.board_list_paging span.current-page{z-index:2; border-color:#4262a1; border-radius:1px; background:#5271ad; font-weight:normal; color:#fff;}

/* .wrp-content-view .content iframe {display:block; margin:0 auto; width:296px !important; max-width:100%; height:176px !important;} */
.wrp-content-view .content iframe {display:block; margin:0 auto; max-width:100%;} /* 2018-06-04 수정 */
iframe#webfilterTargetFrame{width:0 !important; height:0 !important;}



/************************************ 
	색상 변경
	분야 : 복지
************************************/

/* 섹션 정보 */
#color-palette-orange .wrp-content.sub-border{border-top:2px solid #f17b24;}

/* 2014-01-13 소식 변경 */
#color-palette-orange .lst-news-3depth{border-top:2px solid #f17b24;}
#color-palette-orange p.btn-morenews a{color:#f28433;}

/* 페이징 */
#color-palette-orange .paging strong, .paging span.current-page{border-color:#f17b24; background:#f28433;}

/* 본문 보기 */
#color-palette-orange .wrp-content-view{border-top:2px solid #f17b24;}
#color-palette-orange .wrp-content-view .recommend a{-webkit-box-shadow: 0px 2px 0px 0px rgba(99, 61, 33, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(99, 61, 33, 1); box-shadow: 0px 2px 0px 0px rgba(99, 61, 33, 1);}
#color-palette-orange .wrp-content-view .recommend span.holder{background-color:#f17b24;}

/* 커스텀 버튼 */
#color-palette-orange .ButtonStyle{-webkit-box-shadow: 0px 2px 0px 0px rgba(99, 61, 33, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(99, 61, 33, 1); box-shadow: 0px 2px 0px 0px rgba(99, 61, 33, 1);}
#color-palette-orange .ButtonStyle span{background-color:#f17b24;}

/* 페이징 */
#color-palette-orange div#board-wrapper div.board_list_paging strong,
#color-palette-orange div#board-wrapper div.board_list_paging span.current-page,
#color-palette-orange div#bd-view-list-wrapper div.board_list_paging strong,
#color-palette-orange div#bd-view-list-wrapper div.board_list_paging span.current-page{border-color:#f17b24; background:#f28433;}



/************************************ 
	색상 변경
	분야 : 여성
************************************/

/* 섹션 정보 */
#color-palette-pink .wrp-content.sub-border{border-top:2px solid #eb4458;}

/* 2014-01-13 소식 변경 */
#color-palette-pink .lst-news-3depth{border-top:2px solid #eb4458;}
#color-palette-pink p.btn-morenews a{color:#ef6979;}

/* 페이징 */
#color-palette-pink .paging strong, #color-palette-pink .paging span.current-page{border-color:#eb4458; background:#ef6979;}

/* 본문 보기 */
#color-palette-pink .wrp-content-view{border-top:2px solid #eb4458;}
#color-palette-pink .wrp-content-view .recommend a{-webkit-box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1); box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1);}
#color-palette-pink .wrp-content-view .recommend span.holder{background-color:#eb4458;}

/* 커스텀 버튼 */
#color-palette-pink .ButtonStyle{-webkit-box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1); box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1);}
#color-palette-pink .ButtonStyle span{background-color:#eb4458;}

/* 페이징 */
#color-palette-pink div#board-wrapper div.board_list_paging strong,
#color-palette-pink div#board-wrapper div.board_list_paging span.current-page,
#color-palette-pink div#bd-view-list-wrapper div.board_list_paging strong,
#color-palette-pink div#bd-view-list-wrapper div.board_list_paging span.current-page{border-color:#eb4458; background:#ef6979;}



/************************************ 
	색상 변경
	분야 : 안전·소방
************************************/

/* 섹션 정보 */
#color-palette-red .wrp-content.sub-border{border-top:2px solid #de4747;}

/* 2014-01-13 소식 변경 */
#color-palette-red .lst-news-3depth{border-top:2px solid #de4747;}
#color-palette-red p.btn-morenews a{color:#e05454;}

/* 페이징 */
#color-palette-red .paging strong, #color-palette-red .paging span.current-page{border-color:#de4747; background:#e05454;}

/* 본문 보기 */
#color-palette-red .wrp-content-view{border-top:2px solid #de4747;}
#color-palette-red .wrp-content-view .recommend a{-webkit-box-shadow: 0px 2px 0px 0px rgba(101, 51, 52, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(101, 51, 52, 1); box-shadow: 0px 2px 0px 0px rgba(101, 51, 52, 1);}
#color-palette-red .wrp-content-view .recommend span.holder{background-color:#de4747;}

/* 커스텀 버튼 */
#color-palette-red .ButtonStyle{-webkit-box-shadow: 0px 2px 0px 0px rgba(101, 51, 52, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(101, 51, 52, 1); box-shadow: 0px 2px 0px 0px rgba(101, 51, 52, 1);}
#color-palette-red .ButtonStyle span{background-color:#de4747;}

/* 페이징 */
#color-palette-red div#board-wrapper div.board_list_paging strong,
#color-palette-red div#board-wrapper div.board_list_paging span.current-page,
#color-palette-red div#bd-view-list-wrapper div.board_list_paging strong,
#color-palette-red div#bd-view-list-wrapper div.board_list_paging span.current-page{border-color:#de4747; background:#e05454;}



/************************************ 
	색상 변경
	분야 : 문화·관광·체육·디자인
************************************/

/* 섹션 정보 */
#color-palette-purple .wrp-content.sub-border{border-top:2px solid #9a5fb3;}

/* 2014-01-13 소식 변경 */
#color-palette-purple .lst-news-3depth{border-top:2px solid #9a5fb3;}
#color-palette-purple p.btn-morenews a{color:#a16ab8;}

/* 페이징 */
#color-palette-purple .paging strong, #color-palette-purple .paging span.current-page{border-color:#9a5fb3; background:#a16ab8;}

/* 본문 보기 */
#color-palette-purple .wrp-content-view{border-top:2px solid #9a5fb3;}
#color-palette-purple .wrp-content-view .recommend a{-webkit-box-shadow: 0px 2px 0px 0px rgba(97, 33, 102, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(97, 33, 102, 1); box-shadow: 0px 2px 0px 0px rgba(97, 33, 102, 1);}
#color-palette-purple .wrp-content-view .recommend span.holder{background-color:#9a5fb3;}

/* 커스텀 버튼 */
#color-palette-purple .ButtonStyle{-webkit-box-shadow: 0px 2px 0px 0px rgba(97, 33, 102, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(97, 33, 102, 1); box-shadow: 0px 2px 0px 0px rgba(97, 33, 102, 1);}
#color-palette-purple .ButtonStyle span{background-color:#9a5fb3;}

/* 페이징 */
#color-palette-purple div#board-wrapper div.board_list_paging strong,
#color-palette-purple div#board-wrapper div.board_list_paging span.current-page,
#color-palette-purple div#bd-view-list-wrapper div.board_list_paging strong,
#color-palette-purple div#bd-view-list-wrapper div.board_list_paging span.current-page{border-color:#9a5fb3; background:#a16ab8;}



/************************************ 
	색상 변경
	분야 : 주택·도시계획·부동산·마곡사업, 환경·공원·상수도, 건강·식품위생
************************************/

/* 섹션 정보 */
#color-palette-green .wrp-content.sub-border{border-top:2px solid #47a63d;}

/* 2014-01-13 소식 변경 */
#color-palette-green .lst-news-3depth{border-top:2px solid #47a63d;}
#color-palette-green p.btn-morenews a{color:#54ac4b;}

/* 페이징 */
#color-palette-green .paging strong, #color-palette-green .paging span.current-page{border-color:#47a63d; background:#54ac4b;}

/* 본문 보기 */
#color-palette-green .wrp-content-view{border-top:2px solid #47a63d;}
#color-palette-green .wrp-content-view .recommend a{-webkit-box-shadow: 0px 2px 0px 0px rgba(72, 119, 60, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(72, 119, 60, 1); box-shadow: 0px 2px 0px 0px rgba(72, 119, 60, 1);}
#color-palette-green .wrp-content-view .recommend span.holder{background-color:#47a63d;}

/* 커스텀 버튼 */
#color-palette-green .ButtonStyle{-webkit-box-shadow: 0px 2px 0px 0px rgba(72, 119, 60, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(72, 119, 60, 1); box-shadow: 0px 2px 0px 0px rgba(72, 119, 60, 1);}
#color-palette-green .ButtonStyle span{background-color:#47a63d;}

/* 페이징 */
#color-palette-green div#board-wrapper div.board_list_paging strong,
#color-palette-green div#board-wrapper div.board_list_paging span.current-page,
#color-palette-green div#bd-view-list-wrapper div.board_list_paging strong,
#color-palette-green div#bd-view-list-wrapper div.board_list_paging span.current-page{border-color:#47a63d; background:#54ac4b;}


/************************************ 
	색상 변경
	분야 : 서북병원
************************************/

/* 섹션 정보 */
#color-palette-sb .wrp-content.sub-border{border-top:2px solid #50b5c7;}

/* 2014-01-13 소식 변경 */
#color-palette-sb .lst-news-3depth{border-top:2px solid #50b5c7;}
#color-palette-sb p.btn-morenews a{color:#3b9db1;}

/* 페이징 */
#color-palette-sb .paging strong, #color-palette-sb .paging span.current-page{border-color:#50b5c7; background:#50b5c7;}

/* 본문 보기 */
#color-palette-sb .wrp-content-view{border-top:2px solid #50b5c7;}
#color-palette-sb .wrp-content-view .recommend a{-webkit-box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1); box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1);}
#color-palette-sb .wrp-content-view .recommend span.holder{background-color:#50b5c7;}

/* 커스텀 버튼 */
#color-palette-sb .ButtonStyle{-webkit-box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1); box-shadow: 0px 2px 0px 0px rgba(142, 21, 55, 1);}
#color-palette-sb .ButtonStyle span{background-color:#50b5c7;}

/* 페이징 */
#color-palette-sb div#board-wrapper div.board_list_paging strong,
#color-palette-sb div#board-wrapper div.board_list_paging span.current-page,
#color-palette-sb div#bd-view-list-wrapper div.board_list_paging strong,
#color-palette-sb div#bd-view-list-wrapper div.board_list_paging span.current-page{border-color:#50b5c7; background:#50b5c7;}

/************************************ 
	분야 : 어린이병원
************************************/
/* open-menu */
.open-menu-wrap{width:100%;border-top:1px solid #74b615;border-bottom:1px solid #74b615}
.open-menu-wrap .open-menu-list{position:relative;font-size:14px;background:url(/wp-content/themes/childhosp/images/sub/open-menu-line.gif) repeat-x 0px 34px;}
.open-menu-wrap .open-menu-list a span.number{display:inline-block;width:22px;height:22px;vertical-align:middle;margin:-4px 10px 0 7px;text-align:center;font-size:12px;color:#fff;font-weight:bold;background:url(/wp-content/themes/childhosp/images/sub/bg-number.gif) no-repeat 0px 0px;line-height:22px;}
.open-menu-wrap .open-menu-list.on a span.number{background:url(/wp-content/themes/childhosp/images/sub/bg-number.gif) no-repeat 0px -22px;}
.open-menu-wrap .open-menu-list a span.arrow{position:absolute;display:inline-block;right:15px;top:12px;width:17px;height:10px;background:url(/wp-content/themes/childhosp/images/sub/bg-arrow.gif) no-repeat 0px 0px;text-indent: -9999em}
.open-menu-wrap .open-menu-list.on a span.arrow{background:url(/wp-content/themes/childhosp/images/sub/bg-arrow.gif) no-repeat 0px -10px;}
.open-menu-wrap .open-menu-list a{display:block;margin-top:2px;color:#666 !important;text-decoration:none !important;height:35px;line-height:30px}
.open-menu-wrap .open-menu-list.on a{color:#333 !important;}
.open-menu-wrap .open-menu-list .open-menu-centent{padding:0px 20px 20px 20px;border-bottom:1px solid #e6e6e6;background:#f7f7f7;font-size:14px !important;color:#333 !important;display:none;overflow:hidden}
.open-menu-wrap .open-menu-list .open-menu-centent h5{font-weight:bold;color:#5e970c !important;}
.open-menu-wrap .open-menu-list .open-menu-centent table td{background:#fff}
.open-menu-centent .align-left {display: inline;float: left;margin-right: 1.5em;}

/* 2017-01-09 한강 작은 결혼식 css 추가 */
.wrp-content-view .table_2by2 {width: 250px; height: 60px; padding-bottom: 0; margin: 10px auto 10px; overflow: hidden;}
.wrp-content-view .table_2by2 li {float: left; width: 50px; height: 28px; line-height: 28px; margin-top: 0; border: 1px solid #d4d4d4; list-style: none;}
.wrp-content-view .table_2by2 li.td {width: 190px;}
.wrp-content-view .table_2by2 li.border-bottom-none {border-bottom: 0;}
.wrp-content-view .table_2by2 li.border-right-none {border-right: 0;}
.wrp-content-view .small-wedding-wrap ul li {padding-left: 0; margin-bottom: 0; background: none;}

/* 2017-01-10 함상공원 css 추가 */
.wrp-content-view .hamsang-park-wrap h5 {color: #0075d9;}
.wrp-content-view .hamsang-park-wrap .align-center {text-align: center;}

/* 2017-01-10 분야별(경제,일자리) 정보기획>정보화소식 css 추가 */
.wrp-content-view .content .mobile-table-row tr {overflow: hidden;}
.wrp-content-view .content .mobile-table-row tr td {float: left; width: 100%;}
.wrp-content-view .content .mobile-table-row tr td p {text-align: center;}
.wrp-content-view .content .mobile-table-row tr td #attachment_96460 {width: auto !important;}
.wrp-content-view .content .mobile-table-row tr td div span {display: inline-block;}

/* 2017-01-18 모바일 스타일 추가 */
.mobile-hide {display: none}
.mobile-inline {display: inline-block}
.mobile-block {display: block}
.mobile-pad0 {padding-left: 0 !important}

/* 2017-02-14 버튼 그룹 style */
.btn-group {margin: 20px 0;text-align: center}
.btn-group a, .btn-group button {display: inline-block;margin: 0 3px 5px}
/* 2017-03-07 list type none */
.wrp-content-view .content ul.list-type-none > li {list-style-type: none !important; background: none !important; padding-left: 0;}
/* 2017 new button */
.btn-style, button.btn-style {display: inline-block;padding: 0 0 0 20px;color: #fff !important;font-family: '돋움', dotum;font-size: 14px;font-weight: bold;border: 0;background-image: url(/wp-content/themes/seoul/images/common/btn/btn_style.png);background-repeat: no-repeat;background-position: 0 0;cursor: pointer;vertical-align: top}
.btn-style span, button.btn-style span {display: inline-block;height: 40px;line-height: 40px;padding-right: 20px;/* padding: 5px 20px 5px 0; */background-image: url(/wp-content/themes/seoul/images/common/btn/btn_style.png);background-position: 100% 0;}
.btn-style-white-arrow span, .btn-style-yellow-arrow span {padding-right: 30px;}
.btn-style-white-arrow span:after {content:" "; position:absolute; width: 6px; height: 10px;margin:  13px 0 0 10px;background: url(/wp-content/themes/seoul/images/common/btn/btn_arrow_white.png) no-repeat 0 0;}
.btn-style-yellow-arrow span:after {content:" "; position:absolute; width: 6px; height: 10px;margin: 13px 0 0 10px;background: url(/wp-content/themes/seoul/images/common/btn/btn_arrow_yellow.png) no-repeat 0 0;}
.btn-style-wide, button.btn-style-wide {padding: 0 0 0 30px}
.btn-style-wide span, button.btn-style-wide span {padding: 0 45px 0 0}
.btn-style-narrow, button.btn-style-narrow {padding: 0 0 0 10px}
.btn-style-narrow span, button.btn-style-narrow span {padding: 0 10px 0 0}
.btn-style-default span {color: #525252 !important;}
.btn-style-green {background-position: 0 -50px}
.btn-style-green span {background-position: 100% -50px}
.btn-style-red {background-position: 0 -100px}
.btn-style-red span {background-position: 100% -100px}
.btn-style-pink {background-position: 0 -150px}
.btn-style-pink span {background-position: 100% -150px}
.btn-style-blue {background-position: 0 -200px}
.btn-style-blue span {background-position: 100% -200px}
.btn-style-blue2 {background-position: 0 -350px}
.btn-style-blue2 span {background-position: 100% -350px}
.btn-style-violet {background-position: 0 -250px}
.btn-style-violet span {background-position: 100% -250px}
.btn-style-orange {background-position: 0 -300px}
.btn-style-orange span {background-position: 100% -300px}
.btn-style-brown {background-position: 0 -350px}
.btn-style-brown span {background-position: 100% -350px}

/* 2017 분야별 메인 개편 */
.new-2017 #mainTopic dd {line-height: 0}
.new-2017 #mainTopic dd img {width: 100%;}
.new-2017 .cnt-topnews {padding:10px 15px;border-bottom: 0}
.new-2017 .cnt-topnews h4 a span {font-size: 1.133em}
.new-2017 .cnt-topnews p.text {font-size: 0.933em}
.new-2017 p.btn-morenews {border-top: 0}
.new-2017 p.btn-morenews a {font-weight: bold;}
.new-2017 .news-list {margin: 0 10px;padding: 15px 10px 0;border-top: 1px dotted #bbb;border-bottom: 1px dotted #bbb;}
.new-2017 .news-list li {margin-bottom: 12px;padding-left: 10px;background: url(/wp-content/mobile-themes/seoul/images/ico/ico_dot_2017.png) no-repeat 0 6px;background-size: 4px 4px;}
.title-ellipsis {display:inline-block; overflow:hidden; width:98%; white-space:nowrap; padding-left:0; text-overflow:ellipsis; -o-text-overflow:ellipsis;-ms-text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap:normal;}

/* 분야별 정책소개 업무계획 다운로드 */
.workplan-download a {padding: 0 24px 2px 0; border-bottom: 1px solid #c7170e; font-weight:bold; font-size:1.077em; color:#c7170e !important; background:url(/wp-content/plugins/seoul-common/images/icon_download.png) no-repeat right 1px;}

/* 2017-05-04 공통 레이어 */
.imagelayer {display:none; position:fixed; z-index:99999; top:0; left:0; right:0; bottom:0;overflow:auto; opacity:0; background:rgba(0,0,0,.5);box-sizing: border-box}
.imageLayer-content {position:relative; z-index:6666; margin:0 auto; width: 90%;}
.imageLayer-img {width: 100%}
.imageLayer-close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: transparent url(/wp-content/themes/seoul/images/common/btn_layerClose.png) no-repeat 0 0;border: 0;cursor: pointer}


/* 통합/분야/비분야 게시판 스타일 공통 2021-05-18 */
.wrp-content-view .header.header_new {background-color: #f4f6f7;border-top: 1px solid #767676;border-bottom: 1px solid #767676;padding: 10px 0 0;}
.header.header_new * {box-sizing: border-box;}
#content-container .header.header_new h3 {padding-left: 10px;padding-right: 10px;}
.header.header_new dl {display: block;overflow: hidden;color: #222}
.header.header_new dl dt {float: left;padding: 10px 20px;color: inherit;}
.header.header_new dl dd {float: left;width: 50%;padding: 10px 20px;color: inherit;}
.header.header_new dl.row1 dt, .header.header_new dl.row1 dd {padding: 16px 20px 10px}
.header.header_new dl.row2 {border-top: 1px solid #e2e2e2;}
.header.header_new dl.row2 dt {width: 18%;}
.header.header_new dl.row2 dd {width: 82%;background: #fff;}
.header.header_new dl dd.date {padding: 36px 20px 10px}
.header.header_new dl dd.dept {text-align: right}
.header.header_new dl dd.dept span {display: block;text-align: right;}

.link.link_new {padding: 15px 0 10px;border-top: 1px solid #767676;border-bottom: 1px solid #767676}
.link.link_new>span {display: inline-block;padding: 5px 0;vertical-align: top;}
.link.link_new ul.lst-sns {top: 12px;}
.link.link_new  .lic {float: left}
.link.link_new .link {float: right;margin-top: -5px;}
@media (max-width: 440px) {
.header.header_new dl.row2 dt {padding: 10px;}
}

/* 응답소 추가 2022-03-31 */

.comment_eungdapso{position:relative; width:100%; box-sizing:border-box; border-top:#767676 1px solid; border-bottom:#767676 1px solid; padding:35px 20px; text-align:left;}
.comment_eungdapso p.txt-1{font-size:16px;line-height:1.6;padding:0; color:#222;word-break: keep-all}
.comment_eungdapso p.txt-1 strong{ color:#0c82e9 !important;}
.comment_eungdapso p.txt-2{ margin-top:15px; font-size:14px;line-height:1.4;padding:0; color:#767676;word-break: keep-all;}
.comment_eungdapso > .btn{ position:absolute; bottom:35px; right:20px; margin-top:0; text-align:left; min-width:195px; border-bottom:#222 1px solid;}
.comment_eungdapso > .btn > a{ line-height:25px; padding:0 45px 0 0; display:block; color:#222 !important; text-decoration:none !important; font-size:14px; }
.comment_eungdapso > .btn:after{ content:""; position:absolute; right:9px; bottom:-4px; width:1px; height:25px; background-color:#222; display:block; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.comment_eungdapso .e-btn{position:absolute;right:15px;top:26px}
.comment_eungdapso_type1 {background: #fafafa}
.comment_eungdapso_type1 p.txt-2 {position: relative;padding-left: 22px;margin-left: 6px;padding-right: 240px;}
.comment_eungdapso_type1 p.txt-2:before {content: '';position: absolute;top: 0;left: 0;width: 18px;height: 18px;background: url(https://www.seoul.go.kr/res_newseoul/images/icon_bul_notify.png) no-repeat 0 0;background-size: 100% auto; }
.comment_eungdapso_type1 p.txt-2 span {display: inline;position: relative;padding-bottom: 0px;border-bottom: 1px solid #767676;}
@media (max-width: 767px) {
    .comment_eungdapso {padding: 20px 10px 60px}
    .comment_eungdapso > .btn {bottom: 20px;right: 10px}
		.comment_eungdapso p.txt-2 {padding-right: 10px}
}

@media (min-width: 768px) {
    .comment_eungdapso .pc-block {display: block;}
}