@media (max-width:1700px) {

}
@media (max-width:1280px) {


  .header-logo a img{
   width:220px;
  }
  .gnb > li > a{
    font-size:20px;
  }
  
  .sv-slide .slick-arrow{
    right:30px;
  }
  .sv-slide .slick-arrow.slick-prev{
    right:70px;
    margin-top:5px;
  }
  #main-visual .slick-arrow{
  font-size:30px;
  bottom:30px;
  }


  .header-gnb .gnb > li > a{
  padding:0 20px;
  }
  #kind{
  padding:80px 0;
  }
}
@media (max-width:1024px) {
   header{
   height:80px;
   justify-content: flex-start;
   }
   .menu > li > ul > li > a{
   line-height:1.2em;
   color:rgba(0,0,0,0.6);
   display:block;
   padding:3px 0;
   font-size:0.9em;
   }
   .tnb{
   order:1;
   flex-shrink: 0;
   }
   .tnb ul{
   display:flex;
   justify-content: center; 
   }
   .tnb li.tnb-member{
   display:none;
   }
   .header-gnb{
   border:0;
   display:none;
   }
   .header-logo{
   order:0;
   flex-grow: 1;
   }
   .mobile-open-btn{
   display:block;
   font-size:25px;
   color:#fff;
   order:2;
   flex-shrink: 0;
   width: 40px;
   text-align:right;
   }
   .scroll-down-wrap{
    display:none;
    }
    
    .gnb > li > a{
      
    }
    
    #introduce{
    padding:80px 0;
    padding-left:5%;
    }
    .intro-txt{
    padding-left:0;
    }
    .it-t1{
    font-size:16px;
    }
    .it-t2{
    font-size:40px;
    }
    .it-t3{
    font-size:18px;
    padding:10px 0;
    }
    .it-t4{
    font-size:18px;
    margin-bottom:30px;
    }
    .fac-area{
    margin-left:5%;
    width:95%;
    }
    .fac-tit span{
    font-size:16px;
    }
   .fac-tit p{
    font-size:40px;
   }
   .fac-slide .slick-arrow{
    right:5%;
    top:35px;
   }
   .text-deco img{
    width:80px;
   }
   .text-deco{
    bottom:-40px;
   }
   #kind{
    padding:80px 0 60px;
   }
   .ka-t2{
    font-size:22px;
   }
   
  .main-form-area{
  display:block;
  }
  #main-banner{
  margin-right:0;
  }
  #contact{
  width:100%;
  margin-top:20px;
  }
  
.sub-visual,
  .svs-img{
  height:28vh;
  }
.sub-content{
padding:80px 0;
}
  .sv-txt p{
  padding-top:30px;
  font-size:45px;
  }
  .sub-intro-img{
  width:380px;
 }
 .sub-intro-txt{
  padding-left:40px;
 }
 .intro-top p{
  font-size:28px;
 }
 .intro-top span{
  font-size:25px;
 }
 .intro-top:after{
  width:40px;
  margin-top:20px;
 }
 .intro-bottom{
  font-size:18px;
 }
 .sub-img2{
  padding:70px 50px;
  box-sizing:border-box;
 }
 .bean-txt{
  font-size:28px;
 }
 .s21-ico img{
  width:80px;
 }
 .s21-p1{
  font-size:25px;
 }
 .sc-li2 li{
  word-break:keep-all;
 }
 .sc-li2 li br{
  display:none;
 }

 .va-text{
 font-size:24px;
 }
.va-text img{
width:240px;
}
#main-visual .slick-arrow{
font-size:24px;
}

.product-area{
flex-wrap:wrap;
}
.product-area section{
width:50%;
}
.product-area section a{
height:450px;
}

.sr-top{
padding:30px 0;
}

.course-menu{
padding:40px;
}
}

