@charset "utf-8";

#container { }





/* 공통 컴포넌트 */
.bar button { border:.1rem solid #fff; }

.bar button:hover,
.bar button:focus { background:#e0f2f1; border-color:#80cbc4; }

section h2 { font-size:4rem; margin-bottom:2.4rem; }
section .btn-more { position:absolute; top:1.2rem; right:0; width:2.4rem; height:2.4rem; }
section .btn-more::before,
section .btn-more::after { position:absolute; top:1.1rem; content:''; width:2.4rem; height:.2rem; border-radius:.2rem; background:#888888; }
section .btn-more::after { transform:rotate(90deg); }

.btn-pause .ico-play { background-image:url(/images/council/main/ico_pause_default.png); }
.btn-pause.on .ico-play { background-image:url(/images/council/main/ico_play_default.png); }

@media (max-width:1023px){
	section h2 { font-size:3.6rem; }
}

@media (max-width:768px){
	section h2 { font-size:3.2rem; }
}


/* 생방송 알림 */
.mOnair { background:#F4F5F6; padding:1.6rem 0; border-bottom:.1rem solid #CDD1D5; }
.mOnair .inner { display:flex; }

.mOnair .title { font-size:1rem; padding-right:2.4rem; border-right:.1rem solid #6D7882; margin-right:2.4rem; }
.mOnair h2 { font-size:2.8em; margin-bottom:.8rem; }
.mOnair .date { display:block; padding:.8rem 1.2rem; font-size:2.4em; font-weight:700; background:#fff; border-radius:.4rem; color:#004d40; }
.mOnair .badge { min-width:8rem; justify-content:center }

.mOnair .onair-list { display:flex; flex-wrap:wrap; align-self: flex-start; width:calc(100% - 25rem); }
.mOnair .onair-list li { display:flex; width:calc(50% - 1rem); margin:.8rem 0; }
.mOnair .onair-list li:nth-child(2n) { margin-left:2rem; }
.mOnair .onair-list li a { display:flex; align-items:center; width:100%; }

.mOnair .onair-list .subject { flex:1 1 auto; width:calc(50% - 7rem); text-overflow: ellipsis; white-space: nowrap; overflow:hidden; margin:0 .8rem; }
.mOnair .onair-list .time { display:inline-flex; }

@media (max-width:1280px){
}
@media (max-width:1023px){
	.mOnair .onair-list { flex-wrap:nowrap; flex-direction:column; }
	.mOnair .onair-list li { width:100%; }
	.mOnair .onair-list li:nth-child(2n) { margin-left:0; }
}
@media (max-width:768px){
	.mOnair .onair-list { width:100%; }
	.mOnair .inner { flex-direction:column; }
	.mOnair .title { font-size:.9rem; padding-right:0; padding-bottom:2rem; border-right:0; border-bottom:.1rem solid #CDD1D5; margin:0 0 2rem; }
}

/* 메인 비주얼 */
.mVisible { position:relative; max-width:calc((92 / 140) * 100%); height:fit-content; max-height:50rem; border-radius:4rem 16rem 4rem 0; overflow:hidden; }

.mVisible .slick-slider .slick-track,
.mVisible .item,
.mVisible .item a  { display:flex !important; }
.mVisible .item a { width:100%; }
.mVisible img { width:100%; }

.mVisible .slick-dots { position:absolute; left:2rem; bottom:.8rem; z-index: 2; display:flex; align-items:center; color:#777; }
.mVisible .slick-dots .current { display:flex; align-items:center; color:#013A31; }
.mVisible .slick-dots .current::after { width:9rem; height:.1rem; content:''; display:block; background:#ddd; margin:0 1.6rem; }
.mVisible .bar { position:absolute; left:0; bottom:0; padding:.8rem .8rem .8rem 18rem; background:#fff; border-radius:0 2rem 0 0; z-index:1; }


@media (max-width:1023px){
	.mVisible { max-width:100%; }
}

@media (max-width:768px){
	.mVisible .slick-dots .current::after { width:4rem; }
	.mVisible .bar { padding:.8rem .8rem .8rem 14rem; }
}

.mRight { position:relative; margin-left:4rem; }
.mRight::after { position:absolute; left:0; top:-2rem; content:''; width:64rem; height:64rem; background:url(/images/council/main/mRight_bg.png) no-repeat center/cover; z-index:-1; }

/* 열린 의장실 */
.mChair { position:relative; width:44rem; }

.mChair .slogan { font-size:1.7rem; line-height:1.5; color:#777; margin-top:4rem; margin-bottom:2rem;}
.mChair .slogan span { display:block; }

.mChair .pre { font-size:2.8rem; font-weight:500; color:#252525; margin-bottom:4rem; }
.mChair .pre span { display:block; letter-spacing:.4rem; margin-bottom:.4rem; }
.mChair .pre strong { letter-spacing:.4rem; color:#00796B; }

.mChair > img { position:absolute; right:0; bottom:0; z-index:0; }

.mChair .btn-wrap { display:inline-flex; flex-direction:column; margin-bottom:2.4rem; }

.mChair a { position:relative; display:inline-flex; align-items:center; min-width:14rem; padding:.8rem 0; border-bottom:.1rem solid #D9D9D9; z-index:0; }
.mChair a:nth-child(1) { margin-bottom:.4rem; }
.mChair a::after { position:absolute; bottom:-.1rem; width:0; height:.1rem; background:#00796B; content:''; transition:.4s; }
.mChair a:hover::after,
.mChair a:focus::after { width:100%; }

.mChair a i { width:2.4rem; height:2.4rem; background:no-repeat center/cover; margin-right:.4rem; }
.mChair a i.greet { background-image:url(/images/council/main/ico_greet.svg); }
.mChair a i.home { background-image:url(/images/council/main/ico_home.svg); }


@media (max-width:1023px){
	.mRight { margin-left:0; }

	.mChair { width:100%; }

}

@media (max-width:768px){
	.mChair .pre { margin-bottom:2.4rem; }
	.mChair .pre span { letter-spacing:.2rem; }
	.mChair > img { width:30rem; }
}


/* 바로가기 */
.mLink { padding:3.4rem 2.4rem; background:#fff; border-radius:4rem 0 4rem 4rem; box-shadow:.8rem .8rem 1.2rem #E8EAF6; }
.mLink:before { position:absolute; top:.4rem; left:.4rem; width:100%; height:100%;  }

.mLink ul { display:flex; justify-content:space-between; } 

.mLink ul li a { display:flex; align-items:center; flex-direction:column; font-size:1.8rem; color:#555; transition:.4s; }
.mLink ul li a i { position:relative; display:block; width:6.4rem; height:6.4rem; border-radius:2rem; transition:.4s; margin-bottom:1.2rem; }
.mLink ul li a i::after { position:absolute; top:50%; left:50%; content:''; width:3.6rem; height:3.6rem; background:no-repeat center/contain; transform:translate(-50%, -50%); }

.mLink ul li:nth-child(1) a i::after { background-image:url(/images/council/main/ico_org.svg); }
.mLink ul li:nth-child(2) a i::after { background-image:url(/images/council/main/ico_office.svg); }
.mLink ul li:nth-child(3) a i::after { background-image:url(/images/council/main/ico_minutes.svg); }
.mLink ul li:nth-child(4) a i::after { background-image:url(/images/council/main/ico_video.svg); }

.mLink ul li a:hover,
.mLink ul li a:focus { text-decoration:underline; color:#252525; }

.mLink ul li a:hover i,
.mLink ul li a:focus i { box-shadow:0 0 1rem rgba(0,0,0,.2); }

@media (max-width:1023px){
	.mLink ul { max-width:64rem; margin:0 auto; }

}

/* 오늘의 의사일정 */
.mSched { position:relative; display:flex; align-items:center; margin:4rem 0; }
.mSched > .title { position:relative; display:flex; align-items:center; width:20rem; padding-right:3.6rem; margin-right:3.6rem; }
.mSched > .title::after { position:absolute; top:50%; right:0; content:''; width:.1rem; height:4rem; background:#A3B4B3; transform:translateY(-50%); }
.mSched > .title h2 { display:inline-flex; flex-direction:column; color:#013A31; font-size:2rem; margin-bottom:0; }
.mSched > .title h2 span { display:block; font-size:1.6em; }
.mSched > .title i { display:inline-block; width:4rem; height:4.3rem; margin-right:1.2rem; background:url(/images/council/main/ico_calendar.png); }

.mSched .date { display:flex; align-items:center; }
.mSched .date span { font-size:3.2rem; font-weight:700; color:#013A31; margin:0 1.2rem; }

.mSched .sched-wrap { display:flex; align-items:center; justify-content: space-between; width:calc(100% - 81rem); padding:1rem 2rem; background:#fff; border-radius:1.2rem; margin:0 4rem 0 2rem; }
.mSched .sched-wrap .sched-list { width:calc(100% - 10.6rem); }
.mSched .sched-wrap .sched-item a { width:100% !important; line-height:1.5; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.mSched .sched-wrap .bar { display:flex; margin-left:1rem; }

.mSched .btn-link { display:flex; flex:1 1 auto; }
.mSched .btn-link a { display:flex; justify-content:center; align-items:center; width:calc(50% - .8rem); min-height:4.8rem; padding:0 1.2rem;  border-radius:.6rem; background:linear-gradient(45deg,#00BFA5,#008270); color:#fff; text-align:center; }
.mSched .btn-link a:first-child { margin-right:1.6rem; }

@media (min-width:769px) and (max-width:1280px){
	.mSched { flex-wrap:wrap; }

	.mSched > .title { width:100%; margin-bottom:1.6rem; }
	.mSched > .title::after { display:none; }
	.mSched > .title h2 { flex-direction:row; align-items:flex-end; }
	.mSched > .title h2 span { margin-left:.8rem; }

	.mSched .sched-wrap { width:calc(100% - 28rem); margin-right:0; }

	.mSched .btn-link { position:absolute; top:0; right:0; width:50%; }
}

@media (max-width:768px){
	.mSched { flex-direction:column; align-items:flex-start; }

	.mSched > .title { width:100%; align-items:center; margin-bottom:1.6rem; }
	.mSched > .title::after { display:none; }

	.mSched > .title h2 { font-size:1.8rem; flex-direction:row; align-items:flex-end; }
	.mSched > .title h2 span { margin-left:.8rem; }

	.mSched .date { width:100%; justify-content:space-between; margin-bottom:1.2rem; }
	.mSched .date span { font-size:2.8rem; }

	.mSched .sched-wrap { width:100%; max-width:none; margin:0 0 1.6rem; }
	.mSched .sched-wrap .sched-list { width:calc(100% - 10.6rem); }

	.mSched .btn-link { width:100%; }
}


/* 바로가기 */
.mQuick { position:absolute; max-width:140rem; width:100%; padding:4rem 8rem; background:#fff; border-radius:4rem; }
.mQuick .quick-list { display:flex; justify-content:space-between; }

.mQuick ul li a { display:flex; align-items:center; flex-direction:column; font-size:1.8rem; color:#555; transition:.4s; }
.mQuick ul li a i { position:relative; display:block; width:10rem; height:10rem; background:#fff; border-radius:2rem; transition:.4s; margin-bottom:1.2rem; }
.mQuick ul li a i::after { position:absolute; top:50%; left:50%; content:''; width:4.8rem; height:4.8rem; background:no-repeat center/contain; transform:translate(-50%, -50%); }

.mQuick ul li:nth-child(1) a i::after { background-image:url(/images/council/main/ico_history.svg); }
.mQuick ul li:nth-child(2) a i::after { background-image:url(/images/council/main/ico_attend.svg); }
.mQuick ul li:nth-child(3) a i::after { background-image:url(/images/council/main/ico_ordinane.svg); }
.mQuick ul li:nth-child(4) a i::after { background-image:url(/images/council/main/ico_direction.svg); }
.mQuick ul li:nth-child(5) a i::after { background-image:url(/images/council/main/ico_build.svg); }
.mQuick ul li:nth-child(6) a i::after { background-image:url(/images/council/main/ico_cmt.svg); }
.mQuick ul li:nth-child(7) a i::after { background-image:url(/images/council/main/ico_5min.svg); }
.mQuick ul li:nth-child(8) a i::after { background-image:url(/images/council/main/ico_law.svg); }

.mQuick ul li a:hover,
.mQuick ul li a:focus { text-decoration:underline; color:#252525; }

.mQuick ul li a:hover i,
.mQuick ul li a:focus i { box-shadow:0 0 1rem rgba(0,0,0,.2); }

@media (max-width:1440px){
	.mQuick { max-width:none; width:calc(100% - 4.8rem); }
}

@media (max-width:1023px){
	.mQuick { padding:2.4rem 3.2rem; }

	.mQuick ul li a { font-size:1.7rem; }
	.mQuick ul li a i { width:8rem; height:8rem; }
	.mQuick ul li a i::after { width:4rem; height:4rem; }
}

@media (max-width:768px){
	.mQuick { width:calc(100% - 3.2rem); padding:0; border-radius:0; background:none; }
	.mQuick .quick-list { flex-wrap:wrap; }
	.mQuick .quick-list li { width:25%; margin-bottom:1.2rem; }

	.mQuick ul li a { font-size:1.6rem; letter-spacing: -.5px;}
	.mQuick ul li a i { width:6.4rem; height:6.4rem; margin-bottom:.8rem; }
	.mQuick ul li a i::after { width:3.2rem; height:3.2rem; }
}


/* 현역의원 */
.mMember { position:relative; padding-bottom:6.4rem; }
.mMember::after { position:absolute; left:-8rem; bottom:0; z-index:-2; content:''; width:calc(100% + 16rem); height:30rem; border-radius:4rem 12rem 4rem 4rem; background:#F0F9F8; }

.mMember h2 { position:relative; padding-bottom:2.4rem; margin-bottom:3.4rem; }
.mMember h2::before { position:absolute; bottom:0; content:''; width:100%; height:.4rem; background:url(/images/common/dg_line.png) repeat-x; opacity:.2; }

.mMember img { width:100%; }

.mMember .member-wrap { float:right; width:calc((80 / 140) * 100%); }
.mMember .member-list { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; }

.mMember .member-list .member-item { position:relative; display:flex !important; border-radius:.4rem; overflow:hidden; }

.mMember .member-list .member-item .name { position:absolute; left:0; bottom:0; width:100%; padding:.8rem 0 .4rem; letter-spacing:.2rem; text-align:center; color:#fff; background:linear-gradient(rgba(0,0,0,.0),rgba(0,0,0,1)); }

.mMember .member-list .slick-slide { margin: 0 6px; }
.mMember .member-list .slick-list { width:100%; margin: 0 -6px; overflow:visible; }

.mMember .member-list .slick-track { display:flex; flex-wrap:wrap; }
.mMember .member-list .slick-slide { position:relative; width:calc((100% / 8) - 1.2rem) !important; margin-bottom:1.6rem; }
.mMember .member-list .slick-current a::before { position:absolute; top:0; left:0; content:''; width:100%; height:100%; border-radius:.4rem; border:.2rem solid #00A685; z-index:1; transition:.4s; }

.mMember .member-list .slick-track,
.mMember .member-list .slick-slide { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0) !important;transition-delay: 10ms;}
.mMember .info-wrap { position:relative; width:calc((60 / 140) * 100%); float:left; }

.mMember .info-list { background:#fff; padding:2rem; border-radius:10rem 10rem 0 10rem; margin-right:12rem; padding-bottom:7.2rem; overflow:visible; }
.mMember .info-list::after { position:absolute; bottom:0; right:-12rem; content:''; width:12rem; height:12rem; background:url(/images/council/main/info_arc.png) no-repeat center/cover; }

.mMember .info-item { position:relative; z-index:10; } 
.mMember .info-item .img { max-height:26rem; border-radius:8rem 8rem 0 0; margin-bottom:2rem; overflow:hidden; }
.mMember .info-item .name { position:relative; display:flex; align-items:flex-end; justify-content:center; font-size:2rem; color:#666; text-align:center; margin-bottom:1.6rem; }
.mMember .info-item .name strong { font-size:2.8rem; letter-spacing:.4rem; color:#222; margin-right:.4rem; }
.mMember .info-item dl { display:flex; align-items:center; margin:0 8rem .6rem; }
.mMember .info-item dl::before { content:'-'; color:#666; margin-right:1.2rem; }
.mMember .info-item dl dt::after { content:':'; color:#666; margin:0 .8rem; }
.mMember .info-item dl dd span { font-size:1.5rem; }

.mMember .info-bg { position:absolute; top:-2rem; left:-3rem; z-index:-1; content:''; width:calc(100% + 10rem); height:calc(100% + 8rem); background:url(/images/council/main/info_bg.png) no-repeat center/contain; }

.mMember .info-wrap .bar { position:absolute; left:50%; bottom:2.4rem; transform:translateX(calc(-50% - 6rem)); }
.mMember .info-wrap .bar button { width:4rem; height:4rem; }

.mMember .btn-wrap { position:absolute; left:calc(50% + 8rem); top:0; }
.mMember .btn-wrap a { width:3.2rem; height:3.2rem; border-radius:2rem; }
.mMember .btn-wrap a.btn-home { background:#43B9B9 url(/images/council/main/ico_home_w.svg) no-repeat center; margin-right:.8rem; }
.mMember .btn-wrap a.btn-profile { background:#E52242 url(/images/council/main/ico_profile_w.png) no-repeat center; }

.mMember .btn-more { position:absolute; right:0; top:0; }

@media (max-width:1440px){
	.mMember .info-item dl { margin:0 2.4rem .6rem; }
}

@media (max-width:1280px){
	.mMember .info-list { margin-right:6.4rem; }
	.mMember .info-wrap .bar { transform:translateX(calc(-50% - 3.2rem)); }
}

@media (max-width:1023px){
	.mMember .info-wrap,
	.mMember .member-wrap { width:50%; }
	
	.mMember .info-list::after { right:-6.4rem; width:6.4rem; height:6.4rem; }
	.mMember .info-item dl { margin:0 .8rem .6rem; }

	.mMember .member-list .slick-slide { width:calc((100% / 6) - 1.2rem) !important; }
	
}

@media (max-width:768px){
	.mMember .info-wrap,
	.mMember .member-wrap { width:100%; }

	.mMember .info-wrap .bar { transform:translateX(-50%); }

	.mMember .info-list { margin-right: 0; }
	.mMember .info-list::after { display: none; }

	.mMember .info-bg { left:unset; right:-4rem; background-image:url(/images/council/main/info_bg_m.png); }
	.mMember .member-list { display:none; }

	
}

/* 의회소식 */
.mNotice { position:relative; width:calc(100% - 36rem); margin-right:4rem; }
.mNotice h2 { display:inline; margin-right:2.4rem; }
.mNotice .tabmenu { display:inline-flex; margin-top:-.8rem; }

.mNotice .tabmenu > li { display:inline-flex; align-items:center; }
.mNotice .tabmenu > li > a  { display:inline-flex; align-items:center; font-size:2.4rem; }
.mNotice .tabmenu > li > a.on { position:relative; color:#00796B; }
.mNotice .tabmenu > li > a.on:before { position:absolute; bottom:-.4rem; content:''; width:100%; height:.1rem; background:linear-gradient(90deg,#fff,#00A785,#fff); }
.mNotice .tabmenu > li > a.on::after { content:''; width:2.4rem; height:2.4rem; background:url(/images/council/main/ico_tab_check.png) no-repeat center/cover; margin-left:1rem; }

.mNotice .tabmenu > li::after { display:inline-block; content:''; width:.8rem; height:.8rem; background:#CDD1D5; border-radius:.4rem; margin:0 2rem; }
.mNotice .tabmenu > li:last-child::after { display:none; }

.mNotice .post-list { position:absolute; top:7.2rem; left:0; display:flex; }
.mNotice .post-list li { width:calc((100% / 3) - 1rem); margin-left:1.5rem; transition:.4s; }
.mNotice .post-list li:first-child { margin-left:0; }

.mNotice .post-list a { position:relative; width:100%; padding:3.2rem 2.4rem; border:.1rem solid #CDD1D5; background:#fff; border-radius:2rem; transition:.4s; }
.mNotice .post-list a:hover,
.mNotice .post-list a:active { border-color:#01A785; }

.mNotice .post-list b { display:flex; align-items:center; justify-content:center; font-weight:400; width:4.8rem; height:4.8rem; border-radius:100%; background-color:#00796B; color:#fff; margin-bottom:2.4rem; }

.mNotice .post-list .title { position:relative; display:-webkit-box; height:2.6em; font-size:2rem; font-weight:700; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.3; white-space:normal; margin-bottom:3.3rem; overflow:clip; }
.mNotice .post-list i { position:absolute; left:0; bottom:9.8rem; display:block; width:100%; height:.1rem; background:linear-gradient(90deg,#fff,#E9E9E9,#fff); }
.mNotice .post-list a:hover .title,
.mNotice .post-list a:active .title { color:#00796B; }


.mNotice .post-list .txt { display:block; line-height:1.5; height:3em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#666; overflow:hidden; transition:.4s; }
.mNotice .post-list .date { position:absolute; top:4.6rem; right:2.4rem; color:#6e6e6e; }

.mNotice .tabmenu > li > a + ul { display:none; }
.mNotice .tabmenu > li > a.on + ul { display:flex; }

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

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

@media (max-width:1023px){
	.mNotice { width:calc(100% - 32.6rem); margin-right:3.6rem; }
	.mNotice h2 { margin-right:1.6rem; }
	.mNotice .tabmenu > li > a { font-size:2rem; }
	.mNotice .tabmenu > li > a.on::after { width: 2rem; height: 2rem; margin-left:.6rem; }
	.mNotice .tabmenu > li::after { width: .6rem; height: .6rem; margin:1.2rem; }

	.mNotice .post-list li { width:calc(50% - 1rem); }
	.mNotice .post-list li:last-child { display:none; }
}

@media (max-width:768px){
	.mNotice { width:100%; padding-bottom:68rem; margin-right:0; margin-bottom:2.4rem; }
	.mNotice .tabmenu { display:flex; margin-top:1.2rem; }
	.mNotice .tabmenu > li > a { font-size:2rem; }

	.mNotice .post-list { flex-direction:column; top:10.4rem; }
	.mNotice .post-list li { width:100%; margin-left:0; margin-bottom:.8rem; }
	.mNotice .post-list li:last-child { display:block; }
	.mNotice .post-list li a { padding:1.6rem 2rem; }

	.mNotice .post-list .title { margin-bottom:1.2rem; }
	.mNotice .post-list i { bottom:7.7rem; }
	.mNotice .post-list b { margin-bottom:1.6rem; }
	.mNotice .post-list .date { top:2.7rem; }
}


/* 의정소식지 */
.mBook { position:relative; display:flex; padding:2.8rem 2rem 2rem 2.8rem; border-radius:2rem 8rem 2rem 8rem; background:linear-gradient(rgba(0,121,107,.5),rgba(0,77,64,.5)),url(/images/council/main/mBook_bg.png) no-repeat center/cover,#00796B; margin-top:7.2rem; }
.mBook h2 { font-size:3.2rem; line-height:1.2; color:#fff; margin-right:2.8rem; }
.mBook h2 span { display:block; }

.mBook .img { display:block; width:100%; padding-top:125%; background:no-repeat center/cover; border:.4rem solid #fff; border-radius:.4rem; margin-bottom:1.5rem; }
.mBook .info { margin-top:-7.2rem; }
.mBook .btn-wrap { padding:.8rem 1.2rem; background:#fff; border-radius:.4rem; font-size:1.6rem; color:#666; }
.mBook .btn-wrap a { display:inline-flex; align-items:center; margin-right:.8rem; }
.mBook .btn-wrap a:last-child { margin-right:0; }
.mBook .btn-wrap a i { display:block; width:1.6rem; height:1.6rem; background:no-repeat center/cover; margin-right:.6rem; }
.mBook .btn-wrap a.book i { background-image:url(/images/council/main/ico_book.png); }
.mBook .btn-wrap a.list i { background-image:url(/images/council/main/ico_list.png); }

.mBook strong { position:absolute; left:0; top:-7.2rem; font-size:2.4rem; color:#6E6E6E; }
.mBook strong span { color:#00796B; font-size:3.2rem; }

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

@media (max-width:1023px){
	.mBook { padding: 2.8rem 1.6rem 2rem 2rem; }
	.mBook h2 { font-size: 2.8rem; margin-right: 1.2rem;}
}

@media (max-width:768px){
	.mBook { justify-content: space-between; }
}


/* 의정활동영상 */
.mVideo { position:relative; }
.mVideo h2 { text-align:center; margin-bottom:4rem; }
.mVideo ul { display:flex; justify-content:space-between; }

.mVideo .item { position:relative; width:calc((100% / 4) - 2rem); max-width:44rem; border-radius:2rem; margin-left:3rem; overflow:hidden; }
.mVideo .item:first-child { margin-left:0; }

.mVideo .item a { width:100%; }

.mVideo .item .badge { transition:.4s; position:absolute; top:0; left:0; z-index:1; padding:0 1.6rem 1.6rem 0; background:#fff; border-radius:0 0 2.8rem 0; }
.mVideo .item .badge::before,
.mVideo .item .badge::after { position:absolute; z-index:2; content:''; width:2.8rem; height:2.8rem; background:url(/images/council/main/ico_arc.png) no-repeat center/cover; }

.mVideo .item .badge::before { top:0; right:-2.8rem; }
.mVideo .item .badge::after { bottom:-2.8rem; left:0; }

.mVideo .item .badge > span { transition:.4s; position:relative; display:inline-flex; align-items:center; width:4rem; height:4rem; padding:0 1rem 0 1rem; border-radius:2rem; overflow:hidden; }
.mVideo .item .badge > span > span { position:absolute; left:4rem; top:50%; transform:translateY(-50%); }

.mVideo .item.plenary:hover .badge > span { width:calc(5.4rem + 9.1rem); }
.mVideo .item.special:hover .badge > span,
.mVideo .item.cmt:hover .badge > span { width:calc(5.4rem + 11.8rem); }

.mVideo .item.plenary .badge > span > span { width:9.2rem; }
.mVideo .item.special .badge > span > span,
.mVideo .item.cmt .badge > span > span { width:11.8rem; }

.mVideo .item.plenary .badge > span { background-color:#F66161; }
.mVideo .item.special .badge > span { background-color:#2D9084; }
.mVideo .item.cmt .badge > span { background-color:#516ECE; }

.mVideo .item .img { display:block; width:100%; padding-top:56.25%; background:no-repeat center/cover; }

.mVideo .item .bar { position:absolute; bottom:0; display:flex; flex-direction:column; width:100%; padding:1.6rem 2rem; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); color:#fff; }
.mVideo .title { font-size:2rem; text-overflow: ellipsis; white-space: nowrap; margin-bottom:.4rem; overflow: hidden; }
.mVideo .date { font-size:1.6rem; opacity:.7; }

.mVideo .btn-more { right:calc(50% - 14.2rem); }

@media (max-width:1440px){

}

@media (max-width:1023px){
	.mVideo ul { flex-wrap:wrap; }
	.mVideo .item { width:calc((100% / 2) - 2rem); margin-bottom:4rem; }
	.mVideo .item:nth-child(3) { margin-left:0; }
}

@media (max-width:768px){
	.mVideo ul { flex-direction:column; align-items: center; }
	.mVideo .item { width:100%; margin-left:0; margin-bottom:1.6rem; }
}

/* 의정활동사진 */
.mPhoto { position:relative; }
.mPhoto h2 { text-align:center; margin-bottom:4rem; }

.mPhoto .photo-list { position:relative; overflow:hidden; }
.mPhoto .photo-list::before,
.mPhoto .photo-list::after { position:absolute; width:22rem; height:100%; content:''; background:url(/images/council/main/cont5_gradient.png) repeat-y center/cover; z-index:1; }

.mPhoto .photo-list::before { left:0; }
.mPhoto .photo-list::after { top:0; right:0; transform:rotate(180deg); }

.mPhoto .slick-slide { transition:.4s; padding-bottom:5.6rem; margin:0 20px; }
.mPhoto .slick-list { margin:0 -20px; }
.mPhoto .slick-active { padding-top:5.6rem; padding-bottom:0; }
.mPhoto .slick-current { padding-top:0; padding-bottom:5.6rem; }

/* .mPhoto .item { max-width:44rem; } */
.mPhoto .item a { display:flex; flex-direction:column; width:100%; }

.mPhoto .item .img { width:100%; padding-top:56.25%; background:no-repeat center/cover; border-radius:2rem; margin-bottom:1.6rem; }

.mPhoto .title { font-size:2rem; text-overflow: ellipsis; white-space: nowrap; margin-bottom:.8rem; overflow: hidden; }
.mPhoto .date { font-size:1.6rem; opacity:.7; }

.mPhoto .bar { position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.mPhoto .bar button { width:4rem; height:4rem; }

.mPhoto .btn-more { right:calc(50% - 14.2rem); }

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

@media (max-width:1023px){
	.mPhoto .item { max-width:none; }
}

@media (max-width:768px){
	.mPhoto .photo-list::before,
	.mPhoto .photo-list::after { display:none; }

}