@charset "utf-8";


/* 레이아웃 */
#gaonwrap { min-width:100%; 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:100%; width:100%; z-index:2; }
	
	#cont1 { position:relative; width:100%; padding:60px 0; background:linear-gradient(#FCF3FD,#fff); overflow:hidden; }
	#cont1::before { position:absolute; right:-80px; top:75px; content:''; width:440px; height:400px; background:url(/images/mbrh/deco_bg.svg) no-repeat center/contain; }
	#cont2 { position:relative; width:100%; padding:60px 0; }
	#cont2::after { position:absolute; right:0; bottom:0; z-index:-1; content:''; width:100%; max-width:820px; height:50%; background:linear-gradient(#F2EEF8,#fff); border-radius:120px 0 0 0; }
		.containerarea { width:1400px; margin:0 auto; }
	
	#bottom  .f-menu,
	#bottom .f-link { display:none !important; }

@media (min-width:1025px) and (max-width:1440px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
	
	#top { position:relative; min-width:100%; width:100%; }

	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; padding:60px 15px; box-sizing:border-box; }
		#cont2 { width:100%; padding:60px 15px; box-sizing:border-box; }
			.containerarea { width:100%; margin:0 auto; }
		
}

@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; }
	
		#cont1 { position:relative; width:100%; padding:40px 30px; box-sizing:border-box; }
		#cont2 { width:100%; padding:40px 30px; box-sizing:border-box; }
			.containerarea { width:100%; margin:0 auto; }
		
		
}


@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; }
		#cont1 { position:relative; width:100%; padding:30px 15px; box-sizing:border-box; }
		#cont2 { width:100%; padding:30px 15px; box-sizing:border-box; }
			.containerarea { width:100%; margin:0 auto; }
		
			
}




/* 타이틀 */
#top .title { position:absolute; left:0; top:55px; height:70px; padding-left:80px; background:url(/images/memberHome/inc/title_mark.png) no-repeat; font-size:55%; font-weight:700; letter-spacing:-1px;  }
#top .title h1 { font-weight:700; margin-top:8px; }
#top .title span { font-size:155%; display:block; }
#top .title a { color:#000 !important; text-align:left; }

@media (min-width:1281px) and (max-width:1400px){
	#top .title { left:15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	#top .title { left:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	#top .title { left:calc(50% - 97px); height:60px; top:15px; padding-left:75px; background-size:auto 60px; font-size:52%; text-align:center; }
	#top .title h1 { margin-top:2px; }

	.sidenav h1 { height:70px; padding:19px 0 0 75px; background:url(/images/memberHome/inc/title_mark.png) no-repeat 25px 15px; background-size:auto 40px; color:#fff; font-size:70%; font-family:esamanru-Medium, "이사만루 미디엄"; }
	.sidenav h1 span { font-size:155%; display:block; }
}

@media (max-width:768px){
	#top .title { left:calc(50% - 66px); top:15px; height:40px; padding-left:50px; background-size:auto 40px; font-size:37%; text-align:center; }
	#top .title h1 { margin-top:4px; }
	
	.sidenav h1 { height:70px; padding:19px 0 0 75px; background:url(/images/memberHome/inc/title_mark.png) no-repeat 25px 15px; background-size:auto 40px; color:#fff; font-size:70%; font-family:esamanru-Medium, "이사만루 미디엄"; }
	.sidenav h1 span { font-size:155%; display:block; }
}





/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; width:0; height:0; overflow:hidden;  }

@media (min-width:769px) and (max-width:1024px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:25px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:21px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:68px; top:24px; display:block;}
}


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:15px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:41px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn1 img { width:18px; }
	.mobileTopBtn li.mobileTopBtn2 img { width:20px; }
	.mobileTopBtn li.mobileTopBtn3 img { width:20px; }
}



/* 모바일용 외부 링크 */
.mobileLink { display:none; width:0; height:0; overflow:hidden; }

