@charset "UTF-8";

@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
.offcanvas {z-index: 1051;}

html,
body { height: 100%; }

.main-mo-warp{display: none;}

.swiper-container{ position: relative; height: 100%; }
.swiper { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; background-size: cover; }
/* .swiper-slide .carousel-item.visualbg.slide01{background:url(../images/visual_slide01_bg.jpg);} */
/* .swiper-slide .carousel-item.visualbg.slide02{background:url(../images/visual_slide02_bg.jpg);} */
/* .swiper-slide .carousel-item.visualbg.slide03{background:url(../images/visual_slide03_bg.jpg);} */

.swiper-slide .carousel-item.visualbg .carousel-cont{height: 100vh; padding: 0 15%; display: flex; justify-content: center; align-items: center; }
.swiper-slide .carousel-item.visualbg .carousel-cont img{ max-width: 1200px;}

.swiper-slide{ position: relative;}
.swiper-slide .pagination-title-area{position: absolute; top: 100px; left: 0;}
.swiper-slide .pagination-title{border-bottom: 1px solid #fff; padding-left: 50px; color: #fff; font-size: 24px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); box-shadow:  0 2px 0px rgba(0, 0, 0, 0.05);}
.swiper-slide .pagination-title.ct01{color: #bfbfbf; border-color: #bfbfbf; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow:  0 1px 0px rgba(0, 0, 0, 0.05);}
.swiper-slide .pagination-title.ct02{color: #8c8c8c; border-color: #8c8c8c; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow:  0 1px 0px rgba(0, 0, 0, 0.05);}

.swiper-slide .slide-cont .img-area{padding: 5% 10% 0 10%;}
.swiper-slide .slide-cont .img-area img{width: 100%;}

.swiper-slide.slidebg{ width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; }
.swiper-slide.slidebg.section01{background: url(/images/main_section01_bg.jpg) no-repeat 0% 50%; background-size: cover;}
.swiper-slide.slidebg.section02{background: url(/images/main_section02_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.swiper-slide.slidebg.section03{background: url(/images/main_section03_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.swiper-slide.slidebg.section04{background: url(/images/main_section04_new_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.swiper-slide.slidebg.section05{background: url(/images/main_section05_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.swiper-slide.slidebg.section06{background: url(/images/main_section06_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.swiper-slide.slidebg.section07{background: url(/images/main_section07_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.swiper-slide.slidebg.section08{background: url(/images/main_section08_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.swiper-slide.slidebg.section09{background: url(/images/main_section09_bg.jpg) no-repeat 50% 50%; background-size: cover;}

.swiper-slide.slidebg.section01 .slide-cont .img-area{padding: 0 30%;}
.swiper-slide.slidebg.section02 .slide-cont .img-area{padding: 50px 15% 0 5%;}
.swiper-slide.slidebg.section03 .slide-cont .img-area img{ max-width: 1000px;}

.section04 .slide-cont{padding: 0 30px;}
.edu-philosophy-box{width:100%; padding: 100px 80px 80px 80px;  background: #fff; box-shadow: 1px 10px 30px 1px rgba(0, 0, 0, 0.3)}
.edu-philosophy-box dl{ clear: both; overflow: hidden; width: 100%; font-family: 'ONE-Mobile-Bold'; }
.edu-philosophy-box dt{float: left; font-size: 45px; height: 100px; line-height: 120%; text-align: left; padding-left: 15px; border-left: 10px solid #ED1C2A;}
.edu-philosophy-box dt span{display: block; color: #ED1C2A;}
.edu-philosophy-box dt .title-box{padding-right: 80px;}
.edu-philosophy-box dd{float: left; text-align: left; line-height: 160%; font-family: 'ONE-Mobile-Regular'; }
.edu-philosophy-box dd strong{font-family: 'ONE-Mobile-Bold'; }

.swiper-slide.slidebg.section05 .slide-cont .img-area{margin-top: 50px;}
.swiper-slide.slidebg.section06 .slide-cont .img-area{margin-top: 30px; padding: 0 0 0 0;}
.swiper-slide.slidebg.section06 .slide-cont .img-area img{max-width: 1090px;}


.swiper-slide.slidebg.section10{ display: block; position: relative; background: #f8f8f8;}
.swiper-slide.slidebg.section10 .slide-cont{max-width: 1280px; margin: 0 auto; padding: 120px 30px 0 30px;}
.swiper-slide.slidebg.section10 .footer{position: absolute; bottom: 0; width: 100%;}

.swiper-slide.slidebg.section0501,
.swiper-slide.slidebg.section0801{display: none;}

.willgrow-inform-warp .recently-list-area{float: left; width: 65%;}
.recently-list{border: 1px solid #ccc; padding: 50px; text-align: left; background-color: #fff; height: 540px;}
.recently-list .recently-title{margin-bottom: 20px; padding-bottom: 25px; position: relative; border-bottom: 1px solid #ccc;}
.recently-list .recently-title .recently-title-text{ font-family: "GmarketSans";}
.recently-list .recently-title .recently-list-more{font-size: 14px; position: absolute; right: 0; bottom: 25px; text-decoration: none; cursor: pointer;}
.recently-list .recently-title .recently-list-more i{color: #ED1C2A; padding-right: 5px; display: inline-block;}
.recently-list ul{margin: 0; padding: 0; width: 100%;}
.recently-list ul li{text-align: left; position: relative; width: 100%; padding: 17px 10px; cursor: pointer;}
/* .recently-list ul li:last-child{padding: 17px 0 0 0;} */
.recently-list ul li:hover{color: #000; font-weight: 700;}
.recently-list ul li .recently-list-date{position: absolute; right: 0; font-size: 14px;}

.willgrow-inform-warp .willgrow-sns-area{float: left; width: 35%; height: 100%;}
.willgrow-inform-warp .willgrow-sns-area ul{padding: 0 0 0 40px; margin:0;}
.willgrow-inform-warp .willgrow-sns-area ul li{padding-bottom: 40px;}
.willgrow-inform-warp .willgrow-sns-area ul li:last-child{padding-bottom: 0;}
.willgrow-inform-warp .willgrow-sns-area ul li .sns-box{background: #fff; border: 1px solid #ccc; height: 250px;}
.willgrow-inform-warp .willgrow-sns-area ul li .sns-box img{width: 100%; height: 100%;}

@keyframes up-down{
    from{
      transform: translatey(0px);
    }
    to{
      transform: translatey(-20px);
    }
  }


@media (max-width: 500px) {

  .swiper-slide .pagination-title{display: none;}
  .pc-img{display: none;}
  .mo-img{display: block;}
  .mo-img img{display: block;}
  .navbar .navbar-logo img {max-width: 140px;}

  .swiper-slide.slidebg.section0501,
  .swiper-slide.slidebg.section0801{display: block;}

  .swiper-wrapper .swiper-slide#section01{height: 720px !important;}
  .swiper-slide{height: 720px !important;}

  .swiper-slide {overflow:visible; margin-bottom: 0 !important;}

  .swiper-slide.slidebg.section01 .slide-cont,
  .swiper-slide.slidebg.section02 .slide-cont,
  .swiper-slide.slidebg.section03 .slide-cont,
  .swiper-slide.slidebg.section04 .slide-cont,
  .swiper-slide.slidebg.section05 .slide-cont,
  .swiper-slide.slidebg.section06 .slide-cont,
  .swiper-slide.slidebg.section07 .slide-cont,
  .swiper-slide.slidebg.section08 .slide-cont,
  .swiper-slide.slidebg.section09 .slide-cont{padding: 0 0 0 0;}

  .swiper-slide.slidebg.section01 .slide-cont .img-area,
  .swiper-slide.slidebg.section02 .slide-cont .img-area,
  .swiper-slide.slidebg.section03 .slide-cont .img-area,
  .swiper-slide.slidebg.section04 .slide-cont .img-area,
  .swiper-slide.slidebg.section05 .slide-cont .img-area,
  .swiper-slide.slidebg.section06 .slide-cont .img-area,
  .swiper-slide.slidebg.section07 .slide-cont .img-area,
  .swiper-slide.slidebg.section08 .slide-cont .img-area,
  .swiper-slide.slidebg.section09 .slide-cont .img-area{padding: 0 0 0 0;}

  .swiper-slide.slidebg.section05 .slide-cont .img-area,
  .swiper-slide.slidebg.section06 .slide-cont .img-area{margin-top: 0;}

  .swiper-slide.slidebg.section10 .slide-cont{padding: 40px 30px;}
  .swiper-slide.slidebg.section10 .footer { position: relative;}


  .edu-philosophy-box {display: none;}

  .willgrow-inform-warp .recently-list-area{float: none; width: 100%;}
  .willgrow-inform-warp .willgrow-sns-area{float:none; width: 100%; height: auto;}
  .willgrow-inform-warp .willgrow-sns-area ul{padding: 20px 0 0 0; margin:0; display: flex; align-items: center;}
  .willgrow-inform-warp .willgrow-sns-area ul li {padding:0 0 0 0 ; width: 47%; margin-right: 6%;}
  .willgrow-inform-warp .willgrow-sns-area ul li:last-child{margin-right: 0;}
  .willgrow-inform-warp .willgrow-sns-area ul li .sns-box{height: 84px;}


  .recently-list { padding: 20px; height: 330px; overflow: hidden;}
  .recently-list .recently-title {padding-bottom: 10px;}
  .recently-list ul li { padding: 10px 10px 10px 10px; font-size: 14px; border-bottom: 1px dashed #cccccc;}
  .recently-list ul li .recently-list-date {bottom: 0px; font-size: 12px; display: none;}
  .recently-list-title{font-size: 14px;}

  .swiper-slide .carousel-item.visualbg .carousel-cont{padding: 0 0;}
  .swiper-slide .carousel-item.visualbg .carousel-cont img{ max-width: 1200px;}


}

@media all and (max-width:1024px) {
	/* (공통)page */
	.swiper-slide {height: auto !important;overflow:visible;}
}