@media screen and (max-width: 1580px){
	#center-top .go-gps1{right: 0;bottom: 90px !important;width: 90px;height: 90px;padding-top: 10px;font-size: 13px;border-width: 3px;}
	#center-top .go-gps1::before{top: -30px;left: calc(50% - 15px);width: 30px;height: 42px;background-size: 30px;}
	#center-top .go-gps1 span{font-size: 18px;}
	
}

@media screen and (max-width: 1024px){
	#wrap{min-width: 320px;}
	#header .logo{float: none;margin: 15px auto;}
	.header-menu{float: none;width: auto;margin: 0 -15px;}
	#gnb{float: none;max-width: 100%;border-top: 1px solid #80af32;border-left: 1px solid #80af32;}
	#gnb > li{border-right: 1px solid #80af32;border-bottom: 1px solid #80af32;}
	#gnb > li > a{height: 52px;padding: 2px 12px 0;font-size: 18px;line-height: 1.1;word-break: keep-all;}
	#footer{padding: 30px 0 35px;font-size: 18px;}
	
	#center-top .width-auto{height: auto;padding-bottom: 60px;}
	#center-top.bg1 .width-auto{height: auto;padding: 70px 0 130px;}
	.main-slogan1{min-height: 280px;padding: 42px 0 25px;font-size: 20px;}
	.main-slogan1 .title{font-size: 55px;}
	#center-top.bg1 .main-slogan1{display: block;height: auto;min-height: auto;padding: 0;font-size: 30px;background: none;}
	#center-top.bg1 .main-slogan1 .title{font-size: 65px;}
	#center-top.bg1 .go-gps1{margin: 60px auto 0;}
	.forest-nature1 .num-box{margin: 40px auto;}
	
	#center-top .go-gps1{margin: 5px 0 10px auto;position: relative;right: auto;bottom: auto !important;width: 98px;height: 44px;padding-top: 6px;font-size: 12px;border-width: 2px;border-radius: 15px;}
	#center-top .go-gps1::before{top: -22px;left: calc(50% - 10px);width: 20px;height: 28px;background-size: 20px;}
	#center-top .go-gps1 span{font-size: 14px;font-family: 'KoreanSNMM';}
	#center-top .go-gps1 span > br{display: none;}
	#center-wrap > .width-auto {top: -60px;padding: 40px 40px 60px;border-radius: 30px;}
	.sub2-float-wrap1 .select-search1{float: none;width: 100%;max-width: 760px;margin: 0 auto 15px;}
	.sub2-float-wrap1 .sub-Abtn1{float: none;}
	.photo-list1 > dl{padding: 30px 0;}
	.photo-list1 > dl > dd{padding-left: 3.5%;}
	.photo-list1 .locale{font-size: 25px;}
	.photo-list1 .text-over{font-size: 16px;}
	.photo-list1 .text-over > ul{height: 92px;}
	.photo-list1 .text-over > ul > li{line-height: 23px;}
	.photo-list1 .info-list1{font-size: 16px;}
	.photo-list1 .info-list1 > li:not(:first-child){margin-top: 15px;padding-top: 15px;}
	
	.sub-table1 table th{height: 60px;font-size: 20px;}
	.sub-table1 table td{height: 60px;font-size: 18px;}
	.sub-table1 table td.TL{padding-left: 1.5%;}
	.sub-table1 table .ft-26{font-size: 22px;}
	.sub-slider1 .slick-list{margin-right: -25px;}
	.sub-slider1 .slick-slide{margin-right: 25px;}
	.sub-slider1 .slick-attr{margin-top: 22px}
	.sub-slider1 .slick-attr > button{width: 40px;height: 40px;}
	.sub-slider1 .slick-stop{margin: 0 10px;}
	.sub1-title1{font-size: 25px;}
	.sub1-title1 .big{font-size: 50px;}
	.sub1-park-life1{margin-top: -30px;font-size: 18px;}
	.sub1-park-life1 > dl > dt{margin-bottom: -25px;padding: 12px 28px 10px;font-size: 26px;}
	.sub1-park-life1 > dl > dd{padding: 42px 25px 20px;border-radius: 20px;}
	.sub1-park-life1 .text-list1 .title1{width: 98px;min-width: 98px;height: 52px;font-size: 24px;}
	.sub1-poem1{padding: 35px;background-size: 40%;border-radius: 20px;}
	.sub1-poem1 > p{display: table;margin: 0 auto;padding: 25px;background: rgba(255, 255, 255, 0.4);border-radius: 15px;}
	
}

