@charset "utf-8";
/* loading */
.loading {width:100%; max-width:152rem; margin:5% auto 0; border:2px solid #2D62C5; padding:6.5rem 13rem;}
.loading h1 {text-align:right; font-size:5.2rem; font-weight:700; margin-bottom:3.8rem;}
.loading p.h2 {font-size:4rem; font-weight:600; margin-bottom:5rem;}
.loading .loadign_bar{margin-bottom:7.2rem; display:flex;justify-content:center;align-items:center;height:6rem;background-color:#f0f0f0;font-family:Arial,sans-serif}
.loading .progress-container{width:100%;height:6rem;background-color:#F4F9FF;overflow:hidden;position:relative}
.loading .progress-bar{height:6rem;width:100%;background-color:#2D62C5;position:absolute;top:0;left:0;transition:width 1s ease}
.loading .time-display{position:absolute;width:100%;text-align:center; top:1.5rem; }
.loading .time-display > span {display:block; font-size:2rem; font-family: 's-core-dream','Pretendard',sans-serif;}
.loading p.h3 {font-size:2.6rem; font-weight:500; margin-bottom:3rem;}
.loading .color_box_blue_square {padding:6.5rem 10rem; font-size:2rem;}
.loading .color_box_blue_square p + p {margin-top:5rem;}
.loading u {text-underline-offset:0.5rem;}

/* intro */
section.intro {-webkit-transform: translateZ(0); overflow:hidden; position:relative; width:100%; height: calc(var(--vh, 1vh) * 100); background:url(../images/bg_intro.jpg) no-repeat center top; background-size:cover;}
section.intro h1 {font-size:5.2rem;  color:white; font-weight:700; line-height:1.5; padding-top:5rem; padding-left:10rem;}
section.intro h1 em {display:block; font-size:3.2rem; font-weight:300; letter-spacing:0.02rem;}
section.intro p.h2 {position:absolute; top:6rem; right:10rem;background:url(../images/text_intro.svg) no-repeat right top; background-size:contain; width:30rem; height:12rem;}
section.intro ul {position:fixed; width:100%; bottom:6rem; left:0; text-align:center; }
section.intro ul li {display:inline-block; vertical-align:top; margin:3rem; width:53rem; height:16rem; border-radius:3rem; box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);}
section.intro ul li a {font-size:5rem; font-weight:600; position:relative;display:block; padding:4rem 6rem; height:100%; color:white; text-align:left; border-radius:3rem;}
section.intro ul li a::after {content:''; display:block; position:absolute; width:4.5rem; height:4.5rem; right:5rem; top:calc(50% - 2rem); background:url(../images/icon/icon_in.svg) no-repeat center 0; background-size:contain;} 
section.intro ul li:last-child a::after {width:7.5rem; background:url(../images/icon/icon_zoom.svg) no-repeat center 0;background-size:contain;} 
section.intro ul li a em {font-size:2.6rem; font-weight:300; padding-left:1rem;}
section.intro ul li:first-child a {background-color:#265413cf; }
section.intro ul li:last-child a {background-color:#153374d6;}

section.intro_search {margin-top:2.8rem;}
section.intro_search h2 {font-size:3rem;font-weight:200; text-align:center; margin-bottom:3.5rem;}
section.intro_search h2 b{font-size:5rem; font-weight:700;}
section.intro_search ul {width:100%;overflow:hidden;margin-bottom:4.8rem; }
section.intro_search ul li {float:left; width: calc(50% - 2rem);  }
section.intro_search ul li:first-child {margin-right:4rem;}
section.intro_search ul li:first-child a {background-color:#268500;}
section.intro_search ul li:last-child a {background-color:#2D62C5;}
section.intro_search ul li a {position:relative;display:block; border-radius:1rem; box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.26); padding:3.5rem 4rem 2.5rem 6.5rem; height:100%; color:white; text-align:left;}
section.intro_search ul li a b {font-weight:500;}
section.intro_search ul li a span {display:block; font-size:4rem; font-weight:300; line-height:1.2; margin-bottom:0.2rem;}
/*section.intro_search ul li a span::after {content:''; display:block; position:absolute; width:4rem; height:4rem; right:-5rem; top:2.8rem; background:url(../images/icon/icon_kinder2.png) no-repeat center center; background-size:contain;}
section.intro_search ul li:last-child a span::after {right:-6rem; width:4.5rem; background:url(../images/icon/icon_preschool2.png) no-repeat center center; background-size:contain;}*/
section.intro_search ul li a em {position:relative;display:block; text-align:right; font-size:2.8rem;font-weight:300; padding-right:9rem;}
section.intro_search ul li a em::after {content:''; display:block; position:absolute; box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.26); width:6rem; height:6rem; right:0; top:-0.9rem; background:url(../images/icon/icon_arrow.png) no-repeat center center; background-size:auto;background-color:#ffffff25; border-radius:100%;} 
section.intro_search + .search_preschool { padding:4rem 4rem 8rem;}
section.intro_search + .search_preschool input[type="text"] {width:100%; font-family:inherit; font-weight:300;}
section.intro_search + .search_preschool .btn_search {right:5%;}
.search_preschool select + select + select + input[type="text"] {width:50%;}
.search_preschool select + select + input[type="text"] {max-width: 67%;}


/* silide banner */
.slide_show{padding:0;background-color:transparent; position:relative;}
.slide_show .swiper-wrap{width:100%;}
.slide_show .swiper-wrap .swiper-wrapper {margin:0 auto; }
.main_visual {position:relative;}
.main_visual .slide_show .swiper-wrap .swiper-slide{width:100%; height:66rem; transition:ease-in-out;background-image:url(../images/bg_main_visual01.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center;background-attachment: fixed;}
.main_visual .slide_show .swiper-wrap .swiper-slide p {max-width:152rem; margin:11.5rem auto 0; color:white; font-size:8rem; font-weight:600; line-height:1.2; padding:0 6rem;}
.main_visual .slide_show .swiper-wrap .swiper-slide p em {display:block; padding-top:0.7rem;font-size:3rem; line-height:1.6; font-weight:400;}
.main_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-01 {background-image:url(../images/bg_main_visual01.jpg);}
.main_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-02 {background-image:url(../images/bg_main_visual02.jpg);}
.main_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-03 {background-image:url(../images/bg_main_visual03.jpg);}
.main_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-04 {background-image:url(../images/bg_main_visual04.jpg);}
.main_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-05 {background-image:url(../images/bg_main_visual05.jpg);}
.main_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-06 {background-image:url(../images/bg_main_visual06.jpg);}
.main_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-07 {background-image:url(../images/bg_main_visual07.jpg);}

.slide_show .swiper-ctrl{float:right; margin-left:1.5rem;}
.slide_show .swiper-ctrl .btn_ctrl{z-index:2;}
.slide_show .swiper-ctrl .btn_prev {width:3rem; height:3rem; background:url('../images/icon/icon_swipe_pre.png') no-repeat 0 0; background-size:cover;}
.slide_show .swiper-ctrl .btn_next {width:3rem; height:3rem; background:url('../images/icon/icon_swipe_next.png') no-repeat 0 0;background-size:cover;}

.main_visual .slide_show .swiper-ctrl .btn_prev,
.banner_visual2 .slide_show .swiper-ctrl .btn_prev {width:3rem; height:3rem; background:url('../images/icon/icon_swipe_left.svg') no-repeat 0 0; background-size:cover;}
.main_visual .slide_show .swiper-ctrl .btn_next,
.banner_visual2 .slide_show .swiper-ctrl .btn_next{width:3.1rem; height:3rem; background:url('../images/icon/icon_swipe_right.svg') no-repeat 0 0;background-size:cover;}

.slide_show .main_visual_btn {position:absolute;left:50%; top:38rem; transform:translateX(-50%); width:100%; max-width:152rem;z-index:2; }
.slide_show .visual_pagination-wrap {z-index:2;position:absolute;left:6rem;top:0;width:auto;background:#ffffff70; border-radius:5rem; overflow:hidden; padding:1rem 2rem; height:5rem;}
.slide_show .visual_pagination-wrap .visual_pagination{float:right; width:auto;text-align:center;color:black; font-size:1.2rem; vertical-align:middle; margin-top:0.5rem;}
.slide_show .visual_pagination-wrap .visual_pagination .swiper-pagination-current{font-weight:500; font-size:1.6rem;}
.slide_show .visual_pagination-wrap .btn_autoplay{vertical-align:middle;margin-left:0.5rem;width:2.2rem;height:2.2rem;background-repeat:no-repeat;background-position:center top;background-image:url();}
.slide_show .visual_pagination-wrap .btn_autoplay[aria-pressed="true"]{background-image:url();}
.slide_show svg .stroke-solid{stroke-dasharray:300;stroke-width:3px;stroke:black;animation:dash-animation 5.3s linear infinite;transition:stroke-width 5.3s ease;}
.slide_show svg .icon{transform:scale(0.9);fill:black;transform-origin:50% 50%;transition:transform 200ms ease-out;}
.reset_animation {animation:dash-animation-reset 5.3s linear infinite !important;transition:stroke-width 5.3s ease !important;}
.slide_show #play.on svg .stroke-solid {animation-play-state: running !important;}
.slide_show #play svg .stroke-solid {animation-play-state: paused !important;}
.play_bg {float:left;vertical-align:middle;margin-top:0.2rem;}
.play_bg span {display:inline-block; margin-right:1.5rem;width:2.5rem; height:2.5rem; border:2px solid #696d70; border-radius:100%; position:relative;}
.play_bg span::after {content:'' ; display:block; position:absolute; top:0.8rem; left:0.8rem; width:0.5rem; height:0.5rem; border-radius:100%; background:black;}

.slide_show #play{cursor:pointer; position:absolute;top:1.2rem; left:2rem; z-index:999; width:2.5rem; height:2.5rem; border-radius:100%;}
.slide_show #play.slide02 {left:6.5rem;}
.slide_show #play.slide03 {left:10.9rem;}
.slide_show #play.slide04 {left:15.4rem;}
.slide_show #play.slide05 {left:19.8rem;}
.slide_show #play.slide06 {left:24.3rem;}
.slide_show #play.slide07 {left:28.7rem;}

/* slide bar */
.swiper-pagination-progressbar {width:90%; height:0.4rem; background:#ddd;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#2D62C5 !important;}
@keyframes dash-animation {
    0%{stroke-dashoffset:0}
    100%{stroke-dashoffset:300}
}
@keyframes dash-animation-reset {
    0%{stroke-dashoffset:0}
    100%{stroke-dashoffset:300}
}

/* Banner */
.banner_visual {overflow:hidden; position:relative;padding:9.5rem 0 0; }
.banner_visual .slide_show .swiper-container {margin:0 10rem;}
.banner_visual .slide_show .visual_pagination-wrap{z-index:2;position:absolute;left:calc(50% - 1rem);top:unset; bottom:10%;left:15%; width:78%; padding:0; height:auto; overflow:unset;border-radius:0;} 
.banner_visual .slide_show .swiper-wrap .swiper-slide a {display:block; background:#186BD2; border-radius:2rem 2rem 5rem 2rem; color:white; padding:10rem 2rem 3rem 4rem; /*height:16rem;*/ position:relative;}
.banner_visual .slide_show .swiper-wrap .swiper-slide a > div {font-size:2.6rem; font-weight:500; margin-bottom:1rem;}
.banner_visual .slide_show .swiper-wrap .swiper-slide a > p {font-size:1.8rem; font-weight:300; line-height:1.4;}
.banner_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-01 a {background:#186BD2;}
.banner_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-02 a {background:#028073;}
.banner_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-03 a {background:#5339B9;}
.banner_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-04 a {background:#C84601;}
.banner_visual .slide_show .swiper-wrap .swiper-slide a::after {content: ''; display:block; position:absolute; top:2rem; right:2rem; width:6rem;height:6rem; background-size:contain;}
.banner_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-01 a::after {background:url(../images/icon/icon_banner01.svg) no-repeat center center;}
.banner_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-02 a::after {background:url(../images/icon/icon_banner02.png) no-repeat center center;}
.banner_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-03 a::after {background:url(../images/icon/icon_banner03.png) no-repeat center center;}
.banner_visual .slide_show .swiper-wrap .swiper-slide.swiper-slide-04 a::after {background:url(../images/icon/icon_banner04.png) no-repeat center center;}

.banner_visual .slide_show .swiper-ctrl{top: calc(50% - 3rem);width:100%; position:absolute;}
.banner_visual .slide_show .swiper-ctrl .btn_ctrl{position:absolute; }
.banner_visual .slide_show .swiper-ctrl .btn_prev{left:-1rem; background: url('../images/icon/icon_banner_arrow_left.svg') no-repeat 0 0; background-size:contain;width:6rem; height:6rem;}
.banner_visual .slide_show .swiper-ctrl .btn_next{right:2rem; background: url('../images/icon/icon_banner_arrow_right.svg') no-repeat 0 0; background-size:contain;width:6rem; height:6rem;}
.banner_visual > p.title {text-align:center; font-size:4rem; margin-bottom:1rem;}
.banner_visual > p.title b {font-weight:600;}

.popup_wrap .slide_show .visual_pagination-wrap{z-index:2;position:absolute;left:calc(50% - 1rem);top:unset; bottom:10%;left:15%; width:78%; padding:0; height:auto; overflow:unset;border-radius:0;}
.popup_wrap .slide_show .swiper-ctrl{top:50%;width:100%; position:absolute;}
.popup_wrap .slide_show .swiper-ctrl .btn_ctrl{position:absolute; z-index:9999;}
.popup_wrap .slide_show .swiper-ctrl .btn_prev{left:4.7rem; width:7rem; height:7rem;}
.popup_wrap .slide_show .swiper-ctrl .btn_next{right:4.7rem; width:7rem; height:7rem;}

.main_wrap {max-width:152rem; margin:0 auto; position:relative;}
.main_wrap .search_preschool {margin-top:-11rem; padding:5.7rem 6rem 9.5rem;}
.main_wrap .search_preschool .btn_search {top:8.2rem; right:7%;}
.main_wrap .search_preschool .btn_preschool {bottom:-5rem;}
.main_wrap .search_preschool .btn_preschool .btn {position:relative; width:42rem; max-width:unset; height:10rem; border-radius:10rem; font-size:3rem; padding:3.4rem 0;}
.main_wrap .search_preschool .btn_preschool .btn::before {content: ''; display:block; position:absolute;top:1rem; left:1rem;  width:8rem; height:8rem; background:white; border-radius:100%;background:white url(../images/icon/icon_btn_home.png) no-repeat center center; background-size:4.4rem 3.6rem;}
.main_wrap .search_preschool .btn_preschool .btn::after {content: ''; display:block; position:absolute;top:3rem; right:3rem;  width:4rem; height:4rem; background:url(../images/icon/icon_arrow_b.svg) no-repeat center center; background-size:contain;}

.main_bg1 {position:relative; width:100%; background:url('../images/main_bg01.gif') no-repeat center bottom; padding:0 0 16rem;}
.main_bg2 {position:relative; width:100%; background:#F3F3F3 url('../images/main_bg02.gif') no-repeat center bottom; padding:0 0 16rem;}
.main_bg3 {position:relative; width:100%; background:#F3F3F3; padding-bottom:18rem;}
.main_visual2 {overflow:hidden; background:#F3F3F3 url('../images/bg_main_banner.png') no-repeat center 15rem; /*background-size:contain;*/ padding:15rem 0 11rem; }
.main_wrap > .left {float:left; width:45%; }
.main_wrap > .left h5 {font-size:7rem; font-weight:600; line-height:1.2;margin-bottom:3rem;color:white;padding-top:12rem;}
.main_wrap > .left p {font-size:2.6rem; font-weight:400; line-height:1.4;color:white;}
.main_wrap > .right {float:right; width:50%;}
.main_visual2 .main_wrap > .right {width:49%; display: flex; display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;justify-content: space-between; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between;}
.main_visual2 .main_wrap > .right > li {width: calc(50% - 1.5rem); margin-bottom:5rem; }
.main_visual2 .main_wrap > .right > li a{display:block; height:100%; position:relative; padding:6rem 0 6rem 4rem;background:white;border-radius:5rem; border:1px solid #eee; height:46.5rem; transition:.2s }
.main_visual2 .main_wrap > .right > li a h5 {font-size:4rem; font-weight:500; border-bottom:2px solid #2D62C5; padding-bottom:3rem; margin-bottom:3rem;}
.main_visual2 .main_wrap > .right > li a p {font-size:2rem; font-weight:500; padding-right:3rem;}
.main_visual2 .main_wrap > .right > li a::after {content: ''; display:block; width:3.2rem; height:2.2rem; position:absolute; right:4rem; bottom:5rem; background:url(../images/icon/icon_arrow_b.png) no-repeat 0 0; background-size:contain;}
.main_visual2 .main_wrap > .right > li a:hover {color:white; background:#2D62C5; }
.main_visual2 .main_wrap > .right > li a:hover h5 {border-bottom:2px solid white;}
.main_visual2 .main_wrap > .right > li a:hover::after {background:url(../images/icon/icon_arrow_w.png) no-repeat 0 0;}

.main_wrap h4.title {font-size:6rem; font-weight:500; text-align:center; padding:14.3rem 0 0; margin-bottom:0;}
.main_wrap p.title {font-size:2.6rem; font-weight:300; text-align:center; margin-bottom:7rem;}

.main_banner {display: flex; display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;justify-content: space-between; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between;}
.main_banner li {width: calc(25% - 1.5rem); margin-bottom:8rem;height:42rem; }
.main_banner li a {display:block; color:inherit; font-size:1.8rem; line-height:1.4; position:relative; height:100%; padding:4.5rem 4rem;border:1px solid #DEF4FF; border-radius:3rem; background: linear-gradient(to bottom right, #ffffff 0%, #f5fdff 100%);}
.main_banner li a span {font-size:3rem; font-weight:500; display:block; margin-bottom:1.5rem;}
.main_banner li.point a{background:#2D62C5; color:white; text-align:center; padding-top:23rem; font-size:3.4rem;font-weight:500;}
.main_banner li a::after {content: ''; display:block; position:absolute; bottom:4rem; right:4rem; width:11.1rem; height:10rem;transform:scale(1);transition:.2s;}
.main_banner li:first-child a::after {background:url(../images/icon/icon_main_banner01.png) no-repeat center center; top:10rem; bottom:unset; right:0; width:100%;background-size:contain; }
.main_banner li:nth-child(2) a::after {background:url(../images/icon/icon_main_banner02.png) no-repeat right bottom; background-size:contain; }
.main_banner li:nth-child(3) a::after {background:url(../images/icon/icon_main_banner03.png) no-repeat right bottom; background-size:contain; }
.main_banner li:nth-child(4) a::after {background:url(../images/icon/icon_main_banner04.png) no-repeat center center; top:11rem; bottom:unset; right:0; width:100%;background-size:contain; }
.main_banner li:nth-child(5) a::after {background:url(../images/icon/icon_main_banner05.png) no-repeat right bottom; background-size:contain; }
.main_banner li:nth-child(6) a::after {background:url(../images/icon/icon_main_banner06.png) no-repeat center center; top:11rem; bottom:unset; right:0; width:100%;background-size:contain; }
.main_banner li:nth-child(7) a::after {background:url(../images/icon/icon_main_banner07.png) no-repeat right bottom; background-size:contain; }
.main_banner li:nth-child(8) a::after {background:url(../images/icon/icon_main_banner08.png) no-repeat right bottom; background-size:contain; }
.main_banner li a:hover::after {transform:scale(1.2);transition:.2s}

/* 공지사항 tab */
.banner_visual2 {overflow:hidden;}
.main_wrap.banner_visual2 > .left {max-width:62rem;}
.banner_visual2 .tab_wrap_inner {gap:0;}
.banner_visual2 .tab_wrap_inner > li > a {border:0; padding:0 2.2rem; font-size:2rem; background:none;line-height:2.7rem; position:relative;}
.banner_visual2 .tab_wrap_inner > li > a:hover, .banner_visual2 .tab_wrap_inner > li > a:focus, .banner_visual2 .tab_wrap_inner > li > a.on , .banner_visual2 .tab_wrap_inner > li.on > a{border:0; font-size:2.6rem; background:none; color:black; font-weight:600; border-radius:0;}
.banner_visual2 .tab_wrap_inner > li > a:after {content: ''; display:block; width:0.1rem; height:1.5rem; position:absolute; top:0.6rem; right:0; background:black;}
.banner_visual2 .tab_wrap_inner > li:first-child > a {padding-left:0;}
.banner_visual2 .tab_wrap_inner > li:last-child > a:after {display:none;}
.btn_more_dot {display:none; width:5.1rem; height:5.1rem; background:url(../images/icon/icon_more.svg) no-repeat 0 0; background-size:contain; position:absolute; top:-1rem; right:0;}
.banner_visual2 .tab_con_inner {top:8rem;}
.banner_visual2 .tab_wrap_inner > li ul.notice_banner  {border-top:1px solid black; width:100%;}
.banner_visual2 .tab_wrap_inner > li ul.notice_banner > li {border-bottom:1px solid #bbb; }
.banner_visual2 .tab_wrap_inner > li ul.notice_banner > li > a {display:block; padding:1.5rem 2rem;overflow:hidden;}
.banner_visual2 .tab_wrap_inner > li ul.notice_banner > li > a span.title {float:left; font-size:2rem; width:80%; text-align:left;}
.banner_visual2 .tab_wrap_inner > li ul.notice_banner > li > a span.title .con {display:block; margin-top:0.5rem;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;width:100%;}
.banner_visual2 .tab_wrap_inner > li ul.notice_banner > li > a span.date {float:right; color:#666; width:auto; padding-top:2.5rem;}  

/* 하단 스와이프 배너 */
.banner_visual2 .left {position:relative;}
.slide_show.main-banenr2 .visual_pagination-wrap {left:unset;transform:unset; right:3rem; top:unset; bottom:3rem;background:#3E6DC5; }
.slide_show.main-banenr2 .visual_pagination-wrap .visual_pagination {color:white;}
.slide_show.main-banenr2 {border-radius:3rem 3rem 5rem; overflow:hidden;}
.slide_show.main-banenr2 .swiper-slide a img{width:100%;}
.main-banenr2 .play_bg span {border:2px solid #6289D0;}
.main-banenr2 .play_bg span::after {background:white;}
.slide_show.main-banenr2 svg .icon {fill:white;}
.slide_show.main-banenr2 svg .stroke-solid {stroke:white;}



@media screen and (max-width: 1520px) {
    /* intro */
    section.intro h1 {padding:5rem 4rem;}
    section.intro p.h2 {right:4rem;}
    .main_wrap {padding:0 4rem;}
    .main_bg1 .main_wrap {padding:0;}
    .main_wrap .search_preschool {margin:-11rem 4rem 0; width:calc(100% - 8rem);}
    .banner_visual {padding:9.5rem 4rem 0;}
    .main_banner {padding:0 4rem;}
}

@media screen and (max-width: 1520px) {
    .banner_visual2 .tab_wrap_inner > li ul.notice_banner > li > a {padding:0.5rem 2rem;}
}


@media screen and (max-width: 1310px) {
    .banner_visual2 .tab_wrap_inner > li ul.notice_banner > li > a {padding:1rem 2rem;}
    .banner_visual2 .tab_wrap_inner > li ul.notice_banner > li > a span.title {font-size:1.6rem;}
}


@media screen and (max-width: 1280px) {
    .search_preschool select + select + select + input[type="text"] {width:100%;margin-top:0;}
    .search_preschool select + select + input[type="text"] {max-width:100%;margin-top:0;}
    .main_wrap .search_preschool .btn_search {top:31.5rem; right:9rem;}
    .main_wrap > .left, .main_wrap > .right {float:unset; width:100%;}
    .slide_show.main-banenr2 {margin-top:2em;}
    .main_wrap.banner_visual2 > .left {max-width:100%; margin-bottom:15rem;}
    .main_visual2 {background:#F3F3F3;padding-top:0;}
    .main_visual2 .main_wrap {padding:0;}
    .main_visual2 .main_wrap > .right {width:100%; padding:8rem 4rem 0; }
    .main_visual2 .main_wrap > .right > li {margin-bottom:3rem;}
    .main_visual2 .main_wrap > .right > li a {padding:4rem 0 4rem 4rem; height:25rem;}
    .main_visual2 .main_wrap > .right > li a h5 {font-size:3rem; padding-bottom:2rem; margin-bottom:2rem;}
    .main_visual2 .main_wrap > .right > li a p {font-size:1.8rem;}
    .main_visual2 .main_wrap > .left {background:#F3F3F3 url('../images/bg_main_banner_m.jpg') no-repeat center center; background-size:cover;}
    .main_wrap > .left h5 {padding-top:8rem; text-align:center; font-size:4rem;}
    .main_wrap > .left p {width:70%; margin:0 auto; text-align:center;padding-bottom:8rem;}
    .main_banner li {width:calc(50% - 1.5rem); margin-bottom:3rem;}
    .main_bg,.main_bg1,.main_bg3 {padding:0 0 7rem;}
    .main_wrap h4.title {padding-top:7rem;}

}

@media screen and (max-width: 1100px) {
    /* loading */
    .loading {width:100%; max-width:152rem; margin:7% auto 0; border:2px solid #2D62C5; padding:3rem;}
    .loading h1 {font-size:4rem; font-weight:700; margin-bottom:3.8rem;}
    .loading p.h2 {font-size:3rem; font-weight:600; margin-bottom:5rem;}
    .loading p.h3 {font-size:2rem; font-weight:500; margin-bottom:3rem;}
    .loading .time-display > span {font-size:2rem;}
    .loading .color_box_blue_square {padding:3rem; font-size:2rem;}


    /* intro */
    section.intro ul li {margin:1rem; width: calc(50% - 6rem);}
    section.intro ul li a {padding-right:12rem; padding: 4rem 6rem;}
    section.intro ul li a em {display:block; padding-left:0; }

    /* 어린이집 찾기 */
    section.intro_search ul li a {padding:3rem 4rem 3rem 5.5rem;}
    section.intro_search ul li a span {font-size:3.8rem;}
    section.intro ul li a span {display:block;}
    section.intro ul li a {padding:3.5rem 6rem; font-size:4rem;line-height:1.2;}
}


@media screen and (max-width: 740px) {
    section.intro ul {bottom:15rem; }
    .slide_show .main_visual_btn {top:57%; left:}
    .slide_show .visual_pagination-wrap {top:3.6rem; left:4rem;}
    .main_visual .slide_show .swiper-wrap .swiper-slide {height:40rem;}
    .main_visual .slide_show .swiper-wrap .swiper-slide p {margin:12rem auto 0; padding:0 4rem; font-size:3rem;}
    .main_visual .slide_show .swiper-wrap .swiper-slide p em{ font-size:2rem;}
    .main_wrap .search_preschool {margin:-5rem 2rem 0;width: calc(100% - 4rem);}


    /* 어린이집 찾기 */
    section.intro_search ul li a {padding:3rem 2rem 3rem;}
    section.intro_search ul li a span {padding-right:9rem;}
    section.intro_search ul li a span b {display:block;}
    section.intro_search ul li a em {font-size:2.4rem; padding-right: 9rem;}
    section.intro_search ul li a::after {top:5rem; right:3rem; width:5rem; height:5rem; background-size:3rem;}
    .main_wrap .search_preschool .btn_search {right:9rem;}
    .main_visual2 .main_wrap > .right > li a h5 {font-size:3.4rem;}
    .main_visual2 .main_wrap > .right > li a { padding:2rem 0 2rem 2rem; border-radius:3rem;}
    .main_visual2 .main_wrap > .right > li a::after {bottom:3rem; right:2rem;}
    .main_visual2 .main_wrap > .right > li a h5 {font-size:2.4rem; padding-bottom:1.5rem; margin-bottom:2rem;}
    .main_visual2 .main_wrap > .right > li a p {padding-right:4rem;}
    .main_banner li a::after {width:6rem; height:5rem; right:3rem; bottom:3rem;}
    .main_banner li {height:24rem;}
    .main_banner li:first-child a::after {top:6rem;}
    .main_banner li:nth-child(4) a::after {top:8rem;}
    .main_banner li:nth-child(4) a,
    .main_banner li:nth-child(6) a {padding-top:18rem;}
    .main_banner li:nth-child(6) a::after {top:8rem;}
    .main_banner li a {padding:3rem 2rem;}
    .main_banner li a span {font-size:2rem;}
    .main_banner li.point a {font-size:2rem; padding-top:14rem;}
    .main_bg, .main_bg1 {padding:0 0 4rem;}
    .main_bg1.pb80 {padding-bottom:4rem !important;}
    
}

@media screen and (max-width: 680px) {
    /* loading */
    .loading {width:100%; max-width:152rem; margin:7% auto 0; border:2px solid #2D62C5; padding:3rem;}
    .loading h1 {font-size:3rem; font-weight:700; margin-bottom:3rem;}
    .loading p.h2 {font-size:1.8rem; font-weight:600; margin-bottom:3rem;}
    .loading .time-display > span {font-size:2rem;}
    .loading p.h3 {font-size:1.7rem; font-weight:500; margin-bottom:2rem;}
    .loading .color_box_blue_square {padding:6.5rem 10rem; font-size:1.6rem;}

    section.intro_search ul li a span {font-size:2.4rem; margin-bottom:1rem;}
	section.intro_search ul li a em::after {width:3rem; height:3rem;background-size:2rem;top:-0.5rem;}
    input[type=text], input[type=password], select {font-size:1.8rem !important; padding-left:2rem !important;}
    .main_wrap .search_preschool {padding:4rem 3rem 7rem;}
    .main_wrap .search_preschool .btn_search {top:29.5rem; right:6rem;}
    .main_wrap .search_preschool .btn_preschool {bottom:-4rem;}
    .main_wrap .search_preschool .btn_preschool .btn {width:32rem; height:7rem; max-width:unset; font-size:2.4rem;padding:2.4rem 0;}
    .main_wrap .search_preschool .btn_preschool .btn::before {width:5rem; height:5rem; background-size: 3.4rem 3rem;}
    .main_wrap .search_preschool .btn_preschool .btn::after {top:1.5rem; right:2rem;}
    /* intro */
    section.intro {background:url(../images/bg_intro_m.jpg) no-repeat center top; background-size:cover;}
    section.intro h1 {font-size:4.5rem;}
    section.intro h1 em {font-size:2.7rem;letter-spacing: 0.1rem;}
    section.intro p.h2 {top:5rem; width:20rem;}
    section.intro ul li a{font-size: 4rem; padding:3.5rem 3rem;}
    section.intro ul li a::after {top:unset; bottom:5rem;}
    section.intro_search ul {margin-bottom:3rem;}
	section.intro_search h2 {font-size: 2rem;margin-bottom: 2rem;}
	section.intro_search h2 b {font-size:2.8rem;}
	section.intro_search ul li a em {font-size:1.6rem;padding-right: 5rem;}
    .slide_show.main-banenr2 .visual_pagination-wrap {right:7rem;}
    .banner_visual {padding:9.5rem 0 0;}
    .banner_visual .slide_show .swiper-ctrl .btn_prev {left:1rem;}
    .banner_visual .slide_show .swiper-ctrl .btn_next {right:4rem;}
    .banner_visual .slide_show .swiper-container {margin:0 0 0 5rem;}
    .slide_show.main-banenr2 {margin-top:6rem;}

}


@media screen and (max-width: 580px) {
    section.intro h1 {font-size:3rem;}
    section.intro h1 em {font-size:1.8rem;letter-spacing: 0.06rem;}
    section.intro p.h2 {width:16rem;}
    section.intro ul li {height:13rem;}
    section.intro ul li a {font-size:3rem; padding:3rem 3rem;}
    section.intro ul li a em {font-size:1.8rem;}
    section.intro ul li a::after {width:3rem; bottom:1.5rem; right:3rem;}
    section.intro ul li:last-child a::after {width:4.4rem; bottom:1rem; right:2rem;}
    .main_wrap h4.title {font-size:3.4rem;}
    .main_wrap > .left h5 {font-size:3rem;}
    .main_wrap > .left p {font-size:1.8rem; padding-bottom:4rem;}
    .main_wrap > .left h5 {padding-top:4rem;}
    .main_wrap p.title {font-size:1.8rem; margin-bottom:3rem;}
    .main_wrap .banner_visual p.title {font-size:2.4rem;}
    .main_banner {padding:0 2rem;}
    .main_wrap {padding:0 2rem;}
    .banner_visual2 .tab_wrap_inner > li ul.notice_banner > li > a span.title {width:70%;}
    .main_banner li a::after {width:4rem; height:4rem; right:2rem; bottom:2rem;}
    .main_visual2 .main_wrap > .right {padding:4rem 2rem 0;}
    .main_visual2 .main_wrap > .right > li,
    .main_banner li  {width:calc(50% - 1rem); margin-bottom:2rem;}
    .btn_more_dot {top:-0.5rem; width:3rem; height:3rem;}
    .slide_show.main-banenr2 .visual_pagination-wrap {right:4rem;}
    .main_visual2 .main_wrap > .right > li a p {font-size:1.4rem; font-weight:500;}
    .main_banner li a { font-size:1.4rem;}
    .f_link {padding:0;}
    }

@media screen and (max-width: 430px) {
    section.intro ul li {height:17rem;}
    section.intro ul li a {font-size:3rem; padding:3rem 2rem;}
    .slide_show.main-banenr2 .visual_pagination-wrap {right:2rem; bottom:2rem;}
    .tab_wrap_inner > li {min-width:unset;}
    .banner_visual2 .tab_wrap_inner > li > a {padding:0 1rem;}



}