@media (min-width:769px) and (max-width:1024px){
	.mobileLink {position:absolute; left:0; top:88px; width:100%; height:auto; border-top:1px solid #ddd; border-bottom:1px solid #0b2557; background:#fff; overflow:visible; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; margin:-1px 0 0 -1px; }
    .mobileLink ul li:nth-child(5n) { border-right:none; } 
	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; color:#555; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { background:#fff; color:#0a72a7; }
	
	.mobileLink ul li.ml a { background:#f0f3f4; }
}


@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:65px; width:100%; height:auto; border-top:1px solid #ccc; border-bottom:1px solid #666; background:#fff; z-index:1000; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; margin:-1px 0 0 -1px; }	
	.mobileLink ul li:nth-child(5n) { border-right:none; }
	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; color:#555; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { background:#fff; color:#0a72a7; }
		
	.mobileLink ul li.ml a { background:#f0f3f4; }
}
@media (max-width:425px){
	.mobileLink ul li { float:left; width:calc(25% + 1px); }	
	.mobileLink ul li:nth-child(5n) { border-right:1px solid #ddd; }
	.mobileLink ul li:nth-child(4n) { border-right:none; } 
	
}






/* 의원 SNS */
#toparea .snsBtn { float:right;}
#toparea .snsBtn li { float:left; width:50px; height:50px; border-left:1px solid #d0d5dd; }

#toparea .snsBtn li a:link,
#toparea .snsBtn li a:visited { width:100%; height:50px; text-align:center; display:block; }
#toparea .snsBtn li a:active,
#toparea .snsBtn li a:focus,
#toparea .snsBtn li a:hover { background:#d6deec; }

#toparea .snsBtn li a img { position:relative; top:12px; }

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




/* 폰트설정 */
.fontszie ul li:nth-child(1),
.fontszie ul li:nth-child(2),
.fontszie ul li:nth-child(3),
.fontszie ul li:nth-child(4),
.fontszie ul li:nth-child(5) { display:none; }





/* 메인 메뉴 */
#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 40px; 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 32px;  }
}

@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:198px; 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:200px; 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; }


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

#gocontent * { box-sizing:border-box; }

#cont1 .containerarea { display:flex; }
.right-wrap { display:flex; flex-direction:column; justify-content:space-between; max-width:calc(100% - 840px); width:100%; }

@media (max-width:1440px){
	.right-wrap { max-width:calc(40% - 40px); }
}

@media (max-width:1024px){
	#cont1 .containerarea { flex-direction:column; }
	.right-wrap { max-width:100%; }
}

/* 메인비주얼 */
.mProfile { position:relative; z-index:1; word-break:keep-all; display:flex; max-width:800px; width:100%; padding:60px 56px; box-shadow:0 0 20px rgba(51,89,82,.25); border-radius:40px; background:url(/images/mbrh/profile_bg.png) no-repeat center/cover,#F9F9F9; margin-right:40px; }

.mProfile .info-box { max-width:calc(100% - 320px); display:flex; flex-direction:column; justify-content:space-between; margin-right:40px; }
.mProfile .info-box .name { font-size:200%; color:#000; }
.mProfile .info-box .name strong { font-size:150%; font-weight:700; }
.mProfile .info-box .name .gray { color:#58616A; }

.mProfile .info-box dl { display:flex; flex-wrap:wrap; font-size:112.5%; }
.mProfile .info-box dt { width:100px; text-align: justify; text-align-last: justify; text-justify: inter-character; }
.mProfile .info-box dd { width:calc(100% - 120px); font-weight:700; color:#33363D; margin-left:20px; margin-bottom:12px; }
.mProfile .info-box dd .small { font-size:90%; color:#58616A; }

.mProfile .btn-wrap { display:flex; }
.mProfile .btn-wrap a { display:flex; align-items:center; justify-content:center; line-height:1; min-width:120px; padding:12px 16px; border-radius:8px; font-size:112.5%; margin-right:16px; }
.mProfile .btn-greet { background:#662498; color:#fff; }
.mProfile .btn-profile { background:#fff; border:1px solid #33363D; color:#33363D; }
.mProfile .btn-wrap a::before { content:''; width:24px; height:24px; margin-right:8px; }
.mProfile .btn-greet::before { background:url(/images/mbrh/ico_greet.png) no-repeat center/contain; }
.mProfile .btn-profile::before { background:url(/images/mbrh/ico_profile.png) no-repeat center/contain; }

.mProfile .pic { max-width:280px; width:100%; border-radius:24px; overflow:hidden; }
.mProfile .pic img { width:100%; height:100%; object-fit:cover; }

@media (max-width:1440px){
	.mProfile { max-width:60%; }
	.mProfile .info-box { max-width:calc(100% - 240px); }
	.mProfile .info-box .name { margin-bottom:16px; }
	.mProfile .pic { max-width:200px; }
}

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

@media (max-width:768px){
	.mProfile { justify-content: center; padding:340px 24px 24px; margin-bottom:24px; }

	.mProfile .info-box { max-width:100%; margin-right:0; }
	.mProfile .info-box .name { font-size:125%; text-align:center; }

	.mProfile .info-box dl { font-size:106.25%; }

	.mProfile .btn-wrap { justify-content:center; margin-top:20px; }
	.mProfile .pic { position:absolute; top:24px; left:50%; transform:translateX(-50%); }
}

/* 최근게시글 | 의정활동, 발의의안, 발언회의록 */
.mNotice { width:100%; }

.mNotice .tab { position:relative; display:flex; align-items:end; width:100%; padding-bottom:330px; }
.mNotice .tab-item { font-size:150%; font-weight:700; margin-bottom:20px; margin-right:12px; }
.mNotice .tab-item.on { display:flex; align-items:start; font-size:175%; color:#2C2498; }
.mNotice .tab-item.on::after { display:block; content:''; width:12px; height:16px; background:url(/images/mbrh/ico_on.png) no-repeat center/contain; }
.mNotice .tab-item ~ * { display:none; }
.mNotice .tab-item.on ~ * { display:flex; flex-wrap:wrap; }

.mNotice .post-list { position:absolute; left:0; }
.mNotice .post-list li { width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; }
.mNotice .post-list li:nth-child(2n) { margin-right:0; }

.mNotice .post-list li a,
.mNotice .post-list li div { display:flex; flex-direction:column; justify-content:start; align-items: start; height:100%; border:1px solid #ddd; border-radius:16px; background:#fff; padding:24px; }
.mNotice .post-list li div { align-items:center; justify-content:center; background:#f9f9f9; color:#888; }
.mNotice .post-list li a strong { width: 100%; font-size:125%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:12px; }
.mNotice .post-list li a .badge { display:inline-block; font-size:93.75%; padding:4px 8px; line-height:1; border-radius:4px; margin-bottom:12px; }

.mNotice .tab > li:nth-child(1) a .badge { background:#EEF2F7; color:#052B57; }
.mNotice .tab > li:nth-child(2) a .badge { background:#EEF7F6; color:#05574F; }
.mNotice .tab > li:nth-child(3) a .badge { background:#F7EEF6; color:#570552; }


.mNotice .btn-more { position:absolute; right:0; top:0; font-size:0; }

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

/* 퀵메뉴 */
.mQuick { width:100%; }
.mQuick ul { display:flex; width:100%; border-radius:16px; box-shadow:0 0 20px #CCD6D4; }
.mQuick ul li { display:flex; width:25%; height:120px; }
.mQuick ul li::after { display:block; content:''; width:1px; height:100%; background:#ddd; }
.mQuick ul li:last-child::after { display:none; }

.mQuick ul li a { position:relative; width:100%; background:#fff; padding:24px 20px; }
.mQuick ul li a i { position:absolute; right:20px; bottom:24px; display:block; width:32px; height:32px; background:no-repeat center/contain; }
.mQuick ul li:nth-child(1) a i { background-image:url(/images/mbrh/icon_min.png); }
.mQuick ul li:nth-child(2) a i { background-image:url(/images/mbrh/icon_chat.png); }
.mQuick ul li:nth-child(3) a i { background-image:url(/images/mbrh/icon_5min.png); }
.mQuick ul li:nth-child(4) a i { background-image:url(/images/mbrh/icon_bill.png); }


/* 의정활동사진 */
.mPhoto { position:relative; max-width:calc(100% - 360px); width:100%; float:left; margin-right:40px; }
.mPhoto .slick-track { padding:24px 0; }
.mPhoto .slick-slide { margin:0 10px; }
.mPhoto .slick-list { margin:0 -10px; }

.mPhoto .photo-item { border-radius:20px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.1); background:#fff; }
.mPhoto .photo-item a { width:100%; }
.mPhoto .photo-item a .pic { padding-top:56.25%; }
.mPhoto .photo-item a .bar { padding:16px 16px 24px; }
.mPhoto .photo-item a .bar strong { display:block; width: 100%; font-size:118.75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:12px; }
.mPhoto .photo-item a .bar .date { color:#8A949E; }

.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:768px){
	.mPhoto { float:none; max-width:100%; }
}

/* 보도자료 */
.mNews { position:relative; max-width:320px; width:100%; float:left; }
.mNews h1 { margin-bottom:24px; }

.mNews .item { ; }
.mNews .item .pic { position:relative; padding-top:65%; margin-bottom:16px; }
.mNews .item .pic img { position:absolute; top:50%; left:50%; max-width:100%; width:100%; height:100%; object-fit:cover; transform:translate(-50%,-50%); border-radius:16px; }
.mNews .item .subject { display:block; width: 100%; font-size:118.75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:12px; }
.mNews .item .date { color:#8A949E; }

.mNews .more { position:absolute; right:0; top:0; width:40px; height:40px; padding:8px; border-radius:100px; transition:.4s; }

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

@media (max-width:768px){
	.mNews { float:none; max-width:100%; }
}