@CHARSET "UTF-8";
/* CSS Document */
/*
 * mainSection
 */

#layer_popup{position:absolute;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,.7);z-index:99999;overflow-y:auto}
#layer_popup .lp_top{margin-top:30px;position:relative;z-index:1;text-align:center}
#layer_popup .lp_wrap{/*width:418px;*/width:793px;/*width:1170px;*/margin:-7px auto 0;padding:20px;text-align:center; position:relative;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.5);z-index:0;overflow:hidden}
#layer_popup .img01,
#layer_popup .img02,
#layer_popup .img03{float:left;width:365px;margin:5px}
#layer_popup .img01 img,
#layer_popup .img02 img,
#layer_popup .img03 img{width:100%;vertical-align:baseline;border-radius:20px}
#layer_popup .close{position:relative;width:365px;height:37px;margin:7px auto 0;padding:7px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.5)}
#layer_popup #check{font-size:12px;font-family:'돋움';color:#fff}
#layer_popup #close{position:absolute;top:9px;right:10px}
/*이미지 3개일때 */
@media all and (max-width:1180px){
	#layer_popup .lp_wrap{width:100%;overflow-x:scroll}
	#layer_popup .scroll{width:1130px}
}
/*이미지 3개일때 e*/

@media all and (max-width:768px){
	#layer_popup .lp_wrap{width:415px;overflow-x:hidden}
	#layer_popup .scroll{width:auto}	
	#layer_popup .img01,
	#layer_popup .img02,
	#layer_popup .img03{float:none;width:auto}
	#layer_popup .close{width:415px}
	#layer_popup .lp_top{margin-top:5px}
	#layer_popup .lp_top img{width:180px}	
}
@media all and (max-width:415px){
	#layer_popup .lp_wrap,
	#layer_popup .close{width:100%}
}
@media all and (max-width:320px){
	#layer_popup .lp_wrap,
	#layer_popup .close{width:320px}
}

