#header{
	background:#fff;
}
.header-logo .logo > .busan_link{
	background:url(/humanframe/global/assets/img/common/logo.svg)no-repeat center center / contain;
}
.header-logo .mayor_link{
	color:#333;
	/* background:url(/humanframe/theme/mayor24/assets/img/main/mayor_sign_bk.png)no-repeat right center / auto 57px; */
}
.header-nav .header-memu > li > a{
	color:#333;
}
.header-nav-btn:after, .header-nav-btn:before, .header-nav .header-memu>li>a:before{
	background:#333;
}
.header-nav-btn > span{
	background:#333;
}
#container {
    padding-top: 127px;
    padding-bottom: 0px;
}
video{
	background:#fff;
}
.boardHead{
	margin-top:-20px;
}
#contents{
	margin-bottom:0;
}
@media all and (max-width:1024px){
	#container {
    padding-top: 60px;
}
	.header-logo .mayor_link{
    line-height: 40px;
    width: 250px;
    background-size: auto 36px;
    }
}
.title_bx{
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;
}

.title_bx > img{
  	transform: scale(1.2);
	animation-name:zoomin;
	animation-duration:2s;
	animation-delay:0.3s;
    animation-timing-function:ease;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
    object-fit: cover;
    display: block;
    min-height: 120px;
}
@keyframes zoomin{
    0%{
      transform: scale(1.2);
    }
    100%{
     	transform: scale(1);
    }
}
@keyframes goright{
    0%{
      width:0;
    }
    100%{
   		width:100%;
    }
}
.title_bx > .page_title{
	display:block;
	width:auto;
	color:#333;
/* 	position:absolute;
	top:33.898305%;
	left:50%;
	transform:translate(-50%,0); */
	padding:80px 0 0;
	text-align:center;
	line-height:1em;
	font-size:3.6rem;
	font-weight:800;
	opacity:0;
	animation-name: showUp;
	animation-duration:2s;
	/* animation-delay:1.5s; */
    animation-timing-function:ease;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;	
    white-space: nowrap;
}
@keyframes showUp{
    0%{
	transform:translate(0,30px);
		opacity:0;
    }
    100%{
	transform:translate(0,0);
	opacity:1;
    }
}
.container-inner{
	max-width:1500px;
}
.tableMt th, .tableMt td {padding: 7px;}

/* 검색 */
.boardSearchForm {border: none;}
.ui-datepicker-trigger {border-radius: 0 0.5rem 0.5rem 0; width: 5.1rem; height: auto; background: #757575;}
 button.ui-datepicker-trigger img {width: auto; height: auto;}
.boardSearchForm .rowTable .row .group.alone{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.boardSearchForm .rowTable .cellHeader{
	position:static;
}
.boardSearchForm .rowTable .cell{
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:0;
}
.boardSearchForm .rowTable .cellInDv{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items: stretch;
}
.boardSearchForm .rowTable .cell input.date{
	width:auto;
	border-radius: 0.5rem 0 0 0.5rem !important;
}
input.textForm{
	width:312px;
	font-size: 1.8rem;
}
.boardSearchForm .rowTable .cell .hyphen {
	margin: 0 1rem;
	display: flex;
	align-items: center;
}
select.selectForm {
	border-radius: 0.5rem !important;
	margin-right: 1rem;
	font-size: 1.8rem;
}
.cellInDvSearchCell.srchKeyword > .textForm {
	border-radius: 0.5rem 0 0 0.5rem !important;
}
.boardSearchForm .rowTable .cell .btnTypeM.btnIcoSearch {
	border-radius: 0 0.5rem 0.5rem 0;
}

@media all and (max-width: 1700px) {
	#contents {width: calc(100% - 6rem); margin: 0 auto;}
	.boardSearchForm .rowTable .cell input.date {width: 20rem;}
}

@media all and (max-width:1024px){
	.header-logo .logo > .busan_link {background: url('/humanframe/theme/mayor26/assets/img/common/logo_tab.png')no-repeat center center / contain; width: 2.5rem; height: 2.5rem;}
	#contents{
		width:calc(100% - 4rem);
		margin:0 auto;
		padding: 80px 0 40px 0;
	}

	.boardSearchForm .rowTable .row .group.alone{
		justify-content : flex-start;
	}

	input.textForm, select.selectForm {font-size: 1.6rem;}

	.ui-datepicker-trigger {width: 4rem;}
	button.ui-datepicker-trigger img {width: 3rem;}
}
/* @media all and (max-width:800px){
	.boardSearchForm .rowTable .group > .cell{
	
	    position: relative;
	    display: table-cell;
	    vertical-align: middle;
	    height:auto;
	}
} */
@media all and (max-width:768px){
#contents{
	padding:60px 0 24px 0;
}
#location .lineMap span{
	font-size:0.9em;
}
.boardSearchForm .rowTable .cell input.date{
	width:100px;}
}
/* title */
.h4Bl, .h5Bl, .h6Bl {font-family: "NotoSans", sans-serif;}
#contents .titPage{
	width:100%;
}
/* btn style */
.btnTypeM {height: 100%;}
.btnTypeS,
.btnTypeM,
.btnTypeL {border-radius: 0; font-family:"NotoSans", sans-serif;}
.button {border-radius:0; margin-bottom:0; font-family:"NotoSans", sans-serif;}
.keyword_point {background:yellow; font-weight: bold;}

