.online-checkbox-input > .input-box.left{margin: 15px 0 0;padding-left: 80px;position: relative;}
.online-checkbox-input > .input-box.left > p.tit{position: absolute;left: 0;top: 5px;font-size: 16px;color: #000;font-weight: 500;}
.online-checkbox-input > .online-slec-cbox{position: relative;padding-left: 80px;}
.online-checkbox-input > .online-slec-cbox > p.tit{position: absolute;left: 0;top: 5px;font-size: 16px;color: #000;font-weight: 500;}
.slec-checkbox-list{margin-left: -2px;}
.slec-checkbox-list > li{position: relative;float: left;margin-left: 2px;margin-bottom: 2px;width: calc(13% - 2px);}
.slec-checkbox-list > li.size1{width: calc(20% - 2px);}
.slec-checkbox-list > li.size2{width: calc(13% - 2px);}
.slec-checkbox-list > li.size3{width: calc(9% - 2px);}
.slec-checkbox-list > li > a{display: block;box-sizing: border-box;padding: 0 5px;width: 100%;height: 38px;line-height: 38px;border:1px solid #cdcdcd;background: #fff;font-size: 15px;color: #0c0c0c;}
.slec-checkbox-list > li > a > span{display: block;background: url('/images/program/snv.jpg') no-repeat right center;}
.slec-checkbox-list > li > ul.sdp{display: none;width: 100%;box-sizing: border-box;padding: 5px;border: 1px solid #cdcdcd;border-top: 0;z-index: 1;background: #fff;height: 170px;overflow-y: auto !important;}
.slec-checkbox-list > li > ul.sdp > li{font-size: 13px;margin: 2px 0;}
.slec-checkbox-list > li > ul.sdp > li label{font-size: 13px;letter-spacing: -1px;}
.slec-checkbox-list > li > ul.sdp > li > p.tit{font-size:15px;margin-top: 10px;}
.slec-checkbox-list > li > ul.sdp > li > div.day input{margin-top: 5px;display:block;width: 100%;height: 20px;}
.slec-checkbox-list > li > ul.sdp > li > a.dp2{margin-top: 4px;display: block;font-size: 14px;font-weight: 500;background: url(/images/program/snv.jpg) no-repeat right center;}
.slec-checkbox-list > li > ul.sdp > li > ul.sdp2{display: none;background: #fafafa;border: 1px solid #ddd;padding: 1px 1px 3px 5px;}

.new0421-box1{margin-bottom: 50px;padding: 20px 0 55px;}
.new0421-box1 > .title{padding: 0 15px;text-align: center;}
.new0421-box1 > .title > li{color: #333;font-size: 18px;font-weight: 200;line-height: 20px;margin-top: 16px;}
.new0421-box1 > .title > li:first-child{margin-top: 0;}
.new0421-slider{position: relative;}
.new0421-slider.sub{margin-top: 0;}
.new0421-slider > .play,
.new0421-slider > .stop{position: absolute;left: 50%;bottom: -50px;margin-left: 86px;display: block;width: 10px;height: 12px;outline: none;font-size: 0;background: url('/images/program/img20210421_stop.png');}
.new0421-slider > .play{display: none;z-index: 9;}
.new0421-slider > .stop{z-index: 10;}
.new0421-slider{}
.new0421-slider .slick-slider{}
.new0421-slider .slick-list{position: relative;padding: 0;margin-right: -20px;}
.new0421-slider .slick-list::after{position: absolute;top: 0;right: 0;background: #fff;width: 18px;height: 100%;content:"";}
.new0421-slider .slick-slide{float: left;outline: none;margin-right: 20px;}
.new0421-slider .slick-slide *{vertical-align: top;}
.new0421-slider .slick-prev,
.new0421-slider .slick-next{position: absolute;top: 50%;z-index: 9;display: block;width: 58px;height: 58px;margin-top: -29px;cursor: pointer;font-size: 0;border: 0;outline: none;
background-size: 100% 100% !important;}
.new0421-slider .slick-prev{left: -75px;background: url('/images/program/img20210421_left.png');}
.new0421-slider .slick-next{right: -75px;background: url('/images/program/img20210421_right.png');}
.new0421-slider .slick-dots{position: absolute;left: 0;bottom: -50px;height: 12px;width: 100%;text-align: center;overflow: hidden;}
.new0421-slider .slick-dots li{display: inline-block;vertical-align: top;margin-left: 4px;}
.new0421-slider .slick-dots li:first-child{margin-left: 0;}
.new0421-slider .slick-dots li button{display: block;width: 12px;height: 12px;cursor: pointer;outline: none;font-size: 0;border: 0;background: #323230;border-radius: 25px;}
.new0421-slider .slick-dots li.slick-active button{width: 36px;background: #fba103;}
.new0421-slider .slider-cont{display: block;position: relative;padding: 10px 10px 56px;background: #fff;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;outline: none;    transition: all 0.2s ease-in-out;}
.new0421-slider .slider-cont .photo{position: relative;padding-top: 75%;overflow: hidden;border-radius: 20px;}
.new0421-slider .slider-cont .photo > img{position: absolute;z-index: 1;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.new0421-slider .slider-cont .more{position: absolute;right: 10px;bottom: 10px;width: 20px;height: 20px;font-size: 0;background: url('/images/program/img20210421_more.png') no-repeat;}
.new0421-slider .slider-cont > .text{height: 90px;overflow: hidden;}
.new0421-slider .slider-cont > .text > ul{overflow: hidden;height: 46px;margin-top: 12px;}
.new0421-slider .slider-cont > .text > ul > li{margin-top: 10px;color: #555;font-size: 16px;font-weight: 600;line-height: 18px;max-height: 18px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.new0421-slider .slider-cont > .text > ul > li:first-child{color: #222;margin-top: 0;}
.new0421-slider .slider-cont > .text > p{margin-top: 15px;color: #555;font-size: 14px;font-weight: 200;line-height: 16px;max-height: 16px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.new0421-slider .slider-cont:hover{background: #fba103;border: 1px solid #fba103;}
.new0421-slider .slider-cont:hover *{color: #fff !important;}
.new0421-slider .slider-cont:hover .more{background: url('/images/program/img20210421_more_on.png') no-repeat;}

.table-layout-auto span.icon{display: inline-block;font-size: 0;vertical-align: 5px;}


.section_slider{position:relative;padding: 25px 0;background: #fbf8f0;margin-bottom: 50px;}
.slider{margin: 0;overflow:hidden;}
.slider .slick-slide{float:left; margin:0 15px; position:relative;}
.slider-item{height:280px; border-radius:15px; background-repeat:no-repeat; background-position:bottom center; background-size:100% auto; background-color:#fff; transition:all .3s;}
.slider-item:hover{box-shadow:10px 10px 12px 0px rgba(0,0,0,.2);}
.slider-item.wild{background-image:url(http://parks.seoul.go.kr/images/main_banner_1_200819.png);}
.slider-item.worldcup{background-image:url(http://parks.seoul.go.kr/images/main_banner_2_200819.png);}
.slider-item.school{background-image:url(http://parks.seoul.go.kr/images/main_banner_3_200819.png);}
.slider-item.lan{background-image:url(http://parks.seoul.go.kr/images/main_banner_4_200819.png);}
.slider-item.natural{background-image:url(http://parks.seoul.go.kr/images/main_banner_5_200819.png);}
.slider-item.boramae{background-image:url(http://parks.seoul.go.kr/images/main_banner_6.png);}
.slider-item.world{background-image:url(http://parks.seoul.go.kr/images/main_banner_7.jpg);}
.slider-item.namsan{background-image:url(http://parks.seoul.go.kr/images/main_banner_8.jpg);}
.slider-item.horticulture{background-image:url(http://parks.seoul.go.kr/images/main_banner_20210120.png);}
.slider-item.star{background-image:url(http://parks.seoul.go.kr/images/star.png);}
/*2021-04-07*/
.slider-item.new2021-bg1{background-image:url('/images/program/20210427_bg1.png');}
.slider-item.new2021-bg2{background-image:url('/images/program/20210427_bg2.png');}
/*2021-04-07*/
.slider-item a{display:block; width:100%; height:100%; padding:30px 0 0 30px;;}
.slider-item a::after{content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #ffa507; box-sizing:border-box; border-radius:15px;}
.slider-item:hover a::after{display:block;}
.slider-item a.on::after{display:block;}
.slider-item .slider_txt{font-family:'SeoulNamsanL'; font-size:0.95rem; color:#666; line-height:1.4; margin:0 0 5px; letter-spacing:-0.08em;}
.slider-item .slider_title{font-family:'SeoulNamsanB'; font-size:1.275rem; color:#333; line-height:1.725rem; letter-spacing:-0.065em;}
.slider-item .slider_title span{font-size:0.8rem;}
.slider_btn{position:absolute; top:50%; transform:translate(0, -50%); font-size:0; width:62px; height:62px; border-radius:62px; border:1px solid #dfdfdf; background-repeat:no-repeat; background-position:center center; background-size:10px auto; transition:all .3s;}
.slider_btn.prev{left:-90px; background-image:url(http://parks.seoul.go.kr/images/main_banner_arrow_prev_200819.png);}
.slider_btn.prev:hover{background-image:url(http://parks.seoul.go.kr/images/main_banner_arrow_prev_over_200819.png);}
.slider_btn.next{right:-90px;  background-image:url(http://parks.seoul.go.kr/images/main_banner_arrow_next_200819.png);}
.slider_btn.next:hover{background-image:url(http://parks.seoul.go.kr/images/main_banner_arrow_over_200819.png);}
.slider_btn:hover{background-color:#aeaeae;}



@media screen and (max-width: 1370px){
	.slider_btn{width: 40px;height: 40px;}
	.slider_btn.prev{left: -20px;}
	.slider_btn.next{right: -20px;}
	.new0421-slider .slick-prev{left: -29px;}
	.new0421-slider .slick-next{right: -29px;}
}

@media screen and (max-width: 1024px){
	.slec-checkbox-list > li{width: calc(25% - 3px);}
	.slec-checkbox-list > li.size1{width: calc(25% - 3px);}
	.slec-checkbox-list > li.size2{width: calc(25% - 3px);}
	.slec-checkbox-list > li.size3{width: calc(25% - 3px);}
}
	

@media screen and (max-width: 768px){
	.slec-checkbox-list > li{width: calc(50% - 3px);}
	.slec-checkbox-list > li.size1{width: calc(50% - 3px);}
	.slec-checkbox-list > li.size2{width: calc(50% - 3px);}
	.slec-checkbox-list > li.size3{width: calc(50% - 3px);}

	.new0421-slider .slick-prev, .new0421-slider .slick-next{width: 40px;height: 40px;margin-top: -20px;}
	.new0421-slider .slick-prev{left: -20px;}
	.new0421-slider .slick-next{right: -20px;}
}
@media screen and (max-width: 640px){
	.input-box .botSearchArea select.searchsel{width: 90px;}
	.input-box .botSearchArea > input{width: calc(100% - 95px);}
	.online-checkbox-input > .input-box > a{width: 80px;margin: 10px 10px 0 0;}
	.online-checkbox-input > .input-box > a:last-child{margin-right: 0;}
}


@media screen and (max-width: 480px){
	.online-checkbox-input > .input-box.left{padding-left: 0;}
	.online-checkbox-input > .input-box.left > p.tit{text-align: left;position: static;margin-bottom: 7px;}
	.online-checkbox-input > .online-slec-cbox{padding-left: 0;}
	.online-checkbox-input > .online-slec-cbox > p.tit{text-align: left;position: static;margin-bottom: 7px;}
}

@media screen and (max-width: 425px){
	.new0421-box1 > .title > li{font-size: 15px;}
}



/* .online-checkbox-input > .input-box.left{margin: 15px 0 0;padding-left: 80px;position: relative;}
.online-checkbox-input > .input-box.left > p.tit{position: absolute;left: 0;top: 5px;font-size: 16px;color: #000;font-weight: 500;}
.online-checkbox-input > .online-slec-cbox{position: relative;padding-left: 80px;}
.online-checkbox-input > .online-slec-cbox > p.tit{position: absolute;left: 0;top: 5px;font-size: 16px;color: #000;font-weight: 500;}
.slec-checkbox-list{margin-left: -2px;}
.slec-checkbox-list > li{position: relative;float: left;margin-left: 2px;margin-bottom: 2px;width: calc(13% - 2px);}
.slec-checkbox-list > li.size1{width: calc(20% - 2px);}
.slec-checkbox-list > li.size2{width: calc(13% - 2px);}
.slec-checkbox-list > li.size3{width: calc(9% - 2px);}
.slec-checkbox-list > li > a{display: block;box-sizing: border-box;padding: 0 5px;width: 100%;height: 38px;line-height: 38px;border:1px solid #cdcdcd;background: #fff;font-size: 15px;color: #0c0c0c;}
.slec-checkbox-list > li > a > span{display: block;background: url(/images/program/snv.jpg) no-repeat right center;}
.slec-checkbox-list > li > ul.sdp{display: none;width: 100%;box-sizing: border-box;padding: 5px;border: 1px solid #cdcdcd;border-top: 0;z-index: 1;background: #fff;height: 170px;overflow-y: auto !important;}
.slec-checkbox-list > li > ul.sdp > li{font-size: 13px;margin: 2px 0;}
.slec-checkbox-list > li > ul.sdp > li label{font-size: 13px;letter-spacing: -1px;}
.slec-checkbox-list > li > ul.sdp > li > p.tit{font-size:15px;margin-top: 10px;}
.slec-checkbox-list > li > ul.sdp > li > div.day input{margin-top: 5px;display:block;width: 100%;height: 20px;}
.slec-checkbox-list > li > ul.sdp > li > a.dp2{margin-top: 4px;display: block;font-size: 14px;font-weight: 500;background: url(/images/program/snv.jpg) no-repeat right center;}
.slec-checkbox-list > li > ul.sdp > li > ul.sdp2{display: none;background: #fafafa;border: 1px solid #ddd;padding: 1px 1px 3px 5px;}

.new0421-box1{margin-bottom: 50px;padding: 20px 0 55px;}
.new0421-box1 > .title{padding: 0 15px;text-align: center;}
.new0421-box1 > .title > li{color: #333;font-size: 18px;font-weight: 200;line-height: 20px;margin-top: 16px;}
.new0421-box1 > .title > li:first-child{margin-top: 0;}
.new0421-slider{position: relative;}
.new0421-slider.sub{margin-top: 0;}
.new0421-slider > .play,
.new0421-slider > .stop{position: absolute;left: 50%;bottom: -50px;margin-left: 86px;display: block;width: 10px;height: 12px;outline: none;font-size: 0;background: url('/images/program/img20210421_stop.png');}
.new0421-slider > .play{display: none;z-index: 9;}
.new0421-slider > .stop{z-index: 10;}
.new0421-slider{}
.new0421-slider .slick-slider{}
.new0421-slider .slick-list{position: relative;padding: 0;margin-right: -20px;}
.new0421-slider .slick-list::after{position: absolute;top: 0;right: 0;background: #fff;width: 18px;height: 100%;content:"";}
.new0421-slider .slick-slide{float: left;outline: none;margin-right: 20px;}
.new0421-slider .slick-slide *{vertical-align: top;}
.new0421-slider .slick-prev,
.new0421-slider .slick-next{position: absolute;top: 50%;z-index: 9;display: block;width: 58px;height: 58px;margin-top: -29px;cursor: pointer;font-size: 0;border: 0;outline: none;
background-size: 100% 100% !important;}
.new0421-slider .slick-prev{left: -75px;background: url('/images/program/img20210421_left.png');}
.new0421-slider .slick-next{right: -75px;background: url('/images/program/img20210421_right.png');}
.new0421-slider .slick-dots{position: absolute;left: 0;bottom: -50px;height: 12px;width: 100%;text-align: center;overflow: hidden;}
.new0421-slider .slick-dots li{display: inline-block;vertical-align: top;margin-left: 4px;}
.new0421-slider .slick-dots li:first-child{margin-left: 0;}
.new0421-slider .slick-dots li button{display: block;width: 12px;height: 12px;cursor: pointer;outline: none;font-size: 0;border: 0;background: #323230;border-radius: 25px;}
.new0421-slider .slick-dots li.slick-active button{width: 36px;background: #fba103;}
.new0421-slider .slider-cont{display: block;position: relative;padding: 10px 10px 56px;background: #fff;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;outline: none;    transition: all 0.2s ease-in-out;}
.new0421-slider .slider-cont .photo{position: relative;padding-top: 75%;overflow: hidden;border-radius: 20px;}
.new0421-slider .slider-cont .photo > img{position: absolute;z-index: 1;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.new0421-slider .slider-cont .more{position: absolute;right: 10px;bottom: 10px;width: 20px;height: 20px;font-size: 0;background: url('/images/program/img20210421_more.png') no-repeat;}
.new0421-slider .slider-cont > .text{height: 90px;overflow: hidden;}
.new0421-slider .slider-cont > .text > ul{overflow: hidden;height: 46px;margin-top: 12px;}
.new0421-slider .slider-cont > .text > ul > li{margin-top: 10px;color: #555;font-size: 16px;font-weight: 600;line-height: 18px;max-height: 18px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.new0421-slider .slider-cont > .text > ul > li:first-child{color: #222;margin-top: 0;}
.new0421-slider .slider-cont > .text > p{margin-top: 15px;color: #555;font-size: 14px;font-weight: 200;line-height: 16px;max-height: 16px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.new0421-slider .slider-cont:hover{background: #fba103;border: 1px solid #fba103;}
.new0421-slider .slider-cont:hover *{color: #fff !important;}
.new0421-slider .slider-cont:hover .more{background: url('/images/program/img20210421_more_on.png') no-repeat;}

.table-layout-auto span.icon{display: inline-block;font-size: 0;vertical-align: 5px;}


@media screen and (max-width: 1370px){
	.new0421-slider .slick-prev{left: -29px;}
	.new0421-slider .slick-next{right: -29px;}
}

@media screen and (max-width: 1024px){
	.slec-checkbox-list > li{width: calc(25% - 3px);}
	.slec-checkbox-list > li.size1{width: calc(25% - 3px);}
	.slec-checkbox-list > li.size2{width: calc(25% - 3px);}
	.slec-checkbox-list > li.size3{width: calc(25% - 3px);}
	

@media screen and (max-width: 768px){
	.slec-checkbox-list > li{width: calc(50% - 3px);}
	.slec-checkbox-list > li.size1{width: calc(50% - 3px);}
	.slec-checkbox-list > li.size2{width: calc(50% - 3px);}
	.slec-checkbox-list > li.size3{width: calc(50% - 3px);}

	.new0421-slider .slick-prev, .new0421-slider .slick-next{width: 40px;height: 40px;margin-top: -20px;}
	.new0421-slider .slick-prev{left: -20px;}
	.new0421-slider .slick-next{right: -20px;}
}


@media screen and (max-width: 480px){
	.online-checkbox-input > .input-box.left{padding-left: 0;}
	.online-checkbox-input > .input-box.left > p.tit{text-align: left;position: static;margin-bottom: 7px;}
	.online-checkbox-input > .online-slec-cbox{padding-left: 0;}
	.online-checkbox-input > .online-slec-cbox > p.tit{text-align: left;position: static;margin-bottom: 7px;}
}

@media screen and (max-width: 425px){
	.new0421-box1 > .title > li{font-size: 15px;}
} */