.mainSection{padding-top:7.8rem;height:102.5rem;background:#d5f299 url('../imgs/main/bg-main.jpg') center top no-repeat;background-size:cover}

.visualArea{}
.visualSliderWrap{position:relative}
.visualSliderWrap #slider-controller{display:table;position:absolute;top:1rem;right:0;}
.visualSliderWrap #slider-controller label[for|="visualSlider"]{display:table-cell;width:3.125rem;height:3.125rem;background-size:contain;background-position:center;background-repeat:no-repeat}
.visualSliderWrap #slider-controller label[for|="visualSlider"] input{display:none}
.visualSliderWrap #slider-controller label[for="visualSlider-prev"]{background-image:url('../imgs/icon/icon-slider-prev.png')}
.visualSliderWrap #slider-controller label[for="visualSlider-next"]{background-image:url('../imgs/icon/icon-slider-next.png')}
.visualSliderWrap #slider-controller label[for="visualSlider-play"]{background-image:url('../imgs/icon/icon-slider-play.png')}
.visualSliderWrap #slider-controller label[for="visualSlider-pause"]{display:none;background-image:url('../imgs/icon/icon-slider-pause.png')}

#visualSlider{height:25rem;overflow:hidden}
#visualSlider li{display:table}
#visualSlider li a{display:table-cell;height:25rem;vertical-align:middle;text-align:center}
#visualSlider li a img{width:100%}


.quickArea{background:url('../imgs/main/bg-searchSection.png') left bottom repeat-x}
.quickArea ul{display:table;width:100%}
.quickArea ul li+li{background:url('../imgs/icon/bg-quickDivisionLine.jpg') left center no-repeat;background-size:1px 5.625rem}
.quickArea ul li[class|="quick"]{display:table-cell;position:relative;padding:0 3.75%;text-align:center}
.quickArea ul li[class|="quick"] a{display:block;height:11.25rem;background-size:contain;background-position:center 25%;background-repeat:no-repeat}
.quickArea ul li[class|="quick"] a span{position:absolute;right:0;bottom:2rem;left:0;font-size:1rem;white-space:nowrap}
.quickArea ul li.quick-01 a{background-image:url('../imgs/icon/icon-quick-01.png')}
.quickArea ul li.quick-02 a{background-image:url('../imgs/icon/icon-quick-02.png')}
.quickArea ul li.quick-03 a{background-image:url('../imgs/icon/icon-quick-07.png')}
.quickArea ul li.quick-04 a{background-image:url('../imgs/icon/icon-quick-03.png')}
.quickArea ul li.quick-05 a{background-image:url('../imgs/icon/icon-quick-04.png')}
.quickArea ul li.quick-06 a{background-image:url('../imgs/icon/icon-quick-06.png')}


.daycareSearchArea{height:7rem;background:url('../imgs/main/bg-searchSection.png') left bottom repeat-x}
.daycareSearchArea .icon-searchSection{float:left;padding:0 3rem;width:35%;height:100%}
.daycareSearchArea .icon-searchSection img{height:100%}
.daycareSearchArea .icon-searchSection img.icon-searchArea{height:auto}
.daycareSearchArea .icon-searchSection .icon-mobile-searchSection{display:none}
.daycareSearchArea .icon-searchArea{position:absolute;top:-1.3rem;right:15.5rem}
.daycareSearchArea form{float:left;padding-top:3.25rem}
.daycareSearchArea .checkBox-01{display:none!important;display:table-cell;height:3.25rem;line-height:2.73rem;vertical-align:bottom}
.daycareSearchArea .selectBox-01{width:14rem}
.daycareSearchArea .selectBox-01+.selectBox-01{display:none;margin-left:.9375rem}
.daycareSearchArea .textBox-01{margin-left:.9375rem;width:23rem}
.daycareSearchArea .btnBox-01{margin-left:.625rem;width:6.75rem;text-align:center}


.noticeArea{margin-top:2rem;padding:2rem 0}
.noticeArea>.innerZone>div{float:left;width:32.5%;height:22.75rem}
.noticeArea>.innerZone>div+div{margin-left:1.25%}
.noticeArea>.innerZone>div>div{position:relative}
.noticeArea .tit{line-height:3.125rem;font-size:1.25rem}

.calendarSection{background-color:#3aa88b;border-radius:30px 30px 20px 20px;box-shadow:0 6px 0px 0 #007c3d}
.calendarWrap{}
.calendarWrap .cal-parent,
.calendarWrap .cal-member{background-repeat:no-repeat}
.calendarWrap .cal-parent{background-image:url('../imgs/icon/icon-calendar-parent.png');color:#008268}
.calendarWrap .cal-member{background-image:url('../imgs/icon/icon-calendar-member.png');color:#ad4c32}
.calendarWrap .cal-ex01,
.calendarWrap .cal-ex02,
.calendarWrap .cal-ex03{background-repeat:no-repeat}
.calendarWrap .cal-ex01{background-image:url('../imgs/icon/icon-calendar01.png');color:#008268}
.calendarWrap .cal-ex02{background-image:url('../imgs/icon/icon-calendar02.png');color:#f96677}
.calendarWrap .cal-ex03{background-image:url('../imgs/icon/icon-calendar03.png');color:#c17305}
.calendarWrap .tit{padding:0 1.25rem;border-radius:20px 20px 0 0;background:#fff url(/childcare/common/imgs/main/bg-calendar-top.gif) repeat-x left bottom}
.calendarWrap .tit h3{float:left;color:#008268}
.calendarWrap .tit ul{float:right;display:table;}
.calendarWrap .tit ul li{display:table-cell}
.calendarWrap .tit ul li+li{padding-left:.5rem}
.calendarWrap .tit ul li span{padding-left:1rem;font-size:.9rem;background-position:left center}

.calendarArea{position:relative;padding: 0 1.25rem;}
.calendarArea .calendar-date{}
.calendarArea .calendar-date p{line-height:3.125rem;font-size:1.425rem;text-align:center;color:#fff}
.calendarArea [class*="controller"]{position:absolute;top:0;right:0;bottom:auto;left:0;height:3.25rem;}
.calendarArea [class*="controller"]>a[id|="cal-cont"]{position:absolute;top:0;bottom:0;display:block;border:none;width:3.125rem;background-color:transparent;background-position:center;background-repeat:no-repeat;font-size:0;text-indent:-9999rem;overflow:hidden;cursor:pointer;}
.calendarArea #cal-cont-prev{left:4rem;background-image:url('../imgs/icon/icon-calendar-prev.png')}
.calendarArea #cal-cont-next{right:4rem;background-image:url('../imgs/icon/icon-calendar-next.png')}

.calendarArea .calendar{width:100%;height:15rem;max-height:15rem;background-color:#fff}
.calendarArea .calendar thead th,
.calendarArea .calendar tbody td{position:relative;border:1px solid #ececec;font-weight:300;color:#b89167}
.calendarArea .calendar thead th{background-color:#fcf7f1;font-size:.9rem}
.calendarArea .calendar tbody td{padding:1%;font-size:.85rem;text-align:right;vertical-align:top}
.calendarArea .calendar thead th:first-child,
.calendarArea .calendar tbody td:first-child{color:#d40d25}
.calendarArea .calendar thead th:last-child,
.calendarArea .calendar tbody td:last-child{color:#1a72c5}
.calendarArea .calendar tbody td a{line-height:1}
.calendarArea .calendar tbody td .cal-edu{position:absolute;height:13px;right:2px;bottom:0}
.calendarArea .calendar tbody td div [class|="cal"]{float:left;width:1rem;height:1.25rem;background-position:center;background-size:.7rem;font-size:0;text-indent:-9999rem}

.noticeSection{border-radius:20px;box-shadow:0 6px 0px 0 #bccac3;background:#f8f8f8 url(/childcare/common/imgs/main/bg-notice-top.gif) no-repeat bottom right}
.noticeWrap{}
.noticeWrap .tit{margin:0 1.25rem;padding:0 .5rem 0 1rem;border-bottom:1px solid #ccc;line-height:4rem}
.noticeWrap .tit h3{float:left;font-weight:500}
.noticeWrap .tit .noticeMoreBtn{float:right;width:2.5rem;text-indent:-9999rem;background:url('../imgs/icon/icon-notice-more.png') center 60% no-repeat}
.notice{padding:0 1.25rem}
.notice li{padding:.6rem 0 .6rem 1.75rem;line-height:1.5rem;background:url('../imgs/icon/icon-gnb-listStyle.png') 1rem 1.25rem no-repeat}
.notice li+li{border-top:2px dotted #eaeaea}
.notice li h6{}
.notice li h6 a{}
.notice li p{font-size:.9rem;font-weight:100;color:#888888}
.notice li h6,
.notice li p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.popupZoneSection{border-radius:30px 30px 20px 20px;box-shadow:0 6px 0px 0 #248f58;background:#fff}
.popupZoneWrap{}
.popupZoneWrap .tit{padding:0 1.25rem;border-radius:20px 20px 0 0;background:#2aab69}
.popupZoneWrap .tit h3{color:#fff}
.popupZone .lSPager{display:table;position:absolute;top:.7rem;right:3.3rem;max-width:75%}
.popupZone .lSPager li{display:table-cell}
.popupZone .lSPager li a{display:block;width:1rem;height:1rem;background-image:url('../imgs/icon/icon-popupZone-index.png');background-repeat:no-repeat;background-position:center;font-size:0}
.popupZone .lSPager li.active a{background-image:url('../imgs/icon/icon-popupZone-active.png')}
#popupZoneSlider{}
#popupZoneSlider li{}
#popupZoneSlider li a{display:block;width:100%;height:18.25rem}
#popupZoneSlider li a img{width:100%;height:100%}

.popupZone-controller{display:table;position:absolute;top:1rem;right:17px;margin-top:1px;}
.popupZone-controller label[for|="popZone"]{display:table-cell;width:1rem;height:1rem;background-position:center;background-repeat:no-repeat}
.popupZone-controller label[for|="popZone"] input{display:none}
.popupZone-controller label[for="popZone-play"]{background-image:url('../imgs/icon/icon-popupZone-play.png')}
.popupZone-controller label[for="popZone-pause"]{background-image:url('../imgs/icon/icon-popupZone-pause.png')}

ul.allimiNum li{width:100%}
ul.allimiNum li a img{width:100%;height:314px;border-radius:0 0 20px 20px}

.photoGalleryArea{margin-top:1rem}
.photoGallery{display:table;float:left;width:61.5rem;margin-top:16px}
.photoGallery a{display:inline-block;height:21.6rem;text-align:center;vertical-align:middle}
.photoGallery .gallery01 a img{border:.7rem solid #f7e157;border-radius:100%;width:13.3rem;height:13.3rem;margin:0 11px}
.photoGallery .gallery02 a img{border:.7rem solid #ffb8a9;border-radius:100%;width:13.3rem;height:13.3rem;margin:0 11px}
.photoGallery a img{border:0;border-radius:100%;width:13.3rem;height:13.3rem}
.photoGallery .gallery01{display:inline-block;text-align:center}
.photoGallery .gallery01 .gallery01_tit,
.photoGallery .gallery02 .gallery02_tit{margin-bottom:20px}
.photoGallery .gallery01 .gallery01_tit a{display:block;max-height:57px}
.photoGallery .gallery01 .gallery01_tit a img{border:0;border-radius:0;width:100%;max-width:461px;height:auto;margin:0}
.photoGallery .gallery02{display:inline-block;margin-left:26px;text-align:center}
.photoGallery .gallery02 .gallery02_tit a{display:block;max-height:57px}
.photoGallery .gallery02 .gallery02_tit a img{border:0;border-radius:0;width:100%;max-width:461px;height:auto;margin:0}
.photoGallery .gallery02 a{border-color:#ffb8a9}
.photoGallery a:first-child+a img{second}
.photoGallery a:first-child+a+a img{third;border-color:#ffb8a9}
.photoGallery a:first-child+a+a+a img{fourth;border-color:#ffb8a9}
.photoGallery a .photoCaption{margin:0.1rem auto 0;padding:1.75rem 1rem 1rem;width:13.5rem;background:url('../imgs/icon/bg-box-photoCaption.png') center no-repeat;background-size:100% 100%}
.photoGallery a .photoCaption p{color:#92780e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photoGallery .gallery02 a .photoCaption p{color:#ae3208}
.linkBox{display:table;float:right;width:12.5rem;height:23.5rem;background:url('../imgs/icon/bg-box-linkBanner.png') center no-repeat;background-size:100% 100%;padding-top:3.0rem}
.linkBox a{display:block;margin:0 1px;text-align:center;vertical-align:middle}
.linkBox a.banner01{}
.linkBox a.banner02{padding-top:0.3rem}
.linkBox a img{}
.linkBox a img.forMobile{display:none}
/*
 * tablet
 */
@media all and (max-width:1200px){
	.mainSection{height:auto;padding-bottom:2.0rem;background-size:121%;background-position-y:7.8rem}
	
	.visualSliderWrap #slider-controller{top:.5rem}
	.visualSliderWrap #slider-controller label[for|="visualSlider"]{width:2.25rem;height:2.25rem}
	
	#visualSlider,
	#visualSlider li a{height:18.35rem}
	
	.quickArea ul li+li{background-size:1px 4rem}
	
	.daycareSearchArea{height:5rem}
	.daycareSearchArea form{padding-top:2rem}
	.daycareSearchArea .icon-searchSection{padding:0 2rem;height:100%}
	.daycareSearchArea .icon-searchSection img{height:100%}
	.daycareSearchArea .icon-searchSection img.icon-searchArea{top:-.75rem;right:9rem;height:3rem}
	
	.daycareSearchArea .checkBox-01{height:2rem;line-height:1.75rem}
	.daycareSearchArea .checkBox-01 span{font-size:.85rem}
	.daycareSearchArea .selectBox-01{width:8rem;height:2rem;font-size:.85rem}
	.daycareSearchArea .selectBox-01+.selectBox-01{margin-left:.5rem}
	.daycareSearchArea .textBox-01{margin-left:.5rem;width:10rem;height:2rem;font-size:.85rem}
	.daycareSearchArea .btnBox-01{margin-left:.25rem;padding:0 .5rem;width:4.5rem;height:2rem;line-height:2rem;font-size:.85rem}
	
	.noticeArea{margin-top:1.5rem;padding:0 10px}
	.noticeArea>.innerZone>div{ }
	
	.calendarWrap .cal-parent,
	.calendarWrap .cal-member{background-size:.75rem}
	
	.calendarWrap .tit ul li span{padding-left:.9rem;font-size:.75rem}
	.calendarArea .calendar-date{margin-bottom:5px}
	.calendarArea .calendar-date p{height:2.5rem;line-height:2.75rem;font-size:1.125rem;font-weight:200}
	.calendarArea .calendar{}
	.calendarArea .calendar thead th{font-size:.5rem;line-height:1;letter-spacing:.025rem}
	.calendarArea .calendar tbody td{font-size:.5rem}
	.calendarArea .calendar tbody td div [class|="cal"]{width:.7rem;height:.6rem;background-size:contain}
	.calendarArea .calendar tbody td .cal-edu{height:8px;right:1px}
	.calendarArea .calendar tbody td .cal-edu img{width:8px}

	.calendarArea [class*="controller"]{}
	.calendarArea [class*="controller"]>input[id|="cal-cont"]{background-size:1.25rem}
	.calendarArea #cal-cont-prev{left:2.5rem}
	.calendarArea #cal-cont-next{right:2.5rem}
	
	.noticeWrap .tit .noticeMoreBtn{width:1.75rem;background-size:contain}
	
	#popupZoneSlider li a{display:block;width:100%;height:13.5rem}
	#popupZoneSlider li a img{width:100%;height:100%}
	
	.photoGalleryArea{padding:0 10px;margin-top:.75rem}
	.photoGallery{width:81%}
	.photoGallery a{height:auto}
	.photoGallery .gallery01{width:49%}
	.photoGallery .gallery02{width:49%;margin-left:1%}
	.photoGallery .gallery01 a img{border:.4rem solid #f7e157;width:11.5rem;height:11.5rem}
	.photoGallery .gallery02 a img{border:.4rem solid #ffb8a9;width:11.5rem;height:11.5rem}
	.photoGallery a .photoCaption{margin:0rem auto 0;padding:1.05rem .5rem .5rem;width:9.5rem}
	.photoGallery a .photoCaption p{font-size:.8rem;font-weight:200}
	.photoGallery .gallery01 .gallery01_tit a,
	.photoGallery .gallery02 .gallery02_tit a{margin-bottom:10px}
	
	.linkBox{height:21.5rem}
	.linkBox a img{width:6rem}
	ul.allimiNum li a img{width:100%;height:275px}
	.checkBox-01 input[type="checkbox"]{width:.875rem;height:.875rem}
}
@media all and (max-width:970px){
	.linkBox{width:10rem;padding-top:2.0rem;height:18.6rem}
	.photoGallery .gallery01 a img,
	.photoGallery .gallery02 a img{width:8.5rem;height:8.5rem}
	.calendarWrap .tit h3{float:none}
	.calendarWrap .tit ul{line-height:2.125rem;margin-top:-15px}
	.calendarArea .calendar{height:14rem}
	.photoGallery{width:80%}
}
/*
 * mobile
 */
@media all and (max-width:767px){
	.mainSection{padding-top:8rem;height:auto;background:#d5f299 url('../imgs/main/bg-mobile-main.png') center -.5rem no-repeat}
	
	.visualArea>.innerZone{padding:0 1.25rem;width:auto;min-width:25rem}
	
	#visualSlider,
	#visualSlider li a{height:20rem}
	
	.calendarWrap .tit h3{float:left}
	.calendarWrap .tit ul{line-height:3.125rem;margin-top:auto}
	.calendarArea .calendar{height:15rem}
	
	.quickArea{background:url('../imgs/icon/bg-mobile-quick.png') bottom left no-repeat}
	.quickArea ul li{float:left;width:33.33%}
	.quickArea ul li+li{background-size:1px 3rem}
	.quickArea ul li.quick-04{background:none}
	.quickArea ul li[class|="quick"] a{height:7rem;background-size:5rem}
	.quickArea ul li[class|="quick"] a span{bottom:.5rem}
	
	.daycareSearchArea{height:11rem;background-color:#fffbe4;padding-top:1.5rem}
	.daycareSearchArea .icon-searchSection{width:100%;height:auto}
	.daycareSearchArea .icon-searchSection img{display:none}
	.daycareSearchArea .icon-searchSection{float:none;border-bottom:1px solid #1a72c5;padding:.5rem;text-align:center}
	.daycareSearchArea .icon-searchSection h6.icon-mobile-searchSection{display:inline-block;padding-left:2.5rem;background:url('../imgs/icon/icon-mobile-searchSection.png') center left no-repeat;color:#1a72c5}
	
	.daycareSearchArea form{width:100%;padding-top:0}
	.daycareSearchArea form>*[class*="Box"]{float:left;margin-top:.5rem;border-radius:0;width:32.5%;height:3rem;}
	.daycareSearchArea form>*[class*="Box"]+*[class*="Box"]{margin-left:1.25%}
	.daycareSearchArea .innerZone form>.selectBox-01{margin-right:1px;margin-left:0;float:left}
	.daycareSearchArea .innerZone .inp3{width:11rem;float:left;margin-top:0.5rem;height:3rem}
	.daycareSearchArea .innerZone .btnBox-01{width:61px;float:left;margin-top:0.5rem;height:3rem;}
	.checkBox-01 input[type="checkbox"]{width:1.75rem;height:1.75rem;background-color:#fff}
	.daycareSearchArea form>*[class*="Box"]+input.textBox-01{margin-left:0;width:66.25%}
	
	.calendarArea .calendar tbody td .cal-edu img{width:10px}
	
	.noticeArea{margin-top:1rem}
	.noticeArea>.innerZone>div{float:none;width:100%}
	.noticeArea>.innerZone>div+div{margin:1rem auto 0}
	
	.noticeWrap .tit .noticeMoreBtn{background-size:contain}
	.notice li h6{font-size:1rem}
	
	.popupZone-controller{margin-top:1px}
	.popupZone .lSPager li{padding-right:.25rem}
	
	.linkBox{float:none;width:100%;height:auto;padding:1rem;text-align:center;border-radius:20px;background:url('../imgs/icon/bg-box-mobile-linkBanner.png') center no-repeat;background-size:100% 100%}
	.linkBox a{display:inline-block}
	.linkBox a img{width:10rem;border-radius:30px}
	/*.linkBox a.banner01{float:left;width:49%}
	.linkBox a.banner02{float:right;width:49%;padding-top:0}*/
	
	ul.allimiNum li a img{height:auto!important}
	
	.photoGallery{display:block;float:none;margin-top:1rem;width:100%}
	
	.footerWrap .linkBanner{display:block!important}
}
@media all and (max-width:500px){
	.photoGallery .gallery01{width:100%}
	.photoGallery .gallery02{width:100%;margin-top:10px}
}
@media all and (max-width:410px){
	.linkBox a img{width:8rem;border-radius:25px}
}
@media all and (max-width:360px){
	.linkBox a img{width:auto;border-radius:0}
	.linkBox a img.forPcTablet{display:none}
	.linkBox a img.forMobile{display:inline-block}
}