@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;}
.mb100{margin-bottom:100px;}

/* visual */
.vbox{float:left;}
.vbox img{position:relative;}
.vbox > a > div{position:absolute;  top:305px; padding:20px; background-image:url("/images/egovframework/com/main/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;}

/* 프로그램 */
.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:#01c73c; 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;}


/* 서울의산과공원한컷 */

/* 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;}




.header .gnb > li > .mbg .mwrap{width:1020px;padding:30px 40px 30px 40px;}
.header .gnb > li > .mbg .mwrap:after {content:" "; display:block; clear:both;}

.h_box_fir h3, .h_box_sec h3, .h_box_thru h3, .h_box_four h3{font-size:18px;color:#424242;font-weight:bold;padding:0 0 20px 0;}

.h_box_fir{float:left;padding:0 70px 0 0;}
.h_area_fir .pic_li {width: 415px;}
.h_area_fir .pic_li li {float:left;}
.h_area_fir li{padding-bottom:10px;}
.h_area_fir li p{padding-bottom:3px;}
.h_search_box input{width:339px;height:30px;border:1px solid #d7d7d7;}
.h_search_box a{display:inline-block;width:62px;height:32px;background:#525f78;color:#fff;text-align:center;line-height:30px;}
.h_btn_search{display:block;width:100%;height:30px;background:#525f78;color:#fff;text-align:center;line-height:30px;}
.h_box_fir .h_box_text{padding-bottom:5px;}

.h_box_sec{}
.h_box_sec .h_area_sec li{padding-bottom:8px;font-size:14px;}
.h_box_thru{padding-top:30px;}
.h_area_thru li{padding-bottom:8px;font-size:14px;}
.h_zone_sec{float:left;padding-right:70px;}

.h_box_four{float:left;width:270px;}
.h_box_four .h_area_four li{padding-bottom:8px;font-size:14px;}
.h_box_four .h_btn_plus{display:block;width:100%;height:30px;background:#525f78;color:#fff;text-align:center;line-height:30px;margin-top:43px;}
/*예약*/
.h_reser_fir h3, .h_reser_sec h3, .h_reser_thru h3, .h_reser_for h3, .h_reser_five h3{font-size:18px;color:#424242;font-weight:bold;padding:0 0 20px 0;}

.h_reser_fir{float:left;margin-right:100px;}
.h_reser_fir ul{margin-left: 0px !important;width:360px;margin-bottom:10px;}
.h_reser_fir ul:after {content:" "; display:block; clear:both;}
.h_reser_fir ul li{float:left;width:80px;}
.h_reser_fir ul li:last-child{width:120px;}
.h_reser_fir .h_input_text{margin-bottom:10px;}
.h_reser_fir .h_input_text input{width:339px;height:30px;border:1px solid #d7d7d7;}
.h_reser_fir a{display:inline-block;width:62px;height:32px;background:#525f78;color:#fff;text-align:center;line-height:30px;}
.h_reser_fir .h_box_text{padding-bottom:10px;}
.h_reser_sec{float:left;margin-right:100px;}
.h_reser_sec ul{margin-left: 0px !important;}
.h_reser_sec ul li{padding-bottom:8px;font-size:14px;}
.h_reser_thru_box{float:left;}

.h_reser_thru{margin-bottom:20px;}
.h_reser_thru ul{margin-left: 0px !important;}
.h_reser_thru ul li{padding-bottom:8px;font-size:14px;}

.h_reser_for{margin-bottom:20px;}
.h_reser_for ul{margin-left: 0px !important;}
.h_reser_for ul li{padding-bottom:8px;font-size:14px;}

.h_reser_five{margin-bottom:20px;}
.h_reser_five ul{margin-left: 0px !important;}
.h_reser_five ul li{padding-bottom:8px;font-size:14px;}

/* 공원의 친구들 */
.h_friead_fir h3, .h_friead_sec h3, .h_friead_thru h3, .h_friead_for h3, .h_friead_five h3{font-size:18px;color:#424242;font-weight:bold;padding:0 0 20px 0;}

.h_friead_fir{float:left;margin-right:140px;}
.h_friead_fir ul{margin-left: 0px !important;}
.h_friead_fir ul li{padding-bottom:8px;font-size:14px;}

.h_friead_sec{float:left;margin-right:140px;}
.h_friead_sec ul{margin-left: 0px !important;}
.h_friead_sec ul li{padding-bottom:8px;font-size:14px;}

.h_friead_thru{float:left;margin-right:140px;}
.h_friead_thru ul{margin-left: 0px !important;}
.h_friead_thru ul li{padding-bottom:8px;font-size:14px;}

.h_friead_for{float:left;margin-right:140px;}
.h_friead_for ul{margin-left: 0px !important;}
.h_friead_for ul li{padding-bottom:8px;font-size:14px;}

.h_friead_five{float:left;}
.h_friead_five ul{margin-left: 0px !important;}
.h_friead_five ul li{padding-bottom:8px;font-size:14px;}

/* 자료실 */
.h_park_fir h3, .h_park_sec h3, .h_park_thru h3, .h_park_for h3{font-size:18px;color:#424242;font-weight:bold;padding:0 0 20px 0;}

.h_park_fir{float:left;margin-right:210px;}
.h_park_fir ul{margin-left: 0px !important;}
.h_park_fir ul li{padding-bottom:8px;font-size:14px;}

.h_park_sec{float:left;margin-right:210px;}
.h_park_sec ul{margin-left: 0px !important;}
.h_park_sec ul li{padding-bottom:8px;font-size:14px;}

.h_park_thru{float:left;margin-right:210px;}
.h_park_thru ul{margin-left: 0px !important;}
.h_park_thru ul li{padding-bottom:8px;font-size:14px;}

.h_park_for{float:left;}
.h_park_for ul{margin-left: 0px !important;}
.h_park_for ul li{padding-bottom:8px;font-size:14px;}