.header{width: 100%;height: 100px;border: 1px solid rgb(201, 201, 201);box-shadow: 1px 1px 3px #adadad91;position: fixed;top:0;left: 0;z-index: 999;background: #fff;}
.wrap{width: 1100px;margin: auto;}
.header .wrap{height: 100%;}
.header .wrap{display: flex;align-items:center;justify-content: space-between;}
.logo img{width: 70%;}
.header .wrap ul{display: flex;}
.header .wrap ul li{padding: 5px;}
.header .wrap ul li a{display: flex;padding: 10px;color:black;font-weight: bold;font-size: 16px;}
.header .wrap ul li a.on{color:rgb(196, 196, 196)}
.box{width: 100%;height: 500px;margin-top: 100px;position: relative;z-index: 1;}

.swiper-container {
  width: 100%;
  height: 100%;

}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: url('/img/bg.jpg');
}
.product_box{padding: 10px 0;}
.product{width: 1000px;margin: auto;padding: 50px 0;display: flex;height: 400px;border-bottom: 1px dotted rgb(185, 185, 185);}
.img_box{width: 400px;height: 100%;padding:0 20px;}
.text_box{width: 600px;padding:0 30px;}

.img_box img{height: 100%;}
.text_box h1{border-bottom: 1px solid #000;display: inline;}
.text_box p{padding:20px 10px;height: 200px;font-size: 14px;}
.text_box p i{font-weight: bold;font-size: 18px;}
a.more{padding:15px 25px;display: inline-block;background: #ff6262;margin: 10px 0;color:white;border-radius: 5px;font-size:13px;}


.ask{background: rgb(236, 236, 236);width:1000px;height: 250px;margin:10px auto ;padding: 30px 0;text-align: center;}

.ask h1{display: inline-block;border-bottom: 1px solid #000;padding: 10px 0;color:rgb(80, 80, 80)}
.ask p{padding: 10px 0;color:rgb(80, 80, 80)}

.footer{width: 100%;background: #555555;padding: 10px 0;}
.footer .wrap:nth-child(1){border-bottom: 1px solid rgb(136, 136, 136);display: flex;align-content: center;padding: 10px;height: 80px;}
.footer .footer_logo{width: 40%;height: 80px;}
.footer .footer_logo img{width: 200px;}
.footer .wrap .info{padding: 10px 0;width: 60%;}
.footer .wrap .info li{font-size: 14px;color:rgb(177, 177, 177);}
.footer .gnb{display: flex;}
.footer .gnb li{padding: 10px 0;color:rgb(153, 153, 153)}
.footer .gnb li a{padding:10px;color:rgb(153, 153, 153);font-size: 16px;}
.footer p{font-size: 13px;color:rgb(153, 153, 153)}
.header ul.Mmenu{display: none;}
.Mbtn{display: none;}
@media only screen and (max-width: 480px) 
{
    .wrap{width: 100%;}
    .header{height: 50px;}
    .header .wrap{display: block;text-align: center;}
    .header .wrap .logo img{width: 120px;padding: 13px;}
    .header .wrap ul{display: none;}
    .header ul.Mmenu{display: block;position: absolute;top: 50px;left: 0;width: 100%;text-align: center;background: rgba(39, 39, 39, 0.918);height: 0;overflow: hidden;}
    .header ul.Mmenu li{padding: 2px;border-bottom: 1px solid rgb(129, 129, 129);}
    .header ul.Mmenu li a{color:rgb(255, 255, 255);padding: 7px;display:inline-block;font-size:14px;width:100%;font-weight: bold;}
    .Mbtn{width: 48px;height: 48px;position: absolute;right: 0;top: 0;background: rgb(75, 75, 75);z-index: 999;display: block;text-align: center;padding-top: 8px;}
    .box{height: 218px;margin-top: 50px;}
    .product{width: 100%;flex-direction: column;height: auto;}
    .text_box {width: 100%;padding:0 10px}
    .text_box p{height: auto;}
    .ask{width: 100%;}
    .footer_logo img{width: 100%;}
    .swiper-slide img{width: 100%;}
    .footer .footer_logo{width: 57%;height: 80px;}

} /* 모바일 */