@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.ws_{}

.contentWapper.main{background: url('/images/egovframework/com/main/img/main/bg_main.png') no-repeat center}

/*/////////////////////////////////////////////
		헤더 수정사항(웹)
/////////////////////////////////////////////*/
.header .sRight{padding:16px 0 !Important;}
.header .searchArea{ width: 422px !important;margin-right: 33px !important;}
.header .searchArea .searchBox{background: #01c73c !important;padding: 2px !important;height: 41px !important;width: 418px !important;}
.header .searchArea .searchBox input[type="text"]{background: #fff !important;height: 41px !important;line-height: 41px !important;width: 362px !important;ime-mode:active;}
.header .searchArea .searchBox > .searchbtn{background: #01c73c !important;width: 44px !important;height: 41px !important;}
.header .searchArea .searchBox > .searchbtn> img{padding: 10px !important; margin-right: 0 !important;}

.header .menuArea{background:#01c73c !Important;}
.header .gnb{width:1103px !important;}
.header .gnb > li > .mbg{border-top:none !important;border-bottom:1px solid #cfcfcf !important;background:#edeff2 !important;width:1102px !important;margin: 0 auto;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;left: 0 !Important;right: 0;}
.header .gnb > li:first-child{width:274px;}
.header .gnb > li > a{color:#ffffff!important;}
.header .gnb > li.on > a{color:#01c73c !important;}
.header .gnb > li.on {background:#edeff2;}
.header .gnb > li > a{color: #ffffff!important;}

.header .gnb .closer{overflow: hidden;position:relative;bottom:10px;}
.header .gnb .closer a{float: right;margin-right: 15px;background: url('/images/egovframework/com/main/img/close.png') no-repeat 25px center;padding-right: 13px; font-weight: bold;}


/*/////////////////////////////////////////////
		헤더 수정사항(모바일)
/////////////////////////////////////////////*/
.headerM{border-bottom:3px solid #01c73c;}
.headerM .sidemenuBtn{background:#01c73c;line-height:27px;}
.headerM .msearchBtn{background:#01c73c;line-height:27px;}



/*/////////////////////////////////////////////
		예약(T-02-01-01)
/////////////////////////////////////////////*/
.ws_ .photo_list_type3 > li:first-child{padding-top:0px;}



/*/////////////////////////////////////////////
		서울의 산과 공원 
		찾기 검색(T-01-01-01)
/////////////////////////////////////////////*/

/* 검색 */
.ws_ .allsearchArea .allsearchBox{padding-left:0px;}
.ws_ .allsearchArea .allsearchBox label{float:left;padding:7px 5px;background:#01c73c;}


/* 검색 기본값 수정 */
.allsearchArea{width:600px;margin: 0 auto;}/* content.css 126수정(width값) */
.allsearchArea .allsearchBox{border:5px solid #01c73c;margin-left:90px;}/* content.css 127수정(내용추가) */
.allsearchArea .allsearchInput{height:27px;padding-left:10px;width:95%;}/* content.css 128수정(내용추가) */
.allsearchArea .allsearchBtn{background:#549e26/*#01c73c*/;color:#fff;}
.allsearchArea .allsearchName{float:left;width: 75px;padding: 11px 0;text-align: center;}
.allsearchArea .allsearchName label{margin-right: 0px;font-size:14px;}

/* 컨텐츠박스 */
.ws_ .webpageLiest  .cont_box{padding-left:152px;}
.ws_ .webpageLiest  .cont_box:after{content: '';display: block;clear: both;}
.ws_ .webpageLiest  .cont_box .txt{border-bottom:1px solid #959595;}


/* 컨텐츠박스 기본값 수정 */
.webpageLiest .pageTit{font-size:14px;}
.webpageLiest .pageTit .Tit{font-size:14px;font-weight: bold;}
.ws_ .webpageLiest .pageTit a{text-decoration:none;}
.webpageLiest .pageCat{float:left}/* content.css 192수정(내용 추가) */
.boardBtnset > li{margin-top:0px;}/* common.css 545수정(내용 추가) */
.searchtitBox{border-top: 1px solid #a9a9a9;}/* content.css 176수정(내용 추가) */
.bdr{border: 0 !important;}/* common.css 61수정(내용 추가) */



/*/////////////////////////////////////////////
	서울의 산과 공원 
	찾기 검색결과(T-01-01-02)
/////////////////////////////////////////////*/

/* 컨텐츠 추가사항 */
.sub_titArea .multy{float:right;height: 24px;line-height: 24px;}
.sub_titArea .multy span{padding-left:10px;padding-right:10px;}
.sub_titArea .multy .add{padding-left:0px;padding-right:15px;background:url('/images/egovframework/com/main/img/search_line.jpg') no-repeat right center;}

.Sresult{height:166px;border-bottom:1px solid #a9a9a9;margin-bottom:10px;}
.Sresult_img img{height: 210px !important; border: 1px solid #a9a9a9;}
.Sresult_btn{float:right;}
.Sresult_btn .btn{width:100px;margin-bottom:3px;}
.Sresult .tables_st3 table tbody tr th, 
.Sresult .tables_st3 table tbody tr td{padding-left:0px;}

/* 공원소개 */
.sresult_01{}


/*/////////////////////////////////////////////
				푸터
/////////////////////////////////////////////*/
.f_groub .f_sns h2{margin-top:0px;height: auto;line-height: inherit;}





/*/////////////////////////////////////////////
		통합검색 결과(G-03)
/////////////////////////////////////////////*/
.ws_ .searchtitBox.ty0{border-bottom:none;padding-top: 20px;border-top:2px solid #a9a9a9;}
.ws_ .ty0 .webpageLiest .pageTit{margin-bottom:5px;}
.ws_ .ty0 .webpageLiest .cont_box .txt{border-bottom:none;}
.ws_ .ty0 .webpageLiest .cont_box .txt .add{display:block;margin-bottom:5px;}

/* 통합검색 */
.ws_ .topSearches{margin-top:70px;}
.ws_ .topSearches dt{margin-right:0px;font-weight:normal;}
.ws_ .topSearches dd{background: url('/images/egovframework/com/main/img/search_line.jpg') no-repeat left center;padding-left:10px;margin-left:10px;}
.ws_ .topSearches dd a{text-decoration:none;}
.ws_ .topSearches .on{color:#535353;font-weight:bold;}

/* 버튼 */
.ws_ .searchtitBox .sTit .sMore{width:64px;background:#535353 url('/images/egovframework/com/main/icon/ico_right.png') no-repeat 54px center;padding:6px 16px 0px 12px;color:#fff;text-decoration:none;height:32px;}
.ws_ .searchtitBox .sTit .sMore:hover{background:#434343 url('/images/egovframework/com/main/icon/ico_right.png') no-repeat 54px center;}




/*/////////////////////////////////////////////
		조직안내(G-02-01)
/////////////////////////////////////////////*/
.ws_ .personnel_group a.btn{float:inherit;margin-left:0px;}

.citytab { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: #fafafa;border-top: 2px solid #01c73c;width:1%;display: table-cell; height: 42px; vertical-align: middle;text-align: center; color: #000; /*font-weight: bold;*/ font-size: 15px; }
.citytab:first-child {border-left: 1px solid #dcdcdc; }

.citytab.on {background: rgba(1, 199, 60, 0.25); border-bottom: 1px solid #fff; font-weight: bold;}

/* 명도대비 수정
.oc_group .fir .oc_title a { color:#fff; } */
.oc_group .fir .oc_title a {color: #434343;}

@media all and (max-width:767px){
	.citytab { font-size: 13px; }	
}

.title_Area{margin-bottom: 18px;margin-top:49px;}
.title_Area .sub_txt{float:left;margin-left:10px;margin-top:48px;font-size:18px;color:#666;line-height: 20px;}

.citytourTab .citytabWrap{position:relative;}
/* .citytourTab h3{position:absolute;top:0;width:184px;height:42px;line-height:42px;border-right:1px solid #dcdcdc;background:#fafafa;border-top:2px solid #183bbe;border-bottom:1px solid #dcdcdc;}
.citytourTab h3 a{display:block;text-align:center;color:#000;font-weight:bold;font-size:15px;}
.citytourTab h3.on{background:#01c73c3d;border-bottom:1px solid #fff;}
.citytourTab .tab01{left:0;border-left:1px solid #dcdcdc;}
.citytourTab .tab02{left:186px;}
.citytourTab .tab03{left:372px;}
.citytourTab .tab04{left:558px;}
.citytourTab .tab05{left:744px;}
.citytourTab .tab06{left:930px;} */
.citytourTab .tabconBox{padding-top:20px;margin-top:2px;}


/* 조직도 공통 */
.oc_group{margin-bottom:50px;}
.oc_group > div{position:relative;}

/* 조직도_ 대타이틀     명도대비 수정
.oc_group .oc_title{width:170px;background:#01c73c;font-size:20px;color:#fff;line-height:22px;padding:13px 0;text-align:center;margin: 0 auto;} */
.oc_group .oc_title{width:170px;background: #BFF1CE;font-size:20px;color: #434343;line-height:22px;padding:13px 0;text-align:center;margin: 0 auto;border: 1pt solid #01C73C;}

/* 조직도_중타이틀 */
.oc_group ul > li.oc_main{width:170px;background:#525f78;padding:13px 0;text-align:center;border:none;}
.oc_group ul > li.oc_main a{font-size:20px;color:#fff;line-height:22px;}
.oc_group ul > li.oc_main:hover  a{color:#fff;}

/* 조직도_서브타이틀 */
.oc_group ul > li.oc_sub{width:168px;border:1px solid #525f78;background:#fff;padding:12px 0;text-align:center;}
.oc_group ul > li.oc_sub a{font-size:20px;color:#525f78;line-height:22px;}
.oc_group ul > li.oc_sub:hover  a{color:#525f78;}
/* 서브타이틀 2줄 */
.oc_group ul > li.oc_sub.lh{padding:5px 0;}
.oc_group ul > li.oc_sub.lh a{font-size:18px;line-height:18px;}

/* 조직도_세부타이틀 */
.oc_group ul{width: 170px;background:url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.oc_group ul > li {width:168px;border:1px solid #d9d9d9;background:#fff;padding:7px 0;text-align:center;margin-bottom:3px;position:relative;}
.oc_group ul > li > a{font-size:15px;color:#333;line-height:17px;}
.oc_group ul > li:last-child{margin-bottom:0px;}
.oc_group ul > li:hover > a,
.oc_group ul > li > a > ul > li:hover > a{color:#01c73c;}

/* 팀테이블 */
.oc_group .tables_st1 table tbody tr th{font-size:15px;}
.oc_group .tables_st1 table tbody tr th.ty_l{padding-left:98px;}
.oc_group .tables_st1 table tbody tr td{font-size:14px;padding-left:0px;padding-right: 0px;}

/* 오시는길 */
.oc_map{border:1px solid #dcdcdc;}


/*--- 푸른도시국( ty01 ) ---*/
/* ty01_fir */
/* .ty01.oc_group .fir{height:301px;background:url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;} */
.ty01.oc_group .fir{height:120px;background:url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty01.oc_group .fir ul{position: absolute;right: 286px;}
.ty01.oc_group .fir .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:71px;width:10%;margin-left:50%;}

/* ty01_sec */
/* .ty01.oc_group .sec{width:890px;height:310px;margin:0 auto;} */
.ty01.oc_group .sec{width:890px;height:390px;margin:0 auto;}
.ty01.oc_group .sec ul{padding-top:10px;}
.ty01.oc_group .sec .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:0px;width:721px;margin-left:85px;display:none;}
.ty01.oc_group .sec .line.one{display:block;}
.ty01.oc_group .sec .ocbox{float:left;margin-left:10px;}
.ty01.oc_group .sec .ocbox.oc01{margin-left:0px;}
.ty01.oc_group .sec .ocbox.oc02{}
.ty01.oc_group .sec .ocbox.oc03{}
.ty01.oc_group .sec .ocbox.oc04{}
.ty01.oc_group .sec .ocbox.oc05{}
.ty01.oc_group .sec .ocbox.oc06{float:right;}
.ty01.oc_group .sec .ocbox .on a{color:#01c73c;}


/*--- 중부공원녹지사업소( ty02 ) ---*/
/* ty02_fir */
.ty02.oc_group .fir{height:90px;background:url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty02.oc_group .fir ul{position: absolute;right: 286px;}
.ty02.oc_group .fir .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:71px;width:10%;margin-left:50%;}

/* ty02_sec */
.ty02.oc_group .sec{width:890px;height:166px;margin:0 auto;}
.ty02.oc_group .sec ul{padding-top:10px;}
.ty02.oc_group .sec .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:0px;width:721px;margin-left:85px;display:none;}
.ty02.oc_group .sec .line.one{display:block;}
.ty02.oc_group .sec .ocbox{float:left;margin-left:10px;}
.ty02.oc_group .sec .ocbox.oc01{margin-left:0px;}
.ty02.oc_group .sec .ocbox.oc02{}
.ty02.oc_group .sec .ocbox.oc03{}
.ty02.oc_group .sec .ocbox.oc04{}
.ty02.oc_group .sec .ocbox.oc05{float:right;}
.ty02.oc_group .sec .ocbox .on a{color:#01c73c;}


/*--- 중부공원녹지사업소( ty03 ) ---*/
/* ty03_fir */
.ty03.oc_group .fir{height:90px;background:url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty03.oc_group .fir ul{position: absolute;right: 286px;}
.ty03.oc_group .fir .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:71px;width:10%;margin-left:50%;}

/* ty03_sec */
.ty03.oc_group .sec{width:890px;height:166px;margin:0 auto;}
.ty03.oc_group .sec ul{padding-top:10px;}
.ty03.oc_group .sec .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:0px;width:721px;margin-left:85px;display:none;}
.ty03.oc_group .sec .line.one{display:block;}
.ty03.oc_group .sec .ocbox{float:left;margin-left:10px;}
.ty03.oc_group .sec .ocbox.oc01{margin-left:0px;}
.ty03.oc_group .sec .ocbox.oc02{}
.ty03.oc_group .sec .ocbox.oc03{}
.ty03.oc_group .sec .ocbox.oc04{}
.ty03.oc_group .sec .ocbox.oc05{float:right;}
.ty03.oc_group .sec .ocbox .on a{color:#01c73c;}


/*--- 서부공원녹지사업소( ty04 ) ---*/
/* ty04_fir */
.ty04.oc_group .fir{height:90px;background:url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty04.oc_group .fir ul{position: absolute;right: 286px;}
.ty04.oc_group .fir .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:71px;width:10%;margin-left:50%;}

/* ty04_sec */
.ty04.oc_group .sec{width:1070px;height:245px;margin:0 auto;}
.ty04.oc_group .sec ul{padding-top:10px;}
.ty04.oc_group .sec .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:0px;width:900px;margin-left:85px;display:none;}
.ty04.oc_group .sec .line.one{display:block;}
.ty04.oc_group .sec .line.one_{display:block;top:210px;width:541px;height: 12px;padding-bottom: 5px;background: url('/images/egovframework/com/main/img/line_bg.png') repeat-x left;border: none;}
.ty04.oc_group .sec .ocbox{float:left;margin-left:10px;}
.ty04.oc_group .sec .ocbox.oc01{margin-left:0px;position:relative;}
.ty04.oc_group .sec .ocbox.oc02{}
.ty04.oc_group .sec .ocbox.oc03{}
.ty04.oc_group .sec .ocbox.oc04{}
.ty04.oc_group .sec .ocbox.oc05{}
.ty04.oc_group .sec .ocbox.oc06{float:right;}
.ty04.oc_group .sec .ocbox .on a{color:#01c73c;}

/* 관리사무소 */
.ty04.oc_group .sec .ocbox .more_child{position: absolute;left: 179px;bottom: 0px;background-position:84px center;margin-bottom: 0px;}
.ty04.oc_group .sec .ocbox .more_child li{float:left;margin-left:10px;}
.ty04.oc_group .sec .ocbox .more_child li:first-child{margin-left:0px;}
.ty04.oc_group .sec .ocbox .mc1{margin-bottom:0px;}
.ty04.oc_group .sec .ocbox .more_child.mc2 a{letter-spacing: -1px;}
.ty04.oc_group .sec .ocbox .more_child.mc3{left: 359px;}
.ty04.oc_group .sec .ocbox .more_child.mc4{left: 539px;}
.ty04.oc_group .sec .ocbox .more_child.mc5{left: 719px;}



/*--- 서울식물원( ty05 ) ---*/
/* ty05_fir */
.ty05.oc_group .fir{height:90px;background:url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty05.oc_group .fir ul{position: absolute;right: 286px;}
.ty05.oc_group .fir .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:71px;width:10%;margin-left:50%;}

/* ty05_fir */
.ty05.oc_group .sec{width:716px;height:200px;margin:0 auto;}
.ty05.oc_group .sec ul{padding-top:10px;}
.ty05.oc_group .sec .line{border-bottom: 1px solid #dcdcdc; position: absolute;top:0px;width:540px;margin-left:84px;display:none;}
.ty05.oc_group .sec .line.one{display:block;}
.ty05.oc_group .sec .ocbox{float:left;margin-left:10px;}
.ty05.oc_group .sec .ocbox.oc01{margin-left:0px;position:relative;}
.ty05.oc_group .sec .ocbox.oc02{}
.ty05.oc_group .sec .ocbox.oc03{}
.ty05.oc_group .sec .ocbox .on a{color:#01c73c;}



/*/////////////////////////////////////////////
			메인(index.php)
/////////////////////////////////////////////*/

/* ---메인 비쥬얼 --- */
.vbox_area{overflow:hidden;}
.vbox_area:after{content: '';display: block;clear: both;}
.vbox_area .vbox{position:relative;border-left:1px solid #fff;}
.vbox_area .vbox:first-child+div+div+div{}
.vbox_area .vbox > a{display:block;}
.vbox_area .vbox > a > div{width: 100%;padding:20px 0px;bottom:0px;top:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vbox_area .vbox span{text-align: left;margin-left: 20px;font-size:20px;}
.vbox_area .vbox > a > div .vbox_title{font-size:14px; display:none;}
.vbox img{/*width:549px;*/height:393px;}

/*--- 서울의 산과공원 프로그램 ---*/
.prog_area:after{content: '';display: block;clear: both; margin-bottom: 30px;}
.prog_area .title_Area{margin-top:12px;margin-bottom:0px;}
.prog_area .title_Area h2{font-size:22px;color:#000;}
/* progbox_fir */
/* .prog_area .progbox_fir{float: left; margin-right: 10px;}width: 266px;
.prog_area .progbox_fir ul li{float: left;margin-left:1px;}
.prog_area .progbox_fir ul li:first-child{width:139px;background: #525f78 url('/images/egovframework/com/main/img/main/ico_ca01.png') no-repeat center 25px;margin-left:0px;}
.prog_area .progbox_fir ul li:first-child+li{width:138px;background: #525f78 url('/images/egovframework/com/main/img/main/ico_ca02.png') no-repeat center 25px;}
.prog_area .progbox_fir ul li:first-child+li+li{width:139px;background: #525f78 url('/images/egovframework/com/main/img/main/ico_ca03.png') no-repeat center 25px;}
.prog_area .progbox_fir ul li a.prog{height: 61px;background:none;font-size:16px;margin-right:10px;padding-top: 80px;margin-left:10px;line-height:18px;word-break: break-word; word-wrap: break-word;}
.prog_area .progbox_fir ul li:first-child+li+li a.prog{}
.prog_area .progbox_fir ul li:hover{background:  #01c73c url('/images/egovframework/com/main/img/main/ico_ca01.png') no-repeat center 25px;}
.prog_area .progbox_fir ul li:first-child+li:hover{background:  #01c73c url('/images/egovframework/com/main/img/main/ico_ca02.png') no-repeat center 25px;}
.prog_area .progbox_fir ul li:first-child+li+li:hover{background:  #01c73c url('/images/egovframework/com/main/img/main/ico_ca03.png') no-repeat center 25px;} */
.prog_area .progbox_fir{float: left; height: 254px;width: 266px;margin-right: 10px;}
.prog_area .progbox_fir ul li:first-child{background: #525f78 url('/images/egovframework/com/main/img/main/ico_ca01.png') no-repeat 30px 25px;}
.prog_area .progbox_fir ul li:first-child+li{background: #525f78 url('/images/egovframework/com/main/img/main/ico_ca02.png') no-repeat 30px 25px;}
.prog_area .progbox_fir ul li:first-child+li+li{background: #525f78 url('/images/egovframework/com/main/img/main/ico_ca03.png') no-repeat 30px 25px;}
.prog_area .progbox_fir ul li a.prog{background:url('/images/egovframework/com/main/img/main/ico_arr_lf.png') no-repeat right center;font-size:16px;margin-right:15px;padding-left:8px;}
.prog_area .progbox_fir ul li:first-child+li+li a.prog{padding-left:26px;}
.prog_area .progbox_fir ul li:hover{background:  #01c73c url('/images/egovframework/com/main/img/main/ico_ca01.png') no-repeat 30px 25px;}
.prog_area .progbox_fir ul li:first-child+li:hover{background:  #01c73c url('/images/egovframework/com/main/img/main/ico_ca02.png') no-repeat 30px 25px;}
.prog_area .progbox_fir ul li:first-child+li+li:hover{background:  #01c73c url('/images/egovframework/com/main/img/main/ico_ca03.png') no-repeat 30px 25px;}
/* progbox_sec */
/* .prog_area .progbox_sec{float: left; width: 190px;height: 143px;margin-right: 10px;position:relative;}
.prog_area .progbox_sec a{position:relative;display: block;}
.prog_area .progbox_sec a span{width:100%;height:36px;position: absolute;bottom: 0px;left:0px;font-size:14px;padding: 20px 0;text-align:center;background-image: url('/images/egovframework/com/main/img/main/bg.png');background-repeat: repeat;color: #ffffff;line-height: 18px;}
.prog_area .progbox_sec a img{width: 190px;height: 143px;} */
.prog_area .progbox_sec{float: left; height: 254px;width: 266px;margin-right: 10px;position:relative;}
.prog_area .progbox_sec a{position:relative;display: block;}
.prog_area .progbox_sec a span{width:100%;height:36px;position: absolute;bottom: 0px;left:0px;font-size:16px;padding: 20px 0;text-align:center;background-image: url('/images/egovframework/com/main/img/main/bg.png');background-repeat: repeat;color: #ffffff;line-height: 18px;}
.prog_area .progbox_sec a img{width: 266px;height: 254px;}
/* progbox_thr */
/* .prog_area .progbox_thr{float: left;width: 190px;height: 143px; margin-right: 0px;position:relative;}
.prog_area .progbox_thr a{position:relative;display: block;}
.prog_area .progbox_thr a span{width:100%;height:36px;position: absolute;bottom: 0px;left:0px;font-size:14px;padding: 20px 0;text-align:center;background-image: url('/images/egovframework/com/main/img/main/bg.png');background-repeat: repeat;color: #ffffff;line-height: 18px;}
.prog_area .progbox_thr a img{width: 190px;height: 143px;} */
.prog_area .progbox_thr{float: left; height: 254px;width: 266px;margin-right: 0px;position:relative;}
.prog_area .progbox_thr a{position:relative;display: block;}
.prog_area .progbox_thr a span{width:100%;height:36px;position: absolute;bottom: 0px;left:0px;font-size:16px;padding: 20px 0;text-align:center;background-image: url('/images/egovframework/com/main/img/main/bg.png');background-repeat: repeat;color: #ffffff;line-height: 18px;}
.prog_area .progbox_thr img{width: 266px;height: 254px;}
/* progbox_for */
.prog_area .progbox_for{float: left; width: 266px;padding: 0px 10px;position:relative;background:#fff;overflow: hidden;}
.prog_area .progbox_for .tab01{ text-align: center;height: 28px;line-height: 30px;color: #787878;border: solid 1px #b2b2b2;padding:0px 10px;background:#f1f1f1;display:block;float:left;}
.prog_area .progbox_for .tab02{ text-align: center;height: 28px;line-height: 30px;color: #787878;border: solid 1px #b2b2b2;padding:0px 10px;background:#f1f1f1;display:block;float:left;margin-left:3px;}
.prog_area .progbox_for .more{ text-align: center;height: 28px;line-height: 28px;color: #787878;border: solid 1px #000;padding:0px 15px 0px; font-size:0px;background-image: url('/images/egovframework/com/main/img/main/ico_pu01.png');background-repeat: no-repeat;background-position: center;float:right;}
.prog_area .progbox_for .prg_list { width: 100%; height: 100%; margin-top:15px; float: left;clear: both;overflow: hidden;}
.prog_area .progbox_for .prg_list li{margin-bottom:10px;}
.prog_area .progbox_for .prg_list li a{font-size:13px;color:#000;}
.prog_area .progbox_for .prg_list li a:after{content: '';display: block;clear: both;}
.prog_area .progbox_for .prg_list li a .prg_date{font-size:13px;color:#63b881;}
.prog_area .progbox_for .prg_list li a .prg_01{font-size: 16px;float: left;padding: 5px 0 10px;line-height: 18px;}
/* progbox_five */
/* .prog_area .progbox_five{float: left; width: 204px;padding: 0px 10px;position:relative;background:#fff;overflow: hidden;}
.prog_area .progbox_five .tab01{ text-align: center; width:73px; height: 28px;line-height: 30px;color: #787878;border: solid 1px #b2b2b2;padding:0px 13px;background:#f1f1f1;display:block;float:left;}
.prog_area .progbox_five .tab02{ text-align: center; width:72px; height: 28px;line-height: 30px;color: #787878;border: solid 1px #b2b2b2;padding:0px 13px;background:#f1f1f1;display:block;float:left;margin-left:3px;}
.prog_area .progbox_five .more{ text-align: center;height: 29px;line-height: 29px;color: #787878;border: solid 1px #000;padding:0px 15px 0px; font-size:0px;background-image: url('/images/egovframework/com/main/img/main/ico_pu01.png');background-repeat: no-repeat;background-position: center;float:right;}
.prog_area .progbox_five .prg_list { width: 100%;margin-top:15px; float: left;clear: both;overflow: hidden;}
.prog_area .progbox_five .prg_list li{margin-bottom:10px;} */


/* 리스트 숨김 */
.prog_area .progbox_for .prg_list li:first-child +li +li +li +li,
.prog_area .progbox_for .prg_list li:first-child +li +li +li +li +li,
.prog_area .progbox_for .prg_list li:first-child +li +li +li +li +li +li{display:none;}

.prog_area .progbox_for .prg_list li a{font-size:13px;color:#000;display: block;width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height:15px;}
.prog_area .progbox_for .prg_list li a:after{content: '';display: block;clear: both;}
/*.prog_area .progbox_for .prg_list li a span.prg_date{font-size:13px;color:#63b881;float:left;padding-right: 3px;}*/
.prog_area .progbox_for .prg_list li a span.prg_date{font-size:13px;color:#008A31;float:left;padding-right: 3px;} /*명도대비 4.5:1*/


/* 이벤트 */
.prog_area .progbox_for .tab01.on,
.prog_area .progbox_for .tab02.on,
.prog_area .progbox_for .tab01:hover,
.prog_area .progbox_for .tab02:hover{background:#525f78;color:#fff;}



/*--- 우리 구 산과 공원 찾기 ---*/
.parksearch_area{margin-bottom:60px;}
.parksearch_area:after{content: '';display: block;clear: both;}
.parksearch_area .title_Area{margin-top:12px;margin-bottom:0px;}
.parksearch_area .title_Area h2{font-size:22px;color:#000;}
.parksearch_area .parksearchtxt{font-size:16px;margin-left:34px;}
.parksearch_area .pks_inp:after{content: '';display: block;clear: both;}
.parksearch_area .pks_inp{margin-left:30px;margin-right:30px;margin-bottom:30px;}
.parksearch_area .pks_inp p{background:#fff url('/images/egovframework/com/main/img/main/ico_map_ct.png') no-repeat 22px center;padding:20px;padding-left:60px;font-size:24px;line-height: 26px;}
.parksearch_area .pks_inp .sub_area{color:#ff6767;}
/* 00구 리스트 */
.parksearch_area .pks_list:after{content: '';display: block;clear: both;}
.parksearch_area .pks_list{margin-left:28px;margin-right:28px;margin-bottom:50px;}
.parksearch_area .pks_list .parksearchbtn{width:167px;margin:1px;}
.parksearch_area .pks_list .parksearchbtn:after{content: '';display: block;clear: both;}
.parksearch_area .pks_list ul li:hover .parksearchbtn{background: #525f78 url('/images/egovframework/com/main/img/main/ico_map_on.png') no-repeat;background-position: 175px center;color:#fff;}


/*--- 함께 가꾸는 사람들 ---*/
.clearfix{margin-bottom:60px;}
.clearfix .title_Area{margin-top:12px;margin-bottom:0px;}
.clearfix .title_Area h2{font-size:22px;color:#000;}

/* 서울시 공원 돌보미 */
.people1 {}
.people1 .people1btn{width:359px;text-align: center;color:#fff;font-size:14px;padding:8px 0px;background: url('/images/egovframework/com/main/img/main/bg.png');background-repeat: repeat}
.people1 .people1btn p span.people_btn_m{background: url('/images/egovframework/com/main/img/main/ico_pu02.png');background-repeat: no-repeat; background-position: right center;margin-left: 10px; padding-right: 11px;}
.people1 .people1txt .people1txt_1 .people1title .under{border-bottom:2px solid #ffb482;}
.people1 .people1txt .people1txt_2 .under{width:260px;/*width: 242px;*/margin: 0 auto;border-bottom:2px solid #dcd9e6;padding-bottom:8px;margin-bottom:0px;}
.people1 .people1txt .people1txt_1 .people1title .under{border-bottom:2px solid #ffb482;}

/* 서울시 나무 돌보미 */
.people2 {}
.people2 .people2btn{width:359px;text-align: center;color:#fff;font-size:14px;padding:8px 0px;background: url('/images/egovframework/com/main/img/main/bg.png');background-repeat: repeat}
.people2 .people2btn p span.people_btn_m{background: url('/images/egovframework/com/main/img/main/ico_pu02.png');background-repeat: no-repeat; background-position: right center;margin-left: 10px; padding-right: 11px;}
.people2 .people2txt .people2txt_1 .people2title .under{border-bottom:2px solid #3eddff;}
.people2 .people2txt .people2txt_2 .under{width:220px;/*width: 202px;*/margin: 0 auto;border-bottom:2px solid #d9dae7;padding-bottom:8px;margin-bottom:0px;}

/* 돌보미 후기 */
.people3{background-repeat:repeat !important;}
.people3 .people3btn{width:277px;left:40px !important;text-align: center;color:#fff;font-size:14px;padding:10px 0px;background: url('/images/egovframework/com/main/img/main/bg.png');background-repeat: repeat;border:1px solid #fff;}
.people3 .people3btn p span.people_btn_m{background: url('/images/egovframework/com/main/img/main/ico_pu02.png');background-repeat: no-repeat; background-position: right center;margin-left: 10px; padding-right: 11px;}
.people3 .people3txt {overflow: hidden;height: 100%;}
.people3 .people3txt > h4{line-height:25px; background:url('/images/egovframework/com/main/img/main/bar_bg.png') no-repeat 106px 15px;width:275px;font-size:20px !important;}
.people3 .people3txt ul{list-style-type:none !important;left:40px !important;}
.people3 .people3txt ul li{padding-left:10px;background:url('/images/egovframework/com/main/icon/ico_bul01.png') no-repeat left 5px;width: 85%;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.people3 .people3txt ul li span.people_title{font-size:19px;}
.people3 .people3txt ul li span.people_date{font-size:13px;color:#535353;display: block;padding:5px 2px;}



/*--- 산과공원한컷(배너) ---*/
.onepic_area{margin-bottom:18px;}
.onepic_area:after{content: '';display: block;clear: both;}
.onepic_area .main_visual{float:left;}
/* 제목그룹 */
.onepic_area > div{position:relative;}
.onepic_area .onepic_title{position:absolute;top:50px;left:35px; color:#fff;}
.onepic_area .onepic_title .main{font-size:24px;font-weight:bold;line-height: 26px;background-image: url('/images/egovframework/com/main/img/main/underline1.jpg');background-repeat: repeat-x;background-position:left 26px;font-family:'Nanum Myeongjo', serif; }
.onepic_area .onepic_title .sub{font-size:44px;font-weight:bold; line-height: 46px;display: block;margin-top:15px;font-family:'Nanum Myeongjo', serif;}
.onepic_area .onepic_title .sub .under{background-image: url('/images/egovframework/com/main/img/main/underline2.jpg');background-repeat: repeat-x;background-position:left 47px;}
.onepic_area .onepic_btn{color:#fff;border:1px solid #fff;padding:8px 28px;position:absolute;top:225px;left:34px;}
.onepic_area .onepic_btn:hover{color:#e7ff49;background:#32cb5e;}
.onepic_area .onepic_btn1{color:#fff;border:1px solid #fff;padding:8px 28px;position:absolute;top:225px;left:34px;}
.onepic_area .onepic_btn1:hover{color:#f2f3ef;background:#332e2e;}
/* bx 수정/추가사항*/
.onepic_area .bx-wrapper{float:right; max-width: 870px !important; margin-bottom:0px;}
.onepic_area .bx-wrapper li{height: 322px;margin-left:15px;}/*width: 276px !important;*/
.onepic_area .bx-wrapper img{/* width:auto; */}
.onepic_area .bx-wrapper div.bx-controls.bx-has-pager.bx-has-controls-direction{position:relative;}
.onepic_area .bx-wrapper div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-pager.bx-default-pager{display:none;}
.onepic_area .bx-wrapper div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-controls-direction a{}
/* 서브타이틀 */
.onepic_area .bx-wrapper li span{width:100%;height:20px;position: absolute;bottom: 0px;left:0px;font-size:16px;padding: 20px 0;text-align:center;background-image: url('/images/egovframework/com/main/img/main/bg.png');background-repeat: repeat;color: #ffffff;line-height: 18px;}
/* 좌우 컨트롤 */
.onepic_area .bx-wrapper .bx-controls-direction{position:absolute;}
.onepic_area .bx-wrapper .bx-controls-direction a{margin-top: -40px;}
.onepic_area .bx-wrapper .bx-controls-direction .bx-prev{background:url('/images/egovframework/com/main/img/main/btn_arrL_w.png') no-repeat left 0px; left: -63px;}
.onepic_area .bx-wrapper .bx-controls-direction .bx-next{background:url('/images/egovframework/com/main/img/main/btn_arrR_w.png') no-repeat left 0px; right: -3px;}
/* 이벤트 */
.onepic_area .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{background-position:0px 0px;}
/* onepic_area  ty01타입 */
.onepic_area.ty01 {margin-bottom:0px;}
.onepic_area.ty01 .onepic_title .main{padding-left:0px;}
.onepic_area.ty01 .bx-wrapper div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-pager.bx-default-pager{/* display:block; */position:absolute;left:-205px;}
.onepic_area.ty01 .bx-wrapper .bx-pager.bx-default-pager a{background:url('/images/egovframework/com/main/img/main/btn_off.png') no-repeat left 0;width:18px;height:18px;margin:0 2px;}
.onepic_area.ty01 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.onepic_area.ty01 .bx-wrapper .bx-pager.bx-default-pager a.active, 
.onepic_area.ty01 .bx-wrapper .bx-pager.bx-default-pager a:focus{background:url('/images/egovframework/com/main/img/main/btn_on.png') no-repeat left 0;}
.onepic_area.ty01 .bx-wrapper .bx-controls-direction .bx-prev{background:url('/images/egovframework/com/main/img/main/btn_arrL.png') no-repeat left 0px; left: -63px;}
.onepic_area.ty01 .bx-wrapper .bx-controls-direction .bx-next{background:url('/images/egovframework/com/main/img/main/btn_arrR.png') no-repeat left 0px; right: -3px;}


/*--- 배너 ---*/
.banner_area{margin-bottom: 10px;}
.banner_area:after{content: '';display: block;clear: both;}
.banner_area .bn_item{float:left;margin-left:16px;}
.banner_area .bn_item:first-child{margin-left:0px;}

.banner_area1{margin-bottom: 0px;}
.banner_area1:after{content: '';display: block;clear: both;}
.banner_area1 .bn_item{float:right;margin-left:16px;}
.banner_area1 .bn_item a{border-top: 1px solid #fff; display: block; background-color: #1aad46; color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; padding: 8px 36px; line-height: 15px;}
.banner_area1 .bn_item:first-child{margin-left:0px;}



/* 미디어 쿼리 */
@media all and (max-width:1024px){

/*
2017-09-12 마진탑 설정
.containerArea{margin-top: 0px !important;}
*/
/*/////////////////////////////////////////////
		조직안내(G-02-01)
/////////////////////////////////////////////*/
.lh_ws{line-height:15px;padding:6px 0;}

/* 팀테이블 */
.oc_group .tables_st1 table tbody tr th.ty_l{padding-left:6.5%;}


/* 오시는길 */
.oc_map img{width:100%;}


/*--- 푸른도시국( ty01 ) ---*/
/* ty01_fir */
.ty01.oc_group .fir{height:315px;}
.ty01.oc_group .fir ul{position: absolute;right: 0px; margin-top: 30px;}
.ty01.oc_group .fir .line{top:100px;width:50%;}

/* ty01_sec */
.ty01.oc_group .sec{width:100%;height:745px;background: url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty01.oc_group .sec .line.one{top:25px;width:75%;}
.ty01.oc_group .sec .line.two{top:354px;width:75%;display:block;}
.ty01.oc_group .sec .line.thr{top:612px;width:50%;display:block;margin-left:0px;}
.ty01.oc_group .sec ul{padding-top:0;}
.ty01.oc_group .sec .ocbox{margin-bottom:30px;}
.ty01.oc_group .sec .ocbox.oc01{position:absolute;left:0px;}
.ty01.oc_group .sec .ocbox.oc02{position:absolute;right:0px;}
.ty01.oc_group .sec .ocbox.oc03{position:absolute;left:0px;top:330px;margin-left:0px;}
.ty01.oc_group .sec .ocbox.oc04{position:absolute;right:0px;top:330px;}
.ty01.oc_group .sec .ocbox.oc05{position:absolute;left:0px;top:588px;margin-left:0px;}
.ty01.oc_group .sec .ocbox.oc06{position:absolute;right:0px;top:588px;}


/*--- 동부공원녹지사업소( ty02 ) ---*/
/* ty02_fir */
.ty02.oc_group .fir{}

/* ty02_sec */
.ty02.oc_group .sec{width:100%;height:492px;background: url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty02.oc_group .sec .line.one{top:25px;width:75%;}
.ty02.oc_group .sec .line.two{top:210px;width:75%;display:block;}
.ty02.oc_group .sec .line.thr{top:395px;width:50%;display:block;margin-left:0px;}
.ty02.oc_group .sec ul{padding-top:0;}
.ty02.oc_group .sec .ocbox{margin-bottom:30px;}
.ty02.oc_group .sec .ocbox.oc01{position:absolute;left:0px;}
.ty02.oc_group .sec .ocbox.oc02{position:absolute;right:0px;}
.ty02.oc_group .sec .ocbox.oc03{position:absolute;left:0px;top:186px;margin-left:0px;}
.ty02.oc_group .sec .ocbox.oc04{position:absolute;right:0px;top:186px;}
.ty02.oc_group .sec .ocbox.oc05{position:absolute;left:0px;top:372px;margin-left:0px;}



/*--- 중부공원녹지사업소( ty03 ) ---*/
/* ty03_fir */
.ty03.oc_group .fir{}

/* ty03_sec */
.ty03.oc_group .sec{width:100%;height:492px;background: url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty03.oc_group .sec .line.one{top:25px;width:75%;}
.ty03.oc_group .sec .line.two{top:210px;width:75%;display:block;}
.ty03.oc_group .sec .line.thr{top:395px;width:50%;display:block;margin-left:0px;}
.ty03.oc_group .sec ul{padding-top:0;}
.ty03.oc_group .sec .ocbox{margin-bottom:30px;}
.ty03.oc_group .sec .ocbox.oc01{position:absolute;left:0px;}
.ty03.oc_group .sec .ocbox.oc02{position:absolute;right:0px;}
.ty03.oc_group .sec .ocbox.oc03{position:absolute;left:0px;top:186px;margin-left:0px;}
.ty03.oc_group .sec .ocbox.oc04{position:absolute;right:0px;top:186px;}
.ty03.oc_group .sec .ocbox.oc05{position:absolute;left:0px;top:372px;margin-left:0px;}


/*--- 서부공원녹지사업소( ty04 ) ---*/
/* ty04_fir */
.ty04.oc_group .fir{}

/* ty04_sec */
.ty04.oc_group .sec{width:100%;height:678px;background: url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty04.oc_group .sec .line.one{top:25px;width:75%;}
.ty04.oc_group .sec .line.one_{display:none;}
.ty04.oc_group .sec .line.two{top:395px;width:75%;display:block;margin-left:0px;}
.ty04.oc_group .sec .line.thr{top:581px;width:75%;display:block;margin-left:0px;}
.ty04.oc_group .sec ul{padding-top:0;}
.ty04.oc_group .sec .ocbox{margin-bottom:30px;}
.ty04.oc_group .sec .ocbox.oc01{position:absolute;left:0px;}
.ty04.oc_group .sec .ocbox.oc02{position:absolute;right:0px;}
.ty04.oc_group .sec .ocbox.oc03{position:absolute;left:0px;top:372px;margin-left:0px;}
.ty04.oc_group .sec .ocbox.oc04{position:absolute;right:0px;top:372px;}
.ty04.oc_group .sec .ocbox.oc05{position:absolute;left:0px;top:558px;margin-left:0px;}
.ty04.oc_group .sec .ocbox.oc06{position:absolute;right:0px;top:558px;}

/* 관리사무소 */
.ty04.oc_group .sec .ocbox .more_child{position: relative;left: 0px;bottom: 0px;background-position:84px center;margin-bottom: 2px;}
.ty04.oc_group .sec .ocbox .more_child li{float:left;margin-left:10px;}
.ty04.oc_group .sec .ocbox .more_child li:first-child{margin-left:0px;}
.ty04.oc_group .sec .ocbox .mc1{margin-bottom:2px;}
.ty04.oc_group .sec .ocbox .more_child.mc2 a{letter-spacing: -1px;}
.ty04.oc_group .sec .ocbox .more_child.mc3{left: 0px;}
.ty04.oc_group .sec .ocbox .more_child.mc4{left: 0px;margin-bottom:0px;}


/*--- 중부공원녹지사업소( ty05 ) ---*/
/* ty05_fir */
.ty05.oc_group .fir{}

/* ty05_sec */
.ty05.oc_group .sec{width:100%;height:200px;background: url('/images/egovframework/com/main/img/oc_bg.png') repeat-y center;}
.ty05.oc_group .sec .line.one{top:25px;width:75%;}
.ty05.oc_group .sec .line.one_{display:none;}
.ty05.oc_group .sec .line.two{top:125px;width:100%;display:block;margin-left:0px;}
.ty05.oc_group .sec ul{padding-top:0;}
.ty05.oc_group .sec .ocbox.oc01{position:absolute;left:0px;}
.ty05.oc_group .sec .ocbox.oc02{position:absolute;right:0px;}
.ty05.oc_group .sec .ocbox.oc03{position:absolute;left:0px;top:100px;margin-left:0px;}
.ty05.oc_group .sec .ocbox.oc04{position:absolute;right:0px;top:100px;margin-right:0px;}


/*/////////////////////////////////////////////
			메인(index.php)
/////////////////////////////////////////////*/


/* ---메인 비쥬얼 --- */
.vbox_area .vbox{width:50% !important;margin-left:0px;border:0;}
.vbox_area div.vbox:first-child{width:100%;}
.vbox_area .vbox img{width:100%;height:auto;}
.vbox_area .vbox > a > div{padding:10px 0px;}
.vbox_area .vbox span{font-size:14px;}
.vbox_area .vbox > a > div .vbox_title{display:none !important;}
.vbox_area .vbox > a > div .vbox_title span{font-size:13px;}



/*--- 서울의 산과공원 프로그램 ---*/
.prog_area .title_Area h2{font-size:20px;}
/* progbox_fir */
.prog_area .progbox_fir{height: auto;width: 100%;margin-right: 10px;background: #525F79;margin-bottom: 1px;}
.prog_area .progbox_fir ul li:first-child{width:33.3%;border-bottom:1px solid #fff;}
.prog_area .progbox_fir ul li:first-child+li{width:33.3%;border-bottom:1px solid #fff;border-left: none;}
.prog_area .progbox_fir ul li:first-child+li+li{width:33.1%;border-left: none;}
/* progbox_sec */
.prog_area .progbox_sec{height: auto;width: 50%;margin-right: 0px;border-right: 1px solid #fff;box-sizing: border-box;}
.prog_area .progbox_sec a{text-align:center;background: #ffffff;}
/* progbox_thr */
.prog_area .progbox_thr{height: auto;width: 50%;margin-right: 0px;margin-top:0px;overflow: hidden;}
.prog_area .progbox_thr a{text-align:center;background: #ffffff;}
/* progbox_for */
.prog_area .progbox_for{height: auto;width: 100%;padding: 10px 0px 6px;}
.prog_area .progbox_for .prg_list {padding: 10px 10px; margin-top: 0px; }
.prog_area .progbox_for .prg_list li {margin-bottom: 18px;}
.prog_area .progbox_for .prg_list li a .prg_date{float:left;}
/* progbox_five */
/* .prog_area .progbox_five{height: auto;width: 100%;padding: 10px 0px 6px;}
.prog_area .progbox_five .prg_list {padding: 10px 10px; margin-top: 0px; }
.prog_area .progbox_five .prg_list li {margin-bottom: 18px;}
.prog_area .progbox_five .prg_list li a .prg_date{float:left;} */




/*--- 우리 구 산과 공원 찾기 ---*/
.parksearch_area .title_Area h2{font-size:20px;}
.parksearch_area{}
.parksearch_area .prksearch{width: 100%;}
.parksearch_area .pks_inp p{background:#fff url('/images/egovframework/com/main/img/main/ico_map_ct.png') no-repeat 22px center;padding:15px;padding-left:55px;font-size:22px;line-height: 24px;}
/* 00구 리스트 */
.parksearch_area .pks_list ul > li{overflow: hidden;width: 12.2%;display: inline-block;}
.parksearch_area .pks_list .parksearchbtn{padding:10px;width:100%;}
.parksearch_area .pks_list ul li:hover .parksearchbtn{background-position: 70% center;}



/*--- 함께 가꾸는 사람들 ---*/
.clearfix .title_Area h2{font-size:20px;}
/* 서울시 공원 돌보미 */
.clearfix .people1{width:33%;margin-right:1%;}
.clearfix .people1 .people1btn{width:100%;}
.clearfix .people1 .people1txt{font-size:14px;}
.clearfix .people1 .people1txt > span > span.people1title{font-size:25px;}
.clearfix .people1 .people1txt .people1txt_2 .under{width:250px; /*margin-bottom:49px;*/}

/* 서울시 나무 돌보미 */
.clearfix .people2{width:32%;margin-right:1%;}
.clearfix .people2 .people2btn{width:100%;}
.clearfix .people2 .people2txt{font-size:14px;}
.clearfix .people2 .people2txt > span > span.people2title{font-size:25px;}
.clearfix .people2 .people2txt .people2txt_2 .under{width:210px; /*margin-bottom:49px;*/}

/* 돌보미 후기 */
.clearfix .people3{width:33%;}
.clearfix .people3 .people3btn{width:70%;}
.clearfix .people3 .people3txt > h4{width:75%;left:25px;}
.clearfix .people3 .people3txt ul {width: 100%;left:25px !important;}
.clearfix .people3 .people3txt{font-size:14px;}
.clearfix .people3 .people3txt > span > span.people3title{font-size:25px;}
.clearfix .people3 .people3txt ul li span.people_title{font-size:18px;}



/*--- 산과공원한컷(배너) ---*/
.onepic_area{width:100%;}
/* 제목그룹 */
.onepic_area > div{width:24%;float:left;}
.onepic_area .onepic_title{ top: 10%; left: 10%;}
.onepic_area .onepic_title .sub{font-size:40px;line-height:42px;}
.onepic_area .onepic_title .sub .under{background-position: left 43px;}
/* bx 수정/추가사항*/
.onepic_area .bx-wrapper{width:76%;}
.onepic_area .bx-wrapper li{margin-left:5px;}
.onepic_area.ty01 .bx-wrapper div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-pager.bx-default-pager{left:-30%;}


/*--- 배너 ---*/
.banner_area{}
.banner_area .bn_item{width:32%; overflow: hidden;margin-left:10px; margin-left: 2%;}
.banner_area .bn_item img{width: 100%;}


}


@media all and (max-width:767px){
/*/////////////////////////////////////////////
					공통
/////////////////////////////////////////////*/
.title_Area.w_line .sub_txt{letter-spacing: -1px;}/* mediaqueries.css 91추가 */





/*/////////////////////////////////////////////
		예약(T-02-01-01)
/////////////////////////////////////////////*/
/*.date_end{float:left;}*/



/*/////////////////////////////////////////////
		서울의 산과 공원 
		찾기 검색(T-01-01-01)
/////////////////////////////////////////////*/

/* 컨텐츠박스 */
.ws_ .webpageLiest  .cont_box{padding-left:0px;}
.ws_ .webpageLiest  .cont_box .txt{padding-bottom:5px}

/* 검색 기본값 수정 */
.allsearchArea{width:100% !important;}



/*/////////////////////////////////////////////
	서울의 산과 공원 
	찾기 검색결과(T-01-01-02)
/////////////////////////////////////////////*/

.Sresult_btn .btn{width:96px;}

/* 공원소개 */
.sresult_01 img{max-width:100%;height:auto;}
.sresult_01 .SubMiddleBodyTitle{left:0px !important;}
.sresult_01 .SubMiddleBodyline{left:0px !important;width:100% !important;}
.sresult_01 .SubMiddleBodyContents{margin:0px !important;}
.sresult_01 .text_line{width: 100%;overflow: hidden;display: block;}



/*/////////////////////////////////////////////
		서울의 산과 공원 
		찾기 검색(T-01-01-01)
/////////////////////////////////////////////*/

.ws_ .searchtitBox .sTit .sMore{display:block;}

/* 통합검색 */
.ws_ .topSearches{margin-top:0px !important;padding-top:10px;width:100%;}
.ws_ .topSearches dt{font-size:12px;}
.ws_ .topSearches dd{margin-left: 5px;margin-right: 0px;padding-left: 5px;}



/*/////////////////////////////////////////////
		조직안내(G-02-01)
/////////////////////////////////////////////*/
.fl_ws{float:left;}



/*/////////////////////////////////////////////
			메인(index.php)
/////////////////////////////////////////////*/

/*--- 서울의 산과공원 프로그램 ---*/
/* progbox_fir */
.prog_area .progbox_fir{width: 100%;margin-right: 0px;}
.prog_area .progbox_fir ul li a.prog{font-size: 13px;margin-right: 8px;margin-left: 8px;}
.prog_area .progbox_fir ul li:first-child{width:33%;}
.prog_area .progbox_fir ul li:first-child+li{width:33.5%;}
.prog_area .progbox_fir ul li:first-child+li+li{width:33%;}/*border:none;float:right;*/


/* progbox_sec */
.prog_area .progbox_sec{}
.prog_area .progbox_sec img{width:100%;}
.prog_area .progbox_sec a span{font-size:13px;padding:10px 0;}

/* progbox_thr */
.prog_area .progbox_thr{}
.prog_area .progbox_thr img{width:100%;}
.prog_area .progbox_thr a span{font-size:13px;padding:10px 0;}

/* progbox_for */
.prog_area .progbox_for{width: 100%;padding:0px;margin-top:10px;}
/* progbox_five */
/* .prog_area .progbox_five{width: 100%;padding:0px;margin-top:10px;} */



/*--- 우리 구 산과 공원 찾기 ---*/
.parksearch_area .pks_inp{margin-bottom:20px;}
.parksearch_area .pks_inp p{ font-size: 20px; line-height: 22px;}
/* 00구 리스트 */
.parksearch_area .pks_list{margin-bottom:20px;}
.parksearch_area .pks_list ul{text-align:center;}
.parksearch_area .pks_list ul > li{width:32%;}
.parksearch_area .pks_list .parksearchbtn{text-align:left;}



/*--- 함께 가꾸는 사람들 ---*/
/* 서울시 공원 돌보미 */
.clearfix .people1{width:100%;margin-right:0px;background-size: 100% !important;}
.clearfix .people1 .people1btn{width:100%}

/* 서울시 나무 돌보미 */
.clearfix .people2{width:100%;margin-right:0px;background-size: 100% !important;}
.clearfix .people2 .people2btn{width:100%}

/* 돌보미 후기 */
.clearfix .people3{width:100%;margin-right:0px;background-size: 100% !important;}
.clearfix .people3 .people3btn{width:77%}




/*--- 산과공원한컷(배너) ---*/
.onepic_area{width:100%;}
/* 제목그룹 */
.onepic_area > div:first-child{width:29%;float:left;overflow:hidden;}
.onepic_area .onepic_title .main{ padding-left: 0px;}
.onepic_area .onepic_title .sub{font-size:26px;line-height:28px;}
.onepic_area .onepic_title .sub .ov{width:100%;float:left;}
/* bx 수정/추가사항*/
.onepic_area .bx-wrapper{width:71%;}
.onepic_area .onepic_btn{left: 14%;padding:8px 20px;}
.onepic_area .bx-wrapper li{margin-left:3px;}
.onepic_area .bx-wrapper li span{width:100%;}
.onepic_area .bx-wrapper .bx-controls-direction{left: 3%;}
.onepic_area .bx-wrapper .bx-controls-direction a{z-index:150 !Important;}
/* onepic_area  ty01타입 */
.onepic_area.ty01 .bx-wrapper div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-pager.bx-default-pager{display:none;}


/*2017-10-26 추가*/
.onepic_area .main_visual{width: 100%;height:170px;}
.onepic_area .bx-wrapper li{height:170px;}
.onepic_area .bx-wrapper li span{font-size:14px;height:18px;padding: 6px 0;}

/*/////////////////////////////////////////////
				푸터
/////////////////////////////////////////////*/
.footer .footBottom .s_san a{color:#fff;font-size: 13px;padding: 10px 0;display: block;}

@media screen and (max-width: 600px){
	.default_view .cont .thumb_slider_top .item .img{padding-bottom: 60%;}
	.default_view .cont .thumb_slider_top .item .img img{width: 100%;}
	.thumbVisual .thumb_slider .thumb_slider_thumbWrap{padding: 10px 10px 65px;}
	.thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows > *{top: auto;bottom: -15px;}
}

}