@media (max-width:768px) {
   body, th, td, input, select, textarea, button{
   font-size:15px;
   }
   header{
   height:50px;
   line-height:50px;
   padding:0 5px;
   }
   .header-logo{
   left:10px;
   }
   .header-logo a img{
   width:130px;
   }

   #main-visual .slick-arrow.slick-prev{
   right:50px;
   }
   #main-visual .slick-arrow{
   width:35px;
   height:35px;
   line-height:35px;
   font-size:25px;
   right:20px;
   bottom:20px;
   }
   .tnb{
    margin-top:5px;
   }
   .tnb li{
    padding-left:5px;
   }
   .tnb li a{
    width:25px;
    height:25px;
   }
   
   .va-img img{
    width:200%;
    position:relative;
    left:50%;
    margin-left:-100%;
   }
   .va-text{
    font-size:18px;
    box-sizing:border-box;
    padding:0 20px;
    word-break:keep-all;
   }
   .va-text br{
    display:none;
   }
   .it-t1{
    font-size:14px;
   }
   #introduce{
    padding:50px 5%;
   }
   .it-t2{
    font-size:24px;
   }
   .it-t3{
    font-size:14px;
   }
   .it-t4{
    font-size:16px;
    margin-bottom:15px;
   }
   
   #facilities{
    padding:50px 0 30px;
   }
   .fac-tit span{
    font-size:14px;
   }
  .fac-tit p{
  font-size:32px;
  }
  .fac-slide .slick-slide > div{
  margin-right:0;
  }
  .fac-area{
  width:90%;
  }
  .text-deco{
  display:none;
  }
  #kind{
  padding:20px 0;
  }
  .ka-t1{
  font-size:14px;
padding:0;
padding-bottom:5px;
  }
  .ka-t2{
  font-size:16px;
  padding:0px 0 10px;
  line-height:1.2em;
  }
.ka-link{
font-size:12px;
padding:3px 10px;
}
  #main-form{
  padding:30px 0;
  }
  #main-banner{
  padding:30px;
  }
  .mb-t2{
  font-size:18px;
  word-break:keep-all;
  }
  .mb-t2 br{
  display:none;
  }
  #contact{
  margin-top:10px;
  }
  .cnt_left input.ip1,
  .cnt_left input.ip2{
  font-size:15px;
  }
  button.coun_btn{
  height:52px;
  line-height:52px;
  }
  #site-banner .slick-arrow{
  width:30px;
  height:30px;
  line-height:30px;
  }
  footer{
  padding:20px 0;
  }
  .foot-add img{
  width:180px;
  margin-bottom:10px;
  }
  .fi-menu{
  display:none;
  }
  .foot-info{
  text-align:center;
  display:block;
  }
  .fic-t2 img{
  max-width:380px;
  }
  .fic-a1{
  font-size:30px;
  }
  .foot-area{
  text-align:center;
  margin-top:0px;
  }
  .side-top{
  width:60px;
  height:60px;
  line-height:60px;
  }
  
  .sub-visual,
  .svs-img{
  height:20vh;
  }
  .sv-txt p{
  font-size:32px;
  }
  .sv-txt span{
  font-size:14px;
  }
  .sub-content{
  padding:40px 0;
  }
  .sub-intro-box{
  display:block;
  }
  .sub-intro-img{
  width:100%;
  }
  .sub-intro-txt{
  padding-left:0;
  padding-top:20px;
  }
  .intro-top p{
  font-size:20px;
  word-break:keep-all;
  }
  .intro-top span{
  font-size:20px;
  word-break:keep-all;
  }
  .intro-top span br{
  display:none;
  }
  .intro-bottom{
  margin-top:20px;
  }
  .intro-bottom p{
  word-break: keep-all;
  font-size:17px;
  line-height:1.45em;
  }
  .intro-bottom p br{
  display:none;
  }
  .sv-txt span{
  font-size:12px;
  }
  .partner-txt em{
  font-size:16px;
  }
  .partner-txt{
  font-size:26px;
  word-break: keep-all;
  margin-bottom:20px;
  }
  .partner-txt br{
  display:none;
  }
  .partner-slide .slick-list{
  padding:0 !important;
  width:100%;
  }
  .sc-li2 li{
  width:100%;
  text-align:center;
  }
  .scl-ico{
  margin:0 auto 10px;
  }
  .product ul li{
  width:49.5%;
  }
  .product ul li p{
  line-height:1.5em;
  height:3em;
  overflow:hidden;
  }
  .paging{
  margin-top:20px;
  }
  .paging a, .paging strong {
  width:30px;
  height:30px;
  line-height:30px;
  }
  .p-prev i, .p-next i{
  line-height:30px;
  }
  .s23-box{
  display:block;
  }
  .s21-you{
  padding:0;
  width:100%;
  margin-top:20px;
  }
  .s21y-link p{
  font-size:22px;
  margin-bottom:10px;
  }
  .sc-li1 li{
  margin:10px 0;
  }
  
  .dtl_img{
  width:100%;
  }
  .dtl_text{
  width:100%;
  margin-top:20px;
  }
  ul.thumb{
  position:relative;
  width:100%;
  }
  ul.thumb li{
  width:70px;
  height:70px;
  margin-right:5px;
  }
  ul.thumb li a{
  width:100%;
  height:70px;
  }
  #zoom_img{
  width:100%;
  overflow:hidden;
  margin-bottom:10px;
  }
  .dtl_text table th{
  width:25%;
  }
  .dtl_text table th, .dtl_text table td{
  font-size:15px;
  }
  .dtl_tab{
  margin:50px 0 30px;
  height:40px;
  }
  .dtl_tab ul li a{
  font-size:15px;
  height:40px;
  line-height:40px;
  }
  .dtl_tab ul li a.on{
  height:42px;
  line-height:42px;
  }
  .del_title b{
  font-size:22px;
  }
  .del_title span{
  font-size:15px;
  }
  .del_title{
  margin-bottom:20px;
  }
  #delivery table th{
  font-size:15px;
  }
  #delivery table td{
  padding:15px;
  }
 ol{
list-style-type: disc !important;
  }
  .btn_w{margin-top:30px;}
  input.btn2,
  input.btn{
  width:25%;
  height:45px;
  line-height:45px;
  }
  
  .sub-img2{
  padding:30px;
  }
  .bean-txt{
  font-size:20px;
  margin-bottom:0;
  }
  .bl-flag{
  width:100%;
  max-width:250px;
  margin:0 auto;
  margin-bottom:10px;
  padding-right:0;
  }
  .sc-li1 li{
  display:block;
  }


