@charset "utf-8";



/* 1. 열린의장실 */
/* 1. 열린의장실 */
/* 1. 열린의장실 */


/* 의장인사말 */
.greeting { width:100%; display:flex; justify-content:space-between; gap:4rem; flex-wrap:wrap;}
.greeting .txtArea { width:calc(100% - 32rem - 4rem); word-break:keep-all; }
.greeting .txtArea p { margin-bottom:1.6rem; }
.greeting .txtArea .txt1 { color:#113d8e; font-size:2.8rem; font-weight:800; line-height:1.3 !important;  }
.greeting .txtArea .txt2 { color:#162745; font-size:2.2rem; font-weight:700; margin-bottom:4.0rem; }
.greeting .txtArea p.sign { font-size:1.8rem; text-align:right; margin-top:4.0rem; }
.greeting .txtArea p.sign img { position:relative; top:-1.2rem; padding-left:1.6rem; }

.greeting .picArea { position:sticky; top:40px; width:32rem; height:fit-content; text-align:center;  }
.greeting .picArea div {  padding-top:3.6rem; border-radius:2rem 2rem 2rem 8rem; background:#efeee9; overflow:hidden;  }
.greeting .picArea div img { transform: scaleX(-1); }}
.greeting .picArea p { position:relative; top:-2rem; right:-3.2rem; padding:1.6rem 2.4rem; border-radius:0.8rem 0.8rem 2rem 0.8rem; background:linear-gradient(#176fa5, #22a677); color:#fff; text-align:right; display:inline-block;  box-shadow:0.4rem 0.4rem 0.8rem rgba(13,10,149,0.2);}
.greeting .picArea p strong { font-weight:700; font-size:2.0rem; display:block; }



@media (max-width:768px){
	.greeting .txtArea { order:2; width:100%;  }
	.greeting .picArea { order:1; position:static; width:100%; }
}



/* 의장프로필 */
.chairmanProfile { }
.chairmanProfile dl { max-width:52rem; width:100%; }
.chairmanProfile dl dt { float:left; width:12rem; padding:0.8rem 0 0.8rem 1.2rem; border-bottom:1px solid #ddd; color:#888; font-weight:500; }
.chairmanProfile dl dd { margin-left:12rem; width:calc(100% - 12rem); padding:0.8rem 0; border-bottom:1px solid #ddd; }
.chairmanProfile dl dt:before { content:''; position:relative; top:-0.4rem; width:3px; height:3px; background:#06c; display:inline-block; margin-right:0.7rem; }



/* 역대의장 */
.formerChairs { width:100%; }
.formerChairs td img { display:block; width:12.2rem; border:1px solid #ddd; margin:0 auto 1.8rem;  }
.formerChairs td strong { display:block; color:#111; font-size:1.8rem; font-weight:700; }
.formerChairs td span { display:block; }

.formerChairs .td1 { width:33.333%; }
.formerChairs .td2 { width:50%; }
.formerChairs .td3 { width:100%; }

@media (max-width:768px){
	.formerChairs td img { width:9.2rem; }
	.formerChairs td span { font-size:1.5rem; word-break:break-all; }
}

@media (max-width:425px){
	.formerChairs td img { width:6.2rem; }
}





/* 2. 의회안내 */
/* 2. 의회안내 */
/* 2. 의회안내 */



/* 의회권한 */
.rights { width:100%; }
.rights .topbox { min-height:16rem; padding-right:20rem; background:url(/images/sub/rights_icon.png) no-repeat right 3.0rem top 50%; word-break:keep-all; }

@media (max-width:768px){
	.rights .topbox { min-height:auto; padding-right:1.6rem; background:none; }
}



/* 의회역할 */
.role { width:100%; }
.role ul { display:flex; flex-wrap:wrap; justify-content:space-between; gap:3.6rem; }
.role ul li { width:calc(50% - 1.8rem); padding:3.2rem; border:1px solid #ddd; border-radius:2rem; text-align:center; }
.role ul li i { display:block; margin-bottom:2.0rem; }
.role ul li strong { color:#323286; font-weight:700; font-size:2.4rem; display:block; margin-bottom:0.8rem; }

@media (max-width:570px){
	.role ul { gap:2.0rem; }
	.role ul li { width:100%; padding:2.0rem 1.6rem; }
	.role ul li i img { height:8rem; }
}


/* 의안처리절차 */
.legislativeProcess { width:100%; }
.legislativeProcess .graph { width:100%; }
.legislativeProcess .graph > li { position:relative; width:100%; display:block; margin-bottom:4.0rem; }
.legislativeProcess .graph > li:last-child { margin-bottom:0; }

.legislativeProcess .graph > li:after { content:''; position:absolute; left:13.2rem; top:8.5rem; width:1.7rem; height:1.7rem; background:url(/images/sub/arrow_down.gif) no-repeat; }
.legislativeProcess .graph > li:last-child::after { display:none; }

.legislativeProcess .graph dl { }
.legislativeProcess .graph dt { position:relative; float:left; width:28rem; height:6rem; line-height:6rem; border-radius:0.4rem; background:#18a47d; color:#fff; font-weight:700; font-size:2.0rem; text-align:center; }
.legislativeProcess .graph dd { margin-left:calc(28rem + 10rem); width:calc(100% - 28rem - 10rem); padding:1.6rem; border:1px solid #ddd; border-radius:0.4rem;   } 

.legislativeProcess .graph dt:after { content:''; position:absolute; right:-10rem; top:50%; width:10rem; height:1px; background:#ddd; display:inline-block;}

.legislativeProcess .graph dl.center { position:relative; padding:2rem 0; margin-left:calc(28rem + 1rem);  }
.legislativeProcess .graph dl.center dt { width:8rem; height:8rem; line-height:8rem; border-radius:50%; background:#06c; font-size:1.8rem; }
.legislativeProcess .graph dl.center dt:after { right:-1rem; width:1rem; }
.legislativeProcess .graph dl.center dd { margin-left:calc(8rem + 1rem); width:calc(100% - 8rem - 1rem); margin-top:1rem; } 
.legislativeProcess .graph dl.center:before { content:''; position:absolute; left:4rem; top:-2.9rem; width:1px; height:4.9rem; background:#ddd; display:inline-block; }
.legislativeProcess .graph dl.center:after { content:''; position:absolute; left:4rem; bottom:-3.9rem; width:1px; height:4.8rem; background:#ddd; display:inline-block; }


@media (max-width:768px){
	.legislativeProcess .graph > li:after { display:none; }

	.legislativeProcess .graph dt { float:none; width:100%; height:4rem; line-height:4rem; border-radius:0.4rem 0.4rem 0 0; }
	.legislativeProcess .graph dd { margin-left:0; width:100%; }

	.legislativeProcess .graph dt:after { display:none; }

	.legislativeProcess .graph dl.center { position:relative; padding:2rem 0; margin-left:1.6rem;  }
	.legislativeProcess .graph dl.center dt { float:left; }
	.legislativeProcess .graph dl.center dt:after { display:block; }
	.legislativeProcess .graph dl.center dd { margin-left:calc(8rem + 1rem); width:calc(100% - 8rem - 1rem); margin-top:1rem; } 
	.legislativeProcess .graph dl.center:before { display:none;}
	.legislativeProcess .graph dl.center:after { display:none; }


}


/* 예산/결산심의절차 */
.budgetaryClosingReview { width:100%; }
.budgetaryClosingReview .graph { width:100%; }
.budgetaryClosingReview .graph > li { position:relative; width:100%; display:block; margin-bottom:4.0rem; }
.budgetaryClosingReview .graph > li:last-child { margin-bottom:0; }

.budgetaryClosingReview .graph > li:after { content:''; position:absolute; left:13.2rem; top:7.2rem; width:1.7rem; height:1.7rem; background:url(/images/sub/arrow_down.gif) no-repeat; }
.budgetaryClosingReview .graph > li:last-child::after { display:none; }

.budgetaryClosingReview .graph dl { }
.budgetaryClosingReview .graph dt { position:relative; float:left; width:28rem; height:6rem; line-height:6rem; border-radius:0.4rem; background:#18a47d; color:#fff; font-weight:700; font-size:2.0rem; text-align:center; }
.budgetaryClosingReview .graph dd { margin-left:calc(28rem + 10rem); width:calc(100% - 28rem - 10rem); padding:1.6rem; border:1px solid #ddd; border-radius:0.4rem;   } 

.budgetaryClosingReview .graph dt:after { content:''; position:absolute; right:-10rem; top:50%; width:10rem; height:1px; background:#ddd; display:inline-block;}
.budgetaryClosingReview .graph dt.last:after { right:-5rem; width:5rem; }

.budgetaryClosingReview .graph dl.center { position:relative; padding:2rem 0; margin-left:calc(28rem + 1rem);  }
.budgetaryClosingReview .graph dl.center dt { width:8rem; height:8rem; line-height:8rem; border-radius:50%; background:#06c; font-size:1.8rem; }
.budgetaryClosingReview .graph dl.center dt:after { right:-1rem; width:1rem; }
.budgetaryClosingReview .graph dl.center dd { margin-left:calc(8rem + 1rem); width:calc(100% - 8rem - 1rem); margin-top:1rem; } 
.budgetaryClosingReview .graph dl.center:before { content:''; position:absolute; left:4rem; top:-2.9rem; width:1px; height:4.9rem; background:#ddd; display:inline-block; }
.budgetaryClosingReview .graph dl.center:after { content:''; position:absolute; left:4rem; bottom:-3.9rem; width:1px; height:4.8rem; background:#ddd; display:inline-block; }


@media (max-width:768px){
	.budgetaryClosingReview .graph > li:after { display:none; }

	.budgetaryClosingReview .graph dt { float:none; width:100%; height:4rem; line-height:4rem; border-radius:0.4rem 0.4rem 0 0; }
	.budgetaryClosingReview .graph dd { margin-left:0; width:100%; }

	.budgetaryClosingReview .graph dt:after { display:none; }

	.budgetaryClosingReview .graph dl.center { position:relative; padding:2rem 0; margin-left:1.6rem;  }
	.budgetaryClosingReview .graph dl.center dt { float:left; }
	.budgetaryClosingReview .graph dl.center dt:after { display:block; }
	.budgetaryClosingReview .graph dl.center dd { margin-left:calc(8rem + 1rem); width:calc(100% - 8rem - 1rem); margin-top:1rem; } 
	.budgetaryClosingReview .graph dl.center:before { display:none;}
	.budgetaryClosingReview .graph dl.center:after { display:none; }


}



/* 행정사무감사/조사 */
.auditAdministrativeAffairs { width:100%; }
.auditAdministrativeAffairs ul.line { color:#666; font-size:1.6rem; }











/* 의회사무과 */
.councilSecretariat { width:100%; }
.councilSecretariat .tha1 { width:15%; }
.councilSecretariat .tha2 { width:auto; }
.councilSecretariat .tha3 { width:20%; }




/* 오시는길 */
.location { width:100%; }
.location .cont { display:none; }

.location .box2 { padding:1.6rem; border-radius:1.6rem; background:#f4f4f4; }
.location .box2 dt { position:relative; float:left; width:8rem; padding-left:1rem; color:#777; margin-bottom:0.7rem; }
.location .box2 dt:before { content:''; position:absolute; left:0; top:0.9rem; width:3px; height:3px; background:#ddd; display:inline-block; }
.location .box2 dd { margin-left:8rem; width:calc(100% - 8rem); margin-bottom:0.7rem; }

.location .td1 { width:5%; } 
.location .td2 { width:auto; } 
.location .td3 { width:10%; } 

.location p img { max-width:941px; width:100%; margin:0 auto; }




/* 3. 의원소개 */
/* 3. 의원소개 */
/* 3. 의원소개 */


/* 인명별 */
.memberName { width:100%; }


.memberUl { display:flex; justify-content:space-between; flex-wrap: wrap; gap:30px; }
.memberUl > li { width:calc(50% - 15px);  border:1px solid #ddd; border-radius: 15px; transition:.4s; overflow:hidden; display: flex; flex-direction:column; justify-content: space-between; }

.memberUl > li .mProTop { padding:25px; min-height:260px;}
.memberUl > li .mProTop > dl { position: relative; padding: 0 0 20px 180px; box-sizing: border-box; }
.memberUl > li .mProTop > dl dt { position: absolute; left: 0; max-width:145px; }
.memberUl > li .mProTop > dl dt img { max-width:100%; border-radius:10px; width:140px; max-height:180px; height:auto; border:1px solid #ddd; }
.memberUl > li .mProTop > dl dd { width: 100%; }


.memberUl > li .mProTop dl dd strong { padding-top:4px; color:#111; display:block; font-size:2.4rem; margin:0px 0 16px; }
.memberUl > li .mProTop dl dd strong span { font-size:.8em; font-weight:400; }

.memberUl > li .mProTop .dot > li { padding: 0 0 0 90px; margin-bottom: 8px; }


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


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


.memberUl > li:hover { background:#fafafb; border:1px solid #1B2D92; } 


.memberUl .sns-list { display:flex; flex-direction:row; justify-content:flex-start; gap:0.6rem; margin-top:16px; }
.memberUl .sns-list img { width:30px; height:30px; }

@media (max-width:1440px){
	.memberUl > li .mProTop{ display:flex; flex-direction: column; justify-content:center; align-items: center; }
	.memberUl > li .mProTop > dl dt { position:relative; margin: 0 auto; }
	.memberUl > li .mProTop > dl { padding:0 0 0 0; }
	.memberUl > li .mProTop dl dd strong { text-align: center; }
}

@media (max-width:768px){
	.memberUl > li { width:100%; }
}



/* 선거구별 */
.memberDistrict { width:100%; display:flex; justify-content:space-between; }
.memberDistrict .leftArea { width:40rem; }
.memberDistrict .rightArea { width:calc(100% - 48rem); }


.memberDistrict .leftArea .mobile { display:none; }

.memberDistrict .rightArea h3 span { color:#555; font-weight:500; font-size:2.0rem; }

.memberDistrict .rightArea .memberUl > li { width:100%; flex-direction:column; justify-content: space-between; }



@media (min-width:769px) and (max-width:1280px){
	.memberDistrict .leftArea { max-width:30rem; }
	.memberDistrict .rightArea { width:calc(100% - 38rem); }

	.memberDistrict .leftArea .mobile { display:block; }
	.memberDistrict .leftArea .pc { display:none; }
}

@media (max-width:768px){
	.memberDistrict { display:block; }
	.memberDistrict .leftArea { width:100%; text-align:center; margin-bottom:4.0rem;  }
	.memberDistrict .rightArea { width:100%; }

	.memberDistrict .leftArea .mobile { display:block; }
	.memberDistrict .leftArea .pc { display:none; }
}








/* 정당별 */
.memberParty { width:100%; }
.memberParty .th1 { width:20%; }
.memberParty .th2 { width:80%; }


.memberTable ul { display:flex; flex-wrap:wrap; justify-content:felx-start; gap:2rem; }
.memberTable ul li {  margin:0 }


a.memA:link,
a.memA:visited { color:#222; text-align:center; transition:0.3s;  }
a.memA:active,
a.memA:focus,
a.memA:hover { color:#1B2D92; transform:translate(0,-5px);}
a.memA:link img,
a.memA:visited img { max-width:11.6rem; border:1px solid #ddd; border-radius:0.4rem; display:block; transition:0.3s; margin-bottom:1.2rem; }
a.memA:active img, 
a.memA:focus img,
a.memA:hover img { border:1px solid #1B2D92; }
a.memA span {  font-weight:800; display:block; }



@media (max-width:768px){
	.memberParty .th1 { width:25%; }
	.memberParty .th2 { width:75%; }

	.memberTable .partyName strong { display:block; }

	a.memA:link img,
	a.memA:visited img { width:90px; }
}



/* 위원회별 */
.memberCommittee { width:100%; }
.memberCommittee .th1 { width:20%; }
.memberCommittee .th2 { width:20%; }
.memberCommittee .th3 { width:20%; }
.memberCommittee .th4 { width:40%; }





/* 의원검색 */
.memberSearch { width:100%; }
.memberSearch .memSearchBox { }


.memSearchBox { width:100%; padding:3.2rem 2.8rem; border:1px solid #ddd; border-radius:2.0rem; background:#f4f5f6; box-shadow:0 0.4rem 0 rgba(0,0,0,0.05); text-align:center; margin-bottom:3.6rem; }
.memSearchBox ul li { display:inline; margin:0 1.6rem; }
.memSearchBox ul li label { padding-right:0.8rem; color:#666; font-weight:600; }
.memSearchBox ul li .submit_search { height:4rem; padding:0 2.0rem; border:none; border-radius:0.4rem; background:#06c; color:#fff; display:inline-block; transition:0.4s; }
.memSearchBox ul li .submit_search:hover { background:#113d8e; }

@media (max-width:768px){
	.memSearchBox { padding:2.4rem 1.6rem; }
	.memSearchBox ul { display:flex; flex-direction:column; gap:0.4rem; }
	.memSearchBox ul li { display:flex; align-items:center; margin:0; }
	.memSearchBox ul li label { width:10rem; display:inline-block; padding-right:0; }
	.memSearchBox ul li .submit_search { margin:1.2rem auto 0; }
}






.oldmemberList { width:100%; }
.oldmemberList ul { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.oldmemberList ul li { width:12.5%; text-align:center; margin-bottom:2.0rem; }

.oldmemberList ul li a img { width:100%; }

@media (min-width:1301px) and (max-width:1400px){
	.oldmemberList ul li { width:12.5%; }
}

@media (min-width:1151px) and (max-width:1300px){
	.oldmemberList ul li { width:14.285%; }
}

@media (min-width:1031px) and (max-width:1150px){
	.oldmemberList ul li { width:16.666%; }
}

@media (min-width:911px) and (max-width:1030px){
	.oldmemberList ul li { width:14.285%; }
}

@media (min-width:781px) and (max-width:910px){
	.oldmemberList ul li { width:16.666%; }
}

@media (min-width:769px) and (max-width:780px){
	.oldmemberList ul li { width:20%; }
}

@media (min-width:691px) and (max-width:768px){
	.oldmemberList ul li { width:14.285%; }
}

@media (min-width:601px) and (max-width:690px){
	.oldmemberList ul li { width:16.666%; }
}

@media (min-width:501px) and (max-width:600px){
	.oldmemberList ul li { width:20%; }
}

@media (min-width:401px) and (max-width:500px){
	.oldmemberList ul li { width:25%; }
}

@media (max-width:400px){
	.oldmemberList ul li { width:33.333%; }
}




/* 권리 및 의무 */
.rightsDuties { width:100%; }
.rightsDuties .topbox { min-height:14rem; padding-right:17rem; background:url(/images/sub/rightsDuties_img1.png) no-repeat right 2rem top 2rem; }

@media (max-width:768px){
	.rightsDuties .topbox { min-height:auto; padding-right:1.6rem; background:none; }
}







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



/* 의사일정 */
/* .calendar_date { width:280px; text-align:center; margin:0 auto 10px; display:flex; align-items:center; justify-content: center; }

.calendar_date .date { position:relative; top:-4px; padding:0 20px; font:140% Arial, Helvetica, sans-serif; color:#000; display:inline-block; }
.calendar_date span strong { position:relative; padding-left:10px; font-size:130%; color:#00796B; display:inline-block; }
.calendar_date #cal_prev,
.calendar_date #cal_next { position:relative; content:''; width:2.4rem; height:2.4rem; background:url(/images/sub/ico_angle.svg) no-repeat center/contain; }
.calendar_date #cal_prev { transform:rotate(90deg); }
.calendar_date #cal_next { transform:rotate(-90deg); }



			달력
.schedule { width:100%; margin-bottom:30px; } 
.schedule table { border-top:3px solid #00796B; }
.schedule table th { width:14.2%; height:40px; line-height:40px; border-bottom:1px solid #ddd; color:#333; }
.schedule table th,
.schedule table td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; }

.schedule table th:last-child {border-right:1px solid #ddd;} 

.schedule table th.sun,
.schedule table th.sat { width:14.5%; }
.schedule table td { position:relative; color:#555; height: auto; vertical-align:top; }
.schedule table td:last-child { border-right:1px solid #ddd; }

.schedule table td > span { padding:.8rem 1.2rem; display:block; min-height: 8rem; box-sizing: border-box; }
.schedule table td > a { width:100%; height:100%; background:url(/img/common/mark.png) no-repeat 50% 50%; display:block; }

.schedule table td .num { font:80% arial; color:#555; display:block; margin-bottom:5px; }
.schedule table td .C_btn { position: absolute; top: 8px; right: 5px; padding: 3px 8px; border-radius: 3px; box-sizing:border-box; display: inline-block; background:#888; }
.schedule table td .C_btn a { font-size:85%; color:#fff; font-weight:normal; letter-spacing:1px; }

.schedule table td.pre .C_btn,
.schedule table td.nxt .C_btn { background:#ccc; }


.schedule table th.sun,
.schedule table td.sun { color:#da131a;}
.schedule table th.sat,
.schedule table td.sat { color:#1757b7;}

.schedule table td.pre,
.schedule table td.nxt { background:#fafafa; color:#888 !important; font-weight:normal; }


.schedule table td ul li { width:100%; height:26px; line-height:26px; border-radius:3px; background:#eee; color:#333; font-size:85%; text-align:center; display:block; transition:0.3s; margin:5px 0; }


.schedule table td.today { text-decoration:underline; font-weight:bold; color:#000; font-size:100%; }

.schedule table td.onday { position:relative; }
.schedule table td.onday span { padding:0 ;  }
.schedule table td.onday a { position:absolute; top:0; left:0; padding:.8rem 1.2rem; width:100%; height:100%; color:#00796B; font-weight:bold; display:block; box-sizing: border-box; }
.schedule table td.onday a:before { position:absolute; content:''; display:block; top:0; left:0; width:100%; height:100%; background:#F3F8F8; z-index: -1; }
.schedule table td.today a b:after { content:'오늘'; height:20px; line-height:20px; padding:0 5px; border-radius:3px; background:#da131a; color:#fff; font-size:90%; display:inline-block; margin-left:5px; }


.schedule table td .cmt101000 { position:absolute; left:0; top:35px;  height:20px; line-height:20px; background:#06c;    color:#fff; font-size:80%; text-align:center; }

.schedule table td .cmt301000 { position:absolute; left:0; top:55px;  height:20px; line-height:20px; background:#5faf00; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmt302000 { position:absolute; left:0; top:75px;  height:20px; line-height:20px; background:#ff8d2a; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmt303000 { position:absolute; left:0; top:95px;  height:20px; line-height:20px; background:#d4436d; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmt505000 { position:absolute; left:0; top:115px; height:20px; line-height:20px; background:#7e4aa6; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmt305030 { position:absolute; left:0; top:135px; height:20px; line-height:20px; background:#2795a4; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmt501000 { position:absolute; left:0; top:155px; height:20px; line-height:20px; background:#4e7ac7; color:#fff; font-size:80%; text-align:center; }

.schedule table td .cmt101000 a,
.schedule table td .cmt301000 a,
.schedule table td .cmt302000 a,
.schedule table td .cmt303000 a,
.schedule table td .cmt505000 a,
.schedule table td .cmt305030 a,
.schedule table td .cmt501000 a { color:#fff; }


.schedule table td .day1 { width:calc(100% + 1px); }
.schedule table td .day2 { width:calc(200% + 2px); }
.schedule table td .day3 { width:calc(300% + 3px); }
.schedule table td .day4 { width:calc(400% + 4px); }
.schedule table td .day5 { width:calc(500% + 5px); }
.schedule table td .day6 { width:calc(600% - 10px); }
.schedule table td .day7 { width:calc(700% - 10px); }


.schedule table td.onday a > span { display: inline-block; width:24px; height: 24px; line-height: 24px; border-radius:4px; margin:0 2px 2px 0; color:#444; font-weight: 500; font-size: .9em; text-align: center; }
.schedule table td.onday a > span.sch_A011 { background:#b2d1f9; }본회의
.schedule table td.onday a > span.sch_C010 { background:#f18e98; }의회운영위원회
.schedule table td.onday a > span.sch_C020 { background:#ffb16d; }행정자치위원회
.schedule table td.onday a > span.sch_C030 { background:#b9d998; }복지건설위원회
.schedule table td.onday a > span.sch_E { background:#99e697; }특별위원회
.schedule table td.onday a > span.sch_G { background:#b6c0ff; }특별위원회
.schedule table td.onday a > span.sch_J { width:38px; background:#192d50; color:#fff; }의장 */



/* 연간회기일정 */
.yearSchedule { }
.yearSchedule .board-top { justify-content:flex-end; }





/* 5. 의안정보 */
/* 5. 의안정보 */
/* 5. 의안정보 */

/* 의안이란 */
.bill {}
.bill .topbox { min-height:12rem; padding-right:20rem; background:url(/images/sub/bill_img1.png) no-repeat right 2rem top 2rem;  }
.bill .topbox strong { color:#113d8e; font-size:1.8rem; }

@media (max-width:768px){
	.bill .topbox { min-height:auto; padding-right:1.6rem; background:none; }
}




/* 의안검색 */
.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); }
}











/* 세로형 - 의안발의 ----------------------------------------------------------------- */
	/* 기본 ** 공통 ** */
/* .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; float:left; }
.bill-view .bill-list li strong { display: table-cell; padding: 3px 10px; background:#f4f4f4; width:180px; height:55px; vertical-align: middle; text-align: center; }
.bill-view .bill-list li span { display:table-cell; padding:3px 8px; text-align:left; vertical-align:middle; }

.bill-view .bill-list li.subject span { font-weight:bold; font-size:115%; color:#113d8e; text-align:center; word-break:keep-all;}
.bill-view .bill-list li.subject span a { display:flex; align-items:center; justify-content: center; }

.bill-view .bill-list li.subject span a img { margin-left:6px; }
.bill-view .bill-list li.line1 { width: 100% !important; }
.bill-view .bill-list li.line1 strong { width: 180px !important; }


	strong(th)이 2개일 때
.bill-view .bill-list.col2 > li { width:50%; }
.bill-view .bill-list.col2 > li strong { width:180px !important; }


	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; }

		strong(th)이 4개일 때
.bill-view .bill-list.col4 > li { width:50%; }
.bill-view .bill-list.col4 > li strong { width:90px; }

	첨부파일 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; }

@media (max-width:1024px){
	.bill-view .bill-list li strong { width:150px !important;  }
	.bill-view .bill-list li { width:100% !important; }
	
	
	strong(th)이 2개일 때 + 위원회 등
	.bill-view .bill-list.col2-2 > li strong { width:75px !important; }
	
	strong(th)이 4개일 때
	.bill-view .bill-list.col4 > li strong { width:90px !important; }
	
	strong(th)이 6개일 때
	.bill-view .bill-list.col6 > li > strong { display:flex; align-items:center; justify-content:center; width:100% !important; border-bottom:1px solid var(--gray-20);  }
	.bill-view .bill-list.col6 > li > ul > li strong { border-left:none; width:150px ; }
	
	
	.bill-view .bill-list li.line1 strong { width:180px !important; }
	
	.bill-view .bill-list li ul li.mbNone { display:none; }
}


@media (max-width:768px){
	.bill-view .bill-list li.subject span{ font-size:100%; text-align:left;}



	.bill-view .bill-list li.line1 strong { width:150px !important; }

	.bill-view .bill-list.col2 > li strong { width:140px !important; }
	.bill-view .bill-list.col4 > li strong { width:65px !important; }
	.bill-view .bill-list.col4 > li strong.col2 { width:142px !important; }
} */



/* 안건검색 */
/*
.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; }
*/


/* 계류의안 */
.pendingBills { width:100%; }
.pendingBills .board_page { width:100%; }



/* 의안통계 */
.billStats { width:100%; }
.billStats table td a:link,
.billStats table td a:visited { color:#2c365a; text-decoration:underline; }
.billStats table td a:active,
.billStats table td a:focus,
.billStats table td a:hover { color:#113d8e; }






/* 8. 열린의회 */
/* 8. 열린의회 */
/* 8. 열린의회 */


/* 의회에바란다 */
.want { width:100%; }
.want .topbox ul.dot li:last-child::before { display:none; }



/* 견학안내 */
.councilTours { }
.councilTours .first li:last-child:before { display:none;  }


/* 주민조례청구 */
.residentOrdinanceClaim { width:100%; }
.residentOrdinanceClaim .graph { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; gap:3.2rem; }
.residentOrdinanceClaim .graph li { position:relative; width:calc(25% - 2.4rem); padding:2.0rem 1.6rem; border-radius:1.6rem; background:#f4f4f4; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.residentOrdinanceClaim .graph li span { display:block; }
.residentOrdinanceClaim .graph li strong { color:#323286; display:block; }
.residentOrdinanceClaim .graph li:last-child { width:calc(50% - 1.6333rem); }

.residentOrdinanceClaim .graph li:after { content:''; position:absolute; top:calc(50% - 0.9rem); right:-2.5rem; width:1.7rem; height:1.7rem; background:url(/images/sub/arrow_right.gif); display:inline-block; }

.residentOrdinanceClaim .graph li:nth-child(4n)::before { content:''; position:absolute; right:auto; left:50%; bottom:-1.6rem; width:1px; height:1.6rem; background:#ddd; display:inline-block; } 
.residentOrdinanceClaim .graph li:nth-child(4n)::after { background:none; top:auto; bottom:-1.6rem; right:50%; width:calc(300% + 9.6rem); height:1px; background:#ddd; }

.residentOrdinanceClaim .graph li:nth-child(4n + 1):not(:first-child)::before { content:''; position:absolute; left:calc(50% - 0.9rem); top:-1.7rem; width:17px; height:17px; background:url(/images/sub/arrow_down2.gif); display:inline-block; } 

.residentOrdinanceClaim .graph li:nth-child(4n + 2):not(:nth-child(2))::before { content:''; position:absolute; left:-2.5rem; top:calc(50% - 0.9rem); width:17px; height:17px; background:url(/images/sub/arrow_right.gif); display:inline-block; } 


.residentOrdinanceClaim .graph li:last-child::after { display:none; }


@media (max-width:768px){	
	.residentOrdinanceClaim .graph {  }
	.residentOrdinanceClaim .graph li { width:calc(50% - 1.6rem); }
	.residentOrdinanceClaim .graph li:last-child { width:calc(50% - 1.6rem); }


	.residentOrdinanceClaim .graph li:nth-child(4n)::before { display:none; } 
	.residentOrdinanceClaim .graph li:nth-child(4n)::after { display:none; }
	.residentOrdinanceClaim .graph li:nth-child(4n + 1):not(:first-child)::before { display:none; }
	.residentOrdinanceClaim .graph li:nth-child(4n + 2):not(:nth-child(2))::before { display:none; }


	.residentOrdinanceClaim .graph li:nth-child(even)::before { content:''; position:absolute; right:auto; left:50%; bottom:-1.6rem; width:1px; height:1.6rem; background:#ddd; display:inline-block; } 
	.residentOrdinanceClaim .graph li:nth-child(even)::after { background:none; top:auto; bottom:-1.6rem; right:50%; width:calc(100% + 3.2rem); height:1px; background:#ddd; }

	.residentOrdinanceClaim .graph li:nth-child(odd):not(:first-child)::before { content:''; position:absolute; left:calc(50% - 0.9rem); top:-1.7rem; width:17px; height:17px; background:url(/images/sub/arrow_down2.gif); display:inline-block; } 
	.residentOrdinanceClaim .graph li:nth-child(odd):not(:first-child)::after { content:''; position:absolute; top:calc(50% - 0.9rem); right:-2.5rem; width:1.7rem; height:1.7rem; background:url(/images/sub/arrow_right.gif); display:inline-block;}

	

	.residentOrdinanceClaim .graph li:nth-child(4n)::after { background:none; top:auto; bottom:-1.6rem; right:50%; width:calc(100% + 3.2rem); height:1px; background:#ddd; display:inline-block; }
	.residentOrdinanceClaim .graph li:nth-child(4n + 2):not(:nth-child(2))::before { display:none; }


	.residentOrdinanceClaim .graph li:nth-child(6)::before,
	.residentOrdinanceClaim .graph li:nth-child(10)::before { display:none; content:''; position:absolute; top:auto !important; right:auto; left:50% !important; bottom:-1.6rem !important; width:1px !important; height:1.6rem !important; background:#ddd !important; display:inline-block !important; } 
	.residentOrdinanceClaim .graph li:last-child::after { display:none !important; }
}



/* 9. 정보공개 */
/* 9. 정보공개 */
/* 9. 정보공개 */


/* 의정활동 정보공개 */
.info { width:100%; }
.info .titlebar { width:100%; padding:1.2rem 1.6rem; border-radius:0.8rem; background:#06c; color:#fff; text-align:center; font-weight:700; font-size:2.6rem; display:block; }

.info ul { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.info ul li { width:33.333%; }
.info ul li a:link,
.info ul li a:visited { color:#333; letter-spacing:-1px; transition:0.3s; }
.info ul li a:active,
.info ul li a:focus,
.info ul li a:hover { color:#ff6747; text-decoration:underline; }


@media (max-width:820px){
	.info ul li { width:50%; }
}

@media (max-width:532px){
	.info ul li { width:100%; }
}






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



/* 누리집지도 */
.siteMap { width:100%; }

.siteMap > ul { width:100%; overflow:hidden; }
.siteMap > ul > li { float:left; width:33.3%; padding:0 2.8rem; margin:0 0 5rem 0; }
.siteMap > ul > li > a { width:100%; height:4.4rem; line-height:4.4rem; border-radius:2.2rem; background:#667ba2; color:#fff; font-weight:700; font-size:2.2rem; text-align:center; margin-bottom:2rem; }

.siteMap > ul > li > ul { width:100%; border-top:1px solid #ddd; }
.siteMap > ul > li > ul > li { width:100%; border-bottom:1px solid #ddd; }
.siteMap > ul > li > ul > li > a:link,
.siteMap > ul > li > ul > li > a:visited { width:100%; height:4.0rem; line-height:4.0rem; padding-left:1.6rem; color:#333; font-weight:500; font-size:1.9rem; display:block; }
.siteMap > ul > li > ul > li > a:active,
.siteMap > ul > li > ul > li > a:focus,
.siteMap > ul > li > ul > li > a:hover { color:#2268bd; }

.siteMap > ul > li > ul > li > a:before { content:''; position:relative; top:-3px; width:6px; height:6px; border-raidus:0.1rem; background:orange; display:inline-block; margin-right:0.8rem;  }

.siteMap > ul > li > ul > li > ul  { background:#f9f9f9; display:block !important; }
.siteMap > ul > li > ul > li > ul > li { border-top:1px dashed #eee; }
.siteMap > ul > li > ul > li > ul > li > a:link,
.siteMap > ul > li > ul > li > ul > li > a:visited { width:100%; height:auto; padding:0.6rem 0.4rem 0.6rem 2.6rem; color:#666; font-size:1.6rem; display:block; }
.siteMap > ul > li > ul > li > ul > li > a:active,
.siteMap > ul > li > ul > li > ul > li > a:focus,
.siteMap > ul > li > ul > li > ul > li > a:hover { color:#18a47d; }

.siteMap > ul > li > ul > li > ul > li > a:before { content:''; position:relative; top:-4px; width:7px; height:2px; background:#ccc; display:inline-block; margin-right:7px; }

.siteMap > ul > li:nth-child(3n + 1) { clear:both; }


@media (min-width:769px) and (max-width:1024px){	
	.siteMap > ul > li { padding:0 1.6rem; }
}


@media (max-width:913px){
	.siteMap > ul > li { width:50%; padding:0 1.6rem; }
	.siteMap > ul > li:nth-child(3n + 1) { clear:none; }
	.siteMap > ul > li:nth-child(odd) { clear:both; }
}

@media (max-width:618px){
	.siteMap > ul > li { width:100%; padding:0 1.6rem; }
}



/* 개인정보처리방침 */
.privacyPolicy { width:100%; }
.privacyPolicy .topbox { padding-right:20rem; background:url(/images/sub/privacyPolicy_img1.jpg) no-repeat right 3.6rem top 2.4rem; word-break:keep-all; }

.privacyPolicy .th1 { width:10%; }
.privacyPolicy .th2 { width:20%; }
.privacyPolicy .th3 { width:auto; }
.privacyPolicy .th4 { width:18% }
.privacyPolicy .th5 { width:12%; }


@media (max-width:768px){
	.privacyPolicy .topbox { min-height:auto; padding-right:1.6rem; background:none; }
}


/* 통합검색 */
.totalSearch .ui-state-default,
.totalSearch .ui-widget-content .ui-state-default,
.totalSearch .ui-widget-header .ui-state-default { border:0; }
.totalSearch .ui-accordion-header { font-size:1.8rem; }

.totalSearch .ui-state-default, 
.totalSearch .ui-widget-content .ui-state-default, 
.totalSearch .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #f4f4f4; }


.totalSearch .ui-state-active,
.totalSearch .ui-widget-content .ui-state-active,
.totalSearch .ui-widget-header .ui-state-active { background:#e7e8f4; }




.totalSearch .ui-accordion-content { max-height:32rem; padding:2.4rem; }

.totalSearch .ui-accordion-content li { position:relative; font-size:1.6rem; margin-bottom:.6rem; }
.totalSearch .ui-accordion-content li a:link,
.totalSearch .ui-accordion-content li a:visited { color:#464C53; }
.totalSearch .ui-accordion-content li a:active,
.totalSearch .ui-accordion-content li a:focus,
.totalSearch .ui-accordion-content li a:hover { color:#113d8e; }
.totalSearch .ui-accordion-content li a:before { content:''; position:relative; top:-4px; width:3px; height:3px; background:#06c; display:inline-block; margin-right:7px;}
.totalSearch .ui-accordion-content li a strong { color:#da131a; }
.totalSearch .ui-accordion-content li a b { color:#1E2124; }

.totalSearch .loading > p { position:relative; overflow:hidden; }
.totalSearch .loading > p::after { position:absolute; left:0; bottom:0; z-index:10; display:block; background:#5151BF; content:''; width:100%; height:3px; animation:loadingBar 20s linear infinite alternate; }

.totalSearch .resultlist .ui-accordion-header { color:#2c365a; font-weight:700; font-size:1.7rem; }
.totalSearch .resultlist .ui-accordion-header b { color:#da131a; }

.ui-widget-content { border: 1px solid #ddd !important; border-top:none !important;  }



@keyframes loadingBar {
  0% {
    transform: translateX(-100%);
  }

  50% {
    transform: translateX(40%);
  }
  100% {
    transform: translateX(100%);
  }
}




/* 배너모음 */
.banner ul { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:2rem; }
.banner ul li { width:calc(20% - 1.6rem); }

.banner ul li a:link,
.banner ul li a:visited { width:100%; border:1px solid #ddd; display:flex; justify-content:center; align-items:center; }

.banner ul li a img { }

@media (min-width:769px) and (max-width:1280px){
	.banner ul { gap:1.6rem; }
	.banner ul li { width:calc(25% - 1.2rem); }

}

@media (min-width:561px) and (max-width:768px){
	.banner ul { gap:1.8rem; }
	.banner ul li { width:calc(33.333% - 1.2rem); }

}

@media (max-width:560px){
	.banner ul { gap:1.2rem; }
	.banner ul li { width:calc(50% - 0.6rem); }

}