@media all and (min-width:1104px) {
	/* 메인 */
	.onepic_area .bx-wrapper li{width:276px !Important;}
}

@media all and (max-width:1104px){
	/* footer */
	.footer .footCenter{width:auto;margin:0 10px;}
	/* 메인 */
	.onepic_area .bx-wrapper img{width:100% !Important;}
}

@media all and (max-width:1024px){
	.contentWapper{background-position: 0px 84px;}
	
	/* 메인 */
	.header{display:none;}
	.mainSection{background:none;padding:0 2.604166666666667%;}
  	.mainSection .sParent{width:100%;margin:0;}
  	.mainSection .section01,
  	.mainSection .section02,
  	.mainSection .section03,
  	.mainSection .section04,
  	.mainSection .section05,
  	.mainSection .section06{width:48.95833333333333%;margin-left:0;box-sizing:border-box;}

  	.mainSection .section01,
  	.mainSection .section03,
  	.mainSection .section05{margin-right:2.083333333333333%;}
  	.ie7 .mainSection .section01,
  	.ie7 .mainSection .section03,
  	.ie7 .mainSection .section05{margin-right:1.083333333333333%;}

  	.mainSection .section03,
  	.mainSection .section04,
  	.mainSection .section05,
  	.mainSection .section06{margin-top:2.083333333333333%;}
	
	.mainSection .tit{background-size:12px;font-size:16px;height:32px;line-height:32px;}
	.ie7 .mainSection .tit,
	.ie8 .mainSection .tit{height:42px;line-height:42px;}
	.mainSection .section03 .more{margin-top:10px;}
	.mainSection .section02 a > span{display:block;padding:1px 0 1px 43px;line-height:21px;color:#626262;font-size:12px;}
	.mainSection .section01,
	.mainSection .section02,
	.mainSection .section03,
	.mainSection .section04{height:auto;min-height:188px;}

	.mainSection .section01 a > span,
	.mainSection .section02 a > span{padding:1px 0 5px 44px;}

  	.mainSection .section01 a > img,
	.mainSection .section02 a > img{width:100%;max-width:100%;}
	.mainSection .section03 .thum{padding: 0 20px 0 15px;}
	.mainSection .section03 .thum img{width:110px;float:left;margin-right:10px;}
	.mainSection .section03 .thum span{font-size:11px;}

	.mainSection .section05 h2.tab1,
	.mainSection .section05 h2.tab2{width:50%;height:37px;line-height:37px;font-size:14px;}
	.mainSection .section05 h2.tab2{position:absolute;left:50%;top:0;}
	.mainSection .section05 .notice li a{font-size:11px;padding: 8px 24px 8px 15px;background-position:10px center;}
	.mainSection .section05 .notice li a span:first-child{width:60%;}
	.mainSection .section05 .notice li a span:first-child + span{width:37%;text-align:right;letter-spacing:-1px;}

	.mainSection .section06 .snsScroll ul li a{font-size:11px;}
	.mainSection .section06 .snsScroll ul li a{padding: 0 10px 0 10px;}

	.bannerSlider{position:relative;width:100%;margin-top:10px;margin-bottom:16px;padding:6px 0;border:1px solid #d7d7d7;box-sizing:border-box;}
	.bannerSlider .hidebox{display:block;}
	.control{position:absolute;left:6px;top:6px;z-index:200;float:none;}
	.bannerSlider .public_link{margin-left:53px;}
	.ie7 .bannerSlider{width:99.13958333333333%;left:-3px;}
	
	.visualArea{display:none;}
	.flexslider{display:block;}
	.headerM{display:block;}

	.footer{font-size:12px;}
	.footer .footCenter{width:auto;}
	.footer .footCenter ul{margin-left:2.083333333333333%;}
	.footer .footlogo{display:none;}

	.footer .footBottom .addr{margin:17px 0 0 2.083333333333333%;}
	.footer .footBottom .qrCode{margin-right:37px;}
	/* 2017-08-07 임시추가 */
	.footer .footImg {width:100%;}
	.footer .footImg img{width:100%;}

	/* 서브 */
	input[type='text'],
	input[type='password'],
	select{-webkit-appearance:none;border-radius:0;}
	select{background:#fff url("/images/egovframework/com/main/icon/sel_arr.jpg") no-repeat right center;padding-left:5px;}	
	
	/* 서브 공통 */
	.containerArea{width:100%;margin:0;}
	.container{background:none;min-height:100% !Important;}
	.lnb{display:none;}
	.contents{width:auto;float:none;padding:0 1.604167%;}/* padding:0 2.604166666666667%; */
	.title_Area{height:58px;margin-bottom:0px;clear:both;}
	.title_Area h2{margin-top:0;font-size:28px;}
	.title_Area.w_line{height:80px;margin-bottom: 5px;}
	.title_Area.w_line .sub_txt{clear:both;margin-top: 0px;margin-left: 0px; font-size: 15px;}
	.location{display:none;}

	.in1{width:85%;}
	.mfl{float:left;margin:5px 0 0 5px;}
	.m_img{width:100%;max-width:100% !important;}
	#map{margin-top:10px;}
	#map img{width:100%;max-width:100%;}

	/* Template [3-3] */
	.tables_st2 table tbody tr th a{padding-left:16px;}
	.tables_st2 table tbody tr th .prev a,
	.tables_st2 table tbody tr th .next a{background-position:6px center;}
	.photo_list_type3 > li > a > img{width:120px;margin-right:5px;}
	.photo_list_type3 > li > div{width:82%;height: auto;}
	.starTit > li:first-child + li{padding:2px 0;}
	
	/* Template [3-1] */
	.photo_list_type1 li{width:47.39583333333333% !important;height:auto;margin-left:0;margin-top:0;padding:1.302083333333333%;box-sizing:border-box;}
	.photo_list_type1 li.box01,
	.photo_list_type1 li.box03,
	.photo_list_type1 li.box05,
	.photo_list_type1 li.box07,
	.photo_list_type1 li.box09{margin-right:5.208333333333333%;}
	.photo_list_type1 li.box03,
	.photo_list_type1 li.box04,
	.photo_list_type1 li.box05,
	.photo_list_type1 li.box06,
	.photo_list_type1 li.box07,
	.photo_list_type1 li.box08,
	.photo_list_type1 li.box09{margin-top:5.208333333333333% !important;}
	.photo_list_type1 .timeBg, .photo_list_type1 .timeText{top:70%;}

	.ie7 .photo_list_type1 li{width:46.39583333333333%;height:auto;margin-left:0;margin-top:0;}
	.ie7 .photo_list_type1 li.box01,
	.ie7 .photo_list_type1 li.box03,
	.ie7 .photo_list_type1 li.box05{margin-right:0.5%;}
	.ie7 .photo_list_type1 li.box03,
	.ie7 .photo_list_type1 li.box04,
	.ie7 .photo_list_type1 li.box05,
	.ie7 .photo_list_type1 li.box06{margin-top:0.5% !important;}
	.photo_list_type1 li .thum img{width:100%;max-width:100%;height: 100%;}
	
	/* Template [3-2] */
	.photo_list_type2 li{width:48.69791666666667%;}
	.photo_list_type2 li .thum img{width:100%;max-width:100%;}
	.photo_list_type2 li .thum{height:auto;}
	.photo_list_type2 li .thum span{box-sizing:border-box;}
	.photo_list_type2 li .thum em.bg,
	.photo_list_type2 li .thum i.num{width:40px;height:40px;}
	.photo_list_type2 li .thum i.num{top:0;font-size:25px;line-height:38px;}

	.photo_list_type2 li.box01,
	.photo_list_type2 li.box02,
	.photo_list_type2 li.box03,
	.photo_list_type2 li.box04,
	.photo_list_type2 li.box05,
	.photo_list_type2 li.box06,
	.photo_list_type2 li.box07,
	.photo_list_type2 li.box08,
	.photo_list_type2 li.box09,
	.photo_list_type2 li.box11{margin-left:0;margin-top:0;}

	.photo_list_type2 li.box01,
	.photo_list_type2 li.box03,
	.photo_list_type2 li.box05,
	.photo_list_type2 li.box07,
	.photo_list_type2 li.box09{margin-right:2.604166666666667%;}

	.photo_list_type2 li.box03,
	.photo_list_type2 li.box04,
	.photo_list_type2 li.box05,
	.photo_list_type2 li.box06,
	.photo_list_type2 li.box07,
	.photo_list_type2 li.box08,
	.photo_list_type2 li.box09,
	.photo_list_type2 li.box10,
	.photo_list_type2 li.box11,
	.photo_list_type2 li.box12{margin-top:2.604166666666667% !important;}

	.ie7 .photo_list_type2 li{width:47.69791666666667%}
	.ie7 .photo_list_type2 li.box01,
	.ie7 .photo_list_type2 li.box03,
	.ie7 .photo_list_type2 li.box05,
	.ie7 .photo_list_type2 li.box07,
	.ie7 .photo_list_type2 li.box09{margin-right:3.604166666666667%;}

	/* Template [4-1] */
	.galleryArea > div:first-child + div{width:400px;float:left;margin-left:10px !important;}
	.galleryBox .g_prev, .galleryBox .g_next{top:44%;height:66px;margin-top:-33px;}
	.galleryBox .g_prev img, .galleryBox .g_next img{margin-top:0;}
	.tabMenu > li{width:23%;margin-left:0;margin-right:3px;}
	.fl_leftbox{width:100%;}
	.fl_leftbox li{margin-left:0;margin-right:5px;}
	.starTit > li:first-child{width:100%;}
	
	/* Template [4-3] */
	.photo_list_type4 > li div{width:63%;height:auto;float:left;}
	.photo_list_type4 > li img{margin-right:10px;}

	/* Template [6] */
	.citytourBox li{width:32.222222222%;}
	.citytourBox li:first-child, .citytourBox li:first-child + li{margin-right:0.5%;}
	.citytourBox li a > span{width:170px;}
	.citytourBox li a img{width:48px;}

	/* Template [7-1] */
	.dayList li a{padding:0 8px;}
	.courseFlan li{width:235px;}
	.courseFlan .info2 .viewmore{width:140px;}
	.courseFlan .info2 select{width:140px;}
	.courseName input[type="text"]{width:496px;}
	
	/* Template [4-2] */
	.characterArea{background:none !important;}
	.characterArea .ch_tit{padding-right:0;}
	.characterArea .ch_tit{width:150px;}
	.characterArea .charBox{width:70%;float:left;margin-left:10px;}
	.characterArea .char{width:150px;}

	/* Template [8] */
	.majorEvents{width:100%;height:auto;padding:0;background:none;}
	.majorEvents ul li{width:24%;}
	.majorEvents ul li{margin-left:1%;}
	.majorEvents .eventList{width:100%;max-width:100%;height:auto;}
	.majorEvents .event_img{padding:0 5px;}
	.majorEvents .eventList > a > span > img{width:100%;}
	.calendarTables{margin-top:20px;}

	/* Template [10] */
	.couponList li{width:49%;}
	.couponList li a{width:100%;height:auto;background-size:100% !important;}
	.couponList li a > img{width:100%;max-width:100%;}
	.couponList li a span.period > strong{font-size:20px;line-height:20px;}

	/* 날씨물때 */
	.frameBox{width:768px;}
	.map{height:200px;}

	/* e-book */
	.publish1 > img{width: 100%;}
	.publish1 ul{ width: 100%; background-size: 100%;background:url('http://parks.seoul.go.kr/parks/images/bookshelf_4.jpg');background-repeat:repeat;}
	.publish1 ul > li{float: left;width: 130px;margin: 35px -25px 25px 35px;position: relative;}

}


@media all and (max-width:941px){
	/* footer */
	.footer .footTop .dasan{margin-bottom: 15px;}
	.footer .footTop .f_groub{clear: both;margin-left: 0px;}
	.footer .footTop ul.f_info{margin-left: 0px;margin-bottom: 0px;}
	.footer .footCenter ul.f_add{margin-left:0px;}
	.footer .footTop .lang{}

	/* 메인 
	.onepic_area .bx-wrapper li{width:340px !Important;}
	*/
}

@media all and (max-width:1104px) and (min-width:1025px) {
	/*--------- 산과공원한컷(배너) ---------*/
	/* 2017-10-26 추가 */
	.onepic_area .bx-wrapper li{margin-left:7px !important; margin-right: 1px;}
}


@media all and (max-width:1104px) and (min-width:994px) {
	/* 메인 */
	.onepic_area .bx-wrapper li{margin-left:12px;}
}


@media all and (max-width:1024px) and (min-width:768px) {
	/*--------- 산과공원한컷(배너) ---------*/
	/* 2017-10-26 추가 */
	.onepic_area .bx-wrapper li{}
	
	/*20180213 new footer*/
	.footer .f_n_center	{ padding: 30px 10px; }
	.footer .f_n_lang	{ float: left;margin-top:20px; }
	.f_lang_mobile	{ display:none; }
  	.footer .f_n_lang .language .wa_img { margin-left: 0px; }
}


@media all and (max-width:994px) and (min-width:941px) {
	/* 메인 */
	/*.onepic_area .bx-wrapper li{width:340px !Important;} */
}


@media all and (max-width:767px){
	/* 메인 */
	.header{display:none;}
 	.visualArea{display:none;}

	.mainSection{background:none;padding:0 2.604166666666667%;}
 	.mainSection .sParent{width:100%;margin:0;}
 	.mainSection .section01,
 	.mainSection .section02,
 	.mainSection .section03,
 	.mainSection .section04,
 	.mainSection .section05,
 	.mainSection .section06{width:100%;box-sizing:border-box;margin-left:0;margin-right:0;}

 	.mainSection .section02{margin-top:2.083333333333333%;}
 	.mainSection .section04 .thum{margin-right:5px;}
 	.mainSection .section04 ul > li > div{width:140px;}

 	.footer .footTop{padding:0px;overflow: initial;}
	.footer .footCenter{margin:0px;}
	.footer .footTop div.dasan,
 	.footer .footTop div.lang,
 	.footer .footTop div.f_groub{display:none;}
 	.footer .mobileSelect{display:block;}
	.footer .footBottom{padding-bottom:0;display:block;}
	.footer .footBottom .addr{width:56%;}
 	.footer .footBottom .qrCode{margin-right:10px;}
 	.footer .footBottom{height:auto;}
 	.footer .footBottom .lang{overflow: hidden;margin: 17px 2.083333333333333% 0px;float:right;}
 	.footer .footBottom .f_sns{width:100%;overflow: hidden;margin: 17px 0px;}
 	.footer .footBottom .f_sns ul{overflow: hidden;}
 	.footer .footBottom .f_sns ul li{float:left;margin-left:5px;}
 	.footer .footBottom .f_sns ul li:first-child{margin-left:0;}
	
	
	/*20180213 new footer*/
	.footer .f_n_center	{ padding: 30px 10px; }
  	.footer .f_n_group .f_n_info { margin-top: 20px;margin-bottom:0px; }
  	.footer .f_n_group ul.f_n_info_ul li a{ padding: 5px 0px; }
  	.footer .f_n_group .f_n_copy { margin-top:20px; }
  	.footer .f_n_group .f_n_sns { margin-top:20px; }
  	.footer .f_n_group ul.f_n_sns_ul li:first-child{ margin-left: 0px; }
	.f_lang_mobile	{ display:none; }
  	.footer .f_n_lang	{ float: left;margin-top:20px; }
  	.footer .f_n_lang .language .wa_img { margin-left: 0px; }	
	
	
 	.ie7 .mainSection .section01,
 	.ie7 .mainSection .section02,
 	.ie7 .mainSection .section03,
 	.ie7 .mainSection .section04,
 	.ie7 .mainSection .section05,
 	.ie7 .mainSection .section06{width:99.93958333333333%;}

 	/* 서브 */
 	/* Template [11] */
	.topSt1 ul:first-child + ul{float:left;width :100%;}
	.topSt1 ul:first-child + ul > li{margin-top:5px;}
	.topSt1 ul:first-child + ul > li:first-child select{width:86px;}
	.topSt1 ul:first-child + ul > li:first-child + li input{width:100px;}
	
	.topSt2 ul{float:left;}
	.topSt2 ul li:first-child + li input{width:121px;}
	
	.topSt3 ul{float:left;width:100%;}
 	.topSt3 ul li:first-child select{width:86px;}
 	.topSt3 ul li:first-child + li input{width:100px;}
 	.topSt3 ul li:first-child + li + li{margin-left:5px;}
	
	.topSt4 ul:first-child + ul{clear:both;float:left;}
 	.topSt4 ul:first-child + ul li{margin-top:5px;}
 	.topSt4 ul:first-child + ul li:first-child select{width:86px;}
	.topSt4 ul:first-child + ul li:first-child + li input{width:100px;}

	/* Template [3-3] */
	.photo_list_type3 > li{padding-bottom:5px;}
	.photo_list_type3 > li:first-child{padding-top:5px;}
	.photo_list_type3 > li > a{float:none;}
 	.photo_list_type3 > li > a > img{width:100%;max-width:100%;margin-right:0;}
	.photo_list_type3 > li > div{width:100%;float:none;margin-top:2px;}
	.starTit > li:first-child{width:100%;}
	.starTit > li:first-child > h3.tit15{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
     

    ul.sig_new{}
	ul.sig_new li.fir{width:100%;padding-top:1px;}
	ul.sig_new li.fir div.sec{}
	ul.sig_new li.fir div.thir{}
	ul.sig_new:after{content:"";display:block;clear:both;}

	/* Template [3-1] */
	.photo_list_type1 li{width:100%;}
	.photo_list_type1 li.box01, .photo_list_type1 li.box03, .photo_list_type1 li.box05{margin-right:0;}
	.photo_list_type1 li.box02{margin-top:5.208333333333333% !important;}
	.ie7 .photo_list_type1 li{width:97%;}
	.photo_list_type1.cstW li{width:100% !Important;height: auto;}
	.photo_list_type1.cstW li .thum{height: auto;}	

	/* Template [3-2] */
	.photo_list_type2 li{width:100% !important;}
	.photo_list_type2 li.box02{margin-top:2.604166666666667% !important;}
	.photo_list_type2 li.box12{margin-left:0;}

	/* Template [4-1] */
	.galleryArea .galleryBox{width:100%;height:auto;}
	.galleryBox .bigImg img{width:100%;max-width:100%;}
	.galleryBox .galleryBtn{}
	.galleryBox .galleryBtn > li{width:24%;margin-left:1.33333%;}
	.galleryBox .galleryBtn > li:first-child{margin-left:0;}
	.galleryBox .galleryBtn > li img{width:100%;max-width:100%;}
	.galleryArea > div:first-child + div{width:100%;float:left;margin:10px 0 0 0 !important;}
	.tabMenu > li{width:31%;}
	
	/* Template [4-3] */
	.sub_titArea{height:auto;margin-top:10px;}
	.sub_titArea h3.tit{width:65%;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
	.photo_list_type4 > li img{width:100px;}
	.photo_list_type4 > li p{margin-top:5px;}

	/* Template [6] */
	.citytourBox li{width:99%;float:none;}
	.citytourBox li{margin-top:5px;}
	.citytourBox li:first-child{margin-top:0;}
	.citytourBox li:first-child, .citytourBox li:first-child + li{margin-right:0;}
	.citytourTab h3{width:20%;}
	.citytourTab h3 a{font-size:13px;}
	.citytourTab .tab02{left:20%;}
	.citytourTab .tab03{left:40%;}
	.citytourTab .tab04{left:60%;}
	.citytourTab .tab05{left:80%;}

	/* Template [7-1] */
	.grayBox ul li{background-position:0 5px;}
	.courseFlan{padding:20px;}
	.dayList li{width:49%;}
	.courseList li{width:49%;margin-right:0;margin-top:0;}
	.courseFlan li{width:100%;}
	.courseFlan .info1{height:auto;}
	.courseFlan .info2 .traffic,
	.courseFlan .info2 .walking{float:left;margin-left:5px;}
	.courseList li label{font-size:11px;}
	.courseName input[type="text"]{width:97%;margin-top:5px;}
	.courseResult{height:auto;}
	.courseBtn{width:282px;}
	.courseBtn a{width:140px;}

	/* Template [4-2] */
	.characterArea .char{width:84px;}
	.characterArea .charBox{width:64%;}
	.characterArea .ch_tit{width:85px;padding-right:0;letter-spacing:-1px;text-align:left;font-size:13px;}
	.characterArea .m_txtBox{width:64%;float:left;margin-left:10px;}
	.mtxbox{width:100% !important;margin-left:0 !important;}

	/* Template [8] */
	.majorEvents ul li{width:49%;}
	.majorEvents ul li:first-child + li + li{margin-left:0;}
	.majorEvents ul li:first-child + li + li,
	.majorEvents ul li:first-child + li + li + li{margin-top:1%;}

	/* Template [10] */
	.couponList li{width:99%;margin-left:0;margin-top:10px;}
	.couponList li:first-child{margin-top:0;}

	/* Template [4-5] */
	.thumImg{width:100%;max-width:100%;}

	/* Template [12] */
	.allsearchWrap > li{width:100%;float:none;}
	.allsearchArea{width:100%;}
	.topSearches dt{margin-right:10px;}
	.topSearches dd{margin-left:0;margin-right:10px;font-size:12px;}
	.searchResult h2{line-height:100%;}
	.searchResult ul li{margin-left:0;margin-right:12px;}
	.searchtitBox .sTit .sMore{display:none;}
	.snsimgList .snsThum{width:80px;}
	.opationList > li > a{width:58px;height:auto;font-size:11px;letter-spacing:-1px;}
	.opationList .ul01{width:70%;}
	.opationList .ul01 > li{width:100%;}
	.opationList .ul01 > li > input[type="text"]{width:96%;}
	.opationList .ul02{width:72%;}
	.opationList .ul02 li{margin-left:0;margin-right:5px;}
	.opationList .li04{width:100%;}
	.opationList > li > ul > li{font-size:11px;}

	/* 배너모두보기 */
	.bigbnrList .bnrlink img,
	.bigbnrList .bnrlink ul{float:none;margin-right:0;}
	.bigbnrList .bnrlink ul{width:100%;margin-top:5px;}

	/* 사이트맵 */
	.sitemapList > li{width:49%;}
	.sitemapList > li > a{width:95%;}
	.sitemapList > li > ul > li > a{width:95%;}
	.sitemapList > li.mapList03,
	.sitemapList > li.mapList05{margin-left:0;}
	.sitemapList > li > ul > li > ul{width:98%;}
	.sitemapList > li.mapList03,
	.sitemapList > li.mapList04,
	.sitemapList > li.mapList05,
	.sitemapList > li.mapList06{margin-top:10px;}

	/* 날씨물때 */
	.frameBox{width:360px;}


	/* 2017-08-08 추가 CSS */
	/* 변경추가사항 */
	.tables_st4 table thead tr th,
	.tables_st4 table tbody tr td,
	.tables_st5 table thead tr th,
	.tables_st5 table tbody tr th,
	.tables_st5 table tbody tr td{font-size:13px;line-height: 15px;}
	.tables_st5 table tbody tr td{padding:6px 5px 6px 5px;}
	.btn.gray_xs.wCont{padding:2px 2px;height:100%;line-height:120%;}
	.tables_st1 table tbody tr td{padding:10px;}
	.para img{width:100%;}
	table tr.multy_type .txt2{height: auto;line-height: inherit;}

	/* 모바일에서 변경 */
	.mb50{margin-bottom: 30px !important;}

	/* 공통추가 */
	p.h4{font-size:14px;line-height:15px;margin-bottom: 6px;background-position:left 1px;}
	p.txt{font-size:13px;line-height:15px;}
	p.txt2 {margin: 0px 3px;}


	/* 텍스트아리아 카운트 */
	.counter {padding: 2px 15px ;}


	/* 테이블 */
	table .personnel_group a.btn.white_m{margin-right:5px;}
	table .personnel_group .p_box p{margin-left:3px;}
	table .personnel_group .p_box p:first-child{margin-left:0px;}


	/* 라인박스 */
	.line_box{padding:10px 10px;}
	.line_box p{font-size:13px;}

	/* 공원검색_지도 */
	.park_cont{width:350px;}


	/* 레이어팝업 ajax */
	#colorbox{width:100% !important;}
	#cboxWrapper{width:100% !important;}
	#cboxContent{width:100% !important;}
	#cboxLoadedContent{width:100% !important;}
	.lay_ty1{padding:10px;width:95%;}
	.lay_ty1 .personnel_group {float:left;}
	.lay_ty1 input.type01{margin:0 3px;}


	/* 레이어팝업 inline */
	#cboxMiddleLeft {height:auto !important;}
	#cboxLoadedContent {box-sizing: border-box !important;}
	#cboxLoadedContent > div.contents {width:auto !important;height:auto !important;margin:3px !important;padding:0px;padding-bottom: 10px;}


	/* 행버튼(레이어팝업내부) */
	.btn_group{text-align:center;width: 78%;margin: 0 auto;}
	.btn_group .btn{display:inline-block;text-indent: -9999px;width:20px;height:20px;}
	.btn.colplus{margin-left:0px;margin-right:0px;margin-bottom:3px;}
	.btn.coldel{margin-left:0px;margin-right:0px;margin-bottom:3px;}
	.btn.colup{margin-left:0px;margin-right:0px;}
	.btn.coldown{margin-left:0px;}


	/* 테이블 내 라벨 줄바꿈 */
	.max_date{float:left;margin-top:3px;}

	/* 첨부파일버튼추가 */
	a.attach{padding:3px 5px 2px !Important; margin-left:0px !important;}
	/* 첨부파일(ul) */
	ul.img_list > li{margin-top:3px;}
	ul.img_list > li:first-child{margin-top:0px;}
	ul.img_list > li input{width:80%;}
	ul.img_list > li .btn_group2{float:left;margin-left:3px;}


	/* 줄바꿈 */
	p.txt:after{content:"";display:block;clear:both;}
	.max_p{float:left;}


	/* 뷰어다운로드 */
	.btn_viewer a img{width:60px;}

	/* subsns */
	.subsns a{margin-left:0px;}
	.sub_group{margin-right:5px;}
	.sub_group .sub_print{margin-right:2px;}

	/* 현장스케치 */
	.sketch_video .video iframe{width:100%;height: 50%;}
	.tables_st1 .video iframe{width:100%;height: 50%;}

	/*--------- 산과공원한컷(배너) ---------*/
	/* 2017-10-26 추가 */
	.onepic_area .onepic_btn{left:10% !Important;padding: 4px 8px !important;top:115px !important;font-size:12px !important;}
	.onepic_area .main_visual{height:150px !important;}
	.onepic_area .bx-wrapper li{height:150px !important;}
	.onepic_area .bx-wrapper li span{font-size:13px !important;}

	.onepic_area .bx-wrapper .bx-controls-direction{left:0 !important;}
	.onepic_area .bx-wrapper .bx-controls-direction a{width:15px !important;margin-top:-32px !important;}
	.onepic_area .bx-wrapper .bx-controls-direction .bx-prev{left:-42px !important;}
	.onepic_area .bx-wrapper .bx-controls-direction .bx-next{right:10px !important;}

	.onepic_area .onepic_title .main{font-size: 22px !important;background-position: left 23px !Important;line-height: 24px !Important;}
	.onepic_area .onepic_title .sub{font-size: 20px !important;line-height: 22px !Important;margin-top:5px !important;}
}

@media all and (max-width:425px){

	/*/////////////////////////////////////////////
				메인(index.php)
	/////////////////////////////////////////////*/
	/* 2017-10-26 추가 */

	/*--- 서울의 산과공원 프로그램 ---*/
	/* progbox_fir */
	.prog_area .progbox_fir ul li:first-child{}
	.prog_area .progbox_fir ul li:first-child+li{width:33.4% !Important;}
	.prog_area .progbox_fir ul li:first-child+li+li{}

	/*--------- 산과공원한컷(배너) ---------*/
	.onepic_area > div:first-child {width: 27% !important;}
	.onepic_area .bx-wrapper {width: 73% !important;}
	.onepic_area .bx-wrapper li{margin-left: 2px !important;}

	.onepic_area .bx-wrapper .bx-controls-direction .bx-prev{left:-32px !important;}
	.onepic_area .bx-wrapper .bx-controls-direction .bx-next{right:2px !important;}

}



@media all and (max-width:356px){

/*/////////////////////////////////////////////
			메인(index.php)
/////////////////////////////////////////////*/

/*--- 서울의 산과공원 프로그램 ---*/
/* progbox_fir */
.prog_area .progbox_fir ul li:first-child{}
.prog_area .progbox_fir ul li:first-child+li{width:33.3% !Important;}
.prog_area .progbox_fir ul li:first-child+li+li{}

}



@media all and (max-width:335px){

/* 서울시 공원 돌보미 */
.clearfix .people1 .people1txt{top:20px}
.clearfix .people1 .people1btn{top:250px;}

/* 서울시 나무 돌보미 */
.clearfix .people2 .people2txt{top:20px}
.clearfix .people2 .people2btn{top:250px;}


/*/////////////////////////////////////////////
			메인(index.php)
/////////////////////////////////////////////*/

/*--- 서울의 산과공원 프로그램 ---*/
/* progbox_fir */
.prog_area .progbox_fir ul li:first-child{}
.prog_area .progbox_fir ul li:first-child+li{width:33.2% !Important;}
.prog_area .progbox_fir ul li:first-child+li+li{}
.prog_area .progbox_fir ul li a.prog {margin-right: 5px;margin-left: 5px;}

/*--------- 산과공원한컷(배너) ---------*/
/* 2017-10-26 추가 */
.onepic_area .bx-wrapper .bx-controls-direction .bx-prev{left:-32px !important;}
.onepic_area .bx-wrapper .bx-controls-direction .bx-next{right:3px !important;}


}