.h-tel a{
font-size:0.9em;
padding:0 0px;
}

.product-area section a{
height:180px;
}
.pro-tit span{
font-size:13px;
}
.pro-tit h2{
font-size:22px;
padding:0;
}
.pro-tit div{
font-size:14px;
}
.pro-btn{
margin-top:10px;
border-bottom-width:1px;
font-size:12px;
display:none;
}

#main-location{
height:280px;
}
#main-location .root_daum_roughmap .wrap_map{
height:330px !important;
}
.mli-area{
display:block;
}
.mli-area dl{
margin:10px 0;
}

.sub-location .root_daum_roughmap .wrap_map{
height:220px !important;
}
.sl-info{
display:block;
padding:10px 0 0;
}
.sl-info dl{
margin:10px 0;
}
.sl-info dt{
flex-shrink: 0;
width: 50px;
}
.sl-info dd{
flex-grow: 1;
}
.sub-tab a{
padding:5px 20px;
}
.srt-txt br{
display:none;
}
.srt-txt{
word-break: keep-all;
font-size:1.25em;
}
.sr-top{
margin-bottom:10px;
padding:15px 0;
}

.menu-list li{
width:100%;
margin-bottom:5px;
}

.course-menu{
padding:20px;
display:block;
}
.cm-left{
width:100%;
padding-right:0;
}

.cm-right{
display:block;
border-top: 1px rgba(0, 0, 0, 0.3) dashed;
border-left:0;
padding-left:0;
padding-top:20px;
margin-top:20px;
}

.res-top p{
font-size:15px;
}
.res-top p strong{
font-size:24px;
}
.res-tel dd{
font-size:15px;
}
.res-tel{
padding:10px 0;
gap:5px;
}
}