/* 베너모음 */
.mBanner {display:flex; justify-content:space-between; align-items:center;}
.mBanner .title{display:flex; align-items:center; width:12.5rem;}
.mBanner .title h2{font-size:1.5rem; margin-right:1.5rem;}
.mBanner .title h2 span{color:#645CAA;}

.mBanner .ban-list{width:calc(100% - 15rem); display:flex;}
.mBanner .ban-list li{ height:100% !important; border-radius:0.5rem; overflow:hidden; background:#ddd; border:1px solid #D8D8D8; }

.mBanner .ban-list li a{display:block; width:100%; height:100%;}
.mBanner .ban-list li a img{width:100%; height:100%; object-fit:cover;}

.mBanner .slick-slide {margin-right:1rem;}



/*현역의원*/
.mMember {display:flex; padding-bottom:5rem;}

.mMember .mem-left{width:40%; align-self:flex-start; margin-right:5rem;}

.mMember .mem-left .title{display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.mMember .mem-left .title .btns{padding:0.5rem; border-radius:2rem; background:#fff;}


     /*현역의원 > memberLeft*/
.mMember .mem-left .slick-info{position:relative; width:100%; background:#fff; padding:2.5rem 2.25rem; box-shadow:0 0 24px rgba(0,0,0,0.18); border-radius:0 2rem 2rem 2rem; overflow:hidden;}
.mMember .mem-left .slick-info::before{content:''; position:absolute; left:0; top:0; display:block; width:100%; height:40%; background:#F0F0F8; z-index:0;}
.mMember .mem-left .slick-info::after{content:'DALSEONG-GUN COUNCIL'; position:absolute; right:2.5rem; top:1.25rem; color:#cdcbd6; z-index:2;}
.mMember .mem-left .slick-info li{position:relative; z-index:2; width:100%;}

.mMember .mem-left .detail{display:flex;}
.mMember .mem-left .detail .pic{max-width:10rem; width:100%; aspect-ratio:4/5; align-self:flex-start; border-radius:0 0.75rem 0.75rem 0.75rem; background:#ddd; border:1px solid #ddd; overflow:hidden; margin-right:1.5rem;}
.mMember .mem-left .detail .pic img{width:100%; height:100%; object-fit:cover;}

.mMember .mem-left .slick-info li .detail .txt{ align-self:flex-end;}
.mMember .mem-left .slick-info li .detail .txt .name{color:#656982; font-size:1.25rem;}
.mMember .mem-left .slick-info li .detail .txt .name strong{font-size:2rem; color:#2A2F4F; margin-right:0.5rem;}

.mMember .mem-left .slick-info li .detail .txt ul{margin-top:1.5rem;}
.mMember .mem-left .slick-info li .detail .txt ul li{display:flex; padding:0.25rem 0;}
.mMember .mem-left .slick-info li .detail .txt ul li div{color:#303030; padding-left:0.5rem;}
.mMember .mem-left .slick-info li .detail .txt ul li div span{color:#5E5E5E;}
.mMember .mem-left .slick-info li .detail .txt ul li div span::before{content:''; display:inline-block; width:3px; height:3px; border-radius:1rem; background:#5e5e5e; margin:0 0.5rem 0.25rem 0.5rem;}

.mMember .mem-left .slick-info li .mem-link{display:flex; width:100%; margin-top:1.5rem;}
.mMember .mem-left .slick-info li .mem-link a{width:50%; padding:0.5rem 0.75rem; background:#fff; border:1px solid #433751; color:#433751; text-align:center; border-radius:0.5rem; margin-right:1rem; transition:.2s;}
.mMember .mem-left .slick-info li .mem-link a:hover{background:#433751; color:#fff;}

/*현역의원 > memberRight*/
.mMember .mem-right{width:calc(60% - 5rem);}
.mMember .mem-right .pointPic{text-align:right; margin-bottom:2rem;}
.mMember .mem-right .member-nav{display:flex; flex-wrap:wrap;}
.mMember .mem-right .member-nav .slick-list.draggable .slick-track{display:flex; flex-wrap:wrap; transform:none !important;}
.mMember .mem-right .member-nav .slick-list .slick-track .slick-slide{width:calc((100% / 6) - 1.5rem) !important; margin:0 1.5rem 1rem 0;}

.mMember .mem-right .member-nav .slick-current li {border: 2px solid #645CAA;}

.mMember .mem-right .member-nav li{ background:#fff; border:1px solid #ddd; border-radius:0.75rem; overflow:hidden; box-shadow:0 4px 12px rgb(0,0,0,0.1);}
.mMember .mem-right .member-nav li:hover, .mMember .mem-right .member-nav li:focus, .mMember .mem-right .member-nav li:active{border:2px solid #645CAA;}

.mMember .mem-right .member-nav li .pic{width:100%; aspect-ratio:4/5; background:#ddd; border-radius:0.75rem; overflow:hidden;}
.mMember .mem-right .member-nav li .pic img{width:100%; height:auto;}
.mMember .mem-right .member-nav li p{text-align:center; line-height:32px; color:#494B59;}
.mMember .mem-right .member-nav li:hover p, .mMember .mem-right .slick-list li:active p, .mMember .mem-right .slick-list li:focus p{color:#645CAA;}


@media(max-width:1400px){
.mMember .mem-left{margin-right:2rem;}
.mMember .mem-right{width:100%;}
}

@media(max-width:1200px){
.mMember{flex-direction:column; padding-bottom:10rem;}

.mMember .mem-left{width:100%; margin-right:0; margin-bottom:1.25rem;}
}

@media(max-width:768px){
.mMember{padding-bottom:15rem;}

.mMember .mem-left .title {margin-bottom:1.25rem;}
.mMember .mem-left .slick-info{padding:2.5rem 1.25rem;}
.mMember .mem-left .detail .pic{/* max-width:6.25rem; */}


.mMember .mem-right .member-nav .slick-list .slick-track .slick-slide{width:calc((100% / 4) - 1.5rem) !important;}
.mMember .mem-right .pointPic img{width:100%; height:auto;}
}




/*의사일정*/
.mSchedule{position:absolute; bottom:-3rem; left:0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; background:url('/images/council/main/schedule_bg.jpg') no-repeat center/cover; border-radius:1rem; padding:1.25rem 2rem;}

.mSchedule h2{font-size:1.75rem; color:#fff; margin-bottom:0;}

.mSchedule .date{display:flex; align-items:center; color:#F6F2FD; font-size:1.5rem; font-weight:700;}
.mSchedule .date span{margin-left:2px;}

.mSchedule .list-wrap{display:flex; align-items:center; justify-content:space-between; max-width:32rem; width:100%; background:#DBDBE2; border:1px solid #C6C6CC; padding:0 0.75rem; border-radius:0.5rem;}
.mSchedule .sch-list{height:3rem; overflow:hidden;}
.mSchedule .sch-list li a{display:flex; align-items:center; height:3rem; line-height:3rem; color:#453F50;}
.mSchedule .sch-list li a::before{content:''; display:block; width:3px; height:3px; border-radius:2rem; background:#453f50; margin-right:0.5rem;}
.mSchedule .sch-list li.none a{color:#888;}
.mSchedule .sch-list li.none a::before{background:#888;}

.mSchedule .list-wrap .btns{display:flex;}
.mSchedule .list-wrap .btns .slickPause{background:url('/images/council/main/slickPause.svg') no-repeat center/contain;}
.mSchedule .list-wrap .btns .slickPause.on{background:url('/images/council/main/slickPlay.svg') no-repeat center/contain;}

.mSchedule .sch-btn{display:flex; align-items:center;}
.mSchedule .sch-btn a{position:relative; width:7.5rem; height:3rem; line-height:3rem; text-align:center; background:#807F9D; color:#fff; font-weight:500; transition:.3s; }
.mSchedule .sch-btn a:hover, .mSchedule .sch-btn a:focus, .mSchedule .sch-btn a:active{background:#2A2F4F; font-weight:700;}
.mSchedule .sch-btn a:first-of-type{border-radius:0.5rem 0 0 0.5rem;}
.mSchedule .sch-btn a:first-of-type::after{content:''; position:absolute; right:0; top:18px; display:inline-block; width:1px; height:12px; background:#E5E5EB;}
.mSchedule .sch-btn a:last-of-type{border-radius:0 0.5rem 0.5rem 0;}


@media(max-width:1200px){
.mSchedule h2{margin-bottom:1.25rem;}
.mSchedule .list-wrap{max-width:none; margin-bottom:1.25rem;}
 
}

@media(max-width:768px){
.mSchedule{justify-content:center; align-items:center;}
.mSchedule h2{width:100%; text-align:center;}
.mSchedule .date{margin-bottom:1.25rem;}
}


/*열린의장실*/
.mGreeting{position:relative; max-width:40%; width:100%; padding:2.5rem; background:#F9F7FE url('/images/council/main/chairman_bg.png') no-repeat center/cover; border-radius:1rem; overflow:hidden;}
.mGreeting .txt h2{display:inline-block; width:fit-content; font-size:1.5rem; color:#2A2F4F; padding-bottom:0.75rem;  border-bottom:2px solid; border-image: linear-gradient(to right, #2A2F4F, #F6F1F9) 1;}

.mGreeting .txt .name{margin-bottom:2rem;}
.mGreeting .txt .name p{font-size:1.25rem; color:#2A2F4F;}
.mGreeting .txt .name p span{font-size:1.5rem;}
.mGreeting .txt .name p.chair{font-size:1.5rem; font-weight:700;}
.mGreeting .txt .name p.chair strong{font-size:2rem; color:#7B62CC;}

.mGreeting .txt .greetingBtn{display:flex; flex-direction:column;}
.mGreeting .txt .greetingBtn a{position:relative; width:fit-content; padding:0.5rem 1rem; border-radius:2rem; background: linear-gradient(141deg,rgba(129, 137, 225, 1) 0%, rgba(69, 74, 87, 1) 100%); color:#fff; overflow:hidden; margin-bottom:0.75rem; transition:.3s;}

.mGreeting .txt .greetingBtn a:first-of-type{background:#454A57;}
.mGreeting .txt .greetingBtn a::before{content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; opacity:0; transition:.3s;}
.mGreeting .txt .greetingBtn a:hover::before, .mGreeting .txt .greetingBtn a:focus::before, .mGreeting .txt .greetingBtn a:active::before{opacity:1;}

.mGreeting .txt .greetingBtn a span{position:relative; z-index:2;}

.mGreeting img{position:absolute; right:0; bottom:0;}

.mGreeting .prepare{padding:2rem 0;}

@media(max-width:1023px){
.mGreeting{max-width:none; margin-bottom:2rem;}
}

@media(max-width:768px){
.mGreeting{padding:1.5rem;}
.mGreeting img{width:14rem; height:auto;}
}



/*메인비주얼*/
.mVisible{position:relative; width:calc(60% - 2.5rem); aspect-ratio:2/1; border-radius:1rem; overflow:hidden;}

.mVisible .slick-slider .slick-track, .slick-slider .slick-list{width:100%; height:100%;}
.mVisible .slick-slider div, .mVisible .slick-slider div li{height:100%;}

.mVisible .vis-list{width:100%; height:100%; background:#ddd;}
.mVisible .vis-list li a{width:100%; height:100%;}
.mVisible .vis-list li a img{width:100%; object-fit:cover;}

.mVisible .btns{position:absolute; right:0; bottom:0; display:flex; justify-content:space-between; align-items:center; max-width:12.5rem; width:100%; padding:1rem 1.75rem; background:#fff; border-radius:2.5rem 0 0 0;}

.mVisible .btns .paging-wrap{margin-right:1rem;}
.mVisible .btns .paging-wrap .current .num{font-weight:700;}
.mVisible .btns .paging-wrap .current::after{content:'·'; margin:0.625rem;}
.mVisible .btns .paging-wrap .index{color:#8A949E;}

.mVisible .slick-slider div li img{width:100%; object-fit:cover;}

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

@media(max-width:768px){
.mVisible .btns{max-width:11.5rem; padding:1rem 0.75rem;}
}




/* 최근게시물 */
.mNotice { position:relative; max-width:calc(60% - 2.5rem); width:100%; align-self:flex-start; margin-right:2.5rem; }

.mNotice .tab { display:flex; align-items: end; }
.mNotice .tab .tab-item ~ * { display:none; }

.mNotice .post-list { position:absolute; left:0; bottom:0; width:100%; }

.mNotice .tab .tab-item { font-size:1.625rem; color:#3A3F37; background:transparent; margin-bottom:1.5rem; margin-right:2rem; }
.mNotice .tab .tab-item.on { position:relative; z-index:1; font-size:2rem; font-weight:700; }
.mNotice .tab .tab-item.on::before { position:absolute; right:-1rem; top:-0.5rem; z-index: -1; content:''; width:2rem; height:2rem; background:#DDDBE9; border-radius:1rem; }

.mNotice .tab .tab-item.on ~ * { display:flex; }
.mNotice .tab .tab-item.on ~ ul { flex-direction:column; }

.mNotice .post-item:not(:first-child) { border-bottom:1px dashed #ddd; }
.mNotice .post-item a { border-radius:1rem; }
.mNotice .date { padding-left:1.25rem; background:url(/images/icon/ico_calendar.svg) no-repeat left center/1rem; white-space: nowrap;}

.mNotice .post-item:first-child a { position:relative; width:100%; background:#F9F7FE; padding:2rem 8.25rem 2rem 1.5rem; }
.mNotice .post-item:first-child a .tit{display:inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mNotice .post-item:first-child a p { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#8A949E; margin-top:0.5rem;}
.mNotice .post-item:first-child .date { position:absolute; right:1.5rem; top:2rem; }

.mNotice .post-item:not(:first-child) a { display:flex; justify-content:space-between; padding:1rem; color:#58616A; }
.mNotice .post-item:not(:first-child) a .tit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mNotice .post-item:not(:first-child) a:hover, .mNotice .post-item:not(:first-child) a:focus { background:#F9F9F9; }

.mNotice .btn-more{position:absolute; right:0; top:0rem; display:none;}

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

@media(max-width:768px){
.mNotice .tab .tab-item{font-size:1.25rem; margin-right:1rem;}
.mNotice .tab .tab-item.on{font-size:1.75rem;}

.mNotice .post-item:first-child a{padding:1.25rem 1rem;}
.mNotice .post-item:first-child .date{position:relative; top:0; right:0; display:inline-block; margin-top:0.75rem;}

.mNotice .tab .tab-item{margin-bottom:2.5rem;}

.mNotice .btn-more{top:0;}
}






/*의안메뉴*/
.bill-menu{width:100%; border-radius:1rem; border:1px solid #DDDDDD; overflow:hidden;}

.bill-menu .search-top{display:flex; justify-content:space-between; align-items:center; padding:1.5rem; background:#F0EEF5;}
.bill-menu .search-top h2{ font-size:1rem; color:#2A2F4F; margin-bottom:0;}

.bill-menu .search-top input{max-width:70%; width:100%; border-radius:4rem; text-align:center; margin:0 0.75rem;}
.bill-menu .search-top input::placeholder{text-align:center;}

.bill-menu .bill-list{display:flex; flex-wrap:wrap; padding:1.5rem;}
.bill-menu .bill-list li{max-width:calc(100% / 3); width:100%;}
.bill-menu .bill-list li:nth-child(-n+3){margin-bottom:1rem;}
.bill-menu .bill-list a{display:flex; align-items:center;}

.bill-menu .bill-list .pic{display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; background:#F3EFF5; border-radius:5rem;}

.bill-menu .bill-list .txt{margin-left:0.75rem;}

@media(max-width:1023px){
.bill-menu{margin-top:2rem;}

.bill-menu .search-top input{max-width:60%; margin:0;}


.bill-menu .bill-list li{max-width:50%;}

}






/*바로가기*/
.mQucik{width:100%; padding:2.5rem;}

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

.mQucik ul li a{display:flex; flex-direction:column; align-items:center;}

.mQucik ul li .pic{display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; background:#F1F0F2; border-radius:0.5rem;}
.mQucik ul li:hover .pic, .mQucik ul li:focus .pic, .mQucik ul li:active .pic{border:1px solid #645CAA;}

.mQucik ul li p{margin-top:0.75rem;}
.mQucik ul li p br{display:none;}
.mQucik ul li:hover p, .mQucik ul li:focus p, .mQucik ul li:active p{color:#645CAA;}

@media(max-width:1023px){
.mQucik{padding:1.25rem 0;}

.mQucik ul li p{text-align:center;}
.mQucik ul li p br{display:block; }
}






/*의정활동영상*/
.mVod{width:100%;}

.mVod .title{display:flex; align-items:center; justify-content:center; margin-bottom:2rem;}
.mVod .title h2{text-align:center; font-weight:500; margin-right:1rem;}
.mVod .title h2 span{font-weight:700;}

.mVod > div:nth-of-type(2){width:100%; padding:2.5rem; border-radius:1.25rem; background:#fff;}
.mVod .vod-list{position:relative; display:flex; justify-content:space-between; max-width:87.5rem; margin:0 auto; }
.mVod .vod-list li{max-width:calc((100% / 4) - 2.5rem); width:100%;}
.mVod .vod-list li a{width:100%;}

.mVod .vod-list .pic{position:relative; width:100%; aspect-ratio:3/2; border-radius:1rem; background:#ddd; overflow:hidden;}
.mVod .vod-list .pic img{width:100%; height:100%; object-fit:cover;}
.mVod .vod-list .pic img:first-of-type{width:100%; border:none; object-fit:cover;}
.mVod .vod-list .pic .play-icon{position:absolute; top:1.25rem; right:1.25rem; width:3rem; height:3rem; border-radius:5rem; background:rgba(255,255,255,0.8);}

.mVod .vod-list .txt{width:100%; padding:0; margin-top:1rem;}
.mVod .vod-list .txt p{font-weight:700; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis}
.mVod .vod-list .txt p.date{font-weight:500; color:#8A949E; margin-top:0.75rem;}

@media(max-width:1023px){
.mVod .vod-list li{max-width:none; width:15rem; flex-shrink: 0;}

.mVod div:nth-of-type(2){padding:1rem; overflow-x:auto;}
.mVod .vod-list{overflow-x:scroll; flex-wrap:nowrap; gap:2.4rem;}
}






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

.mPhoto .title{display:flex; align-items:center; justify-content:center; margin-bottom:2rem;}
.mPhoto .title h2{text-align:center; font-weight:500; margin-right:1rem;}
.mPhoto .title h2 span{font-weight:700;}


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

.mPhoto .photo-list { position:relative; overflow:hidden; }


.mPhoto .slick-slide { transition:.4s; padding-top:3.5rem; margin:0 1.25rem; }
.mPhoto .slick-list { margin:0 -0.25rem; }
.mPhoto .slick-current { padding-bottom:3.5rem; padding-top:0; }

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

.mPhoto .item .pic { width:100%; background:#ddd no-repeat center/cover; border-radius:1.25rem; overflow:hidden; margin-bottom:1rem; }
.mPhoto .item .pic img{width:100%; height:100%; object-fit:cover;}

.mPhoto .title { display:block; font-size:1.25rem; text-overflow: ellipsis; white-space: nowrap; margin-bottom:.5rem; overflow: hidden; }
.mPhoto .date { font-size:1rem; opacity:.7; }

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

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

}