@charset "utf-8";

/* 레이아웃 */
#gaonwrap { width:100%; }

#top { position:relative; min-width:1400px; width:100%; height:169px; background:#fff; border-bottom:1px solid #ddd; z-index:3; }
	#toparea { position:relative; width:1400px; margin:0 auto; }
	
#container { position:relative; min-width:1400px; width:100%; overflow:hidden; z-index:2; }
	
	#cont1 { position:relative; width:100%; background:linear-gradient(180deg, #fafafa 245px, #fff 245px); overflow:hidden; margin:0 auto; }		
		.containerarea { width:1400px; height:100%; margin:0 auto; }
	#cont2 { position:relative; width:100%; height:auto; padding:60px 0 0 0; box-sizing:border-box; margin:60px auto 0; }			
	#cont3 { position:relative; width:100%; padding:42px 0 60px 0; }
	
#bottom { position:relative; width:100%; background:#394F6C; color:#ccc; z-index:2; }
	#bottomarea { position:relative; width:1400px; padding:40px 0 70px 0; margin:0 auto; }

@media (min-width:1281px) and (max-width:1400px){
	#top { position:relative; min-width:calc(100% - 32px); width:calc(100% - 32px); padding:0 16px;}
		#toparea { position:relative; width:100%; height:156px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; }
			.containerarea { width:100%; height:100%; overflow:hidden; margin:0 auto; }
		#cont2 { width:100%; padding:60px 30px 0; box-sizing:border-box; margin:0 auto; }
		#cont3 { width:100%; height:auto; padding:50px 30px; box-sizing:border-box; }
		
	#bottom { position:relative; width:100%; color:#ccc; z-index:2; }
		#bottomarea { position:relative; width:calc(100% - 60px); padding:40px 30px 70px 30px; margin:0 auto; box-sizing:border-box; }
}


@media (min-width:1025px) and (max-width:1280px){
	#top { position:relative; min-width:calc(100% - 32px); width:calc(100% - 32px); padding:0 16px; }
		#toparea { position:relative; width:100%; height:156px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; }
			.containerarea { width:100%; height:100%; overflow:hidden; margin:0 auto; }
		#cont2 { width:100%; padding:60px 30px 0; box-sizing:border-box; margin:0 auto; }
		#cont3 { width:100%; height:auto; padding:50px 30px; box-sizing:border-box; }
		
	#bottom { position:relative; width:100%; color:#ccc; z-index:2; }
		#bottomarea { position:relative; width:calc(100% - 60px); padding:40px 30px 70px 30px; 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; margin-bottom:0; }
		
		#cont1 { position:relative; width:100%; }
			.containerarea { width:100%; height:100%; overflow:hidden; margin:0 auto; }
		#cont2 { width:100%; padding:60px 16px 0; box-sizing:border-box; margin:0 auto; }
		#cont3 { width:100%; height:auto; padding:30px 16px 30px 16px; box-sizing:border-box; }
		
	#bottom { position:relative; width:100%; color:#ccc; z-index:2; }
		#bottomarea { position:relative; width:calc(100% - 60px); padding:30px 30px 70px 30px; 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; margin-bottom:0; }
		
		#cont1 { position:relative; width:100%; padding:276px 0 30px; background:linear-gradient(180deg, #fafafa 456px, #fff 456px); }
			.containerarea { width:100%; height:100%; overflow:hidden; margin:0 auto; }
		#cont2 { width:100%; padding:30px 16px 0; box-sizing:border-box; margin:0 auto; }
		#cont3 { width:100%; height:auto; padding:30px 15px; box-sizing:border-box; }
			
	#bottom { position:relative; width:100%; color:#ccc; z-index:2; font-size:93.75%; word-break:keep-all; text-align:center; }
		#bottomarea { position:relative; width:100%; padding:20px 0 70px 0; margin:0 auto; }
}




/* 타이틀
#top h1.title { position:absolute; left:0; top:80px; }
#top h1.title a { position:relative; }
#top h1.title a p { position:absolute; top:1px; left:65px; width:130px; line-height:1.2em; font-size:65%; color:#111; letter-spacing:-1px; }
#top h1.title a p span { font-size:120%; font-family:'PGOV'; font-weight:700; letter-spacing:-2px; }

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


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

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

	#top h1.title a p { top:0; left:45px; font-size:50%; text-align:left; }
	
	.sidenav h1 img { height:37px; } 
} */