@media screen and (max-width: 768px){
	.main-slogan1{min-height: 240px;font-size: 18px;}
	.main-slogan1 .title{font-size: 50px;}
	#center-top.bg1 .main-slogan1{font-size: 24px;}
	#center-top.bg1 .main-slogan1 .title{font-size: 52px;}
	.forest-invite1{font-size: 24px;}
	#center-wrap > .width-auto{padding: 30px 30px 40px;border-radius: 20px;}
	.select-search1{font-size: 18px;padding-right: 116px;}
	.select-search1 .a-1{width: 108px;}
	.photo-list1 > dl > *{display: block;width: 100% !important;}
	.photo-list1 > dl > dd{margin-top: 25px;padding: 15px 0 0;border-top: 1px dashed #e5e5e5;}
	.photo-list1 .photo{margin: auto;max-width: 450px;border-radius: 30px;}
	.photo-list1 .locale{;padding-top: 5px;}
	.photo-list1 .locale .a-gps{top: 0px;}
	.photo-list1 .info-list1 > li > p > strong{width: 58px;}
	
	.sub-table1 table th{height: 50px;font-size: 18px;}
	.sub-table1 table td{height: 50px;font-size: 16px;}
	.sub-table1 table .ft-26{font-size: 20px;}
	.sub3-title1{position: static;margin: 0 auto;width: 200px;height: 54px;}
	.sub1-title1{font-size: 22px;}
	.sub1-title1 .big{font-size: 40px;}
	.sub1-park-life1{margin-top: -24px;font-size: 16px;}
	.sub1-park-life1 > dl > dt{margin-bottom: -21px;padding: 10px 24px 8px;font-size: 22px;}
	.sub1-park-life1 > dl > dd{padding: 38px 20px 20px;}
	.sub1-park-life1 .text-list1 .title1{margin-right: 20px;width: 80px;min-width: 80px;height: 42px;font-size: 20px;}
	.sub1-poem1{background-size: 48%;}
	.sub3-write-list1 > dl > dt{width: 145px;}
	.sub3-write-list1 > dl > dd{width: calc(100% - 145px);}
}

@media screen and (max-width: 640px){
	#center-top.bg1{background: url('../../images/forestkid/main_top_bg_mo1.jpg') no-repeat center;}
	#center-top.bg2{background: url('../../images/forestkid/main_top_bg_mo2.jpg') no-repeat center;}
	#center-top.bg3{background: url('../../images/forestkid/main_top_bg_mo3.jpg') no-repeat center;}

}

@media screen and (max-width: 600px){
	#gnb > li{width: 100%;}
	#gnb > li > a{height: 45px;}
	.main-slogan1{min-height: 200px;font-size: 16px;}
	.main-slogan1 .title{font-size: 40px;}
	#center-top.bg1 .width-auto{padding: 60px 0 120px;}
	#center-top.bg1 .main-slogan1{font-size: 20px;}
	#center-top.bg1 .main-slogan1 .title{font-size: 44px;}
	.forest-nature1 .num-box{margin: 30px auto 25px;max-width: 200px;}
	.forest-nature1 .num-box > dl > dt{height: 50px;font-size: 22px;}
	.forest-nature1 .num-box > dl > dd{height: 80px;font-size: 20px;}
	.forest-nature1 .num-box > dl > dd strong{font-size: 44px;}
	.forest-nature1 .e-book{max-width: 258px;}
	.forest-nature1 .e-book::after{top: 4px;left: 4px;}
	.forest-nature1 .e-book > a{height: 64px;font-size: 22px;}
	#center-wrap > .width-auto {padding: 25px 15px 30px;border-radius: 15px;}
	.sub-table1 table th{height: auto;padding: 10px 5px;font-size: 16px;}
	.sub-table1 table td{height: auto;padding: 10px 5px;font-size: 14px;}
	.sub-table1 table .ft-26{font-size: 18px;}
	.sub3-title1{position: static;margin: 0 auto;width: 175px;height: 50px;font-size: 22px;border-radius: 10px;}
	.sub1-park-life1 br.mo-no{display: none;}
	.sub1-poem1{padding: 18px;}
	.sub3-write-list1 > dl{display: block;}
	.sub3-write-list1 > dl > dt{width: auto;height: auto;padding: 0 0 10px;}
	.sub3-write-list1 > dl > dd{width: auto;}

}

@media screen and (max-width: 500px){
	#footer .logo > a{max-width: 85%;}

	.forest-invite1{font-size: 22px;}
	.forest-invite1 > li{margin-top: 10px;}
	.forest-invite1 > li:first-child{padding-left: 0;min-height: auto;text-align: center;display: block;}
	.forest-invite1 > li:first-child::before{position: static;display: block;margin: 0 auto 10px;}
	
	.select-search1{padding: 0 0 64px;}
	.select-search1 .a-1{top: auto;bottom: 0;right: calc(50% - 125px);width: 250px;}
	.select-search1 select:not(:first-child){margin: 6px 0 0;}
	.select-search1 select.w1,
	.select-search1 select.w2{width: 100%;}
	
	.sub-table1 table th{font-size: 13px;}
	.sub-table1 table td{font-size: 12px;}
	.sub-table1 table .ft-26{font-size: 12px;}
	.sub1-title1{font-size: 20px;}
	.sub1-title1 .big{font-size: 32px;}
	.sub1-park-life1{margin-top: 8px;font-size: 15px;}
	.sub1-park-life1 > dl:not(:first-child){margin-top: 40px;}
	.sub1-park-life1 > dl > dt{margin-bottom: -20px;font-size: 20px;}
	.sub1-park-life1 > dl > dd{padding: 34px 16px 18px;}
	.sub1-park-life1 .text-list1 > li{display: block;text-align: center;}
	.sub1-park-life1 .text-list1 .title1{margin: 0 auto 10px;height: 32px;font-size: 18px;}
	.sub1-park-life1 .icon-list1 > li{width: 48%;}
	.sub1-park-life1 .icon-list1 > li > span{max-width: 100px;}
	.sub1-poem1{margin-top: 28px;}


}

@media screen and (max-width: 425px){
	#footer{font-size: 16px;}
	.forest-invite1{font-size: 20px;}
	.sub1-poem1{padding: 12px;}
	.sub1-poem1 > p{padding: 15px;}
	.photo-list1 .locale{font-size: 22px;}
}

@media screen and (max-width: 375px){
	.main-slogan1 ul > li > br{display: none;}
	.photo-list1 .info-list1 > li > p > strong{display: block;}
}