.intro-container {
  position: fixed;
  z-index: 9998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #f8b62d;
  transition: 1.5s;
}
.intro-container.delete {
    z-index: 9999;
  animation: 1.5s cubic-bezier(0.25, 1, 0.3, 1) circle-out-center both;
}
@keyframes circle-out-top-left {
  from {
    clip-path: circle(125%);
  }
  to {
    clip-path: circle(0% at top left);
  }
}
@keyframes circle-out-hesitate {
  0% {
    clip-path: circle(125%);
  }
  40% {
    clip-path: circle(40%);
  }
  100% {
    clip-path: circle(0%);
  }
}

@keyframes circle-out-center {
  from {
    clip-path: circle(125%);
  }
  to {
    clip-path: circle(0%);
  }
}

.text-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 1;
  font-size: 70px;
  transition: all 1.5s ease-in-out;
}
.text-logo.delete {
  opacity: 0;
}
.intro-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  height: 200px;
  transition-delay: 1.5s;
  transition: all 1s ease-in-out;
}
.intro-logo.show {
  opacity: 1;
}
.intro-logo.delete {
  opacity: 0;
}

.letter {
  font-family:'Gmarket Sans',sans-serif;
  font-weight:bold;
  position: relative;
  display: inline-block;
  left: 20px;
  opacity: 0;
}
.letter.effect {
  bottom: 0;
  left: 0;
  opacity: 1;
  transition: all 0.75s ease-in-out;
}
.letter.fade {
  bottom: 150px;
  opacity: 0;
  transition: all 0.75s ease-in-out;
}


/* body{overflow:hidden!important;} */
body::-webkit-scrollbar{display:none;}



#fullpage section h2{font-family:'Gmarket Sans',sans-serif;font-size:198px; font-weight:bold; color:#fff;}
#fullpage section h3{font-size:54px; font-weight:bold; text-align:left;}
#fullpage section h3 span{font-weight:100;}
#fullpage section h4{font-size:28px; font-weight:bold; display:inline-block; letter-spacing:-2px;}
#fullpage section h4 span{font-weight:100;}
#fullpage section .txt-info{margin-top:60px;}

#fullpage section .main-tit{
  position: absolute;
  font: 15em Gmarket Sans;
  width: 100%;
  height: auto;
  left:0;
  font-weight:bold;
  font-family:'Gmarket Sans',sans-serif;
}

#fullpage section .main-tit text {
  fill: #fff;
  stroke: #fff;
  fill-opacity: 0;
  stroke-width: 0;
  stroke-dasharray: 100% 0;
  animation: stroke-offset 4s ease-out;
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
  /* -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; */
  font-family:'Gmarket Sans',sans-serif;
  animation-fill-mode: forwards;
}


.tit-m{display:none;}
.tit-tablet{display:none;}
.tit-pc{display:block;}

@keyframes stroke-offset {
  0% {
    fill-opacity: 0;
    stroke-width: 0;
    stroke-dasharray: 0% 100%;
  }
  25% {
    stroke-width: 3px;
  }
  50% {
    fill-opacity: 0;
  }
  75% {
    stroke-width: 3px;
  }
  100% {
    stroke-width: 0;
    fill-opacity: 1;
  }
}


#fullpage .main{background:url('../img/main-bg.jpg') no-repeat top center; background-size:cover; text-align: center; background-attachment: fixed;}
#fullpage .main .main-info{position:relative; /*bottom:20%;*/ height:100%; top:46%; margin-top:-644px;}
#fullpage .main .main-info .main-txt {
    position: relative;
    left: -11%;
    text-align: left;
    display: inline-block;
    margin: 0 auto;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    padding-left: 30px;
    overflow: hidden;
    transform: scaleY(0);
    animation: scaleUpBorder 1s forwards cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}
#fullpage .main .main-info .main-txt span{font-family:'Gmarket Sans',sans-serif; font-size:16px; font-weight:500; color:#fff; opacity:0.3; margin-bottom:40px; display:inline-block;}
#fullpage .main .main-info .main-txt p{font-family:'Gmarket Sans',sans-serif; font-size:34px; font-weight:bold;}
#fullpage .main .main-info .main-txt .txt-first{color:#fff; opacity:0.4;}
#fullpage .main .main-info .main-txt .txt-second{background: linear-gradient(to right, #57ffe9, #a2deb1, #ffd066);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity:0.4;}


@keyframes scaleUpBorder {
  to {
    transform: scaleY(1);
  }
}

