html, body {
	font-family:'NotoSans', sans-serif;color:#000;
	font-size:16px; font-weight:400; line-height:1.6; letter-spacing:-0.3px;
	-webkit-font-smoothing:antialiased;background:#fff;
	}
.hidden{display:none;}
.fleft{float:left;}
.fright{float:right;}
.txtleft{text-align:left!important;}
.txtcenter{text-align:center!important;}
.txtright{text-align:right!important;}
.txtbold{font-weight:bold!important;}
.txtnormal{font-weight:normal!important;}
.prelative{position:relative;}
.pabsolute{position:absolute!important;}
.line_height{line-height:0px;}
.verttop{vertical-align:top;}
.vertbottom{vertical-align:bottom;}
ul, li{margin:0;}
li img {vertical-align:middle;}
.maright{margin-right:20px;}
.total{background-color:#f2f2f2;}
.textcolor{color:#d9453d}
.txtwhite{color:#fff!important;}
a{color:#000; text-decoration:none;}

@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');

@font-face {
    font-family: 'Yuni_ddingddang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_11@1.0/Yuni_ddingddang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Coco';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_02@1.0/Coco.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Yammy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_11@1.0/Yammy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'My_wife_writing';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_08@1.0/My_wife_writing.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ddobakddobak';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_03@1.0/Ddobakddobak.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mingyung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_08@1.0/Mingyung.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Shining_star';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Shining_star.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Beeunhye';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_01@1.0/Beeunhye.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SlowSlow';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/SlowSlow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Layout */
.container_top{position:relative; width:1374px; margin:0 auto; text-align:center; }
.container{position:relative; width:1170px; margin:0 auto; text-align:center; }
.container-fluid{position:relative; width:100%; margin:0 auto; text-align:center;}

.hide_m{display:inline-block!important;}
.show_m{display:none!important;}
.onlyhidem{display:inline-block!important;}
.onlyshowm{display:none!important;}

h1{font-family:'Black Han Sans', sans-serif; font-size:73px; line-height:70px; letter-spacing:-3px; font-weight:400; margin-bottom:35px;}
h2{font-size:32px; font-weight:400; color:#fff;}
h3{font-size:43px; font-weight:400; color:#fff; text-shadow:0px 2px 3px #00000063;}
h3 span{font-weight:700; color:#00ffcc;}
h1 span{color:#753df4;}
.part_2_h1{color:#fff8b9;}
.part_4_h1{color:#ff5d62;}

.section{padding:115px 0 100px;}
.floating_bn{position:fixed; top:15%; right:5.7rem; z-index:9;}

.top{background:url(../img/top_bg.png) 50% 0  no-repeat; position:relative; background-size:cover; overflow:hidden; padding:160px 0 160px;}
.top .left_O{position:absolute; top:125px; left:202px; animation:blink-2 2s infinite;}
.top .left_D{top:257px; left:88px; animation:blink-2 4s infinite;}
.top .right_D{top:85px; left:937px; animation:blink-2 4s infinite;}
.top .right_O{top:273px; left:1073px; animation:blink-2 2s infinite;}
.top .character_green{position:absolute; bottom:-50px; left:-110px;}
.top .character_violet{position:absolute; top:-45px; right:-60px;}
.top .ek_logo_wh{position:absolute; top:4.5%; left:2.5%;}

.top .title1{text-align:center; margin:0 auto; margin-top:10px; margin-bottom:7px; display:inline-block;}
	.top .title1 div{margin:5px 9px;}
	.top .title1 .textsize{display:inline-block; margin:5px 12px 3px;}
.top_title_sub{display:block; margin:35px 0 0;}
	.top_title_sub li{display:inline-block;}

.bounce-in-right  {animation:bounce-in-right 1.1s 2s both;}
.bounce-in-right_2{animation-delay:2.4s;}
.bounce-in-right_3{animation-delay:2.7s;}
.bounce-in-right_4{animation-delay:3s;}

.part_1{padding:100px 0 100px; position:relative;}
.top_btn{position:fixed; bottom:3%; right:3rem; z-index:9;}
.slick-active{ /*height:496px; background:#fff;*/ color:#000; opacity:0.3; }
	.slick-active.slick-center{opacity:1;  transform: scale(1.08); }
	.viewsilder_list{margin:-10px 0 0px;}
	.viewsilder_list, .silder_list li{position:relative;}
	.silder_list, .silder_list li{height:545px; }
	/*.silder_list .slick-center{background:#eb3b42; padding:20px; display:inline-block; position:absolute; bottom:59px; left:-16px; width:360px; color:#fff;}*/
	.slick-prev, .slick-next{width:91px; height:91px;}
	.slick-next{right:327px;}
	.slick-prev{left:347px; z-index:2;}
	.slick-prev:before{content:''; background: url(../img/slide_btn_prev.png) no-repeat 0px 0px; width:91px; height:91px; display:inline-block;}
	.slick-next:before{content:''; background: url(../img/slide_btn_next.png) no-repeat 0px 0px; width:91px; height:91px; display:inline-block;}
	.slick-prev:before, .slick-next:before, .slick-next:hover{opacity:1;}
	.slick-next:hover:before{background-position:0 0;}
.silder_list .paper{padding:6%; position:relative; text-align:center;}

.part_2{background:url(../img/bg_part_2.png) 50% 0  no-repeat; position:relative; background-size:cover; overflow:hidden; padding:110px 0 80px;}
.part_2 h1{color:#fff;}
.part_2 h2{margin-top:-37px;}
.part_2 .bear{margin-top:100px;}
.part_2 h3{margin-top:30px;}
.part_2 .ball_1{top:39%; left:24%; position:absolute;}
.part_2 .ball_2{top:55%; left:25%; position:absolute;}
.part_2 .ball_3{top:71%; left:23%; position:absolute;}
.part_2 .ball_4{top:46%; left:58%; position:absolute;}
.part_2 .ball_5{top:62%; left:59%; position:absolute;}

.part_2 .star_1{   top:16%;right:23%; animation:blink-2 4s infinite; position:absolute;}
.part_2 .star_2{   top:44%; left:14%; animation:blink-2 3s infinite; position:absolute;}
.part_2 .star_3{bottom:25%;right:5%; animation:blink-2 2s infinite; position:absolute;}
.part_2 .star_4{bottom:13%; left:22%; animation:blink-2 4s infinite; position:absolute;}

.part_3{background:#f8ddef; position:relative;}
.part_3 .spacecraft_1{position:absolute; top:17%; left:0; animation:blink-2 5s infinite; }
.part_3 .spacecraft_2{position:absolute; top:20%; right:7%; }
.video_area{display:block;}
.video_area li{display:inline-block; margin:0 7px; position:relative;}
.video_area li .video_btn{position:absolute; top:28%; left:40%;}
.video_area li .videoimg{width:448px; height:244px;}
.video_area li p{font-size:23px; margin-top:5px;}
.montesori{display:block; margin-top:50px;}
.montesori li{display:inline-block; margin:0 -5px;}

.part_4{background:#f6f6ff;}
.yeon1{background:#ffc000; padding:30px 0 50px; position:relative;}
.yeon1 .text_star{position:relative; top:2px; margin-right:5px;}
.yeon1 .text_area{text-align:left; margin-left:40px;}
.yeon1 .text_plan{color:#fff; font-size:38px; font-weight:600; letter-spacing:-1px;}
.yeon1 .btn{display:block; margin-top:10px;}
.yeon1 .btn li{display:inline-block; margin:0 -3px;}
.yeon1 .all_down{position:absolute; top:0; right:0;}
.yeon2{background:#ff5d62; margin-top:30px;}
.yeon3{background:#507bff; margin-top:30px;}
.yeon4{background:#a422ff; margin-top:30px;}
.yeon5{background:#a8e120; margin-top:30px;}
.part_4_text{margin:110px 0 20px;}

.footer{background:#333;}
	.footer p{font-size:19px; color:#fff; letter-spacing:-0.3px; padding:16px 0;}


.wobble-vertical:hover {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.dung{
	animation-name: rectupdown;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transition: all 0ms cubic-bezier(0.49, -0.02, 0.18, 1.27);
}

/* Wobble Vertical */
@keyframes bounce-in-right {
  0% {
    transform: translateX(600px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateX(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateX(68px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateX(32px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateX(8px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
}
@keyframes rectupdown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.disblock{display:inline-block!important;}


@media screen and (max-width: 1024px){
.hide_m{display:none!important;}
.show_m{display:inline-block!important;}

	.container{width:90%;}
	.top .character_green{left:0;}
	.top .character_violet{right:0;}
	.top_title_sub{width:100%;}
	.top li{width:29%;}

	.silder_list, .silder_list li{height:auto;}
	.slick-slide img{width:90%;}
	.slick-prev{left:256px;}
	.slick-next{right:250px;}
	.part_2{padding:120px 0 80px;}

	.part_2 .ball_1 {
    top: 34%;
    left: 5%;}
	.part_2 .ball_2 {
    top: 49%;
    left: 12%;}
	.part_2 .ball_3 {
    top: 64%;
    left: 5%;}
	.part_2 .ball_4 {
    top: 40%;
    left: 62%;}
	.part_2 .ball_5 {
    top: 57%;
    left: 62%;}

.montesori{display:block; width:100%;}
.montesori li{margin:0 0; width:34%;}

.disblock{display:block!important;}
.SA{width:37%;}
.SC{width:23%;}

.videoarea {width:150%!important;}

}

@media screen and (max-width: 768px){
	.container{width:95%;}
	.top .ek_logo_wh{left:4%;}
	.top .title1 div{margin:5px -14px;}
	.top .title1 img{width:86%;}
	.top .title_2 img{width:80%;}
	.part_4_text{width:80%;}
	.top .title1 .textsize{margin:0 10px 3px;}
	.title1 .text1{width:31%;}
	.title1 .text2{width:47%;}
	.textsize img{width:90%;}

	.top li{width:45%;}

	/*.viewsilder_list .slick-slide{width:460px!important;}
	.slick-slide img{width:50%;}*/
	.silder_list .paper{width:335px; margin:0 auto;}

	.balloon_img img{width:90%;}
	.balloon img{width:88%;}
	.part_2 .ball_1 {top:36%; left:5%;}
	.part_2 .ball_2 {top:49%; left:0%;}
	.part_2 .ball_3 {top:63%; left:0%;}
	.part_2 .ball_4 {top:42%; left:61%;}
	.part_2 .ball_5 {top:62%; left:58%;}

	.slick-prev{left:130px;}
	.slick-next{right:133px;}

h3{font-size:34px;}

	.montesori li{width:39%;}
	.SA, .SB{width:100%;}
	.SC{width:27%;}

}

@media screen and (max-width: 480px){

	.onlyhidem{display:none!important;}
	.onlyshowm{display:inline-block!important;}
	.container{width:100%;}
	.top{padding:100px 0 70px; background: url(../img/top_bg.png) 40% 0 no-repeat;}
	.top .character_violet{width:20%; top:-85px;}
	.top .character_green{width:17%; bottom:-40px;}
	.top .left_O{display:none;}
	.top .ek_logo_wh{top:2%; left:-2%;}
	.top .ek_logo_wh img{width:65%;}
	.year img{width:42%;}
	.top .title1 div{margin:-4px 3px 0px; float:inherit; }
	.top .title_m{width:29%; display:inline-block;}
		.top .title_m img{width:100%;}
	.top .title_s{width:43%; display:inline-block;}
		.top .title_s img{width:100%;}
	.top_title_sub{margin:14px 0 0;}
	.top li{width:100%;}
	.top li img{width:70%;}

h1{font-size:40px; line-height:40px;}

	.part_1{padding:80px 0 70px;}
	.part_1 .container{width:100%;}
	.silder_list .paper{width:200px;}
	.slick-prev{left:8px;}
	.slick-next{right:10px;}

	.part_2{padding:80px 0 50px;}
	.part_2 .star_1{top:4%; right:27%; width:6%;}
	.part_2 .star_2{top:16%; left:6%; width:4%;}
	.part_2 .star_3{bottom:70%; right:7%; width:5%;}
	.part_2 .star_4{bottom:12%; left:4%; width:3%;}

	/*.part_2 .ball_1 {top:36%; left:0%;}
	.part_2 .ball_2 {top:49%; left:0%;}
	.part_2 .ball_3 {top:63%; left:0%;}
	.part_2 .ball_4 {top:42%; left:10%;}
	.part_2 .ball_5 {top:62%; left:10%;}*/

h2{font-size:20px;}
	.balloon img {width:69%;}
	.part_2 .bear{margin-top:20px;}
		.part_2 .bear img{display:none;}
/*	.ball_4 img{width:80%;}*/
h3 {font-size:18px;}

.balloon_text{width:100%; margin:0 auto;}
	.balloon_text li{font-family:'Shining_star'; background:#fff8b9; color:#000; font-size:24px; padding:13px 0; font-weight:bold;  width:80%; display:inline-block; border-radius:50px; margin-bottom:12px;}
.balloon_text .b2fff0{background:#b2fff0;}
.part_2 h3{margin-top:0}
.section{padding:80px 0 70px;}

	.part_3 .spacecraft_1{top:16%; left:-36%;}
	.part_3 .spacecraft_1 img{width:30%;}
	.part_3 .spacecraft_2{top:50%; right:4%; width:14%;}

	.video_area li .video_btn{top:26%; left:35%;}
	.video_btn img{width:64%;}
	.video_area li p{font-size:18px; }
	.video_area .nolmon{margin-bottom:15px;}
	.video_area li .videoimg{width:auto; height:auto;}
	.video_area li .videoimg img{width:73%;}
	.montesori li img{width:100%;}

	.videoarea .videoooo{width:50%;}
	#video_banner_modal .videoarea_in{height:300px;}

	.yeon1 .btn li{width:40%;}
	.yeon2 .btn li{width:80%;}
	.yeon3 .btn li{width:60%;}
	.yeon4 .btn li{width:60%;}
	.yeon2 .SC img, .yeon2 .SD img{width:60%;}
	.yeon3 .BD img{width:73%;}
	.btn li img{width:100%;}
	.yeon1 .all_down{right:0px; width:35%;}
	.yeon1 .all_down img{width:100%;}

	.yeon1 .btn{margin-top: 25px;}
	.top_btn{right:0%;}
	.top_btn img{width:60%; }

	.yeon1 .text_area{margin-left:22px;}
	.yeon1 .text_star{top:3px; margin-right:2px;}
		.yeon1 .text_star img{width:7%;}
	.yeon1 .text_plan{font-size:22px;}

	.part_4_text{margin:50px 0 -20px;}
	.footer p{font-size:16px; padding:10px 0;}




}