/*pc2*/
@media (max-width:1400px){
  /*header*/
  #h_logo{left:30px;}
  #h_logo img{max-width: 80%;}
  #h_gnb > li > a{font-size:18px; padding: 0 20px 20px;}
  #h_gnb .lnb li a{font-size:16px; padding-right:15px;}
  #header .bar{padding: 40px 35px;}
  #h_lang li{font-size: 18px;}
  #nav_btn{margin-top:1px;}
}

/*pc*/
@media (max-width:1200px){
  .container{padding: 0 20px;}

  /*header*/
  #h_gnb {display: none;}

  /*main*/
  #m_slider .w_bg{display: none;}
  #m_slider .swiper-pagination{left:0; bottom: 10%; width: 90px;}
  #m_slider .scroll{bottom:81px; right: -50px;}
  #m_slider .swiper-wrapper .swiper-slide{height: 80vh;}
  #m_slider .swiper-wrapper .swiper-slide h3{font-size: 25px;}
  #m_slider .swiper-wrapper .swiper-slide h2{font-size: 60px;}
  #m_slider .swiper-button-next, #m_slider .swiper-button-prev{bottom:25%;}

  #m_about{padding: 80px 20px;}
  #m_about .s_tit{font-size: 25px;}
  #m_about .tit{font-size: 35px; margin:5px 0 25px;}
  #m_about .txt{font-size: 18px; line-height: 28px;}

  #m_pro{padding: 100px 0;}
  #m_pro .tit h2{font-size: 40px; margin-bottom:10px;}
  #m_pro .list li .box .tit{font-size: 25px; margin-bottom:10px;}

  #m_location .img{width: 45%;}
  #m_location .content{font-size: 18px; width: 55%;}
  #m_location .content .tit{font-size: 30px;}
  #m_location .content .tit .view{width: 45px; height: 45px; line-height: 45px;}

  /*sub*/
  #s_top{padding: 250px 0 80px;}
  #s_top .tit{font-size: 60px;}
  #snb li a{padding: 10px 40px; font-size: 16px; margin-bottom: 10px;}
  #sub{padding: 80px 20px 100px;}
  .p_tit{font-size: 40px; margin-bottom:60px;}
  .p_tit::before{bottom:-15px;}

  /*인사말*/
  #ceo{padding-top: 130px;}
  #ceo .content{padding: 50px 30px 0; max-width: 90%;}
  #ceo .content h2{font-size: 25px; line-height: 32px;}

  /*조직도*/
  #team .top h2{font-size: 40px; margin-bottom: 10px;}
  #team .top p{font-size: 18px;}

  /*오시는길*/
  #map .content{padding: 0;}
  #map .content li h2{font-size: 20px; margin:15px 0 10px;}
  #map .content li p{font-size: 16px;}

  /*제품소개*/
  #pro .top{font-size: 18px; padding: 20px 10px;}
  #pro .wrap .content{padding-left:30px;}
  #pro .wrap .content .txt{font-size: 18px;}
}


/*tablet*/
@media (min-width:769px) and (max-width:1200px){

}


/*mobile*/
@media (max-width:768px){

  .container{padding: 0 10px;}

  /*header*/
  #h_logo{left:10px; top:5px;}
  #h_logo img{max-width: 60%;}
  #header .bar{padding: 20px 15px;}
  #h_lang{display: none;}
  #nav_btn{margin-left:0;}

  #sitemap{padding: 30px; background: rgba(0,0,0,0.9);}
  #sitemap .close{font-size:30px; top:30px; right:30px;}
  #sitemap .lang{padding: 6px 15px;}
  #sitemap .lang li a{font-size: 15px;}
  #sitemap .gnb > li > a{font-size: 18px; margin-bottom:5px;}
  #sitemap .lnb li a{font-size: 16px; padding: 3px 10px;}

  /*main*/
  #m_slider .scroll{right: -70px;}
  #m_slider .swiper-pagination{width: 65px; font-size:20px;}
  #m_slider .swiper-pagination-bullet:after{font-size:15px;}
  #m_slider .swiper-wrapper .swiper-slide{height: 65vh;}
  #m_slider .swiper-wrapper .swiper-slide h3{font-size: 20px; letter-spacing: 0; margin-bottom:10px;}
  #m_slider .swiper-wrapper .swiper-slide h2{font-size: 35px; letter-spacing: 0;}
  #m_slider .swiper-button-next, #m_slider .swiper-button-prev{display: none;}

  #m_about{padding: 60px 10px;}
  #m_about .tit{font-size: 30px; margin:5px 0 20px;}
  #m_about .txt{font-size: 16px; line-height: 24px;}

  #m_pro{padding: 60px 0 30px;}
  #m_pro > .tit{margin-bottom: 50px;}
  #m_pro .tit h2{font-size: 30px;}
  #m_pro .tit p{font-size: 18px;}
  #m_pro .list li{width: 100%; margin-bottom:10px; text-align: center;}
  #m_pro .list li .box{width: 100%; padding:20px 10px;}
  #m_pro .list li .box .more{top:10px;}
  #m_pro .list li .box .tit{font-size: 20px;}
  #m_pro .list li .box p{font-size: 16px;}

  #m_location{padding-bottom: 50px;}
  #m_location .img{width: 100%;}
  #m_location .content{font-size: 16px; width: 100%; padding: 30px 20px;}
  #m_location .content .tit{font-size: 20px; margin-bottom: 10px;}

  /*sub*/
  #s_top{padding: 100px 0 60px; text-align: center;}
  #s_top .text{font-size: 16px;}
  #s_top .tit{font-size: 30px; margin-bottom: 0;}
  #snb{display: none;}
  #sub{padding: 50px 10px;}
  .p_tit{font-size: 30px; margin-bottom:50px;}
  .p_tit::before{bottom:-10px; width: 50px; height: 2px;}

  /*인사말*/
  #sub.sub01_01{padding: 50px 0;}
  #ceo{padding-top: 0;}
  #ceo .content{padding: 30px 10px; max-width: 100%; background:rgba(255,255,255,0.6);}
  #ceo .content h2{font-size: 18px; line-height: 28px; margin-bottom:20px;}
  #ceo .content p{font-size: 16px; line-height: 24px;}

  /*조직도*/
  #team .top .line{width: 50px; height: 2px;}
  #team .top h2{font-size: 30px;}
  #team .top p{font-size: 16px;}

  /*오시는길*/
  #map .iframe iframe{height: 300px;}
  #map .content{flex-wrap: wrap; margin-top:0;}
  #map .content li{width: 50%; padding: 30px 10px 0;}
  #map .content li i{font-size: 30px;}

  /*제품소개*/
  #pro .wrap{flex-wrap: wrap;}
  #pro .top{font-size:16px; line-height: 24px; margin-bottom:30px;}
  #pro .tit{font-size:18px;}
  #pro .wrap .img{width: 100%;}
  #pro .wrap .content{width: 100%; padding-left:0; margin-top:30px;}
  #pro .wrap .content .txt{font-size: 16px; line-height:24px; margin-top: 10px;}
  #pro .wrap .content .grade{margin-bottom:30px;}
  #pro .table_wrap{overflow-x:auto;}
  #pro table{width:700px;}
  #pro table tr th, #pro table tr td{font-size: 16px; padding: 7px 10px; line-height: 20px;}




  /*footer*/
  #footer{padding: 30px 0;}
  #footer .f_logo{display: none;}
  #footer .copy{text-align: left; margin-top:10px;}

}

/*mobile2*/
@media (max-width:500px){

  /*오시는길*/
  #map .content li{width: 100%;}
}