/* 怨듯넻 */
html{overflow-x:hidden; font-size:16px;}
.clearfix:after{content:"";display: block;clear: both;}
.renewal.containerArea{width:auto;}

.pc-content{display:block;}
.mo-content{display:none;}

/* �ъ씠�몃같�� */
.sitebanner{position:relative; width:1920px; left:50%; transform:translate(-50%, 0); max-height:1000px; transition:all .2s; overflow:hidden;font-size:0;}
.sitebanner.hide{max-height:0;}
.sitebanner .slider{white-space:nowrap;}
.sitebanner .slider .slick-slide{float:left; overflow:hidden;}
.sitebanner .slider_cont{position:absolute; top:50%; left:405px; transform:translate(0, -50%); z-index:2; display:none;}
.sitebanner .slider_cont .slider_btn{display:inline-block; font-size:0; vertical-align:middle; width:8px; height:13px; background-repeat:no-repeat; background-size:100% auto; background-position:0 0;}
.sitebanner .slider_cont .slider_btn.prev{background-image:url('http://parks.seoul.go.kr/images/header_banner_prev_200819.png');}
.sitebanner .slider_cont .slider_btn.next{background-image:url('http://parks.seoul.go.kr/images/header_banner_next_200819.png');}
.sitebanner .slider_cont .slider_counter{display:inline-block; font-size:1em; color:#efefef; line-height:1; margin:0 15px; vertical-align:middle;}
.sitebanner .slider_cont .slider_counter b{font-size:1.125rem; color:#000000; font-weight:600;}
.sitebanner .slider_close{position:absolute; top:50%; right:400px; transform:translate(0, -50%); z-index:2;}
.sitebanner .slider_close input[type="checkbox"]{}
.sitebanner .slider_close label{font-size:0.813em; color:#fff;}
.sitebanner .slider_close_btn{font-size:0; display:inline-block; width:29px; height:30px; background:url('http://parks.seoul.go.kr/images/header_banner_close_200819.png') no-repeat 0 0 / 100% auto;  margin:0 0 0 18px; vertical-align:middle;}

/* �ㅻ뜑 */
.renewal .inner{width:1200px; margin:0 auto;}
.renewal{border:0;}

.header{box-shadow:5px 5px 5px rgba(0,0,0,.07); z-index:3; position:relative;}
/*0318*/.header .logo{margin:0 0.0rem 0 0; display:inline-block; vertical-align:top;}
.header .logo a{line-height:4.813rem;}
.header .logo img{ width:auto !important; vertical-align:middle !important;}
.header .logo img.m_logo{display:none;}

.header_top{border-bottom:1px solid #ddd; padding:10px 0;}
.header_top .header_home{font-size:0.875rem; color:#888;}
.header_top .header_home::before{content:''; display:inline-block; width:15px; height:16px; background:url('http://parks.seoul.go.kr/images/header_home_200819.png') no-repeat 0 0 / 100% auto; margin:0 8px 0 0;}
.header_top .wrap{float:right;}
.header_top .header-link{font-size:0.938rem; color:#888;}
.header_top .header-link:not(:first-child)::before{content:''; display:inline-block; width:1px; height:12px; background:#dcdcdc; margin:0 12px;}
.header_top .header-btn{font-size:0; width:1.438rem; height:1.375rem; background-repeat:no-repeat; background-size:100% auto; background-position:0 0; display:inline-block; vertical-align:top;}
.header_top .header-btn.facebook{background-image:url('http://parks.seoul.go.kr/images/header_facebook_200819.png'); margin:0 5px 0 5px;}
.header_top .header-btn.youtube{background-image:url('http://parks.seoul.go.kr/images/header_youtube_200819.png'); margin:0 5px 0 5px;}
.header_top .header-btn.instagram{background-image:url('http://parks.seoul.go.kr/images/instargram.png'); margin:0 5px 0 5px;}

.header_menu{display:inline-block; vertical-align:top; z-index:4; position:relative;}
.header_menu > ul{}
.header_menu > ul > li{padding: 0 2.6rem;position:relative;float:left;}  

.header_menu > ul > li:not(:last-child)::after{content:''; display:block; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:3px; height:15px; background:url('http://parks.seoul.go.kr/images/header_gnb_sybar_200819.png') no-repeat 0 0 / 100% auto;}
.header_menu > ul > li > a{font-size:1.15rem; color:#212121; font-weight:500; line-height:4.813rem;}

.header_menu .depth_2{position:absolute; top:77px; left:0; width:100%; max-height:0;  overflow:hidden; transition:1s ease;}
.header_menu .depth_2.on{max-height:1000px;}
.header_menu .depth_2 > li{margin: 20px 0 25px;text-align:left;}
.header_menu .depth_2 > li > a{font-size:0.95rem; color:#222; font-weight:500; line-height:1;letter-spacing: -1.3px;}
.header_menu .depth_2 > li > a:hover{text-decoration:underline; text-underline-position:under; color:#269e50;}
.header_menu .depth_2 > li:first-child{margin:20px 0 0;}
.header_menu .depth_3{margin:10px 0 0;}
.header_menu .depth_3 > li{margin:0 0 5px;}
.header_menu .depth_3 > li > a{font-size:0.815rem; color:#888; line-height:1;letter-spacing: -0.8px;}
.header_menu .depth_3 > li > a:hover{text-decoration:underline; text-underline-position:under; color:#269e50;}

.header_menu > ul > li:nth-child(1){display:block;}
.header_menu > ul > li:nth-child(1) > .depth_2{padding-left:30px;}
.header_menu > ul > li:nth-child(2) > .depth_2{padding-left:25px;}
/*0318*/.header_menu > ul > li:nth-child(3) > .depth_2 {text-align:left;padding-left:5px;}
/*0318*/.header_menu > ul > li:nth-child(3) > .depth_2 .depth_4{padding-left:5px;}
/*0318*/.header_menu > ul > li:nth-child(3) > .depth_2 .depth_4 li{margin-top:5px;color:#888;font-size: 0.84rem;}
.header_menu > ul > li:nth-child(4) > .depth_2{padding-left:54px;}
.header_menu > ul > li:nth-child(5) > .depth_2{padding-left:25px;}
.header_menu > ul > li:nth-child(6) > .depth_2{padding-left:25px;}

.header_btn_wrap{float:right; line-height:4.813rem;}
.header_btn_wrap .header_btn{font-size:0; display:inline-block; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; vertical-align:middle;}
.header_btn_wrap .header_btn.search{width:1.188rem; height:1.188rem; background-image:url('http://parks.seoul.go.kr/images/heaeder_search1_200819.png'); margin:0 1.25rem 0 0;}
.header_btn_wrap .header_btn.search.on{background-image:url('http://parks.seoul.go.kr/images/heaeder_search1_close_200819.jpg');}
.header_btn_wrap .header_btn.sitemap{width:1.125rem; height:0.875rem; background-image:url('http://parks.seoul.go.kr/images/header_menu_200819.png'); }
.header_btn_wrap .header_btn.m_sitemap{display:none; width:2.063rem; height:1.563rem; background-image:url(http://parks.seoul.go.kr/images/main_m_200824_06.png);}

.header_search{border-top:1px solid #d3d3d3; position:absolute; top:100%; left:0; width:100%; background:#fff; z-index:10; visibility:hidden; overflow:hidden; max-height:0; transition:all .15s;}
.header_search.on{max-height:1000px; visibility:visible; box-shadow:5px 5px 5px rgba(0,0,0,.07);}
.header_search .content{text-align:center; position:relative; margin:40px 0; font-size:0; padding-top: 0;}
.header_search .content input[type="text"]{float:none; width:33.750rem; height:3.250rem; border:1px solid #269e50; border-radius:10px 0 0 10px; padding:0 10px; font-size:1rem;}
.header_search .content button{cursor: pointer;font-size:0; width:3.75rem; height:3.25rem; background:url('http://parks.seoul.go.kr/images/header_search_200819.png') no-repeat center center / 27px auto #269e50; border-radius:0 10px 10px 0;}

.header_depthbg{position:absolute; top:100%; left:0; background:#fff; width:100%; height:0px; z-index:3; border-top:1px solid #d3d3d3; transition:ease 0.3s; transition-delay:0.42s;}
/*0318*/.header_depthbg.on{height:27.5rem; box-shadow:5px 5px 5px rgba(0,0,0,.07); transition-delay:0s;}

.mobile_menu{display:none; position:absolute; top:100%; left:0; width:100%; background:#fff;}
.mobile_menu_btn{padding:1.563rem 1.25rem; border-bottom:1px solid #ddd;}
.mobile_menu_btn .link{font-size:1rem; color:#333; font-weight:500;}
.mobile_menu_btn .link:not(:first-child)::before{content:''; display:inline-block; width:1px; height:12px; background:#b0b0b0; margin:0 10px;}
.mobile_menu_btn .close{font-size:0; float:right; width:1.125rem; height:1.125rem; background:url(http://parks.seoul.go.kr/images/main_m_200824_11.png) no-repeat 0 0 / 100% auto;}
.mobile_menu > ul{display:block; background:#f3f3f3;}
.mobile_menu > ul > li{}
.mobile_menu > ul > li > a{position:relative; display:block; font-size:1.375rem; color:#222; font-weight:500; line-height:3.938rem; height:3.938rem; border-bottom:1px solid #ddd; padding:0 0 0 20px; background:#fff;}
.mobile_menu > ul > li > a::after{content:''; display:block; position:absolute; top:50%; right:20px; transform:translate(0, -50%); width:18px; height:10px; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; background-image:url(http://parks.seoul.go.kr/images/main_m_200824_16.png);}
.mobile_menu > ul > li > a.on{font-weight:600; color:#269e50;}
.mobile_menu > ul > li > a.on::after{background-image:url(http://parks.seoul.go.kr/images/main_m_200824_14.png);}
.mobile_menu .depth_2{margin:1.563rem 1.25rem; display:none;}
.mobile_menu .depth_2 > li{}
.mobile_menu .depth_2 > li:not(:last-child){margin:0 0 1.563rem;}
.mobile_menu .depth_2 > li > a{font-size:1.125rem; color:#333; font-weight:600; line-height:1;}
.mobile_menu .depth_3{margin:0.938rem 0 0;}
.mobile_menu .depth_3 > li{}
.mobile_menu .depth_3 > li:not(:last-child){margin:0 0 0.938rem;}
.mobile_menu .depth_3 > li > a{font-size:1rem; color:#666; line-height:1;}
.mobile_menu .depth_3 > li > a::before{content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#269e50; vertical-align:middle; margin:0 5px 0 0;}
.mobile_menu .depth_3 > li > a.on{color:#269e50;}
/*0318*/.mobile_menu .depth_3 .depth_4 li {font-size: 14px;margin-top: 5px;margin-left: 15px;}


/* �명꽣 */
.footer{background:#696969;}
.footer *{letter-spacing:-0.03em;}
.footer_btn{border-bottom:1px solid #878787; padding:1.250rem 0;}
.footer_btn a{font-size:1rem; color:#fff;}
.footer_btn a.privacy{font-weight:500;}
.footer_btn a:not(:last-child)::after{content:''; display:inline-block; width:1px; height:14px; background:#84868b; margin:0 20px;}
.footer_btn .footer_select{float:right;}
.footer_btn .footer_select select{width:10rem; height:1.563rem; border:1px solid #c9c9c9; margin:0 0 0 10px;    appearance: revert;}
.footer_btn .footer_select button{width:50px; height:1.563rem; text-align:center; color:#fff; background:#469311;}
.footer_info{padding:1.25rem 0;}
.footer_info .dasan{float:left; margin:0 4.75rem 0 0; position:relative;}
.footer_info .dasan::after{content:''; position:absolute; top:5px; right:-6px; display:block; width:55px; height:47px;}
.footer_info .dasan .title{font-size:1rem; color:#fff; line-height:1.625rem; overflow:hidden; display:block; float:none;}
.footer_info .dasan .title strong{font-size:1.875rem; font-weight:600; margin:0 0 0 10px;}
.footer_info .dasan .txt{font-size:0.813rem; color:#fff; line-height:1.188rem; margin:10px 0 0;}
.footer_info .footer_txt{float:left; font-size:1rem; color:#fff; line-height:1.625rem; padding:5px 0 0;}
.footer_info a{float: left;font-size:0;}/*2022-12-6*/
.footer_info a.science{margin:0 0 0 18px;}
.footer_info a.call{margin: 12px 0 0 62px;}/*2022-12-6*/
.footer_info .footer_txt a{float:none; font-size:inherit; color:#8af928;}

@media screen and (max-width:1200px){
		html{/*font-size:15px;*/}

		.renewal .inner{width:100%; }
		.renewal .inner.footer_btn{padding: 1.250rem 0;}
		
		.sitebanner{width:100%; left:0; transform:translate(0, 0); }
		.sitebanner .slider img{width:auto; height:95px; position:relative; left:50%; transform:translate(-50%, 0); }
		.sitebanner .slider_cont{left:5.2734vw;}
		.sitebanner .slider_close{right:5.2734vw;}
		
		/*20240516 반응형 모바일 화면에서 서울의공원 관련 SNS바 추가*/
		/* .header_top{display:none;} */
		.header_home{display:none;}
		.header-link{display:none;}
		.park_cn{display:none;}
		
		.header .logo{margin:0 0 0 5.2734vw;}
		.header .logo a{line-height:5.438rem;}
		.header .logo img{display:none;}
		.header .logo img.m_logo{display:inline;}
		.header_btn_wrap{margin:0 5.2734vw 0 0; line-height:5.438rem;} 
		.header_btn_wrap .header_btn.search{width:2.188rem; height:2.188rem; background-image:url(http://parks.seoul.go.kr/images/main_m_200824_03.png);}
		.header_btn_wrap .header_btn.sitemap{display:none;}
		.header_btn_wrap .header_btn.m_sitemap{display:inline-block;}
		.header_menu{display:none;}
		
		.footer{padding:0 5.2734vw 8vw;}
/* 		.footer_btn .footer_select select{margin-left:0} */
		
}

@media screen and (max-width:1024px){
	.header.renewal{display:block;}
	.footer_select{margin-top:15px;}
}

@media screen and (max-width:860px){
	html{/*font-size:14px;*/}
	
	.header_btn_wrap .header_btn.search{
		width:1.5rem;
		height:1.5rem;
		vertical-align:middle;
		margin:0 0.7rem 0 0
	}
	.header_btn_wrap .header_btn.m_sitemap{
		width:1.5rem;
		height:1.2rem;
		vertical-align:middle;
	}
	
	.mobile_menu > ul > li > a{
		height:3.3rem;
		font-size:1rem;
		line-height:3.3rem;
	}
	.mobile_menu .depth_2 > li:not(:last-child){
		margin-bottom:1rem;
	}
	.mobile_menu .depth_2 > li > a{
		font-size:0.975rem;
	}
	.mobile_menu .depth_3 > li:not(:last-child){margin-bottom:0.5rem;}
	.mobile_menu .depth_3 > li > a{font-size:0.95rem;}

	.footer_btn{text-align:center;}
	.footer_btn .footer_select{display:block; margin:0 auto 20px; float:none; text-align:center;}
	.footer_info{text-align:Center;}
	.footer_info .dasan{float:none; display:flex; flex-wrap:wrap; justify-content:center; margin:15px 0;}
	.footer_info .dasan::after{position:relative; top:0; right:0; display:inline-block; margin:5px 0 0 10px; order:2;}
	.footer_info .dasan .title{display:inline-block;}
	.footer_info .dasan .title strong{font-size:1.575rem; margin-left:5px;}
	.footer_info .dasan .txt{order:3; display:inline-block; margin:10px 0 0 12px; vertical-align:super;}
	
	.footer_btn a{
		display:inline-block;
		font-size:0.8rem;
		vertical-align:middle;
	}
	.footer_btn a:not(:last-child)::after{
		vertical-align:middle;
		margin:0 10px;
	}

	.footer_info .footer_txt{
		display:block;
		float:none;
		font-size:0.9rem;
		line-height:1.225rem;
		margin:15px 0;
		padding:0;
		word-break:keep-all;
    }
	.footer_info a{float:none;}
}

@media screen and (max-width:860px){
	.header_search .content input[type="text"]{width:60%;}
}
@media screen and (max-width:768px){
	.pc-content{display:none;}
	.mo-content{display:block;}
}

@media screen and (max-width:480px){
	html{/*font-size:13px;*/}
	.header .logo{margin: 0 0 0 4.2734vw;}
	.header_btn_wrap{margin: 0 4.2734vw 0 0;}
	
}