/* global fix style */
input, select, textarea {border-radius:0 !important;}
.boardList {margin-top:15px;}
.boardList thead th {background:#fff;}
.boardView {border-top:0;}
.boardView .form-group:first-child {border-bottom:2px solid #000;}
.boardView .newsTitle {font-size:28px; line-height:1.2; margin-bottom:10px;}
.boardView .newsTitle:after {content:""; clear:both; display:block;}
.boardView .newsTitle dt {display:inline-block;}
.boardView .newsTitle dt span {display:inline-block; padding:3px 10px; background:mediumvioletred; color:#fff; font-size:20px; vertical-align: bottom;}
.boardView .newsTitle dd {display:inline-block;}
.boardView .form-data-info dd {word-break: break-all;}
.boardView .form-data-content {background:#fff; border-bottom:1px solid #ccc;}
.boardView .form-data-content dd{
	padding:1.250em 0 7.125em
}
.boardView .form-data-content dd img {max-width:calc(100%); display:block; margin:0 auto 15px;}
.boardSearchForm .rowTable .form-search{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width:100%;
}
.boardSearchForm .rowTable .cellHeader {
	display:none;
	
}
.boardSearchForm .rowTable .cellHeader .cellHeaderInTxt {
	font-size:20px;
	margin-right:40px;
}
.boardSearchForm .rowTable .cellHeader .cellHeaderInTxt:after{
	display:none;
}
.boardList tr:hover td, .boardList tr:focus td {background:#fff;}
.boardSearchForm .rowTable .cell > span > span{
	display:inline-block;
}
.cellInDvSearchCell.srchKeyword > .textForm{
	width:222px !important;
}
/* tabStyle */
.tabStyle > li {width:20%; padding:0; text-align: center;}
.tabStyle > li:after {border-color:#568ed5;}
.tabStyle > li > a {text-align: center; border-radius:0; border-left:0; background-color:#fff; border-width:1px;}
.tabStyle > li:first-of-type > a {border-left:1px solid #ccc;}
.tabStyle > li a:hover, .tabStyle li a:focus, .tabStyle li a.active, .tabStyle li.active a {background-color: #568ed5; border-color:#568ed5; font-weight:bold; color:#fff;}

/* 게시판 페이징 */
.paginate {font-size:1em;}

.paginate .number a, .paginate .number strong {border-radius:0; font-size:0.9em;}

/* 뉴스 in 부산 style */
.boardTextGallery {border-top:2px solid #000; padding: 0; border-bottom:1px solid #ccc;}
.boardTextGallery ul li {padding: 40px 0 40px 0; border-bottom:1px solid #ccc; position:relative;}
.boardTextGallery ul li:last-child {border-bottom:0;}
.boardTextGallery ul li .item {
	display:block;
	padding:0;
}
.boardTextGallery ul li .item:after {content:""; clear:both; display:block;}
.boardTextGallery ul li .item .tgImg {
    overflow: hidden;
    float: left;
    width: 300px;
    height: 160px;
    margin-right: 20px;
    margin-bottom: 0px;
	}
.boardTextGallery ul li .item .tgImg img {width:100%;}
.boardTextGallery ul li .item .tgCont {
    box-sizing: border-box;}
.boardTextGallery ul li .item .tgCont .bTitle {font-size:24px; 
font-weight:800; line-height:1.2; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-bottom:10px;}
.boardTextGallery ul li .item .tgCont .tgTxt {line-height:1.5;}
.tgTxt.sbTit{
	padding-left:16px;
	position:relative;
}

.boardTextGallery ul li .item .tgCont .tgTxt .writer {margin-bottom:15px; color:#444;}
.boardTextGallery ul li .item .tgCont .tgTxt .writer span {font-weight:bold;}
.boardTextGallery ul li .item .tgCont .tgTxt .writer span:after {content:""; display:inline-block; width:1px; height:14px; margin:0 15px; background:#999; vertical-align: middle;}
.boardTextGallery ul li .inkBtn {position:absolute; right:20px; bottom:20px;}
.boardTextGallery ul li.noData {text-align:center;}

/* 댓글달기 */
.ripple_title {padding:10px; margin-top:20px; font-size:16px;}
.topSearch {display:none !important;}
.paginate > a {background:none; border:0; border-radius:0; width:25px; height:25px;}
.paginate > a.pgFirst {background:url(../../assets/img/common/page_prev.png) no-repeat center center;}
.paginate > a.pgEnd {background:url(../../assets/img/common/page_next.png) no-repeat center center;}
.paginate > a.pgPrev {background:url(../../assets/img/common/list_prev.png) no-repeat center center;}
.paginate > a.pgNext {background:url(../../assets/img/common/list_next.png) no-repeat center center;}
.paginate .number a, .paginate .number strong {
	line-height:25px;
	color:#333;
	border:0;
	font-size:16px;
	width:32px;
	height:25px;
	margin:0 2px;
	padding:0 4px;
}
.paginate .number strong {color:#fff;}
.form-group {position:relative;}
.btn_Edit_wrap {position:absolute; right:0px; top:12px; padding:0 !important;}
.btn_Edit_wrap > a {display:inline-block; padding:5px 10px; font-size:14px;}
.btnEdit {background:#1c5da9; color:#fff;}
.btnDelete {background:#666; color:#fff;}
.ripple {border-bottom:1px solid #333;}
.form_wri:after {content:""; clear:both; display:block;}
.form_wri_info:after {content:""; clear:both; display:block;}
.form_wri_info > div {float:left;}
.form_wri_info > div:after {content:""; clear:both; display:block;}
.form_wri_info p {float:left; padding:5px 10px;}
.form_wri_info p span {line-height:2.857em;}
.replarea {width:calc(100% - 100px); height:100px; float:left;}
#replycn {width:100%; height:100%;}
.replbtn {width:100px; height:100px; float:right;}
.replbtn > a {width:100%; height:100%; display:table; text-align:center;}
.replbtn > a > span {display:table-cell; vertical-align: middle; color:#fff;}

/* 포토갤러리 global custom style */
.thumbListType1{
	margin:0;
}
.thumbListType1 > li {transition: all 0.25s; margin-top:20px; opacity:0;}
.thumbListType1 > li.drop {
	margin-top:0; 
	opacity:1;
	width:32%;
	margin-right:2%;
	margin-bottom:32px;
	border:1px solid #ccc;
	border-radius:8px;
	overflow:hidden;
}
.thumbListType1 > li.drop:nth-child(3n){
	margin-right:0;
}	
.thumbListType1 > li .thumb {
    /* height: 275px; */
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
	aspect-ratio: 800 / 511;
   }
.thumbListType1 > li .thumb > img {position: absolute; left:50%; top:50%; max-width:none; width:auto; height:auto; transform: translate(-50%, -50%); transform-origin: 0 0; transition: all 0.25s;}
.thumbListType1 > li .thumb > img.sero {
	height:100%;
	width: 100%;
	object-fit:cover;
	aspect-ratio: 337 / 600;
}
.thumbListType1 > li .thumb > img.garo {width:100%; height:auto;}
.thumbListType1 > li .thumb > img.icon_link.sero{
    display: block;
    position: absolute;
    top: inherit;
    left: inherit;
    bottom: 2%;
    right: 3%;
    width: 20%;
    height: auto;
    object-fit: contain;
    z-index: 1;
    aspect-ratio: 0;
    transform: inherit;
}
.thumbListType1 > li > a:hover .thumb > img {transform: scale(1.05) translate(-50%, -50%);}
.thumbListType1 > li > a:hover .thumb > img.icon_link {transform: translate(-50%, -50%); transform-origin: 0 0;}
.thumbListType1 > li .titBar {position: absolute; bottom:0; left:0; background:rgba(0,0,0,.8);}
.thumbListType1 > li .titBar .tit {color:#fff; line-height:1.2; font-size:1.2em; height:calc(1.2em * 2);}
.thumbListType1 > li .titBar .date, .thumbListType1 > li .titBar .txtR {color:#fff;}
.boardSearchForm .rowTable .cellHeader{
	background:#fff;
}

@media all and (max-width: 768px) {
		
	/* 포토갤러리 global custom style */
	.thumbListType1 > li.drop{
		width:49%;
	}
	.thumbListType1 > li.drop:nth-child(3n){
		margin-right:2%;
	}
	.thumbListType1 > li.drop:nth-child(2n){
		margin-right:0;
	}

	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption{
		width:auto;
	}

	.boardTextGallery ul li .item .tgCont .tgTxt .writer {font-size:1.5rem;}
	.boardTextGallery ul li .item .tgCont .bTitle{font-size:2rem;}

}

@media all and (max-width: 480px) {
	
/* 포토갤러리 global custom style */
.thumbListType1 > li.drop{
	width:100%;
	margin-right:0;
}
.thumbListType1 > li.drop:nth-child(3n){
	margin-right:0%;
}
}

/* OK1번가 START */
/* 정책제안보기 START */
.notify {display:table;width:100%; height:62px; background:#29a2df;border-radius: 5px;padding: 15px 30px;position:relative;overflow:hidden;margin-bottom:25px;}
.notify > * {display:table-cell; vertical-align: middle;}
.notify > p {width:52px;}
.notify > div {color:#fff;font-size: 1.4em; padding:0 20px;}
.notify > div > p > span {color:#fce96d; font-size: 0.8em;}
/* 정책 리스트 */
.list_wrap {position:relative;}
.list_wrap .list:after {content:""; clear:both; display:block;}
.list_wrap .item {position:relative; width: 32%; height: 169px; margin-right:2%; float: left; margin-bottom: 15px;}
.list_wrap .item:nth-child(3n) {margin-right:0;}
.list_wrap .item > a {display: block; transition: all 0.3s; background:#f2f2f2; box-shadow: 2px 2px 3px rgba(0,0,0,.3); line-height:1.5;}
.list_wrap .item > a:hover, .list_wrap .item > a:focus {text-decoration: none; transform:scale(1.05);}
.list_wrap .item .info {padding: 40px 20px 20px;}
.list_wrap .item .info:after {content:""; clear:both; display:block;}
.list_wrap .item .info .title {font-size:22px; font-weight: bold; color:#333; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%;}
.list_wrap .item .info .thumb { color:#666; font-size:16px; font-weight: normal;  margin:10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:20px;}
.list_wrap .item .info .thumb > * {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_wrap .item .info .like {color:#666; font-size:14px; padding-top: 10px; float:left;}
.list_wrap .item .info .like:after {content:"|"; display:inline-block; width:5px; height:10px; padding-left: 7px;}
.list_wrap .item .info .like:before {content:""; display: inline-block; background:url(../../assets/img/common/like.png) no-repeat center center; width: 20px; height: 20px;vertical-align: middle;}
.list_wrap .item .info .reply {float: left; font-size: 14px; color: #666; padding-top: 10px; padding-left: 6px;}
.list_wrap .arrow_prev {position: absolute; top: 50%; transform: translateY(-50%); left: -70px;}
.list_wrap .arrow_next {position: absolute; top: 50%; transform: translateY(-50%); right: -70px;}
.list_wrap .item .info .jean {float: right; padding-top: 9px;}
.list_wrap .item .info .jean > span {color:#666;}

/* 정책 뷰페이지 */
.view:after {content:""; clear:both; display:block;}
.view .title {font-size:27px; font-weight:bold; color:#1e95d0; padding-bottom: 10px; border-bottom:2px solid #1e95d0;}
.view .title:before {content:""; display: inline-block; background:url(../../assets/img/common/view_icon.png) no-repeat; width: 26px; height:29px; margin-right:10px; vertical-align: middle;}
.view .info {display: flex; flex-direction: row; flex-flow: wrap;}
.view .info .group {display: flex; flex-direction: row;  height: 60px; align-items: center; border-bottom:1px solid #d2d1d2;}
.view .info .group:nth-child(1) {width: 15%;}
.view .info .group:nth-child(2) {width: 70%;}
.view .info .group:nth-child(3) {width: 15%;}
.view .info .group:nth-child(4) {width: 100%;}
.view .info .group .name {font-weight:bold; text-align: center; float: left;}
.view .info .group .name:after {content:""; display: inline-block; width: 1px; height: 20px; background:#d2d1d2; margin:0 20px; vertical-align: middle;}
.view .text_area {background:#fff; padding: 50px 30px; border-bottom:1px solid #d2d1d2;}
.view .btn {padding: 5px 10px; line-height: 1.5;  background:#1e95d0; color:#fff; display:inline-block;}
.view .btn:nth-child(n+2) {margin-left: 10px;}
.view .like {background:#fff; color:#e53771; border:2px solid #e53771;}
.view .like:before {content:""; display:inline-block; background:url(../../assets/img/common/like_view.png) no-repeat; width: 20px; height: 15px; vertical-align: middle; margin-right:5px;}
.view .like.active {color:#fff; background:#e53771;}
.view .like.active:before {background:url(../../assets/img/common/like_active.png) no-repeat center center;}
.view .list {background:#1d9ca3; color:#fff;}
.view .fix {background:#1c5da9;}
.view .del {background:#666;}
.view .answer {border: 3px solid #1d9ca3; padding: 15px 21px; margin: 26px 0 50px 0;}
.view .answer > p:nth-child(1) {border-bottom: 1px solid #1d9ca3; padding: 0 0 6px 0; margin-bottom: 20px;}
.view .answer > p:nth-child(1) > span {font-size: 22px; font-weight: bold; padding-left: 11px;color: #1d9ca3;}
.view .answer > p:nth-child(1) > img {vertical-align: text-bottom;}
.replarea {width:calc(100% - 100px); height:100px; float:left;}
.replarea #replycn {width:100%; height:100%;}
.replbtn {width:100px; height:100px; float:right;}
.replbtn > button {width:100%; height:100%;}
.replbtn > button > span {color:#fff;}

/* write style */
.write {max-width:1400px; margin: 0 auto; border-top:2px solid #1e95d0;}
.write dl {border-bottom:1px solid #c9c9c9; padding:10px 0; float:left; width:100%;}
.write dl:after {content:""; clear:both; display:block;}
.write dl dt, .write dl dd {float:left;}
.write dl dt {padding-top:10px; font-weight: bold;}
.write dl dt:after {content:""; display:inline-block; width:1px; height:16px; background:#c9c9c9; margin:0 15px; vertical-align: middle;}
.write .dl1, .write .dl2, .write .dl3 {float:left; width:33.33333%;}
.write .dl1 dd {width: calc(100% - 66px);}
.write .dl1 dd span {font-size: 10px;}
.write .dl4 {clear:both;}
.write .dl4 {float:left; width:33.3333%;}
.write .dl5 {float:left; width: 66.66666%;}
.write .dl6 {clear:both;}
.write .dl6 dt {width: 66px;}
.write .dl6 dd {width: calc(100% - 66px);}
.write .dl7 {height: auto;}
.write .dl7 dt {width: 66px;}
.write .dl7 dd {width: calc(100% - 66px);}
.write .dl7 dd textarea {width:100%; height:400px !important;}
.write .dl8 {height: auto;}
.write .dl8 dt {width:87px;}
.write .dl8 dd {width:calc(100% - 87px);}
.write .dl8 dd .btns {height:2.857em; padding:0 0.786em; display: inline-block; vertical-align: middle; line-height: 2.857em;}
.write .dl8 dd > #attachFileInput0 {margin-top:5px;}
.write .dl11 {width:33.3333%;}
.write .dl11 dd {width:calc(100% - 96px);}
.write .dl12 {width:66.6666%;}
.write .boxStyle {clear:both;}

.ticket {position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width:120px; white-space:nowrap; text-align: center; padding:5px 10px; color:#fff;}
.ticket.type1 {background:#2196d1;}
.ticket.type2 {background:#1d9ca3;}
.ticket.type3 {background:#2ca753;}
.ticket.type4 {background:#164f93;}
.ticket.type5 {background:#74a22c;}
.ticket.type6 {background:#177934;}
.ticket.type7 {background:#2d86c7;}
.ticket.type8 {background:#545ea8;}

/* OK인터뷰 뷰페이지 수정 */
.boardViewSp .newsTitle {font-size:1.8em; text-align: center; margin-bottom:15px; line-height:1.2; font-weight:bold; letter-spacing: -1px;}
.boardViewSp .newsTitle02 {text-align:left;}
.boardViewSp .newsTitle > .txtRight {font-size: 0.5em; font-weight: normal; color: #888;}
.boardViewSp .newsTitle span {display:inline-block; padding:3px 10px; font-weight:normal; background:#4c51ad; color:#fff; font-size:0.8em;}
.boardViewSp .form-group:nth-of-type(2) {border-bottom:1px solid #ccc; padding-bottom:20px;}
.boardViewSp .form-data-content dt {position:absolute; left:-9999px;}
.boardViewSp .form-data-content dd {padding:40px 0;}
.boardViewSp .form-data-content img {display:block; max-width:calc(100% - 80px); margin:0 auto 20px;}

/* 연설문 신규 게시판 테마 */
.boardSpeeches ul li {position: relative;}
.boardSpeeches ul li > a {display:block; padding:50px;}
.boardSpeeches ul li > a:after {content:""; display:block; clear:both;}
.boardSpeeches ul li:nth-of-type(2n-1) {background:#f5f5f5;}
.boardSpeeches ul li .img {float:left; width:350px; height:200px; border-radius:10px; overflow:hidden; background:#ccc; position:relative; border:1px solid #ccc;}
.boardSpeeches ul li .img img {min-width:100%; min-height:100%; max-width:none; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) scale(1); transition: all 0.3s ease-out;}
.boardSpeeches ul li > a:hover .img img,
.boardSpeeches ul li > a:focus .img img {transform: translate(-50%, -50%) scale(1.1);}
.boardSpeeches ul li .cont {float:left; width:calc(100% - 350px); padding-left:50px;}
.boardSpeeches ul li:nth-of-type(2n) .img {float:right;}
.boardSpeeches ul li:nth-of-type(2n) .cont {padding-left:0; padding-right:50px;}
.boardSpeeches ul li .cont .title {font-size:1.6em; font-weight:bold; line-height:1.4; margin-bottom:15px; border-bottom:2px solid #333; padding-bottom:15px;}
.boardSpeeches ul li .cont .txt .date {margin-bottom:15px;}
.boardSpeeches ul li .cont .txt .date > span {font-weight:bold;}
.boardSpeeches ul li .cont .txt .date > span:after {content:""; display:inline-block; width:1px; height:14px; margin:0 15px; background:#999; vertical-align: middle;}
.boardSpeeches ul li .cont .txt .comm {font-size: 1.2em; font-weight: bold; margin-bottom: 5px;}
.boardSpeeches ul li .cont .txt .comm > span {background: #3a76b7; padding: 5px 8px; display: inline-block; margin-right: 0px; color: #fff;}
.boardSpeeches ul li .cont .txt .sumry {padding-bottom:40px;}
.boardSpeeches ul li > .btn {position: absolute; bottom:50px; right:50px; display:inline-block; border:1px solid #333; padding:10px 35px 10px 20px; line-height:1; font-size:1.2em;}
.boardSpeeches ul li > .btn:after {content:">"; display:block; position:absolute; top:50%; right:15px; transform: translateY(-50%); font-family:"NanumGothic"}

/* 공약관련 뉴스 */
.boardPromiseNews ul > li[data-load=true] > a {opacity:1; transform: translateY(0);}
.boardPromiseNews ul:after {content:""; display:block; clear:both;}
.boardPromiseNews ul > li {float:left; width:calc(33.3333% - 20px); margin-right:30px; margin-bottom:30px; transition: all 0.5s ease-in-out;}
.boardPromiseNews ul > li > a {display:block; height:340px; border:1px solid #ccc; position: relative; padding:20px; opacity:0; transform: translateY(-20px); transition: opacity 0.5s ease-in-out,  transform 0.5s ease-in-out;}
.boardPromiseNews ul > li > a:hover,
.boardPromiseNews ul > li > a:focus {border-color: #4c51ad; box-shadow:0 0 5px rgba(0,0,0,.1);}
.boardPromiseNews .news {font-weight:bold; font-size:0.9em;}
.boardPromiseNews .date {font-size:0.9em; float:right;}
.boardPromiseNews .title {float:none; clear:both; font-size:1.2em; line-height:1.2; height:calc(2em * 1.2); overflow:hidden; font-weight:bold; letter-spacing: -1px; margin: 15px 0; word-break: keep-all;}
.boardPromiseNews .thumb {width:100%; height:110px; position: relative; overflow:hidden;}
.boardPromiseNews .thumb img {max-width: none; width:auto; min-width:100%; min-height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.boardPromiseNews .promise {background:#e9e9e9; position:absolute; bottom:0; left:0; right:0; padding:15px 20px; height:90px; line-height:1.2; overflow:hidden;}
.boardPromiseNews .promise strong {display:inline-block; color:#fff; background:#4c51ad; padding:5px; line-height:1;}
.boardPromiseNews .promise p {margin-top:5px;}

.comm {background:#f9f9f9; padding: 5px 20px 5px 90px; position:relative; display:inline-block; margin-bottom:15px;}
.comm span {position:absolute; left:0; top:50%; transform: translateY(-50%); padding:0 20px; font-weight:bold; border-right:1px solid #ccc;}

#mpageSatisfy * { /* box-sizing:border-box;*/}
#mpageSatisfy { /*clear:both;  margin-top:50px;*/ margin-top:30px;}
#mpageSatisfy header { overflow:hidden; padding:17px 25px 15px; color:#fff}
#mpageSatisfy header p { float:left; font-weight:bold; font-size:1.2em;}
#mpageSatisfy header .point { float:right}
#mpageSatisfy header .point span { padding-right:10px; font-size:0.9em;}
#mpageSatisfy .satisfyInner { display:block;position:relative;overflow:hidden;padding:20px; border:1px solid #b5b7bf; border-width:0 1px 1px 1px; min-height:30px; margin-bottom:20px;}
#mpageSatisfy .satisfyInner span { white-space:nowrap; display: inline-block; position:relative;float:left;line-height:24px;vertical-align:middle;}
#mpageSatisfy .satisfyInner input[type="radio"] { margin-right:3px;}
#mpageSatisfy .satisfyInner .comment { position:relative;padding-right:13%;}
#mpageSatisfy .satisfyInner .comment textarea {float:left; width:65%; height:67px; font-size:1em;}
#mpageSatisfy .satisfyInner .comment .button { width:20%; height:30px; margin-right:-13%; float:right; }
#mpageSatisfy .manager { overflow:hidden; height:50px; background:#f6f6f6; border:1px solid #b5b7bf; border-width:1px 1px 0px 0px;}
#mpageSatisfy .manager.single { border-width:1px 1px 1px 0px;}
#mpageSatisfy .manager h3 { float:left; width:130px; /*height:50px; padding:16px 0 0 15px;*/padding:16px 0 15px 15px; background:url(../img/bg_order.png) no-repeat right center; color:#fff;}
#mpageSatisfy .manager dl { overflow:hidden; padding:15px 0 0 15px; font-size:0.9em;}
#mpageSatisfy .manager dt, #pageSatisfy .manager dd { float:left}
#mpageSatisfy .manager dt { font-weight:bold; padding-right:10px; margin-right:10px; }
#mpageSatisfy .manager dt a:after { content:""; display:inline-block; width:20px; height:20px; margin-left:10px; background:url(../img/icon_link_dpt.png) no-repeat center; vertical-align:middle;}
#mpageSatisfy .manager dd + dt { margin-left:10%;}
#mpageSatisfy header p:before	{ top: 0px !important; }
/* #pageSatisfy header p		{ height: auto !important; min-height: 50px; } */
#mpageSatisfy #satisfactionVO header p	{ min-height: 0px; }
#mpageSatisfy header { background-color:#2d5785; }
#mpageSatisfaction header { background-color:#fff; color:#666;}

/* Board View */
.boardView .form-data-tag {padding:10px;}
.boardView .form-data-tag dt .btnTypeS {background:#004e97; vertical-align:middle;}
.boardView .form-data-tag dd a {text-underline-position: under;}
.boardView .form-data-subject-wrap p, .boardView .form-data-info .attfiles li a, .boardView .form-data-tag dd a {color:#004e97;}

.newsBoardBar {position:relative; border-top:2px solid #363636; border-bottom:1px solid #dcdcdc;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellTit {margin-right:10px;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm input,
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm select {height:35px; padding:0 0.786em; border:1px solid #ccc; background-color:#f5f5f5; border-radius:0;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm input.date,
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .textForm.date {width:15%;min-width:90px;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm select {min-width:80px;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .btnNewsSearch {width:70px; height:35px; margin-left:-7px; background-color:#254ebb; color:#fff; font-weight:bold; line-height:35px; vertical-align:middle; font-size:1em;}
.newsBoardBar .newsBoardListTxt .totalNum {color:#d51d22; font-weight:bold;}
.newsListArea {border-top:2px solid #363636;}
.newsListArea .newsList > li {border-bottom:1px solid #dcdcdc;}
.newsListArea .newsList > li > a {display:block;}
.newsListArea .newsList > li > a:after {content:""; display:block; clear:both;}
.newsListArea .newsList .tit {overflow:hidden; margin-top:3px; font-size:1.4em; font-weight:bold; line-height:1.2;}
.newsListArea .newsList .tit > a > img{vertical-align: middle !important; padding-bottom:2px;}
.newsListArea .newsList .imgWrap {float:left; width:25%;}
.newsListArea .newsList .imgWrap img {width:100%; vertical-align:top;}
.newsListArea .newsList .txtWrap {box-sizing:border-box; padding-left: calc(25% + 30px);}
.newsListArea .newsList .txtWrap .subTit {margin-top:5px; color:#406de4;}
.newsListArea .newsList .txtWrap .subTxt {color:#666;}
.newsListArea .newsList .txtWrap .txtBox {margin-top:12px;}
.newsListArea .newsList .list li {overflow:hidden; color:#666;}
.newsListArea .newsList .list li a {float:left; max-width:75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsListArea .newsList .list li .date {float:right;}
.newsListArea .newsList .newsThemeListItem {border-bottom:1px solid #dcdcdc;}

.newsListArea .newsList .newsThemeListItem .newsThemeTit {overflow:hidden; margin-bottom:12px;}
.newsListArea .newsList .newsThemeListItem .newsThemeTit .tit {float:left; margin:0;}
.newsListArea .newsList .newsThemeListItem .newsThemeTit .btnNewsMore {float:right;}
.newsListArea .newsList .newsThemeListItem .newsThemeTit .btnNewsMore .btnTypeS {background:#406de4;}
.newsListArea .newsList .newsThemeListItem .newsThemeTxtWrap {display:table; width:100%; table-layout:fixed;}
.newsBoardBar + .newsListArea {border-top:0;}

.newsOriginSource {background:#f9f9f9; border:1px solid #ddd;}
.newsOriginSource .group {border-bottom:1px solid #ddd; width:100%;}
.newsOriginSource .group:last-child {border-bottom:0;}
.newsOriginSource .group dl {border-right:1px solid #ddd;}
.newsOriginSource .group dl:last-child {border-right:0;}
.newsOriginSource .group dt,
.newsOriginSource .group dd {position:relative; display:table-cell; vertical-align: middle; padding:10px; word-break:break-all;}
.newsOriginSource .group dt {white-space:nowrap;}
.newsOriginSource .group dt:after {content:""; display:block; position:absolute; top:calc(50% - 0.5em); right:0; width:1px; height:1em; background:#ccc;}
.newsOriginSource .group .attfiles img {vertical-align: middle;}

/* 미디어뉴스 */
.media-news-list > .thumbListType1 {display:flex; flex-flow:row wrap;}
.media-news-list > .thumbListType1 > li {
	/* width:22.3%;  */
	padding: 0;
	/* max-width:335px;
	margin-right:3.55%; */
}
.media-news-list > .thumbListType1 > li:nth-child(3n){
	margin-right:3.55%;
}
.media-news-list > .thumbListType1 > li:nth-child(4n){
	margin-right:0;
}
.media-news-list > .thumbListType1 > li > a {display:block;}
.media-news-list .thumbListType1 > li > a.item{
	margin:0;
}
.media-news-list .thumbListType1 > li .thumb{
	width:100%;
	height:auto;
	aspect-ratio:288 / 520;
}
.media-news-list .thumbListType1 > li .thumb.type2{
    aspect-ratio: 800 / 446;
}
.media-news-list .thumb img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	}
.media-news-list .thumbListType1 > li .thumb > img.garo{
	width:100%;
	height:100%;
	object-fit:cover;
}
.media-news-list .thumbListType1 > li .thumb > img.garo.icon_link{
    width: auto;
    height: auto;
    object-fit: inherit;
    z-index: 1;
    left: inherit;
    top: inherit;
    bottom: 5%;
    right: 10.69%;
    transform: translate(0);
}
.media-news-list .txt {padding: 0.5em 0;}
.media-news-list .tit {font-weight:bold; font-size:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*미디어 뉴스*/
.media-news-list .thumbListType1 > li .titBar{
	position:static;
    background: transparent;
    padding:11px 14px 12px;
}
.media-news-list .thumbListType1 > li .titBar > .tit{
	color:#222;
	margin-bottom:15px;
	height:2.4em;
	font-weight:800;
	overflow: hidden;
	white-space:normal;
	word-break:keep-all;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
}
.media-news-list .thumbListType1 > li .titBar > .date{
	color:#666;
}

@media all and (max-width:1024px){
	.media-news-list > .thumbListType1 > li{
	width:29.3%;
	max-width:inherit;
	margin-right:6.05%;
	margin-bottom:40px;
	}
	.media-news-list > .thumbListType1 > li:nth-child(2n),
	.media-news-list > .thumbListType1 > li:nth-child(4n){
	margin-right:6.05%;
	}
	.media-news-list > .thumbListType1 > li:nth-child(3n){
	margin-right:0;}
}


@media all and (max-width:1400px) and (min-width:769px) and (orientation: landscape){
	.header-logo .mayor_link {
	    color: #333;
	    /* background: url(/humanframe/theme/mayor24/assets/img/main/mayor_sign_bk.png) no-repeat right center / auto 45px; */
	}
	
}

@media all and (max-width:640px){
.media-news-list > .thumbListType1 > li{
	width:47.3%;
	margin-right:5.4%;
}
.media-news-list > .thumbListType1 > li:nth-child(3n){
	margin-right:5.4%;
}
.media-news-list > .thumbListType1 > li:nth-child(2n),
.media-news-list > .thumbListType1 > li:nth-child(4n){
	margin-right:0;
}
.thumbListType1 > li .thumb > img.sero{
	object-position:center top;
}
}


@media all and (max-width:340px){
	.header-logo .mayor_link{
	background-size: auto 30px;
	width:210px;
	}
.media-news-list > .thumbListType1 > li{
	width:100%;
	margin-right:0;
}
.media-news-list > .thumbListType1 > li:nth-child(3n){
	margin-right:0;
}
}
/* 공약뉴스 */
.commitment-news-list {display:flex; flex-flow:row wrap; margin:0 -0.5em;}
.commitment-news-list .no-data {text-align:center; width:100%;}
.commitment-news-list .item {width:33.3333%; padding:0.5em;}
.commitment-news-list .item > a {
	display:block; 
	background:#fff; 
	border:1px solid #ccc;
	border-radius:8px;
	overflow:hidden
}
.commitment-news-list .item-column {display:flex; justify-content:space-between; padding:1em;}
.commitment-news-list .item-column:nth-child(2) {padding-top:0; padding-bottom:1.5em;}
.commitment-news-list .item-column:nth-child(3) {background:#f7f7f7; justify-content:flex-start; align-items:center;}
.commitment-news-list .item-title {font-size:1.2em; font-weight:700; line-height:1.2; height:calc(1.2em * 2); overflow:hidden; word-break:keep-all;}
.commitment-news-list .item-publish {color:#777; font-size:0.9em; white-space:nowrap;}
.commitment-news-list .item-date {color:#777; font-size:0.9em; white-space:nowrap;}
.commitment-news-list .item-number {line-height:1; white-space:nowrap;}
.commitment-news-list .item-number > span {display:block; padding:0.25em 0.5em; color:#fff; background:#333;}
.commitment-news-list .item-chapter {padding-left:0.5em; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*----------------------------------------------------citizenpromise*/
.commitment-news-list .thumbListType1 > li.drop{
	width:100%;
	margin-right:0;
	border:0;
	border-radius:0;
}

@media all and (min-width:1401px){
	.boardPromiseNews ul > li:nth-of-type(3n) {margin-right:0;}
	
	.newsBoardBar .newsBoardSearchBox {padding:16px 4px 18px 160px; text-align:right;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.txtCell input {width:28%;}
	.newsBoardBar .newsBoardListTxt {position:absolute; top:0; bottom:0; left:0;}
	.newsBoardBar .newsBoardListTxt:before {display:inline-block;  content:''; height:100%; vertical-align:middle;}
	.newsListArea .newsList > li, .newsListArea .newsList .newsThemeListItem {padding:21px 0 25px;}
}

@media all and (min-width:769px){
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cell:first-child {margin-right:10px;}
	.newsListArea .newsList .tit {white-space:nowrap; text-overflow:ellipsis;}
	.newsListArea .newsList .txtWrap .subTxt {margin-top:12px;}
	.newsListArea .newsList .txtWrap .subTxt .date:before {display:inline-block; content:''; width:2px; height:14px; margin:0 10px; background:url(../../assets/img/content/bg_bar.png) no-repeat; vertical-align:text-bottom;}
	.newsListArea .newsList .list li {margin:5px 0;}
	.newsListArea .newsList .list li a {font-size:115%;}
	.newsListArea .newsList .newsThemeListItem .newsThemeTit .tit {max-width:75%;}
	
	.newsOriginSource .group {display:table; table-layout: fixed;}
	.newsOriginSource .group dl {display:table-cell; vertical-align: middle;}
	.newsOriginSource .group dt {min-width:78px;}
}

@media all and (max-width:1400px){
	.boardPromiseNews ul > li {width:calc(50% - 15px)}
	.boardPromiseNews ul > li:nth-of-type(2n) {margin-right:0;}
	
	.newsBoardBar .newsBoardSearchBox {border-bottom:1px solid #dcdcdc; padding:5px 0;}
	.newsBoardBar .newsBoardListTxt {padding:12px 0;}
	
	.media-news-list .thumb {height:calc((((((100vw - 17px) - 2em) / 3) - 2em) / 16) * 9);}
}

@media all and (max-width: 768px) {
	/*검색*/
	.boardSearchForm .rowTable .group > .cell{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: flex-start;
	height: auto;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	padding: 0;
	}
	.ui-datepicker-trigger, .boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword .btnTypeM.btnIcoSearch {height: 4rem;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption{
	width:auto;}
	.list_wrap .item { width: 100%; margin-right:0;}
	
	.view .title {font-size:22px;}
	.view .info .group:nth-child(1) {width: 100%;}
	.view .info .group:nth-child(3) {width: 30%;}
	.view .info .group .name:after {display:none;}
	.view .info .group > div {margin-right: 15px;}
	.view .btnArea {text-align: center;}
	.view .btn:nth-child(n+2) {margin-left:0px;}
	
	.write dl {width: 100% !important;}
	.write dl dt {width: 110px !important; text-align: center;}
	.write dl dt:after {display:none;}
	.write dl dd {width: calc(100% - 110px) !important;}
	.write dl dd input, .write dl dd select, .write dl dd textarea {width:100% !important;}
	
	.boardSpeeches ul li .img {width:100%; margin-bottom:15px;}
	.boardSpeeches ul li .cont {width:100%; padding-left:0; padding-right:0;}
	
	/* 공약관련 뉴스 */
	.boardPromiseNews ul > li {width:100%; margin-right:0; margin-bottom:10px;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cell {display:block;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cell:first-child {margin-bottom:6px;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner {display: table-cell;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner + .cellInner {padding-left:3px;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.txtCell {position:relative; width:100%;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.txtCell input {width:100%; padding-right:70px;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.txtCell .btnNewsSearch {position:absolute; top:0; right:0;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.ctgCell select {width:80px;}
	.newsListArea .newsList > li, .newsListArea .newsList .newsThemeListItem {padding:10px 0;}
	.newsListArea .newsList .tit {max-height:calc(1.2em * 2); font-size:1.2em;}
	.newsListArea .newsList .imgWrap {width:40%; padding-right:13px;}
	.newsListArea .newsList .txtWrap .txtBox {display:none;}
	.newsListArea .newsList .txtWrap .subTxt {margin-top:7px;}
	.newsListArea .newsList .txtWrap .subTxt .date {display:block;}
	.newsListArea .newsList .list li {margin:0 0 2px;}
	.newsListArea .newsList .list li a {max-width:100%;}
	.newsListArea .newsList .list li .date {display:none;}
	
	.newsOriginSource .group dl {border-bottom:1px solid #ddd;}
	.newsOriginSource .group dl:last-child {border-bottom:0;}
	.newsOriginSource .group dt {min-width:70px;}
	
	/* 미디어뉴스 */
	.media-news-list > ul > li {width:100%;}
	.media-news-list .thumb {height:calc((((100vw - 17px) - 2em - 2em) / 16) * 9);}
	
	/* 공약뉴스 */
	.commitment-news-list .item {width:50%;}
}

@media all and (max-width: 520px) {
	.boardSearchForm .rowTable .row .group.alone{
	justify-content:flex-start;
	}

	.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv{
	padding-left:0;}
}
@media all and (max-width: 500px) {
	/* 공약뉴스 */
	.commitment-news-list .item {width:100%;}
}

/* 소통버스 and 소톡 START */
.tabBtnWrap {background:#16335f;}
.tabBtnWrap ul.tabBtnInner {max-width:1200px; width:90%; margin:0 auto; padding-top:8px; display: table;}
.tabBtnWrap ul.tabBtnInner li {display: table-cell; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.tabBtnWrap ul.tabBtnInner li a {color:#fff; font-size:18px; padding:20px 0; display:block; text-align: center; text-decoration: none;}
.tabBtnWrap ul.tabBtnInner li.active a {font-weight:bold;}
.tabContentWrap {display:none;}
.tabContentWrap.active {display:block;}
.tabContentWrap .tabTop .tabTopInner {max-width:1200px; height:inherit; margin:0 auto; padding:30px 20px; position:relative; overflow:hidden; transform:scale(0); transition: all 0.3s;}
.tabContentWrap .tabTop .tabTopInner.tabActive {transform:scale(1);}
.tabContentWrap .tabTop .tabTopInner img.topTitle {display:block; margin: 0 auto;}
.tabContentWrap .tabTop .tabTopInner .mainList {margin:30px 0; position: relative; z-index:1;}
.tabContentWrap .tabTop .tabTopInner .mainList ul li {font-size:22px; margin:20px 0 30px; position:relative; padding-left:195px; word-break: keep-all; line-height: 1.3;}
.tabContentWrap .tabTop .tabTopInner .mainList ul li span {background:#fff; border-radius:20px; font-weight:bold; padding: 5px 10px; display:inline-block; margin-right:5px; width:190.5px; white-space:nowrap; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.tabContentWrap .tabTop .tabTopInner .mainList ul li:nth-child(1) span:before {content:""; display:inline-block; width:42px; height:22px; background:url(../../assets/img/content/listentour1/icon001.png) no-repeat center center; background-size:100% 100%; margin-right:5px; vertical-align: middle;}
.tabContentWrap .tabTop .tabTopInner .mainList ul li:nth-child(2) span:before {content:""; display:inline-block; width:42px; height:22px; background:url(../../assets/img/content/listentour1/icon002.png) no-repeat center center; background-size:100% 100%; margin-right:5px; vertical-align: middle;}
.tabContentWrap .tabTop .tabTopInner .mainList ul li:nth-child(3) span:before {content:""; display:inline-block; width:42px; height:22px; background:url(../../assets/img/content/listentour1/icon003.png) no-repeat center center; background-size:100% 100%; margin-right:5px; vertical-align: middle;}
.tabContent .tabContentInner {max-width:1200px; margin:0 auto; padding:50px 0 70px;}
.tabContent .tabContentInner .titleType1 {color:#259cb0;}
.tabContent .tabContentInner .titleType1:before {content:""; clear:both; display:inline-block; width:36px; height:44px; background:url(../../assets/img/content/listentour1/content_icon001.png) no-repeat center center; background-size:100% 100%; margin:0 10px 0 20px; vertical-align: -10px;}
.tabContent .tabContentInner .titleType2 {color:#d64208;}
.tabContent .tabContentInner .titleType2:before {content:""; clear:both; display:inline-block; width:36px; height:44px; background:url(../../assets/img/content/listentour1/content_icon002.png) no-repeat center center; background-size:100% 100%; margin:0 10px 0 20px; vertical-align: -10px;}
.tabContent .tabContentInner .titleType3 {color:#fff;}
.tabContent .tabContentInner .titleType3:before {content:""; clear:both; display:inline-block; width:36px; height:44px; background:url(../../assets/img/content/listentour2/sotalk_img_icon.png) no-repeat center center; background-size:100% 100%; margin:0 10px 0 20px; vertical-align: -10px;}
.tabContent .tabContentInner .tabTitle {font-size:24px; font-weight:bold; margin-bottom:10px;}
.tabContent .tabContentInner .contentItem .contentItemInner:after {content:""; clear:both; display:block;}

/* 소통버스 */
.listentour1 .tabBtnWrap ul.tabBtnInner li.active {background:#b1d040; }
.listentour1 .tabBtnWrap ul.tabBtnInner li.active a {color:#16335f;}
.listentour1 .tabContentWrap .tabTop {width:100%; height:370px; background:url(../../assets/img/content/listentour1/bus_bg.jpg) no-repeat center center; background-size:cover;}
.listentour1 .tabContentWrap .tabTop .tabTopInner .mainList ul li {color:#16335f;}
.listentour1 .tabContentWrap .tabTop .tabTopInner .busObj {position:absolute; right:0; bottom:0;}
.listentour1 .tabContent .tabContentInner .tabContentType1 {margin-bottom:30px;}
.listentour1 .tabContent .tabContentInner .tabContentType1 .contentItem {border-top:3px solid #259cb0; background:#f9f9f9; padding: 30px 70px;}
.listentour1 .tabContent .tabContentInner .tabContentType2 .contentItem {border-top:3px solid #d64208; background:#f9f9f9; padding: 30px 70px;}
.listentour1 .tabContent .tabContentInner .contentItem .itemTitle {background:url(../../assets/img/content/listentour1/title_bg.png) no-repeat center center; max-width:1080px; margin:0 auto; height:104px; background-size: 100% 100%; text-align: center;}
.listentour1 .tabContent .tabContentInner .contentItem .itemTitle span {font-size:30px; margin-top:27px; display: inline-block;}
.listentour1 .tabContent .tabContentInner .contentItem .contentItemInner > div {float:left;}
.listentour1 .tabContent .tabContentInner .contentItem .contentItemInner .leftText {width: calc(100% - 320px); font-size:18px; padding: 20px; line-height: 1.5; word-break: keep-all;}
.listentour1 .tabContent .tabContentInner .contentItem .contentItemInner .rightImg {width: 320px; height: 240px; overflow:hidden;}
.listentour1 .tabContent .tabContentInner .contentItem .contentItemInner .rightImg img {width:100%; height:100%;}
.listentour1 #tabContent6 .tabContent .tabContentInner .contentItem .contentItemInner .listItem ul li {font-size:18px; line-height:1.4; margin-bottom:15px; position:relative; padding-left:37px;}
.listentour1 #tabContent6 .tabContent .tabContentInner .contentItem .contentItemInner .listItem ul li:before {content:""; display:inline-block; width:32px; height:24px; background:url(../../assets/img/content/listentour1/talk_icon.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0;}

/* 시민행복포럼(So톡) */
.listentour2 .tabBtnWrap ul.tabBtnInner li.active {background:#409dd0;}
.listentour2 .tabContentWrap .tabTop {width:100%; background:#409dd0;}
.listentour2 .tabContentWrap .tabTop .tabTopInner img.topTitle {margin-bottom:70px;}
.listentour2 .tabContentWrap .tabTop .tabTopInner .mainList ul li {color:#fff;}
.listentour2 .tabContentWrap .tabTop .tabTopInner .mainList ul li span {color:#16335f;}
.listentour2 .tabContentWrap .tabTop .tabTopInner .sotalkObj {position:absolute; right:0; bottom:0; width: 36%;}
.listentour2 .tabContent .tabContentInner .contentItem {padding:20px;}
.listentour2 .tabContent .tabContentInner .contentItem .itemTitle {background:#129fac; border-radius: 50px; padding:10px; display:table; width:100%; min-height: 65px;}
.listentour2 .tabContent .tabContentInner .contentItem .itemTitle span {font-size:24px; color:#fff; font-weight: bold; display:table-cell; vertical-align: middle; word-break:keep-all; padding-left:55px; position:relative; line-height:1.3; word-break: keep-all;}
.listentour2 .tabContent .tabContentInner .contentItem .itemTitle span:before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:49px; height:49px; background:url(../../assets/img/content/listentour2/sotalk_title_icon.png) no-repeat; background-size:100% 100%; margin-right:10px; vertical-align: middle;}
.listentour2 .tabContent .tabContentInner .contentItem .contentItemInner .talkList {padding: 20px 50px;}
.listentour2 .tabContent .tabContentInner .contentItem .contentItemInner .talkList li {position:relative; margin-bottom: 15px; padding-left: 40px; word-break: keep-all; font-size:20px; line-height:1.4;}
.listentour2 .tabContent .tabContentInner .contentItem .contentItemInner .talkList li:last-child {margin-bottom:0;}
.listentour2 .tabContent .tabContentInner .contentItem .contentItemInner .talkList li:before {content:""; display:inline-block; left:0; top:0; position:absolute; width:32px; height:24px; background:url(../../assets/img/content/listentour2/talk_icon.png) no-repeat; background-size:100% 100%;}
.listentour2 .tabContent .tabContentInner .tabContentImgType {position:relative;}
.listentour2 .tabContent .tabContentInner .tabContentImgType .titleType3 {position:absolute; top:10px; left:10px;}
.listentour2 .tabContent .tabContentInner .tabContentImgType .imgContentItem {overflow:hidden; padding: 0 20px;}
.listentour2 .tabContent .tabContentInner .tabContentImgType .imgContentItem:after {content:""; clear:both; display:block;}
.listentour2 .tabContent .tabContentInner .tabContentImgType .imgContentItem > img {width:100%;}
.listentour2 .nextStory .tabTop .tabTopInner .mainList ul li:nth-child(1) span:before {width:36px; height:26px; margin-right:11px; background:url(../../assets/img/content/listentour2/sotalk_icon003.png) no-repeat center center; background-size:100% 100%;}
.listentour2 .nextStory .tabTop .tabTopInner .mainList ul li:nth-child(2) span:before {background:url(../../assets/img/content/listentour1/icon001.png) no-repeat center center; background-size:100% 100%;}
.listentour2 .nextStory .tabTop .tabTopInner .mainList ul li:nth-child(4) span:before {content:""; width:42px; height:22px; margin-right:5px; vertical-align: middle; display:inline-block; background:url(../../assets/img/content/listentour1/icon002.png) no-repeat center center; background-size:100% 100%;}
.listentour2 .nextStory .tabContent {background:url(../../assets/img/content/listentour2/nextStory.png) no-repeat center top;}
.listentour2 .nextStory .tabContent .nextStoryImg {display:block; margin:-100px auto 0;}
.hanja{font-family:"domum"; display:inline;}

/* 소톡 신청안내 */
.listentour2 .tabBtnWrap ul.tabBtnInner li a[href='#tabContent1'] {background:#16335f;}
.listentour2 .tabBtnWrap ul.tabBtnInner li a[href='#tabContent1'] img {margin-right:5px; vertical-align: middle;}
.listentour2 .tabBtnWrap ul.tabBtnInner li.active a[href='#tabContent1'] {background:#48c4d8; color:#16335f; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.listentour2 .sotalkGuide .tabTop {background: #48c4d8 url(../../assets/img/content/listentour2/sotalk_guide_bg.jpg) no-repeat right bottom; background-size:100%; width:100%; height: 800px;}
.listentour2 .sotalkGuide .tabTop .tabTopInner {padding: 70px 20px;}
.listentour2 .sotalkGuide .tabTop .tabTopInner img.sotalkTitleObj {display:block; margin:0 auto;}
.listentour2 .sotalkGuide .tabTop .tabTopInner .sotalkObj {display:none;}
.listentour2 .sotalkGuide .tabTop .tabTopInner .mainList {margin:0 0 70px;}
.listentour2 .sotalkGuide .tabTop .tabTopInner .mainList ul li {padding-left:250px; color:#16335f; font-size:24px; margin:30px 0; line-height:1.4;}
.listentour2 .sotalkGuide .tabTop .tabTopInner .mainList ul li span {width:240px; height:42px; line-height:42px; padding:0 10px;}
.listentour2 .sotalkGuide .tabTop .tabTopInner .mainList ul li:nth-child(2) span:before {content:""; display:inline-block; width:42px; height:28px; background:url(../../assets/img/content/listentour2/sotalk_icon002.png) no-repeat center center; background-size:100% 100%; margin-right:5px; vertical-align: middle;}
.listentour2 .sotalkGuide .tabTop .tabTopInner .mainList ul li:nth-child(3) span:before {content:""; display:inline-block; width:42px; height:32px; background:url(../../assets/img/content/listentour2/sotalk_icon003.png) no-repeat center center; background-size:100% 100%; margin-right:5px; vertical-align: middle;}
.listentour2 .sotalkGuide .tabTop .tabTopInner .mainList ul li:nth-child(4) span:before {content:""; display:inline-block; width:42px; height:28px; background:url(../../assets/img/content/listentour2/sotalk_icon004.png) no-repeat center center; background-size:100% 100%; margin-right:5px; vertical-align: middle;}
.listentour2 .sotalkGuide .tabContent {background:url(../../assets/img/content/listentour2/sotalk_guide_content.png) no-repeat center top; background-size:cover;}
.listentour2 .sotalkGuide .tabContent .tabContentInner .tabTitle {font-size:60px; font-weight:bold; text-align: center; color:#0d8a9e; letter-spacing: -2px; margin-top:50px;}
.listentour2 .sotalkGuide .tabContent .tabContentInner .tabTitle:after {content:""; display:block; width:40px; height:3px; background:#0d8a9e; margin: 50px auto;}
.listentour2 .sotalkGuide .tabContent .tabContentInner .sotalkGuideContent:after {content:""; clear:both; display:block;}
.listentour2 .sotalkGuide .tabContent .tabContentInner .sotalkGuideContent img.sotalkGuideImg {float:left;}
.listentour2 .sotalkGuide .tabContent .tabContentInner .sotalkGuideContent ul {float:left; width:calc(100% - 456px); padding:0 20px;}
.listentour2 .sotalkGuide .tabContent .tabContentInner .sotalkGuideContent ul li {position:relative; font-size: 20px; line-height:1.4; padding-left:50px; margin-bottom:50px; word-break: keep-all;}
.listentour2 .sotalkGuide .tabContent .tabContentInner .sotalkGuideContent ul li img {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.listentour2 .sotalkGuide .tabContent .tabContentInner .sotalkGuideContent ul li span {font-size:16px;}

@media all and (max-width: 1400px){
	/* 소통버스 소톡 공통 */
	.tabBtnWrap {margin-left:-20px; margin-right: -20px;}
	.tabContentWrap {margin-left: -20px; margin-right: -20px;}
	
	/* 소통버스 */
	.tabBtnWrap ul.tabBtnInner li a {font-size:14px; padding: 15px 4px;}
	.tabContentWrap .tabTop {height: auto !important;}
	.tabContentWrap .tabTop .tabTopInner .mainList ul li {font-size: 18px; padding-left:0; text-align: center;}
	.tabContentWrap .tabTop .tabTopInner .mainList ul li span {width:160px; display:block; position: static; margin:0 auto;}
	.tabContentWrap .tabTop .tabTopInner .mainList ul li span:before {width:30px !important; height:20px !important;}
	.tabContentWrap .tabTop .tabTopInner .busObj {display:none;}
	.tabContent .tabContentInner {padding:50px 20px 70px;}
	.listentour1 .tabContent .tabContentInner .tabContentType1 .contentItem {padding:30px 20px;}
	.listentour1 .tabContent .tabContentInner .tabContentType2 .contentItem {padding:30px 20px;}
	
	/* 소톡 */
	.listentour2 .tabContentWrap .tabTop .tabTopInner .sotalkObj {display:none;}
	.listentour2 .tabContentWrap .tabTop .tabTopInner .mainList ul li {line-height:1.4;}
	.listentour2 .tabContent .tabContentInner .contentItem .itemTitle span {font-size:20px; line-height: 1.4;}
	.listentour2 .tabContent .tabContentInner .contentItem .contentItemInner .talkList li {font-size: 16px;}
	
	/*소톡-신청안내*/
	.listentour2 .sotalkGuide .tabTop .tabTopInner .mainList {margin: 0;}
	.listentour2 .sotalkGuide .tabTop .tabTopInner .mainList ul li {padding-left:0;}
	.listentour2 .sotalkGuide .tabContent .tabContentInner .sotalkGuideContent img.sotalkGuideImg {display:none;}
	.listentour2 .sotalkGuide .tabContent .tabContentInner .sotalkGuideContent ul {width:100%;}
}
@media all and (max-width: 768px){
	/* 소통버스 소톡 공통 */
	.tabBtnWrap {margin-left:-10px; margin-right: -10px;}
	.tabBtnWrap ul.tabBtnInner li a span {display:block;}
	.tabContentWrap {margin-left: -10px; margin-right: -10px;}
	
	/* 소통버스 */
	.listentour1 .tabContent .tabContentInner .contentItem .itemTitle {font-size:22px; line-height:1.2; background:#fff; border:3px solid #ccc; border-radius: 10px; height: auto; padding: 10px 15px;}
	.listentour1 .tabContent .tabContentInner .contentItem .itemTitle span {margin-top:0px; word-break: keep-all;}
	.listentour1 .tabContent .tabContentInner .contentItem .contentItemInner .leftText {width:100%;}
	.listentour1 .tabContent .tabContentInner .contentItem .contentItemInner .rightImg {display:none;}
	
	/* 소톡 */
	.listentour2 .tabBtnWrap ul.tabBtnInner li a[href='#tabContent1'] img {display:block;}
	.listentour2 .tabContent .tabContentInner .contentItem .itemTitle {border:0;}
	.listentour2 .tabContent .tabContentInner .contentItem .contentItemInner .talkList {padding:20px 0 0;}
	.listentour2 .sotalkGuide .tabContent .tabContentInner .tabTitle {margin-top:0; font-size: 42px; line-height:1.2;}
	.listentour2 .sotalkGuide .tabContent .tabContentInner .tabTitle:after {margin:30px auto;}
	.listentour2 #tabContent5 .tabContent .nextStoryImg {margin-top:0;}
}
/* 소통버스 and 소톡 END */
/* OK1번가 END */

@media all and (min-width:1401px){
	.container-inner {display:flex; justify-content:space-between;}
	/* 부산시장 24시 */
	.scheduleDay {margin-top:50px;}
}


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

@media all and (max-width: 1024px) {
	.boardSearchForm .rowTable .cell input.date {width: 12rem;}
}

@media all and (max-width: 768px) {
	.boardTextGallery ul li {height:auto; padding:20px 0}
	.boardTextGallery ul li .item {flex-direction:column;}
	.boardTextGallery ul li .item .tgImg {width:100%;
	float:none;
	display:block;
	margin-bottom:16px;}
	.boardTextGallery ul li .item .tgImg img {width:100%;}
	.boardTextGallery ul li .item .tgCont {width:100%; padding-left:0; }
	.boardTextGallery ul li .item .tgCont .date {left:0;}
	
	.boardSearchForm .rowTable .cellHeader {position:absolute; left:-9999px;}
	.boardView .form-data-content dd img {max-width:100%;}
	.boardSearchForm .rowTable .cell {flex-direction: column; align-items: flex-start; gap: 1rem;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv {margin-left: 0;}
	
    .tabStyle > li {width:100%;}
    .tabStyle > li > a {border-left: 1px solid #ccc;}
    .tabStyle > li:not(:last-of-type) > a {border-bottom:0;}
	
    .tabStyle_bbs1180 > li:not(:last-of-type) > a {border-bottom:1px solid #ccc;}
    .tabStyle_bbs1180 > li {width:20%;}
    .tabStyle_bbs1180 > li:not(:last-of-type) > a {border-bottom:1px solid #ccc;}

	.boardSearchForm .rowTable .cell input.date {width: 50%;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv {width: 100%;}
	.ui-datepicker-trigger, .boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword .btnTypeM.btnIcoSearch {flex-shrink: 0;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell + .cellInDvSearchCell {width: 100%;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword input.textForm {width: 100%;}
	input.textForm, select.selectForm {font-size: 1.4rem;}
}

@media all and (max-width: 624px){
    .tabStyle_bbs1180 > li a {overflow: visible; white-space: normal; height: 58px; line-height:2em}
    .tabStyle_bbs1180 > li.tab01 > a {height:42px;}
    .tabStyle_bbs1180 + .tabStyle_bbs1180 > li > a.active,  .tabStyle_bbs1180 + .tabStyle_bbs1180 > li.tab01 > a.active {height:42px;}
    .tabStyle_bbs1180 + .tabStyle_bbs1180 {min-height:42px !important;}
}
@media all and (max-width: 480px){
	.paginate .number{
	flex-wrap:wrap;
	}
}



/*20230628 아이프레임 스타일 추가*/

.ifrm_bx{
	background:#fff !important;
}
.ifrm_bx iframe{
	width:100% !important;
	border:3px solid #f0f1f5 !important;
	height:1200px !important;
}
/*2024-02-14 포토뉴스 리스트 변경*/

.thumbListType1 > li.list_tit_bott a{
	overflow:hidden;
	margin:0;
}
.thumbListType1 > li.list_tit_bott .titBar{
	position:inherit;
	background:none;
	padding:20px 20px 28px;
}
.thumbListType1 > li.list_tit_bott .titBar .tit{
	color:#333;
    font-weight: 800;
    font-size: 1.2em;
    height:2.4em;
	overflow: hidden;
	white-space:normal;
	word-break:keep-all;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
}
.thumbListType1 > li.list_tit_bott .titBar .date,
.thumbListType1 > li.list_tit_bott .titBar .txtR {
    color: #333;
}
/*미디어뉴스 상세페이지*/
.video_area{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.video_area > video{
	/* margin-top:70px; */
}
.videoList{
	max-width:300px;
}
.videoTitleBx{
    display: flex;
    padding: 5px 10px 5px 28px;
    background: #656565;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.videoTitleBx > .title{
    color: #fff;
    font-weight: 800;
    width: auto;
}
.videoTitleBx > .buttonBx {
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
}
.videoTitleBx > .buttonBx > button{
    width: 46px;
    height: 46px;
    display: block;
    position:relative;
}
.videoTitleBx > .buttonBx > button:last-child:before{
	width:1px;
	height:22px;
	background:#a6a6a6;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	content:'';
	display:block;
}
.videoTitleBx > .buttonBx > button > img{
	    max-width: inherit !important;
    margin: auto !important;
}
.videoTitleBx > .buttonBx > button:last-child > img{
	transform:rotate(180deg);
}
.videoListBx{
	background:#f1f1f1;
	padding:15px 15px;
}
.videoListBx > li{
	display:block;
	width:100%;
	margin:0 auto 36px;
}
.videoListBx > li:last-child{
	margin-bottom:0;
}
.videoListBx > li > button{
	display:block;
	width:100%;
}
.videoListBx > li > button.video_link > img{
	max-width:inherit !important;
	margin:auto !important;
	width:100%;
}
.videoListBx > li > button.video_link > .video_title{
    padding: 18px 23px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    text-align: left;
}
.videoListBx > li > button.video_link > .video_title > p{
	font-size:1.5rem;
	line-height:1em;
	height:1em;
	font-weight:800;
	overflow: hidden;
	white-space:normal;
	word-break:keep-all;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
  	-webkit-box-orient: vertical;
	
}
.videoTitleBx > .buttonBx > button:last-child > img{
	transform:rotate(180deg);
}

.videoListBx > li{
	display:block;
	width:100%;
	margin:0 auto 36px;
}
.videoListBx > li:last-child{
	margin-bottom:0;
}
.videoListBx > li > button{
	display:block;
	width:100%;
}
.videoListBx > li > button.video_link > img{
	max-width:inherit !important;
	margin:auto !important;
	width:100%;
}
.videoListBx > li > button.video_link > .video_title{
    padding: 18px 23px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    text-align: left;
}
.videoListBx > li > button.video_link > .video_title > p{
	font-size:1.5rem;
	line-height:1em;
	height:1em;
	font-weight:800;
	overflow: hidden;
	white-space:normal;
	word-break:keep-all;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
  	-webkit-box-orient: vertical;
}
@media all and (max-width: 1024px){
	
	.video_area{
	    flex-direction: column;
    	justify-content: flex-start;
    	align-items: center;
	}
	.video_area > video{
	width:100% !important;
	height:100% !important;
	}
	.videoList{
	    max-width: inherit;
    	width: 100%;
	}
	.videoTitleBx{
		padding-left:24px;
	}
	.videoListBx{
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    align-items: center;
	    padding:24px;
	}
	.videoListBx > li > button{
		background : gray;
	}
	.videoListBx > li{
	    width: 80%;
	    margin:auto;
	}
	.videoListBx > li > button.video_link > img{
	    width: 30%;
	    margin:auto;
	}
	.boxStyle{
		font-size:1em;
	}
	.video_area{
	width:100%;
    aspect-ratio: 973 / 500;
        overflow: hidden;
	}
	.video_area > iframe{
	width:100% !important;
	}
}
@media all and (max-width: 768px){
	.videoListBx > li{
	    width: 90%;
	    margin:auto;
	}
	.videoListBx > li > button.video_link > img{
	    width: 50%;
	    margin:auto;
	}
	.form-data-info .txtCenter{
	    text-align: left !important;
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    align-items: center;
	}
	.form-data-info .txtCenter > span.fR{
    	width: 20%;
    	white-space: nowrap;
    	padding-left: 4px;
	}
}
/* 서브페이지 레이아웃 추가 */
.sub_nav_container{
	display:block;
	width:100%;
	margin:0 auto 36px;
}
.depth_03_list > li > a[title="새창열림"],
.depth_03 > li > a[title="새창열림"],
.depth_02 > li > a[title="새창열림"]{
	position:relative;
	/* padding-right:46px; */
}
.depth_03_list > li > a[title="새창열림"]::after,
.depth_03 > li > a[title="새창열림"]::after{
    position: absolute;
    top: 50%;
    right: 30px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    padding: 0;
    background: url(/humanframe/theme/mayor24/assets/img/common/icon_jump.png) no-repeat center center / contain;
}

.depth_01 > li > a {
	display: none;
}

.depth_02{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	width:100%;
}
.depth_02 li > a{
	padding-bottom:20px;
	display:block;
	width:100%;
	text-align:center;
	color:#555;
	position:relative;
	font-size:1.375em;
	font-weight:600;
	/* white-space:nowrap; */
	word-break: keep-all;
	height: 100%;
}
.depth_02 li > a::after{
	display:block;
	content:'';
	height:4px;
	width:100%;
	background:#ececec;
	position:absolute;
	bottom:0;
	left:0;
}
.depth_02 li:hover > a{
	color:#333;
}
.depth_02 li.on > a{
	color:#004098;
	font-weight:800;
}
.depth_02 li.on:hover > a{
	color:#004098;
}
.depth_02 li.on > a::before{
	display:block;
	content:'';
	height:4px;
	width:100%;
	background:#ececec;
	position:absolute;
	bottom:0;
	left:0;
}
.depth_02 li.on > a::after{
	width:0;
	background:#004098;
	animation-name:goright;
	animation-duration:0.7s;
	animation-delay:0.3s;
    animation-timing-function:ease;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;	
}
.depth_02 li:first-child:nth-last-child(2),
.depth_02 li:first-child:nth-last-child(2) ~ li{
	width:calc(50% - 4.5px);
}
.depth_02 li:first-child:nth-last-child(3),
.depth_02 li:first-child:nth-last-child(3) ~ li{
	width:calc(33.3333% - 6px);
}
.depth_02 li:first-child:nth-last-child(4),
.depth_02 li:first-child:nth-last-child(4) ~ li{
	width:calc(25% - 6.75px);
}
.depth_02 li:first-child:nth-last-child(5),
.depth_02 li:first-child:nth-last-child(5) ~ li{
	width:calc(20% - 7.2px);
}
.depth_02 li:first-child:nth-last-child(6),
.depth_02 li:first-child:nth-last-child(6) ~ li{
	width:calc(16.5% - 5px);
}



.depth_03{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #f1f1f1;
    width: 100%;
    margin-top: 7px;
    padding:20px 0;
}
.depth_03_mobile{
		display:none;
}
.depth_03 > li > a{
	padding:0 40px;
	border-right:1px solid #c7c7c7;
	color:#666;
	display:block;
	font-size:1.125em;
}
.depth_03 > li:last-child > a{
	border-right:0;
}
.depth_03 > li.on > a{
	color:#232024;
	font-weight:800;
}
.now{border: 1px solid red;}

@media all and (max-width: 1400px) {
	/* .title_bx > .page_title {font-size: 4.5rem;} */
}

@media all and (max-width: 1024px){
	.sub_nav_container{
		position: fixed;
		top: 14rem;
		left: 0;
		width: 100%;
		z-index: 1;
		margin-bottom: 0;
		transition: top 0.2s;
	}
	.sub_nav_container.on {
		top: 6rem;
	}
	.depth_01 > li > a {position: relative; display: block; padding: 1.7rem 2rem; font-size: 1.8rem; font-weight: 700; color: #fff; background: #4a515b;}
	.depth_01 > li > a::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 2rem; background: url('/humanframe/theme/mayor26/assets/img/content/sub_nav_arr.png') no-repeat; background-size: 100%; width: 1.3rem; height: 0.6rem; transition: all 0.3s;}
	/* .depth_01 > li > a.on {border-radius: 1rem 1rem 0 0;} */
	.depth_01 > li > a.on::before {transform: translateY(-50%) rotate(180deg);}
	.depth_02 {display: none; width: 100%; padding: 0.5rem 2.5rem 1.5rem 2.5rem; /* border-radius: 0 0 1rem 1rem;  */border: 1px solid #6a6f76; background: #fff;}
	.depth_01 > li > a.on ~ .depth_02 {display: block;}
	.depth_02 li {width: 100% !important; border-bottom: 1px solid #dbdbdb;}
	.depth_02 li > a {padding: 1.5rem 0; text-align: left; color: #000; font-size: 1.8rem;}
	.depth_02 li > a::before, .depth_02 li.on > a::before {display: none;}
	.depth_02 li > a::after {display: none;}

	.title_bx {width: calc(100% - 4rem); margin: 0 auto;}
	.title_bx > .page_title {padding: 3rem 0; text-align: left; font-size: 2.4rem;}
}
@media all and (max-width: 768px){
	.title_bx > .page_title{
	padding: 2rem 0;
	}
	.sub_nav_container {
		top: 12.5rem;
	}
	.depth_01 > li > a,
	.depth_02 li > a { 
		font-size:1.5rem; 
	}
	.depth_03 > li > a{
		padding:0 16px;
	}

	
}
@media all and (max-width: 480px){
	.depth_03{
		display:none;
	}
	.depth_03_mobile{
		display:block;
		position:relative;
	}
	.depth_03_mobile > span{
	    display: flex;
	    width: 100%;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	    padding: 12px 28px 16px;
	    background: #efefef;
	    margin-top: 10px;
	    font-size: 15px;
	    font-weight: 800;
    	line-height: 1em;
	}
	.depth_03_mobile > span > .depth03_view_more{
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
	    background: #fff;
	    width:27px;
	    height:27px;
	    border-radius: 30px;
		transition:0.3s;
	}
	.depth_03_mobile > span > .depth03_view_more.on{
		transform:rotate(180deg);
		transition:0.3s;
	}
	.depth_03_list{
		display:none;
		background: #fff;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    transform: translate(0, 100%);
	    z-index: 1;
		transition:0.3s;
		padding-bottom:32px;
		border-bottom:1px solid #dbdbdb;
		border-top:1px solid #dbdbdb;
		opacity:0;
	}
	.depth_03_list.on{
		display:block;
		opacity:1;
		transition:0.3s;
	}
	.depth_03_list > li{
		padding: 0 30px;
	    width: 100%;
	}
	.depth_03_list > li > a{
	    display: block;
	    width: 100%;
	    padding: 16px 0;
	    font-size: 15px;
	    font-weight: 600;
	    color: #666;
	    line-height: 1em;
	    border-bottom: 1px solid #dbdbdb;
	}
	.depth_03_list > li.on > a{
		color:#010101;
		font-weight:800;
	}
}
@media all and (max-width: 420px){
	
.depth_02 li:first-child:nth-last-child(5),
.depth_02 li:first-child:nth-last-child(5) ~ li{
	width:calc(20% - 2.2px);
}
}



/* 박형준의 오늘 게시판 스타일*/
.photo_board_wrap{
	margin-top:500px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}
.board_big_item{
	width:48.85496%;
	border-radius:30px 0 30px 0;
	overflow:hidden;
}
.board_big_item > a{
	display:block;
	width:100%;
	position:relative;
	height:100%;
}
.board_big_item > a > .img_area{
	display:block;
	width:100%;
	padding:0;
	height:100%;
}
.board_big_item > a > .img_area > img{
	display:block;
	width:100%;
	height:100%;
    object-fit: cover;
}
.board_big_item > a > .txt_area{
	display: block;
    padding: 34px 31px 41px;
    background: #00000060;
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
}
.board_big_item > a > .txt_area > .top_txt{
	color: #fff;
    overflow: hidden;
    white-space: normal;
    word-break: keep-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 1.125em;
    line-height: 1.2em;
    height: 4.8em;
    font-weight: 600;
}
.board_big_item > a > .txt_area > .hashtag_bx{
	margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #ffffff46;
    color: #ffffffdd;
    font-size: 1em;
}
.board_small_item_list{
	width:calc(51.14504% - 30px);
	display:flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items:stretch;
	flex-wrap:wrap;
}
.board_small_item_list > li{
	margin-right:30px;
	margin-bottom:45px;
	width:calc(50% - 15px);
	overflow:hidden;
    aspect-ratio: 304 / 304;
    max-height:353px;
}
.board_small_item_list > li:nth-child(even){
	margin-right:0;
}
.board_small_item_list > li:nth-child(1){
	border-radius:30px 0 0 0;
	overflow:hidden;
}
.board_small_item_list > li:nth-child(4){
	border-radius:0 0 30px 0;
}
.board_small_item_list > li:nth-child(3),
.board_small_item_list > li:nth-child(4){
	margin-bottom:0;
}


.board_small_item_list > li > a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.board_small_item_list > li > a > img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.board_small_item_list > li > a > .prev_cont{
	display:flex;
	width:100%;
	height:100%;
	background:#00000070;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	padding: 63px 25px 35px 34px;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	opacity:0;
	transition:all 0.1s ease-in;
}
.board_small_item_list > li:hover > a > .prev_cont{
	visibility:visible;
	opacity:1;
	transition:all 0.3s ease-in;
}
.board_small_item_list > li > a > .prev_cont > .txt_prev{
	font-size:1.438em;
	font-weight:800;
	line-height:1.2em;
	height:3.6em;
	overflow: hidden;
	white-space:normal;
	word-break:keep-all;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
}
.board_small_item_list > li > a > .prev_cont > .prev_hash{
	padding-top:32px;
	border-top:1px solid #ffffffaa;
	color:#ffffffdd;
	font-size:1em;
	font-weight:400;
	line-height:1.2em;
}
@media all and (max-width: 768px){
	.photo_board_wrap{
	flex-direction:column;
	width:calc(100% - 32px);
	margin:0 auto;
	}
	.board_big_item{
	width:100%;
	margin-bottom:45px;
	}
	.board_small_item_list{
		width:100%;
	}
	.boardHead{
	display:block;
	margin:0 auto;
	}	
}
@media all and (max-width: 480px){
	.board_small_item_list > li{
		width:calc(50% - 8px);
		margin-bottom:16px;
		margin-right:16px;
	}
	.board_big_item > a > .txt_area{
		padding:24px 16px;
	}
	.board_big_item > a > .txt_area > .top_txt{
	    -webkit-line-clamp: 2;
    	height: 2.4em;
	}
	.board_big_item > a > .txt_area > .hashtag_bx{
		padding-top: 16px;
    	margin-top: 16px;
	}
}
@media all and (max-width: 320px){
	.board_big_item > a > .txt_area{
		padding:16px 8px;
	}
	.board_big_item > a > .txt_area > .hashtag_bx{
		padding-top: 8px;
    	margin-top: 8px;
	}
	
}
.form-data-content.insta_layout{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border:0;
    margin-top:60px;
}
.todayimg_area{
	width:calc(50% - 10px);
	display:block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    position:relative;
}
.todaytxt_area{
	width:calc(50% - 10px);
    padding: 54px 51px 20px;
    background: #f1f1f1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items:flex-start;
}
.todayimg_area .swiper-wrapper{
	background:#fff;
}
.todayimg_area .swiper-slide{
	object-fit:contain;
}
.todayimg_area .swiper-button-next, .todayimg_area .swiper-rtl .swiper-button-prev,
.todayimg_area .swiper-button-prev, .todayimg_area .swiper-rtl .swiper-button-next{
	background: url(/humanframe/theme/mayor24/assets/img/main/icon_slide_controler_wh.png) no-repeat center center / auto, #00000075;
	width:54px;
	height:54px;
	border-radius:30px;
}
.todayimg_area .swiper-button-next{
	transform:rotate(180deg);

 }
.todayimg_area .swiper-button-prev::after,
.todayimg_area .swiper-button-next::after{
	display:none;
}
.todayimg_area .swiper-pagination-bullet{
	background:#ccc;
}
.todayimg_area .swiper-pagination-bullet-active{
	background:#004098;
}
.todaytxt_area > .txt_bx{
	overflow-Y:scroll;
	max-height:530px;
	display:block;
	width:100%;
	padding-bottom:24px;
	font-size:1.8rem;
}
.todaytxt_area > .hash_tag{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 36px;
    border-top: 1px solid #dbdbdb;
}
.todaytxt_area > .hash_tag > .hash{
	    display: inline-block;
    padding: 9px 20px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 40px;
    margin-right: 10px;
    margin-bottom:20px;
    font-size:0.938em;
    line-height:1em;
}
.boardListTxt{
	text-align:right;
}

@media (max-width: 1500px){
    /* .photo_board_wrap,
	.boardTextGallery,
	.media-news-list,
	.boardHead,
	.thumbListType1Wrap,
	.boardTextGallery,
	.boardListTxt,
	.boardView,
    #contents .content{
        width:calc(100% - 8em);
        margin:0 auto;
    } */
	.boardListTxt{
		margin:24px auto;
	}
}

@media (max-width: 1400px) and (min-width: 1025px) and (orientation: landscape){
	/* #contents .content, */
	/* .photo_board_wrap,
	.boardTextGallery,
	.media-news-list,
	.boardHead,
	.thumbListType1Wrap,
	.boardTextGallery,
	.boardListTxt,
	.boardView{
		width:calc(100% - 8em);
		margin:0 auto;
	} */
	.boardListTxt{
		margin:24px auto 16px;
	}
	.todaytxt_area > .txt_bx{
		max-height:480px;
	}
}

@media (max-width: 1200px){
	.todaytxt_area > .txt_bx{
		max-height:400px;
	}
}
@media (max-width: 1024px){
	/* #contents .content, */
	/* .photo_board_wrap,
	.boardTextGallery,
	.media-news-list,
	.boardHead,
	.thumbListType1Wrap,
	.boardTextGallery,
	.boardListTxt,
	.boardView{
		width:calc(100% - 4rem);
		margin:0 auto;
	} */
	.boardListTxt{
		margin:24px auto 8px;
	}
	.todaytxt_area > .txt_bx{
		max-height:360px;
	}
}
@media (max-width: 820px){
	.form-data-content.insta_layout{
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: flex-start;
	}
	.todayimg_area{
		width:100%;
	}
	.todaytxt_area{
		width:100%;
	}
	.todaytxt_area > .txt_bx{
		max-height:inherit;
	}
}
@media all and (max-width: 480px){
	/* #contents .content, */
	/* .photo_board_wrap,
	.boardTextGallery,
	.media-news-list,
	.boardHead,
	.thumbListType1Wrap,
	.boardTextGallery,
	.boardListTxt,
	.boardView{
		width:calc(100% - 32px);
		margin:0 auto;
	} */
	.boardListTxt{
		margin:16px auto 8px;
	}
	.todaytxt_area{
	    padding: 36px 24px 20px;
	}
	
}
/*시민과 함께하는 공약*/
.gallery_area{
	display:block;
	width:100%;
	overflow:hidden;
}
.gallery_thumb_bx{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	padding-bottom:8px;
	border-bottom:1px solid #ccc;
	margin-bottom:24px;
}
.swiper-button-next, .swiper-button-prev{
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    border-radius:100px;
    background: url(/humanframe/theme/mayor24/assets/img/main/icon_slide_controler_wh.png) no-repeat center center / auto 10px, #00000075;
    margin:0;
}
.swiper-button-next{
	
    transform: rotate(180deg);
}
.citizen_gallery_thumb_slider{
    width: calc(100% - 80px);
	overflow:hidden;
}
.citizen_thumb_bx{
    aspect-ratio: 1;
    padding:2px;
    border:1px solid #ccc;
    border-radius:2px;
}
.citizen_thumb_bx > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin:0 !important;
}

.citizen_gallery_slider.swiper-fade .swiper-slide .citizen_bx{
	opacity:0;
	transition:0.2s;
}
.citizen_gallery_slider.swiper-fade .swiper-slide-active .citizen_bx{
	opacity:1;
	transition:0.2s;
}


/*컨텐츠 타이틀*/

@media all and (max-width: 768px){
	h5.h5Bl{font-size:1.8rem;}
}

/* 버튼 컬러 변경*/

.button.color{
	border:1px solid #000;
	background-color:#222;
}
.btnColorType19{
	background-color:#222 !important;
}
a.btn{ border-radius: 10px; font-size: 1.8rem; line-height: 1.4em; height: auto; padding: 13px 53px 14px 28px; background-size: auto; background-position:right 29px center; background-repeat: no-repeat; white-space: normal;}
a.jump{background-image: url(/humanframe/theme/mayor26/assets/img/common/jump_icon.png);}
a.check{background-image: url(/humanframe/theme/mayor26/assets/img/common/check_icon.png); padding:13px 42px 14px 73px; background-position: left 44px center;}
a.small{height: auto; padding:4px 33px 4px 13px; line-height:1.4em; font-size: 1.6rem; background-position:right 12px center; border-radius: 7px; margin-left:8px;}
a.btnColorType14{background-color: #1d5bb1 !important;}
a.btnColorType21{background-color: #292929 !important; color:#fff !important;}
  

@media all and (max-width: 768px){
	a.btn{font-size: 1.5rem;}
}


/* 컨텐츠 박스 스타일 */
.boxStyle{
	font-size: 1.8rem;
}
.boxStyle.dashedBx{margin: 30px auto; background: #fff; border: 2px dashed #cdd5e0; border-radius: 15px; padding: 36px 40px; }
.boxStyle.noborder{
	border:0; border-radius: 10px; padding:18px 24px; margin-bottom:25px;
}

@media all and (max-width: 768px){
	.boxStyle{font-size: 1.5rem;}
	.boxStyle.dashedBx{padding:20px;}
}

/* listStyle 스타일 변경*/
.listStyle > li{
	padding:0 0 0 10px; margin-bottom:10px;
}
.listStyle li:before, .listStyle dt:before{
	border-radius: 5px;
}

.fcType9{color: #e12e3f !important;}
.mt30{margin-top:30px !important;}
.fw800{font-weight: 800 !important;}