@charset "utf-8";

/* 공통 */
/* 공통 */
/* 공통 */
#container.sub #content h2,
#container.sub #content h3,
#container.sub #content h4 { display:flex; align-items:center; }

#container.sub #content h2 { margin-bottom:2.4rem; }
#container.sub #content h3 { margin-bottom:1.6rem; }
#container.sub #content h4 { margin-bottom:1.2rem; }

#container.sub #content h2::before,
#container.sub #content h3::before,
#container.sub #content h4::before { display:block; content:''; background:no-repeat center/cover; }

#container.sub #content h2::before { width:2.8rem; height:2.8rem; background-image:url(/images/council/sub/h2_bg.svg); margin-right:1.6rem; }
#container.sub #content h3::before { width:2.4rem; height:2.4rem; background-image:url(/images/council/sub/h3_bg.svg); margin-right:1.2rem; }
#container.sub #content h4::before { width:2rem; height:2rem; background-image:url(/images/council/sub/h4_bg.svg); margin-right:.8rem; }

#container.sub #content p { line-height:1.5; }

.icon-box { position:relative; min-height:12rem; padding:3.2rem 2.4rem 3.2rem 16.8rem; color:#58616A; border-radius:3.2rem 1.2rem 1.2rem 1.2rem; background:#F4F5F6; margin-bottom:3.2rem; }
.icon-box div.icon { position:absolute; top:-3.2rem; left:2.4rem; width:12rem; height:12rem; border-radius:1.6rem; background:#fff no-repeat center/64px; box-shadow:0 0 1rem rgba(0,0,0,.1); }
.icon-box h5 { font-size:2.4rem; color:#1E2124; margin-bottom:1.6rem; }


#content .dataControl { background:#F4F5F6; border-radius:.8rem; padding:2.4rem 2rem; margin-top:2.4rem; }
#content .dataControl ul { display:flex; align-items:center;  }
#content .dataControl ul::before { display:inline-block; content:''; width:4.8rem; height:4.8rem; border-radius:.8rem; background:#fff url(/images/council/sub/icon_data.png) no-repeat center/32px 32px; margin-right:1.2rem; }
#content .dataControl ul li:first-child { font-size:1.8rem; font-weight:700; margin-right:1.2rem; }

@media (max-width:768px){
	.icon-box { padding:2rem 1.6rem 2rem 12rem; }
	.icon-box div.icon { top:-2.4rem; width:8rem; height:8rem; }
	.icon-box.mt-64 { margin-top:4rem !important; }

	#content .dataControl ul::before { display:none; }
	#content .dataControl ul { flex-direction:column; align-items:flex-start; }
}


/* 1. 의회안내 */
/* 1. 의회안내 */
/* 1. 의회안내 */



/* 의장실 */

/* 인사말 */
.chairmanGreeting .title { position:relative; padding:7.2rem 24rem 16rem 6.4rem; font-size:3.2rem; color:#fff; box-shadow:-2rem 1rem 4rem rgba(4,119,106,.3); border-radius:12rem 1.6rem 0 1.6rem; background:url(/images/council/sub/greeting_bg.png) no-repeat center/cover, linear-gradient(90deg, #007A6C,#4168CD); margin-top:10rem; }
.chairmanGreeting .title .point-txt { font-size:4rem; font-weight:700; margin-top:1.2rem; }
.chairmanGreeting .title span { display:block; }
.chairmanGreeting .title img { position:absolute; right:0; bottom:13rem; }

.chairmanGreeting .txt { position:relative; padding:6.4rem 0 0 6.4rem; font-size:1.8rem; border-radius:8rem 0 0 0; background-color:#fff; margin:-13rem 0 0 6.4rem; }
.chairmanGreeting .txt p { margin-bottom:2.4rem; }

.chairmanGreeting .right { font-size:2rem; }
.chairmanGreeting .name { font-size:3.6rem; letter-spacing:.2em; margin-left:.2em; }

@media (max-width:1280px){
}

@media (max-width:1023px){
	.chairmanGreeting .title { font-size:2.4rem; margin-top:8rem; }
	.chairmanGreeting .title .point-txt { font-size:3.2rem; }
}

@media (max-width:768px){
	.chairmanGreeting .title { padding:3.6rem 10rem 12rem 3.2rem; font-size:1.8rem; border-radius:6rem 1.6rem 0 1.6rem; margin-top:4rem; }
	.chairmanGreeting .title .point-txt { font-size:2.2rem; }
	.chairmanGreeting .title img { bottom:9rem; max-width:20rem; }

	.chairmanGreeting .txt { padding:3.2rem 0 0 3.2rem; font-size:1.7rem; border-radius:4rem 0 0 0; margin:-9rem 0 0 3.2rem; }
	.chairmanGreeting .txt p { margin-bottom:1.6rem; }
	.chairmanGreeting .txt p br { display:none; }

	.chairmanGreeting .right { font-size:1.8rem; }
	.chairmanGreeting .name { font-size:3.2rem; }
}

/* 신년사 */
.newYear { background:url(/images/council/sub/newYear_bg.jpg) no-repeat top/100%; padding:8rem 2.4rem;}
.newYear .txt-wrap { max-width:60rem; padding:6.4rem 4.8rem; background:#fff; border-radius:4rem 4rem 0 0; margin:0 auto; }
.newYear .txt-wrap .title { text-align:center; font-size:3.2rem; margin-bottom:2.8rem; }
.newYear .txt-wrap .title::after { display:block; content:''; width:100%; height:.4rem; margin-top:2.4rem; background:url(/images/common/dg_line.png) repeat-x; opacity:.4; }
.newYear .txt-wrap .title span { display:block; }

.newYear .txt-wrap p { font-size:1.8rem; line-height:1.5; margin-bottom:2.4rem; }

.newYear .right { font-size:2rem; }
.newYear .right img { max-width:12rem; }
.newYear .name { font-size:1.8em; letter-spacing:.2em; margin-left:.2em; }

@media (max-width:768px){
	.newYear .txt-wrap { padding:3.2rem 2.4rem; }
}

/* 약력 */
.chairmanProfile { display:flex; justify-content:space-between; flex-direction:column; }

.chairmanProfile .title { position:relative; padding:7.2rem 24rem 16rem 6.4rem; font-size:3.2rem; color:#fff; box-shadow:-2rem 1rem 4rem rgba(4,119,106,.3); border-radius:12rem 1.6rem 0 1.6rem; background:url(/images/council/sub/greeting_bg.png) no-repeat center/cover, linear-gradient(90deg, #007A6C,#4168CD); margin-top:6rem; }
.chairmanProfile .title .point-txt { font-size:4rem; font-weight:700; margin-top:1.2rem; }
.chairmanProfile .title span { display:block; }
.chairmanProfile .title img { position:absolute; right:0; bottom:13rem; }

.chairmanProfile .profile-wrap { position:relative; display:flex; justify-content:space-between; padding:6.4rem 2.4rem 0 6.4rem; font-size:1.8rem; border-radius:8rem 0 0 0; background-color:#fff; margin:-13rem 0 0 6.4rem; }
.chairmanProfile .profile-wrap > div { width:calc(50% - 2rem); }

.chairmanProfile .profile-wrap .info-box dl { display:flex; flex-wrap:wrap; }
.chairmanProfile .profile-wrap .info-box dt { width:8rem; margin-bottom:.8rem; }
.chairmanProfile .profile-wrap .info-box dt::before { content:'•'; margin-right:.4rem;}
.chairmanProfile .profile-wrap .info-box dd { width:calc(100% - 8rem); margin-bottom:.8rem; }


@media (max-width:1023px){
	.chairmanProfile .title { font-size:2.4rem; margin-top:4.8rem; }
	.chairmanProfile .title .point-txt { font-size:3.2rem; }
}

@media (max-width:768px){
	.chairmanProfile .title { padding:3.6rem 10rem 12rem 3.2rem; font-size:1.8rem; border-radius:6rem 1.6rem 0 1.6rem; margin-top:.8rem; }
	.chairmanProfile .title .point-txt { font-size:2.2rem; }
	.chairmanProfile .title img { bottom:9rem; max-width:20rem; }

	.chairmanProfile .profile-wrap { flex-direction:column; padding:3.2rem 0 0 3.2rem; font-size:1.7rem; border-radius:4rem 0 0 0; margin:-9rem 0 0 3.2rem; }
	.chairmanProfile .profile-wrap > div { width:100%; }
}


/* 취임사 */
.inauguration { background:url(/images/council/sub/inauguration_bg.jpg) no-repeat top/100%; padding:12rem 2.4rem 0 0;}
.inauguration .txt-wrap { max-width:80rem; padding:6.4rem 4.8rem; background:#fff; border-radius:0rem 4rem 0 0; }
.inauguration .txt-wrap .title { font-size:3.2rem; margin-bottom:2.8rem; }
.inauguration .txt-wrap p { font-size:1.8rem; line-height:1.5; margin-bottom:2.4rem; }
.inauguration .txt-wrap p em { font-size:1.5em; font-weight:700; color:#0981A0; }

.inauguration .right { font-size:2rem; }
.inauguration .right img { max-width:12rem; }
.inauguration .name { font-size:1.8em; letter-spacing:.2em; margin-left:.2em; }

/* 역대의장단 */

/* 의회연혁 */
.history .build-box { display:flex; flex-direction:column; align-items:flex-start; height:30rem; background:url(/images/council/sub/history_bg.png) no-repeat center/cover,#3C837B; border-radius:1.2rem; }
.history .build-box.old { background-image:url(/images/council/sub/history_bg2.jpg); }
.history .build-box.old2 { background-image:url(/images/council/sub/history_bg3.jpg); }

.history .cont-box { position:relative; }
.history .cont-box ol { padding-top:6.4rem; margin:0 4rem; }
.history .cont-box ol li { display:flex; align-items:flex-start; margin-bottom:4rem; }

.history .cont-box h2.year { margin-top:-.8rem; margin-right:8rem; }
.history .cont-box h2.year::after {  }

#container.sub #content .history h2 { margin-bottom:0; }
#container.sub #content .history h2::before { display:none; }

.history .cont-box dl { display:flex; font-size:1.8rem; flex-wrap:wrap; margin-left:12rem; }

.history .cont-box dl dt { position:relative; width:8rem; margin-bottom:1.6rem; }
.history .cont-box dl dt::before,
.history .cont-box dl dt::after { position:absolute; left:-12.3rem; top:1.3rem; content:''; width:0; height:0; border-radius:2.4rem; transform:translateY(-50%); transition:.4s; }

.history .cont-box dl dt::before { width:.6rem; height:.6rem; background:#ddd; z-index:1; }
.history .cont-box dl dt.on::before { background:#fff; }
.history .cont-box dl dt.on::after { left:-12.6rem; width:1.2rem; height:1.2rem; background:#3C837B; }

@keyframes dot-beat {
	0% {}
	0% {}
}

.history .cont-box dl dt span { position:relative; font-weight:700; color:#00574D; }
.history .cont-box dl dt span::before { position:absolute; left:-12rem; top:50%; content:''; width:calc(100% + 4rem); height:.1rem; background:#ddd; }

.history .cont-box dl dd { width:calc(100% - 8rem); margin-bottom:1.6rem; }
.history .cont-box dl dd span { color:#444; font-size:1.6rem; margin-left:.4rem; }
.history .cont-box dl dd p { font-size:1.7rem; color:#555; margin:.8rem 0; }
.history .cont-box dl dd p::before { content:'-'; margin-right:.4rem; }
.history .cont-box dl dd .img { max-width:20rem; margin:.8rem 0; }
.history .cont-box dl dd .img img { width:100%; }

.history .cont-box .bar { position:absolute; top:0; left:20rem; width:.1rem; height:100%; background:#ddd; overflow:hidden; z-index:-1; }
.history .cont-box .bar .load { position:absolute; top:0; left:0; width:100%; height:37.4rem; max-height:100%; background:#3C837B; }


@media (max-width:768px){
	.history .cont-box ol { padding-top:3.2rem; margin:0 2.4rem; }
	.history .cont-box ol li { width:100%; margin-bottom:2.4rem; }

	.history .cont-box h2.year { margin-right:2.4rem; }

	.history .cont-box dl { flex-direction:column; margin-left:6.4rem; }
	.history .cont-box dl dt { margin-bottom:.4rem; }
	.history .cont-box dl dt::before,
	.history .cont-box dl dt::after { left:-6.7rem; }
	.history .cont-box dl dt.on::after { left:-7rem; }

	.history .cont-box dl dt span::before { left:-6.4rem; width:100%; }

	.history .cont-box dl dd { width:100%; margin-bottom:.8rem; }
	.history .cont-box dl dd .img { margin:.2rem; }

	.history .cont-box .bar { left:12rem; }
}


/* 의회구성 */
.composition ul li { flex-direction:column; display:flex; align-items:center; }
.composition ul li div { position:relative; display:flex; align-items:center; justify-content:center; }

.composition .org1 { position:relative; max-width:94rem; margin:0 auto 9.6rem; }
.composition .org1 > li > div { flex-direction:column; width:18rem; height:18rem; border-radius:10rem; background:url(/images/council/sub/org1_bg.png) no-repeat center/cover; color:#fff; }
.composition .org1::after { position:absolute; left:50%; top:0; content:''; width:.1rem; height:calc(100% - 4.7rem); background:#ddd; z-index:-1; }
.composition .org1 > li > div strong { font-size:1.5em; }

.composition .org2 { width:100%; }
.composition .org2 > li > div { width:12rem; height:12rem; font-size:2rem; border-radius:8rem; background:#00a990; color:#fff; margin-top:4.8rem; }

.composition .org3 { position:relative; display:flex; justify-content:space-between; width:100%; margin:9.6rem 0; }
.composition .org3 > li { width:16rem; }
.composition .org3 > li > div { width:100%; height:4.8rem; border-radius:2.4rem .8rem 2.4rem .8rem; background:#344b47; color:#fff; }
.composition .org3 > li .spc-list { position:absolute; right:0; top:50%; max-width:16rem; background:#43a17e; }
.composition .org3::before,
.composition .org3::after { position:absolute; left:50%; top:-3.1rem; content:''; width:calc(100% - 16rem); height:.1rem; background:#ddd; transform: translateX(-50%); }
.composition .org3::after { top:calc(50% + 2.4rem); z-index:-1; }

.composition .org4-1 { width:100%; padding:.8rem 1.2rem; background:#fff; border-radius:.8rem; border:.1rem solid #ddd; margin-top:.8rem; }
.composition .org4-1 > li { padding:.8rem .8rem; border-bottom:.1rem dashed #ddd; }
.composition .org4-1 > li:last-child { border-bottom:0; }

.composition .org4-2 { position:absolute; bottom:-14.4rem; display:flex; width:100%; }
.composition .org4-2::before { position:absolute; left:50%; top:-3.1rem; content:''; width:calc(100% - ((100% / 8) - .7rem)); height:.1rem; background:#ddd; transform: translateX(-50%); }
.composition .org4-2 > li { position:relative; justify-content:center; width:calc(100% - .7rem); height:6.4rem; margin:0 0 0 .8rem; }
.composition .org4-2 > li:first-child { margin-left:0; }
.composition .org4-2 > li { background:#fff; border-radius:.4rem; border:.1rem solid #344b47; color:#344b47; }
.composition .org4-2 > li::before { position:absolute; left:50%; top:-50%; content:''; width:.1rem; height:50%; background:#ddd; }
.composition .org4-2 > li::after { position:absolute; left:calc(50% - .4rem); top:-.4rem; content:''; width:.8rem; height:.8rem; background:#fff; border:.2rem solid #344b47; border-radius:4rem; }

.composition .org3 > li > div.cmt { background:#00995b; }
.composition .org3 > li > div.spc-cmt { background:#3D6BC9; }

.composition .org3 > li > div.cmt::before,
.composition .org3 > li > div.spc-cmt::before { position:absolute; left:50%; top:-3.1rem; content:''; width:.1rem; height:3.1rem; background:#ddd; }

@media (max-width:768px){
	.composition .org1::after { height:calc(100% - 14.3rem); }
	.composition .org3 { margin:9.6rem 0 19.2rem; }
	.composition .org4-2 { flex-wrap:wrap; bottom:-24rem; }
	.composition .org4-2 > li { width:calc(25% - .6rem); margin-left:.8rem; margin-bottom:1.6rem; }
	.composition .org4-2 > li:nth-child(1),
	.composition .org4-2 > li:nth-child(5n) { margin-left:0; }

	.composition .org4-2 > li:nth-child(n+5)::before { display:none; }
	.composition .org4-2::before { width:calc(100% - (25% - .6rem)) }
}




/* 의회상징물 */
.symbol .box { align-items:center; }
.symbol .box strong { display:block; font-size:2rem; color:#00796B; }
.symbol .box .img { width:25rem; border-radius:1.2rem; overflow:hidden; margin-right:2.4rem; }
.symbol .box img { width:100%; }

@media (max-width:768px){
	.symbol .box.flex { flex-direction:column; }
	.symbol .box .img { width:100%; max-width:25rem; margin-bottom:1.6rem; }

	.symbol .box strong { font-size:1.8rem; }
}


/* 의회기능 */
/* 의회의 권한 */

/* 조례제정 및 개정폐지 */
.ordinance .icon-box .icon { background-image:url(/images/council/sub/icon_ordinance.png); }
.ordinance .process { display:flex; flex-direction:column; }
.ordinance .process li { position:relative; display:flex; min-height:6.4rem; margin-bottom:3.6rem; }
.ordinance .process li::after { position:absolute; left:11rem; bottom:-2.7rem; content:'▼'; line-height:1; color:#888; }
.ordinance .process li:last-child { margin-bottom:1.2rem; }
.ordinance .process li:last-child::after { display:none; }
.ordinance .process em { display:flex; align-items:center; justify-content:center; max-width:24rem; width:100%; font-size:1.9rem; background:#00796B; border-radius:2.4rem 0 0 .8rem; color:#fff; overflow:hidden; }
.ordinance .process p { display:flex; align-items:center;  width:100%; padding:0 2.4rem; border:.1rem solid #ddd; border-radius:0 .8rem .8rem 0;}
.ordinance .process p::before { content:'-'; margin-right:.4rem; }

/* 예산 및 결산 */
.budget .icon-box .icon { background-image:url(/images/council/sub/icon_budget.png); }

/* 행정사무감사조사 */
.audit .icon-box .icon { background-image:url(/images/council/sub/icon_admin.png); }

/* 의회운영 */
#callSession2 ol > li { position:relative; padding-left:4rem; margin-left:1.6rem; margin-bottom:4rem; }
#callSession2 ol > li div { display:inline-flex; align-self: flex-start; align-items:center; justify-content:center; min-width:24rem; min-height:4.8rem; border-radius:.4rem; background:#3DA38F; color:#fff; }
#callSession2 ol div.next { position:relative; }
#callSession2 ol dl { display:flex; }
#callSession2 ol dl dt { position:relative; display:flex; align-self: flex-start; align-items:center; justify-content:center; min-width:20rem; min-height:4.8rem; border-radius:.4rem; background:#3DA38F; color:#fff; }
#callSession2 ol div.next::after,
#callSession2 ol dl dt::after { position:absolute; left:50%; bottom:-3.2rem; content:'▼'; font-size:1.8rem; color:#888; transform:translateX(-50%); }
#callSession2 ol dl dd { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:calc(100% - 20rem); padding:.8rem 1.6rem; border-radius:.4rem; border:.1rem solid #CDD1D5; margin-left:2rem; }

#callSession2 ol > li.return1 > *::before { position:absolute; left:0; top:2.6rem; width:4rem; height:.1rem; content:''; background:#ddd; }
#callSession2 ol > li.return1 > *::after { content: "";  position: absolute; left:0; top:2.6rem; width:.1rem; height:calc(100% + 12.5rem); background: #ccc; }
#callSession2 ol > li.return2::after { position:absolute; left:0; top:2.2rem; width:4rem; height:.1rem; content:''; background:#ddd; }
#callSession2 ol > li.return1.return2::before { content: "";  position: absolute; left:0; top:2.6rem; width:.1rem; height:calc(100% + 30.1rem); background: #ccc; }

#callSession2 .blue div { background:#2B3690; margin-left:-6.4rem; }

#callSession2 .pink div { background:#DA4E71; margin-left:4rem; }
#callSession2 .pink div::before { position:absolute; top:2.4rem; left:0; width:8rem; height:.1rem; content:''; background:#ddd;}
#callSession2 .pink div::after { position:absolute; top:1.2rem; left:0; content:'◀'; color:#ddd; }

#callSession2 ol > li.arrow::before { position:absolute; left:2.5rem; content:'▶'; color:#ddd; }
#callSession2 ol > li.return1.arrow::before { top:1.4rem; }
#callSession2 ol > li.return2.arrow::before { top:1.1rem; } 

.plen-proc > li { margin-bottom:4rem; }
.plen-proc dl { display:flex; }
.plen-proc dl dt { position:relative; display:flex; align-self: flex-start; align-items:center; justify-content:center; min-width:18rem; min-height:4.8rem; border-radius:.4rem; background:#3DA38F; color:#fff; }
.plen-proc dl dt::after { position:absolute; left:50%; bottom:-3.2rem; content:'▼'; font-size:1.8rem; color:#888; transform:translateX(-50%); }
.plen-proc li:last-child dl dt::after { display:none; }
.plen-proc dl dd { display:flex; align-items:center; width:calc(100% - 20rem); padding:.8rem 1.6rem; border-radius:.4rem; border:.1rem solid #CDD1D5; margin-left:2rem; }

.call-proc { display:flex; overflow: hidden; }
.call-proc li { position:relative; display: flex; align-items: center; width:calc(25% - 3rem); min-height:8rem; background:#fff; box-shadow:1rem 0 1rem rgba(0,0,0,.1); margin-right: 4rem;}
.call-proc li:last-child { margin-right:0; }
.call-proc li::after { position:absolute; top:calc(50% - 1.2rem); right:-2.4rem; content:''; width:2.4rem; height:2.4rem; background:url(/images/council/sub/arrow.png); }

@media (max-width:768px){
	#callSession2 ol dl { flex-direction:column; }
	#callSession2 ol dl dt { width:100%; }
	#callSession2 ol dl dd { position:relative; width:100%; margin-left:0; } 
	#callSession2 ol dl dt::after { display:none; }
	#callSession2 ol dl dd::after { position:absolute; left:50%; bottom:-3.2rem; content:'▼'; font-size:1.8rem; color:#888; transform:translateX(-50%); }


	#callSession2 ol > li div.next,
	#callSession2 ol > li.last div { width:100%; }
	#callSession2 ol > li.return1.return2::before { height:calc(100% + 34.4rem); }

	.plen-proc dl { position:relative; flex-direction:column; }
	.plen-proc dl dt,
	.plen-proc dl dd { width:100%; margin:0; }

	.plen-proc dl dt { border-radius:.4rem .4rem 0 0; }
	.plen-proc dl dd { border-radius:0 0 .4rem .4rem; }

	.plen-proc dl::after { position:absolute; left:50%; bottom:-3.2rem; content:'▼'; font-size:1.8rem; color:#888; transform:translateX(-50%); }
	.plen-proc dl dt::after { display:none; }

	.call-proc { flex-direction:column; }
	.call-proc li { justify-content: center; width:100%; }
	.call-proc li::after { right:calc(50% - 1.2rem); top:100%; z-index:1; transform:rotate(90deg);}
}


/* 의회사무국 */
.employee .th1 { width:20%; }
.employee .th3 { width:25%; }
.employee .th4 { width:auto; }


/* 청사안내도 */
.buildingGuide .build-box { position:relative; display:flex; flex-direction:column; align-items:flex-start; height:30rem; background:url(/images/council/sub/building_bg.jpg) no-repeat center/cover,#3C837B; border-radius:1.2rem; margin-bottom:4.8rem; }
.buildingGuide .build-box span { position:absolute; bottom:-2.4rem; left:2.4rem; padding:3.2rem; border-radius:1.2rem 4rem 1.2rem 1.2rem; background:linear-gradient(90deg,rgba(0,151,167,1),#0981A0); font-size:2.4rem; font-weight:700; color:#fff; }
.buildingGuide .build-cont { padding:4.8rem 0; }
.buildingGuide dl { display:flex; margin-bottom:2.4rem;}

.buildingGuide dl dt,
.buildingGuide dl dd { display:flex; align-items:center; }
.buildingGuide dl dt { position:relative; justify-content:center; max-width:12rem; width:100%; height:4.8rem; background:#F3F8F8; font-size:1.8rem; font-weight:700; color:#017C6E; border-radius:4rem; border:.2rem solid #017C6E; margin-right:2.4rem; }
.buildingGuide dl dt::before { position:absolute; left:50%; bottom:calc(-100% - 2.4rem); width:.1rem; height:calc(100% + 2.4rem); background:#ddd; content:''; }
.buildingGuide dl:last-child dt::before { display:none; }
.buildingGuide dl dt::after { position:absolute; left:calc(50% - .5rem); bottom:-.5rem; content:''; width:1rem; height:1rem; background:#fff; border:.2rem solid #017C6E; border-radius:4rem; }
.buildingGuide dl dd { align-items:flex-start; flex-direction:column; max-width:calc(100% - 2.4rem); width:100%; padding-bottom:1.6rem; line-height:1.5; border-bottom:.1rem solid #ddd;}
.buildingGuide dl dd p { width:100%; padding-bottom:.8rem; border-bottom:.1rem dotted #ddd; margin-bottom:1.2rem; }
.buildingGuide dl dd p:last-child { padding-bottom:0; border-bottom:0; margin-bottom:0; }
.buildingGuide dl dd em { color:#0981A0; margin-right:1.2rem; }


/* 의회오시는길 */
.location .map-wrap { display:flex; box-shadow:0 0 1rem rgba(0,0,0,.2); border-radius:.4rem 4rem 4rem 4rem; overflow:hidden; }
.location #map { width:calc(100% - 30rem); min-height:40rem; z-index:0; }
.location #map a { display:flex; align-items:center; justify-content:center; width:100%; height:4rem; padding:0 1.6rem;  }
.location #map a:hover,
.location #map a:focus { text-decoration:underline; }

.location .map-wrap .title { width:30rem; padding:4rem 3.2rem; }
.location .map-wrap .title > p { font-weight:700; font-size:3.2rem; line-height:1.2 !important; margin-bottom:2.4rem;}
.location .map-wrap .title ul { width:100%; }

.location .map-wrap .title ul a { display:inline-flex; justify-content:center; align-items:center; min-height:4.8rem; padding:0 2rem; font-size:1.8rem; background:linear-gradient(90deg,rgba(0,151,167,.8),#5EAD8A); border-radius:.8rem; color:#fff; }

.location .map-wrap .title .address,
.location .map-wrap .title .number { position:relative; padding-left:4.8rem; margin-bottom:1.6rem; }


.location .map-wrap .title .address::before,
.location .map-wrap .title .number::before { position:absolute; top:0; left:0; width:4rem; height:4rem; border-radius:.8rem; background:#F0F7EB no-repeat center; content:''; }

.location .map-wrap .title .address::before { background-image: url(/images/council/sub/icon_map.png); }
.location .map-wrap .title .number::before { background-image: url(/images/council/sub/icon_tel.png); }

@media (max-width:768px){
	.location .map-wrap { flex-direction:column; }
	.location .map-wrap #map { width:100% !important; }

	.location .map-wrap .title { width:100%; padding:2rem 2.4rem; }
}


/* 2.의원광장 */
/* 2.의원광장 */
/* 2.의원광장 */

/* 의회윤리안내 */
.ethics { position:relative; width:100%; }

.ethics .ethics_top { position:absolute; left:0; top:0; width:100%; height:223px; background:url(/images/council/sub/ethics_boxtop.gif) no-repeat 50% top; }
.ethics .ethics_bottom { position:absolute; left:0; bottom:0; width:100%; height:175px; background:url(/images/council/sub/ethics_boxbottom.gif) no-repeat 50% bottom; }
.ethics .ethics_body { width:770px; padding:150px 0 100px 0; margin:0 auto; }
.ethics .ethics_body h2 { justify-content:center; font-size:3.2rem; color:#005248; margin-bottom:20px; }
#container.sub #content .ethics h2::before { display:none; }
.ethics .ethics_body p { line-height:170%; padding-bottom:30px; border-bottom:1px dashed #ddd; margin-bottom:50px; }

.ethics .ethics_body .txt { color:#005248; }


@media (min-width:769px) and (max-width:1023px){	
	.ethics .ethics_top { background:url(/images/sub/ethics_boxtop2.gif) no-repeat 50% top; }
	.ethics .ethics_bottom { background:url(/images/sub/ethics_boxbottom2.gif) no-repeat 50% bottom; }
	.ethics .ethics_body { width:100%; padding:150px 0 50px 0; }
}


@media (max-width:768px){
	.ethics .ethics_top { display:none;}
	.ethics .ethics_bottom { display:none; }
	.ethics .ethics_body { width:100%; padding:30px 15px 20px 15px; border:4px solid #c5bf94; box-sizing:border-box; }
	.ethics .ethics_body h1 { font-size:150%; margin-bottom:15px; }
	.ethics .ethics_body .righttxt { margin-bottom:30px; }
	.ethics .ethics_body p { margin-bottom:30px; }	
}

/* 역대의원 */

/* 원주시 역대의원 */
.oldMember .searchBox { justify-content:center; }
.oldMember .oldmemberList ul { display:flex; flex-wrap:wrap; }
.oldMember .oldmemberList ul li { width:calc((100% / 7) - 2.4rem); margin:0 1.2rem 1.2rem; margin-bottom:1.2rem; }
.oldMember .oldmemberList ul li a { display:flex; flex-direction:column; align-items:center; }
.oldMember .oldmemberList ul li a .pic { padding:.6rem; border-radius:.4rem; border:.1rem solid #cdd1d5; }
.oldMember .oldmemberList ul li a .name { text-align:center; }
.oldMember .oldmemberList ul li a .pic img { max-width:10.2rem; width:100%; }
.oldMember .oldmemberList ul li b { display:block; font-size:.9em; font-weight:400; color:#555; }


@media (max-width:1023px){
	.oldMember .oldmemberList ul li { width:calc((100% / 5) - 2.4rem); margin-bottom:.8rem; }
}

@media (max-width:768px){
	.oldMember.resultBar { font-size:1.5rem; }
	.oldMember .oldmemberList ul li { width:calc((100% / 3) - 2.4rem); }
}

/* 통합전 역대의원 */
.beforeOldMember .searchBox { justify-content:center; }
.beforeOldMember .oldmemberList ul { display:flex; flex-wrap:wrap; }
.beforeOldMember .oldmemberList ul li { display:flex; flex-direction:column; align-items:center; width:calc((100% / 7) - 2.4rem); margin:0 1.2rem 1.2rem; margin-bottom:1.2rem; }
.beforeOldMember .oldmemberList ul li a {  }
.beforeOldMember .oldmemberList ul li a .pic { padding:.6rem; border-radius:.4rem; border:.1rem solid #cdd1d5; }
.beforeOldMember .oldmemberList ul li .name { text-align:center; }
.beforeOldMember .oldmemberList ul li a .pic img { max-width:10.2rem; width:100%; }
.beforeOldMember .oldmemberList ul li b { display:block; font-size:.9em; font-weight:400; color:#555; }

/* 현의원소개 */

/* 인명별 */
.memberName { width:100%; }
.memberName > ul { display:flex; justify-content: space-between; flex-wrap: wrap;  }
.memberName > ul > li { width:calc(50% - 15px); margin-bottom: 30px; border:1px solid #ddd; border-radius: 15px; transition:.4s; overflow:hidden; display: flex; flex-direction: column; justify-content: space-between; }
.memberName > ul > li .mProTop { padding:25px; min-height:260px;}

.memberName > ul > li .mProTop > dl { position: relative; padding: 0 0 20px 180px; box-sizing: border-box; }
.memberName > ul > li .mProTop > dl dt { position: absolute; left: 0; max-width:145px; }
.memberName > ul > li .mProTop > dl dt img { max-width:100%; border-radius:10px; width:140px; max-height:180px; height:auto; }
.memberName > ul > li .mProTop > dl dd { width: 100%; }


.memberName > ul > li.chairman { background:#f5fafa; }
.memberName > ul > li.chairman .mProTop dl dd strong { color:#00796B; }
.memberName > ul > li .mProTop dl dd strong { display:block; font-size:2.4rem; margin-bottom:20px; }
.memberName > ul > li .mProTop dl dd strong span { font-size:.8em; font-weight:400; }

.memberName > ul > li .mProTop .dot li { padding: 0 0 0 90px; margin-bottom: 8px; }
.memberName > ul > li .mProTop .dot li em { position: absolute; left: 14px; width: 54px; font-weight: 200; display: inline-block; text-align: justify; text-justify: inter-ideograph; }
.memberName > ul > li .mProTop .dot li em:after { content:''; display:inline-block; width:100%; height: 0; line-height: 0; font-size: 0; }
.memberName > ul > li .mProTop .dot li span i { font-size:.9em; font-weight: 100; margin-left: 10px; color: #888; }


.memberName > ul > li .mProBtm { display:flex; border-top:1px solid #ddd; overflow:hidden; border-radius: 0 0 15px 15px; }
.memberName > ul > li .mProBtm a { display:flex; align-items:center; justify-content: center;  width:50%; height:50px; line-height:50px; background:#fafafa; color:#888; transition:.4s;  }
.memberName > ul > li .mProBtm a:first-child { border-right:1px solid #ddd; } 
.memberName > ul > li .mProBtm a:active,
.memberName > ul > li .mProBtm a:focus,
.memberName > ul > li .mProBtm a:hover { background:#FFFDE7; color:#00796B; }


.memberName > ul > li:hover { border:1px solid #00796B; } 



@media (max-width: 1279px) {
	.memberName > ul > li.chairman .mProTop { padding:16px; }
	.memberName > ul > li .mProTop dl dt { max-width:120px;  }
	.memberName > ul > li .mProTop dl { padding:0 0 20px calc(100% - 60%); }
}

/* 지역별 */
.memberLocal { display:flex; }
.memberLocal > .mbr-wrap { width:100%; margin-left:8rem; }
.memberLocal > .mbr-wrap h5 { background-color:#0A7F6E; padding:1.6rem 2rem; border-radius:.4rem; color:#fff; margin-bottom:2.4rem; }
.memberLocal > .mbr-wrap h5 span { font-size:.9em; font-weight:400; margin-left:.4rem;}
.memberLocal > .mbr-wrap > ul { display:flex; justify-content: space-between; flex-wrap: wrap; }
.memberLocal > .mbr-wrap > ul > li { width:100%; margin-bottom: 30px; border:1px solid #ddd; border-radius: 15px; transition:.4s; overflow:hidden; display: flex; flex-direction: column; justify-content: space-between; }
.memberLocal > .mbr-wrap > ul > li .mProTop { padding:25px; min-height:260px;}

.memberLocal > .mbr-wrap > ul > li .mProTop > dl { position: relative; padding: 0 0 20px 180px; box-sizing: border-box; }
.memberLocal > .mbr-wrap > ul > li .mProTop > dl dt { position: absolute; left: 0; max-width:145px; }
.memberLocal > .mbr-wrap > ul > li .mProTop > dl dt img { max-width:100%; border-radius:10px; width:140px; max-height:180px; height:auto; }
.memberLocal > .mbr-wrap > ul > li .mProTop > dl dd { width: 100%; }


.memberLocal > .mbr-wrap > ul > li.chairman { background:#f5fafa; }
.memberLocal > .mbr-wrap > ul > li.chairman .mProTop dl dd strong { color:#00796B; }
.memberLocal > .mbr-wrap > ul > li .mProTop dl dd strong { display:block; font-size:2.4rem; margin-bottom:20px; }
.memberLocal > .mbr-wrap > ul > li .mProTop dl dd strong span { font-size:.8em; font-weight:400; }

.memberLocal > .mbr-wrap > ul > li .mProTop .dot li { padding: 0 0 0 90px; margin-bottom: 8px; }
.memberLocal > .mbr-wrap > ul > li .mProTop .dot li em { position: absolute; left: 14px; width: 54px; font-weight: 200; display: inline-block; text-align: justify; text-justify: inter-ideograph; }
.memberLocal > .mbr-wrap > ul > li .mProTop .dot li em:after { content:''; display:inline-block; width:100%; height: 0; line-height: 0; font-size: 0; }
.memberLocal > .mbr-wrap > ul > li .mProTop .dot li span i { font-size:.9em; font-weight: 100; margin-left: 10px; color: #888; }


.memberLocal > .mbr-wrap > ul > li .mProBtm { display:flex; border-top:1px solid #ddd; overflow:hidden; border-radius: 0 0 15px 15px; }
.memberLocal > .mbr-wrap > ul > li .mProBtm a { display:flex; align-items:center; justify-content: center;  width:50%; height:50px; line-height:50px; background:#fafafa; color:#888; transition:.4s;  }
.memberLocal > .mbr-wrap > ul > li .mProBtm a:first-child { border-right:1px solid #ddd; } 
.memberLocal > .mbr-wrap > ul > li .mProBtm a:active,
.memberLocal > .mbr-wrap > ul > li .mProBtm a:focus,
.memberLocal > .mbr-wrap > ul > li .mProBtm a:hover { background:#FFFDE7; color:#00796B; }


.memberLocal > .mbr-wrap > ul > li:hover { border:1px solid #00796B; } 



@media (max-width: 1279px) {
	.memberLocal > .mbr-wrap > ul > li.chairman .mProTop { padding:16px; }
	.memberLocal > .mbr-wrap > ul > li .mProTop dl dt { max-width:120px;  }
	.memberLocal > .mbr-wrap > ul > li .mProTop dl { padding:0 0 20px calc(100% - 60%); }
}


/* 위원회별 */

/* 정당별 */
.memberParty h3 span { font-size:1.8rem; margin:1.2rem 0 0 .8rem; }
.memberParty h3 span { color:#007B6D; }

.memberParty .mbr-list { display:flex; flex-wrap:wrap; margin-bottom:3.2rem; }
.memberParty .mbr-list li { position:relative; display:flex; flex-direction:column; align-items:center; width:calc((100% / 6) - 1rem); padding:1.6rem 2rem 6.4rem; border-radius:1.2rem; border:.1rem solid #CDD1D5; margin-left:1.2rem; margin-bottom:1.2rem; }
.memberParty .mbr-list li:nth-child(6n+1) { margin-left:0; }

.memberParty .mbr-list li .img { max-width:10rem; border-radius:20rem; overflow:hidden; margin-bottom:1.6rem; }
.memberParty .mbr-list li img { width:100%; }

.memberParty .mbr-list li h5 { font-size:2rem; margin-bottom:.4rem; }
.memberParty .mbr-list li > span { font-size:1.6rem; }

.memberParty .mbr-list li .btn-wrap { position:absolute; bottom:0; left:0; display:flex; width:100%; }
.memberParty .mbr-list li .btn-wrap a { display:flex; align-items:center; justify-content:center; width:50%; height:4.8rem; border:.1rem solid #CDD1D5; border-left:0; border-bottom:0; }
.memberParty .mbr-list li .btn-wrap a:last-child { border-right:0; }

/* 교섭단체별 */
.memberNegotiation .icon-box .icon { background-image: url(/images/council/sub/icon_unity.png); }

/* 3. 위원회 */
/* 3. 위원회 */
/* 3. 위원회 */

/* 상임위원회 */
.stdCommittee .icon-box div.icon { background-image: url(/images/council/sub/icon_stdCmt.png); }
.stdCommittee .cmt-item { position: relative; }
.stdCommittee .cmt-item a { position: absolute; top:0; right: 0; }


/* 특별위원회 */
.spcCommittee .icon-box div.icon { background-image: url(/images/council/sub/icon_spcCmt.png); }
.spcCommittee .tab { flex-wrap:wrap; }
.spcCommittee .tab li { width:calc(100% / 4); }

@media (min-width:769px) and (max-width:1023px){
	.spcCommittee .tab li { width:calc(100% / 3); }
}

@media (max-width:768px){
	.spcCommittee .tab li { width:calc(100% / 2); font-size:1.6rem; letter-spacing:-.5px; }
}
@media (max-width:480px){
	.spcCommittee .tab li { width:100%; }
}

/* 4. 의정활동 */
/* 4. 의정활동 */
/* 4. 의정활동 */

/* 의원연구단체 */
.researchOrg .process ol { display:flex; flex-wrap:wrap; }
.researchOrg .process ol li { position:relative; width:calc((100% / 3) - 1.2rem); text-align:center; margin-left:1.8rem; margin-bottom:1.6rem; }
.researchOrg .process ol li::after { position:absolute; right:-1.6rem; top:2rem; content:'→'; }
.researchOrg .process ol li:last-child::after { display:none; }
.researchOrg .process ol li div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:6.4rem; background:#406BC4; border-radius:.8rem; color:#fff; }
.researchOrg .process ol li:nth-child(3n+1) { margin-left:0; }



/* 5. 의회소식 */
/* 5. 의회소식 */
/* 5. 의회소식 */

/* 의정활동사진 */
.photoGallery .image_list { position:relative; }
.photoGallery .img-download { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); }



/* 6. 참여마당 */
/* 6. 참여마당 */
/* 6. 참여마당 */

/* 진정접수안내 */
.rp-proc > li { margin-bottom:2.4rem; }
.rp-proc dl { display:flex; }
.rp-proc dl dt { position:relative; display:flex; align-self: flex-start; align-items:center; justify-content:center; min-width:18rem; min-height:4.8rem; border-radius:.4rem; background:#007f8b; color:#fff; }
.rp-proc dl dt::after { position:absolute; left:50%; bottom:-3.2rem; content:'▼'; font-size:1.8rem; color:#888; transform:translateX(-50%); }
.rp-proc li:last-child dl dt::after { display:none; }
.rp-proc dl dd { display:flex; align-items:center; width:calc(100% - 20rem); padding:.8rem 1.6rem; border-radius:.4rem; border:.1rem solid #CDD1D5; margin-left:2rem; }

@media (max-width:768px){
	.rp-proc dl { position:relative; flex-direction:column; }
	.rp-proc dl dt,
	.rp-proc dl dd { width:100%; margin:0; }

	.rp-proc dl dt { border-radius:.4rem .4rem 0 0; }
	.rp-proc dl dd { border-radius:0 0 .4rem .4rem; }

	.rp-proc dl::after { position:absolute; left:50%; bottom:-2.6rem; content:'▼'; font-size:1.8rem; color:#888; transform:translateX(-50%); }
	.rp-proc dl dt::after { display:none; }

}

/* 청원접수안내 */
.cp-proc > li { margin-bottom:2.4rem; }
.cp-proc dl { display:flex; }
.cp-proc dl dt { position:relative; display:flex; align-self: flex-start; align-items:center; justify-content:center; min-width:18rem; min-height:4.8rem; border-radius:.4rem; background:#416ea0; color:#fff; }
.cp-proc dl dt::after { position:absolute; left:50%; bottom:-3.2rem; content:'▼'; font-size:1.8rem; color:#888; transform:translateX(-50%); }
.cp-proc li:last-child dl dt::after { display:none; }
.cp-proc dl dd { display:flex; align-items:center; width:calc(100% - 20rem); padding:.8rem 1.6rem; border-radius:.4rem; border:.1rem solid #CDD1D5; margin-left:2rem; }

@media (max-width:768px){
	.cp-proc dl { position:relative; flex-direction:column; }
	.cp-proc dl dt,
	.cp-proc dl dd { width:100%; margin:0; }

	.cp-proc dl dt { border-radius:.4rem .4rem 0 0; }
	.cp-proc dl dd { border-radius:0 0 .4rem .4rem; }

	.cp-proc dl::after { position:absolute; left:50%; bottom:-2.6rem; content:'▼'; font-size:1.8rem; color:#888; transform:translateX(-50%); }
	.cp-proc dl dt::after { display:none; }

}

/* 자유게시판 */
.freeboard .icon-box .icon { background-image:url(/images/council/sub/icon_freeBbs.png); }

/* 방청안내 */
.attend .icon-box .icon { background-image:url(/images/council/sub/icon_chair.png); }

/* 회의실 대관 */
@media (max-width:768px){
	.mrRentApply .b_item { width:0%; display:none; }
	.mrRentApply table td { height:auto; padding:10px; background:none; }
	.mrRentApply table td input[type="text"] { width:100% !important; }
	.mrRentApply table td .detail input[type="text"] { width:auto !important; }
	.mrRentApply .mobilebar { width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; background:#e2e2e3; display:block; margin-bottom:10px; }
}

/* 의정홍보위원 */
.politicsPromote .icon-box .icon { background-image:url(/images/council/sub/icon_megaphone.png); }
.politicsPromote .mbr-list { display:flex; flex-wrap:wrap; }
.politicsPromote .mbr-list li { width:20%; }

@media (max-width:768px) {
	.politicsPromote .mbr-list { justify-content:space-between; }
	.politicsPromote .mbr-list li { width:100%; max-width:14rem; }
}

/* 주민조례청구 */
.jumin .icon-box .icon { background-image:url(/images/council/sub/icon_jumin.png); }
.jumin ol { display:flex; flex-wrap:wrap; }
.jumin ol li { position:relative; display:flex; align-items:center; justify-content:center; width:calc(25% - 2.4rem); min-height:12rem; padding-top:2rem; border:.1rem solid #aaa; border-radius:4rem .8rem 4rem .8rem; margin:0 2.4rem 2.4rem 0 }
.jumin ol li::after { position:absolute; right:-2rem; top: 50%; content:'→'; color:#51B8C2; }
.jumin ol li:last-child::after { display:none; }
.jumin ol li span.num { position: absolute; top: 0; left: 0; display:flex; align-items:center; justify-content:center; width:3.2rem; height:3.2rem; border-radius:.4rem; background:linear-gradient(#51B8C2,#0A9181); color:#fff; }
.jumin ol li em { position:absolute; top:.6rem; right:.6rem; color:#0A9181; }
.jumin ol li p { font-size:1.8rem; text-align:center; }




/* 7. 회의록검색 */
/* 7. 회의록검색 */
/* 7. 회의록검색 */

/* 검색박스 */
.minutesSearchBox2 { padding:2.4rem; background-color: #F9F9FA; border-radius: 1.2rem; margin-bottom: 3.6rem; }
.minutesSearchBox2 th { min-width: 12rem; border-right: .1rem solid #CDD1D5; }
.minutesSearchBox2 td { padding:.8rem 1.2rem; }
.minutesSearchBox2 td label { margin-right: .8rem; }
.mobilebar { display: none; }
.minutesSearchBox2 .btn_center { text-align: center; }
.minutesSearchBox2 .submit_searchboxBtn { display: inline-flex; min-width: 8rem; height:4.8rem; border-radius: .4rem; background-color: #00796B; color: #fff; margin-top: 2.4rem; cursor: pointer; }

.minutesSearchBox2 #speakersrt #mbrlist { display: flex; flex-wrap: wrap; }
.minutesSearchBox2 #speakersrt #mbrlist li { width:calc(20% - 1rem); }

@media (max-width:768px){
	.minutesSearchBox2 { padding:20px 10px 30px 10px; margin-bottom:30px; }
	.minutesSearchBox2 table th { width: 100px; height:auto; padding:10px 0 10px 10px; background:none; }
	.minutesSearchBox2 table td { height:auto; padding:10px; background:none; }
	
	.minutesSearchBox2 table .b_item { width:0%; display:none; }
	.minutesSearchBox2 table .b_itemcontent { width:100%; background:none;}
	.minutesSearchBox2 table .b_itemcontent2 { width:50%; background:none; padding:7px 5px; box-sizing:border-box; }
	.minutesSearchBox2 table td .mobilebar { width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; background:#e2e2e3; display:block; margin-bottom:10px; }
	.minutesSearchBox2 table td .select_normal,
	.minutesSearchBox2 table td .text_normal { width:100%; }

	.minutesSearchBox2 ul { width:100%; overflow:hidden; box-sizing:border-box; }
	.minutesSearchBox2 ul li { float:left; padding:5px 0; overflow:hidden; display:block; }
	.minutesSearchBox2 ul li .item { float:left; width:30%; display:block; }
	.minutesSearchBox2 ul li .itemContent { float:left; width:70%; display:block; }

	.minutesSearchBox2 #speakersrt #mbrlist li { width:calc(100% / 3); }
}

/* 안건검색 */
.msr_list ul { border-top: .1rem solid #CDD1D5; }
.msr_list dl { padding:.8rem 1.2rem; border-bottom: .1rem solid #CDD1D5; transition: .4s; }
.msr_list dl:hover,
.msr_list dl:focus { background-color: #F3F8F8; }
.msr_list dl dt { font-size: 1.8rem; }
.msr_list dl dd { padding:.2rem 0 .2rem 1.2rem; }

/* 부록검색 */
.supplementSearch dd { display:flex; align-items: center; font-size:1.5rem; line-height:1; margin-bottom:.2rem; }
.supplementSearch dd a:hover,
.supplementSearch dd a:focus { text-decoration:underline; }
.supplementSearch dd img { margin-right:.4rem; }






/* 의회용어사전 */
.dictionary .list { display:flex; flex-wrap:wrap; }
.dictionary .list li a { display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin-right:10px; background:#ddd; border-radius:4px; transition: .4s; }

.dictionary .list li a:focus,
.dictionary .list li a:hover { background:#444; color:#fff; }

.dictionary .wordsResult { word-break: normal; margin-bottom:30px; }





/* 9. 의정활동 정보공개 */
/* 9. 의정활동 정보공개 */
/* 9. 의정활동 정보공개 */

.infoOpen h5 { width:100%; background:#00796B; color:#fff; text-align:center; padding:.8rem 0; border-radius:.4rem; font-size:2.8rem; }
.infoOpen .menu-block .depth3 { display:flex; flex-wrap:wrap; }
.infoOpen .menu-block .depth3 li { width:calc(100% / 3); }
.infoOpen .menu-block .depth3 li a { display:inline-flex; align-items:center; padding:0 .4rem; transition:.4s; }
.infoOpen .menu-block .depth3 li a:hover,
.infoOpen .menu-block .depth3 li a:focus { background:#F3F8F8; color:#00796B; text-decoration:underline; }

@media (max-width:768px){
	.infoOpen .menu-block .depth3 li { width:calc(100% / 2); }
}

@media (max-width:480px){
	.infoOpen .menu-block .depth3 li { width:100%; }
}






/* 10. 이용안내 */
/* 10. 이용안내 */
/* 10. 이용안내 */

/* 개인정보처리방침 */
.privacy .icon-box .icon { background-image:url(/images/council/sub/icon_privacy.png); }

/* 저작권보호정책 */
.copyright .icon-box .icon { background-image:url(/images/council/sub/icon_copy.png); }

/* 이메일무단수집거부 */
.spamemail .icon-box .icon { background-image:url(/images/council/sub/icon_mail.png); }


/* 배너모음 */
.banner .list { width: 100%; border-top: 3px solid #00796B; border-bottom: 1px solid #ccc; padding: 20px 0; display:flex; flex-wrap:wrap;  }
.banner .list li { flex:0 0 calc((100% - (10px * 2 * 6)) / 6); margin:10px ; border: 1px solid #ddd; text-align: center; box-sizing: border-box; }
.banner .list li a { display: block; width:100%; height:100%; }
.banner .list li a img { width:100%; height:100%; object-fit:cover; }

@media (min-width:1024px) and (max-width:1279px){
	.banner .list li { flex:0 0 calc((100% - (10px * 2 * 4)) / 4); }
}

@media (max-width:1023px){
	.banner .list li { flex:0 0 calc((100% - (10px * 2 * 3)) / 3); margin:10px; }
}

@media (max-width:425px){
	.banner .list li { flex:0 0 calc((100% - (10px * 2 * 2)) / 2); }
}

/* 통합검색 */
.totalSearch .icon-box .icon { background-image:url(/images/council/sub/icon_search.png); }



/* 누리집 안내지도 */
.sitemap { width:100%; }
.sitemap .gnb-menu { width:100%; display:flex; justify-content: flex-start; flex-wrap:wrap; }
.sitemap .gnb-menu > li { flex: 0 0 calc(30% - 20px); margin:10px 20px; box-sizing: border-box; }
.sitemap .gnb-menu > li > a { width:100%; height:46px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#00796B; color:#fff; font-size:2rem; font-weight:600; margin-bottom: 20px; }

.sitemap .gnb-menu > li > ul.depth2 > li > a:after,
.sitemap .gnb-menu > li > ul.depth2 > li > a:before,
.sitemap .gnb-menu > li > ul.depth2 > li > ul.depth3 li a:before { position:relative; content:''; display:inline-block; background: no-repeat center / cover; margin-right: .8rem; }


.sitemap .gnb-menu > li > ul.depth2 { width: 100%; border-top: 1px solid #ddd; }
.sitemap .gnb-menu > li > ul.depth2 > li { width: 100%; border-bottom: 1px solid #ddd; }
.sitemap .gnb-menu > li > ul.depth2 > li > a { position:relative; display:flex; align-items:center; width:100%; height:40px; padding: 0 0 0 20px; transition: .4s; }
.sitemap .gnb-menu > li > ul.depth2 > li > a:before { width: 2rem; height: 2rem; background-image: url(/images/council/sub/h4_bg.svg); }
.sitemap .gnb-menu > li > ul.depth2 > li > a:after { position:absolute; width:0; left:0; bottom:-.1rem; height:.2rem; background:#00796B; transition: .4s ease-in; z-index:2; }

.sitemap .gnb-menu > li > ul.depth2 > li > ul.depth3 { background: #f9f9f9; }
.sitemap .gnb-menu > li > ul.depth2 > li > ul.depth3 li a { position:relative; display:flex; align-items:center; width: 100%; height: 36px; border-top: 1px dashed #eee; padding: 0 0 0 20px; transition: .4s; }
.sitemap .gnb-menu > li > ul.depth2 > li > ul.depth3 li a:before { width: .8rem; height: .1rem; background: #1E2124; }




.sitemap .gnb-menu > li > ul.depth2 > li > a:hover { background:#E0F2F1; color:#00796B; }
.sitemap .gnb-menu > li > ul.depth2 > li > a:hover::after { width:100%; }
.sitemap .gnb-menu > li > ul.depth2 > li > ul.depth3 li a:hover { background:#F3F8F8; color:#00796B; }


@media (min-width:769px) and (max-width:1023px){
	.sitemap .gnb-menu > li {  flex: 0 0 calc(30% - 0px); margin:10px 10px; }
}

@media (max-width:768px){
	.sitemap .gnb-menu > li { flex: 0 0 calc(50% - 20px); margin:10px 10px; }
}

@media (max-width:425px){
	.sitemap .gnb-menu > li { flex: 0 0 calc(100% - 20px); }
}