@charset "utf-8";


/*.top_openClose{display:none;}*/

.main_contents{padding:65px 0 80px 0; width:1250px; margin:0 auto;}
.m_top{overflow:hidden; margin-bottom:70px;display: flex;}
.m_box_wrap{display: flex; justify-content:space-between; }
/*.m_top div{float:left;}*/
._2p3a{width: 338px !important;}
/* sns tab */
.sns_tab{margin-right:10px;}
#tabNav1{position:relative; overflow:hidden; width:253px; height:205px; background-color:#f4f6f5; border:1px solid #d6d6d6;}
#tabNav1 h4{position:absolute; background:none; padding:0px; margin:0px; font-size:14px; letter-spacing:-1px; font-weight:600; z-index:2; }
#tabNav1 h4#tabNavTitle0101{position:absolute;}
#tabNav1 h4#tabNavTitle0101 a{padding-left:12px; width:125px; background:#fff url(../../images/main/blog_off.gif) 10px 9px no-repeat; border-left:none; }

/* 
#tabNav1 h4#tabNavTitle0102{left:84px;  padding-right:15px;}
#tabNav1 h4#tabNavTitle0102 a{padding-left:9px; background:#fff url(../../images/main/blog_off.gif) 10px 6px no-repeat;}
*/

#tabNav1 h4#tabNavTitle0103{left:129px;}
#tabNav1 h4#tabNavTitle0103 a{padding-left:10px;  width:120px;background:#fff url(../../images/main/facebook_off.gif) 9px 7px no-repeat;}

#tabNav1 #tabNav0103 iframe {top:30px; left:0px; position:absolute; width:100%;}

#tabNav1 h4.on a{color:#fff; background:none;}
#tabNav1 h4#tabNavTitle0101.on a{background:#2db400 url(../../images/main/blog_on.gif) 10px 8px no-repeat;}
#tabNav1 h4#tabNavTitle0102.on a{background:#2db400 url(../../images/main/blog_on.gif) 10px 6px no-repeat;}
#tabNav1 h4#tabNavTitle0103.on a{background:#004a9a url(../../images/main/facebook_on.gif) 7px 7px no-repeat;}
#tabNav1 h4 a{display:block; padding:4px 0 7px 0; width:75px; background-color:#fff;  background:none; border:1px solid #d6d6d6; border-top:none;  height:21px; text-align:center;}
#tabNav1 div{margin:52px 0 0 22px; width:422px; margin:0px; width:100%;}
#tabNav1 ul {position:relative; overflow:hidden; padding-left:12px; margin-top:52px; }
#tabNav1 ul li{ }
#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:200px; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; white-space:nowrap; padding-left:12px; background:url(../../images/main/dot01.gif) 0 7px no-repeat;}
#tabNav1 span.more{display:none;}
/*sns_box*/
.content_sns{display: flex; align-items: center; justify-content: space-between; width: 100%;margin-bottom: 13px; width: calc(100% - 5px);}
.content_sns .sns_wrap ul{display: flex; justify-content:flex-end;}
.content_sns .sns_wrap ul li{margin-left: 10px;}
.content_sns .title_box p{font-size: 25px; font-weight: bold; letter-spacing: -1px;}
.content_sns .title_box span{color: #034ea2; margin-left: 8px;}
/* 소식 tab */
.news_tab{margin-right:30px; width:620px; background:#dce9fb; padding:0 5px 5px 5px; box-sizing:border-box; border-radius:20px;}

#tabNav2{position:relative; overflow:hidden; width:100%; height:100%;}
#tabNav2:after{display:block; content:""; clear:both;}
#tabNav2 h4{position:absolute;  background:none; margin:0px; font-size:15px; letter-spacing:-1px; font-weight:600;  top: 0; padding:0;}
#tabNav2 h4#tabNavTitle0201{left:30px;}
#tabNav2 h4#tabNavTitle0201 a{border-left:none;}
#tabNav2 h4#tabNavTitle0202{left:135px;}
#tabNav2 h4#tabNavTitle0203{left:239px;}
#tabNav2 h4#tabNavTitle0204{left:360px;}
#tabNav2 h4.on a{width:auto; border-bottom:none; color:#004ab9; text-align:left; position:relative;}
#tabNav2 h4.on a:after{content:''; width:100%; height:6px; display:block; position:absolute; bottom:0; background:#034ea1;}
#tabNav2 h4 a{display:block; border-top:none;  text-align:center;font-size: 20px; font-weight: bold; color:#222; height:67px !important; line-height:67px;
box-sizing:border-box; text-decoration:none; position:relative;}
#tabNav2 h4#tabNavTitle0204 a::after{display: none;;}
#tabNav2 div{margin:67px 0 0 0; background:#fff; border-radius:20px; height:287px; padding:35px 30px;}
#tabNav2 ul li{position:relative; overflow:hidden;
	font-size: 16px;display: flex; align-items: center; box-sizing: border-box; justify-content: space-between; margin-bottom:14px;}
#tabNav2 ul li:last-child{margin-bottom:0;}
/*#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:540px; overflow:hidden; text-overflow:ellipsis; 
white-space:nowrap; font-size:18px; color:#222; line-height:26px;}
#tabNav2 ul li a img{margin:3px 0 0 3px; display:none;}
#tabNav2 ul li span.board_tit{display:flex; flex:1;}
#tabNav2 ul li span{min-width:48px; float:right; color:#0071bb; line-height:1em; font-size:18px; color:#666;}

#tabNav2 ul li span.nt_tit{background:#0071bb; font-size:16px; line-height:1em; color:#fff; padding: 5px 13px;
width:auto; min-width:auto; letter-spacing:-1px; white-space:nowrap; margin-right:8px;}

#tabNav2 ul li span.partname{float:left; display:none;}
#tabNav2 span.more{position:absolute; top:17px; right:0; width:35px; height:35px;}
#tabNav2 span.more a{display:block; width:100%; /*border-bottom:1px solid #d6d6d6;*/ text-align:center;}
#tabNav2 iframe {position:absolute; left:0px; top:33px; z-index:0;}


