@charset "utf-8";




/* 메인비주얼 */
.mVisible { float:right; position:relative; width:calc(100% - 55rem); border-radius:20px 20px 20px 0; background:#333; overflow:hidden; }

.mVisible .visibleList { position:relative; width:100%; height:100%; overflow:hidden; margin:0 auto; }
.mVisible .visibleList .list { position:relative; float:left; height:100%; text-align:center; }
.mVisible .visibleList .list a { width:100%; display:block; }

.mVisible .visibleList .list img { width:100%; height:auto; margin:0 auto; }



.mVisible .slider_etc { position:absolute; left:0; bottom:0; width:23.3rem; height:3.4rem; background:#fff; border-radius:0 2rem 0 0; }

.mVisible .slide_paging { position:absolute; left:1.6rem; top:0.8rem; width:13.3rem; color:#555; }
.mVisible .slide_paging .count { margin-right:10.8rem; }

.mVisible .slide_info .slide_progress { position:absolute; left:4.4rem; top:2.0rem; width:8.3rem; height:0.2rem; background:rgba(0,0,0,0.3); display:inline-block; }
.mVisible .slide_info .slide_progress .progress { height:0.2rem; background:#000; }


.mVisible .slider_etc button { position:absolute; left:18.9rem; bottom:0.7rem; width:0.9rem; height:1.3rem; padding:0; border:0; font-size:0; cursor:pointer;  vertical-align: middle; display: inline-block; }
.mVisible .slider_etc .btn_playcontrol { background:url(/images/common/visible_btn_play.gif) no-repeat center;}
.mVisible .slider_etc .btn_playcontrol.pause { background:url(/images/common/visible_btn_pause.gif) no-repeat center;}

.mVisible .slide_btns button { position:absolute; bottom:.7rem; width:0.8rem; height:1.3rem; border:0; font-size:0; cursor: pointer; padding: 0; vertical-align: middle; display: inline-block; }
.mVisible .slide_btns .btn_prev { left:16.9rem; background:url(/images/common/visible_btn_prev.gif) no-repeat center;  }
.mVisible .slide_btns .btn_next { left:21rem; background:url(/images/common/visible_btn_next.gif) no-repeat center;  }


.mVisible .pro-bar { position:absolute; bottom:0; left:0; width:0; height:1rem; background: #ccc;}
.mVisible .pro-ani { animation-name: proBar; animation-duration:5s; animation-iteration-count: 1; width:100%; }


@media (min-width:1025px) and (max-width:1280px){
	.mVisible { width:calc(55% - 2rem); margin-left:2rem; }
}

@media (max-width:1024px){
	.mVisible { width:100%; margin-bottom:4rem; }
}








/* cont1Left */
#cont1Left { float:left; width:49rem; display:flex; flex-direction:column; justify-content:space-between; }

@media (min-width:1025px) and (max-width:1280px){
	#cont1Left { width:calc(45% - 2rem); margin-right:2rem; }
}

@media (max-width:1024px){
	#cont1Left { float:none; width:100%; display:block; }
}





/* 열린의장실 */
.mChairman { float:left; position:relative; width:100%; height:27.0rem; margin-bottom:4rem; } 
.mChairman .slogan { position:absolute; top:5.5rem; word-break:keep-all; }
.mChairman .slogan .txt1 { position:absolute; top:0px; width:200px; opacity:0; animation:sloganAni1 5s ease-in-out infinite; }
.mChairman .slogan .txt2 { position:absolute; top:25px;width:200px;  opacity:0;	animation:sloganAni2 5s 1.0s ease-in-out infinite; }
.mChairman .name { position:relative; margin:14.1rem 0 2.0rem 26.9rem; z-index:2; }
.mChairman .name strong { color:#2268bd; font-size:2.3rem;  }
.mChairman .name strong img { position:relative; top:-3px; margin:0 1.0rem 0 0.5rem; }
.mChairman .pic { position:absolute; left:0; bottom:0; z-index:4; }
.mChairman ul { position:relative; display:flex; justify-content:flex-start; gap:1.2rem; z-index:2; margin-left:26.9rem; }
.mChairman ul li a:link,
.mChairman ul li a:visited { width:auto; height:5rem; line-height:5rem; padding:0 1.6rem; border-radius:1.2rem; background:#e4e6f6; display:flex; justify-content:center; align-items:center; transition:0.3s; gap:0.8rem; }
.mChairman ul li a:active,
.mChairman ul li a:focus,
.mChairman ul li a:hover { border:1px solid #446fa2; box-shadow:4px 4px 8px rgba(0,0,0,0.3); }

@keyframes sloganAni1 {
	0% { left:370px; opacity:0; }	
	40% { left:270px; opacity:1; }
	85% { left:270px; opacity:0; }
	100% { left:270px; opacity:0; }
}

@keyframes sloganAni2 {
	0% { left:370px; opacity:0; }	
	40% { left:270px; opacity:1; }
	85% { left:270px; opacity:0; }
	100% { left:270px; opacity:0; }
}

@media (min-width:1025px) and (max-width:1280px){
	.mChairman .pic { left:-4rem; }
	.mChairman .name span { display:none; }

	@keyframes sloganAni1 {
		0% { left:320px; opacity:0; }	
		40% { left:220px; opacity:1; }
		85% { left:220px; opacity:0; }
		100% { left:220px; opacity:0; }
	}

	@keyframes sloganAni2 {
		0% { left:320px; opacity:0; }	
		40% { left:220px; opacity:1; }
		85% { left:220px; opacity:0; }
		100% { left:220px; opacity:0; }
	}

	.mChairman .name { margin:14.1rem 0 2.0rem 21.9rem; }
	.mChairman ul { margin-left:21.9rem; }


}

@media (min-width:769px) and (max-width:1024px){
	.mChairman { float:left; width:calc(53% - 2rem); border-bottom:1px solid #d9d9d9; margin:0 2rem 0 0; } 
	.mChairman:before { content:''; position:absolute; left:-2.4rem; bottom:0; width:calc(100% + 2.4rem + 0rem); height:26.9rem;  background:linear-gradient(0deg, #f5f5ff 0%, #f5f5ff 55%, #fff 65%); display:block; z-index:0; }

	@keyframes sloganAni1 {
		0% { left:270px; opacity:0; }	
		40% { left:170px; opacity:1; }
		85% { left:170px; opacity:0; }
		100% { left:170px; opacity:0; }
	}

	@keyframes sloganAni2 {
		0% { left:270px; opacity:0; }	
		40% { left:170px; opacity:1; }
		85% { left:170px; opacity:0; }
		100% { left:170px; opacity:0; }
	}

	.mChairman .pic { left:-4.0rem; }
	.mChairman .name strong img { width:8.8rem; top:0; margin:0; }
	.mChairman .name span { display:none; }

	.mChairman .name { margin:14.1rem 0 2.0rem 21.9rem; }
	.mChairman ul { margin-left:21.9rem; }

	.mChairman ul li a:link,
	.mChairman ul li a:visited { padding:0 0.8rem; }
	.mChairman ul li a svg { display:none; }
}

@media (max-width:768px){
	@keyframes sloganAni1 {
		0% { left:270px; opacity:0; }	
		40% { left:170px; opacity:1; }
		85% { left:170px; opacity:0; }
		100% { left:170px; opacity:0; }
	}

	@keyframes sloganAni2 {
		0% { left:270px; opacity:0; }	
		40% { left:170px; opacity:1; }
		85% { left:170px; opacity:0; }
		100% { left:170px; opacity:0; }
	}

	.mChairman { border-bottom:1px solid #d9d9d9; }
	.mChairman:before { content:''; position:absolute; left:-2.4rem; bottom:0; width:calc(100% + 2.4rem + 2rem); height:26.9rem;  background:linear-gradient(0deg, #f5f5ff 0%, #f5f5ff 55%, #fff 65%); display:block; z-index:0; }
	.mChairman .pic { right:-2.0rem; }
	.mChairman .pic img { height:21rem; }

	.mChairman .name { margin:13.0rem 0 1.6rem 22.9rem; z-index:2; }
	.mChairman .name span { display:none; }
	.mChairman .name strong img { height:2.8rem; }

	.mChairman ul { margin-left:22.9rem; }
	.mChairman ul li a:link,
	.mChairman ul li a:visited { padding:0 0.8rem; }
	.mChairman ul li a svg { display:none; }
}

@media (max-width:425px){
	@keyframes sloganAni1 {
		0% { left:230px; opacity:0; }	
		40% { left:130px; opacity:1; }
		85% { left:130px; opacity:0; }
		100% { left:130px; opacity:0; }
	}

	@keyframes sloganAni2 {
		0% { left:230px; opacity:0; }	
		40% { left:130px; opacity:1; }
		85% { left:130px; opacity:0; }
		100% { left:130px; opacity:0; }
	}

	.mChairman .pic { left:-4.0rem; }
	.mChairman .name strong img { width:8.8rem; top:0; margin:0; }
	.mChairman .name span { display:none; }

	.mChairman .name { margin:14.1rem 0 2.0rem 16.9rem; }
	.mChairman ul { margin-left:16.9rem; }

}







/*  메인페이지 배경 효과 */
.chairmanBg { position:absolute; left:0; top:0; width:75vw; height:34.3rem; bottom:0; border-bottom:1px solid #d9d9d9; background:linear-gradient(-205deg, #f5f5ff 0%, #f5f5ff 55%, #fff 65%); display:block; z-index:-1;}

.txtbg { position:absolute; right:3.2rem; top:0rem; width:20px; padding-top:160px; color:#eee; font-size:2.3rem; font-weight:700; letter-spacing:0px; writing-mode:vertical-rl; }
.txtbg:before { content:''; position:absolute; left:2px; top:-1px; width:1px; height:150px; background:#eee; display:block; }


@media (max-width:1540px){
	.txtbg { display:none; }
}

@media (min-width:1025px) and (max-width:1280px){
	.chairmanBg { width:calc(50% - 69px); background:linear-gradient(90deg, #f5f5ff 0%, #f5f5ff 55%, #fff 65%); }
}


@media (max-width:1024px){
	.chairmanBg { display:none; }
}







/* 의사일정 */
.mSchedule { position:relative; width:100%; }
.mSchedule .schTop { padding-bottom:0.8rem; border-bottom:1px solid #ddd; display:flex; justify-content:flex-start; margin-bottom:1.6rem;  }
.mSchedule .schTop h2 { color:#222; font-size:1.9rem; font-weight:800; margin-right:1.4rem;  }
.mSchedule .schTop span { color:#333; font-weight:700; display:inline-block; }
.mSchedule .schTop a:link,
.mSchedule .schTop a:visited { color:#555; margin-left:auto; }
.mSchedule .schTop a:active,
.mSchedule .schTop a:focus,
.mSchedule .schTop a:hover { color:#e34424; }

.mSchedule .schBody { position:relative; }
.mSchedule .schBody .abtnPrev { position:absolute; left:0; top:28px; }
.mSchedule .schBody .abtnNext { position:absolute; right:0; top:28px; }

.mSchedule .schBody table { width:calc(100% - 66px); margin:0 auto; }
.mSchedule .schBody table th, 
.mSchedule .schBody table td { width:14.285%; height:4rem; line-height:4rem; text-align:center;  }
.mSchedule .schBody table .sun { color:#fe0000; }
.mSchedule .schBody table .sat { color:#3440ba; }

.mSchedule .schBody table td a:link,
.mSchedule .schBody table td a:visited { width:4rem; height:4rem; border-radius:50%; background:#e4e6f6; color:#333; transition:0.3s; }
.mSchedule .schBody table td a:active,
.mSchedule .schBody table td a:focus,
.mSchedule .schBody table td a:hover { background:#2369be; color:#fff; }

.mSchedule .schBody table td .today { position:relative; }
.mSchedule .schBody table td .today:after { content:''; position:absolute; left:50%; bottom:-0.6rem; width:2.6rem; height:0.5rem; background:orange; transform:translate(-50%,0); display:inline-block;  }

.mSchedule .schBody .listAll { position:relative; width:100%; height:4.4rem; padding:0 9.6rem 0 1.6rem; background:#f4f4f4; border-radius:0.8rem; margin-top:8px; }
.mSchedule .schBody .listAll a:link,
.mSchedule .schBody .listAll a:visited { line-height:4.4rem; color:#555; font-size:1.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.mSchedule .schBody .listAll a:active,
.mSchedule .schBody .listAll a:focus,
.mSchedule .schBody .listAll a:hover { color:#e34424; }

.mSchedule .schBody .listAll .list .none { line-height:4.4rem; color:#777; font-size:1.6rem; }

.mSchedule .schBody .slick-prev,
.mSchedule .schBody .slick-next { position:absolute; bottom:15px; width:8px; height:15px; line-height:15px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mSchedule .schBody .slick-prev { right:68px; background:url(/images/main/slick_btn_prev.gif) no-repeat; }
.mSchedule .schBody .slick-next { right:20px; background:url(/images/main/slick_btn_next.gif) no-repeat; }

.mSchedule .schBody .btn_play { position:absolute; right:44px; bottom:15px; width:8px; height:15px; line-height:15px; border:0; background: url(/images/main/slick_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mSchedule .schBody .btn_play.on { background:url(/images/main/slick_btn_play.gif) no-repeat;  }


@media (min-width:769px) and (max-width:1024px){
	.mSchedule { float:right; width:calc(47% - 2rem); margin-left:2rem; }
}

@media (max-width:768px){
	.mSchedule { float:left; }
	
	.mSchedule .schBody table th, 
	.mSchedule .schBody table td { height:3.6rem; line-height:3.6rem;  }
	.mSchedule .schBody table td a:link,
	.mSchedule .schBody table td a:visited { width:3.6rem; height:3.6rem; }
}












/* 빠른서비스 */
.mQuickmenu { position:relative; width:100%; margin-bottom:6rem; }
.mQuickmenu ul { display:flex; justify-content:space-between; }
.mQuickmenu li { width:10rem; text-align:center;  }

.mQuickmenu li a:link,
.mQuickmenu li a:visited { width:100%; color:#444; font-size:1.8rem; }
.mQuickmenu li a:active,
.mQuickmenu li a:focus,
.mQuickmenu li a:hover { color:#e34424; }

.mQuickmenu li a:link span,
.mQuickmenu li a:visited span { position:relative; width:100%; height:10rem; border-radius:2rem; border:1px solid #ccc; background:#f9f9f9; color:#555; transition:0.05s; display:flex; justify-content:center; align-items:center; margin-bottom:1.5rem; }
.mQuickmenu li a:active span,
.mQuickmenu li a:focus span,
.mQuickmenu li a:hover span { border:1px solid #5575be; box-shadow:0px 5px 10px rgba(0,0,0,0.1), 0px 2px 5px rgba(0,0,0,0.2); }


@media (max-width:1024px){
	.mQuickmenu ul { gap:10px; }
	.mQuickmenu li a:link,
	.mQuickmenu li a:visited { font-size:1.7rem; }
}

@media (max-width:768px){
	.mQuickmenu { margin-bottom:4rem; }
	.mQuickmenu ul { justify-content:flex-start; flex-wrap:wrap; gap:16px; }
	.mQuickmenu li { width:calc(25% - 12px); }
}

@media (max-width:450px){
	.mQuickmenu ul { gap:8px; }
	.mQuickmenu li { width:calc(25% - 6px); }
	.mQuickmenu li a:link span img { width:60%; }
	.mQuickmenu li a:link,
	.mQuickmenu li a:visited { font-size:1.4rem; }
	.mQuickmenu li a:link span,
	.mQuickmenu li a:visited span { height:8rem; }
}




/* 최근게시물 */
.newcontent { float:left; position:relative; width:calc(100% - 52rem); height:44rem; }
.newcontent ul#mtabmenu { width:100%; height:5rem; }
.newcontent ul#mtabmenu > li { float:left; padding-right:2.4rem; background:url(/images/main/newcontent_tabmenu_line.gif) no-repeat right 50%; margin-right:2rem; }
.newcontent ul#mtabmenu > li:last-child { padding-right:0; background:none; margin-right:0; }

.newcontent ul#mtabmenu > li > a:link,
.newcontent ul#mtabmenu > li > a:visited { line-height:5rem; color:#222; font-weight:700; font-size:1.9rem; }
.newcontent ul#mtabmenu > li > a:active,
.newcontent ul#mtabmenu > li > a:focus,
.newcontent ul#mtabmenu > li > a:hover,
.newcontent ul#mtabmenu > li > a.select { color:#2268bd; }


.newcontent ul#mtabmenu ul { position:absolute; left:0; top:6.7rem; width:100%; display:none; overflow:visible; }
.newcontent ul#mtabmenu ul li { float:none; width:100%; height:4.8rem; line-height:4.8rem; padding:0 1.6rem; font-size:100%; overflow:hidden; display:flex; justify-content:flex-start; align-items:center; }

.newcontent ul#mtabmenu ul li i { min-width:8rem; height:2.8rem; line-height:2.6rem; padding:0 0.8rem; border:1px solid #96c7e7; border-radius:1.3rem; background:#f0f9fe; color:#333; font-size:1.5rem; font-weight:600; text-align:center; word-break:keep-all; display:block; }

.newcontent ul#mtabmenu ul li a:link,
.newcontent ul#mtabmenu ul li a:visited { width:calc(100% - 18rem); padding:0 1rem; color:#222; font-size:1.6rem; font-weight:500; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; letter-spacing:0; transition:0.3s;  }
.newcontent ul#mtabmenu ul li a:active,
.newcontent ul#mtabmenu ul li a:focus,
.newcontent ul#mtabmenu ul li a:hover { color:#f96041;  }

.newcontent ul#mtabmenu ul li span { width:10rem; text-align:right; color:#888; font-size:1.7rem; display:inline-block; margin-left:auto; }

.newcontent ul#mtabmenu ul li.more { position:absolute; top:-66px; right:0; width:50px !important; height:50px !important; padding:0; margin:0; background:none; z-index:12; }
.newcontent ul#mtabmenu ul li.more a { width:5rem; height:5rem; padding:0; line-height:5rem; display:block; margin:0; }



.newcontent ul#mtabmenu ul li.first { position:relative; width:100%; height:11.8rem; line-height:1.2; padding:2.4rem 2.8rem; border-radius:2rem; background:linear-gradient(90deg, #d6d0d0 0%, #7c94ac 100%); margin-bottom:1.9rem; display:flex; justify-content:space-between; }
.newcontent ul#mtabmenu ul li.first:before { content:''; position:absolute; left:0.3rem; top:0.3rem; width:calc(100% - .6rem); height:calc(100% - 0.6rem); border-radius:1.7rem; background:#fff; display:block; z-index:1;  }

.newcontent ul#mtabmenu ul li.first .fDate { width:8.8rem; padding-right:2.9rem; border-right:1px solid #d9d9d9; font-size:1.5rem; font-weight:500; text-align:center; display:inline-block; z-index:2;}
.newcontent ul#mtabmenu ul li.first .fDate strong { color:#333; font-size:3.2rem; display:block; margin:0rem 0 0.4rem 0; }

.newcontent ul#mtabmenu ul li.first div { width:calc(100% - 8.8rem); padding-left:3.2rem; z-index:2; }

.newcontent ul#mtabmenu ul li.first i { display:inline-block; margin-bottom:0.4rem; }

.newcontent ul#mtabmenu ul li.first a.fSubject:link,
.newcontent ul#mtabmenu ul li.first a.fSubject:visited { width:100%; padding:0; color:#222; font-weight:700; font-size:2.2rem; display:block; }
.newcontent ul#mtabmenu ul li.first a.fSubject:active,
.newcontent ul#mtabmenu ul li.first a.fSubject:focus,
.newcontent ul#mtabmenu ul li.first a.fSubject:hover { color:#f96041; }


@media (min-width:1025px) and (max-width:1280px){
	.newcontent { width:calc(100% - 40rem - 4rem); }
}

@media (min-width:769px) and (max-width:1024px){
	.newcontent { width:calc(55% - 1.6rem); margin-right:1.6rem;  }	
	.newcontent ul#mtabmenu > li { padding-right:0.8rem; margin-right:0.4rem; }

	.newcontent ul#mtabmenu ul li { padding:0; }

	.newcontent ul#mtabmenu ul li.first { padding:2.0rem 2.0rem; }
	.newcontent ul#mtabmenu ul li.first .fDate { width:8.8rem; padding-right:1.6rem; ;}
	.newcontent ul#mtabmenu ul li.first div { width:calc(100% - 8.8rem); padding-left:2.0rem; z-index:2; }

}

@media (max-width:768px){
	.newcontent { width:100%; margin-bottom:0.3rem; }
	.newcontent ul#mtabmenu > li { padding-right:1.2rem; margin-right:0.8rem; }

	.newcontent ul#mtabmenu ul li { padding:0; }

	.newcontent ul#mtabmenu ul li.first { height:auto; padding:1.6rem 1.6rem; }
	.newcontent ul#mtabmenu ul li.first .fDate { width:8.0rem; padding-right:1.2rem; ;}
	.newcontent ul#mtabmenu ul li.first div { width:calc(100% - 8.0rem); padding-left:1.2rem; z-index:2; }

	.newcontent ul#mtabmenu ul li.first a.fSubject:link,
	.newcontent ul#mtabmenu ul li.first a.fSubject:visited { font-size:1.8rem; }
		
}

@media (max-width:440px){
	.newcontent ul#mtabmenu > li { padding-right:0.8rem; margin-right:0.4rem; }

	.newcontent ul#mtabmenu ul li.more { display:none; }

}



.newcontent + .clear { display:none; }

@media (max-width:768px){
	.newcontent + .clear { display:block; }
}





/* 알림판 */
.mPopupzone:before { content:''; clear:both; width:0; height:0; line-height:0; padding:0; margin:0; display:block; }
.mPopupzone { float:right; position:relative; width:40rem; }
.mPopupzone h2 { color:#243851; font-size:3.0rem; margin:0.1rem 0 3.0rem; }

.mPopupzone .pzAll .slick-list { width:100%; border-radius:2rem 2rem 8rem 2rem; border:1px solid #ddd; overflow:hidden;  aspect-ratio: 398 / 368;}
.mPopupzone .pzAll .list { height:100%;  display:block; }
.mPopupzone .pzAll .list img { width:100%; }


.mPopupzone .pzAll .slick-prev,
.mPopupzone .pzAll .slick-next { position:absolute; top:-5.5rem; width:8px; height:15px; line-height:15px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mPopupzone .pzAll .slick-prev { right:68px; background:url(/images/main/slick_btn_prev.gif) no-repeat; }
.mPopupzone .pzAll .slick-next { right:20px; background:url(/images/main/slick_btn_next.gif) no-repeat; }

.mPopupzone .btn_play { position:absolute; right:44px; top:1.2rem; width:8px; height:15px; line-height:15px; border:0; background: url(/images/main/slick_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mPopupzone .btn_play.on { background:url(/images/main/slick_btn_play.gif) no-repeat;  }


.mPopupzone .slick-dotted.list {  }
.mPopupzone .slick-dots { position:absolute; right:7rem; top:-6.4rem; width:8rem !important; text-align:center; overflow:hidden; display:block; margin:0 auto; z-index:1002; }

.mPopupzone .slick-dots li { height:3rem; line-height:3rem; color:#555; font-weight:500; letter-spacing:5px; }


@media (min-width:769px) and (max-width:1024px){
	.mPopupzone { width:calc(45% - 1.6rem); margin-left:1.6rem; }
}

@media (max-width:768px){
	.mPopupzone { float:none; max-width:40rem; width:100%; margin:0 auto;  }
}






/* 의원소개 */
.mMember { position:relative; width:100%; }
.mMember h2 { color:#243851; font-size:3.0rem; margin:0.1rem 0 2.9rem; }
.mMember .more { position:absolute; right:0; top:-0.5rem; }

.mMember > ul { width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:3rem 4rem; }
.mMember > ul > li { position:relative; width:calc(33.333% - 2.666rem); padding:2rem; border:1px solid #d9d9d9; border-radius:2rem; background:url(/images/main/member_mark.png) no-repeat right bottom; overflow:hidden; transition:0.3s;  } 
.mMember > ul > li:hover { border:1px solid #626262; box-shadow:0.4rem 0.4rem 0.8rem rgba(0,0,0,0.2); }

.mMember > ul > li dt { position:relative; float:left; width:11.8rem; padding:0.1rem; border-radius:1rem; background:#d9d9d9; overflow:hidden; z-index:1; }
.mMember > ul > li dt img { width:100%; }
.mMember > ul > li dd { margin-left:11.8rem; width:calc(100% - 11.8rem); padding-left:2.4rem; color:#333; font-weight:500; margin-bottom:0.2rem; }
.mMember > ul > li dd:last-child { margin-bottom:0; }

.mMember > ul > li dt:before { content:''; position:absolute; left:1px; top:1px; width:11.6rem; height:calc(100% - 2px); overflow:hidden; display:block; }
.mMember > ul > li:hover dt { background:linear-gradient(135deg, #d9d9d9, #4a85c9); overflow:hidden; }

.mMember > ul > li dt img { position:relative; z-index:2; border-radius:0.9rem; }

.mMember > ul > li dd.name { position:relative;  color:#111; font-weight:700; margin-bottom:3.4rem;}
.mMember > ul > li dd.name strong { font-size:1.9rem; }
.mMember > ul > li dd.name:after { content:''; position:absolute; right:-2rem; top:4.4rem; width:calc(100% + 2rem); height:1px; background:linear-gradient(90deg, #f7f7ff, #b5c0ff); display:block; }

.mMember > ul > li dd span { width:7.2rem; color:#898989; display:inline-block; }
.mMember > ul > li dd i { color:#777; font-size:1.5rem; display:block; margin-left:7.2rem; margin-top:-0.4rem; }

.mMember > ul > li .mBtn { position:absolute; right:1.8rem; top:1.8rem; display:flex; justify-content:space-between; gap:1rem; }
.mMember > ul > li .mBtn a:link,
.mMember > ul > li .mBtn a:visited { width:3rem; height:3rem; border:1px solid #7C95AC; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center; transition:0.2s;  }
.mMember > ul > li .mBtn a:active,
.mMember > ul > li .mBtn a:focus,
.mMember > ul > li .mBtn a:hover { background:#ebf5fe;  }


@media (min-width:1025px) and (max-width:1280px){
	.mMember > ul { gap:3rem 2rem; }
	.mMember > ul > li { width:calc(33.333% - 1.3333rem); padding:1.2rem; } 

	.mMember > ul > li dt { width:9.8rem; }
	.mMember > ul > li dd { margin-left:9.8rem; width:calc(100% - 9.8rem); padding-left:1.6rem; }

	.mMember > ul > li dd span { width:5.2rem; }
	.mMember > ul > li dd i { margin-left:5.2rem; }
}

@media (min-width:769px) and (max-width:1024px){
	.mMember > ul { gap:3rem 4rem; }
	.mMember > ul > li { width:calc(50% - 2rem); } 

	.mMember > ul > li dt { width:9.8rem; }
	.mMember > ul > li dd { margin-left:9.8rem; width:calc(100% - 9.8rem); padding-left:1.6rem; }

	.mMember > ul > li dd span { width:5.2rem; }
	.mMember > ul > li dd i { margin-left:5.2rem; }
}

@media (max-width:768px){
	.mMember > ul { gap:1.6rem 0rem; }
	.mMember > ul > li { width:100%; } 

	.mMember > ul > li dt { width:9.8rem; }
	.mMember > ul > li dd { margin-left:9.8rem; width:calc(100% - 9.8rem); padding-left:1.6rem; }

	.mMember > ul > li dd span { width:5.2rem; }
	.mMember > ul > li dd i { margin-left:5.2rem; }
}




















/* 의정활동영상 */
.mVod { position:relative; width:100%; margin-bottom:10.9rem;  }
.mVod h2 { color:#243851; font-size:3.0rem; margin:0.1rem 0 2.9rem; }
.mVod .more { position:absolute; right:0; top:-0.5rem; }
.mVod ul { display:flex; justify-content:space-between; gap:2.6rem; }
.mVod ul li { width:calc(25% - 1.95rem); }

.mVod ul li a { width:100%; }

.mVod ul li a .picArea { position:relative; width:100%; border-radius:2rem; overflow:hidden; transition:0.3s; margin-bottom:1.8rem;}

.mVod ul li a:link .picArea .pic,
.mVod ul li a:visited .picArea .pic { position:relative; width:100%; height:0; padding-top:calc(185 / 330 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ background-size:cover !important; display:block; transition:0.3s !important; }
.mVod ul li a:active .picArea .pic,
.mVod ul li a:focus .picArea .pic,
.mVod ul li a:hover .picArea .pic { transform:scale(1.1); }

.mVod ul li a .picArea .pic img { width:100%;  }
.mVod ul li a .picArea span { position:absolute; left:calc(50% - 3rem); top:calc(50% - 3rem); width:6rem; height:6rem; border-radius:50%; background:rgba(0,0,0,0.6); display:flex; justify-content:center; align-items:center; }


.mVod ul li a:link .pic:before,
.mVod ul li a:visited .pic:before { position:absolute; left:0; top:0; width:100%; height:100%; background:none; display:block; transition:0.3s; content:''; display:block; }
.mVod ul li a:active .pic:before,
.mVod ul li a:focus .pic:before,
.mVod ul li a:hover .pic:before { background:rgba(0,0,0,0.6);  }
 
.mVod ul li a:link strong,
.mVod ul li a:visited strong { width:100%; color:#222; border-bottom:1px solid #fff; font-weight:700; font-size:2.1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; transition:0.3s !important; margin-bottom:0.3rem; }
.mVod ul li a:active strong,
.mVod ul li a:focus strong,
.mVod ul li a:hover strong { border-bottom:1px solid #e44424; color:#e44424;  }

.mVod ul li a i { color:#666; font-weight:700; }


@media (max-width:1024px){
	.mVod .vodList { width:100%; overflow:auto; }
	.mVod ul { width:103.8rem; }
	.mVod ul li { width:24rem; }
}









/* 의정활롱사진 */
.mPhoto { position:relative; width:100%; }

.mPhoto h2 { color:#243851; font-size:3.0rem; margin-bottom:2.9rem; }
.mPhoto .more { position:absolute; right:0; top:-0.5rem; }

.mPhoto .photoList { }
.mPhoto .photoList .list { position:relative; float:left; width:32.3rem !important; height:auto; border-radius:2rem; overflow:hidden; margin:0 3.6rem 0 0; box-shadow:5px 5px 10px rgba(0,0,0,0.1), 2px 2px 5px rgba(0,0,0,0.1);}

.mPhoto .photoList .list a { width:100%; display:block; }

.mPhoto .photoList .list a .picArea { position:relative; width:100%; height:24.2rem; overflow:hidden; transition:0.3s; }

.mPhoto .photoList .list a:link .picArea .pic,
.mPhoto .photoList .list a:visited .picArea .pic { width:100%; height:0; padding-top:calc(242 / 323 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ background-size:cover !important; overflow:hidden;  display:block; transition:0.3s !important; }
.mPhoto .photoList .list a:active .picArea .pic,
.mPhoto .photoList .list a:focus .picArea .pic,
.mPhoto .photoList .list a:hover .picArea .pic { transform:scale(110%); }

.mPhoto .photoList .list a .picArea .pic img { width:100%; }


.mPhoto .photoList .list a:link .bar,
.mPhoto .photoList .list a:visited .bar { position:absolute; bottom:0; width:100%; height:8.8rem; padding:2rem 1.6rem 0 1.6rem; background:linear-gradient(0deg, #000, transparent); transition:0.3s; }
.mPhoto .photoList .list a:active .bar,
.mPhoto .photoList .list a:focus .bar,
.mPhoto .photoList .list a:hover .bar { height:100%; padding:4.8rem 1.6rem 0 1.6rem; background:rgba(0,0,0,0.8); text-align:center;  }

.mPhoto .photoList .list a:active .bar:after,
.mPhoto .photoList .list a:focus .bar:after,
.mPhoto .photoList .list a:hover .bar:after { content:'자세히보기'; padding-top:2rem; background:url(/images/board/photo_seroLine.gif) no-repeat 50% 0; color:#fff; display:block; margin-top:3.6rem; } 

.mPhoto .photoList .list a:link .bar strong,
.mPhoto .photoList .list a:visited .bar strong { width:100%; color:#fff; font-size:2.1rem; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:0.3rem; }
.mPhoto .photoList .list a:active .bar strong,
.mPhoto .photoList .list a:focus .bar strong,
.mPhoto .photoList .list a:hover .bar strong { color:#fff; }

.mPhoto .photoList .list a .bar span { font-size:100%; color:#ccc; }



.mPhoto .slick-prev,
.mPhoto .slick-next { position:absolute; top:-5.3rem; width:8px; height:15px; line-height:15px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mPhoto .slick-prev { right:114px; background:url(/images/main/slick_btn_prev.gif) no-repeat; }
.mPhoto .slick-next { right:66px; background:url(/images/main/slick_btn_next.gif) no-repeat; }

.mPhoto .btn_play { position:absolute; right:90px; top:1.2rem; width:8px; height:15px; line-height:15px; border:0; background: url(/images/main/slick_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mPhoto .btn_play.on { background:url(/images/main/slick_btn_play.gif) no-repeat;  }


.mPhoto .slick-dotted.list {  }
.mPhoto .slick-dots { position:absolute; right:7rem; top:-6.4rem; width:8rem !important; text-align:center; overflow:hidden; display:block; margin:0 auto; z-index:1002; }

.mPhoto .slick-dots li { height:3rem; line-height:3rem; color:#555; font-weight:500; letter-spacing:5px; }


@media (max-width:768px){
	.mPhoto .photoList .list { width:30.0rem !important; margin:0 1.8rem 0 1.8rem; }

	.mPhoto .photoList .list a:link .picArea .pic,
	.mPhoto .photoList .list a:visited .picArea .pic { padding-top:calc(224 / 300 * 100%);  }
}






/* 배너모음 */
.mBanner {	position:relative; width:100%; display:flex; justify-content:flex-start; align-items:center; }
.mBanner h2 { width:18rem; color:#243851; font-size:3.0rem; }

.mBanner .bannerarea { position:relative; top:0px; width:calc(100% - 31rem); overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd;  }
.mBanner .bannerarea ul { position:relative; width:190rem !important; white-space:nowrap; overflow:hidden; display:flex; justify-content:flex-start; gap:0 0.5rem;}
.mBanner .bannerarea ul li { border:1px solid #ddd; background:#fff; border-radius:0.8rem; overflow:hidden; }
.mBanner .bannerarea ul li a { width:100%; }
.mBanner .bannerarea ul li img { height:5rem; }

.mBanner .bar { width:9.6rem; height:5.2rem; border:1px solid #ddd; border-radius:2.6rem; display:flex; align-items:center; justify-content:center; margin-left:auto; gap:2rem;  }
.mBanner .bar a.more { width:0.8rem; height:1.5rem; display:block; }

.mBanner .bar .Btn { position:relative; top:1px;  width:8px; height:15px; text-indent:-999999999rem; display:block; background:none;  }
.mBanner .bar .Btn i { position:absolute; left:0; top:0; width:8px; height:15px; background:url(/images/main/slick_btn_pause.gif) no-repeat; }
.mBanner .bar .Btn i.on { background:url(/images/main/slick_btn_play.gif) no-repeat;}




/* 생방송알림 */
.mOnair { width:100%; background:#eaeaea; overflow:hidden; display:block; }
.mOnair .onairarea { position:relative; width:140rem; padding:2rem 0; overflow:hidden; margin:0 auto; }

.mOnair .onairarea .onairLeft { float:left; width:26rem; padding-right:2.5rem; border-right:1px solid #ddd; font-weight:700; letter-spacing:-1px; text-align:right; }
.mOnair .onairarea .onairLeft h1 { color:#6b778d; font-size:155%; margin:0.8rem 0 0.4rem 0; }
.mOnair .onairarea .onairLeft p { color:#2d4059; font-size:180%; }
.mOnair .onairarea .onairLeft p span { color:#ea5455; }

.mOnair .onairarea .onairRight { float:left; width:calc(100% - 26rem); padding-left:3rem; }
.mOnair .onairarea .onairRight li { float:left; width:calc(25% - 22.5px); display:block; margin:0 30px 15px 0; }
.mOnair .onairarea .onairRight li:last-child { margin-right:0; }

.mOnair .onairarea .onairRight li a { width:100%; height:50px; line-height:50px; padding:0 15px; border-radius:5px; color:#fff; font-weight:700; font-size:125%; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:flex; justify-content:space-between; align-items:center;  }


.mOnair .onairarea .onairRight li .typeOn { background:#ea5455; }
.mOnair .onairarea .onairRight li .typeOff { background:#666; }
.mOnair .onairarea .onairRight li .typeEnd { background:#888; }

.mOnair .onairarea .onairRight li span { display:inline-block; float:right; height:26px; line-height:26px; padding:0 1.2rem; border-radius:1.3rem; background:#333; font-size:1.6rem; font-weight:600; }
.mOnair .onairarea .onairRight li span.on { background:#fff; color:#da131a; }
.mOnair .onairarea .onairRight li span.end { background:#666; color:#fff; }


.mOnair .onairarea .onairClose { position:absolute; right:0; bottom:10px; height:24px; }
.mOnair .onairarea .onairClose input { position:relative; top:-1px; }
.mOnair .onairarea .onairClose label { line-height:24px; font-size:95%; vertical-align:top; margin-right:10px; }
.mOnair .onairarea .onairClose .abtn_close { width:50px; height:24px; line-height:24px; border-radius:3px; background:#333; color:#fff; font-size:90%; text-align:center; display:inline-block; }




@media (min-width:1281px) and (max-width:1400px){
	.mOnair .onairarea { width:100%; padding:20px 15px; }
	.mOnair .onairarea .onairClose { right:15px; }
}



@media (min-width:1025px) and (max-width:1280px){
	.mOnair .onairarea { width:100%; padding:20px 15px; }
	.mOnair .onairarea .onairLeft { width:200px; padding-right:15px; }
	.mOnair .onairarea .onairLeft p { font-size:160%; }
	.mOnair .onairarea .onairRight { width:calc(100% - 200px); padding-left:20px; }
	.mOnair .onairarea .onairRight li { width:calc(25% - 15px); margin:0 20px 15px 0; }
	.mOnair .onairarea .onairRight li a { padding:0 10px; font-size:110%; }
	.mOnair .onairarea .onairClose { right:15px; }
}



@media (min-width:769px) and (max-width:1024px){
	.mOnair .onairarea { width:100%; padding:20px 15px; }
	.mOnair .onairarea .onairLeft { width:200px; padding-right:15px; border-right:none; }
	.mOnair .onairarea .onairLeft p { font-size:160%; }
	.mOnair .onairarea .onairRight { width:calc(100% - 200px); padding-left:20px; border-left:1px solid #ddd; }
	.mOnair .onairarea .onairRight li { width:calc(50% - 10px); margin:0 5px 10px 5px; }
	.mOnair .onairarea .onairRight li a { padding:0 10px; font-size:110%; }
	.mOnair .onairarea .onairRight li:last-child { margin-bottom:20px; }
	.mOnair .onairarea .onairClose { right:15px; }
}


@media (max-width:768px){
	.mOnair .onairarea { width:100%; padding:20px 15px; }
	.mOnair .onairarea .onairLeft { width:100%; padding:0 0 10px 0; border:none; border-bottom:1px solid #ddd; text-align:left; margin-bottom:10px; }
	.mOnair .onairarea .onairLeft h1 { float:left; font-size:130%; margin:0 15px 0 0; }
	.mOnair .onairarea .onairLeft p { float:left; font-size:130%; }
	
	.mOnair .onairarea .onairRight { width:100%; padding-left:0px; }
	.mOnair .onairarea .onairRight li { width:calc(50% - 10px); margin:0 10px 10px 0; }
	.mOnair .onairarea .onairRight li:nth-child(even) { margin:0 0 10px 10px; }
	.mOnair .onairarea .onairRight li:last-child { margin-bottom:20px; }
	.mOnair .onairarea .onairRight li a { height:40px; line-height:40px; padding:0 10px; font-size:110%; }
	.mOnair .onairarea .onairClose { right:15px; }
}

@media (max-width:425px){
	.mOnair .onairarea .onairRight li { width:100%; margin:0 0 10px 0; }
	.mOnair .onairarea .onairRight li:nth-child(even) { margin:0 0 10px 0; }
	.mOnair .onairarea .onairRight li:last-child { margin-bottom:20px; }
}