@charset "utf-8";
.main_con {width:1250px; margin:0px auto; padding:0px; position:relative; }



.group1 {width:1250px; margin:0px; padding:0px; float:left;margin-bottom:30px;} 

/*.link_ny {background: #003280;}
.link_bl {background: #009bd9;}
.link_gr {background: #00a199;}
.link_bw {background: #8b734b;}
*/

.link_ny {background: #ff0000;}
.link_bl {background: #ffcc00;}
.link_gr {background: #33cc00;}
.link_bw {background: #3366ff;}


/* 메인팝업존 */ 
.main_visual{ float:left; width:568px; height:287px; margin:0px; padding:0px; position:relative; background:#096;}
.main_visual .bx-wrapper .slide {position:relative;}
.main_visual .bx-wrapper .slide a {display:block;}
.main_visual .bx-wrapper .slide .img img {width:100%;}
.main_visual .bx-wrapper .slide a img {width:568px !important; margin:0; padding:0; border:0;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:absolute; top:78%; left:120px; display:block; width:100px; font-size:18px; color:#fff;  }
.main_visual .bx-wrapper .bx-pager a {width:13px; height:13px; margin:0 3px; border-radius:10px; text-indent:-9999px; background:#fefefe;}
.main_visual .bx-wrapper .bx-pager a:hover {background:#d3d3d3;}
.main_visual .bx-wrapper .bx-pager a.active {background:#feb900;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {top:85%; left:51px; width:26px; }
.main_visual .bx-wrapper .bx-controls-direction a.bx-prev{top:85%; left:21px; width:26px; height:26px; background:url(../gmi/niam/mvisual_prev.png) 0 0 no-repeat; z-index:1; opacity:1;}
.main_visual .bx-wrapper .bx-controls-direction a.bx-next{top:85%; left:81px; width:26px; height:26px; background:url(../gmi/niam/mvisual_next.png) 0 0 no-repeat; z-index:1; opacity:1;}
.main_visual .bx-wrapper .bx-controls-auto .bx-start{ display:none; top:241px; left:81px; width:26px; height:26px; background:url(../gmi/niam/mvisual_play.png) 0 0 no-repeat; z-index:1;}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop{top:85%; left:51px; width:26px; height:26px; background:url(../gmi/niam/mvisual_stop.png) 0 0 no-repeat; z-index:1;}

/*보건소 안내*/
.m_guide{width:100%;border: 3px solid #74a2db;}
.m_guide h2{font-size: 18px;display: flex; justify-content: space-between; font-weight: bold; background: #74a2db; color: #fff; height: 38px; align-items: center; padding: 0 15px;}
.m_guide h2 span{ border: 1px solid #fff; border-radius: 46px;width: 113px;height: 21px;display: flex;align-items: center; padding: 0 10px;position: relative;}
.m_guide h2 a{font-size:14px; font-weight:400; color:#Fff;}
.m_guide h2 a span:after{content:''; background:url(../gmi/niam/top_next_btn.png) 0 0 no-repeat; display:inline-block; width:7px; height:9px;position: absolute; right: 9px;}
.m_guide .content_b{height: 100px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;padding-left: 15px;}
.m_guide .content_b p{font-size:15px;}
/*빈대 정보집*/
.m_bedbugbook a{ background:#5f7a9c; height:50px; color: #fff;letter-spacing: -1px;display: block;padding: 0 22px 0 71px; line-height: 48px; position: relative;}
.m_bedbugbook a h2{font-size: 18px;font-weight: bold; display: flex; align-items: center; justify-content: space-between;}
.m_bedbugbook a:hover{color:#fff;}
.m_bedbugbook a:before{content:''; display:block; width:37px; height:37px; background:url(../gmi/niam/bedbug_img.png) 0 0 no-repeat;position: absolute;left: 20px;top: 6px;}





/*플랫폼*/
.m_etc_box {width:242px; height:/*287px*/auto; margin-left:30px; float:left;display:flex; flex-direction:column;}
.m_etc_box .m_platform { background:#ffe3e3 url(../gmi/niam/m_platform_bgn.png) no-repeat bottom center; width:100%; height:187px; padding:22px 0px 0px 0px; text-align:center; margin-bottom:7px; }
.m_etc_box .m_platform h2 { font-size:135%; font-weight:600; color:#000; letter-spacing:-2px;}
.m_etc_box .m_platform h2 > span { font-weight:600; display:block; margin-bottom:3px; font-size:85%; font-family: 'Nanum Myeongjo', serif; letter-spacing:-1px;}
.m_etc_box .m_platform > span { background:#fe7ca0; color:#fff; text-align:center; display:block; padding:3px 0px; margin:70px auto 0px auto; width:104px; line-height:24px; border-radius:4px; font-size:90%; font-weight:500; letter-spacing:0px;}
.m_etc_box .m_platform > span:hover { background:#ed3b6c; color:#fff;}
.m_etc_box a { display:block;}
.m_etc_box a:hover { text-decoration:none !important;}

.platform_wrap {width:242px; float:left;}
.platform_wrap .m_platform {     position: relative; background:#ffe3e3 url(../gmi/niam/m_platform_bgn.png) no-repeat bottom center; width:100%; height:153px; padding:22px 0px 0px 0px; text-align:center; margin:10px 0 0 0; }
.platform_wrap .m_platform:before{content:''; width:51px; height:30px; display:inline-block; position:absolute; top:3px; left:3px; background: url(../gmi/niam/logo_img2.png) no-repeat;background-size:100%;}
.platform_wrap .m_platform h2 { font-size:135%; font-weight:600; color:#000; letter-spacing:-2px;}
.platform_wrap .m_platform h2 > span { font-weight:600; display:block; margin-bottom:3px; font-size:85%; font-family: 'Nanum Myeongjo', serif; letter-spacing:-2px;}
.platform_wrap .m_platform > span { background:#fe7ca0; color:#fff; text-align:center; display:block; padding:3px 0px; margin:30px auto 0px auto; width:104px; line-height:24px; border-radius:4px; font-size:90%; font-weight:500; letter-spacing:0px;}
.platform_wrap .m_platform > span:hover { background:#ed3b6c; color:#fff;}
.platform_wrap a { display:block;}
.platform_wrap a:hover { text-decoration:none !important;}

.m_etc_box .m_newsletter { background:#253f8c url(../gmi/niam/m_newsletter_bg.png) no-repeat bottom right; width:100%; height:92px; padding:18px 20px 20px 20px;margin: 10px 0 11px 0;}
.m_etc_box .m_newsletter h2 { font-size:130%; font-weight:500; color:#000; letter-spacing:-1px; color:#fff}
.m_etc_box .m_newsletter span { color:#fff; text-align:center; display:block; border:1px solid #fff; padding:3px 0px; margin:7px 0 0 0; width:84px; line-height:20px; border-radius:4px; font-size:90%; font-weight:500; letter-spacing:0px;}
.m_etc_box .m_newsletter span:hover { background:#fff; color:#253f8c;}


/* 카드뉴스 */
#cardnews { width:381px; height:287px;  float:right;  margin:0px; padding:0px;}
.popup2{ position:relative;}

h3.cardNews_title {width:95px; height:36px; position:absolute; left:0; top:0; background:#5d5d5d; text-align:center; z-index:10; }
h3.cardNews_title a { font-weight:400; font-size:90%; line-height:36px; color:#fff;  z-index:10; }
h3.cardNews_title a:hover { text-decoration:none; color:#fff;}

.popup2 .pop_list2 li{display:none; }
.popup2 .pop_list2 li:first-child{display:block;}

.popup2 .pop_ctrl{position:absolute; right:14px; bottom:20px; width:auto; padding:0px;  text-align:center; }
.popup2 .pop_ctrl button{display:block; float:left; margin:0px 6px 0px 6px; padding:0; background-color:#fff; font-size:0; line-height:0; border:0;}
.popup2 .pop_ctrl button:first-child{border-left:none;}

.popup2 .pop_ctrl .pop_prev2 { background:url('/gmi/niam/btn_pop_pre.png'); width:8px; height:14px;  }
.popup2 .pop_ctrl .pop_stop2 { background:url('/gmi/niam/btn_pop_stop.png'); width:8px; height:14px; }
.popup2 .pop_ctrl .pop_play2 { background:url('/gmi/niam/btn_pop_play.png'); width:8px; height:14px;}
.popup2 .pop_ctrl .pop_next2 { background:url('/gmi/niam/btn_pop_next.png'); width:8px; height:14px;}

#popcount2 { display:none;}

.popup2 .pop_list2 {margin:0px; }
.popup2 .pop_list2 {width:100%;margin:0px; padding:0px;}

.popup2 .pop_list2 li a img {width:100%; height:307px;}
.popup2 .pop_list2 li a {margin:0px; padding:0px;}


.link_title h3 {font-size: 15px; font-weight: 500; border-bottom: 1px solid #e1e2e4;}
.link_wrap {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; margin-bottom: 10px;}
.link_wrap a{display: flex; justify-content: center; align-items: center; border-radius: 5px; transition: 0.1s; font-weight: 500; width: calc(50% - 3px); height: 66px; margin-bottom: 5px; font-size: 17px; color: #fff;}
/*.link_wrap a::before {display: inline-block; content: ''; width: 17px; min-height: 17px; margin-top: 5px; background:url('/gmi/niam/ico_linkbtn.png') no-repeat;}*/
.link_wrap a:hover {color: #fff; opacity: 0.8;}
.link_wrap span {font-size:14px; margin-left: 3px; font-weight: 400;}

.group2 {width:850px; margin:30px 0px 0px 0px;padding:0px;float:left;overflow:hidden;} 
.group2 .f_box{display:flex; flex-direction:column;}

/* 공지사항 */
.news_tab { float:left; margin-right:30px; width:568px; display:inline;}
#tabNav1{position:relative;overflow:hidden; background:url('/gmi/niam/notice_bg.gif') repeat-x center top; }
#tabNav1:after{display:block; content:""; clear:both;}
#tabNav1 h3{position:absolute;  background:none; padding:0px; margin:0px; } 
#tabNav1 h3#tabNavTitle0101 { }
#tabNav1 h3#tabNavTitle0101 a {   }
#tabNav1 h3#tabNavTitle0102 {top:0px; left:121px; /*left:101px;*/  }
#tabNav1 h3#tabNavTitle0102 a {  background:none; }
#tabNav1 h3#tabNavTitle0103 {top:0px; left:240px;  /*left:200px;*/  }
#tabNav1 h3#tabNavTitle0103 a { background:none; }

#tabNav1 h3.on a{padding-left:0px; width:105px; color:#253981; border-bottom:2px solid #51619a; font-weight:500; font-size:120%;   }
#tabNav1 h3 a{display:block; padding:0px; margin:0px; width:105px; height:37px; text-align:center; text-decoration:none; font-size:100%;  }

#tabNav1 div{ margin:54px 0 0px 0px; width:100%;}
#tabNav1 ul { padding:0px;  }
#tabNav1 ul li{position:relative;overflow:hidden; padding:4px 0px; border-bottom:1px dotted #c7c8ca;}
#tabNav1 ul li:after{display:block; content:""; clear:both;}
#tabNav1 ul li a{float:left;display:block; width:68%;/* line-height:30px; */overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:95%; }
#tabNav1 ul li a img { margin:4px 0 0 7px; }
#tabNav1 ul li span{float:right; color:#6d6d6d; padding-right:10px; font-size:95%; }
#tabNav1 ul li div {  width:75px; margin:0px 10px 0px 0px; font-weight:500; color:#fff; text-align:center; float:left; border-radius:4px 4px; font-size:80%;}
#tabNav1 #tabNav0103 ul li a { padding-left:20px; background:url(/gmi/niam/notice_blt.gif) no-repeat 10px 10px; }
#tabNav1 ul li .ja { background:#67c3d1; height:23px; line-height:21px; } /* 장안 */
#tabNav1 ul li .pd { background:#ff908b; height:23px; line-height:21px;} /* 팔달 */
#tabNav1 ul li .yt { background:#ffc19a; height:23px; line-height:21px;} /* 영통 */
#tabNav1 ul li .ks { background:#5cb85c; height:23px; line-height:21px;} /* 권선 */
#tabNav1 ul li .sw { background:#b4b2db; height:23px; line-height:21px;} /* 수원시 */
#tabNav1 span.more { position:absolute; top:4px; right:0px;}
#tabNav1 span.more a{ display:block; padding:0px; width:20px; height:20px;  text-align:center; transition:all .5s }
#tabNav1 span.more a:hover {text-decoration:none; transform:rotate(180deg)}




/* 보건소 운영시간*/
.health_box { float:right; position:relative; width:251px; margin:0px; padding:0px;   }
.health_box h3 {border-bottom:1px solid #e1e2e4;padding:0px 0px 11px 0px;font-size:14px; font-weight:500; color:#000; margin-bottom:10px;}
.health_box span.more { position:absolute; top:4px; right:0px;}
.health_box span.more a{ display:block; padding:0px; width:20px; height:20px;  text-align:center;  transition:all .5s }
.health_box span.more a:hover {text-decoration:none;  transform:rotate(180deg) }
.health_box dl.time1,
.health_box dl.time2 { overflow:hidden; margin:10px 0 0 0;  }
.health_box dl.time1 dt,
.health_box dl.time2 dt { font-size:95%; line-height:14px;  display: inline-block; text-align: center; color: #fff; }
.health_box dl.time1 dt { background:#739a77;display:block; text-align:left; padding: 6px; border-radius: 4px;}
.health_box dl.time2 dt { padding-top:10px; border:1px solid #ffa3b3; background:#ffa3b3; }
.health_box dl.time1 dd,
.health_box dl.time2 dd {  padding:0px; line-height:24px; letter-spacing:0px; text-align:left; font-size:14px;}
.health_box dl.time1 dd span { color:#0e571f; }
.health_box dl.time2 dd span { color:#ed2345; line-height:49px; }
.health_box dl.time1 dd ul { margin:5px 0 0 0; padding:0px;  }
.health_box dl.time1 dd ul li { font-size:90%; line-height:20px; padding-left:11px;  background:url(/gmi/niam/m_dot_blt.gif) no-repeat 4px 8px; }
.health_box p { width:100%; height:38px; background:url(/gmi/niam/main_tel_bg.gif) no-repeat center top; position:relative; margin:13px 0 0 0; padding:0px; float:left; }
.health_box p a { display:block; line-height:38px;text-decoration:none; }
.health_box p span {  display:block; text-align:center; margin:0px auto; color:#fff;  padding-left:14px; } 
.health_box p i.icon {  position:absolute; z-index:22; left:50%; margin-left:-100px; top:4px;  background:url(/gmi/niam/main_tel_icon.png) no-repeat 0px 0px; width:30px; height:30px; }

/*감염병 관리 바로가기*/
.health_box.link_go{display:flex; flex-direction:column; margin-bottom:30px;}


/*원클릭서비스*/
.onclick_box { width:100%; float:left; margin-top:28px; }
.onclick_box h3 {font-size:120%; font-weight:500; margin-bottom:12px; color:#000;}
.onclick_box ul { }
.onclick_box ul li { position:relative;  float:left; width:19.6%; height:85px; margin-right:0.5%; border:1px solid #e1e2e4; }
.onclick_box ul li:last-child { margin-right:0px; }

.onclick_box ul li.bg1 { background:#f6f6f6 url(/gmi/niam/oneclick_bg1.jpg) no-repeat right 0px;  }
.onclick_box ul li.bg2 { background:#f6f6f6 url(/gmi/niam/oneclick_bg2.jpg) no-repeat right 0px;  }
.onclick_box ul li.bg3 { background:#f6f6f6 url(/gmi/niam/oneclick_bg3.jpg) no-repeat right 0px;  }
.onclick_box ul li.bg4 { background:#f6f6f6 url(/gmi/niam/oneclick_bg4.jpg) no-repeat right 0px;  }
.onclick_box ul li.bg5 { background:#f6f6f6 url(/gmi/niam/oneclick_bg5.jpg) no-repeat right 0px;  }

.onclick_box ul li a { text-decoration:none; display:block; width:100%;  height:85px; padding:22px 0px 0px 18px; }
.onclick_box ul li a:hover {  color:#253981; font-weight:500; }
.onclick_box ul li a .arr_btn{display: inline-block; position:absolute; left:20px; bottom:20px; width:54px; height:5px; background:url('/gmi/niam/onclick_more.png') 0% 47% no-repeat;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}

.onclick_box ul li a:hover .arr_btn,
.onclick_box ul li a:focus .arr_btn {background-position:60% 47%;  }





.group3 {width:381px; margin:30px 0px 0px 0px; padding:0px;  float:right; overflow:hidden; } 


/* 아이콘 메뉴 */
  .main_icon_box {margin:0px; padding:0px; overflow:hidden; width:381px; height:410px; float:right; }
  .main_icon_box ul { margin:0px; padding:0px;  }
  .main_icon_box ul li { margin:0px; padding:0px; float:left; display:inline;  width:127px; height:138px; border-right:3px solid #fff; border-bottom:3px solid #fff; background:url('/gmi/niam/main_icon_bg.gif') no-repeat left top; }
  .main_icon_box ul li:nth-child(3),
  .main_icon_box ul li:nth-child(6),
  .main_icon_box ul li:nth-child(9) { border-right:0px;  }


  .main_icon_box ul li a {width:100%;color:#fff;margin:0px;padding:88px 0px 0 0;float:left;display:inline;font-weight:500; font-size:95%; line-height:20px;display:block;text-align:center;text-decoration:none;}   
  .main_icon_box ul li a img {padding:0px;}
  .main_icon_box ul li a.mquick01 {background:url('/gmi/niam/m_icon01.png') no-repeat center 20px;}
  .main_icon_box ul li a.mquick02 {background:url('/gmi/niam/m_icon02.png') no-repeat center 20px;}
  .main_icon_box ul li a.mquick03 {background:url('/gmi/niam/m_icon03.png') no-repeat center 20px;}
  .main_icon_box ul li a.mquick04 {background:url('/gmi/niam/m_icon04.png') no-repeat center 20px;} 
  .main_icon_box ul li a.mquick05 {background:url('/gmi/niam/m_icon05.png') no-repeat center 20px;}
  .main_icon_box ul li a.mquick06 {background:url('/gmi/niam/m_icon06.png') no-repeat center 20px;}
  .main_icon_box ul li a.mquick07 {background:url('/gmi/niam/m_icon07.png') no-repeat center 20px;}
  .main_icon_box ul li a.mquick08 {background:url('/gmi/niam/m_icon08.png') no-repeat center 20px;}   
  .main_icon_box ul li a.mquick09 {background:url('/gmi/niam/m_icon09.png') no-repeat center 20px;}   

  .main_icon_box ul li a:hover.mquick01,
  .main_icon_box ul li a:focus.mquick01  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon01.png') no-repeat center 20px; }
  .main_icon_box ul li a:hover.mquick02,
  .main_icon_box ul li a:focus.mquick02  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon02.png') no-repeat center 20px; }
  .main_icon_box ul li a:hover.mquick03,
  .main_icon_box ul li a:focus.mquick03  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon03.png') no-repeat center 20px; }
  .main_icon_box ul li a:hover.mquick04,
  .main_icon_box ul li a:focus.mquick04  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon04.png') no-repeat center 20px; }
  .main_icon_box ul li a:hover.mquick05,
  .main_icon_box ul li a:focus.mquick05  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon05.png') no-repeat center 20px; }
  .main_icon_box ul li a:hover.mquick06,
  .main_icon_box ul li a:focus.mquick06  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon06.png') no-repeat center 20px; }
  .main_icon_box ul li a:hover.mquick07,
  .main_icon_box ul li a:focus.mquick07  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon07.png') no-repeat center 20px; }
  .main_icon_box ul li a:hover.mquick08,
  .main_icon_box ul li a:focus.mquick08  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon08.png') no-repeat center 20px; }
  .main_icon_box ul li a:hover.mquick09,
  .main_icon_box ul li a:focus.mquick09  { width:100%; height:100%; background:#4f82c2 url('/gmi/niam/m_icon09.png') no-repeat center 20px; }

  .main_icon_box ul li a:hover{  
    animation-duration: 1s;
    animation-name:kocef;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: inherit;
	-webkit-animation-duration: 1s;
    -webkit-animation-name:kocef;
    -webkit-animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: inherit;
	-moz-animation-duration: 1s;
    -moz-animation-name:kocef;
    -moz-animation-fill-mode: both;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: inherit;
	-o-animation-duration: 1s;
    -o-animation-name:kocef;
    -o-animation-fill-mode: both;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: inherit;	
  }
  @keyframes kocef{
    0%{background-position:center 25px;} 
    20%{background-position:center 15px;}
    40%{background-position:center 25px;} 
    60%{background-position:center 20px;} 
    100%{background-position:center 25px;} 
  }
  
  
  
  
  
  





/*****************1320이하******************************************/
@media all and (max-width:1320px){

/*platform_wrap*/
.platform_wrap{width:100%;}

/***** header *****/
.header_topCon { max-width:1000px;}

/* gnb */
.gnb_area { max-width:1000px; }
.gnb_etc { max-width:1000px; }

/***** container *****/
.content_area { max-width:980px; position:relative; margin:0px auto;}


/***** footer *****/
.footer_con { max-width:1000px; }



.group1 {width:100%;}
.group2 .f_box{width:100%; flex-direction:inherit;}
/* 메인팝업존 */
.main_visual{ width:568px; }


/* 카드뉴스 */
#cardnews { float:left; margin-left:30px; /*width: 30%; height:auto;*/ }
.popup2 .pop_list2 li a img { /*height:226px; */}


/*플랫폼*/
.m_etc_box {width:100%; margin:30px 0 0 0; float:left; height:auto; }
.m_etc_box .m_platform {  float:left;  width:100%; margin:0px;  padding:18px 20px 20px 30px; height:97px; background:#ffe3e3 url(../gmi/niam/m_platform_bg_pc.png) no-repeat top right; margin-top:20px;}
.m_etc_box .m_platform h2 { float:left;}
.m_etc_box .m_platform h2 span { text-align:left;}
.m_etc_box .m_platform a {float:left; margin-top:28px; margin-left:30px;}
.m_etc_box .m_platform > span { margin:20px auto 0px auto; }

.m_etc_box .m_newsletter {/*width:381px;*/ width:100%; height:97px; background:#253f8c url(../gmi/niam/m_newsletter_bg_t.png) no-repeat bottom right;  padding:18px 20px 20px 30px; }
.m_etc_box .m_newsletter h2 { font-size:130%; font-weight:500; color:#000; letter-spacing:-1px; color:#fff}
.m_etc_box .m_newsletter a { color:#fff; /*text-align:center;*/ display:block; /*border:1px solid #fff;*/ padding:3px 0px; /*margin:7px 0 0 0;*/ width:100%; line-height:24px; border-radius:4px; font-size:90%; font-weight:500; letter-spacing:0px;}
.m_etc_box .m_newsletter a:hover { /*background:#fff;*/ color:#253f8c;}
.health_box dl.time1 {float: left;}

.link_wrap {justify-content: flex-start;}
.link_wrap a {width: calc(50% - 5px); margin-right: 5px;}


.group2 {float:left;width:568px;}

/* 공지사항 */
.news_tab { width:100%; margin-bottom:20px;} 
#tabNav1 div{width:100%;}
#tabNav1 ul li a { width:64%;}
#tabNav1 ul li:nth-child(4),
#tabNav1 ul li:nth-child(5) {display:none;}

#tabNav1 h3#tabNavTitle0102 { left:105px; }
#tabNav1 h3#tabNavTitle0103 { left:210px; }


/* 보건소 운영시간*/ 
 
.health_box dl.time1,
.health_box dl.time2 { width:50%;  margin: 25px 0 0 0;}

.health_box dl.time1 dd,
.health_box dl.time2 dd {width:75%;  }
.health_box p { background-size:100%;}





/*원클릭서비스*/
.onclick_box { width:980px; margin:30px auto 0px auto; }
.onclick_box ul li { width:24.3%;  margin-right:0.9%; }
.onclick_box ul li:last-child { margin-right:0px; }



.group3 {width:381px;}

/* 아이콘메뉴 */
.main_icon_box { width:100%; }
.main_icon_box ul li { width:33%;}




}




/*****************1040이하******************************************/
@media all and (max-width:1040px){
/*육아 플랫폼*/
.platform_wrap{width:100%; margin-top:20px; float:right;}
/*보건소 안내*/
.guide_wrap{width:100%;}
/*빈대정보집*/
.m_bedbugbook{width:100%;}
.group1,
.group2, 
.group3 { width:100%; }
.group2,
.group3 { margin-top:20px;}


/* 메인팝업 */
.main_visual{ width:100%; height:auto; margin-bottom:20px; }
.main_visual .bx-wrapper .slide a img { height:auto; width:100% !important; }
 
.main_visual img{width:100%;}
/* 카드뉴스 */
#cardnews {  width:48.8%; height:auto; margin:0px; }
.popup2 .pop_list2 li a img { height:auto; }

/*.platform_wrap {padding-left:22px;}*/
 

/*플랫폼*/
.m_etc_box {width:48.8%; margin:0px; float:right;}
.m_etc_box .m_platform {  float:left;  width:100%; margin:0px 0 20px 0;  padding:8% 0px 10% 5%; height:auto; background:#ffe3e3 url(../gmi/niam/m_platform_bg.png) no-repeat bottom right; }
.m_etc_box .m_platform h2 { float:left; width:100%; text-align:left;}
.m_etc_box .m_platform h2 span {}
.m_etc_box .m_platform a { margin-top:20px; margin-left:0px;}
.m_etc_box .m_platform > span { margin:70px auto 0px auto; }

.m_etc_box .m_newsletter {  float:right; width:100%; padding:6% 0px 5% 5%; height:auto;}



 

/* 공지사항 */
.news_tab {  float:left; margin-right:0px;}
#tabNav1 div { width:auto;}
#tabNav1 ul li a{ width:50%; }
#tabNav1 ul li:nth-child(4),
#tabNav1 ul li:nth-child(5) {display:block;}


/* 보건소 운영시간*/ 
.health_box {float:right; }
 
.health_box dl.time1,
.health_box dl.time2 { width:100%;  }

.health_box dl.time1 dd,
.health_box dl.time2 dd {width:75%;  }
.health_box p { background-size:100%;}


/* 아이콘메뉴 */
.main_icon_box ul {  width:100%;}
.main_icon_box ul li { width:33.3%;}


/*원클릭서비스*/
.onclick_box { width:100%; margin-top:20px; }
.onclick_box ul li {margin-bottom:1%;}



}



/*****************800이하******************************************/
@media all and (max-width:800px){
/*육아 플랫폼*/
 .platform_wrap{width:100%;}
/* 카드뉴스 */
#cardnews { float:left; width:100%; height:auto; }
.group2 .f_box{flex-wrap:wrap;}
.popup2 .pop_list2 li a img{ height:auto; }
.platform_wrap {padding-left: 0;}



/*플랫폼*/
.m_etc_box {width: 100%; float:left; margin:20px 0 0 0;}


/* 공지사항 */
.news_tab {  width:100%; }
#tabNav1 div { width:auto;}
#tabNav1 ul li a{ width:60%; }



 


/* 원클릭 서비스 */
.onclick_box ul li {width:100%; margin-right:2%;  margin-bottom:2%;}



}


/*****************640이하******************************************/
@media all and (max-width:640px){


#tabNav1 ul li a{  }



}


/****************480이하******************************************/
@media all and (max-width:480px){


/* 공지사항 */
#tabNav1 ul li a{ width:50%;}

/* 메인팝업존 */
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { top:56%;  }
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {top:70%;  }
.main_visual .bx-wrapper .bx-controls-direction a.bx-prev{top:70%;}
.main_visual .bx-wrapper .bx-controls-direction a.bx-next{top:70%;} 
.main_visual .bx-wrapper .bx-controls-auto .bx-stop{top:70%;}






}