@charset "utf-8";

/**/
.main_top{background: linear-gradient(90deg, rgba(240,243,246,1) 0%, rgba(223,234,246,1) 100%);}

.viual_przone{display:flex;}

.favotieMenu_goList{margin-bottom:40px;}
.favotieMenu_goList .inner{display:flex; justify-content: space-between;}
.favotie_menu{width:calc(100% - 425px); border:1px solid #d4d4d4; background:#fff;}
h3.main_sub_tit{font-size:20px; font-weight:600; line-height:1em; margin-bottom:15px; letter-spacing:-2px;}

/*기부스토리 원복 요청 20250116*/
.favotieMenu_goList .go_list{width:250px; background:url('../_gmi/niam/back_golist02.png') no-repeat #9090fb bottom -14px right -8px; box-sizing:border-box; margin-left:10px;}
/*.favotieMenu_goList .go_list{width:400px; background:url('../_gmi/niam/back_golist02.png') no-repeat #9090fb bottom -14px right -8px; padding:17px 20px 0; box-sizing:border-box; margin-left:10px;}*/

/**/
.favotieMenu_goList .go_list a{width:100%; height:100%; display:block;  padding:17px 20px 0; box-sizing:border-box; color:inherit; text-decoration:none;}
.favotieMenu_goList .go_list a:focus{outline:none;}
.favotieMenu_goList .go_list .tit{font-size:19px; color:#fff; font-weight:600; letter-spacing:-2px; margin-bottom:15px;}
.favotieMenu_goList .go_list .link{font-size:19px; color:#fff; font-weight:600; letter-spacing:-2px;}
.favotieMenu_goList .go_list ul{padding-left:2px;}
.favotieMenu_goList .go_list li a{position:relative; font-size:15px; color:#fff; padding-right:14px;}
/*.favotieMenu_goList .go_list li a:after{position:absolute; top:5.5px; right:0; content:''; display:inline-block; width:6px; height:9px; 
background:url('../_gmi/niam/ico_go.png') no-repeat;}*/
.favotieMenu_goList .go_list li{display:flex; align-items:center; margin-bottom:4px;}
.favotieMenu_goList .go_list li:last-child{margin-bottom:0;}
/*.favotieMenu_goList .go_list li:before{content:''; display:inline-block; width:4px; height:4px; background:#fff; border-radius:50%; margin-right:8px;}*/
/*jump friends*/
.favotieMenu_goList .left_box{display:flex; flex-direction:column; gap:10px;}
.search_wrap{width:820px;}
.search_wrap form{display: flex; align-items: center; justify-content: center;}
.sch_box{display: flex; position:relative; width:60%; height:66px; opacity:1; border:3px solid #0c4da2; background-color: #fff; border-radius:20px; z-index:30; overflow: hidden; padding:12px 0; box-sizing: border-box; margin-right:12px;}
/*.sch_box label { padding-right:8px; font-size:75%; font-weight:600; color:#353637; letter-spacing:-1px; background:url(../_gmi/cni/sch_box_bar.gif) no-repeat right 4px; }
.sch_box select{min-width:140px; height:100%; border:0; font-size:17px; padding-left:26px; outline: 0; border-right:1px solid #adadaf; appearance:none; background-color: #fff;}*/
.sch_box .tit{display: flex; align-items: center; min-width:140px; height:100%; border:0; font-size:17px; padding-left:26px; outline: 0; border-right:1px solid #adadaf; appearance:none; line-height: 1em;}
.sch_box input[type="text"]{width:calc(100% - 140px); height:100%; margin:0px; border:none; background:none; font-size:17px; padding:0 24px; outline: 0;}
.sch_box input[type="image"]{position:absolute; top:0; right:10px;}
.con_wrap{display:flex; align-items:center; justify-content:space-between; margin:40px 0;}
.b_zone{width:400px; display:flex; align-items:center; gap:32px;}
.b_zone .tit_wrap{min-width:108px; text-align:center;}
.b_zone .tit_wrap h3{font-size:22px; font-weight:bold; color:#161616; line-height:1em; margin-bottom:14px;}
.b_zone .btn_wrap{display:flex; align-items:center; gap:6px;}
.b_zone .btn_wrap .swiper-button-next:after,
.b_zone .btn_wrap .swiper-button-prev:after{display:none;}
.b_zone .btn_wrap .swiper-button-next,
.b_zone .btn_wrap .swiper-button-prev,
.b_zone .btn_wrap .btn_stop {width:32px; height:32px; position:static; margin:0;}
.b_zone .btn_wrap .swiper-button-next{background:url(../_gmi/niam/next.png)no-repeat center center;}
.b_zone .btn_wrap .swiper-button-prev{background:url(../_gmi/niam/prev.png)no-repeat center center;}
.b_zone .btn_wrap .btn_stop{background:url(../_gmi/niam/play.png)no-repeat center center;}
.b_zone .btn_wrap .btn_stop.play{background:url(../_gmi/niam/stop_btn.png)no-repeat center center;}
.office_news{height: 210px; display: flex; margin-bottom:30px;}
.office_news h3{font-weight:600; font-size:20px; letter-spacing:-2px; padding:0px; margin:0px 0px 26px 0px; line-height: 1em;}

.office_news .tabMenu_wrap{min-width:180px; margin-right:50px;}
.office_news .tabMenu_wrap .tab_menu ul li{position: relative;}
.office_news .tabMenu_wrap .tab_menu ul li a.tab_btn{display: flex; align-items: center; width:100%; height:46px; padding:0 15px; color:#666; font-size:15px; letter-spacing: -1px; border-radius: 10px; box-sizing: border-box;}
.office_news .tabMenu_wrap .tab_menu ul li a.tab_btn:hover,
.office_news .tabMenu_wrap .tab_menu ul li a.tab_btn:focus{text-decoration: none;}
.office_news .tabMenu_wrap .tab_menu ul li.Tabon a.tab_btn{background:#0c4da2; color:#fff; font-weight: 600;}
.office_news .tabMenu_wrap .tab_menu ul li a.plus_btn{display: inline-block; width:13px; height:13px; position: absolute; top:50%; transform: translateY(-50%); right:15px;}

.office_news .tab_con{width:calc(100% - 250px);}
.office_news .tab_con ul{display: flex; flex-wrap: wrap; width:100%;}
.office_news .tab_con ul li{width:calc(25% - 23px); margin-right:30px; box-shadow: 0 0 22px #efefef; border-radius: 60px 0 0 0;}
.office_news .tab_con ul li:last-child{margin-right:0;}
.office_news .tab_con ul li a{display: block; padding:30px 20px 25px 30px;}
.office_news .tab_con ul li .item_top{display: flex; justify-content: space-between; font-size:14px;word-break: keep-all; letter-spacing: -1px; margin-bottom:17px; overflow: hidden;}
.office_news .tab_con ul li a:hover,
.office_news .tab_con ul li a:focus{text-decoration: none;}
.office_news .tab_con ul li a:hover .tit,
.office_news .tab_con ul li a:focus .tit{color:#000;}
.office_news .tab_con ul li .item_top .date{color:#566c75; line-height:1em;}
.office_news .tab_con ul li .item_top .date span{display: block; margin-top:3px; font-size:24px; font-weight: 600; line-height:1em;}
.office_news .tab_con ul li .item_top .writer{font-weight: 600; color:#0c4da2;}
.office_news .tab_con ul li .con .tit{font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:19px;}
.office_news .tab_con ul li .con .txt{font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666;}
.office_news .tab_con ul li .con .tit,
.office_news .tab_con ul li .con .txt{word-break: keep-all;}

.office_news .show{display: block;}
.office_news .hide{display: none;}

@media only screen and (max-width:1280px) {}
@media only screen and (max-width:1000px) {
	.viual_przone{display:block;}
	.favotieMenu_goList .inner{display:block;}
	.favotieMenu_goList .go_list{margin-left:0; height:137px;}
	.favotie_menu{width:100%; margin-bottom:20px;}
	/*.favotieMenu_goList .go_list{min-width:100%;}*/
   .favotieMenu_goList .left_box{min-width:138px; margin-right:10px;}
	/*구청소식*/
	.office_news{display: block; height:auto; margin-bottom:20px;}
	.office_news h3{margin-bottom:15px;}
	.office_news .tabMenu_wrap{margin-right:0;}
	.office_news .tab_con{width:100%; box-sizing: border-box; padding:0 20px;}
	.office_news .tabMenu_wrap .tab_menu ul{display: flex; width:100%; border:1px solid #bec3ce; border-radius: 10px; box-sizing: border-box; margin-bottom:20px;}
	.office_news .tabMenu_wrap .tab_menu ul li{width:50%;}
	.office_news .tabMenu_wrap .tab_menu ul li a.tab_btn{height:42px; justify-content: center;}

	.office_news .tab_con ul li{width: calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
	.office_news .tab_con ul li:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:767px) {
	.sch_box{width:88%; height:50px; border-radius: 10px; margin-right: 10px;}
	.sch_box .tit{min-width:89px; font-size:14px; padding-left:15px; line-height: 1em;}
	.sch_box input[type="text"]{width:calc(100% - 89px); font-size:14px; padding:0 10px;}
	.search_wrap input[type="image"]{height:50px;}
	
	
}
@media (max-width:560px) {
	.b_zone{width:100%; display:block;}
	.b_zone .tit_wrap{display:flex; align-items:center; gap:13px; margin-bottom:15px;}
	.b_zone .tit_wrap h3{margin-bottom:0; text-align:left;}
	.b_zone .swiper{text-align:center;}
}
@media (max-width:400px) {
	/*구청소식*/
	.office_news .tab_con ul li{width:100%; margin-right:0;}
	.office_news .tabMenu_wrap .tab_menu ul li a.tab_btn{font-size:12px;}
	.favotieMenu_goList .go_list a{padding:15px;}
	.favotieMenu_goList .go_list .tit{font-size:16px; color:#fff; font-weight:600; letter-spacing:-2px; margin-bottom:15px;}
	.favotieMenu_goList .go_list .link{font-size:16px; color:#fff; font-weight:600; letter-spacing:-2px;}
	
}
@media (max-width:320px) {}

/*m_notice*/
.m_notice_box  {background:#fafafa; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; margin:30px 0 0 0; padding:0px; overflow:hidden;}
 .m_notice_con { width:1250px; margin:0px auto; padding:18px 0px 0px 0px;}
  .m_notice {margin:0px 0 17px 0; padding:0px; width:776px; float:left; position:relative;}
  .m_notice h3 { color:#326db1; font-weight:600; font-size:100%; letter-spacing:-1px; padding:0px; margin:0px 0px 7px 0px;}
  
  .notice_list  { margin:0px; padding:0px 20px 0 0; float:left; width:357px; border-right:1px dashed #bcbcbc;}
  .notice_list.lst  { padding-left:20px;}
  .notice_list li {margin:0px; padding:0px; font-size:90%; padding:0px 0 0 10px; background:url(../_gmi/niam/notice_dot.gif) no-repeat left 14px; line-height:28px; letter-spacing:-1px; }
  .notice_list li:after{display:block; content:""; clear:both;}
  .notice_list li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:286px;  display:block; float:left;}
  .notice_list li span {color:#326db1; float:right; letter-spacing:0px;}
  .notice_list li a img{margin:0px 3px 0 0px; vertical-align:middle;}
  
  .m_notice div.more{position:absolute; top:0; right:20px;}
  
  
  .m_center {margin:0px 0 17px 0; padding:0px 0 0 21px; width:453px; float:left; position:relative;}
  .m_center h3 { color:#326db1; font-weight:600; font-size:100%; letter-spacing:-1px; padding:0px; margin:0px 0px 7px 0px;}
  
  .center_list  { margin:0px; padding:0px 20px 0 0; float:left; width:453px;} 
  .center_list li {margin:0px; padding:0px; font-size:90%; padding:0px; line-height:28px; letter-spacing:-1px; }
  .center_list li:after{display:block; content:""; clear:both;}
  .center_list li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:340px;  display:block; float:left;}
  .center_list li span.date {color:#326db1; float:right; letter-spacing:0px;}
  .center_list li a img{margin:0px 3px 0 0px; vertical-align:middle;}
  .center_list li span.dong01 {background:#428bca; border:1px solid #428bca;} /*매탄1동*/
  .center_list li span.dong02 {background:#1aac7d; border:1px solid #1aac7d;} /*매탄2동*/
  .center_list li span.dong03 {background:#d45cc5; border:1px solid #d45cc5;} /*매탄3동*/ 
  .center_list li span.dong04 {background:#5cb85c; border:1px solid #5cb85c;} /*매탄4동*/
  .center_list li span.dong05 {background:#ef8119; border:1px solid #ef8119;} /*원천동*/
  .center_list li span.dong06 {background:#00b196; border:1px solid #00b196;} /*광교1동*/
  .center_list li span.dong07 {background:#1f6f12; border:1px solid #1f6f12;} /*광교2동*/
  .center_list li span.dong08 {background:#d9534f; border:1px solid #d9534f;} /*영통1동*/
  .center_list li span.dong09 {background:#b91dcb; border:1px solid #b91dcb;} /*영통2동*/
  .center_list li span.dong10 {background:#46b8da; border:1px solid #46b8da;} /*태장동*/
  .center_list li span.dong11 {background:#d45cc5; border:1px solid #d45cc5;} /*태장동*/
  
  .center_list li span.dong01,
  .center_list li span.dong02,
  .center_list li span.dong03,
  .center_list li span.dong04,
  .center_list li span.dong05,
  .center_list li span.dong06,
  .center_list li span.dong07,
  .center_list li span.dong08,
  .center_list li span.dong09,
  .center_list li span.dong10,
  .center_list li span.dong11{ float:left; border-radius:3px; color:#fff; font-size:80%; display:block; line-height:16px; height:18px; width:50px; font-weight:600; margin-top:4px; text-align:center; margin-right:7px;} 
  
  .m_center div.more{position:absolute; top:0; right:0px;}

.news_tab {display:none;}

.main_contents{padding:30px 0 0px 0; width:1245px; margin:0 auto; overflow:hidden;  position:relative; }
.m_top{overflow:hidden; margin-bottom:14px;}
.m_top div{float:left;}



@media only screen and (max-width:1280px) {

	
	
	 .m_notice_con {width:1000px; }	
  	   .m_notice {width:50%;}  
  	    .notice_list  { padding-right:4%; width:95%;}
  	    .notice_list.lst  { display:none;}  
  	    .notice_list li a { width:70%; }
  
  
  	   .m_center { padding-left:2%; width:48%;}  
  	    .center_list  {  padding-left:0%; width:100%;} 
  	    .center_list li a { width:70%;}
		
	   
    .main_contents{width:1000px;}
	
	
	 
}

@media only screen and (max-width:1000px) {

	.main_contents{width:768px; }
	.m_notice_con {width:768px; }
	
	.center_list li a { width:60%;}

}


@media only screen and (max-width:767px) {

	.main_contents{width:98%; margin:0px auto; padding-top:5px;}
	.m_notice_box {display:none;}
	
		/* 소식 tab */
.news_tab{ width:98%; margin:0px auto; display:block;    padding:10px 0; overflow:hidden;}
#tabNav2{position:relative; overflow:hidden; width:auto;  border:1px solid #d6d6d6;  height:195px; }
#tabNav2:after{display:block; content:""; clear:both;}
#tabNav2 h4{position:absolute;  background:none; padding:0px; margin:0px; font-size:15px; letter-spacing:-1px; font-weight:600; width:45%;}
#tabNav2 h4#tabNavTitle0201{position:absolute;}
#tabNav2 h4#tabNavTitle0201 a{border-left:none; }
#tabNav2 h4#tabNavTitle0202{left:45%; padding-left:0px;}
#tabNav2 h4#tabNavTitle0202 a{  padding-right:0px; border-right:none; border-left:none;}

#tabNav2 h4.on a{  border-bottom:none; width:auto; background:url(../../images/main/tab_arr.gif) 87% 12px no-repeat; color:#004ab9; text-align:center; }
#tabNav2 h4 a{display:block; width:auto;  border:1px solid #d6d6d6; border-top:none;  padding:8px 0 8px 0; height:21px; text-align:center;}

#tabNav2 div{margin:52px 3% 0px 3%; width:94%; float:left; }
#tabNav2 ul li{position:relative; overflow:hidden; margin-bottom:0px; padding:0px 0 0 10px; background:url(../_gmi/niam/notice_dot.gif) no-repeat left 14px; font-size:100%; line-height:26px;}
#tabNav2 ul li:after{display:block; content:""; clear:both;}
#tabNav2 ul li.last{margin-bottom:0}
#tabNav2 ul li a{float:left; display:block; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#tabNav2 ul li a img{margin:8px 0 0 3px;}
#tabNav2 ul li span{float:right; display:none;} 
#tabNav2 span.more{position:absolute; top:0; right:0px;  border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; width:10%;}
#tabNav2 span.more a{display:block; padding:8px 0 8px;  text-align:center;}

}


/*레이러팝업 */
.spot_banner {position:absolute; left: 0px; top:31px; z-index:200;}
.spot_banner .img { width:661px; height:238px;}
.spot_banner_close {right:10px; bottom:10px; position:absolute; z-index:300;}
 
@media only screen and (max-width:767px) {
	
   .spot_banner{ width:100%; margin-bottom:10px; top:1px;}

}

/* 메인팝업존 */
.visual{display:block; position:relative;width:820px; height:297px; overflow:hidden; margin:0px; padding:0px; border:1px solid #ddd; margin-right:25px; box-sizing:border-box;}
.visual .visual_ctrl{z-index:99999;  }
.visual .visual_ctrl .visual_count{  color:#222; font-size:16px;line-height:34px;vertical-align:middle; font-weight:600;position:absolute; right:20px; bottom:12px;  z-index:1;}
.visual .visual_ctrl button{width:26px;height:26px;margin:0 2px;padding:0;background:none;border:none;font-size:0;line-height:0;vertical-align:middle;  }

.visual .visual_ctrl .visual_prev {top:40%; left:3px; width:45px;height:45px;z-index:1; position:absolute;}
.visual .visual_ctrl .visual_next {top:40%; right:3px; width:45px;height:45px; z-index:1; position:absolute;}
.visual .visual_ctrl .visual_play {bottom:16px; right:90px; margin:0; width:20px; height:20px; z-index:1; position:absolute;}


.visual_list{width:100%;height:100%;}
.visual_list li{display:block;float:left;position:absolute;left:0;top:0;width:100%;height:100%;}
.visual_list li{display:block;position:relative;width:100%;height:100%;padding:0;}
.visual_list li > img{display:block;float:left; /*width:661px;height:238px;*/}
.visual_list li > a img{display:block; float:left; width:100%; height: 100%; object-fit: cover !important;/*width:661px;height:238px;*/}
.visual_list li > a{display:block;float:left;width:100%; height: 100%; color:#fff;}
.visual_list li .ti{clear:both; display:block;margin:0 0px 0px 20px;float:left; width:96%; padding:4px 0 0px 0;color:#fff;font-size:17px;font-weight:normal;line-height:24px;white-space:nowrap; text-overflow:ellipsis;}
.visual_list li .ti span{display:block;color:#fffeb1;font-size:23px;}
.visual_list li .ti span.gam{margin:10px 0 0 0;font-size:21px;letter-spacing:-1px;line-height:25px;}


/* 메인팝업존_전체보기 */
.visual .pz_list {position:absolute; bottom:15px; right:66px; z-index:100; }
.visual .PZPlusRe01 {position:fixed; width: 1250px; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; margin:0;padding:0; max-width: 90%;display:none;z-index:10;border:1px solid #d6d6d6; z-index:200;}
.visual .PZPlusRe01 h3 { margin:0px; padding:0px 0 0 10px; font-size:25px; text-align: center; font-weight:600; background:none; color:#fff; padding: 15px; background:#0176b8; }

.visual .PZPlusRe01 .PZList_frm { margin:0; padding:30px; width:100%; height:800px; overflow: auto; background:#fff; box-sizing: border-box;}   
.visual .PZPlusRe01 .PZList_frm ul { list-style:none; margin:0; padding:0;}
.visual .PZPlusRe01 .PZList_frm ul li {  margin:0px; padding:0px;  font-size:15px; }
.visual .PZPlusRe01 .PZList_frm ul li a {width:calc((100% - 30px)/2); text-decoration:none; font-size:14px; border-bottom: 1px dashed #ccc;  margin-right: 30px; margin-bottom: 30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; line-height:160%; display:block;color:#333;  }
.visual .PZPlusRe01 .PZList_frm ul li:nth-child(2n) a {margin-right: 0;}
.visual .PZPlusRe01 .PZList_frm ul li a:hover {color:#0176b8;}
.visual .PZPlusRe01 .btn { position: absolute; top:0px; right:0px;}
.visual .PZPlusRe01 .btn a { padding:6px; display:block;}



@media only screen and (max-width:1280px) {
	.visual{width:654px;}
}
@media only screen and (max-width:1000px) {
	.visual{width:100%; height:auto; margin-bottom:20px;margin-right:0;}

}
@media only screen and (max-width:767px) {

	
	.main_visual {float:none; margin:0 0 10px 0; width:auto; height:auto; overflow:visible;}
	.main_visual .bx-wrapper {position:relative; width:auto; height:auto; left:auto; margin-left:0;}
	.main_visual .bx-wrapper .bx-viewport {width:auto; height:auto; min-width:inherit;}
	.main_visual .bx-wrapper .slide {width:auto; height:auto;}
	.main_visual .bx-wrapper .slide img{width:100%;}
	.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:absolute; bottom:10px; right:5px; bottom:15px; display:block; width:60px; font-size:95%; color:#222;}
	.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {bottom:13px; right:60px; width:51px; }
	.main_visual .bx-wrapper .bx-controls-direction a.bx-prev{top:50%; margin-top:-17px;}
	.main_visual .bx-wrapper .bx-controls-direction a.bx-next{top:50%; margin-top:-17px;}
	
	
	.visual{ width:100%; margin-bottom:10px;}
	.visual .PZPlusRe01 .PZList_frm ul li a {width: auto; margin-right: 0;}

}

 

@media only screen and (max-width:540px) {
     


	.main_visual {float:none; margin:0 0 10px 0; width:100%; height:auto; overflow:visible;}
	.main_visual .bx-wrapper {position:relative; width:100%; height:auto; left:auto; margin-left:0;}
	.main_visual .bx-wrapper .bx-viewport {width:100%; height:auto; min-width:inherit;}
	.main_visual .bx-wrapper .slide {width:100%; height:auto;}
	.main_visual .bx-wrapper .slide img{width:100%;}
	.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:absolute; bottom:10px; right:5px; bottom:15px; display:block; width:60px; font-size:95%; color:#222;}
	.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {bottom:13px; right:60px; width:51px; }
	.main_visual .bx-wrapper .bx-controls-direction a.bx-prev{top:50%; margin-top:-17px;}
	.main_visual .bx-wrapper .bx-controls-direction a.bx-next{top:50%; margin-top:-17px;}
	
	
	
	.visual .visual_ctrl .visual_prev {top:35%;}
	.visual .visual_ctrl .visual_next {top:35%;}


}


.m_icon { padding:0px; width:241px; float:left; margin-left:29px; margin-top:1px; }
.m_icon:after{display:block; content:""; clear:both;}

.m_icon a { padding:74px 3% 6px 3%; font-size:88%; font-weight:500; letter-spacing:-1px; text-align:center; margin-left:-1px; margin-top:-1px;  width:43%;  border:1px solid #dbdada;  float:left; word-break:keep-all; height:39px; }
.m_icon a.m_icon01 { background:#f9f9f9 url(../_gmi/niam/m_icon01.png) no-repeat center 12px;}
.m_icon a.m_icon02 { background:#f9f9f9 url(../_gmi/niam/m_icon02.png) no-repeat center 12px;}
.m_icon a.m_icon03 { background:#f9f9f9 url(../_gmi/niam/m_icon03.png) no-repeat center 12px;}
.m_icon a.m_icon04 { background:#f9f9f9 url(../_gmi/niam/m_icon04.png) no-repeat center 12px;}
 .m_icon a.m_icon03,
	  .m_icon a.m_icon04 {padding:73px 3% 6px 3%; }



@media only screen and (max-width:1280px) {

	
	
	  .m_icon {   width:307px; margin-left:30px; }
	  .m_icon a { padding:74px 8% 6px 8%; width:33.5%; }
	   .m_icon a.m_icon03,
	  .m_icon a.m_icon04 {padding:73px 8% 6px 8%; }
	 
 
}

@media only screen and (max-width:1000px) {

	
	.m_icon { padding:0px; width:101px; float:left; margin-left:3px; margin-top:1px;  }
	.m_icon:after{display:block; content:""; clear:both;}

.m_icon a { padding:10px 3px 3px 14px; font-size:80%; font-weight:600; letter-spacing:-1px; text-align:left; margin-left:0px; margin-top:-1px;  width:83px;  border:1px solid #dbdada; float:none; word-break:keep-all; height:46px; display:block;}
.m_icon a.m_icon01,
.m_icon a.m_icon02,
.m_icon a.m_icon03,
.m_icon a.m_icon04 { background:#f9f9f9 url(../_gmi/niam/dot.png) no-repeat 6px 16px; }
.m_icon a.m_icon03,
.m_icon a.m_icon04 {padding:10px 3px 3px 14px;}
.m_icon a.m_icon04 {padding:10px 3px 2px 14px;}
	  
	  

}


@media only screen and (max-width:767px) {

	

.m_icon { padding:0px; width:100%; float:left; margin-bottom:10px; margin-left:3px;}
.m_icon:after{display:block; content:""; clear:both;}

.m_icon a { padding:74px 5% 6px 5%; font-size:88%; font-weight:500; letter-spacing:-1px; text-align:center; margin-left:-1px; margin-top:-1px;  width:39.5%;  border:1px solid #dbdada;  float:left; word-break:keep-all; height:39px; }
.m_icon a.m_icon01 { background:#f9f9f9 url(../_gmi/niam/m_icon01.png) no-repeat center 12px;}
.m_icon a.m_icon02 { background:#f9f9f9 url(../_gmi/niam/m_icon02.png) no-repeat center 12px;}
.m_icon a.m_icon03 { background:#f9f9f9 url(../_gmi/niam/m_icon03.png) no-repeat center 12px;}
.m_icon a.m_icon04 { background:#f9f9f9 url(../_gmi/niam/m_icon04.png) no-repeat center 12px;}
 .m_icon a.m_icon03,
	  .m_icon a.m_icon04 {padding:73px 5% 6px 5%; }
 
 
}

 

@media only screen and (max-width:540px) {
     
	.m_icon { width:99.5%; } 

}



/* 알림마당 */
#przone {width:400px; height:297px; position:relative;} 
#przone h3{margin-bottom:10px; font-size:16px; font-weight:600; letter-spacing:-1px; padding-left:5px;}
#przone .przone_count {color:#333; font-size:14px; font-weight:600;position:absolute; right:5px; top:0px;  z-index:1;}

/* 2022-01-11 */
#przone {box-sizing:border-box;}
#przone .name {position:absolute; z-index:1; top:30%; right:5%;}
#przone .name p {font-size:17px; color: #023f98; margin-bottom:0; letter-spacing: -0.5px;}
#przone .name p strong {font-size:22px;}
#przone .buttonWrap {display:flex; justify-content:space-between; position:absolute; z-index:1; left:1px; bottom:1px; width:calc(100% - 2px);}
#przone .buttonWrap a {display:flex; justify-content:center; align-items:center; width:calc(50% - 0.5px); height:60px; background:rgba(51, 102, 153, 0.96); color:#fff;}
#przone .buttonWrap a+a {background:rgba(23, 100, 208, 0.96); border-left:1px solid rgba(255, 255, 255, 0.4);}

#przone .sns_wrap{position:absolute; right:17px; bottom:79px; display:flex;}
#przone .sns_wrap a{margin-right:10px;}
#przone .sns_wrap a:last-child{margin-right:0;}

@media only screen and (max-width:1000px){
	#przone{width:100%; height:auto;}
	#przone img{width:100%;}
}
@media only screen and (max-width:768px) {
     
#przone .chief_ksj { width:100%; } 

}

#przone #prcon { margin:0px; padding:0px; width:288px; height: 179px;}
#przone #prcon ul li { margin:0px;  padding:0px; list-style: none; overflow: hidden;  border:1px solid #e0e0e0; }
#przone #prcon ul li img { max-width:100%;}  

#przone #prtit { position: absolute; left:0px; top:146px; width: 240px; height: 15px; text-align:left; font-weight:bold; overflow:hidden; display:none;}
#przone #prtit ul li {position:absolute; left:0; width:232px; margin:0px;  padding:0 0 0 7px; list-style:none;  }

#przone #control { background:#f9f9f9;  border:1px solid #e0e0e0; border-top:none; height:33px; width:286px;    }
#przone #control ul {display: block; list-style:none; margin-top:6px; float:right; margin-right:26px; }
#przone #control ul li { display:inline; float:left; margin-right:3px; text-align:right;}  



#przone .pz_list {position:absolute; bottom:4px; right:6px; z-index:10000; }
#przone .PZPlusRe02 {position:absolute;left: 0px;top: 27px; margin:0;padding:0;width:99.5%; display:none;z-index:10; border:1px solid #d6d6d6;}
#przone .PZPlusRe02 h3 { margin:0px; padding:0px 0 0 10px; font-size:16px; font-weight:600; background:none; color:#fff; height:30px; line-height:30px; background:#0176b8; }
#przone .PZPlusRe02 .PZList_frm { margin:0; padding:0; width:100%; height:147px; overflow: auto; background:#fff;}   
#przone .PZPlusRe02 .PZList_frm ul { list-style:none; margin:0; padding:0;}
#przone .PZPlusRe02 .PZList_frm ul li {  margin:0px; padding:0px;  font-size:15px; }
#przone .PZPlusRe02 .PZList_frm ul li a { text-decoration:none; font-size:14px; border-bottom: 1px dashed #ccc;  padding:1px 0 1px 9px; margin:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:240px; float:left; line-height:160%; display:block;color:#333;  }
#przone .PZPlusRe02 .PZList_frm ul li a:hover {color:#0176b8;}
#przone .PZPlusRe02 .btn { position: absolute; top:0px; right:0px;}
#przone .PZPlusRe02 .btn a { padding:6px; display:block;}



@media only screen and (max-width:1280px) {

	
	
	  /* 알림마당 */
	  #przone {margin-left:0px;} 
	  
	 	
	 
}


@media only screen and (max-width:767px) {

 
	/* 알림마당 */
	#przone {width:100%; height:auto; margin-left:0px; }  
	#przone .przone_count { display:none;}

	#przone #prcon { width:100%; height:auto;}
	#przone #prcon ul li img { width:100%; height:auto;}  
 
	#przone #control { background:none;  border:none; position:absolute;right:5px; top:-5px; } 
	
	#przone .pz_list {position:absolute; top:2px; right:6px; z-index:10; }
	
}

 


/* 주민복지배너 */
.pcprzone02 { display:block;}
.mprzone02 { display:none;}
#przone02 {float:left; width:288px; position:relative; height:178px; margin-top:24px; } 
#przone02 h3{margin-bottom:10px; font-size:16px; font-weight:600; letter-spacing:-1px; padding-left:5px;} 

#przone02 #prcon02 { margin:0px; padding:0px; width:288px; height:144px;}
#przone02 #prcon02 ul li { margin:0px;  padding:0px; list-style: none; overflow: hidden; border:1px solid #e0e0e0; }
#przone02 #prcon02 ul li img {width:252px; margin:0 auto;  height:100px; max-width:none;  padding:21px 17px;}  

#przone02 #prtit { position: absolute; left:0px; top:146px; width: 240px; height: 15px; text-align:left; font-weight:bold; overflow:hidden; display:none;}
#przone02 #prtit ul li {position:absolute; left:0; width:232px; margin:0px;  padding:0 0 0 8px; list-style:none;  }

#przone02 #control02 {background:#f9f9f9;  border:1px solid #e0e0e0; border-top:none; height:33px; width:286px;    }
#przone02 #control02 ul {display: block; list-style:none; margin-left:192px;  }
#przone02 #control02 ul li { display:inline; float:left; margin-right:3px; margin-top:8px;}  



#przone02 .pz_list03 {position:absolute; bottom:-25px; right:6px; z-index:10; }
#przone02 .PZPlusRe03 {position:absolute;left: 0px;top: 27px; margin:0;padding:0;width:99.5%; display:none;z-index:10; border:1px solid #d6d6d6;}
#przone02 .PZPlusRe03 h3 { margin:0px; padding:0px 0 0 10px; font-size:16px; font-weight:600; background:none; color:#fff; height:30px; line-height:30px; background:#0176b8; }
#przone02 .PZPlusRe03 .PZList_frm03 { margin:0; padding:0; width:100%; height:147px; overflow: auto; background:#fff;}   
#przone02 .PZPlusRe03 .PZList_frm03 ul { list-style:none; margin:0; padding:0;}
#przone02 .PZPlusRe03 .PZList_frm03 ul li {  margin:0px; padding:0px;  font-size:15px; }
#przone02 .PZPlusRe03 .PZList_frm03 ul li a { text-decoration:none; font-size:14px; border-bottom: 1px dashed #ccc;  padding:1px 0 1px 9px; margin:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:240px; float:left; line-height:160%; display:block;color:#333;  }
#przone02 .PZPlusRe03 .PZList_frm03 ul li a:hover {color:#0176b8;}
#przone02 .PZPlusRe03 .btn { position: absolute; top:0px; right:0px;}
#przone02 .PZPlusRe03 .btn a { padding:6px; display:block;}


	
@media only screen and (max-width:1280px) {
    
	
	  .pcprzone02 { display:none;}
      .mprzone02 { display:block;}
	
	  /* 주민복지배너 */
	  #przone02 {position:relative; margin-left:0px; }   	    
	
}
 


@media only screen and (max-width:767px) { 
	
	/* 주민복지배너 */
	#przone02 {width:100%; height:auto; margin-left:0px; margin-top:20px; }  

	#przone02 #prcon02 { width:100%; height:auto;}
	#przone02 #prcon02 ul li { margin:0px;  padding:0px; list-style: none; overflow: hidden; border:1px solid #e0e0e0; }
	#przone02 #prcon02 ul li img { width:100%; height:auto;}  
 
	#przone02 #control02 {background:none;  border:none; position:absolute;right:5px; top:-5px;} 
	
	#przone02 .pz_list03 {position:absolute; top:2px; right:6px; z-index:10; }
 


	


}

 

@media only screen and (max-width:540px) {
     
	

}



.m_waste {margin:30px 0 0 28px; padding:0px; float:left; width:288px;}	
.m_waste h3{ display:none;}
.m_waste a {margin:0px; padding:0; display:inline-block; font-size:0px; float:left;}
.m_waste img,
.m_waste a img { font-size:0px; line-height:0px; vertical-align:top; } 
.m_waste span img { margin-top:8px;}
.m_waste span a:first-child { float:left;}
.m_waste span a:last-child { float:right;}


@media only screen and (max-width:1280px) {
 	  
	  .m_waste { margin:30px 0 0 30px; }	
	  .m_waste h3{ display:block; font-weight:600; font-size:100%; letter-spacing:-1px; padding:0px; margin:0px 0px 12px 0px; vertical-align:top;}		
	  .m_waste span img { margin-top:17px;}
	  
	 
}

@media only screen and (max-width:1000px) {
	
	  .m_waste { margin-left:10px;}		  

}



@media only screen and (max-width:767px) {
	
	.m_waste {margin:30px 0 0 0; float:left; width:100%; }	
    .m_waste h3 { display: block;}
	.m_waste > a,
	.m_waste span  { display:block; width:100%; }
	.m_waste > img {width:100%; max-width:100%;}
	.m_waste span a { display:inline-block; width:49%;}
    .m_waste span a img {width:100%; max-width:100%;} 
	.m_waste a img.wl10 {margin-left:0px;}
	
	
}

 


.eduGroup  {margin:30px 0 0 25px; padding:0px; float:left;}
.eduGroup .yt_edu_box { margin:0px; padding:0px;}
.eduGroup .yt_edu_box .m_title {display: none;}
.eduGroup .yt_edu_box .yt_edu {border:1px solid #d4d4d4; margin:0px 0 8px 0; padding:15px 0 0 20px; background:#f9f9f9 url(../_gmi/niam/yt_edubg.png) no-repeat right bottom; width:285px; height:130px; box-sizing:border-box; }
.eduGroup .yt_edu_box .yt_edu h3{ font-weight:600; font-size:95%; letter-spacing:-1px; padding:0px; margin:0px 0px 10px 0px; vertical-align:top;}
.eduGroup .yt_edu_box .yt_edu p {font-size:85%; letter-spacing:-1px; width:95%; word-break:keep-all; margin-bottom:20px; line-height:160%; }
.eduGroup .yt_edu_box .yt_edu span.btn_edu01 a { color:#337051; background:url(../_gmi/niam/btn_edu01.png) no-repeat right 5px; margin-bottom:5px;}
.eduGroup .yt_edu_box .yt_edu span.btn_edu02 a{ color:#3762ae; background:url(../_gmi/niam/btn_edu02.png) no-repeat right 5px; margin-bottom:5px;}
.eduGroup .yt_edu_box .yt_edu span.btn_edu03 a{ color:#9a379f; background:url(../_gmi/niam/btn_edu03.png) no-repeat right 5px; margin-bottom:5px;}
.eduGroup .yt_edu_box .yt_edu span.btn_edu01 a{  font-size:90%; font-weight:600; padding-right:15px; display:block; width:85px; letter-spacing:-1px;}
.eduGroup .yt_edu_box .yt_edu span.btn_edu02 a {  font-size:90%; font-weight:600; padding-right:15px; display:block; width:110px; letter-spacing:-1px;}
.eduGroup .yt_edu_box .yt_edu span.btn_edu03 a {  font-size:90%; font-weight:600; padding-right:15px; display:block; width:107px; letter-spacing:-1px;}
.eduGroup .eduBanner {border:1px solid #d4d4d4; background:#f99e1c; text-align:center;}
 

@media only screen and (max-width:1280px) {
  
	  .eduGroup  {margin:30px 0 0 30px;}
	  .eduGroup .yt_edu_box { }
	  .eduGroup .yt_edu_box .m_title {display: block; font-weight:600; font-size:100%; letter-spacing:-1px; padding:0px; margin:0px 0px 11px 0px; vertical-align:top;}
	  .eduGroup .yt_edu_box .yt_edu {width:364px; height:142px; padding:40px 0 0 22px; }
	  .eduGroup .yt_edu_box .yt_edu h3{ display:none; }
	  .eduGroup .yt_edu_box .yt_edu span.btn_edu01 a,
      .eduGroup .yt_edu_box .yt_edu span.btn_edu02 a,
      .eduGroup .yt_edu_box .yt_edu span.btn_edu03 a{margin-bottom:10px;}
	     
	 
}

@media only screen and (max-width:1000px) {
 
   	  .eduGroup  {margin:26px 0 0 15px;}
   	  .eduGroup .yt_edu_box { }
   	  .eduGroup .yt_edu_box .m_title {display: block; font-weight:600; font-size:100%; letter-spacing:-1px; padding:0px; margin:0px 0px 11px 0px; vertical-align:top;}
	  .eduGroup .yt_edu_box .yt_edu {width:165px; background-image:none; } 
	  .eduGroup .eduBanner {width:165px; height:60px; line-height:60px; vertical-align:middle;  } 
	  .eduGroup .eduBanner img { width:100%; max-width:100%;  vertical-align:middle;}

}



@media only screen and (max-width:767px) {

	 /*.mobile_group { margin:0px; width:99.5%; padding:0px; border:1px solid #000;}*/
	 
     .eduGroup  {margin:10px 0px 0px 0px; width:calc(100% - 144px); display:inline-block;}
     .eduGroup .yt_edu_box { width:100%; display:block;}
     .eduGroup .yt_edu_box .m_title {display:none;}
     .eduGroup .yt_edu_box .yt_edu {border:1px solid #d4d4d4; margin:0px 0 8px 0; padding:6px 0 10px 10px; box-sizing:border-box; display:block; width:100%; height:131px; background:#f9f9f9 url(../_gmi/niam/yt_edubg.png) no-repeat right bottom; }
     .eduGroup .yt_edu_box .yt_edu h3{display:block; padding-top:5px; font-size:85%;}
     .eduGroup .yt_edu_box .yt_edu p { display:block; width:90%;}
     .eduGroup .yt_edu_box .yt_edu span.btn_edu01 a {  margin-bottom:4px; width:80%; }
     .eduGroup .yt_edu_box .yt_edu span.btn_edu02 a{  border-top:1px dashed #d4d4d4; padding-top:0px; background:url(../_gmi/niam/btn_edu02.png) no-repeat right 5px; width:80%;}
     .eduGroup .yt_edu_box .yt_edu span.btn_edu03 a{  border-top:1px dashed #d4d4d4; padding-top:0px; background:url(../_gmi/niam/btn_edu03.png) no-repeat right 5px; width:80%;}
	 .eduGroup .eduBanner { display:block; width:100%; vertical-align:top;}
	 .eduGroup .eduBanner img { width:auto; max-width:auto; vertical-align:top;}




}

 


@media (max-width:480px) {

  
     .eduGroup .yt_edu_box {}
     .eduGroup .yt_edu_box .yt_edu {width:100%; padding:7px 10px 7% 10px; height:auto; background:#f9f9f9; background-image:none; }
     .eduGroup .yt_edu_box .yt_edu p { width:100%; line-height:16px;  }
     .eduGroup .yt_edu_box .yt_edu span.btn_edu01 a,
     .eduGroup .yt_edu_box .yt_edu span.btn_edu02 a,
     .eduGroup .yt_edu_box .yt_edu span.btn_edu03 a{margin-bottom:5px;}
	 .eduGroup .eduBanner {  vertical-align:middle;}
	 .eduGroup .eduBanner img { vertical-align:middle;} 
	
}


@media (max-width:340px) {
	  
	  .eduGroup .yt_edu_box .yt_edu {padding:7px 10px 3px 10px;}
	
	
	
}

     .m_free.mm_free { display:none;}
	 .m_free.pc_free { display:block;}
.m_free { margin:30px 0 0 20px; padding:0px; float:left; }
.m_free a.m_free2 { display:none;}
.m_free a.m_free3 { display:none;}
.m_free a.m_free4 { display:none;} 


@media only screen and (max-width:1280px) {

	
	

	  .m_free a.m_free1 { display:none;}
	  .m_free a.m_free2 { display: block; }
	  .m_free a.m_free3 { display:none;}
	  .m_free a.m_free4 { display:none;} 
	  .m_free {margin: 30px 0 0 0;}

	 
}

@media only screen and (max-width:1000px) {

	
	  

      .m_free { margin-top:30px;}
	  .m_free a.m_free1 { display:none;}
	  .m_free a.m_free2 { display:block;}
	  .m_free a.m_free3 { display: none;}
	  .m_free a.m_free4 { display:none;} 


}


@media only screen and (max-width:767px) {

     .m_free.mm_free { display:block;}
	 .m_free.pc_free { display:none;}
     .m_free { margin:10px 0% 0 0%;  float:right; width:134px; }
     .m_free a.m_free1 { display:none;}
     .m_free a.m_free2 { display:none;}
     .m_free a.m_free3 { display:none;}
     .m_free a.m_free4 { display: block;  width:100%; height:auto;} 

}

 


@media (max-width:320px) {

    
	.m_free {width:40%; }
	 

	
	
	
}



/*영통SNS*/
.yt_sns { width:156px; margin:30px 0 0 0px; padding:0px; float:right;}
.yt_sns a {display: flex; align-items: center; height: 60px; margin-bottom: 10px; color:#fff; text-align:center;}
.yt_sns .blog {background-color:#49b134;  height: 60px;}
.yt_sns .blog img {width: 39px; height: 18px; margin-left: 20px;}
.yt_sns .blog span {display: inline-block; margin-left: 15px; font-size: 15px;}
.yt_sns .face {background-color:#1877f2; height: 60px;}
.yt_sns .face img {width: 13px; height: 25px; margin-left: 31px;}
.yt_sns .face span {display: inline-block; margin-left: 29px; font-size: 15px;}
.yt_sns .insta {background-color:#ee2c73; height: 60px;}
.yt_sns .insta img {width: 26px; height: 25px; margin-left: 25px;}
.yt_sns .insta span {display: inline-block;margin-left: 21px; font-size: 15px;}


@media only screen and (max-width:1280px) {

	
	
	
	   
	  /*영통SNS*/
	  /*
     .yt_sns { width:364px; margin:30px 0 0 30px;}
     .yt_sns .blog { background:#49b134 url(../_gmi/niam/blog_ico.png) no-repeat 50px 45%; height:61px;}
     .yt_sns .facebook { background:#3a5691 url(../_gmi/niam/facebook_ico.png) no-repeat 50px 45%; height:62px; }
     .yt_sns a { padding-left:100px;}
	 */
	.yt_sns {width: 68%;}
	 
	
	
	 
}

@media only screen and (max-width:1000px) {

	
	  
	
	 /*영통SNS*/
	 /*
     .yt_sns { width:167px; margin:30px 0 0 15px;}
     .yt_sns .blog { background:#49b134 url(../_gmi/niam/blog_ico.png) no-repeat center 15px; height:31px; }
     .yt_sns .facebook { background:#3a5691 url(../_gmi/niam/facebook_ico.png) no-repeat center 15px; height:32px; }
     .yt_sns a { text-align:center; padding-left:0px;}
	 */
	 .yt_sns {width: 60%;}
	  
	  
 


}


@media only screen and (max-width:767px) {

 
  
 
 
	 
	  /*영통SNS*/
	  /*
     .yt_sns { width:100%; margin:10px 0 0 0px;}
     .yt_sns .blog { background:#49b134 url(../_gmi/niam/blog_ico.png) no-repeat 15px 50%; height:61px;  margin-bottom:0px; float:left;}
     .yt_sns .facebook { background:#3a5691 url(../_gmi/niam/facebook_ico.png) no-repeat 15px 50%; height:62px; float:right;  }
     .yt_sns a { padding-top:42px;  padding-left:23%; width:26.5%;}
	 */
	 .yt_sns {display: flex; justify-content: space-between; width: 100%;}
	 .yt_sns a {width: 32%;}
	 
	 

}



/* 영통홍보관 */
.yt_photo {margin:0px 0 40px 0px; padding:0px; float:left; width:100%; position:relative;}
.yt_photo h3{font-weight:600; font-size:130%; letter-spacing:-2px; padding:0px; margin:0px 0px 8px 0px; vertical-align:top;}
.m_photo ul{overflow:hidden;}
.m_photo ul li{float:left; margin-right:0.74%; margin-bottom:0px; border:1px solid #d6d6d6; width:19.1%; display:block;}
.m_photo ul li:nth-of-type(5) { margin-right:0% !important;}
.m_photo ul li p {margin:0px; padding:0px;}
.m_photo ul li p.s_img img {width:100%; height:138px;}
.m_photo ul li p.s_img img a {width:100%; height:138px;}
.m_photo ul li div {padding:15px 10px 4px 12px; font-size:105%;  }
.m_photo ul li div a {overflow:hidden; font-weight:600; width:96%; float:left;  overflow:hidden; letter-spacing:-1px; height:61px; border-bottom:1px solid #d4d4d4;}
.m_photo ul li div span {font-size:90%; line-height:37px; color:#444;}
.m_photo ul li div span.sdong{float:left;}
.m_photo ul li div span.sdate{float:right; padding-right:4%;}
.m_photo .more { position:absolute; top:0px; right:10px; background:url(../_gmi/niam/more_ico.gif) no-repeat right 45%; padding-right:25px; font-size:95%; display:block;}



@media only screen and (max-width:1280px) {

	 
	
	 /* 영통홍보관 */
     .m_photo ul li{width:24.1%; }
     .m_photo ul li:nth-of-type(5) {  display:none;} 
	 .m_photo ul li:nth-of-type(4) { margin-right:0% !important; } 



	
	 
}

@media only screen and (max-width:1000px) {

	
	  
	   /* 영통홍보관 */
     .m_photo ul li{width:32.4%; }
     .m_photo ul li:nth-of-type(5) {  display:none;} 
	 .m_photo ul li:nth-of-type(4) { display:none;} 
	 .m_photo ul li:nth-of-type(3) { margin-right:0% !important; } 
	  
	  
	  

}


@media only screen and (max-width:767px) {

	
	 
	 
	  /* 영통홍보관 */
     .m_photo ul li div a { font-size:90%;}
     .m_photo ul li{width:48.1%; }
     .m_photo ul li:nth-of-type(5) {  display:none;} 
	 .m_photo ul li:nth-of-type(4) { display:none;} 
	 .m_photo ul li:nth-of-type(3) {display:none;}
     .m_photo ul li:nth-of-type(2) { margin-right:0% !important; }
	
	


}

 

@media (max-width:320px) {

    .m_photo ul li div { font-size:95%;}
	 

	
	
	
}
 


/* sns tab */
.sns_tab{margin:30px 0px 0px 30px; float:left; padding:0px;}
.sns_tab div{float:left;}
#tabNav1{position:relative; overflow:hidden; width:441px; height:204px; background-color:#fff; border:1px solid #d6d6d6; border-radius:5px;}
#tabNav1 h4{position:absolute; background:none; padding:0px; margin:0px; font-size:100%; letter-spacing:-1px; font-weight:600; z-index:2; }
#tabNav1 h4#tabNavTitle0101{position:absolute;}
#tabNav1 h4#tabNavTitle0101 a{padding-left:0px; width:220px; background:#f2f2f2 url(/_gmi/niam/facebook_off.png) 25% 8px no-repeat; border-left:none; color:#4b4b4b; }

#tabNav1 h4#tabNavTitle0102{left:220px;  padding-right:0px;}
#tabNav1 h4#tabNavTitle0102 a{padding-left:0px; background:#f2f2f2 url(/_gmi/niam/blog_off.png) 29% 8px no-repeat;  color:#4b4b4b;}

#tabNav1 #tabNav0101 iframe {top:50px; left:0px; position:absolute; width:100%; border:0px;}

#tabNav1 h4.on a{color:#fff; background:none;}
#tabNav1 h4#tabNavTitle0101.on a{background:#fff url(/_gmi/niam/facebook_on.png) 25% 8px no-repeat; color:#111;}
#tabNav1 h4#tabNavTitle0102.on a{background:#fff url(/_gmi/niam/blog_on.png) 29% 8px no-repeat; color:#111;}

#tabNav1 h4 a{display:block; padding:0px; width:220px; background-color:#fff;  background:none; border:1px solid #d6d6d6; border-top:none;  height:42px; text-align:center; line-height:38px;}
#tabNav1 div{margin:62px 0 0 22px; margin:0px; width:100%;}
#tabNav1 ul {position:relative; overflow:hidden; padding-left:22px; margin-top:62px;  }
#tabNav1 ul li{ font-size:90%; }
#tabNav1 ul li:after{display:block; content:""; clear:both;}
#tabNav1 ul li.last{margin-bottom:0}
#tabNav1 ul li a{float:left; display:block; width:390px; overflow:hidden; text-overflow:ellipsis; margin-bottom:8px; white-space:nowrap; padding:0px 0 0 10px; background:url(../_gmi/niam/notice_dot.gif) no-repeat left 10px; }


@media only screen and (max-width:1280px) {

	
	
	
		.sns_tab{ margin-left:0px;}
 
	  	  #tabNav1{width:509px; } 
		  #tabNav1 h4#tabNavTitle0101 a{  width:254px;   }
		  #tabNav1 h4#tabNavTitle0102{left:254px; }
		  #tabNav1 h4 a{  width:254px;}
   		  #tabNav1 ul li a{ width:460px;}

	   
	  
 
	
	
	 
}



@media only screen and (max-width:767px) {

	

/* sns tab */
.sns_tab{margin:10px 0px 10px 0px; float:left; padding:0px; width:100%;}
.sns_tab div{float:left;}
#tabNav1{position:relative; overflow:hidden; width:99%; height:204px; background-color:#fff; border:1px solid #d6d6d6; border-radius:5px;}
#tabNav1 h4{position:absolute; background:none; padding:0px; margin:0px; font-size:100%; letter-spacing:-1px; font-weight:600; z-index:2; width:50%; }
#tabNav1 h4#tabNavTitle0101{position:absolute;}
#tabNav1 h4#tabNavTitle0101 a{padding-left:0px; width:auto; background:#f2f2f2 url(/_gmi/niam/facebook_off.png) 13% 8px no-repeat; border-left:none; color:#4b4b4b; }

#tabNav1 h4#tabNavTitle0102{left:50%;  padding-right:0px; }
#tabNav1 h4#tabNavTitle0102 a{padding-left:0px; background:#f2f2f2 url(/_gmi/niam/blog_off.png) 18% 8px no-repeat;  color:#4b4b4b; width:auto; border-right:none; border-left:none;}

#tabNav1 #tabNav0101 iframe {top:50px; left:0px; position:absolute; width:100%; border:0px;}

#tabNav1 h4.on a{color:#fff; background:none; width:50%;}
#tabNav1 h4#tabNavTitle0101.on a{background:#fff url(/_gmi/niam/facebook_on.png) 13% 8px no-repeat; color:#111; width: auto;}
#tabNav1 h4#tabNavTitle0102.on a{background:#fff url(/_gmi/niam/blog_on.png) 18% 8px no-repeat; color:#111;  width:auto;}

#tabNav1 h4 a{display:block; padding:0px; width:50%; background-color:#fff;  background:none; border:1px solid #d6d6d6; border-top:none;  height:42px; text-align:center; line-height:38px;}
#tabNav1 div{margin:62px 0 0 22px; margin:0px; width:100%;}
 
 
#tabNav1 ul li a{float:left; display:block; width:90%; overflow:hidden; text-overflow:ellipsis; margin-bottom:8px; white-space:nowrap; padding:0px 0 0 10px; background:url(../_gmi/niam/notice_dot.gif) no-repeat left 10px; }
 



}

 

.slider .wrapper {width:95%; height:85px; margin: 0 auto; overflow: hidden;}
.slider .box { text-align: center; margin:0px;  width:calc(100% / 11);}

.slider .btn .next {
    background: rgba(0, 0, 0, 0) url(/_gmi/niam/btn_prev.png) no-repeat center center;
    left:0; position:absolute; top:50%; transform:translateY(-50%);
}
.slider .btn .prev {
    background: rgba(0, 0, 0, 0) url(/_gmi/niam/btn_next.png) no-repeat center center;
    right:0px; position:absolute; top:50%; transform:translateY(-50%);
}

.slider {position: relative; overflow:hidden; padding:25px 2% 25px 2%; height:85px;}
.slider:after{display:block; content:""; clear:both;}
.slider .wrap {display: flex; flex-wrap: wrap; margin: 0 auto;  overflow: hidden;}
.slider .box img { width:54px;}
.slider .box p {  font-weight: 600; padding: 10px 0 0px;  letter-spacing: -1px; font-size:85%; word-break:keep-all; line-height:118%;}
.slider .box a:hover p { color: #1d4666;}
.slider .btn div { cursor: pointer;  height: 44px;  position: absolute;  top: 15px;  width: 43px;}
.slider .btn div span { display: block; height: 100%;  width: 100%;}
.slider .wrap .box a { display: block;  }
.slider .wrap .box a:hover {  color: #c5021e;}



/* 메인배너 */
.m_bottom { margin:30px 0px 0px 0px; padding:0px; border:1px solid #d4d4d4; overflow:hidden; float:left; width:1248px; }


/* 민원서비스 */
.minwonservice_outer { margin:0px auto 30px auto; padding:0px; width:100%; overflow:hidden;  }
 .minwonservice { width:99%; margin:0 auto; padding:0px; overflow:hidden; border:1px solid #d4d4d4; background:#f9f9f9;}
 .minwon_boxs { width:19.9%; height:297px; float:left; margin:0px; padding:0px 0 30px 0; display:inline; border-right:1px solid #e4e4e4; }
 .minwon_boxs.minwon_boxs_last {border-right:none !important;}
 .minwon_boxs h3 {font-size:100%; font-weight:600; text-align:left; background:none; margin:24px 0px 20px 23px; padding:0px; letter-spacing:-1px;}
 .minwon_boxs h3 a { cursor:pointer; }
 .minwon_boxs ul {margin:0; padding:0px 0 0px 23px; list-style:none; width:auto;}
 .minwon_boxs ul li {margin:0px; padding:0px; line-height:20px; }
 .minwon_boxs ul li a { font-size:85%; font-weight:500;  letter-spacing:-1px; background:url(../_gmi/niam/notice_dot.gif) no-repeat left 10px; padding:0 0 0 10px; line-height:22px; }  
 



@media only screen and (max-width:1280px) {
	 
}

@media only screen and (max-width:1000px) {

.slider .wrapper {   width:95%; height:85px;   }
.slider .box {  width:9.1%; }
/*
.slider .btn .prev {
    background: rgba(0, 0, 0, 0) url(/_gmi/niam/btn_prev.png) no-repeat scroll 0 0;
    left:20px; position:absolute; top:50px;
}
.slider .btn .next {
    background: rgba(0, 0, 0, 0) url(/_gmi/niam/btn_next.png) no-repeat scroll 0 0;
    right:0px; position:absolute; top:50px;
}
*/
 






	/* 민원서비스 */
.minwonservice_outer {display:block; background:none; margin-bottom:30px; }
.minwonservice {display:block; margin:0; border-bottom:none; width:99.5%; }
.minwon_boxs{width:100%; border:0px; margin:0px;}

.minwonservice [class^="minwon_boxs"]{float:none;width:auto;height:auto;border-width:0}
.minwonservice [class^="minwon_boxs"] h3{margin:0px; padding:0px; background:#f9f9f9; border-bottom:1px solid #d4d4d4;}


.minwon_boxs h3{margin:0; }
.minwon_boxs h3 a{display:block; height:40px; padding-left:10px; line-height:40px; background: url(../_gmi/niam/minwon_plus.png) no-repeat 95% 14px;}
.minwon_boxs h3 a.ov{background:#6283a6 url(../_gmi/niam/minwon_minus.png)  no-repeat 95% 14px; color:#fff;}

.minwon_boxs ul{overflow:hidden; width:100%; margin:0px; padding:14px 0px; background:#fff !important; border-bottom:1px solid #d4d4d4;}
.minwon_boxs ul li{float:left; width:45%; padding:2px 0px 2px 10px;}
.minwon_boxs ul li a{padding-left:8px;  }
.minwon_boxs ul li a:hover {text-decoration:none; }
.minwon_boxs ul li a[target="_blank"]{ letter-spacing:-1px; }
.minwon_boxs ul li a:hover [target="_blank"] { text-decoration:none; }

}

@media only screen and (max-width:767px) {

	
	
.slider { margin-bottom:15px; margin-top:10px; padding:10px 2%;}
.slider .wrapper {   width:85%; margin:0 20px; height:85px; overflow:hidden; }
.slider .box {  width:15.3%; overflow:hidden;}
/*
.slider .btn .prev {
    background: rgba(0, 0, 0, 0) url(/_gmi/niam/btn_prev.png) no-repeat scroll 0 0;
    left:20px; position:absolute; top:50px;
}
.slider .btn .next {
    background: rgba(0, 0, 0, 0) url(/_gmi/niam/btn_next.png) no-repeat scroll 0 0;
    right:0px; position:absolute; top:50px;
}
*/
 


}