@charset "utf-8";


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

#top { position:relative; min-width:1400px; width:100%; border-bottom:1px solid #ddd; }
	#toparea { position:relative; width:1400px; height:156px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:100%; width:100%; margin-bottom:100px; }
	
	#cont1 { position:relative; width:1400px; overflow:hidden; margin:70px auto 67px; }	
	#cont2 { position:relative; width:100%; background:url(/ansantalktalk/images/main/cont2_bg.gif) no-repeat right 135px;  overflow:hidden; }	
	#cont3 { position:relative; width:100%; padding:67px 0 0 0; background:url(/ansantalktalk/images/main/cont3_bg.gif) no-repeat left 25px; }
		.containerarea { position:relative; width:1400px; overflow:hidden; margin:0 auto; }
	
#bottom { position:relative; width:100%; background:#444c57; color:#ccc; z-index:4;  }
	#bottomarea { position:relative; width:1400px; padding:32px 0 70px 0; margin:0 auto; }


@media (min-width:1281px) and (max-width:1400px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd;  }
		#toparea { position:relative; width:100%; height:156px; margin:0 auto; overflow:visible;  } 
		
	#container { position:relative; min-width:100%; width:100%; margin-bottom:100px; }
		
		#cont1 { position:relative; width:100%; padding:0 30px; overflow:hidden; margin:70px auto 67px; }	
		#cont2 { position:relative; width:100%; padding:0 30px; background:url(/ansantalktalk/images/main/cont2_bg.gif) no-repeat right 135px;  overflow:hidden; }		
		#cont3 { position:relative; width:100%; padding:67px 30px 0 30px; background:url(/ansantalktalk/images/main/cont3_bg.gif) no-repeat left 25px; }
			.containerarea { position:relative; width:100%; overflow:hidden; margin:0 auto; }		
			
	#bottom { position:relative; width:100%; background:#444c57; color:#ccc; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; }
}


@media (min-width:1025px) and (max-width:1280px){
	html, body, #gaonwrap { min-width:100%; width:100%; }		
	
	#top {  position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd;  }
		#toparea { position:relative; width:100%; height:156px; margin:0 auto; overflow:visible; }
		
	#container { position:relative; min-width:100%; width:100%; margin-bottom:100px; }
		
		#cont1 { position:relative; width:100%; padding:0 15px; overflow:hidden; margin:70px auto 67px; }	
		#cont2 { position:relative; width:100%; padding:0 15px; background:url(/ansantalktalk/images/main/cont2_bg.gif) no-repeat right 135px;  overflow:hidden; }		
		#cont3 { position:relative; width:100%; padding:67px 30px 0 30px; background:url(/ansantalktalk/images/main/cont3_bg.gif) no-repeat left 25px; }
			.containerarea { position:relative; width:100%; overflow:hidden; margin:0 auto; }
		
	#bottom { position:relative; width:100%; background:#444c57; color:#ccc; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:32px 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%; border-bottom:1px solid #ddd; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible; }
		
	#container { position:relative; min-width:100%; width:100%; margin-bottom:75px; }	
		
		#cont1 { position:relative; width:100%; padding:0 30px; overflow:hidden; margin:50px auto 47px; }	
		#cont2 { position:relative; width:100%; padding:0 30px; background:url(/ansantalktalk/images/main/cont2_bg.gif) no-repeat right 135px;  overflow:hidden; }		
		#cont3 { position:relative; width:100%; padding:47px 30px 0 30px; background:url(/ansantalktalk/images/main/cont3_bg.gif) no-repeat left 25px; }
			.containerarea { position:relative; width:100%; overflow:hidden; margin:0 auto; }
		
	#bottom { position:relative; width:100%; background:#444c57; color:#ccc; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:32px 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%; border-bottom:1px solid #ddd; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; }
		
	#container { position:relative; min-width:100%; width:100%; margin-bottom:50px; }
	
		#cont1 { position:relative; width:100%; padding:0 15px; overflow:hidden; margin:30px auto 27px; }	
		#cont2 { position:relative; width:100%; padding:0 15px; background:url(/ansantalktalk/images/main/cont2_bg.gif) no-repeat right 135px;  overflow:hidden; }		
		#cont3 { position:relative; width:100%; padding:27px 15px 0 15px; background:url(/ansantalktalk/images/main/cont3_bg.gif) no-repeat left 25px; }
			.containerarea { position:relative; width:100%; overflow:hidden; margin:0 auto; }
		
	#bottom { position:relative; width:100%; background:#444c57; color:#ccc; font-size:90%; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; }
}







