@charset "utf-8";

/* 서브레이아웃 */
#container.sub .inner { position:relative; display:flex; flex-wrap:wrap; margin:0 auto 100px; z-index:1; }
	#sLeft { width:280px; margin-right:60px; }
	#sRight { position:relative; width:calc(100% - 340px); }
		#content { width:100%; }


@media (min-width:1281px) and (max-width:1440px){
	#container.sub { min-width:100%; width:100%; padding:0 24px; margin:0 auto 100px; z-index:1; }				
	#container.sub > .inner { padding:0; }

		#sLeft { width:250px; margin-right:50px; }
		#sRight { position:relative; width:calc(100% - 300px); }
			#content { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){
	#container.sub { min-width:100%; width:100%; padding:0 24px; margin:0 auto 100px; z-index:1; }		
	#container.sub > .inner { padding:0; }

		#sLeft { width:220px; margin-right:30px; }
		#sRight { position:relative; width:calc(100% - 250px); }
			#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#container.sub { min-width:100%; width:100%; background:none; margin:0 auto 75px; }		
	#container.sub > .inner { padding:0; }

		#sLeft { display:none; }
		#sRight { float:none; position:relative; width:100%; padding:0 24px; }
			#content { width:100%; }
}


@media (max-width:768px){
	#container.sub { min-width:100%; width:100%; background:none; margin:0 auto 50px; }
	#container.sub > .inner { padding:0; }

		#sLeft { display:block; width:100%; margin:0 1.6rem }
		#sRight { float:none; position:relative; width:100%;  }
			#content { width:100%; padding:0 16px; }
}


