@charset "utf-8";
h2{height: 58px; line-height: 58px; float: left; font-size: 34px; margin-top: 21px;font-weight: bold;}

.clearfix:after{content:''; display:block; clear:both;}

/* visual */
.vbox{float:left;}
.vbox img{position:relative;}
.vbox > a > div{position:absolute;  top:305px; padding:20px; background-image:url("../images/img/main/bg.png"); background-repeat:repeat; color:#ffffff;}
.vbox p{float:left; margin-right:20px;}
.vbox span{font-size:20px; display:block; margin-bottom:10px; text-align:center;}

/* system_popup */
.system_popup {position: absolute;z-index: 9999;top: 250px;max-width: 500px;left:50%;margin-left:-250px;padding:10px;box-sizing: border-box;}
.system_popup .pop_box {background-color: #e9f5ed;border:1px solid #f5f5f5;}
.system_popup p {box-sizing: border-box;}
.system_popup .pop_title {background-color: #1aad46;padding: 15px;font-size: 23px;color: #fff000;}
.system_popup .pop_cont {padding: 15px;font-size:18px;}
.system_popup .pop_footer {padding: 15px;padding-top: 0px;text-align: right;}
.system_popup .pop_close {cursor:pointer;background-color: #007322;color: #fff;font-size: 11px;padding: 2px 8px;}
@media all and (max-width:500px){
	.system_popup {top: 200px;left:0;margin:auto;}
	.system_popup .pop_title {padding: 13px;font-size: 20px;}
	.system_popup .pop_cont {padding: 13px;font-size:15px;}
	.system_popup .pop_footer {padding: 13px;}
}

/* 프로그램 */
.progbox{float:left; height:254px; width:266px; margin-right:10px;}
.prog{display:block; text-align:center; background-color:#525f78; height: 83px; line-height: 83px; color:#ffffff; margin:1px;}
.prog:hover{background-color:#f5f5f5; color:#e7ff49;}
.progbtn{display:block; text-align:center; height:30px; line-height:30px; color:#787878; border:solid 1px #b2b2b2;}
.progbtn:hover{background-color:#525f78; color:#ffffff;}

/* 공원찾기 */
.prksearch{float:left; background:url("/images/egovframework/com/main/img/main/park_bg.png");  background-repeat:no-repeat; width:1104px; height:100%;}
.parksearchtxt{margin:20px;}
.parksearchtxt > p{color:#ffffff;}
.parksearchbtn{float:left; background:url("/images/egovframework/com/main/img/main/park_btn.png"); padding:20px; width: 170px; margin:2px; }

/* 이번주말여기어때요 */

/* 함께가꾸는사람들 */
.people1{position:relative; background:url("/images/egovframework/com/main/img/main/sample_people_bg_1.png"); background-repeat:no-repeat; width:360px; height:340px; margin-right:12px;}
.people1txt{position:absolute; top:40px; width:100%; font-size:15px;}
.people1txt > span > span{display:block; text-align:center; color:#eeeeee;}
.people1txt_1{display:block; margin-bottom:70px;}
.people1txt_2{display:block; margin-bottom:30px;}
.people1txt_2 span{margin-bottom:8px;}
.people1title{font-size:30px; margin-top:15px;}
.people1title > span{color:#ffb482;}
.people1btn{position:absolute; top:280px;}

.people2{position:relative; background:url("/images/egovframework/com/main/img/main/sample_people_bg_2.png"); background-repeat:no-repeat; width:360px; height:340px; margin-right:12px;}
.people2txt{position:absolute; top:40px; width:100%; font-size:15px;}
.people2txt > span > span{display:block; text-align:center; color:#eeeeee;}
.people2txt_1{display:block; margin-bottom:70px;}
.people2txt_2{display:block; margin-bottom:30px;}
.people2txt_2 span{margin-bottom:8px;}
.people2title{font-size:30px; margin-top:15px;}
.people2title > span{color:#3eddff;}
.people2btn{position:absolute; top:280px;}

.people3{position:relative; background:url("/images/egovframework/com/main/img/main/sample_people_bg_3.png"); background-repeat:no-repeat; width:360px; height:340px;}
.people3txt{width:100%; font-size:15px; }
.people3txt > h4{position:absolute; top:50px; left:40px; font-size:25px; margin-bottom:50px;}
.people3txt ul{position:absolute; top:97px; left:60px; font-size:15px; list-style-type:disc;}
.people3txt li{margin-bottom:10px; }
.people3btn{position:absolute; top:280px; left:42px;}

/*메인 서울의 산과 공원 한컷 배너*/


/* 서울의산과공원한컷 */
.sy_pic > div{float:left; }
.sy_pic > ul{display:block; float:left;}


/* banner */


/*T-02-01-01.php*/
.tit15.custom00{position: relative; background: none; border: none; line-height: inherit;  height: 100%; width: 100%; text-align: left;}

.tit15.custom00 a{display:inline;font-weight: normal;}

/*W-01-01.php*/

/*contents.css*/
.citytourTab h3{border-top: 2px solid #f5f5f5;}


/*이미지롤링배너(중랑청소년체험의숲)*/
.contents .experience_ban{position:relative;}
.contents .experience_ban ul{position: relative; width: 1104px; height: 452px;}
.contents .experience_ban li{width:100%; height:100%;}
.contents .experience_ban img{width:100%; height:100%;}
.contents .experience_ban #ex_nav{position:absolute; bottom:15px; left:50%; margin-left:-30px; z-index:10;}
.contents .experience_ban #ex_nav a{display:block; float:left; width:10px; height:10px; margin-right:5px; overflow:hidden; background:url(../images/btn/bg_ex_nav.png) no-repeat left -10px; text-indent:-9999px;}
.contents .experience_ban #ex_nav a.activeSlide{background-position:left top;}
.contents .experience_ban .ex_btn{position:absolute; bottom:10px; left:50%; margin-left:80px; z-index:10}


.sy_h4{font-size: 18px; color: #383736; font-weight: 600; margin-bottom: 15px;  line-height: 20px; padding-left: 12px; background: url(../images/icon/bu.gif) no-repeat left 4px;}
.sy_mb30{margin-bottom:30px;}
.sy_mb10{margin-bottom:10px;}
.sy_mb20{margin-bottom:20px;}
.sy_mt20{margin-top:20px;}
.p10_img{padding: 10px 0;}
/*참여안내, 문의처 타이틀*/
.sy_tit{font-size: 15px; color: #269e50; font-weight: 600; margin-bottom: 10px; line-height: 20px; }
.sy_img{margin-top:30px; margin-bottom:30px; width:100%;}          

/*문의처*/
.sy_q th{background:#f5f5f5; font-size:14px; line-height:20px;}
.sy_q {border:1px solid #dcdcdc; margin-bottom:50px;}
.sy_q td > p {float:left; width:25%; padding-top:50px; padding-bottom:50px; text-align:center;}
.sy_q td > p:first-child + p{padding-top:45px; }

/*공원돌보미사례*/
.sy_ex{border-top:2px solid #535353; padding-top:10px;overflow:hidden;}
.sy_ex div{float:left; width:25%; box-sizing:border-box; text-align:center;}
.sy_ex p{font-size:14px; text-align:center; margin:10px; }


/*T-02-03-01.php*/
.sy_tbl_td {border-right:1px solid #dcdcdc;}
.sy_p{text-align:center;}
.sy_warn{border-top:2px solid #535353; padding-top:10px; margin-bottom:30px;}
.sy_warn  ul > li{font-size:14px; margin-bottom:10px; background:url("/images/egovframework/com/main/icon/ico_bull.png") no-repeat left 5px; padding-left:10px;}
.sy_warn > ul > li > ul > li{font-size:14px; margin-top:10px; background:none; }
.sy_rel{position:relative;}
.sy_btn1{position:absolute; margin:0px; top:50px; right:50px; padding:0px;}
.sy_btn2{position:absolute; margin:0px; bottom:50px; right:50px;}
.sy_course img{border-top:2px solid #535353; padding-top:10px; border-bottom:1px solid #dcdcdc;}

#s_banner_wrap .bx-controls.bx-has-pager.bx-has-controls-auto{position:relative;}

/*G-01-01.php*/
.sy_ty19 .container .contents .photo_list_type1 > li > a > div.thum{height:177px;}
/*.sy_ty19 .container .contents .photo_list_type1 > li{width:177px; margin-top:6px !important; margin-right:6px !important; margin-left:0px !important;}*/
.sy_ty19 .container .contents .photo_list_type1 > li{height:240px !important;}
.sy_ty19 .container .contents .photo_list_type1 > li.box06,
.sy_ty19 .container .contents .photo_list_type1 > li.box12{margin-right:0px !important;}
.sy_greenbtn{background:#549e26; height: 32px; line-height: 32px; color: #fff;  padding: 0px 10px;}
.sy_newsbtn{clear: both; position: absolute;right: 20px; bottom: 25px;}
.sy_ml20{margin-left:20px;}


/*2017-10-25*/
/*G-03.php*/
.sy_ty01 .container .contents .searchtitBox ul.webpageLiest > li > img.snsThum{width:190px; height:143px;}
.sy_ty01 .container .contents .searchtitBox div.ovh > ul.photo_list_type3 > li img{width:190px; height:143px;}
.sy_ty01 .container .contents .searchtitBox div.ovh > ul.photo_list_type3 > li div.w770{width:904px;}
.sy_ty01 .container .contents .searchtitBox div.ovh > ul.photo_list_type3 > li div.w770 > ul > li.w770{width:904px;}

/*T-01-01-01.php*/
.sy_ty02 .container .contents .searchtitBox ul.snsimgList > li .snsThum{width:132px; height:117px; border:1px solid #000;}

/*T-01-01-02.php*/
.sy_ty03 .container .contents > ul.photo_list_type3 > li > a.Sresult_img > img{width:323px; height:212px !important;}

/*W-05-01.php*/
.sy_ty04 .container .contents div.tables_st1 > table >  tbody > tr > td > p.para > img{max-width:100%;}

/*T-04-01-02.php*/
.sy_ty05 .container .contents div.tables_st1 > table >  tbody > tr > td > p.para > img{max-width:100%;}

/*T-02-01-01.php*/
.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > a > img{width:190px; height:143px;}
.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:904px;}
.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770 > ul > li.w770{width:904px;}

/*T-04-05-01.php*/
.sy_ty07 .container .contents ul.photo_list_type1 li > a > div.thum > img{height: 186px;/*width: 462px;*/vertical-align: middle;/*border:1px solid #000;*/}
.sy_ty07 .container .contents ul.photo_list_type1 li {width:336px;height:227px; margin:0 10px 10px 0 !important;}
.sy_ty07 .container .contents ul.photo_list_type1 li.box04,
.sy_ty07 .container .contents ul.photo_list_type1 li.box08{margin-right:0px !important;}


/*2017-10-27*/
/*W-04-02.php*/
.sy_ty08 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*W-02-01.php*/
.sy_ty09 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*W-02-04.php*/
.sy_ty10 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*W-02-06.php*/
.sy_ty11 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*W-03-01.php*/
.sy_ty12 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*W-03-03.php*/
.sy_ty13 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*W-03-05.php*/
.sy_ty14 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*W-05-02.php*/
.sy_ty15 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*T-03-04-03.php*/
.sy_ty16 .container .contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*T-03-05-01.php sy_ty17*/
#colorbox div.contents div.tables_st5 table > tbody > tr > th{text-align:left; padding-left:10px;}

/*2017-11-03*/
/*T-03-05-01.php*/
.sy_ty17 .container .contents ul.photo_list_type3 > li > a > img {width:320px; border:1px solid #000;}
.sy_ty17 .container .contents ul.photo_list_type3 ul.starTit li.w440{width:100% !important;}


/*T-03-05-01.php sy_ty17*/
.sy_ty18 .container .contents ul.photo_list_type1 > li{height:230px;border:none;padding: 10px 0 20px;margin: 0 15px !important;}
.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.thum{height:180px !important;}
.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.thum > img{width:auto;max-width:100%;height:100%;vertical-align: middle;border:1px solid #000;box-sizing:border-box;}
.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.text{padding:10px 10px 5px 10px;margin:0 !important;border-bottom: 2px solid #f5f5f5;}


/*G-01-01.php*/
.sy_ty19 .container .contents .photo_list_type1 > li > a > div.thum{height:177px;}
.sy_ty19 .container .contents .photo_list_type1 > li{width:177px; margin-top:6px !important; margin-right:5px; margin-left:0px !important; padding:0px;}
.sy_ty19 .container .contents .photo_list_type1 > li{height:240px !important;}
.sy_ty19 .container .contents .photo_list_type1 > li.box06,
.sy_ty19 .container .contents .photo_list_type1 > li.box12{margin-right:0px !important;}


/*map_picker.html*/
/* map */
div._infowindow_content{width:376px; border:1px solid #938d8d; padding:0px;position:relative;}


/* map_header */
.spotly_header{margin-bottom:18px;padding: 20px 20px 0px 20px;}
.spotly_header div.sh_flexible{border-bottom:2px solid #4b4b4d; }
.spotly_header div.sh_flexible h3.sh_h{ 
	margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    border-top: none;
    width: auto;
    height: auto;
    background: none;
    border-right: none;
    border-bottom: none;
    position: unset;}


/* map_container */ /*20171224*/
.spotly_container{padding: 0px 20px 9px 20px;}


/* map_detail */
.spotly_container .spotly_detail, .spotly_btnset{padding-left:10px;}
.spotly_container .info_road > .spm_addr{border:1px solid #bdc1c4; background:#f8fbff; color:#5f6d90;}
.spotly_container .addr, .spotly_container .info_road{margin-bottom:8px;}
.spotly_container .info_tel{margin-bottom:16px;}


/* map_btnset */
.spotly_container .spotly_btnset > a{background:#fff url('/images/egovframework/com/main/icon/ico_arrR.png') no-repeat right 10px center; display:block; text-align:left; width:65px; border:1px solid #c0c0c0; margin-bottom:16px; padding:0px 10px; height:32px; line-height:32px;}
.spotly_container .spotly_btnset{border-bottom:1px solid #e5e5e5;}


/* map_footer */
.spotly_container .spotly_footer .sf_act > a{background:#fff url('/images/egovframework/com/main/icon/ico_arrR.png') no-repeat right 17px center; margin-top:7px;  margin-bottom:13px; display:block; float:right; width:70px; text-align:left; border:1px solid #c0c0c0; padding:0px 17px; height:32px; line-height:32px;}
.spotly_container .spotly_footer .sf_act{overflow:hidden;}


/* map_close */
.spotly_container .spotly_act{position:absolute;width: 16px;height: 16px; line-height: 20px;background:url('../images/icon/ico_close.png') no-repeat right center;height: 19px;top: 20px;right: 20px;}
.spotly_container .spotly_act > a{display: block;text-indent:-9999px;}


/* map_close */
.spotly_container .spmh.spmh_spot_arrow._arrow{background:url('/images/egovframework/com/main/icon/ico_tail.png') no-repeat center bottom;height:30px;width:100%;position: absolute;left:0; bottom: -30px;}

/*2017-11-17 추가*/
table >  tbody > tr > td > p.para > img,
table >  tbody > tr > td > p > img{max-width:100%; min-width: 25%;}

/*중랑청소년체험의숲 2017-11-17*/
#s_banner_wrap div div ul li{width:100% !important; margin:0 auto; position:relative !important;}
.tables_st1.ty_100 table tbody tr td img{width:100%;}
.sy_map p img{width:100%;}

/*table 영문텍스트 넘침 제어*/
table thead tr,
table tbody tr th,
table tbody tr td{word-break: break-word;}

 /*20171224*/
@media (max-width:1103px) and (min-width:768px){
	.tab01.ty2{width:15%;}
	.tab02.ty2{width:15%;left:15.2%;}
	.tab03.ty2{width:15%;left:30.4%;}
	.tab04.ty2{width:15%;left:45.6%;}
	.tab05.ty2{width:15%;left:60.8%;}
	
	
}



@media all and (max-width:767px){
	/*map_picker.html*/
	div._infowindow_content{width: 100%;}
	
	/*중랑청소년체험의숲 2017-11-17*/
	#s_banner_wrap div div ul li{width:100% !important; position:absolute !important;}
	
}



/*index.php*/
/* .sy_ty21 .container .contents div.prog_area div.progbox_fir li{float:none; width:200px; margin-left:0px !important;} 
.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child{background:#525f78 url(/images/egovframework/com/main/img/main/ico_ca01.png) no-repeat 12px center !important; }
.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child + li{background:#525f78 url(/images/egovframework/com/main/img/main/ico_ca02.png) no-repeat 12px center !important; }
.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child + li + li{background:#525f78 url(/images/egovframework/com/main/img/main/ico_ca03.png) no-repeat 12px center !important; }
.sy_ty21 .container .contents div.prog_area div.progbox_fir li > a.prog{background:url('/images/egovframework/com/main/img/main/ico_arr_lf.png') no-repeat right center; height:21px; padding-top:40px !important; padding-bottom:35px; margin-left:35px;} */ 

.sy_ty21 .container .contents div.sy_progbox{float:left; overflow:hidden; position:relative; margin:0px;}
.sy_ty21 .container .contents div.sy_progbox_sec01{overflow:hidden;}
.sy_ty21 .container .contents div.sy_progbox_sec02{overflow:hidden; clear:both; margin-top:5px;}

.sy_ty21 .container .contents div.sy_progbox img{width:160px; height:143px !important;}

.sy_ty21 .container .contents div.sy_progbox_fir{float:left; margin-right:5px; position:relative;}
.sy_ty21 .container .contents div.sy_progbox_fir 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;letter-spacing: -1px;}
.sy_ty21 .container .contents div.sy_progbox_sec{float:left; margin-right:5px; position:relative;}
.sy_ty21 .container .contents div.sy_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;letter-spacing: -1px;}
.sy_ty21 .container .contents div.sy_progbox_thr{float:left; margin-right:5px; position:relative;}
.sy_ty21 .container .contents div.sy_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;letter-spacing: -1px;}
.sy_ty21 .container .contents div.sy_progbox_four{float:left; margin-right:5px; position:relative;}
.sy_ty21 .container .contents div.sy_progbox_four 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;letter-spacing: -1px;}

.sy_ty21 .container .contents div.prog_area div.progbox_for ul.prg_list{margin-top:11px;}
.sy_ty21 .container .contents div.prog_area div.progbox_for{width:260px;}
.sy_ty21 .container .contents div.prog_area div.sy_prog_sns{position:relative; float:left; width:284px;}
.sy_ty21 .container .contents div.prog_area div.sy_prog_sns li{width:49%; display:inline-block;}

.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .sy_tab01.on,
.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .sy_tab02.on{background: #525f78; color: #fff;}

.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .sy_tab01:hover,
.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .sy_tab02:hover{background: #525f78; color: #fff;}

.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .sy_tab01{text-align: center; height: 28px; line-height: 30px; color: #787878; border: solid 1px #b2b2b2; background: #f1f1f1; display: block; float:left; width:100%;}
.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .sy_tab02{top:0px; text-align: center; height: 28px; line-height: 30px; color: #787878; border: solid 1px #b2b2b2; background: #f1f1f1; display: block; float: left; width:100%; margin-left:3px;}
.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .tabconBox01,
.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .tabconBox02{height:240px;margin-top:10px;padding:10px 5px 0 5px;background:#f1f1f1;}


/* 미디어쿼리 */
@media all and (max-width:1024px){
	.sy_news_txt{margin-left:0px; margin-top:20px;}
	.sy_newsbtn_m{bottom: 5px;}
	.sy_newsimg{margin: 0 auto; float: none; width: 100%; text-align: center; }

	/*T-03-05-01.php sy_ty17*/
	.sy_ty18 .container .contents ul.photo_list_type1 > li{width:46.1% !important;height: 100%;margin:0 1.9% !important;}
	.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.thum{}
	.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.thum > img{}
	.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.text{}
}


@media (max-width:1024px) and (min-width:870px){		
	.sy_ty19 .container .contents .photo_list_type1 > li{height:233px !important; width:24% !important;}
	.sy_ty19 .container .contents .photo_list_type1 > li{margin-top:10px !important; margin-right:11px; margin-left:0px !important;}
	/* .sy_ty19 .container .contents .photo_list_type1 > li:first-child + li + li + li,
	.sy_ty19 .container .contents .photo_list_type1 > li:first-child + li + li + li + li + li + li + li{margin-right:0 !important;}

	.sy_ty19 .container .contents .photo_list_type1 > li.box06{margin-right:11px !important;}

	.sy_ty19 .container .contents .photo_list_type1 > li.box04,
	.sy_ty19 .container .contents .photo_list_type1 > li.box08,
	.sy_ty19 .container .contents .photo_list_type1 > li.box12{margin-right:0px !important;}
 */}

/*2017-11-17*/
@media (max-width:869px) and (min-width:700px){
	.sy_ty19 .container .contents .photo_list_type1 > li{width:32.8% !important;}
	/* .sy_ty19 .container .contents .photo_list_type1 > li:first-child + li + li ,
	.sy_ty19 .container .contents .photo_list_type1 > li:first-child + li + li + li + li + li {margin-right:0 !important;} */
}

@media all and (max-width:699px){
	.sy_ty19 .container .contents .photo_list_type1 > li{width:49.5% !important;}
	/* .sy_ty19 .container .contents .photo_list_type1 > li:first-child + li  ,
	.sy_ty19 .container .contents .photo_list_type1 > li:first-child + li + li + li {margin-right:0 !important;} */
	
}
@media all and (max-width:530px){
	.sy_ty19 .container .contents .photo_list_type1 > li{width:100% !important;}
}

@media (max-width:1024px) and (min-width:900px){
	.sy_ty07 .container .contents ul.photo_list_type1 li{height: 248px; width:32% !important;}
	
	.sy_ty07 .container .contents ul.photo_list_type1 li.box03,
	.sy_ty07 .container .contents ul.photo_list_type1 li.box06,
	.sy_ty07 .container .contents ul.photo_list_type1 li.box09{margin-right:0px !important;}

	.sy_ty07 .container .contents ul.photo_list_type1 li.box04,
	.sy_ty07 .container .contents ul.photo_list_type1 li.box08{margin:0 10px 10px 0 !important;}
}
@media (max-width:899px) and (min-width:768px){
	.sy_ty07 .container .contents ul.photo_list_type1 li{height: 244px;width:48% !important;}

	.sy_ty07 .container .contents ul.photo_list_type1 li.box3,
	.sy_ty07 .container .contents ul.photo_list_type1 li.box06,
	.sy_ty07 .container .contents ul.photo_list_type1 li.box09{margin:0 10px 10px 0 !important;}

	.sy_ty07 .container .contents ul.photo_list_type1 li.box02,
	.sy_ty07 .container .contents ul.photo_list_type1 li.box04,
	.sy_ty07 .container .contents ul.photo_list_type1 li.box06,
	.sy_ty07 .container .contents ul.photo_list_type1 li.box08{margin-right:0px !important;}
}

@media (max-width:1024px) and (min-width:979px){
	.sy_ty01 .container .contents .searchtitBox div > ul.photo_list_type3 > li div.w770{width:79% !important;}
	
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.w770{width:64% !important;}
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.Sresult_btn{width:64% !important;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:79% !important;}

	.sy_ty17 .container .contents ul.photo_list_type3 > li > div.w770{width:65% !important;}
}
@media (max-width:978px) and (min-width:780px){
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.Sresult_btn{width:55% !important;}
}
@media (max-width:779px) and (min-width:768px){
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.Sresult_btn{width:53% !important;}
}

@media (max-width:978px) and (min-width:933px){
	.sy_ty01 .container .contents .searchtitBox div > ul.photo_list_type3 > li div.w770{width:78% !important;}
	
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.w770{width:62% !important;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:78% !important;}

	.sy_ty17 .container .contents ul.photo_list_type3 > li > div.w770{width:63% !important;}
}
@media (max-width:932px) and (min-width:896px){
	.sy_ty01 .container .contents .searchtitBox div > ul.photo_list_type3 > li div.w770{width:77% !important;}
	
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.w770{width:61% !important;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:77% !important;}

	
	.sy_ty17 .container .contents ul.photo_list_type3 > li > div.w770{width:61% !important;}
}
@media (max-width:895px) and (min-width:858px){
	.sy_ty01 .container .contents .searchtitBox div > ul.photo_list_type3 > li div.w770{width:76% !important;}
	
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.w770{width:59% !important;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:76% !important;}

	.sy_ty17 .container .contents ul.photo_list_type3 > li > div.w770{width:59% !important;}
}
@media (max-width:857px) and (min-width:823px){
	.sy_ty01 .container .contents .searchtitBox div > ul.photo_list_type3 > li div.w770{width:75% !important;}
	
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.w770{width:57% !important;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:75% !important;}
	
	.sy_ty17 .container .contents ul.photo_list_type3 > li > div.w770{width:58% !important;}
}
@media (max-width:822px) and (min-width:792px){
	.sy_ty01 .container .contents .searchtitBox div > ul.photo_list_type3 > li div.w770{width:74% !important;}
	
	.sy_ty01 .container .contents .searchtitBox div.ovh > ul.photo_list_type3 > li > div.w770 > div.tables_st3 > table > tbody > tr > td{padding-left:10px;}
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.w770{width:55% !important;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:74% !important;}
	
	.sy_ty17 .container .contents ul.photo_list_type3 > li > div.w770{width:56% !important;}
}
@media (max-width:791px) and (min-width:768px){
	.sy_ty01 .container .contents .searchtitBox div > ul.photo_list_type3 > li div.w770{width:72% !important;}
	
	.sy_ty01 .container .contents .searchtitBox div.ovh > ul.photo_list_type3 > li > div.w770 > div.tables_st3 > table > tbody > tr > td{padding-left:10px;}
	.sy_ty03 .container .contents > ul.photo_list_type3 > li div.w770{width:53% !important;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:72% !important;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770 > div.tables_st3 > table > tbody > tr > td{padding-left:10px;}


	.sy_ty17 .container .contents ul.photo_list_type3 > li > div.w770{width:54% !important;}
}


@media all and (max-width:767px){
	.tab01.ty2{width:20%;}
	.tab02.ty2{width:20%;left:20%;}
	.tab03.ty2{width:20%;left:40%;}
	.tab04.ty2{width:20%;left:60%;}
	.tab05.ty2{width:20%;left:80%;}

	.sy_img{width:100%;}
	.sy_ex{width:100%;}
	.sy_ex div {width:48%; margin:2px;}
	.sy_ex div img{width:100%;}

	.sy_q td > p{width:50%;}

	.lh_sy{line-height: 15px; padding: 5px 5px;}

	.img_wid100{width:100%;}

	.sy_btn1{position:relative; margin:0px !important; top:0px; right:0px;}
	.sy_btn2{position:relative; margin:0px !important; top:0px; right:0px;}

	.contents .experience_ban ul{position: relative; width: 100%; height: auto;}

	#s_banner_wrap{width:100% !important; height: auto !important;}
	#s_banner_wrap .bx-controls.bx-has-pager.bx-has-controls-auto{width:300px; margin:0 auto;}
	#s_banner_wrap .bx-wrapper .bx-controls-auto{left:60% !important;}
	#s_banner_wrap .bx-wrapper .bx-pager{left:26% !important;}

	.sy_newsbtn{position: relative;bottom: -5px;right: 0px;}
	
	/*2017-10-25*/
	.sy_ty01 .container .contents .searchtitBox ul.webpageLiest > li{text-align:center; background: #f5f5f5;}
	.sy_ty01 .container .contents .searchtitBox ul.webpageLiest > li > img{float:none;}
	.sy_ty01 .container .contents .searchtitBox ul.webpageLiest > li > div.cont_box{text-align:left; background:#fff;}

	.sy_ty01 .container .contents .searchtitBox > div.ovh > ul.photo_list_type3 > li > a{text-align:center; background: #f5f5f5;}
	.sy_ty01 .container .contents .searchtitBox > div.ovh > ul.photo_list_type3 > li div.w770{width:100%; float:none; margin-top:2px;}
	.sy_ty01 .container .contents .searchtitBox ul.webpageLiest > li > img.snsThum{width:190px; height:143px; margin-right:0px;}
	
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > a{text-align:center; background: #f5f5f5;}
	.sy_ty06 .container .contents div.citytourTab > div.citytabWrap > div.tabconBox > ul.photo_list_type3 > li > div.w770{width:100%;}

	.sy_ty17 .container .contents ul.photo_list_type3 > li > a{text-align:center; background: #f5f5f5;} 

	.sy_ty18 .container .contents ul.photo_list_type1 > li{margin-top:10px !important; margin-left:10px !important;}
	.sy_ty18 .container .contents ul.photo_list_type1 > li.box07{margin-right:0px; }			

	/*2017-11-17*/
	.btn.gray_s{font-size: 10px; padding: 0 5px; word-break: break-all;}

}

@media all and (max-width:413px){
	.sy_ty18 .container .contents ul.photo_list_type1 > li{width:100% !important; margin: 10px 0 0 0 !important;}
}

@media (max-width:1024px) and (min-width:600px){	

	.sy_ty21 .container .contents div.prog_group {position:relative !important; width:100% !important; padding-right:395px !important; box-sizing:border-box !important;}
	.sy_ty21 .container .contents div.prog_group:after {content:'' !important; display:block !important; clear:both !important;}
	.sy_ty21 .container .contents div.prog_group .progbox_fir {width:100% !important; margin:0; background:none !important; }
	.sy_ty21 .container .contents div.prog_group .progbox_fir ul {background: none !important;}
	.sy_ty21 .container .contents div.prog_group .sy_progbox {position:absolute !important; right:0 !important; top:0 !important; width:390px !important; margin:0 !important; }
	.sy_ty21 .container .contents div.sy_progbox img{width:190px;}

	.sy_ty21 .container .contents div.prog_group .progbox_fir ul li:first-child + li,
	.sy_ty21 .container .contents div.prog_group .progbox_fir ul li:first-child + li + li{border-left:0px !important;}

	.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child,
	.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child + li,
	.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child + li + li{width:100%;}

	.sy_ty21 .container .contents div.prog_group02 {position:relative !important; width:100% !important; padding-right:395px !important; box-sizing:border-box !important;}
	.sy_ty21 .container .contents div.prog_group02:after {content:'' !important; display:block !important; clear:both !important;}
	.sy_ty21 .container .contents div.prog_group02 .progbox_for {width:100% !important; margin:0; padding:10px 0px 6px;}
	.sy_ty21 .container .contents div.prog_group02 .sy_prog_sns {position:absolute !important; right:0 !important; top:0 !important; width:390px !important; margin:0 !important; margin-top:10px !important;}

	.sy_ty21 .container .contents div.prog_area .sy_prog_sns li{display:inline-block; width:48% !important;}
	.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .sy_tab01{width:100%;}
	.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .sy_tab02{width:100%; margin-left:5px !important;}
	.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .tabconBox01{height:341px;}
	.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .tabconBox02{height:341px;}


}


/* 20181213 공원소식 더보기 버튼 사라지지 않게
@media (max-width:689px) and (min-width:601px){
	.prog_area .progbox_for .tab01{font-size:12px;letter-spacing:-1px;padding:0 5px !Important;}
	.prog_area .progbox_for .tab02{font-size:12px;letter-spacing:-1px;padding:0 5px !Important;}
	.prog_area .progbox_for .more{display:none;}

}
*/

@media all and (max-width:600px){
	/*2017-11-17 sy_ty07*/
	.sy_ty07 .container .contents ul.photo_list_type1 > li{width:100% !important;margin:0px !important;padding-bottom: 5px;}
	/*2017-11-17 sy_ty18*/
	.sy_ty18 .container .contents ul.photo_list_type1 > li{width:100% !important;margin:0px !important;padding-bottom: 5px;}
	.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.thum{}
	.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.thum > img{}
	.sy_ty18 .container .contents ul.photo_list_type1 > li > a > div.text{}	
	
	
	
	.sy_ty21 .container .contents div.prog_group .progbox_fir {background:none !important;}
	
	.sy_ty21 .container .contents div.prog_group .progbox_fir ul li:first-child + li,
	.sy_ty21 .container .contents div.prog_group .progbox_fir ul li:first-child + li + li{border-left:0px !important;}

	.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child,
	.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child + li,
	.sy_ty21 .container .contents div.prog_area div.progbox_fir ul li:first-child + li + li{width:100% !important;}
	
	/*.sy_ty21 .container .contents div.sy_progbox{margin:8px !important;}*/

	.sy_ty21 .container .contents div.sy_progbox div.sy_progbox_sec01,
	.sy_ty21 .container .contents div.sy_progbox div.sy_progbox_sec02{margin:0px !important;}	


	.sy_ty21 .container .contents div.sy_progbox div.sy_progbox_fir,
	.sy_ty21 .container .contents div.sy_progbox div.sy_progbox_sec,
	.sy_ty21 .container .contents div.sy_progbox div.sy_progbox_thr,
	.sy_ty21 .container .contents div.sy_progbox div.sy_progbox_four{width:50% !important; margin:0px !important;}

	.sy_ty21 .container .contents div.sy_progbox img{width:100% !important; height:auto !important;}
	.sy_ty21 .container .contents div.sy_progbox{width:100%;margin-top:10px;}

	.sy_ty21 .container .contents div.prog_group02 .progbox_for,
	.sy_ty21 .container .contents div.prog_group02 .sy_prog_sns{width:100% !important;}

	.sy_ty21 .container .contents .prog_area .progbox_for .more{margin-right:0px;}

	.sy_ty21 .container .contents .prog_area .sy_prog_sns li{width:49% !important;  display:inline-block; }
	.sy_ty21 .container .contents .prog_area .sy_prog_sns .sy_tab01{width:100% !important; float:left;}
	.sy_ty21 .container .contents .prog_area .sy_prog_sns .sy_tab02{margin-left:3px !important; width:100% !important; float:left; }
	.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .tabconBox01{height:341px;}
	.sy_ty21 .container .contents div.prog_area div.sy_prog_sns .tabconBox02{height:341px;}

}