/* 타이틀 */
#top h1.title { position:absolute; left:0; top:45px; }

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


@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% - 101px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:60px; }
	
	.sidenav h1 img { height:40px; } 
}

@media (max-width:768px){
	#top h1.title { left:calc(50% - 65px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:40px; }
	
	.sidenav h1 img { height:40px; } 
}



/* 메인 메뉴 */
#menu { position:absolute; right:0; top:85px; }
#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 { height:75px; vertical-align:top; padding:0 70px; color:#222; font-size:155%; 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:#ff5244;  }



@media (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 60px; }
}
@media (max-width:1210px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 50px; }
}
@media (max-width:1150px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 40px; }
}
@media (max-width:1090px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 30px; }
}


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


/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:71px; width:100%; height:217px; padding:10px 0 0 0px; border-top:1px solid #ddd; border-left: 1px solid #eee; background:#fff; display:none; clear:both; z-index:1003;   }
#topMenu > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px;  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; padding:0; background:none; color:#333; border:0; line-height:1.3; text-decoration:none; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:90%; margin:0; letter-spacing:-1px;  }
#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:#06257b; font-weight:bold; }

#topMenu > li > ul > li > a.st { letter-spacing:-2px; }

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

.menubox { position:absolute; left:0; top:156px; width:100%; height:220px; border-top:1px solid #ddd; border-bottom:3px solid #ff5244; background:#fff; display:none; z-index:10; }




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


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


@media (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
	.menubox { width:0; height:0; border:0; line-height:0; }
}	
	



/* 메인비주얼 */
.mVisible { position:relative; width:100%; overflow:hidden; }
.mVisible .mSlogan { position:absolute; bottom:95px; left:calc(50% - 688px); bottom:calc(50% - 57px); z-index:1;  }

.mVisible .visibleList { position:relative; width:100%; height:100%; overflow:hidden; margin:0 auto; }
.mVisible .visibleList .list { position:relative; float:left; height:100%; background-size:contain !important; }
.mVisible .visibleList .list a { width:100%; display:block; }

.mVisible .visibleList .list img { width:100%; height:100%; opacity:0; }

.mVisible .bar { position:absolute; left:calc(50% - 80px); bottom:0px; width:160px; height:36px; line-height:36px; border-radius:10px 10px 0 0; background:rgba(0, 0, 0, 0.6); z-index:1001; }


.mVisible .slick-prev,
.mVisible .slick-next { position:absolute; bottom:10px; width:9px; height:15px; line-height:15px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mVisible .slick-prev { left:calc(50% + 3px); background:url(/ansantalktalk/images/main/visible_btn_prev.gif) no-repeat; }
.mVisible .slick-next { left:calc(50% + 48px); background:url(/ansantalktalk/images/main/visible_btn_next.gif) no-repeat; }




			/*자동실행버튼(재생,일시정지)*/
.mVisible .btn_play { position:absolute; left:calc(50% + 26px); bottom:10px; width:8px; height:15px; line-height:15px; border:0; background: url(/ansantalktalk/images/main/visible_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mVisible .btn_play.on { background:url(/ansantalktalk/images/main/visible_btn_play.gif) no-repeat;  }


			/* Dots 메인 서브  */
.mVisible .slick-dotted.slick-slider {  }
.mVisible .slick-dots { position:absolute; left:calc(50% - 65px); bottom:-6px; width:60px !important; text-align:center; overflow:hidden; display:block; margin:0 auto; z-index:1002; }
			/* Dots  */
.mVisible .slick-dots li { height:50px; line-height:50px; color:#fff;  letter-spacing:5px; z-index:1003;}




@media (min-width:1281px) and (max-width:1400px){
	.mVisible .mSlogan { bottom:calc(50% - 57px); left:30px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.mVisible .mSlogan { bottom:calc(50% - 57px); left:30px; }
}


@media (min-width:769px) and (max-width:1024px){
	.mVisible .mSlogan { bottom:calc(50% - 40px); left:30px; }	
	.mVisible .mSlogan img { height:80px; }
}


@media (max-width:768px){
	.mVisible { margin:0 0 30px 0; }
	.mVisible .mSlogan { bottom:calc(50% - 30px); left:15px; }
	.mVisible .mSlogan img { height:60px; }
}


@media (max-width:640px){
	.mVisible .mSlogan { bottom:calc(50% - 20px); }
	.mVisible .mSlogan img { height:40px; }


	.mVisible .visibleList .list { background-size:140% !important; }
	.mVisible .visibleList .list img { position:relative; width:140% !important; }	
}





/* 정기구독 */
.mStandingOrders { float:left; width:450px; text-align:center; margin-right:30px; }
.mStandingOrders p { margin-bottom:66px; }
.mStandingOrders p img { max-width:450px; width:100%; }
.mStandingOrders a { text-align:center; display:block; }
.mStandingOrders a img { max-width:330px; }


@media (min-width:1281px) and (max-width:1400px){
	.mStandingOrders { width:calc(34% - 30px); }
}

@media (min-width:1025px) and (max-width:1280px){
	.mStandingOrders { width:calc(34% - 30px); }
	.mStandingOrders a img { width:100%; }
}

@media (min-width:769px) and (max-width:1024px){
	.mStandingOrders { width:calc(34% - 30px); }
	.mStandingOrders a img { width:100%; }
}

@media (max-width:768px){
	.mStandingOrders { width:100%; margin:0 0 30px 0; }
	.mStandingOrders p { margin-bottom:30px; }
	.mStandingOrders a img { width:100%; }

}



/* 안산톡톡 e-book */
.mAnsantalktalk { position:relative; float:left; width:calc(100% - 480px); }

.mAnsantalktalk ul { display:flex; justify-content:space-between; flex-wrap:nowrap; }
.mAnsantalktalk ul li { /*width:290px;*/ width:31.5%; border: 1px solid #ddd; }

.mAnsantalktalk .picArea { width:100%; height:auto; overflow:hidden; }
.mAnsantalktalk .picArea .stitle { position:absolute; left:0; top:0; width:90px; height:90px; padding-top:25px; background:#06257b; color:#fff; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; z-index:2;  }
.mAnsantalktalk .picArea a { position:relative; width:100%; height:auto; overflow:hidden; display:block; z-index:1; }
.mAnsantalktalk .pic { width:100%; height:0; padding-top:calc(450 / 329 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.mAnsantalktalk .pic img { width:100%; }

.mAnsantalktalk .pic { background-size:cover !important;}

.mAnsantalktalk .picArea a:link,
.mAnsantalktalk .picArea a:visited { transition:0.3s; }
.mAnsantalktalk .picArea a:active,
.mAnsantalktalk .picArea a:focus,
.mAnsantalktalk .picArea a:hover {transform:scale(1.1);}

.mAnsantalktalk .bar { width:100%; height:88px; padding:19px 20px 0 20px; border-top:none; background:#fff; text-align:center; }
.mAnsantalktalk .bar a.subject:link,
.mAnsantalktalk .bar a.subject:visited { width:100%; color:#111; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:2px; }
.mAnsantalktalk .bar a.subject:active,
.mAnsantalktalk .bar a.subject:focus,
.mAnsantalktalk .bar a.subject:hover { color:#113d8e; }

.mAnsantalktalk .bar p { color:#888; }


@media (min-width:1281px) and (max-width:1400px){
	.mAnsantalktalk { width:66%; }
}

@media (min-width:1025px) and (max-width:1280px){
	.mAnsantalktalk { width:66%; }
}

@media (min-width:769px) and (max-width:1024px){
	.mAnsantalktalk { width:66%; }
	.mAnsantalktalk ul li { width:calc(50% - 10px); }
	.mAnsantalktalk ul li:nth-child(3) { display:none; }
}

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

@media (max-width:600px){
	.mAnsantalktalk ul li { width:calc(50% - 10px); }
	.mAnsantalktalk ul li:nth-child(3) { display:none; }
}

@media (max-width:425px){
	.mAnsantalktalk ul li { max-width:330px; width:100%; text-align:center; margin:0 auto;  }
	.mAnsantalktalk ul li:nth-child(2) { display:none; }
}




/* 안산TALK */
.ansantalk { width:calc(100% + 28px); margin-bottom:67px; z-index:2; }

.ansantalk h1 { color:#111; font-size:220%; font-family:esamanru-Medium, "이사만루 미디엄"; display:inline-block; margin:0 0 4px 0; }
.ansantalk .txt { margin-bottom:22px; }

.ansantalk a.more { position:absolute; left:272px; top:3px; }

.ansantalk .slick-track { }
.ansantalk .ansantalkList .list { position:relative; float:left; width:calc(25% - 21px); height:auto; /*box-shadow:5px 5px 8px rgba(0,0,0,0.05);*/ overflow:visible; margin:0 28px 0 0; }

.ansantalk .ansantalkList .list .kind { position:absolute; width:auto; height:40px; line-height:40px; padding:0 10px; background:#06257b; color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; display:block; z-index:2; }


.ansantalk ul { overflow:visible; }
.ansantalk ul li .picArea { width:100%; height:auto; }
.ansantalk ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }
.ansantalk ul li .pic {width:100%;height:0;padding-top:calc(216 / 326 * 100%);/* overflow:hidden; */display:block;}
.ansantalk ul li .pic img { width:100%; }


.ansantalk ul li .picArea a:link,
.ansantalk ul li .picArea a:visited { transition:0.3s; }
/*.ansantalk ul li .picArea a:active,
.ansantalk ul li .picArea a:focus,
.ansantalk ul li .picArea a:hover {border:2px solid #000; }*/

.ansantalk ul li:focus .picArea a p,
.ansantalk ul li:hover .picArea a p { transform:scale(1.1); transition:0.2s; }

.ansantalk .ansantalkList .list .bar { width:100%; height:97px; padding:20px 20px 0 20px; border:1px solid #ddd; border-top:none; background:#fff; text-align:center; }
.ansantalk .ansantalkList .list .bar a.subject:link,
.ansantalk .ansantalkList .list .bar a.subject:visited { width:100%; color:#111; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:4px; }
.ansantalk .ansantalkList .list .bar a.subject:active,
.ansantalk .ansantalkList .list .bar a.subject:focus,
.ansantalk .ansantalkList .list .bar a.subject:hover { color:#113d8e; }

.ansantalk .ansantalkList .list .bar p { color:#888; }


	/* 슬릭 arrows */
.ansantalk .slick-prev,
.ansantalk .slick-next { position:absolute; top:-88px; width:31px; height:31px; line-height:31px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.ansantalk .slick-prev { left:176px; background:url(/ansantalktalk/images/main/slick_prev.gif) no-repeat; }
.ansantalk .slick-next { left:240px; background:url(/ansantalktalk/images/main/slick_next.gif) no-repeat; }


	/*자동실행버튼(재생,일시정지)*/
.ansantalk .btn_play { position:absolute; left:208px; top:3px; width:31px; height:31px; border:0; background: url(/ansantalktalk/images/main/slick_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.ansantalk .btn_play.on { background:url(/ansantalktalk/images/main/slick_play.gif) no-repeat;  }


@media (min-width:1281px) and (max-width:1400px){

}

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

@media (min-width:769px) and (max-width:1024px){
	.ansantalk {  margin-bottom:47px; }
	.ansantalk .ansantalkList .list { }
}

@media (max-width:768px){
	.ansantalk { width:100%;  margin-bottom:27px; }	
	.ansantalk .ansantalkList .list { width:calc(50% - 20px); margin:0 10px 0 10px; }
}

@media (max-width:500px){
	.ansantalk .txt { letter-spacing:-1px; }
	.ansantalk .ansantalkList .list { width:calc(100% - 20px); margin:0 10px 0 10px; }	
}






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

	.ansantalk h1 {width:100%; padding-left:15px;}
	.ansantalk .snsIcon {position:relative; left:calc(50% - 80px);}

	.ansantalk .slick-prev, 
	.ansantalk .slick-next {top:-79px;}
	.ansantalk .slick-next {right:15px;}
	.ansantalk .sns_btn_play {right:52px;}
	.ansantalk .slick-prev {right:89px;}
}






/* 시민TALK */
.citizentalk { position:relative; width:100%; }

.citizentalk h1 { color:#111; font-size:220%; font-family:esamanru-Medium, "이사만루 미디엄"; display:inline-block; margin:0 0 4px 0; }
.citizentalk .txt { margin-bottom:22px; }

.citizentalk a.more { position:absolute; left:176px; top:3px; }

.citizentalk ul { }
.citizentalk ul li { position:relative; float:left; width:calc(25% - 21px); height:auto; overflow:hidden; margin:0 28px 0 0; }
.citizentalk ul li:last-child { margin:0; }

.citizentalk ul li .kind { position:absolute; width:auto; height:40px; line-height:40px; padding:0 10px; background:#06257b; color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; display:block; z-index:2; }

.citizentalk ul li .picArea { width:100%; height:auto; overflow:hidden; }
.citizentalk ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }
.citizentalk ul li .pic { width:100%; height:0; padding-top:calc(235 / 329 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.citizentalk ul li .pic img { width:100%; }

.citizentalk ul li .pic { background-size:cover !important;}

.citizentalk ul li .picArea a:link,
.citizentalk ul li .picArea a:visited { transition:0.3s; }
.citizentalk ul li .picArea a:active,
.citizentalk ul li .picArea a:focus,
.citizentalk ul li .picArea a:hover {transform:scale(1.1);}

.citizentalk ul li .bar { width:100%; height:97px; padding:20px 20px 0 20px; border:1px solid #ddd; border-top:none; box-sizing:border-box;  background:#fff; text-align:center; }
.citizentalk ul li .bar a.subject:link,
.citizentalk ul li .bar a.subject:visited { width:100%; color:#111; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:6px; }
.citizentalk ul li .bar a.subject:active,
.citizentalk ul li .bar a.subject:focus,
.citizentalk ul li .bar a.subject:hover { color:#113d8e; }

.citizentalk ul li .bar .date { color:#888; }

@media (max-width:1024px){
	.citizentalk { margin:0 auto; }
	.citizentalk .area { overflow:auto; }	
	
	.citizentalk .area ul { width:1070px; }
	.citizentalk .area ul li { width:250px; margin:0 20px 0 0;  }
	.citizentalk .area ul li:last-child { margin:0; }
}






/* 안산시 공식 인스타그램 */
.mInstargram { position:relative; float:left; width:calc(50% - 14px); margin:0 14px 0 0; }
.mInstargram h1 { padding-left:42px; background:url(/ansantalktalk/images/main/instargram_icon.png) no-repeat 0 3px; color:#111; font-size:220%; font-family:esamanru-Medium, "이사만루 미디엄"; display:inline-block; margin:0 0 19px 0; }
.mInstargram h1 span { color:#ee068e; }

.mInstargram a.more { position:absolute; left:402px; top:3px; }


.mInstargram li { float:left; width:calc(50% - 14px); margin:0 14px 0 0; }
.mInstargram li:last-child { margin:0 0 0 14px; }
.mInstargram li:nth-child(3),
.mInstargram li:nth-child(4) { display:none; }

.mInstargram .picArea { width:100%; height:auto; overflow:hidden; }
.mInstargram .picArea .stitle { position:absolute; left:0; top:0; width:90px; height:90px; line-height:90px; background:#06257b; color:#fff; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; z-index:2;  }
.mInstargram .picArea a { position:relative; width:100%; height:auto; overflow:hidden; display:block; z-index:1; }
.mInstargram .pic { width:100%; height:0; padding-top:calc(329 / 329 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.mInstargram .pic img { width:100%; }

.mInstargram .pic { background-size:cover !important;}

.mInstargram .picArea a:link,
.mInstargram .picArea a:visited { transition:0.3s; }
.mInstargram .picArea a:active,
.mInstargram .picArea a:focus,
.mInstargram .picArea a:hover {transform:scale(1.1);}

.mInstargram .bar { width:100%; height:97px; padding:20px 20px 0 20px; border:1px solid #ddd; border-top:none; background:#fff; text-align:center; }
.mInstargram .bar a.subject:link,
.mInstargram .bar a.subject:visited { width:100%; color:#111; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:6px; }
.mInstargram .bar a.subject:active,
.mInstargram .bar a.subject:focus,
.mInstargram .bar a.subject:hover { color:#113d8e; }

.mInstargram .bar p { color:#888; }


@media (min-width:769px) and (max-width:1024px){
	.mInstargram { width:100%; margin:0 0 30px 0; }
	.mInstargram li { width:calc(25% - 14px); margin:0 14px 0 0; }
	.mInstargram li:last-child { margin:0 0 0 14px; }
	.mInstargram li:nth-child(3),
	.mInstargram li:nth-child(4) { display:block; }
}

@media (max-width:768px){
	.mInstargram { width:100%; margin:0 0 30px 0; }
	.mInstargram li { width:calc(33.33% - 10px); margin:0 15px 0 0; }
	.mInstargram li:nth-child(3) { display:block; margin:0 0 0 0; }
	.mInstargram li:nth-child(4) { display:none; }
}

@media (max-width:500px){
	.mInstargram h1 { padding-left:32px; background-size:25px 25px; background-position:0 2px; font-size:170%; letter-spacing:-2px; }
	.mInstargram a.more { left:288px; top:2px; }
	.mInstargram a.more img { width:25px; height:25px; }

	.mInstargram li { width:calc(50% - 10px); margin:0 10px 0 0; }
	.mInstargram li:nth-child(2) { margin:0 0 0 10px; }
	.mInstargram li:nth-child(3), 
	.mInstargram li:nth-child(4) { display:none; }	
}

@media (max-width:425px){	
	.mInstargram .area { max-width:330px; width:100%; margin:0 auto; }
	.mInstargram li { width:100%; margin:0 0 0 0; }
	.mInstargram li:nth-child(2) { display:none; }
}



/* 안산시 공식 블로그 */
/*.mBlog { position:relative; float:left; width:calc(50% - 14px); margin:0 0 0 14px; }*/
.mBlog { position:relative; float:left; width:100%; margin:0 0 0 14px; }
/*.mBlog li { float:left; width:calc(50% - 14px); margin:0 14px 0 0; }*/
.mBlog ul { display:flex; flex-wrap:wrap; justify-content:center; }
.mBlog ul li { float:left; width:calc(25% - 14px); margin:0 14px 0 0; }


.mBlog h1 { padding-left:42px; background:url(/ansantalktalk/images/main/youtube_icon.png) no-repeat 0 3px; color:#111; font-size:220%; font-family:esamanru-Medium, "이사만루 미디엄"; display:inline-block; margin:0 0 19px 0; }
.mBlog h1 span { color:#ff0000; }

.mBlog a.more { position:absolute; left:338px; top:3px; }


.mBlog li:last-child { margin:0 0 0 14px; }
/*.mBlog li:nth-child(3),
.mBlog li:nth-child(4) { display:none; }*/



.mBlog .picArea { width:100%; height:auto; overflow:hidden; }
.mBlog .picArea .stitle { position:absolute; left:0; top:0; width:90px; height:90px; line-height:90px; background:#06257b; color:#fff; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; z-index:2;  }
.mBlog .picArea a { position:relative; width:100%; height:auto; overflow:hidden; display:block; z-index:1; }
.mBlog .pic { width:100%; height:0; padding-top:calc(329 / 329 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.mBlog .pic img { width:100%; }

.mBlog .pic { background-size:cover !important;}

.mBlog .picArea a:link,
.mBlog .picArea a:visited { transition:0.3s; }
.mBlog .picArea a:active,
.mBlog .picArea a:focus,
.mBlog .picArea a:hover {transform:scale(1.1);}

.mBlog .bar { width:100%; height:97px; padding:20px 20px 0 20px; border:1px solid #ddd; border-top:none; background:#fff; text-align:center; }
.mBlog .bar a.subject:link,
.mBlog .bar a.subject:visited { width:100%; color:#111; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:6px; }
.mBlog .bar a.subject:active,
.mBlog .bar a.subject:focus,
.mBlog .bar a.subject:hover { color:#113d8e; }

.mBlog .bar p { color:#888; }


@media (min-width:769px) and (max-width:1024px){
	.mBlog { width:100%; margin:0 0 0 0; }
	.mBlog li { width:calc(25% - 14px); margin:0 14px 0 0; }
	.mBlog li:last-child { margin:0 0 0 14px; }
	.mBlog li:nth-child(3),
	.mBlog li:nth-child(4) { display:block; }
}

@media (max-width:768px){
	.mBlog { width:100%; margin:0 0 0 0; }
	.mBlog li { width:calc(33.33% - 10px); margin:0 15px 0 0; }
	.mBlog li:nth-child(3) { display:block; margin:0 0 0 0; }
	.mBlog li:nth-child(4) { display:none; }
	
}

@media (max-width:500px){
	.mBlog h1 { padding-left:32px; background-size:25px 25px; background-position:0 2px; font-size:170%; letter-spacing:-2px; }
	.mBlog a.more { left:243px; top:2px; }
	.mBlog a.more img { width:25px; height:25px; }

	.mBlog li { width:calc(50% - 10px); margin:0 10px 0 0; }
	.mBlog li:nth-child(2) { margin:0 0 0 10px; }
	.mBlog li:nth-child(3), 
	.mBlog li:nth-child(4) { display:none; }
}

@media (max-width:425px){
	.mBlog .area { max-width:330px; width:100%; margin:0 auto; }
	.mBlog li { width:100%; margin:0; }
	.mBlog li:nth-child(2) { display:none; }
}


















/* 하단 */
#bottom #bottomarea .bottomMenu { margin-bottom:20px; }
#bottom #bottomarea .bottomMenu ul li { float:left; padding:0; margin-right:30px; }
#bottom #bottomarea .bottomMenu ul li:last-child { margin-right:0px; }


#bottom #bottomarea .bottomMenu ul li a:link,
#bottom #bottomarea .bottomMenu ul li a:visited { color:#ccc; }
#bottom #bottomarea .bottomMenu ul li a:active,
#bottom #bottomarea .bottomMenu ul li a:focus,
#bottom #bottomarea .bottomMenu ul li a:hover { color:#fff; }

#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:link,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:visited { color:#ffa646; }
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:active,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:focus,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:hover { color:#fcd700; }


#bottom #bottomarea address { margin:0 0 10px 0; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { line-height:1.5; font-size:90%; font-family:Arial, Helvetica, sans-serif; } 

#bottom .topbtn { position:absolute; right:0; bottom:0px; z-index:100001; }


@media (max-width:768px){
	.mbottom:before { background:#e9e9e9 url(/ansantalktalk/images/common/bottom_bg.png) no-repeat 50% top !important; }
	
	#bottom #bottomarea .bottomMenu ul li { margin-right:10px; }
	#bottom #bottomarea .bottomMenu ul li:nth-child(3) { margin-right:0; }
	#bottom #bottomarea .bottomMenu ul li a:link,
	#bottom #bottomarea .bottomMenu ul li a:visited { line-height:26px; }
	

}



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