/* 장안구 동주민센터 */
.center{float:left; position:relative; margin-right:10px; height:205px; border:1px solid #d6d6d6;}
.center h2 {position:absolute; top:0px; left:0px; z-index:1; background:#494949 url(../images/header/h_dot.png) no-repeat 93% 45%; color:#fff; font-size:14px; line-height:29px; height:32px; letter-spacing:-1px; padding:0px 10px; width:130px; }
/*.map_wrap{position:relative; background:url(../images/main/n_center.gif) no-repeat top left;}*/
.map_wrap div{position:absolute; top:10px; left:54px; z-index:0;}
.map_wrap div.map_bg{display:block; }
.map_wrap div a{display:block; position:absolute; width:48px; font-size:12px; font-weight:600; letter-spacing:-1px;}
.map_wrap div a:hover{z-index:1000; }
.map_wrap div a.center1{top:62px; left:55px;}
.map_wrap div a.center2{top:47px; left:148px;}
.map_wrap div a.center3{top:130px; left:14px;}
.map_wrap div a.center4{top:111px; left:56px;}
.map_wrap div a.center5{top:154px; left:85px;}
.map_wrap div a.center6{top:137px; left:55px;}
.map_wrap div a.center7{top:120px; left:96px;}
.map_wrap div a.center8{top:127px; left:132px;}
.map_wrap div a.center9{top:96px; left:118px;}
.map_wrap div a.center10{top:155px; left:133px;}
.map_wrap div img{display:none; position:relative; z-index:0;}
.map_wrap div.map_bg img{display:block;}


.location{position:relative;  border:1px solid #d6d6d6;}
.location a.location2{display:none;}
.location a.location3{display:none;}
.location h2 {position:absolute; top:0px; left:0px; background:#494949 url(../images/header/h_dot.png) no-repeat 93% 45%; color:#fff; font-size:14px; line-height:29px; height:32px; letter-spacing:-1px; padding:0px 10px; width:135px; }

/* 장안구 이야기 */
.m_bottom { border:1px solid #000; }
.m_bottom h3{padding:13px 0 0 49px; margin-bottom:20px; height:29px; background:url(../../images/main/story_icon.gif) 0 0 no-repeat; font-size:16px; letter-spacing:-1px; display:none;}
.story ul{overflow:hidden;}
.story ul li{float:left; margin-left:0.7%; margin-bottom:10px; border:1px solid #d6d6d6; height:301px; width:19.2%; display:block;}
.story ul li.story01,
.story ul li.story06{margin-left:0;}
.story ul li h4 { background:none; font-size:15px; font-weight:600; margin:0px; padding:0px 0 0 10px ; /*color:#004ab9;*/ line-height:32px;}
.story ul li p.s_img  {width:100%; height:135px; overflow:hidden;}
.story ul li p.s_img img {width:100%; height:auto;}
.story ul li p.s_img img a {width:100%; height:auto;}
.story ul li p.s_tit{margin-bottom:7px; font-size:14px; font-weight:bold; line-height:20px; padding:13px 10px 0px 12px; height:38px; }
.story ul li p.s_txt{margin-bottom:8px; font-size:12px; line-height:18px; padding:0px 10px 0px 12px; height:36px; }
.story ul li div{overflow:hidden; padding:10px 10px 0px 12px;}
.story ul li div img{float:left;}
/*.story ul li div span{float:right;}*/

.story ul li div span.sdate{float:right;}
.story ul li div span.division img{float:left; display:none; }



.service{height:187px; background-color:#f1f1f1;}
.service_wrap{overflow:hidden; width:1250px; margin:0 auto; padding-top:30px;}
.service_wrap div{float:left; width:625px;}
.service_wrap div h3{margin-bottom:20px; font-size:16px; letter-spacing:-1px}
.service_wrap div h3 a{margin-left:8px;}
.service_wrap div ul{overflow:hidden;}
.service_wrap div ul li{float:left; margin-bottom:12px; padding-left:7px; width:149px; background:url(../../images/main/dot03.gif) 0 7px no-repeat;}

.m_link1,
.m_link2,
.m_link3,
.m_link4,
.m_link5,
.sns_link{display:none;}

.popup{display:none;}


@media only screen and (max-width:1279px) {
	#tabNav2{overflow: revert;}
	.main_contents{width:983px;}
	.popupzone2{display: none !important;}
	
	/* 장안구 이야기 */
	.story ul li{height:291px; width:24%; margin-left:1%;}	
	.story ul li.story01,
    .story ul li.story05{margin-left:0px;}
	.story ul li.story06{margin-left:1%;}
	.story ul li.story09,
	.story ul li.story10{ display:none;} 
	.story ul li p.s_tit{margin-bottom:7px; font-size:14px; font-weight:bold; line-height:20px; padding:4px 10px 0px 12px;}
.story ul li p.s_txt{margin-bottom:8px; font-size:12px; line-height:18px; padding:0px 10px 0px 12px;}
	 


	/* tab */
	.sns_tab{margin:0 12px 20px 0;}
	#tabNav1{width:327px; border-top:none;}
	#tabNav1 div{width:306px;}
	#tabNav1 h4 a{border-top:1px solid #d6d6d6;}
	#tabNav1 ul li a{width:260px;}
	#tabNav1 span.more{display:block; position:absolute; top:0; right:0;}
	#tabNav1 span.more a{display:block; padding:9px 0 6px; width:72px; background-color:#fff; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center;}

	.news_tab{margin:0 0 20px 0;}
	#tabNav2{width:100%; position:reletive;}
	#tabNav2 h4{position:static !important; bottom: 0px; left:20px; float:left; background:none; padding:0px; }
     #tabNav2 h4#tabNavTitle0204 a{margin-right:0;}
	#tabNav2 h4 a{width:auto; margin-right:20px;}
	#tabNav2 h4.on a:after{margin-top:0; position:absolute; bottom:0;}
	#tabNav2 h4.on a{padding-left:0; width:auto; text-align:center;}
	#tabNav2 div{position:absolute; top:67px; margin:0; width:100%; bottom:0; height:auto;}
	#tabNav2 ul li a{width:400px;}
	#tabNav2 ul li span.partname{float:left; width:25%;}
	/*#tabNav2 span.more{top:-50px; right:-24px;}*/
	#tabNav2 span.more{top:-13%; right:0;}
	#tabNav2 iframe {position:absolute; left:0px; top:-17px; z-index:0;}

	


	.center{margin-right:12px; width:327px; height:238px;}
	.map_wrap{margin:12px;}
	.location{margin-right:11px;}
	.location a.location1{display:none;}
	.location a.location2{display:block; width:293px; height:238px;}

	/* 팝업존 */
	.popupzone2{display:block; float:left; position:relative; padding:17px 24px 20px 24px; width:286px; height:201px; background-color:#fff; border:1px solid #d6d6d6; overflow:hidden;}
	.popupzone2 h3{margin-bottom:7px; color:#fff;}
	.popupzone2 .bx-wrapper .slide {position:relative;}
	.popupzone2 .bx-wrapper .slide a {display:block;}
	.popupzone2 .bx-wrapper .slide .img img {width:100%;}
	.popupzone2 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:absolute; top:-21px; right:93px; display:block; padding:0; width:40px; height:13px; font-size:12px;}
	.popupzone2 .bx-wrapper .bx-pager a {width:13px; height:13px; margin:0 3px; border-radius:10px; text-indent:-9999px; background:#fefefe;}
	.popupzone2 .bx-wrapper .bx-pager a:hover {background:#d3d3d3;}
	.popupzone2 .bx-wrapper .bx-pager a.active {background:#feb900;}
	.popupzone2 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:absolute; top:-20px; right:55px; width:7px; height:11px;}
	.popupzone2 .bx-wrapper .bx-controls-direction a.bx-prev{top:-20px; right:77px; width:6px; height:11px; background:url(../../images/header/pz_prev_arr_s.gif) 0 0 no-repeat; z-index:1;}
	.popupzone2 .bx-wrapper .bx-controls-direction a.bx-next{top:-20px; right:30px; width:6px; height:11px; background:url(../../images/header/pz_next_arr_s.gif) 0 0 no-repeat; z-index:1;}
	.popupzone2 .bx-wrapper .bx-controls-auto .bx-start{width:7px; height:11px; background:url(../../images/header/pz_start_s.gif) 0 0 no-repeat;}
	.popupzone2 .bx-wrapper .bx-controls-auto .bx-stop{width:7px; height:11px; background:url(../../images/header/pz_pause_s.gif) 0 0 no-repeat;}
	

	/* 하단 서비스 */
	.service_wrap{width:983px;}
	.service_wrap div{width:491px;}
}

@media only screen and (max-width:1000px) {
	.main_contents{width:750px;padding: 42px 0 42px 0;}
	.sns_tab{margin:0 12px 20px 0;}
	.m_box_wrap{display:block;}
	.news_tab{width:100% !important; margin:0 0 20px 0 !important; height:365px;}
	/* tab */
	#tabNav1{width:253px;}
	#tabNav1 div{width:231px;}
	#tabNav1 ul li a{width:200px;}
	#tabNav1 span.more{display:none;}

	#tabNav2{width:100%;}
	#tabNav2 h4 a{font-size:18px; margin-right:15px;}
	/*#tabNav2 h4.on a{width:120px;}*/
	#tabNav2 span.more{right:5px;}
	#tabNav2 span.more a{width:100%;}

	.center{margin-right:11px; width:231px; height:231px;}
	.map_wrap{margin:0;}
	.map_wrap div{top:30px; left:11px;}

	.location{margin-right:11px;}
	.location a.location2{display:none;}
	.location a.location3{display:block; width:193px; height:231px;}

	.popupzone2{padding:10px 6px 20px; }
	 

	 
	
	 
	
	
	/* 장안구 이야기 */
	.m_bottom { padding:0 2%; }
	.story ul{overflow:hidden; border-top:1px solid #d6d6d6;}

	.story ul li{ width:100%; margin-left:0%; height:auto; padding:1% 0; margin:0px;  border-left:none;  border-right:none; border-top:none; border-bottom:1px solid #d6d6d6;}
	
	.story ul li h4 { display:none; }
	
	.story ul li.story05,
	.story ul li.story06,
	.story ul li.story07,
	.story ul li.story08,
	.story ul li.story09
	.story ul li.story10{ display:none;}
	
	
	 
	
	
     
    .story ul li p.s_img {width:30%; height:135px; float:left; margin-right:1%; margin-bottom:0px;}
	.story ul li p.s_img img a{width:100%; height:auto;}
    .story ul li p.s_tit{margin-bottom:10%; padding:2% 0px 0px 0px; float:right; text-align:left; width:65%; font-size:120%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:auto; }
    .story ul li p.s_txt{display:none;}
    .story ul li div{overflow:hidden; padding:0px; width:65%; float:right;}
     
	.story ul li div span {display:block; width:45%;  } 
    .story ul li div span.sdate{float:right; text-align:right; padding-right:10px;}
	.story ul li div span.division {float:left; text-align:left; display:block;}
	.story ul li div span.division img{float:left; display:block; }
	
	
	
	
	
	

	.service{height:auto;}
	.service_wrap{width:750px;}
	.service_wrap div{margin-bottom:40px; width:auto;}
}

@media only screen and (max-width:767px) {
	.content_sns{width:336px !important;}
	.m_top .w_icon{margin-bottom: 30px;}
	.m_box_wrap{display: block; padding:0 10px;}
	.sns_tzone_new{width: 100%;}
	.m_top{display: block;}
	.main_contents{width:auto; padding:0%; margin:0px; }
	.sns_tab{display:none;}
	.center{display:none;}
	.location{display:none;}

	.m_link1{display:block; margin-bottom:10px; }
	.m_link1:after{display:block; content:""; clear:both;}
	.m_link1 a{float:left; display:block; padding:16px 0 93px; width:50%; font-size:16px; font-weight:bold; color:#fff; text-align:center; letter-spacing:-1px;}
	.m_link1 a.m_link1_1{background:#009fd9 url(../../images/main/m_syber_bg.png) center 70% no-repeat; }
	.m_link1 a.m_link1_2{background:#016cba url(../../images/main/e_syber_bg.png) center 75% no-repeat;}
	.m_link1 a.m_link1_3{background:#016cba url(../../images/main/org_bg.png) center 70% no-repeat;}
	.m_link1 a.m_link1_4{background:#009fd9 url(../../images/main/location_bg.png) center 75% no-repeat;}
	.m_link1 a.m_link1_1 strong { color:#ffd200; text-decoration:underline;}
	.m_link1 a.m_link1_2 strong { color:#ffd200; text-decoration:underline;}

	.m_link2{display:block;  margin-bottom:10px; border-bottom:1px solid #dce3e9;}
	.m_link2:after{display:block; content:""; clear:both;}
	.m_link2 a{display:block; margin-bottom:0px; padding:18px 0 19px 3%; font-size:15px; font-weight:bold; color:#000; border-top:1px solid #dce3e9; width:47%; float:left; letter-spacing:-1px; }
	.m_link2 a.m_link2_1{background:#ebf0f4 url(../../images/main/m_link_arr2.png) 95% center no-repeat; border-right:0px solid #dce3e9; width:46.5%}
	.m_link2 a.m_link2_2{background:#ebf0f4 url(../../images/main/m_link_arr2.png) 95% center no-repeat;}
	.m_link2 a.m_link2_3{background:#ebf0f4 url(../../images/main/m_link_arr2.png) 95% center no-repeat; border-right:0px solid #dce3e9;width:46.5%}
	.m_link2 a.m_link2_4{background:#ebf0f4 url(../../images/main/m_link_arr2.png) 95% center no-repeat;}

	.m_link3{display:block; border-bottom:10px solid #d6d6d6;}
	.m_link3 a{display:block; margin-bottom:0px; padding:18px 0 19px 15px;  font-size:16px; font-weight:bold; color:#fff; border-bottom:1px solid #3187ce; }
	.m_link3 a span { font-size:90%; display:block; letter-spacing:-1px;}
	.m_link3 a.m_link3_1{background:#3798e7 url(../../images/main/m_link_arr.png) 95% center no-repeat;  }
	.m_link3 a.m_link3_2{background:#3798e7 url(../../images/main/m_link_arr.png) 95% center no-repeat; padding:9px 0 10px 15px;}

	.m_link4{display:block;  margin-bottom:0px; border-bottom:1px solid #dce3e9; border-bottom:10px solid #d6d6d6;}
	.m_link4:after{display:block; content:""; clear:both;}
	.m_link4 a{display:block; margin-bottom:0px; padding:18px 0 19px 3%; font-size:15px; font-weight:bold; color:#000; border-top:1px solid #dce3e9; width:47%; float:left; letter-spacing:-1px;  }
	.m_link4 a.m_link4_1{background:#ebf0f4 url(../../images/main/m_link_arr2.png) 95% center no-repeat; border-right:0px solid #dce3e9; width:46.5%}
	.m_link4 a.m_link4_2{background:#ebf0f4 url(../../images/main/m_link_arr2.png) 95% center no-repeat;}
	.m_link4 a.m_link4_3{background:#ebf0f4 url(../../images/main/m_link_arr2.png) 95% center no-repeat; border-right:0px solid #dce3e9;width:46.5%}
	.m_link4 a.m_link4_4{background:#ebf0f4 url(../../images/main/m_link_arr2.png) 95% center no-repeat;}
	
	
	.m_link5{display:block; margin-bottom:0px; border-bottom:10px solid #d6d6d6; }
	.m_link5:after{display:block; content:""; clear:both;}
	.m_link5 a{float:left; display:block; padding:16px 0 93px; width:50%; font-size:16px; font-weight:bold; color:#fff; text-align:center; letter-spacing:-1px;}
	.m_link5 a.m_link5_1{background:#80dcf5 url(../../images/main/m_link5_1_bg.png) center 80% no-repeat; color:#0f1756;}
	.m_link5 a.m_link5_2{background:#009fd9 url(../../images/main/m_link5_2_bg.png) center 80% no-repeat;}
	.m_link5 a.m_link5_3{background:#009fd9 url(../../images/main/m_link5_3_bg.png) center 80% no-repeat;}
	.m_link5 a.m_link5_4{background:#80dcf5 url(../../images/main/m_link5_4_bg.png) center 80% no-repeat; color:#0f1756;}
	
    .mzone{width:100% !important;}
	.m_top { margin-bottom:0px;  }
	.news_tab {margin: 0 0 20px 0 !important; width:100%;}
	#tabNav2{width:auto;}
	#tabNav2 h4{ /*width:25%;*/ }
	#tabNav2 h4#tabNavTitle0204 a{ /*border-right:none;*/}
	#tabNav2 h4 a{ /*width:auto;*/font-weight:600; font-size:16px; padding:0;}
	#tabNav2 ul li {line-height:18px;}
	#tabNav2 ul li a{width:77%;}
	#tabNav2 span.more{ /*display:none;*/ top:-42px; padding:0;}
   #tabNav2 span.more a{padding:0;}
	#tabNav2 iframe { top:-17px;}
	#tabNav2 ul li span.partname{display:none;}
	#tabNav2 ul li span.board_tit{min-width:auto; width:80%;}
	
	
	


	
	.popupzone2 {display:none; float:none; margin-bottom:20px; padding:10px 15px 20px; width:auto; height:auto; overflow:visible;}
	.popupzone2 .bx-wrapper {position:relative; width:auto; height:auto; left:auto; margin-left:0;}
	.popupzone2 .bx-wrapper .bx-viewport {width:auto; height:auto !important; min-width:inherit;}
	.popupzone2 .bx-wrapper .slide {width:auto !important; height:auto;}
	.popupzone2 .bx-wrapper .slide img{width:100%;}
	 
	
	
	
	

	/* Mobile 팝업존 */
	.popup{display:block; float:left; position:relative; height:auto; margin:10px 0px 0px 0px; padding:0px; border:none;  border-bottom:10px solid #d6d6d6; overflow:hidden;}
	.popup h3{margin-bottom:10px; font-size:16px; font-weight:600; letter-spacing:-1px; padding-left:5px; color:#fff;}
	.popup .popup_wrap{position:relative;}
	.popup .pop_list{margin:0; width:100%; height:auto;}
	.popup .pop_list li{display:none;}
	.popup .pop_list li:first-child{display:block;}
	.popup .pop_ctrl{position:absolute;right:40px;top:-30px;}
	.popup .pop_ctrl button{display:block;float:left; margin:0 0px;padding:0px; background-repeat:no-repeat;background-color:#fff;background-position:0;border-left:none;font-size:0;line-height:0; cursor:pointer;}
	.popup .pop_ctrl button:first-child{border-left:none;}
	.popup .pop_ctrl .pop_prev{background-image:url("../../images/header/pz_prev_arr.gif") ; width:24px;height:21px;}
	.popup .pop_ctrl .pop_stop{background-image:url("../../images/header/pz_pause.gif"); width:24px;height:21px;}
	.popup .pop_ctrl .pop_play{background-image:url("../../images/header/pz_start.gif"); width:24px;height:21px;}
	.popup .pop_ctrl .pop_next{background-image:url("../../images/header/pz_next_arr.gif"); width:24px;height:21px;}
	.popup .pop_counter {position:absolute;right:120px;top:-30px; font-size:16px;}
	.popup .pop_list li a img{width:100%;height:auto; border:1px solid #e5e5e5;border-bottom-color:#c4c4c4;border-right-color:#c4c4c4;}
	

	
	
	
	
	/* 모바일 sns */
	.sns_link{display:block;}
	.sns_link:after{display:block; content:""; clear:both;}
	.sns_link a{float:left;display:block; padding:30px 0 30px 0; width:50%; font-size:14px; font-weight:bold; color:#fff;}
	.sns_link a.twitter{background:#30b1db url(../../images/main/m_twitter.gif) 12px 10px no-repeat;}
	.sns_link a.blog{background:#34ad2c url(../../images/main/m_blog.gif) 12px 10px no-repeat;}
	.sns_link a.facebook{background:#4f699a url(../../images/main/m_facebook.gif) 12px 10px no-repeat;}
	.sns_link a p{text-align:center;}
	.sns_link a.instagram{background: #b937a2 url(../../images/main/sns_insta_icon.png) no-repeat 10px 10px / 18px;}

	.sns_link a span{display:block;}

	.service_wrap{padding:40px 2% 0; width:auto;}
	.service_wrap div ul li{width:140px;}
	
	
	.story ul li p.s_img {height:auto;}
	.story ul li p.s_tit{margin-bottom:6%; font-size:120%;  }

}

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

	.story .bx-wrapper .bx-viewport{width:228px;}
	
	.story ul li p.s_tit{margin-bottom:2%; font-size:90%; 
	
	
	}
}

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

	
	#tabNav2{width:auto; /*height:403px;*/}
	#tabNav2 h4{ width:15%; }	
	#tabNav2 h4 a{ font-size:14px; width:auto;}
	#tabNav2 h4.on a{ width:auto;} 
	  
	#tabNav2 span.more{ top:-43px; right:5%;} 
	#tabNav2 h4 a::after{display: none;}
	#tabNav2 h4#tabNavTitle0202{left:85px;}
	#tabNav2 h4#tabNavTitle0203{left:170px;}
	#tabNav2 h4#tabNavTitle0204{left:250px;}
	
}



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

	.site_link ul{width:70%;}
	.site_link1 ul{width:70%;}

	#tabNav2 div{width:90%;}
	#tabNav2 ul li a{width:85%;}
	
	
	
}



/* ----------------------------------------------------------------------------------------------------------------
장안소식,포토장안
------------------------------------------------------------------------------------------------------------------*/
.news_pop{display:flex;}
.news_pop .mainPhotoBox{position:relative; margin-right:25px; width:calc(100% - 425px);}
.news_pop .mzone{width:400px;}
.news_pop .mzone img{width:100%; height:100%; object-fit:cover;}
.news_pop .mzone .tit_wrap{display:flex; justify-content:space-between; align-items:center; margin-bottom:35px;}
.news_pop .mzone h3{font-size:30px; line-height:1em; font-weight:bold; color:#222;}
.news_pop .mzone .btn_wrap{display:flex; align-items:center;}
.news_pop .mzone .swiper{border-radius:10px;}
.news_pop .mzone .swiper-button-next,
.news_pop .mzone .swiper-button-prev{position:static; margin-top:0;}
.news_pop .mzone .swiper-button-next:after,
.news_pop .mzone .swiper-button-prev:after{display:none;}
.news_pop .mzone .swiper-button-next{background:url(../images/main/popup_btn02.png) no-repeat; width:8px; height:15px;}
.news_pop .mzone .swiper-button-prev{background:url(../images/main/popup_btn01.png) no-repeat; width:8px; height:15px;}
.news_pop .mzone .btn_stop{background:url(../images/main/popup_pause.png) no-repeat; width:12px; height:15px; margin:0 15px;}
.news_pop .mzone .btn_stop.play{background:url(../images/main/popup_play_0.png) no-repeat; width:12px; height:15px;}
.news_pop .mzone .btn_list{background:url(../images/main/popup_open.png) no-repeat; width:15px; height:15px;}
.news_pop .swiper-pagination{position:static; min-width:85px; width:auto; font-size:18px; color:#222; line-height:1em;}
.news_pop .swiper-pagination-current{font-weight:bold; color:#222;}

/*.news_pop .mainPhotoBox .listBody ul li{width:calc((100% / 2) - 5px); margin-right:10px;}*/
.news_pop .mainPhotoBox .listBody ul li .thumb{height:226px; display:inline-block; vertical-align:top; box-sizing:border-box; padding:0px; position:relative; width:100%;}
.news_pop .mainPhotoBox .listBody ul li .info{height:58px;}
.news_pop .mainPhotoBox .swiper-button-next,
.news_pop .mainPhotoBox .swiper-button-prev{position:static; margin-top:0;}
.news_pop .mainPhotoBox .swiper-button-next:after,
.news_pop .mainPhotoBox .swiper-button-prev:after{display:none;}
.news_pop .mainPhotoBox .swiper-button-next{background:url(../images/main/popup_btn02.png) no-repeat; width:8px; height:15px;}
.news_pop .mainPhotoBox .swiper-button-prev{background:url(../images/main/popup_btn01.png) no-repeat; width:8px; height:15px;}
.news_pop .mainPhotoBox .f_box{display:flex; align-items:center;}
.news_pop .mainPhotoBox .f_box .more{margin-left:20px;}
.bg_p{background:#f0f5f9; padding:65px 0 80px;}
.bg_p .mainPhotoBox{width:1250px; margin:0 auto;}

.mainPhotoBox { margin:0px; padding:0px; }
.mainPhotoBox .listBody {}
.mainPhotoBox .listBody ul {font-size:0;}
.mainPhotoBox .listBody ul li {display:inline-block; vertical-align:top; box-sizing:border-box; padding:0px; position:relative; margin-right:10px; width:calc((100% / 5) - 8px);}
.mainPhotoBox .listBody ul li:last-child{margin-right:0;}
/*.mainPhotoBox .listBody ul li a {display:block; height:inherit;}*/
.mainPhotoBox .listBody .tiTle {display:flex; align-items:center; position:relative; width:100%; margin-bottom: 35px;
justify-content:space-between;}
.mainPhotoBox .listBody .tiTle.photoBg { background:#feefec;}
.mainPhotoBox .listBody .tiTle h3 { font-size:30px; font-weight:bold; color:#000; line-height:1em; letter-spacing:-1px;}
.mainPhotoBox .listBody .tiTle h3 span{color:#0071bb;}
.mainPhotoBox .listBody .tiTle a {display: block; min-width: 17px; text-align: center;}
.mainPhotoBox .listBody ul li .tiTle {display:block; background:#def2ff; height:39px; position:relative;}
.mainPhotoBox .listBody ul li .tiTle.photoBg { background:#feefec;}
.mainPhotoBox .listBody ul li .tiTle h3 { font-size:16px; font-weight:700; color:#000; line-height:39px; padding-left:10px;}
.mainPhotoBox .listBody ul li .tiTle a { position:absolute; right:0px; top:4px; background:url(../images/main/photoMore.png) no-repeat center center; display:block; width:30px; height:30px; text-indent:-9999px;}
.mainPhotoBox .listBody ul li .thumb {display:block; height:160px; border-radius:10px; overflow:hidden;}
.mainPhotoBox .listBody ul li .thumb img {width:100%; height:100%; object-fit:cover;}
.mainPhotoBox .listBody ul li .info {display:block; padding:15px 0; height:77px;}
.mainPhotoBox .listBody ul li .info strong {font-size:17px; font-weight:bold; display:block; word-break:keep-all; line-height:22px;}
.mainPhotoBox .listBody ul li .info span { display:block; font-size:12px; word-break:keep-all; height:32px; }
.mainPhotoBox .listBody ul li dl {display:flex; align-items:center;}
.mainPhotoBox .listBody ul li dt,
.mainPhotoBox .listBody ul li dd { display:inline-block; font-size:12px; line-height:27px; background-size:cover;  }
.mainPhotoBox .listBody ul li dt.date { background:url(../images/main/clock.png) no-repeat; min-width:18px; height:18px;}
.mainPhotoBox .listBody ul li dt.num { background:url(../images/main/icoNum.png) no-repeat 10px 6px; padding-left:29px;}
.mainPhotoBox .listBody ul li dd { padding-right:2%;  padding-left:10px; font-size:17px; color:#222; line-height:1em}


@media (max-width:1279px) {.bg_p .mainPhotoBox{width:983px; padding:0 10px; box-sizing:border-box;}}
@media (max-width:1000px) {
.news_pop{display:block; padding:0 10px;}
.news_pop .mainPhotoBox{width:100%; margin:0 0 50px 0;}
.bg_p .mainPhotoBox{width:750px;}
}
@media (max-width:767px) {.bg_p .mainPhotoBox{width:100%;}}
@media (max-width:540px) {
.news_pop .mainPhotoBox .listBody ul li{width:100%; margin-bottom:20px;}
.news_pop .mainPhotoBox .listBody ul li:last-child{margin:0;}
}
@media (max-width:400px) {.news_pop .mzone{width:100%;}}
.slider {height:156px; margin:0px; padding:0px;}
/* main key visual */
.slider ul {}
.slider ul li {height:156px; margin:0px !important; padding:0px; display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center; background-position:center top !important; background-size:cover !important;}
/* slider tuning */
.slider .bx-controls {}
.slider .bx-controls .bx-controls-direction {}
.slider .bx-controls .bx-controls-direction a {width:17px; height:16px; background:url(../images/main/mkvSlide_arrow.png)rgba(0,0,0,0.5) no-repeat center center;}
.slider .bx-controls .bx-controls-direction .bx-prev {right:22px; top:135px;}
.slider .bx-controls .bx-controls-direction .bx-next {right:5px; top:135px; -webkit-transform:rotate(180deg); -ms-transform: rotate(180deg); transform:rotate(180deg);}
.slider .bx-controls .bx-controls-auto {bottom:50px; right:30px !important; z-index:2;}
.slider .bx-controls .bx-controls-auto .bx-controls-auto-item {}
.slider .bx-controls .bx-controls-auto .bx-controls-auto-item a {display:block; width:24px; height:24px; background:url(../img/main/mkv_stoplay.png) no-repeat;}
.slider .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position:0 0;}
.slider .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start:hover {background-position:0 -24px;}
.slider .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {background-position:-24px 0;}
.slider .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop:hover {background-position:-24px -24px;}
.slider .bx-controls .bx-pager {right:42px; text-align:center !important;  top:135px; width:31px !important; height:16px; line-height:16px; z-index:2; font-size:12px; color:#161616; display:block; margin:0px; padding:0px; background:rgba(255,255,255,0.8);}
.slider .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; width:12px; height:12px; margin:0 4px; border-radius:50%;}
.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider .bx-wrapper .bx-pager.bx-default-pager a.active {background:#0084ff;}

/**/
.w_icon{background:#0071bb; padding:23px 15px; border-radius:20px;}
.w_icon_wrap{margin-left: 32px; width: 237px;}
.w_icon_wrap h2{font-size: 25px; font-weight: bold; text-align:center; margin-bottom: 20px;margin-bottom:25px; line-height:1em;}
.w_icon_wrap h2 span.blue{color:#034ea2;}
.w_icon_wrap ul{display: flex; flex-wrap: wrap; align-items: center; font-size: 16px; gap:10px;}
.w_icon_wrap ul li{border-radius: 10px; text-align: center; width: calc((100% / 2) - 8px);height: 42px; border-radius:30px; border:1px solid #fff;}
.w_icon_wrap ul li a{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color:#fff; font-size:18px;}
.w_icon_wrap ul li:nth-child(2n){margin-right: 0;}
.w_icon_wrap ul li a:hover{color: #0071bb; background: #fff; border-radius: 30px; text-decoration:none;}
.w_icon_wrap ul li:nth-child(9),.w_icon_wrap ul li:last-child{margin-bottom: 0;}
/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/




@media (max-width:1250px) {

	/*.mainPhotoBox .listBody ul li {width:calc(25% - 8px);}*/
	/*.mainPhotoBox .listBody ul li.listNum05,
	.mainPhotoBox .listBody ul li.listNum10 { display:none;}*/
 
	
	
}

@media (max-width:1180px) {

    /*.mainPhotoBox .listBody ul li {width:calc(33.3% - 8px);}*/
	/*.mainPhotoBox .listBody ul li.listNum04,
	.mainPhotoBox .listBody ul li.listNum09 { display:none;}*/

}


@media (max-width:990px) {
	
	.mainPhotoBox .listBody {margin:25px 0px 0px 0px; box-sizing:border-box; } 
	.mainPhotoBox .listBody ul li {width:calc((100% / 2) - 8px);}
	.mainPhotoBox .listBody ul li.listNum08,
	.mainPhotoBox .listBody ul li.listNum10{margin-right:0;}
	.mainPhotoBox .listBody ul li.listNum07,
	.mainPhotoBox .listBody ul li.listNum08{margin-bottom:15px;}
	.mainPhotoBox .listBody ul li .info{height:60px;}
	/*.mainPhotoBox .listBody ul li.listNum01,
	.mainPhotoBox .listBody ul li.listNum03,
	.mainPhotoBox .listBody ul li.listNum05,
	.mainPhotoBox .listBody ul li.listNum06,
	.mainPhotoBox .listBody ul li.listNum08	{ margin-left:0px; margin-right:4px;}
	.mainPhotoBox .listBody ul li.listNum02,
	.mainPhotoBox .listBody ul li.listNum04,
	.mainPhotoBox .listBody ul li.listNum07,
	.mainPhotoBox .listBody ul li.listNum09 { margin-right:0px; margin-left:4px;}
	.mainPhotoBox .listBody ul li.listNum06,
	.mainPhotoBox .listBody ul li.listNum07{margin-top:10px;}*/
	.mainPhotoBox .listBody ul li.listNum11{display:none;}
	.mainPhotoBox .listBody ul li .thumb img { max-width:100%;}
	.mainPhotoBox .listBody ul li dd {}
	.mainPhotoBox .listBody ul li.listNum04, 
	.mainPhotoBox .listBody ul li.listNum09 {display:inline-block;}
}

@media (max-width:640px) {
	
	.mainPhotoBox .listBody .tiTle {width:calc(100% - 0px);}
	.mainPhotoBox .listBody ul li dd.line { border-right:none;}
	.mainPhotoBox .listBody ul li .thumb { height:130px;}
	.mainPhotoBox .listBody ul li .info strong { height:50px;}
	.mainPhotoBox .listBody ul li .info span { height:40px;}
	/*.mainPhotoBox .listBody {margin:25px 0px 0px 0px;}	
	.mainPhotoBox .listBody ul li {width:calc(100% - 0px); margin:0px 0px 20px 0px; }
	*/
 
	
}


@media (max-width:540px) {
	
	
	.mainPhotoBox .listBody ul li dd { padding-right:6%;  padding-left:6%;}
 
	
}


/*2020.11.26 메인 수정*/
.sns_section {width: 248px; height: 205px; margin-right: 10px; margin-top: 1px;} 
.sns_section .sns {width: 100%; height: 41px; line-height: 41px; font-size: 16px; font-weight: bold;}
.sns_section .sns:first-child { border: 2px solid #2eb300; margin-bottom: 8px;}
.sns_section .sns:first-child a {color: #2eb300;}
.sns_section .sns:nth-child(2) {border: 2px solid #3b5998; margin-bottom: 8px;}
.sns_section .sns:nth-child(2) a {color: #3b5998;}
.sns_section .sns:nth-child(3) {border: 2px solid #b937a2; margin-bottom: 9px;}
.sns_section .sns:nth-child(3) a {color: #b937a2;}
.sns_section .sns:nth-child(4) {background: #5a9513; border: 2px solid #5a9513;}
.sns_section .sns:nth-child(4) a {color: #fff;}
.sns_section .sns .blog {background: url(../images/main/sns_icon.png) no-repeat center top; display: inline-block; width: 22px; height: 33px; vertical-align: middle; margin: 0 5px 0 14px;}
.sns_section .sns .facebook {background: url(../images/main/sns_icon.png) no-repeat center -58px; display: inline-block; width: 22px; height: 33px; vertical-align: middle; margin: 0 5px 0 14px;}
.sns_section .sns .instagram {background: url(../images/main/sns_insta_icon.png) no-repeat; display: inline-block; width: 26px; height: 26px; vertical-align: middle; margin: 0 4px 3px 10px;}
.sns_section .sns .sns_go {background: url(../images/main/sns_go.png) no-repeat center top; display: inline-block; width: 28px; height: 28px;   float: right; margin-right: 10px; margin-top: 8px;}
.sns_section .sns .sns_go.fb {background-position: center -57px;}
.sns_section .sns .sns_go.ig {background: url(../images/main/sns_insta_go.png) no-repeat; display: inline-block; width: 28px; height: 28px;   float: right; margin-right: 10px; margin-top: 8px;}
.sns_section .sns.map span:first-child {margin-left: 15px; font-size: 15px; font-weight: 500;}
.sns_section .sns.map .map_go {background: url(../images/main/map_go.png) no-repeat; display: inline-block; width: 12px; height: 17px; float: right; margin-right: 15px; margin-top: 13px;}

.symbol {width: 223px; border: 1px solid #d6d6d6; height: 205px; position: relative;}
.symbol h2 {font-size: 18px; font-weight: bold; color: #3b5998; margin: 20px 0 15px 15px;}
.symbol .more {background: url(../images/main/symbol_more.png) no-repeat; width: 14px; height: 14px; display: inline-block; position: absolute; top: 25px; right: 15px;}
.symbol .img {margin-left: 15px;}

@media only screen and (max-width:1279px) {
	.news_tab {margin: 0 20px 0 0; width:calc(100% - 358px);}
	.center {margin: 0 0 20px 0; width: 329px; height: 205px;}
	.sns_section {height: 238px; width: 313px;}
	.sns_section .sns {width: 100%; margin-bottom: 20px !important;}
	.sns_section .sns:first-child {}
	.symbol {width: 310px; height: 238px; margin-right: 10px;}
	.symbol .img img {width: calc(100% - 30px); height: calc(100% - 78px);}
	.m_top{display: block;}
  
	.w_icon_wrap{margin-left: 0; margin: 30px 0;width: 100%;}
  .w_icon_wrap ul li{width: calc((100% / 2) - 7px) margin-bottom: 6px; }
  .w_icon_wrap ul li:nth-child(2n){margin-right: 0%; }
  #tabNav2 ul li span.board_tit{min-width:auto; width:66%;}
}

@media only screen and (max-width:1000px) {
	.center {width: 255px;}
	.map_wrap div {top: 15px;}
	.sns_section {width: 226px; height: 231px;}
	.sns_section .sns.map span:first-child {margin-left: 10px;}
	.sns_section .sns.map .map_go {margin-right: 5px;}
	.symbol {width: 200px; height: 231px;}
	
}

@media only screen and (max-width: 767px) {
	#tabNav2 div{left:0; width:100%;}
	
	.sns_section {display: none;}
	.symbol {width: 100%; height: 290px; margin-bottom: 10px !important;}
}