/* 타이틀 */
#top h1.title { position:absolute; left:0; top:80px; font-size:200%; }
#top h1.title a::before { content:''; display:inline-block; width:59px; height:58px; background:url(/images/inc/title.png) no-repeat left/cover; margin-right:10px; }
#top h1.title a p { position:absolute; top:1px; left:65px; width:130px; line-height:1.2em; font-size:68.75%; color:#111; letter-spacing:-1px; }
#top h1.title a p span { font-size:120%; font-family:'PGOV'; font-weight:700; letter-spacing:-2px; }

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

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


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

@media (max-width:768px){
	#top h1.title { left:calc(50% - 80px); right:auto; top:16px; text-align:center; margin:0; }
	#top h1.title a p { top:0; left:45px; text-align:left; }
	#top h1.title a::before { width:40px; height:39px; }
	#top h1.title a { font-size:75%; }
	
	.sidenav h1 img { height:37px; } 
}



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

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


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn3 { display:none; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:15px; 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:#f9f9f9; 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 a.ml { 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 a.ml { 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; } 
	
}


/* 외부 링크 */
.underLink { position:relative; float:left; }
.underLink > ul { float:left; overflow:visible; }
.underLink > ul > li { position:relative; float:left; width:125px; height:50px; }
.underLink > ul > li::before { position:absolute; right:0; bottom:calc(50% - 2px); border-radius:4px; content:''; width:4px; height:4px; background:#bbb; }
.underLink > ul > li:last-child::before { display:none; }
.underLink > ul > li > a:link,
.underLink > ul > li > a:visited { width:100%; height:50px; line-height:50px; text-align:center; color:#888; font-size:93.75%; display:block; }
.underLink > ul > li > a:active,
.underLink > ul > li > a:focus,
.underLink > ul > li > a:hover { color:#1268b2; }
.underLink > ul > li > a.select { background:#fff; color:#000; font-weight:bold; }


.underLink > ul > li:nth-child(2) > a:link,
.underLink > ul > li:nth-child(2) > a:visited { padding-right:20px; box-sizing:border-box; }
.underLink > ul > li:nth-child(2) > a:before { position:absolute; top:calc(50% - 2px); right:20px; content:''; width: 0px; height: 0px; border-top: 5px solid #888; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid none; }



/*.underLink > ul > li:nth-child(3) { padding-right:32px; box-sizing:border-box; background: url(/images/inc/underLink_arrow.png) no-repeat right 50%; text-align:left; }*/

.underLink > ul li .memberHomeList { position:absolute; left:0; top:61px; width:500px; padding:15px; border:1px solid #ddd; box-sizing:border-box; background:#fff; display:none; z-index:10000; }
.underLink > ul li .memberHomeList li { float:left; width:20%; }
.underLink > ul li .memberHomeList li a:link,
.underLink > ul li .memberHomeList li a:visited { width:100%; height:30px; line-height:30px; color:#333; text-align:center; display:inline-block;  }
.underLink > ul li .memberHomeList li a:active,
.underLink > ul li .memberHomeList li a:focus,
.underLink > ul li .memberHomeList li a:hover { color:#ff7505; }


@media (min-width:1153px) and (max-width:1280px){
	.underLink > ul { border-left:none; }
}

@media (min-width:1025px) and (max-width:1152px){
	.underLink > ul { border-left:none; }
	.underLink > ul > li { width:118px;}
}


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

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







/* 폰트설정 */
.fontszie { float:right; }
.fontszie ul { overflow:hidden; margin-top:10px;}
.fontszie ul li { float:left; border:1px solid #A8C8E6; border-radius:4px; transition:0.5s; overflow:hidden; margin-left:4px; }


.fontszie ul li a:link,
.fontszie ul li a:visited { display:block; transition:0.5s; }

.fontszie ul li:hover,
.fontszie ul li:active,
.fontszie ul li:focus { border-color: #1268B2; }

.fontszie ul li a:hover,
.fontszie ul li a:active,
.fontszie ul li a:focus { background:#D1E2F2;}

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



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

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

#topMenu > li > a:link,
#topMenu > li > a:visited { line-height:118px; vertical-align:top; padding:0 80px; box-sizing:border-box; color:#222; font-size:140%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#ff7505;  }

#topMenu > li > a span { position:relative; display:block; width:100%; }


#topMenu > li > a span::before { position:absolute; left:50%; bottom:0; content:''; width:0; height:3px; background:#ff7505; transform:translateX(-50%); transition:0.3s ease; }

#topMenu > li > a:active span::before,
#topMenu > li > a:focus span::before,
#topMenu > li > a:hover span::before,
#topMenu > li > a.select span::before { width:100%; }

@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 50px;  }
}



@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:100%; width:100%; height:123px; 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:3px 10px 4px 10px; box-sizing:border-box; text-align:left; display:block; }
#topMenu > li > ul:last-child { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { position:relative; width:100%; height:auto; padding:0; text-decoration:none; color:#333; font-family:"PGOV"; font-size:100%; margin:0; background:none; border:0; display:block; }
#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:169px; width:100%; height:120px; border-top:1px solid #ddd; border-bottom:3px solid #ff7505; background:#fff; display:none; z-index:10; }
.menubox .menuboxarea { position:relative; width:1280px; 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:769px) and (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
}

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


/* 하단 */
.bottomMenu,
.bottomLink { display:none; }

#bottom #bottomarea address {color:#ccc !important; margin:0 0 10px 0px;}
#bottom #bottomarea address a { color:#ddd; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { font-size:93.75%; font-family:Arial, Helvetica, sans-serif; color:#ccc; } 

#bottom .topbtn { position:absolute; right:0; bottom:0px; z-index:100001; border-radius:100px 100px 0 0; overflow:hidden; }


@media (min-width:1025px) and (max-width:1440px){
	#bottom .bottomLink > ul { width:100%; }

	#bottom .topbtn { right:16px; }
}



@media (min-width:769px) and (max-width:1024px){
	#bottom .bottomLink > ul { width:100%; }
	
	#bottom .topbtn { right:16px; }
}

@media (max-width:768px){
	#bottom #bottomarea .bottomMenu { padding:20px 0 16px; }
	#bottom #bottomarea .bottomMenu > ul { display:flex; justify-content:center; }

	#bottom #bottomarea address > span { display:block; margin-bottom:4px;}
}
@media (max-width:425px){
	
}



/* 상단 라인 */
.fontszie ul li:nth-child(1),
.fontszie ul li:nth-child(2) { display:none; }

#top::before { position:absolute; top:50px; left:0; content:''; width:100vw; height:1px; background:#ddd; }

@media (max-width:1024px){
	#top::before { display:none; }
}

/* 공통 */
figure { padding:0; margin:0; overflow:hidden; }
section .tit { display:block; width:100%; font-style:normal; font-size:125%; font-weight:800; text-overflow:ellipsis; color:#222; overflow:hidden; white-space:nowrap; }
section .date { color:#666; font-size:93.75%; line-height:1.5; }

section .btn_more { position:absolute; width:32px; height:32px; font-size:0; }
section .btn_more::before,
section .btn_more::after { position:absolute; left:14px; top:4px; content:''; width:4px; height:24px; background:#fff; border-radius:1px; }
section .btn_more::after { transform:rotate(90deg); }

section .btn_more:hover,
section .btn_more:active,
section .btn_more:focus { animation:moreHover 1.5s; }

@keyframes moreHover {
	0%{ transform:rotate(0); }
	100% { transform:rotate(90deg); }
}

@media (max-width:768px){
	section .tit { font-size:106.25%; }
}

/* 프로필 */
.mProfile { position:relative; float:left; width:calc((560 / 1920) * 100%); padding:60px 0 0 calc((260 / 1920) * 100%); }

.mProfile .slogan { text-align:right; color:#222; line-height:1.2; padding:0 0 20px; }
.mProfile .slogan i { font-style:normal; font-weight:700; color:#00448B; }
.mProfile .slogan p { font-size:162.5%; margin:8px 0 16px; }
.mProfile .slogan span { font-size:225%; }
.mProfile .slogan span strong { font-size:2.875rem; }

.mProfile dl { padding:30px 0 0; color:#222;  font-size:106.25%; font-weight:500; margin-bottom:20px; }
.mProfile dl,
.mProfile dl dt { display:flex; flex-wrap:wrap; line-height:1.3; }

.mProfile dl dt::before { content: ''; display:block; width:24px; height:24px; margin-right:10px; }
.mProfile dl dt.position::before { background:url(/images/memberHome/main/ico_position.png) no-repeat center; }
.mProfile dl dt.district::before { background:url(/images/memberHome/main/ico_district.png) no-repeat center; }
.mProfile dl dt.party::before { background:url(/images/memberHome/main/ico_party.png) no-repeat center; }
.mProfile dl dt.tel::before { background:url(/images/memberHome/main/ico_tel.png) no-repeat center; }
.mProfile dl dt.mail::before { background:url(/images/memberHome/main/ico_mail.png) no-repeat center; }


.mProfile dl dt span { display:block; width:74px; height:1.3em; font-weight:700; text-align:justify; margin-bottom:12px; }
.mProfile dl dt i { display:block; width:24px; height:24px; background:#ccc; margin-right:10px; }
.mProfile dl dt span::after { content: ''; display: inline-block; width: 100%; }
.mProfile dl dd { width:calc(100% - 132px); margin-left:24px; margin-bottom:12px; }

.mProfile .btn { display:flex; }
.mProfile .btn a::before { content:''; display:block; width:24px; height:24px; margin-right:12px; transition:0.3s; }
.mProfile .btn a:nth-child(1)::before { background:url(/images/memberHome/main/ico_greet.png) no-repeat center/cover; }
.mProfile .btn a:nth-child(2)::before { background:url(/images/memberHome/main/ico_history.png) no-repeat center/cover; }

.mProfile .btn a { display:flex; width:fit-content; background:#fafafa; line-height:1.5; font-weight:500; padding:7px 15px; border-radius:100px; border:1px solid #ddd; margin-right:20px; transition:0.3s; }
.mProfile .btn a:hover,
.mProfile .btn a:active,
.mProfile .btn a:focus { background:#EF4536; border-color:#EF4536; color:#fff; }

.mProfile .btn a:hover:nth-child(1)::before,
.mProfile .btn a:active:nth-child(1)::before,
.mProfile .btn a:focus:nth-child(1)::before { background-image:url(/images/memberHome/main/ico_greet-w.png); }

.mProfile .btn a:hover:nth-child(2)::before,
.mProfile .btn a:active:nth-child(2)::before,
.mProfile .btn a:focus:nth-child(2)::before { background-image:url(/images/memberHome/main/ico_history-w.png); }

@media (max-width:1440px){
	.mProfile { width:40%; padding:60px 0 16px 0; }
	.mProfile dl { padding:30px 0 0 16px; }
	.mProfile .btn { padding:0 0 0 16px; }
}

@media (max-width:768px){
	.mProfile { width:calc(100% - 32px); padding:0 16px;}
	.mProfile dl { padding:30px 0 0 0; }
	.mProfile .btn { padding:0 0 0 0; }
}

/* 메인비주얼 */

.mVisible { float:right; width:calc((1060 / 1920) * 100%); height:580px; border-radius:0 0 0 480px; overflow:hidden; }
.mVisible img { width:100%; height:100%; object-fit:cover; object-position:center; transition:0.3s; }

@media (max-width:1440px){
	.mVisible { width:calc(60% - 40px); }
}
@media (max-width:768px){
	.mVisible { float:none; position:absolute; top:0; width:100%; height:260px; }
}

/* 보도자료 */
#cont2::before { position:absolute; left:0; top:0; content:''; width:calc(50% + 40px); height:100%; background:#1C3146; border-radius:0 460px 40px 0; z-index:-1;}
#cont2::after { position:absolute; left:0; bottom:-20px; content:''; width:334px; height:93px; background:url(/images/memberHome/main/txt_news.png);  mix-blend-mode:color-burn; z-index:-1;}

.mNews { position:relative; display:inline-block; width:680px; padding:0 0 60px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#cont2::after { opacity:0.3; }
}

.mNews h1 { display:inline-block; color:#fff; font-size:225%; }

.mNews div.none > p,
.mNews a figure { float:right; width:440px; height:280px; border-radius:20px; margin:0; overflow:hidden; }
.mNews a figure img { width:100%; height:100%; object-fit:cover; object-position:center; transition:0.3s; }

.mNews div.none > div,
.mNews a > div { position:absolute; bottom:100px; width:320px; padding:16px 24px; background:#fff; border-radius:4px; }
.mNews a > div em.tit { position:relative; height:2.6em; line-height:1.3; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#222; margin-bottom:12px; }


.mNews div.none > p { background:#ddd; }
.mNews div.none em.tit { color:#666; }


.mNews .btn_more { top:4px; left:140px; }

@media (max-width:1440px){
	#cont2::before { width:580px; }

	.mNews { width:500px; }
	.mNews h1 { padding:0 0 16px; }

	.mNews div.none > div,
	.mNews a > div { bottom:90px; }

}

@media (min-width:801px) and (max-width:1024px){
	#cont2::before { width:480px; }

	.mNews { width:400px; }

	.mNews div.none > p,
	.mNews a figure { width:360px; height:200px; }
}


@media (max-width:800px){
	#cont2::before { width:100%; height:424px; }
	#cont2::after { bottom:300px; }

	.mNews { width:calc(100% - 40px); padding:0 20px 56px; }

	.mNews .btn_more { left:160px; }
}

@media (max-width:640px){
	#cont2::before { width:100%; height:320px; }


	.mNews { width:100%; padding:0 0 40px; }
	.mNews h1 { display:block; font-size:175%; }

	.mNews div.none > div,
	.mNews a > div { bottom:20px;}

	.mNews div.none > p,
	.mNews a figure { width:360px; height:200px; }

	.mNews .btn_more { top:0; left:110px; }

}


/* 회의록 :: 시정질문, 5분자유발언 */
.mMin { width:calc(100% - 820px); float:right; }

	/* 공통 레이아웃 */
.mMin section { position:relative; background:#fff; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; transition:0.4s; }
.mMin section:hover { transform:translateY(-10px); }

.mMin section h1 { padding:16px 24px; line-height:1.2; color:#fff; }
.mMin section h1 + a,
.mMin section p.none { display:flex; padding:28px 24px; }

.mMin section a em i { display:inline-block; width:16px; height:16px; background:url(/images/memberHome/main/ico_file.png) no-repeat center; margin-left:4px; }
.mMin section p.none em { color:#666; }

.mMin section .btn_more { right:24px; top:16px; }




.mMin .mAsk { margin-bottom:54px; }
.mMin .mAsk h1 { background:linear-gradient(90deg, #00448b, #05213f); }


.mMin .mFree h1 { background:linear-gradient(90deg, #EF4536, #F88D2F); }


@media (max-width:1440px){
	.mMin { width:calc(100% - 600px); padding:30px 0 0; }

}

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

	.mMin section h1 { padding:12px 20px; }
	
	.mMin section h1 + a,
	.mMin section p.none { padding:24px 20px; }

	.mMin section .btn_more { right:20px; top:12px; }

	.mMin .mAsk { margin-bottom:36px; }
}

@media (max-width:800px){
	
	.mMin { width:100%; float:none; }
}
@media (max-width:640px){

	.mMin section h1 + a { flex-direction:column; align-items:center; text-align:center; }
	.mMin section h1 + a,
	.mMin section p.none { padding:16px; }

	.mMin section a em { margin-bottom:8px; }

}

/* 의정활동사진 */
.mPhoto { position:relative; }
.mPhoto h1 { font-size:225%; }

.mPhoto .slick-slide { margin:24px 24px; overflow:visible; }
.mPhoto .slick-list { padding:0 !important; margin:0 -24px; }
.mPhoto .slick-current { transform:scale(1.1); }

.mPhoto .slick-list::before { position:absolute; top:0; left:0; content:''; width:24%; height:100%; background:linear-gradient(90deg, rgba(255,255,255,1) 10%,rgba(255,255,255,0)); z-index:1; }
.mPhoto .slick-list::after { position:absolute; top:0; right:0; content:''; width:24%; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1) 90%); z-index:1; }

.mPhoto .bar { position:absolute; top:0; right:0; }
.mPhoto .bar * { position:relative; border:none; background:none; width:32px; height:32px; font-size:0; margin-right:4px; }

.mPhoto .bar .btn_next { transform:rotate(180deg); margin:0; }

.mPhoto .bar .btn_prev::before,
.mPhoto .bar .btn_prev::after,
.mPhoto .bar .btn_next::before,
.mPhoto .bar .btn_next::after { position:absolute; left:13px; content:''; width:4px; height:17px; border-radius:4px; background:#666; }

.mPhoto .bar .btn_prev::before,
.mPhoto .bar .btn_next::before { bottom:3px; transform:rotate(-45deg); }


.mPhoto .bar .btn_prev::after,
.mPhoto .bar .btn_next::after { top:3px; transform:rotate(45deg); }


.mPhoto .bar .btn_play::before,
.mPhoto .bar .btn_play::after { position:absolute; top:6px; content:''; width:4px; height:20px; border-radius:4px; background:#666; }

.mPhoto .bar .btn_play::before { left:10px; }
.mPhoto .bar .btn_play::after { right:10px; }

.mPhoto .item { box-shadow:0 4px 10px rgba(0,0,0,0.1); border-radius:20px; overflow:hidden; }

.mPhoto .item figure { max-height:240px; }
.mPhoto .item figure img { width:100%; height:100%; object-fit:cover; object-position:center; transition:0.3s; }
.mPhoto .item .date { display:block; margin-bottom:10px; }

.mPhoto .item div { text-align:center; padding:16px 8px 32px; }


.mPhoto .item a:hover img,
.mPhoto .item a:active img,
.mPhoto .item a:focus img { transform:scale(1.1); }


.mPhoto .btn_more { top:6px; left:200px; }
.mPhoto .btn_more::before,
.mPhoto .btn_more::after { background:#888; }

@media (max-width:640px){

	.mPhoto h1 { font-size:175%; }
	
	.mPhoto .slick-current { transform:scale(1); }

	.mPhoto .btn_more { left:154px; top:0; }
}