@charset "utf-8";

/* 360도 무한 회전 애니메이션 */
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* 레이아웃 */
#gaonwrap { min-width:1400px; width:100%; }

#top { position:relative; min-width:1400px; width:100%; height:141px; background:linear-gradient(#DFE4ED 40px, #fff 40px); border-bottom:1px solid #ddd; }
	#toparea { position:relative; max-width:1400px; width:100%; height:141px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:1400px; width:100%; z-index:2; }
	
	#con1 { position:relative; width:100%; padding:80px 0; overflow:hidden; box-sizing:border-box; }
	#con2 { position:relative; width:100%; padding:80px 0; overflow:hidden; box-sizing:border-box; margin:0 auto; }
	#con3 { position:relative; width:100%; padding:48px 84px; overflow:hidden; box-sizing:border-box; background:linear-gradient(#ECEFFA,#F9F1FB); border-radius:24px; margin-bottom:80px; }
	#con4 { position:relative; width:100%; padding:0 0 0; overflow:hidden; background:linear-gradient(#F4F9F6,#E0EDEB); margin:0 auto; }
	#con4::after { position:absolute; right:-90px; bottom:-40px; z-index:0; content:''; width:340px; height:340px; background:url(/images/main2026/circle_txt.png) no-repeat center/contain; transform-origin: center center; animation: rotate360 20s linear infinite; }
		.containerarea { width:1400px; margin:0 auto; }
	#con5 { position:relative; z-index:1; width:100%; padding:0 0 60px 0; }
	#con6 { position:relative; width:100%; padding:24px 0; border-top:1px solid #ddd; }




@media (min-width:1025px) and (max-width:1440px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
	#top { min-width:100%; }
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
	#con1 { position:relative; width:100%; padding:50px 15px; box-sizing:border-box; }
	#con2 { width:100%; padding:60px 15px; box-sizing:border-box; margin:0 auto; }
	#con3 { max-width:calc(100% - 32px); width:100%; padding:48px 64px; box-sizing:border-box; margin:0 16px 64px; }
	#con4 { width:100%; padding:0; box-sizing:border-box; margin:0 auto; }
		.containerarea { width:100%; margin:0 auto; }
	#con5 { position:relative; width:100%; padding:0 16px 60px; }
		
}

@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:88px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:88px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
	
		#con1 { position:relative; width:100%; padding:50px 30px; box-sizing:border-box; background-size:cover; }
		#con2 { width:100%; padding:50px 30px; box-sizing:border-box; margin:0 auto; }
		#con3 { max-width:calc(100% - 32px); width:100%; padding:32px 40px; box-sizing:border-box; margin:0 auto 64px; }
		#con4 { width:100%; padding:0; box-sizing:border-box; margin:0 auto; }
			.containerarea { width:100%; margin:0 auto; }
		#con5 { position:relative; width:100%; padding:0 16px 60px; }
		
}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:65px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:65px; margin:0 auto; overflow:visible; }
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#con1 { position:relative; width:100%; padding:30px 15px; box-sizing:border-box; background-size:cover; }
		#con2 { width:100%; padding:30px 15px; box-sizing:border-box; margin:0 auto; }
		#con3 { max-width:calc(100% - 32px); width:100%; padding:24px 16px; box-sizing:border-box; background-size:cover; margin:0 auto 40px; }
		#con4 { width:100%; padding:0; box-sizing:border-box; margin:0 auto; }
			.containerarea { width:100%; margin:0 auto; }
		#con5 { position:relative; width:100%; padding:0 16px 60px; }
			
}




/* 타이틀 */
#top h1.title { position:absolute; left:0; top:55px; width:228px; height:70px; background:url(/images/inc/title.gif) no-repeat; }

@media (min-width:1025px) and (max-width:1440px){
	#top h1.title { top:65px; left:15px;  width:162px; height:50px; background-size:auto 50px;  }
	#top h1.title img { height:50px; }
}


@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:calc(50% - 88px); right:auto; top:21px; width:162px; height:50px; background-size:auto 50px; text-align:center; margin:0; }
	#top h1.title img { height:50px; }
	.sidenav h1 img { height:37px; } 
}

@media (max-width:768px){
	#top h1.title { left:calc(50% - 72px); right:auto; top:14px; width:120px; height:37px; background-size:auto 37px; text-align:center; margin:0; }
	#top h1.title img { height:37px; }
	
	.sidenav h1 img { height:37px; } 
}










/* 메인 메뉴 */
#menu { position:absolute; right:0; top:40px; }
#topMenu { position:relative; overflow:visible !important; }

#topMenu > li { position:relative; float:left; text-align:center; display:inline-block; }

#topMenu > li > a { height:100px; vertical-align:top; color:#111; padding:0 25px; box-sizing:border-box; font-size:135%; font-family:"PGOV"; font-weight:700; letter-spacing:-1px; display:flex; align-items:center; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#219cd0;  }

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


@media (min-width:1025px) and (max-width:1152px){
	#topMenu > li > a  { padding:0 14px;  }
}

@media (min-width:769px) and (max-width:1024px){
	#menu { display:none;  }
}