.text-effect .text-wrapper {
  transform: translateX(calc(-100% - 20px));
  animation: slideTextRight 1s 0.5s forwards cubic-bezier(0.85, 0, 0.15, 1);
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

@keyframes slideTextRight {
  to {
    transform: translateX(0%);
  }
}











#fullpage .class{background:url('../img/classinfo-bg.jpg') no-repeat top center; background-size:cover; background-attachment: fixed;}
#fullpage .class .class-info{margin:0 0 0 8%;}
#fullpage .class .class-info .class-txt{width:auto; display:inline-block; float:left; position:relative;}
#fullpage .class .class-info .txt-info p{line-height:2.4; color:#6f6f6f;}
#fullpage .class .class-info .card-num{font-family:'Gmarket Sans',sans-serif; font-weight:100; display:inline-block; vertical-align:top; font-size:72px; color:#cae3db; line-height:1.3; margin-right:24px;}
#nextBtn {fill: #04b7ac;}
#prevBtn {fill: #04b7ac;}





#fullpage .sns{background:url('../img/snsinfo-bg.jpg') no-repeat top center; background-size:cover; background-attachment: fixed;}
#fullpage .sns .sns-info{overflow:auto; height:100%; padding:7% 0 0;}
#fullpage .sns .sns-info::-webkit-scrollbar{display:none;}
#fullpage .sns .sns-info .sns-box{margin:0 8%; margin-bottom:120px;}
#fullpage .sns .sns-info .sns-txt{width:auto; display:inline-block; float:left; position:relative; z-index:1;}
#fullpage .sns .sns-info .sns-txt h3{color:#fff;}
#fullpage .sns .sns-info .txt-info p{line-height:2.4; color:#798783;}
#fullpage .sns .sns-info .sns-icon{margin-top:36px;}
#fullpage .sns .sns-info .sns-icon ul li{display:inline-block;}
#fullpage .sns .sns-info .sns-icon ul li:first-child{margin-right:24px;}
#fullpage .sns .sns-info .sns-icon ul li a .icon-list path:hover{fill:white;}


footer{background:url('../img/footer-bg.jpg') no-repeat top center; background-size:cover; padding:50px 0; text-align:center;}
footer .sns-icon{margin-bottom:32px;}
footer .sns-icon ul li{display:inline-block;}
footer .sns-icon ul li:first-child{margin-right:24px;}
footer .footer-txt{margin-top:24px; display:inline-block;}
footer .footer-txt ul{display:inline-block;}
footer .footer-txt ul li{font-size:12px; color:#fff; float:left; padding-right:8px; margin-right:8px; border-right:1px solid #fff; font-weight:100;}
footer .footer-txt ul li:last-child{padding-right:0; margin-right:0; border-right:0;}
footer .footer-txt p{font-size:12px; color:#fff; font-weight:100;}







.sl-bkg-img,
.sl-gradient { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat;}
.sl-img-1 {background-image: url("../img/card-img01.jpg");}
.sl-img-2 { background-image: url("../img/card-img02.jpg");}
.sl-img-3 { background-image: url("../img/card-img03.jpg");}
.sl-img-4 { background-image: url("../img/card-img04.jpg");}
.sl-gradient { background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/614007/gradient.png"); z-index: 1; border-radius: 50px; opacity:0.5; background-position: center 185px;}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image: url();}
.swiper-container { position: absolute; top: 50%; right: 0; transform: translate(0%, -50%); width: 505px; height: 640px;}

.swiper-button-next,
.swiper-button-prev { display: block;}
.swiper-container{width:60%;}

.swiper-slide-active .slide-cover { position: absolute; opacity: 0; -webkit-transition: visibility 0s 0.5s, opacity 300ms; transition: visibility 0s 0.5s, opacity 300ms; height: 100%; width: 100%; z-index: 2; visibility: hidden;}
.swiper-slide-prev .sl-card-wrapper,.swiper-slide-next .sl-card-wrapper { opacity: 0.5;}
.swiper-slide-prev .slide-cover,
.swiper-slide-next .slide-cover,
.slide-cover { height: 100%;width: 100%;position: absolute; top: 0; z-index: 2; opacity: 0.75; -webkit-transition: opacity 300ms; transition: opacity 300ms; visibility: visible;}





.sl-main-container { width: 1440px;}
.sl-nav { display:block; position: relative; width: 100px; height: 60px;} 

.sl-bkg-img { background-size: cover; background-position: center top;}

.sl--content-wrapper {position: absolute; z-index: 1; top: 0; left: 50%; transform: translate(-50%, 0); -webkit-transition: width 250ms, height 250ms; transition: width 250ms, height 250ms; overflow: hidden;}
.sl--content-wrapper-active { width: 101%; height: 100%;}
.sl--content-wrapper-inactive { width: 100%; height: 100%;}
.sl--content-container {position: absolute; background-color: #ffffff; bottom:0; width: 100%; height: auto; padding:20px 30px; z-index: 1;}
.sl--content-container h2 { font-size: 30px; word-spacing: 2px; letter-spacing: -1.4px; margin-top: 0; margin-bottom: 0;}
.sl--content-btn { position: absolute; right: 0; bottom: 0; width: 37px; height: 37px; cursor: pointer; z-index: 1;}


.sl--card-nav-container {position: absolute; width: 100%; height: 70px; z-index: 1; bottom: 0;}
.sl-card-wrapper { width: 380px; height: 580px; border-radius:30px; position: relative; overflow: hidden; box-shadow: 0 19px 38px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 20%);}


.sl-wrapper {height: 540px; width: 522px; display: inline-block;}


  

@media (min-width: 1920px) and (max-width: 2559px){
  #fullpage .main .main-info{/*bottom:22%;*/top:45%; margin-top:-540px}
  #fullpage .main .main-info .main-txt{left:-10%;}
  #fullpage section .main-tit{font:16em Gmarket Sans; font-weight:bold; margin-top:0%;}
  .swiper-slide{padding:0 5%;}
  .swiper-container{width:62%;}
  .sl-card-wrapper{margin:0 auto;}
}


@media (min-width: 1440px) and (max-width: 1919px){
  #fullpage .main .main-info{top:48%;}
  #fullpage .main .main-info .main-txt{left:-15%;}
  #fullpage .main .main-info .main-txt p { font-size: 28px;}
  #fullpage section .main-tit{font:20em Gmarket Sans; font-weight:bold; margin-top: 4%;}

  #fullpage .class .class-info .txt-info p{line-height:2;}
  p{font-size:16px;}
  .swiper-container {width: 52%;}
  .swiper-slide-prev{opacity:0;}

  #fullpage .sns .sns-info .sns-box{margin:0 8% 160px;}
  #fullpage .sns .sns-info { overflow: auto; height: 100%; padding: 10% 0 0;}
  .instagram_item8,.instagram_item9,.instagram_item10,.instagram_item11,.instagram_item12,.instagram_item13,.instagram_item14,.instagram_item15{max-height: 250px!important; opacity: 1!important;}
  #instagram{width: 70%!important; margin-left: 36%!important; justify-content: start!important; padding-left:2%!important;}
  .sns-list #instagram .instagram_item{width: 20%!important; margin-left: 10px!important; margin-bottom: 20px!important;}
  .load-more-btn{display:none!important;}
}


@media (min-width: 1366px) and (max-width: 1439px){
  #fullpage .main .main-info{/*bottom:18%;*/ top:22%; margin-top:0;}
  #fullpage .main .main-info .main-txt{left:-14%;}
  #fullpage .main .main-info .main-txt p { font-size: 24px;}
  #fullpage section .main-tit{font:20em Gmarket Sans; font-weight:bold; margin-top:2%;}
  #fullpage section h3{font-size: 54px;}
  #fullpage .class .class-info .txt-info p{line-height:2;}
  #fullpage .class .class-info .card-num{font-size: 60px; margin-right:20px;}
  #fullpage section h4{font-size:24px;}
  p{font-size:16px;}
  .swiper-container {width: 55%;}
  .sl-card-wrapper{width:380px; height:580px; margin:0 auto;}
  .swiper-slide-prev{opacity:0;}

  #fullpage .sns .sns-info .sns-box{margin:0 8% 160px;}
  #fullpage .sns .sns-info { overflow: auto; height: 100%; padding: 10% 0 0;}
  .instagram_item8,.instagram_item9,.instagram_item10,.instagram_item11,.instagram_item12,.instagram_item13,.instagram_item14,.instagram_item15{max-height: 250px!important; opacity: 1!important;}
  #instagram{width: 70%!important; margin-left: 36%!important; justify-content: start!important; padding-left:2%!important;}
  .sns-list #instagram .instagram_item{width: 20%!important; margin-left: 10px!important; margin-bottom: 20px!important;}
  .load-more-btn{display:none!important;}
}

@media (min-width: 1180px) and (max-width: 1365px){
  #fullpage .main .main-info{/*bottom:18%;*/ top:15%; margin-top:0;}
  #fullpage .main .main-info .main-txt{left:-14%;}
  #fullpage .main .main-info .main-txt p { font-size: 24px;}
  #fullpage section .main-tit{font:20em Gmarket Sans; font-weight:bold; margin-top:2%;}
  #fullpage section h3{font-size: 42px;}
  #fullpage .class .class-info .txt-info p{line-height:2;}
  #fullpage .class .class-info .card-num{font-size: 60px; margin-right:20px;}
  #fullpage section h4{font-size:24px;}
  p{font-size:16px;}
  .swiper-container {width: 49%;}
  .sl-card-wrapper{width:340px; height:520px; margin:0 auto;}
  .swiper-slide-prev{opacity:0;}

  #fullpage .sns .sns-info .sns-box{margin:0 8% 60px;}
  #fullpage .sns .sns-info { overflow: auto; height: 100%; padding: 10% 0 0;}
  .instagram_item8,.instagram_item9,.instagram_item10,.instagram_item11,.instagram_item12,.instagram_item13,.instagram_item14,.instagram_item15{max-height: 250px!important; opacity: 1!important;}
  #instagram{width: 70%!important; margin-left: 36%!important; justify-content: start!important; padding-left:2%!important;}
  .sns-list #instagram .instagram_item{width: 20%!important; margin-left: 10px!important; margin-bottom: 20px!important;}
  .load-more-btn{display:none!important;}
}


@media (min-width: 1024px) and (max-width: 1179px){

  .text-logo {font-size: 60px;}

  .tit-tablet{display:block; height:48%!important;}
  .tit-tablet .svg-first{font-size:2em;}
  .tit-tablet .svg-second{font-size:1.6em;}
  .tit-pc{display:none;}
  .tit-m{display:none;}
  .fp-tableCell{height:100%!important;}
  #fullpage section .main-tit{font:24em Gmarket Sans; font-weight:bold; margin-top:6%;}
  #fullpage .main .main-info{top:24%; margin-top: -448px; height: 100%;}
  #fullpage .main .main-info .main-txt{border-left:0; padding-left:0; left:0; text-align:center;}
  #fullpage .main .main-info .main-txt .txt-first{opacity:0.85; font-size:38px;}
  #fullpage .main .main-info .main-txt .txt-second{opacity:1; font-size:44px;}
  #fullpage .main .main-info .main-txt span{margin-bottom:34px; font-size:24px;}
  #fullpage .main .main-info .main-txt span br{display:none;}


  #fullpage section h3{font-size:66px; text-align:left;  letter-spacing: -0.8px;}
  #fullpage section h3 span br{display:none;}
  #fullpage section .txt-info{margin-top:60px;}
  #fullpage .class .class-info{margin:0 8%; padding:8% 0; height:100%;}
  #fullpage .class .class-info .class-txt{width:100%; display:block; float:none;}
  #fullpage .class .class-info .txt-info p{font-size:20px; text-align:left; line-height:2;}
  #fullpage .class .class-info .card-num{font-size:54px; margin-right:16px;}
  #fullpage section h4{font-size:32px;}
  .swiper-container{width:100%; top:68%; height:720px;}
  .sl--content-container{padding:20px;}
  .sl-card-wrapper{width:430px; height:650px; margin:0 auto;}
  .sl-gradient{background-size:cover;}
  .sl-nav{display:none;}
  .swiper-button-next{left:360%!important;}
  .swiper-button-prev{left:5%!important;}


  #fullpage .sns .sns-info .txt-info p{font-size:20px; text-align:left;}
  #fullpage .sns .sns-info .txt-info p br{display:none;}
  #fullpage .sns .sns-info{padding:8% 0 0;}
  #fullpage .sns .sns-info .sns-box{margin: 0px 8% 60px;}
  #fullpage .sns .sns-info .sns-icon{display:none;}
  #instagram{width:100%!important; margin-left:0!important; padding-top:44px!important;}
  .instagram_item p{display:none!important;}
  .sns-list #instagram .instagram_item{width: 30%!important; margin-right:8px!important; margin-left:8px!important; margin-bottom:20px!important;}
  .sns-list .load-more-btn{display:none!important;}
  .instagram_item8{opacity:1!important; max-height: 260px!important;}


  footer .footer-txt ul li{float:none; border-right:0;}
}



@media (min-width: 820px) and (max-width: 1023px){
  .tit-tablet{display:block; height:48%!important;}
  .tit-tablet .svg-first{font-size:2.5em;}
  .tit-tablet .svg-second{font-size:1.6em;}
  .tit-pc{display:none;}
  .tit-m{display:none;}
  .fp-tableCell{height:100%!important;}
  #fullpage section .main-tit{font:24em Gmarket Sans; font-weight:bold; margin-top:6%;}
  #fullpage .main .main-info{top:30%; margin-top: -448px; height: 100%;}
  #fullpage .main .main-info .main-txt{border-left:0; padding-left:0; left:0; text-align:center;}
  #fullpage .main .main-info .main-txt .txt-first{opacity:0.85; font-size:38px;}
  #fullpage .main .main-info .main-txt .txt-second{opacity:1; font-size:44px;}
  #fullpage .main .main-info .main-txt span{margin-bottom:34px; font-size:24px;}
  #fullpage .main .main-info .main-txt span br{display:none;}


  #fullpage section h3{font-size:56px; text-align:left;  letter-spacing: -0.8px;}
  #fullpage section h3 span br{display:none;}
  #fullpage section .txt-info{margin-top:30px;}
  #fullpage .class .class-info{margin:0 8%; padding:8% 0; height:100%;}
  #fullpage .class .class-info .class-txt{width:100%; display:block; float:none;}
  #fullpage .class .class-info .txt-info p{font-size:20px; text-align:left; line-height:2;}
  #fullpage .class .class-info .card-num{font-size:54px; margin-right:16px;}
  #fullpage section h4{font-size:32px;}
  .swiper-container{width:100%; top:68%; height:720px;}
  .sl--content-container{padding:20px;}
  .sl-card-wrapper{width:430px; height:650px; margin:0 auto;}
  .sl-gradient{background-size:cover;}
  .sl-nav{display:none;}
  .swiper-button-next{left:360%!important;}
  .swiper-button-prev{left:5%!important;}


  #fullpage .sns .sns-info .txt-info p{font-size:20px; text-align:left;}
  #fullpage .sns .sns-info .txt-info p br{display:none;}
  #fullpage .sns .sns-info{padding:8% 0 0;}
  #fullpage .sns .sns-info .sns-box{margin: 0px 4% 0;}
  #fullpage .sns .sns-info .sns-icon{display:none;}
  #instagram{width:100%!important; margin-left:0!important; padding-top:44px!important;}
  .instagram_item p{display:none!important;}
  .sns-list #instagram .instagram_item{width: 30%!important; margin-right:8px!important; margin-left:8px!important; margin-bottom:20px!important;}
  .sns-list .load-more-btn{display:none!important;}
  .instagram_item8{opacity:1!important; max-height: 260px!important;}

  footer .footer-txt ul li{float:none; border-right:0;}
}




@media (min-width: 768px) and (max-width: 819px){
  .tit-tablet{display:block; height:48%!important;}
  .tit-tablet .svg-first{font-size:2.5em;}
  .tit-tablet .svg-second{font-size:1.6em;}
  .tit-pc{display:none;}
  .tit-m{display:none;}
  .fp-tableCell{height:100%!important;}
  #fullpage section .main-tit{font:24em Gmarket Sans; font-weight:bold; margin-top:6%;}
  #fullpage .main .main-info{top:30%; margin-top: -448px; height: 100%;}
  #fullpage .main .main-info .main-txt{border-left:0; padding-left:0; left:0; text-align:center;}
  #fullpage .main .main-info .main-txt .txt-first{opacity:0.85; font-size:38px;}
  #fullpage .main .main-info .main-txt .txt-second{opacity:1; font-size:44px;}
  #fullpage .main .main-info .main-txt span{margin-bottom:34px; font-size:24px;}
  #fullpage .main .main-info .main-txt span br{display:none;}


  #fullpage section h3{font-size:56px; text-align:left;  letter-spacing: -0.8px;}
  #fullpage section h3 span br{display:none;}
  #fullpage section .txt-info{margin-top:30px;}
  #fullpage .class .class-info{margin:0 8%; padding:8% 0; height:100%;}
  #fullpage .class .class-info .class-txt{width:100%; display:block; float:none;}
  #fullpage .class .class-info .txt-info p{font-size:18px; text-align:left; line-height:2;}
  #fullpage .class .class-info .card-num{font-size:54px; margin-right:16px;}
  #fullpage section h4{font-size:32px;}
  .swiper-container{width:100%; top:72%;}
  .sl--content-container{padding:20px;}
  .sl-card-wrapper{width:360px; height:500px; margin:0 auto;}
  .sl-nav{display:none;}
  .swiper-button-next{left:360%!important;}
  .swiper-button-prev{left:5%!important;}


  #fullpage .sns .sns-info .txt-info p{font-size:18px; text-align:left;}
  #fullpage .sns .sns-info .txt-info p br{display:none;}
  #fullpage .sns .sns-info{padding:8% 0 0;}
  #fullpage .sns .sns-info .sns-box{margin: 0px 4% 0;}
  #fullpage .sns .sns-info .sns-icon{display:none;}
  #instagram{width:100%!important; margin-left:0!important; padding-top:44px!important;}
  .instagram_item p{display:none!important;}
  .sns-list #instagram .instagram_item{width: 30%!important; margin-right:8px!important; margin-left:8px!important; margin-bottom:20px!important;}
  .sns-list .load-more-btn{display:none!important;}
  .instagram_item8{opacity:1!important; max-height: 260px!important;}

  footer .footer-txt ul li{float:none; border-right:0;}
 
}



/*Mobile*/
@media (min-width: 414px) and (max-width: 767px){
  .tit-m{display:block; height:48%!important;}
  .tit-m .svg-first{font-size:2.5em;}
  .tit-m .svg-second{font-size:1.6em;}
  .tit-pc{display:none;}
  .tit-tablet{display:none;}
  .fp-tableCell{height:100%!important;}
  #fullpage section .main-tit{font:24em Gmarket Sans; font-weight:bold; margin-top:-2%;}
  #fullpage .main{background:url('../img/main-bg-m.jpg') no-repeat top center; background-size:cover; text-align: center;}
  #fullpage .main .main-info{top:50%; margin-top: -448px; height: 100%;}
  #fullpage .main .main-info .main-txt{border-left:0; padding-left:0; left:0; text-align:center;}
  #fullpage .main .main-info .main-txt .txt-first{opacity:0.85; font-size:19px;}
  #fullpage .main .main-info .main-txt .txt-second{opacity:1; font-size:22px;}
  #fullpage .main .main-info .main-txt span{margin-bottom:17px; font-size:12px;}
  #fullpage .main .main-info .main-txt span br{display:none;}


  #fullpage section h3{font-size:39px; text-align:center;  letter-spacing: -0.8px;}
  #fullpage section h3 span br{display:none;}
  #fullpage section .txt-info{margin-top:30px;}
  #fullpage .class .class-info{margin:15% 0;}
  #fullpage .class .class-info .class-txt{width:100%; display:block; float:none;}
  #fullpage .class .class-info .txt-info p{font-size:12px; text-align:center;}
  #fullpage .class .class-info .card-num{font-size:44px; margin-right:16px;}
  #fullpage section h4{font-size:21px;}
  .swiper-container{width:100%; top:74%;}
  .sl--content-container{padding:20px;}
  .sl-card-wrapper{width:270px; height:410px; margin:0 auto;}
  .sl-nav{position:absolute; height:100%;}
  .swiper-button-next{left:360%!important;}
  .swiper-button-prev{left:5%!important;}

  #fullpage .sns .sns-info .sns-txt{width:100%;}
  #fullpage .sns .sns-info .txt-info p{font-size:12px; text-align:center; line-height: 2;}
  #fullpage .sns .sns-info .txt-info p br{display:none;}
  #fullpage .sns .sns-info{padding:15% 0 0;}
  #fullpage .sns .sns-info .sns-box{margin: 0px 4% 0;}
  #fullpage .sns .sns-info .sns-icon{display:none;}
  #instagram{width:100%!important; margin-left:0!important; padding-top:44px!important;}
  .instagram_item p{display:none!important;}
  .sns-list #instagram .instagram_item{width: 45%!important; margin-right:4px!important; margin-left:4px!important; margin-bottom:15px!important;}
  .sns-list .load-more-btn{display:none!important;}
  .instagram_item6,.instagram_item7{display:none!important;}

  footer .footer-txt ul li{float:none; border-right:0;}
 
  #fp-nav{display:none;}
}



@media (min-width: 390px) and (max-width: 413px){
  body{overflow:hidden!important;}
  .text-logo {font-size: 22px; margin-top:-72px; width:100%; text-align:center;}
  .intro-logo{margin-top:-72px;}



  .tit-m{display:block; height:48%!important;}
  .tit-m .svg-first{font-size:2.5em;}
  .tit-m .svg-second{font-size:1.6em;}
  .tit-pc{display:none;}
  .tit-tablet{display:none;}
  .fp-tableCell{height:100%!important;}
  #fullpage section .main-tit{font:24em Gmarket Sans; font-weight:bold; margin-top:-2%;}
  #fullpage .main{background:url('../img/main-bg-m.jpg') no-repeat top center; background-size:cover; text-align: center;}
  #fullpage .main .main-info{top:50%; margin-top: -448px; height: 100%;}
  #fullpage .main .main-info .main-txt{border-left:0; padding-left:0; left:0; text-align:center;}
  #fullpage .main .main-info .main-txt .txt-first{opacity:0.85; font-size:19px;}
  #fullpage .main .main-info .main-txt .txt-second{opacity:1; font-size:22px;}
  #fullpage .main .main-info .main-txt span{margin-bottom:17px; font-size:12px;}
  #fullpage .main .main-info .main-txt span br{display:none;}


  #fullpage section h3{font-size:39px; text-align:center;  letter-spacing: -0.8px;}
  #fullpage section h3 span br{display:none;}
  #fullpage section .txt-info{margin-top:30px;}
  #fullpage .class .class-info{margin:15% 0;}
  #fullpage .class .class-info .class-txt{width:100%; display:block; float:none;}
  #fullpage .class .class-info .txt-info p{font-size:11px; text-align:center; line-height: 2;}
  #fullpage .class .class-info .card-num{font-size:44px; margin-right:16px;}
  #fullpage section h4{font-size:21px;}
  .swiper-container{width:100%; top:74%;}
  .sl--content-container{padding:20px;}
  .sl-card-wrapper{width:270px; height:410px; margin:0 auto;}
  .sl-nav{position:absolute; height:100%;}
  .swiper-button-next{left:340%!important;}
  .swiper-button-prev{left:6%!important;}
  .swiper-button-next, .swiper-button-prev{width:40px!important; height:60px!important;}

  #fullpage .sns .sns-info .sns-txt{width:100%;}
  #fullpage .sns .sns-info .txt-info p{font-size:11px; text-align:center;}
  #fullpage .sns .sns-info .txt-info p br{display:none;}
  #fullpage .sns .sns-info{padding:15% 0 0;}
  #fullpage .sns .sns-info .sns-box{margin: 0px 4% 0;}
  #fullpage .sns .sns-info .sns-icon{display:none;}
  #instagram{width:100%!important; margin-left:0!important; padding-top:44px!important;}
  .instagram_item p{display:none!important;}
  .sns-list #instagram .instagram_item{width: 45%!important; margin-right:4px!important; margin-left:4px!important; margin-bottom:15px!important;}
  .sns-list .load-more-btn{display:none!important;}
  .instagram_item6,.instagram_item7{display:none!important;}

  footer .footer-txt ul li{float:none; border-right:0;}
 
  #fp-nav{display:none;}
}


@media (min-width: 375px) and (max-width: 389px){
  body{overflow:hidden!important;}
  .text-logo {font-size: 22px; margin-top:-72px; width:100%; text-align:center;}
  .intro-logo{margin-top:-72px;}



  .tit-m{display:block; height:48%!important;}
  .tit-m .svg-first{font-size:2.5em;}
  .tit-m .svg-second{font-size:1.6em;}
  .tit-pc{display:none;}
  .tit-tablet{display:none;}
  .fp-tableCell{height:100%!important;}
  #fullpage section .main-tit{font:24em Gmarket Sans; font-weight:bold; margin-top:8%;}
  #fullpage .main{background:url('../img/main-bg-m.jpg') no-repeat top center; background-size:cover; text-align: center;}
  #fullpage .main .main-info{top:50%; margin-top: -406px; height: 100%;}
  #fullpage .main .main-info .main-txt{border-left:0; padding-left:0; left:0; text-align:center;}
  #fullpage .main .main-info .main-txt .txt-first{opacity:0.85; font-size:19px;}
  #fullpage .main .main-info .main-txt .txt-second{opacity:1; font-size:22px;}
  #fullpage .main .main-info .main-txt span{margin-bottom:17px; font-size:12px;}
  #fullpage .main .main-info .main-txt span br{display:none;}


  #fullpage section h3{font-size:36px; text-align:center;  letter-spacing: -2px;}
  #fullpage section h3 span br{display:none;}
  #fullpage section .txt-info{margin-top:20px;}
  #fullpage .class .class-info{margin:8% 0;}
  #fullpage .class .class-info .class-txt{width:100%; display:block; float:none;}
  #fullpage .class .class-info .txt-info p{font-size:11px; text-align:center; line-height: 2;}
  #fullpage .class .class-info .card-num{font-size:44px; margin-right:16px;}
  #fullpage section h4{font-size:21px;}
  .swiper-container{width:100%; top:72%;}
  .sl--content-container{padding:20px;}
  .sl-card-wrapper{width:260px; height:340px; margin:0 auto;}
  /* .sl-card-wrapper{width:270px; height:410px; margin:0 auto;} */
  .sl-nav{position:absolute; height:100%;}
  .swiper-button-next{left:328%!important;}
  .swiper-button-prev{left:6%!important;}
  .swiper-button-next, .swiper-button-prev{width:40px!important; height:60px!important;}


  #fullpage .sns .sns-info .sns-txt{width:100%;}
  #fullpage .sns .sns-info .txt-info p{font-size:11px; text-align:center;}
  #fullpage .sns .sns-info .txt-info p br{display:none;}
  #fullpage .sns .sns-info{padding:15% 0 0;}
  #fullpage .sns .sns-info .sns-box{margin: 0px 4% 0;}
  #fullpage .sns .sns-info .sns-icon{display:none;}
  #instagram{width:100%!important; margin-left:0!important; padding-top:44px!important;}
  .instagram_item p{display:none!important;}
  .sns-list #instagram .instagram_item{width: 30%!important; margin-right:4px!important; margin-left:4px!important; margin-bottom:15px!important;}
  .sns-list .load-more-btn{display:none!important;}
  .instagram_item8{opacity:1!important; max-height: 260px!important;}
  /* .instagram_item6,.instagram_item7{display:none!important;} */

  footer .footer-txt ul li{float:none; border-right:0;}
 
  #fp-nav{display:none;}
}





@media (min-width: 260px) and (max-width: 374px){

  body{overflow:hidden!important;}
  .text-logo {font-size: 22px; margin-top:0; width:100%; text-align:center;}
  .intro-logo{margin-top:0; height:100px;}



  .tit-m{display:block; height:48%!important;}
  .tit-m .svg-first{font-size:2.5em;}
  .tit-m .svg-second{font-size:1.6em;}
  .tit-pc{display:none;}
  .tit-tablet{display:none;}
  .fp-tableCell{height:100%!important;}
  #fullpage section .main-tit{font:24em Gmarket Sans; font-weight:bold; margin-top:8%;}
  #fullpage .main{background:url('../img/main-bg-m.jpg') no-repeat top center; background-size:cover; text-align: center;}
  #fullpage .main .main-info{top:50%; margin-top: -406px; height: 100%;}
  #fullpage .main .main-info .main-txt{border-left:0; padding-left:0; left:0; text-align:center;}
  #fullpage .main .main-info .main-txt .txt-first{opacity:0.85; font-size:14px;}
  #fullpage .main .main-info .main-txt .txt-second{opacity:1; font-size:20px;}
  #fullpage .main .main-info .main-txt span{margin-bottom:8px; font-size:11px;}
  #fullpage .main .main-info .main-txt span br{display:block;}


  #fullpage section h3{font-size:26px; text-align:center;  letter-spacing: -2px;}
  #fullpage section h3 span br{display:none;}
  #fullpage section .txt-info{margin-top:16px;}
  #fullpage .class .class-info{margin:8% 0;}
  #fullpage .class .class-info .class-txt{width:100%; display:block; float:none;}
  #fullpage .class .class-info .txt-info p{font-size:11px; text-align:center; line-height: 2;}
  #fullpage .class .class-info .card-num{font-size:32px; margin-right:8px;}
  #fullpage section h4{font-size:18px;}
  .swiper-container{width:100%; top:70%;}
  .sl--content-container{padding:12px 20px;}
  .sl-card-wrapper{width:220px; height:260px; margin:0 auto; border-radius:16px;}
  .sl-nav{position:absolute; height:100%;}
  .swiper-button-next{left:220%!important;}
  .swiper-button-prev{left:4%!important;}
  .swiper-button-next, .swiper-button-prev{width:30px!important; height:80px!important;}


  #fullpage .sns .sns-info .sns-txt{width:100%;}
  #fullpage .sns .sns-info .txt-info p{font-size:11px; text-align:center;}
  #fullpage .sns .sns-info .txt-info p br{display:none;}
  #fullpage .sns .sns-info{padding:15% 0 0; margin:0;}
  #fullpage .sns .sns-info .sns-box{margin: 0px 4% 0;}
  #fullpage .sns .sns-info .sns-icon{display:none;}
  #instagram{width:100%!important; margin-left:0!important; padding-top:16px!important;}
  .instagram_item p{display:none!important;}
  .sns-list #instagram .instagram_item{width: 28%!important; margin-right:4px!important; margin-left:4px!important; margin-bottom:15px!important;}
  .sns-list .load-more-btn{display:none!important;}
  .instagram_item8{opacity:1!important; max-height: 260px!important;}
  /* .instagram_item6,.instagram_item7{display:none!important;} */

  footer .footer-txt ul li{float:none; border-right:0;}
 
  #fp-nav{display:none;}
  #nextBtn{fill:#fff;}
  #prevBtn{fill:#fff;}


}