/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:141px; border-bottom:1px solid #ddd; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:0; top:100px; font-size:90%; color:#888; word-spacing:5px; }
.pagetitle .path span { position:relative; top:0px; width:4px; height:7px; line-height:7px; background:url(/images/common/path_blt.gif) no-repeat; text-indent:-9999em; display:inline-block; margin:0 0.8rem; }
.pagetitle .path strong { color:#666; }

.pagetitle h2 { padding:41px 0 0 0px; font-family:pgovb; font-size:220%; color:#000; }


.pagetitle .snsbtn { position:absolute; right:0; bottom:15px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }
.pagetitle .snsbtn ul li.kakaostory { width:35px; height:35px; line-height:35px; background:#fcb700; border-radius:50%; text-align:center; }
.pagetitle .snsbtn ul li.kakaostory img { padding-top:5px; }


@media (min-width:1281px) and (max-width:1400px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	.pagetitle { height:120px; }
	
	.pagetitle .path { top:80px; }	
	.pagetitle h2 { padding:32px 0 0 0px; font-size:200%;  }
	
	.pagetitle .snsbtn { bottom:15px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
			
}

@media (max-width:768px){
	.pagetitle { height:110px; border:none;  }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; background:#667ba2; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h2 { padding:40px 15px 0 15px; font-size:200%; }

	.pagetitle .snsbtn { right:8px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:8px; }
}


/* 서브비주얼 */
.svisible  { position:relative; margin-top:4rem; }
.svisible .pic { position:relative; padding-top:133%; box-shadow:0 0 2rem rgba(0,0,0,.1); background:#ddd; border-radius:2rem; overflow:hidden; }
.svisible .pic1 { position:absolute; top:0; left:0; display:block; width:100%; height:100%; }
.svisible .pic2 { display:none; }
.svisible .pic > p img { width:100%; height:100%; object-fit:cover; }

.svisible .svisibleBox { margin-top:2.8rem; }
.svisible .svisibleBox .txt { max-width:28rem; width:100%; word-break:keep-all; font-size:1.8rem; margin-bottom:1.2rem; }
.svisible .svisibleBox .txt img { width:100%; }
.svisible .svisibleBox ul { display:none; }
.svisible .svisibleBox .name { text-align:right; font-size:2.4rem; font-weight:700; color:#3B4359; }

@media (max-width:768px){
	.svisible { display:flex; align-items:start; margin:1.6rem 0; }
	.svisible .pic { min-width:8rem; width:30%; padding-top:0; }
	.svisible .pic1 { display:none; }
	.svisible .pic2 { display:block; }
	
	.svisible .svisibleBox { width:calc(70% - 1.2rem); margin-left:1.2rem; }
	.svisible .svisibleBox ul { display:block; width:100%; font-size:1.6rem; padding:.4rem .8rem; background:#f4f4f4; margin-top:.8rem; }
}



/* 레프트 메뉴 */
.leftMenu { margin-top:4rem; }
.leftMenu h2 { display:none; }

.leftMenu .mdepth1 li,
.leftMenu .mdepth2 li { background: 0; padding: 0; display: flex; flex-direction:column; }

.leftMenu .mdepth1 { display: flex;  flex-direction: column; }
.leftMenu .mdepth1 > li { display: none; }
.leftMenu .mdepth1 > li.select { display: flex; }
.leftMenu .mdepth1 > li > a { display: none; }

.leftMenu .mdepth2 > li { margin-bottom: 4px; }
.leftMenu .mdepth2 li a { position: relative; width: 100%; padding: 8px 16px 8px; font-size: 1.9rem; font-weight: 700; transition: .4s; text-align:right; }
.leftMenu .mdepth2 li a::after { position:absolute; left: 0; bottom: 0; content:''; width: 0; height: 3px; background-color: #294743; transition: .4s; }
.leftMenu .mdepth2 > li > a.select::after { width: 100%; }
.leftMenu .mdepth2 > li > a.select { display: flex; color: #294743; }
.leftMenu .mdepth2 > li > a:hover,
.leftMenu .mdepth2 > li > a:focus { background-color: #F2F4F4; }

.leftMenu .mdepth2 .select ~ .mdepth3 { border-radius:0 0 1.6rem 1.6rem; }
.leftMenu .mdepth3 { background:#f4f4f4; border-radius:1.6rem; overflow:hidden; }
.leftMenu .mdepth3 li a { font-size:1.7rem; }
.leftMenu .mdepth3 li a.select { justify-content:end; color:#294743; background:#E3E8E8; }

@media (max-width:768px){
	.leftMenu { display:none; margin-top: 24px; }
	.leftMenu h2 { display:none; }
	.leftMenu .mdepth2 { display: flex; flex-wrap: wrap; }
	.leftMenu .mdepth2 li { width: 33%; margin-bottom: 0; }
	.leftMenu .mdepth2 li a { font-size:112.5%; padding: 12px 8px 15px; }
}



/* 인사말 */
.greeting strong { display:flex; justify-content:space-between; padding:; font-size:2.4rem; font-weight:700; }
.greeting video { width:100%; }


/* 약력 */
.profile h3 { position:relative; display:inline-flex; padding:2.4rem; border-radius:1.6rem; background:#6961D6; color:#fff; margin-bottom:0; }

.profile .list-box { margin-bottom:4rem; }

.profile .list-box > dl,
.profile .list-box > ul { padding:4.8rem; background:#FBFBFE; border-radius:2.4rem 2.4rem 8rem 2.4rem; margin:-4rem 4rem 0; }
.profile dl { display:flex; flex-wrap:wrap; }
.profile dl dt { width:10rem; padding:1.2rem .8rem; border-bottom:1px solid #D7D6ED; }
.profile dl dd { width:calc(100% - 10rem); padding:1.2rem .8rem; border-bottom:1px solid #D7D6ED; }
.profile dl dd span { color:#666; font-size:1.5rem; word-break:keep-all; }

@media (max-width:600px){
	.profile dl dd span { display:block; }
}

/* 주목! 공감조례*/
.ordinanceView { width:100%; margin-bottom:4rem; }
.ordinanceView .pic { max-width:80rem; width:100%; margin:0 auto 3.2rem; }
.ordinanceView .pic img { width:100%; }

.ordinanceView h2 { width:100%; padding:1.2rem 1.6rem; border-radius:0.4rem; background:#2c365a; color:#fff; font-size:2.0rem; line-height:1.3; text-align:center; box-shadow:0 3px 4px rgba(10,62,106,0.2); margin-bottom:2rem !important;  }
.ordinanceView .name { text-align:right; }
.ordinanceView .qu { font-weight:700; color:#2f4672; font-size:120%; margin-bottom:1.2rem; }
.ordinanceView .qu span:first-child { width:26px; height:28px; line-height:28px; border-radius:3px; background:#113d8e; color:#fff; text-align:center; display:inline-block; margin-right:3px; }

.ordinanceView .box p { line-height:1.5; word-break:break-all !important; white-space:wrap; }

@media (max-width:768px){
	.ordinanceView h1 { font-size:130%; height:auto; line-height:1.5em; padding:10px 15px; box-sizing:border-box; }
}

/* 접수의안 */

/* 세로형 - 의안발의 ----------------------------------------------------------------- */
	/* 기본 ** 공통 ** */
.bill-view { width:100%; }
.bill-view > ul { display: flex; flex-wrap:wrap; word-break:keep-all; }
.bill-view .bill-list { border-top:2px solid #333; margin-bottom:30px; overflow:hidden; }
.bill-view .bill-list li { border-bottom:1px solid #ddd; display:table;                                  }
.bill-view .bill-list li strong { display: table-cell; padding:10px 10px; background:#f4f4f4; color:#444; vertical-align:middle; text-align:center; }
.bill-view .bill-list li span { display:table-cell; padding:10px 10px; text-align:left; vertical-align:middle; }


.bill-view .bill-list li span.subject { font-weight:bold; color:#113d8e; word-break:keep-all;}

.bill-view .bill-list li span.subject a { display:flex; align-items:center; justify-content: center; }
.bill-view .bill-list li span.subject a img { margin-left:6px; }

.bill-view .bill-list li.line1 { width: 100%; }
.bill-view .bill-list li.line2 { width: 50%; }

.bill-view .bill-list li strong { width:90px; }
.bill-view .bill-list li strong.col2 { width:180px; }


	/* li 안에 strong(th)이 여러개일 경우 ** 공통 ** */
.bill-view .bill-list li ul li { width:100%; }
.bill-view .bill-list li ul li:last-child { border-bottom:none; }
.bill-view .bill-list li ul li strong { border-left:1px solid #ddd; }
.bill-view .bill-list li ul li span { min-width:90px; }


@media (max-width:1024px){
	.bill-view .bill-list li strong { width:80px; }
	.bill-view .bill-list li strong.col2 { width:160px; }
}

@media (max-width:768px){
	.bill-view .bill-list li.line2 { width: 100%; }
}



	/* 첨부파일 box  */
.bill-view .bill-down ul { display:block; padding: 12px 10px; background:#FFFDE7; border-radius:10px; margin-bottom:30px; }
.bill-view .bill-down ul li { display:flex; align-items:center; flex-wrap: wrap; padding:5px 10px; }
.bill-view .bill-down ul li a { margin:0 10px; }

.bill-view .bill-down ul.dash > li:before { top:22px; }

/* 첫번째표 맨 마지막줄 통합 */
.lastLine{width:100% !important;}
.lastLine li{font-size:15px; padding: 6px 8px;}
.lastLine ul{display: table-cell; vertical-align: middle;}


/* 바로가기 버튼 */
.billBtns{font-weight:500; color:#444; padding:4px; background:#fefefe;  border: 1px solid #ddd; border-radius: 8px; box-shadow:0 0 4px rgb(0, 0, 0, 0.05); margin-top:0.8rem;}
.billBtns:hover{text-decoration:underline;}

.bill-view .addfile div { display:flex; justify-content:flex-start; align-items:center; width:auto; }
.bill-view .addfile div span { min-width:auto !important; }


.bill-view .abtn_minutesView { position:relative; top:10px; }



/* 의정활동영상 | 5분자유발언, 구정질문 */
.board_list table .v_hoegi { width:25%; }