@media (max-width:768px){
	#menu { display:none; } 
}
	


/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:100px; width:100%; height:364px; padding:10px 0 0 0px; border-left: 1px solid #eee; box-sizing:border-box; display:none; clear:both; z-index:1003;  }
#topMenu > li > ul > li { position:relative; width:100%; padding:4px 10px 5px 10px; box-sizing:border-box; text-align:left; display:block; }
#topMenu > li > ul.end { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { width:100%; height:auto; line-height:1.3; padding:0; text-decoration:none; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:90%; letter-spacing:-1px; margin:0; background:none; border:0; }
#topMenu > li > ul > li > a:active,
#topMenu > li > ul > li > a:hover,
#topMenu > li > ul > li > a:focus,
#topMenu > li > ul > li > a.select { clear:both; color:#ff8111; font-weight:bold; }



.submenu { display:none; overflow:hidden; }

.menubox { position:absolute; left:0; top:141px; width:100%; height:363px; border-top:1px solid #ddd; border-bottom:3px solid #173a73; background:#fff; display:none; z-index:10; }
.menubox .menuboxarea { position:relative; width:1400px; margin:0 auto; }

.menubox .menuboxarea .slogan { width:411px; height:330px; padding-top:45px; box-sizing:border-box; background:url(/images/inc/submenu_img.png) no-repeat left bottom; text-align:center; font-size:115%; letter-spacing:-1px; color:#000; }
.menubox .menuboxarea .slogan strong { font-size:120%; display:block; }


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


@media (min-width:769px) and (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
}

@media (max-width:768px){
	.topMenu,
	.menubox { display:none; } 	
}	
	



/* cont1 */
#con1::before { position:absolute; right:0; top:0; z-index:-1; content:''; width:calc(100% - 578px); height:100%; background:url(/images/main2026/mv_bg2.png) no-repeat center bottom/cover; border-radius:0 0 0 80px; }
#con1 .containerarea { display:flex; }
#con1 .containerarea .right-wrap { display:flex; flex-direction:column; justify-content:space-between; width:calc(100% - 840px); }
#con1 .containerarea .right-wrap h2 { font-weight:700; font-size:112.5%; color:#474E93; }
#gocontent *,
section,
section * { box-sizing:border-box; }

@media (max-width:1440px){
	#con1 .containerarea .right-wrap { width:480px; }
}

@media (max-width:1024px){
	#con1::before { width:100%; }
	#con1 .containerarea { flex-direction:column; }
	#con1 .containerarea .right-wrap { width:100%; margin-top:48px; }
}

@media (max-width:768px){
	#con1 .containerarea .right-wrap { width:100%; margin-top:24px; }
}

/* 팝업존 */
.mVisible { position:relative; display:flex; max-width:800px; width:100%; height:fit-content; border-radius:0 24px 24px 0; overflow:hidden; margin-right:40px; }

.mVisible .tab { display:flex; flex-direction:column; border-radius:24px 0 0 24px; overflow:hidden; }
.mVisible .tab li { display:flex; height:calc(50% - 29px); background:#ECF1FB; }
.mVisible .tab li:last-child { border-radius:0 0 0 24px; }
.mVisible .tab li a { display:flex; align-items:center; justify-content:center; min-width:64px; width:100%; border-radius:24px 0 0 24px; color:#5F6368; writing-mode:vertical-rl; font-size:125%; font-weight:700; line-height:1; transition:.4s; }
.mVisible .tab li a::before { width:24px; height:24px; content:''; display:block; mask:url(/images/main2026/ico_bell.svg) no-repeat center/contain; background-color:#5F6368; margin-bottom:8px; }

.mVisible .tab li:last-child a::before { mask-image:url(/images/main2026/ico_mic.svg); }

.mVisible .tab li.on a { background:#394C72; color:#fff; }
.mVisible .tab li.on a::before { background-color:#fff; }

.mVisible .visible-wrap { position:relative; max-width:calc(100% - 64px); width:100%; height:fit-content; }
.mVisible .visible-wrap .bar { position:absolute; bottom:0; left:0; }
.mVisible .visible-wrap img { width:100%; height:100%; }

.mVisible .visible-list {  }
.mVisible .visible-list.type-01 {  }
.mVisible .visible-list.type-02 {  }

.mVisible .bar { display:flex; align-items:center; padding:16px 32px; background:#fff; border-radius:0 200px 0 0; }
.mVisible .bar button { width:24px; height:24px; border:0; background:0; }
.mVisible .bar .page { display: flex; align-items: center; font-size: 112.5%; margin-right: 16px; }
.mVisible .bar .page span { color:#8A949E; }
.mVisible .bar .page strong { display: flex; align-items: center; color:#627CCB; }
.mVisible .bar .page strong::after { display: block; content: ''; width: 2px; height: 2px; border-radius: 4px; background: #464C53; margin:0 10px; }
.mVisible .bar button { width: 24px; height: 24px; font-size: 0; border: 0; background: url(/images/main2026/btn_arrow.png) no-repeat center/contain; }
.mVisible .bar button.btn-next { transform: rotate(180deg); }
.mVisible .bar button.btn-pause { background-image: url(/images/main2026/btn_pause.png); margin:0 4px; }
.mVisible .bar button.btn-pause.on { background-image: url(/images/main2026/btn_play.svg); margin:0 4px; }

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

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

@media (max-width:768px){
	.mVisible .tab li a { min-width:48px; font-size:106.25%; }
	.mVisible .tab li { height:calc(50% - 20px); }
	.mVisible .bar { padding:8px 16px; }
}


/* 의사일정 */
.mSchedule { position:relative; width:100%; padding:20px 24px; border-radius:16px; border:1px solid #fff; box-shadow:0 4px 12px rgba(32,48,125,.1); background:url(/images/main2026/sched_bg.png) no-repeat center/cover; margin-bottom:40px; }
.mSchedule h2 { margin-bottom:12px; }

.mSchedule .mSchedule_top { position:absolute; right:24px; top:20px; display:flex; border-radius:8px; background:linear-gradient(180deg, rgba(107,109,211,0),rgba(107,109,211,.4)),#62508A; overflow:hidden; }
.mSchedule .mSchedule_top a { width:100px; padding:8px 0; text-align:center; color:#fff; transition:.4s ease-in; }
.mSchedule .mSchedule_top a:hover,
.mSchedule .mSchedule_top a:focus { background:#34245C; }


.mSchedule .mSchedule_body { position:relative; }
.mSchedule .mDate { display:flex; align-items:center; font-size:1.5rem; font-weight:700; color:#20275B; line-height:1; margin-bottom:10px; }
.mSchedule .mDate a { width:24px; height:24px; border:0; background:url(/images/main2026/btn_arrow.png) no-repeat center/contain; }
.mSchedule .mDate .btn-next { transform:rotate(180deg); }

.mSchedule .slick-list { padding:0 !important; }

.mSchedule .scheduleList { padding:12px 10px; border-radius:8px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); }
.mSchedule .scheduleList div.none::before { content:'-'; margin:0 8px; }
.mSchedule .scheduleList > div a::before { content:'-'; margin:0 8px; }

.mSchedule .bar { position:absolute; bottom:10px; right:10px; display:flex; }
.mSchedule button { width: 24px; height: 24px; font-size: 0; border: 0; background: url(/images/main2026/btn_arrow.png) no-repeat center/contain; }
.mSchedule button.btn_next { transform: rotate(180deg); }
.mSchedule button.btn_play { background-image: url(/images/main2026/btn_pause.png); margin:0 4px; }
.mSchedule button.btn_play.on { background-image: url(/images/main2026/btn_play.svg); margin:0 4px; }

@media (max-width:768px){
	.mSchedule { padding:20px 24px 64px; }
	.mSchedule h2 { text-align:center; }
	.mSchedule .mDate { justify-content:center; }
	.mSchedule .mSchedule_top { top:auto; bottom:20px; right:50%; width:calc(100% - 48px); transform:translateX(50%);}
	.mSchedule .mSchedule_top a { width:50%; }
}

/* 열린 의장실 */
.mChairman { position:relative; display:flex; flex:1; width:100%; border-radius:24px; box-shadow:0 0 20px rgba(32,48,125,.1); background:rgba(247,246,246,.2); overflow:hidden; margin-bottom: 56px; }
.mChairman::before { position:absolute; right:-32px; bottom:-32px; z-index:-1; content:''; width:218px; height:218px; background:url(/images/main2026/chm_bg.png); }

.mChairman .txt-wrap { padding-left:240px; padding-top:35px; }
.mChairman .txt-wrap h2 { margin-bottom:28px; }
.mChairman .txt-wrap .txt { display:flex; align-items:end; font-size:125%; color:#111; font-weight:700; margin-top:4px; }
.mChairman .txt-wrap .txt span { font-size:140%; margin-left:8px;}

.mChairman .txt-wrap .btn { display:flex; margin-top:32px; }
.mChairman .txt-wrap .btn a { padding:8px 20px; font-size:112.5%; border-radius:50px; background:linear-gradient(#5184C6,#62508A); color:#fff; transition:.4s; margin-right:16px; }
.mChairman .txt-wrap .btn a:hover,
.mChairman .txt-wrap .btn a:focus { background:linear-gradient(#3A5B8A,#433E69); }

.mChairman .mChairmanPic { position:absolute; bottom:0; max-width:220px; width:100%; }
.mChairman .mChairmanPic img { width:100%; }

@media (max-width:1440px){
	.mChairman .txt-wrap .btn { margin-bottom:24px; }
}

@media (max-width:1024px){
	.mChairman .mChairmanPic { max-width: 180px; }
	.mChairman .txt-wrap { padding-left: 180px; }
	.mChairman .txt-wrap .txt { flex-direction:column; align-items:start; }
	.mChairman .txt-wrap .txt span { display:block; margin-left:0; }
}

/* 바로가기 */
.mQmenu1 ul { display:flex; justify-content:space-between; }
.mQmenu1 ul li {  }
.mQmenu1 ul a { display:flex; align-items:center; padding:12px 24px; border:1px solid #fff; background:rgba(255,255,255,.5); color:#394C72; border-radius:8px; font-size:112.5%; font-weight:700; }
.mQmenu1 ul a i { display:block; width:24px; height:24px; background:no-repeat center/contain; margin-right:12px; }

.mQmenu1 ul li:nth-child(1) a i { background-image:url(/images/main2026/ico_q_vod.png); }
.mQmenu1 ul li:nth-child(2) a i { background-image:url(/images/main2026/ico_q_fold.png); }
.mQmenu1 ul li:nth-child(3) a i { background-image:url(/images/main2026/ico_q_doc.png); }

@media (max-width:1440px){
	.mQmenu1 ul li { width:calc((100% / 3) - 12px); }
	.mQmenu1 ul a { justify-content:center; font-size:100%; padding:12px 12px; }
}

@media (max-width:768px){
	.mQmenu1 ul a { justify-content:center; font-size:93.75%; padding:12px 8px; letter-spacing:-1px; }
}



#con2 .containerarea { display:flex; justify-content:space-between; }

@media (max-width:1024px){
	#con2 .containerarea { flex-direction:column; }
}

/* 의회소식 */
.newcontent { position:relative; max-width:680px; width:50%; }
.newcontent h1 { position:relative; display:inline; }
.newcontent h1::after { position:absolute; bottom:0; right:-16px; width:8px; height:8px; background:#FF106A; content:''; border-radius:10rem; }

	/* 롤링바 보도자료 */
.newcontent .rolling_wrap { position:relative; left:150px; top:-36px; display:flex; align-items: center; border-radius:10rem; box-shadow:0 4px 20px #FBECEC; width:calc(100% - 150px); }
.newcontent .rolling_wrap .badge::before { display:block; content:''; width:1em; height:1em; background:url(/images/main2026/ico_megaphone.svg) no-repeat center/contain; margin-right:4px; }
.newcontent .rolling_wrap .badge { display:inline-flex; align-items:center; font-weight:700; color:#fff; padding:12px 16px; border-radius:10rem; background:linear-gradient(120deg,#FF106A,#8D174C) }
.newcontent .rolling_wrap .rolling_list { width:calc(100% - 243px); margin-left:12px; margin-right:120px; }
.newcontent .rolling_wrap .slick-list { padding:0 !important; }
.newcontent .rolling_wrap .rolling_item { width:100%; }
.newcontent .rolling_wrap .rolling_item > a { display:block; width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.newcontent .rolling_wrap .bar { position:absolute; right:1rem; display:flex; }
.newcontent .rolling_wrap .bar button { width:20px; height:20px; font-size: 0; border: 0; background: url(/images/main2026/btn_arrow.png) no-repeat center/contain; margin-left:4px; }
.newcontent .rolling_wrap .bar button.btn-next { transform: rotate(180deg); }
.newcontent .rolling_wrap .bar button.btn-pause { background-image: url(/images/main2026/btn_pause.png); margin:0 4px; }
.newcontent .rolling_wrap .bar button.btn-pause.on { background-image: url(/images/main2026/btn_play.svg); margin:0 4px; }

	/* 게시판 탭메뉴 */
#mtabmenu { position:relative; display:flex; padding-bottom:290px; overflow:visible }
#mtabmenu > li { margin-left:16px; }
#mtabmenu > li:first-child { margin-left:0; }
#mtabmenu > li > a { position:relative; font-size:125%; color:#4B4143; font-weight:700; padding-bottom:11px; margin-bottom:24px; }
#mtabmenu > li > a::after { position:absolute; bottom:0; left:50%; content:''; width:0; height:3px; transform:translateX(-50%); background:#FF106A; transition:.4s; }
#mtabmenu > li > a.select { color:#FF106A; }
#mtabmenu > li > a.select::after { width:100%; }

#mtabmenu > li > ul { position:absolute; left:0; display:flex; width:100%; overflow:visible; }
#mtabmenu > li > ul li:not(.more) { width:calc(50% - 10px); margin-right:20px; }
#mtabmenu > li > ul li:last-child { margin-right:0; }

#mtabmenu > li > ul li:not(.more) a { border-radius:24px; border:2px solid #fff; background:#fff; box-shadow:0 14px 20px #EBE8EE; padding:40px; transition:0.4s; }
#mtabmenu > li > ul li a .badge { display:inline-flex; align-items:center; font-size:93.75%; min-height:24px; padding:0 8px; border-radius:4px; }
#mtabmenu > li > ul li a .badge.type-01 { color:#096AB3; background:#E7F4FE; }
#mtabmenu > li > ul li a .badge.type-02 { color:#AD6F00; background:#FFF2DB; }
#mtabmenu > li > ul li a .badge.type-03 { color:#496340; background:#EBF1E9; }
#mtabmenu > li > ul li a .badge.type-04 { color:#121358; background:#E6E6FA; }
#mtabmenu > li > ul li a .badge.type-05 { color:#810B38; background:#FDECF3; }
#mtabmenu > li > ul li a .badge.type-06 { color:#1D546D; background:#E3F1F7; }
#mtabmenu > li > ul li a strong {  font-size:118.75%; margin:20px 0 16px; color:#33363D; line-height:1.2; height:2.4em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#mtabmenu > li > ul li a p { transition:.4s; color:#8A949E; font-size:106.25%; line-height:1.5; height:3em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:20px; }
#mtabmenu > li > ul li a .date { color:#58616A; }

#mtabmenu > li > ul li a:hover,
#mtabmenu > li > ul li a:focus { border-color:#FF106A; background:#FCF8F8; }
#mtabmenu > li > ul li a:hover p,
#mtabmenu > li > ul li a:focus p { color:#58616A; }


#mtabmenu > li > ul .more { position:absolute; right:0; top:-60px; }

@media (max-width:1024px){
	.newcontent { max-width:100%; width:100%; margin-bottom:48px; }
}

@media (max-width:768px){
	.newcontent { margin-bottom:24px; }
	.newcontent .rolling_wrap { position:static; width:100%; margin:16px 0; }
	#mtabmenu { flex-wrap:wrap; }
	#mtabmenu > li > ul { top: 110px; flex-direction:column; }
	#mtabmenu > li { width:calc(100% / 3); text-align:center; margin:0; }
	#mtabmenu > li > ul li:not(.more) { width:100%; margin-right:0; margin-bottom:12px; }
	#mtabmenu > li > ul li:not(.more) a { padding:20px; }
	#mtabmenu > li > ul li a strong { height:1.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin:12px 0; }
	#mtabmenu > li > ul li a p { display:none; }
	#mtabmenu > li > ul .more { top:-217px; }
}

/* sns */
.mPost { position:relative; max-width:664px; width:50%; }
.mPost .slick-list { padding:0 !important; }
.mPost .tit,
.mPost .link-list { position:absolute; bottom:0; display:flex; }

.mPost .tit { left:0; }

.mPost .link-list { left:calc(100% + 16px); width: auto; }
.mPost .link-list a { width:32px; height:32px; background:no-repeat center/cover; margin-right:8px;}
.mPost .link-list a.ico-fb { background-image:url(/images/main2026/ico_fb.svg); }
.mPost .link-list a.ico-ytb { background-image:url(/images/main2026/ico_ytb.svg); }
.mPost .link-list a.ico-insta { background-image:url(/images/main2026/ico_insta.svg); }

.mPost > .bar { position:absolute; right:0; bottom:0; display:flex; padding:8px 16px; border-radius:10rem; background:#F4F4F4; }
.mPost > .bar button { width:20px; height:20px; border:0; font-size:0; background: url(/images/main2026/btn_arrow.png) no-repeat center/contain; margin-right:4px; }
.mPost > .bar button:last-child { margin-right:0; }

.mPost > .bar button.btn-next { transform: rotate(180deg); }
.mPost > .bar button.btn-pause { background-image: url(/images/main2026/btn_pause.png); margin:0 4px; }
.mPost > .bar button.btn-pause.on { background-image: url(/images/main2026/btn_play.svg); }

.mPost .slick-slide { margin:0 20px; }
.mPost .slick-list { margin:0 -20px; }

.mPost .sns-item { border-radius:16px; overflow:hidden; }
.mPost .sns-item a { position:relative; width:100%; }
.mPost .sns-item .badge { position:absolute; right:16px; top:16px; z-index:1; width:40px; height:40px; font-size:0; background:no-repeat center/cover; }
.mPost .sns-item.fb .badge { background-image:url(/images/main2026/ico_fb.svg); }
.mPost .sns-item.ytb .badge { background-image:url(/images/main2026/ico_ytb.svg); }
.mPost .sns-item.insta .badge { background-image:url(/images/main2026/ico_insta.svg); }

.mPost .sns-item .pic { position:relative; padding-top:110%; overflow:hidden; }
.mPost .sns-item .pic img { position:absolute; top:50%; left:50%; max-width:100%; width:100%; height:100%; transform:translate(-50%, -50%); }
.mPost .sns-item .bar { position:absolute; top:100%; display:flex; flex-direction:column; justify-content:end; width:100%; height:100%; color:#fff; padding:1rem; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); transition:.4s ease-in; }
.mPost .sns-item .bar p { font-size:118.75%; font-weight:700; line-height:1.2; height:2.4em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:8px; }
.mPost .sns-item .bar span { opacity:.7; }

.mPost .sns-item:hover .bar,
.mPost .sns-item:focus-within .bar { transform:translateY(-100%); }

@media (max-width:1024px){
	.mPost { max-width:100%; width:100%; padding-bottom:64px; }
}

@media (max-width:768px){
	.mPost { padding-bottom:48px; }
	.mPost .tit h1 { font-size:150% !important; }
}

/* 바로가기2 */
.mQmenu ul { display:flex; justify-content:space-between; }

.mQmenu a { display:flex; flex-direction:column; align-items:center; }
.mQmenu i { position:relative; display:block; width:80px; height:80px; border:2px solid #fff; border-radius:24px; background:#fff; transition:.4s; }
.mQmenu i::before { position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); content:''; width:50%; height:50%; background:no-repeat center/contain; transition:.4s; }
.mQmenu a:hover i,
.mQmenu a:focus i { border-color:#5B4F92; }
.mQmenu a:hover i::before,
.mQmenu a:focus i::before { transform:rotate(15deg); }
.mQmenu li:nth-child(1) i::before { background-image:url(/images/main2026/icon_office.png); }
.mQmenu li:nth-child(2) i::before { background-image:url(/images/main2026/icon_map.png); }
.mQmenu li:nth-child(3) i::before { background-image:url(/images/main2026/icon_attend.png); }
.mQmenu li:nth-child(4) i::before { background-image:url(/images/main2026/icon_min.png); }
.mQmenu li:nth-child(5) i::before { background-image:url(/images/main2026/icon_vod.png); }
.mQmenu li:nth-child(6) i::before { background-image:url(/images/main2026/icon_bill.png); }
.mQmenu li:nth-child(7) i::before { background-image:url(/images/main2026/icon_qna.png); }
.mQmenu li:nth-child(8) i::before { background-image:url(/images/main2026/icon_speech.png); }
.mQmenu li:nth-child(9) i::before { background-image:url(/images/main2026/icon_law.png); }

.mQmenu span { font-size:112.5%; color:#33363D; margin-top:16px; transition:.4s; }
.mQmenu a:hover span,
.mQmenu a:focus span { color:#5B4F92; text-decoration:underline; }

@media (max-width:1024px){
	.mQmenu ul { flex-wrap:wrap; justify-content:start; }
	.mQmenu ul li { width:20%; margin-bottom:24px; }
	.mQmenu ul li:nth-child(n+5) { margin-bottom:0; }
}

@media (max-width:768px){
	.mQmenu ul li { width:33%; margin-bottom:18px; }
	.mQmenu ul li:nth-child(n+5) {margin-bottom:18px;}
	.mQmenu ul li:nth-child(n+7) {margin-bottom:0;}

	.mQmenu i { width:64px; height:64px; }
	.mQmenu i::before { position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:40px; height:40px; }

	.mQmenu span { font-size:93.75%; margin-top: 8px; }
}

/* 현역의원 */
.mMember { position:relative; z-index:1; overflow:hidden; padding:60px 0 100px; }
.mMember h1 { color:#06493D; font-weight:400 !important; margin-bottom:40px; }
.mMember h1 strong { font-weight:700; }

.mMember .mMemberLeft { float:left; max-width:560px; margin-right:40px; }
.mMember .mMemberRight { float:left; max-width:calc(100% - 600px); width:100%; }

.mMember .district { font-size:175%; border-bottom:1px solid #ddd; padding-bottom:24px; margin-bottom:24px; }
.mMember .district strong { position:relative; color:#147D6B; padding-right:8px; margin-right:4px; }
.mMember .district strong::after { position:absolute; top:2px; right:0; content:''; width:8px; height:8px; border-radius:4px; background:#147D6B; }
.mMember .district .small { font-size:70%; color:#8A949E; }

.mMember .mobile.tab-district { display:none; }

.mMember .mbr-wrap { position:relative; }
.mMember .mbr-for { max-width:280px; width:100%; float:left; border-radius:24px; box-shadow:0 10px 20px rgba(0,0,0,.1); background:#fff; margin-right:72px; }
.mMember .mbr-for .for-item { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:16px; overflow:visible; }
.mMember .mbr-for .for-item dl { display:flex; flex-direction:column; align-items:center; justify-content:center; color:#58616A; margin:12px 0;}
.mMember .mbr-for .for-item dt { font-size:1.375rem; font-weight:700; color:#000; }
.mMember .mbr-for .for-item dt + dd { font-size:1.125rem; font-weight:700; color:#474747; }
.mMember .mbr-for .for-item dd { text-align:center; margin-bottom:4px; }
.mMember .mbr-for .for-item dd:last-child { margin-bottom:0; }
.mMember .mbr-for .for-item dd .small { display:block; font-size:.875rem; color:#8A949E; }
.mMember .mbr-for .for-item .pic { border-radius:8px; overflow:hidden; }
.mMember .mbr-for .for-item .pic img { max-width:100%; width:100%; max-height:150px; object-fit:contain; }
.mMember .mbr-for .for-item .btn-wrap { display:flex; }
.mMember .mbr-for .for-item .btn-wrap a { width:36px; height:36px; border-radius:36px; background:no-repeat center/20px; margin:0 4px; }
.mMember .mbr-for .for-item .btn-wrap .btn-home { background-color:#569F93; background-image:url(/images/main2026/ico_home.svg); }
.mMember .mbr-for .for-item .btn-wrap .btn-profile { border:1px solid #33363D; background-image:url(/images/main2026/ico_profile.svg); }

.mMember .mbr-nav { max-width:calc(100% - 352px); width:100%; float:left; }
.mMember .mbr-nav .slick-track { transform:translate(0) !important; }

.mMember .mbr-nav .nav-item { width:calc(25% - 16px) !important; margin-right:16px; margin-bottom:16px; }
.mMember .mbr-nav .nav-item a { display:flex; flex-direction:column; align-items:center; }
.mMember .mbr-nav .nav-item .pic { position:relative; width:100%; padding-top:130%; border-radius:8px; border:1px solid #ddd; overflow:hidden; transition:.4s; }
.mMember .mbr-nav .nav-item .pic img { position:absolute; top:50%; left:50%; max-width:100%; width:100%; height:100%; object-fit:cover; transform:translate(-50%,-50%); }
.mMember .mbr-nav .nav-item span { font-size:100%; margin-top:8px; }

.mMember .mbr-nav .slick-current.nav-item .pic { width:calc(100% - 2px); padding-top:calc(130% - 2px); border:2px solid #06493D; }
.mMember .mbr-nav .slick-current.nav-item span { font-weight:700; color:#06493D; }

.mMember .bar { position:absolute; top:0; right:0; transform:translateY(calc(-100% - 48px)); }
.mMember .bar button { width:20px; height:20px; border:0; font-size:0; background: url(/images/main2026/btn_arrow.png) no-repeat center/contain; margin-right:4px; }
.mMember .bar button:last-child { margin-right:0; }

.mMember .bar button.btn-next { transform: rotate(180deg); }
.mMember .bar button.btn-pause { background-image: url(/images/main2026/btn_pause.png); margin:0 4px; }
.mMember .bar button.btn-pause.on { background-image: url(/images/main2026/btn_play.svg); }

@media (max-width:1280px){
	.mMember { max-width:calc(100% - 32px); margin:0 auto; }
	.mMember .mbr-nav .nav-item { width:calc(33% - 16px) !important; }
}

@media (max-width:1024px){
	.mMember .mMemberLeft,
	.mMember .mMemberRight { float:none; max-width:100%; }
	.mMember .mMemberLeft { text-align:center; }

	.mMember .mbr-nav .nav-item { width:calc(25% - 16px) !important; }
	
}

@media (max-width:768px){
	.mMember h1 { font-size:150%; margin-bottom:16px; }
	.mMember .mMemberLeft { display:none; }
	.mMember .mobile.tab-district { display:flex; flex-wrap:wrap; font-size:125%; font-weight:700; }
	.mMember .mobile.tab-district a { position:relative; display:flex; justify-content:center; max-width:54px; width:20%; padding-bottom:6px; margin-bottom:12px; }
	.mMember .mobile.tab-district a::after { position:absolute; bottom:0; left:50%; content:''; height:3px; background:#147D6B; transform:translateX(-50%); }
	.mMember .mobile.tab-district a.on { color:#147D6B; }
	.mMember .mobile.tab-district a.on::after { width:100%; }
	
	.mMember .district { font-size:125%; padding-bottom: 16px; margin-bottom: 16px; }
	.mMember .district .small { display:block; margin-top:4px; }

	.mMember .mbr-for { max-width:calc(100% - 104px); margin-right:24px; }

	.mMember .mbr-nav { max-width:80px; padding:8px; border-radius:12px; background:#fff; }
	.mMember .mbr-nav .nav-item { width:100% !important; }
	.mMember .mbr-nav .nav-item:last-child { margin-bottom:0; }


	.mMember .bar { transform:translateY(calc(-100% - 61px)); }
}

/* 위원회 소개 */
.mCmt { display:flex; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,.1); border-radius:80px 12px 12px 80px; transform:translateY(-50%); margin-bottom:80px; overflow:hidden; }
.mCmt ul { display:flex; justify-content:space-between; width:calc(100% - 200px); padding:24px 48px; }
.mCmt > a { display:flex; align-items:center; justify-content:space-between; font-size:125%; font-weight:700; width:200px; padding:48px; color:#fff; background:linear-gradient(#339B8A,#01A0B1); }
.mCmt > a i { display:block; width:20px; height:20px; mask: url(/images/main2026/btn_arrow.png) no-repeat center/contain; background-color:#fff; transform:rotate(180deg); }

.mCmt ul a { display:flex; flex-direction:column; align-items:center; text-align:center; }
.mCmt ul a i { width:48px; height:48px; display:block; background:no-repeat center/contain; margin-bottom:8px; }
.mCmt ul a:hover { color:#047E8A; text-decoration:underline; }

.mCmt ul li:nth-child(1) a i { background-image:url(/images/main2026/ico_council.png); }
.mCmt ul li:nth-child(2) a i { background-image:url(/images/main2026/ico_admin.png); }
.mCmt ul li:nth-child(3) a i { background-image:url(/images/main2026/ico_economy.png); }
.mCmt ul li:nth-child(4) a i { background-image:url(/images/main2026/ico_edu.png); }
.mCmt ul li:nth-child(5) a i { background-image:url(/images/main2026/ico_farm.png); }
.mCmt ul li:nth-child(6) a i { background-image:url(/images/main2026/ico_build.png); }
.mCmt ul li:nth-child(7) a i { background-image:url(/images/main2026/ico_health.png); }
.mCmt ul li:nth-child(8) a i { background-image:url(/images/main2026/ico_spc_eco.png); }
.mCmt ul li:nth-child(9) a i { background-image:url(/images/main2026/ico_spc.png); }
.mCmt ul li:nth-child(10) a i { background-image:url(/images/main2026/ico_recruit.png); }


@media (max-width:1024px){
	.mCmt { margin-bottom: 40px; }
}

@media (max-width:768px){
	.mCmt { flex-direction:column; border-radius:0 12px 12px 0; transform: translateY(-30px); margin-bottom: 12px; }

	.mCmt ul,
	.mCmt > a { width:100%; }

	.mCmt ul { flex-wrap:wrap; padding:16px 0; }
	.mCmt ul li { width:20%; margin-bottom:12px; }
	.mCmt ul a { font-size:87.5%; }
	.mCmt ul a i { width:40px; height:40px; }

	.mCmt > a { justify-content:center; padding:12px 0; font-size:112.5%; }
	.mCmt > a i { margin-left:16px; }
}

/* 의정활동사진 */
.mPhoto { position:relative; float:left; max-width:calc(100% - 360px); width:100%; }
.mPhoto h1 { margin-bottom:28px; }

.mPhoto .slick-list { padding:0 !important; }
.mPhoto .slick-slide { margin:0 20px; }
.mPhoto .slick-list { margin:0 -20px; }

.mPhoto .photoList { width:100%; }
.mPhoto .photoList a { width:100%; display:flex; flex-direction:column; }

.mPhoto .photoList .pic { display:block; padding-top:56.25%; background:#ddd no-repeat center/cover; border-radius:20px; overflow:hidden; margin-bottom:16px; }
.mPhoto .photoList .bar .subject { font-size:125%; font-weight:700; color:#333333; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:12px; }
.mPhoto .photoList .bar span { color:#666666; }


.mPhoto .btn-wrap { position:absolute; top:0; right:0; display:flex; align-items:center; }
.mPhoto .btn-wrap button { width:20px; height:20px; border:0; font-size:0; background: url(/images/main2026/btn_arrow.png) no-repeat center/contain; margin-right:4px; }
.mPhoto .btn-wrap button:last-child { margin-right:0; }

.mPhoto .btn-wrap button.btn-next { transform: rotate(180deg); }
.mPhoto .btn-wrap button.btn_play { background-image: url(/images/main2026/btn_pause.png); }
.mPhoto .btn-wrap button.btn_play.on { background-image: url(/images/main2026/btn_play.svg); }

.mPhoto .btn-wrap .btn-more { position:relative; width:40px; height:40px; padding:8px; border-radius:100px; background:#EBE9F2; transition:.4s; }

.mPhoto .btn-wrap .btn-more::before,
.mPhoto .btn-wrap .btn-more::after { content:''; position:absolute; left:50%; top:50%; width:2px; height:18px; border-radius:10px; background:#33363D; transform:translate(-50%, -50%); }
.mPhoto .btn-wrap .btn-more::before { transform:translate(-50%,-50%) rotate(90deg);  }

.mPhoto .btn-wrap .btn-more:hover,
.mPhoto .btn-wrap .btn-more:active { background:#D3CFE3; }

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

@media (max-width:768px){
	.mPhoto { float:none; max-width:100%; margin-bottom:24px; }
}

/* 의회소식지 */
.mBook { position:relative; float:left; max-width:320px; width:100%; padding:36px 16px; margin-left:40px; }
.mBook::before { position:absolute; left:0; top:0; z-index:-1; content:''; width:calc(100% - 80px); height:150px; border-radius:16px 16px 16px 0; background:#F4F9F9;  }

.mBook .tit { padding-top:40px; margin-bottom:20px; }
.mBook .tit span { color:#1A91B2; }
.mBook h1 { font-size:150%; }

.mBook .pic { position:absolute; right:0; top:36px; max-width:160px; width:100%; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:16px; overflow:hidden; }
.mBook .pic img { width:100%; }

.mBook .btn-wrap { display:inline-flex; flex-direction:column; padding-top:40px; }
.mBook .btn-wrap a { display:flex; align-item:center; padding:8px 16px; box-shadow:0 4px 12px #D3D6E3; border-radius:10rem; font-size:106.25%; margin-bottom:12px; }
.mBook .btn-wrap a i { display:inline-block; width:24px; height:24px; background:no-repeat center/contain; margin-right:4px; }

.mBook .btn-wrap .btn-go { background:#fff; color:#063A49; }
.mBook .btn-wrap .btn-go i { background-image:url(/images/main2026/ico_view.png); }
.mBook .btn-wrap .btn-list { background:#063A49; color:#fff; }
.mBook .btn-wrap .btn-list i { background-image:url(/images/main2026/ico_list.png); }

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

@media (max-width:768px){
	.mBook { float:none; max-width:100%; margin-left:0;}
}



/* 배너모음 */
.mBanner,
.mBanner .control { display:flex; align-items:center; }
.mBanner h1 { font-size:150%; margin-right:12px; }
.mBanner .bannerarea { max-width:calc(100% - 240px); margin-left:40px; }
.mBanner #roll_banner { display:flex; }
.mBanner #roll_banner li { padding:0 16px; }

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

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