*{font-family: 'SCoreDream';}
html{height: 100%;}
#header{height: 86px;z-index: 999999;}
.tel_m{display: none;}
/* 
.menu{position: fixed;z-index: 9999;right: 100px;top: 50%;transform: translateY(-50%);text-align: center;background: rgba(255, 255, 255, 0.671);border-radius: 5px;display:none}
.menu p {background:#2e2925;padding: 5px;border-radius: 5px 5px 0 0;color:wheat}
ul.menu_bar li{margin: 10px 0;}
ul.menu_bar li a{color:#2f2f2f;}
ul.menu_bar li a .menuicon{width: 90px;height: 90px;background:url("/img/fixicon.png");margin: auto;}
ul.menu_bar li:nth-child(1){display: none;}
ul.menu_bar li:nth-child(2) a .menuicon{background-position: -3px -13px;}
ul.menu_bar li:nth-child(3) a .menuicon{background-position: -167px -13px;}
ul.menu_bar li:nth-child(4) a .menuicon{background-position: -250px -13px;}
ul.menu_bar li:nth-child(5) a .menuicon{background-position: -335px -13px;}
ul.menu_bar li:nth-child(6){background:#2e2925;padding:5px 10px;margin: 10px 0 0 0;font-size: 15px;}
ul.menu_bar li:nth-child(6) a{color:wheat;} */


.layerPopup img{
  margin-bottom : 20px;}

  .layerPopup .layerBox {   z-index:10000;   
  position:fixed; right:0%; top:50%; transform:translate(-50%, -50%); padding:30px; background:#fff; border-radius:6px; overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.349);}
  .layerPopup .layerBox .title {margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9;}
  .layerPopup .layerBox .btnTodayHide {
  font-size:14px; font-weight:600; color:black; 
  float: left;text-decoration:none;width: 150px; 
  height : 30px;line-height:30px;border:black solid 1px; text-align : center;text-decoration:none;
  }
  .layerPopup div{
    display : inline;
  }
  .layerPopup form{
    margin-top : 5px;
    font-size:16px; font-weight:600;
    width: 100%;
    height : 30px;
    line-height:30px
  }
  .layerPopup #close {
  font-size:16px; font-weight:600; width: 40px; height : 30px;color:black; float: right; line-height:30px; text-align : center;text-decoration:underline;
  }
  .layerPopup a{
    text-decoration : none;
    color : black;width: 50px;height : 40px;
  }


.content{width: 100%;}
.banner{width: 100%;height: 850px;position: relative;}
.banner_menu{position: absolute;top: 50%;left: 50%;z-index: 999;width: 900px;transform: translate(-50%, -50%);text-align: center;}
p.logo_text{font-size: 40px;color:white;font-weight: 100;}
h1.title{font-size: 30px;color:rgb(255, 255, 255);font-weight: 500;}
h1.title span{font-size: 75px;color:rgb(255, 251, 0);padding:40px 0 ;font-weight: bolder;}
ul.gba{text-align: center;display:flex;justify-content: space-around;margin-top: 85px;}
ul.gba li{padding: 10px;}
ul.gba li a{color: white;font-size: 20px;}
ul.gba li a .menuicon{width: 130px;height: 130px;background:url("/img/menuicon.png")}
ul.gba li a:hover .menuicon{background:url("/img/menuicon_hover.png")}
ul.gba li a:hover{color:#1ed94f}
ul.gba li:nth-child(1) a .menuicon{background-position: 5px 0;}
ul.gba li:nth-child(2) a .menuicon{background-position: -179px 0;}
ul.gba li:nth-child(3) a .menuicon{background-position: -364px 0;}
ul.gba li:nth-child(4) a .menuicon{background-position: -552px 0;}
ul.gba li:nth-child(5) a .menuicon{background-position: -745px 0;}

.case{width: 100%;height: 860px;background: #303131;color: white;padding: 45px 0;}
.case .text{width: 100%;padding-bottom: 10px;}
.case .text h1{text-align: center;font-size: 30px;}
.case .text p{text-align: center;font-size: 60px;font-weight: bold;}
.case_banner{width: 1400px!important;margin: auto;}
.case_banner .swiper-slide{position: relative;width: 100%;height: 100%;display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.case_banner .swiper-slide .case_img{width: 900px;height: 500px;border-radius: 25px;overflow: hidden;}
.case_banner .swiper-slide .case_img img{width: 100%;}
.case_banner .swiper-slide .text_box{width: 350px;height: 500px;letter-spacing: 1px;}

.case_banner .swiper-slide .text_box h2{font-size: 40px;font-weight: 500;}
.case_banner .swiper-slide .text_box p{font-size: 20px;font-weight: 200;}
.case_banner .swiper-slide .text_box span{font-size: 30px;font-weight: 200;color:#ffae00;padding: 10px 0;display: inline-block;}
.case_banner .swiper-slide .text_box .bd{width: 100%;height: 1px;border-bottom: 1px solid #ffae00;}
.case_banner .swiper-slide .text_box .item{width: 340px;height: 317px;}
.case_banner .swiper-slide .text_box .item img{width: 100%;padding-top: 30px;}
.case_banner .swiper-slide .text_box a{text-align: right;color: #ffae00;font-size: 20px;width: 100%;font-weight: 200;position: absolute;right: 0;bottom:40px}

.rental{width: 100%;background: #f8f9fb;padding: 60px 0;}
.rental h1{color:#3f4e61;text-align: center;font-size: 40px;padding-top: 50px;}
.rental .rental_how{width: 1280px;margin: auto;padding:150px 0;border-bottom: 1px dashed rgb(201, 201, 201);}
.rental .rental_how img{width: 100%;}
.rental .rental_text p{width: 900px;margin:20px auto 0 auto;}
.rental .rental_text p{font-size: 13px;font-weight: 300;}

.product{width: 1280px;margin: auto;position: relative;padding: 50px 0;height: 900px;}
.product .img_box{position: absolute;left: -100px;}
.product .img_box img{width: 500px;}
.product .text_box{position: absolute;right: 0;top: 150px;z-index: 99;width: 700px;}  
.product .text_box p{background: #2f2f2f;color: white;display: inline-block;padding:5px 10px;margin: 10px 0;}  
.product .text_box h1{font-size: 30px;}  
.product .text_box ul{display:flex;margin-top: 80px;text-align: center;justify-content: center;}  
.product .text_box ul li{border-right: 1px dotted #dadada;}  
.product .text_box ul li:nth-last-child(1){border-right: 0px solid #dadada;}  
.product .text_box ul.img{width: 200px;}  
.product .text_box ul span{color: rgb(32, 32, 32);padding:5px 10px;display: inline-block;}
.product .text_box .view{text-align: right;display: block;color:#2f2f2f;text-decoration: underline;margin-top: 30px;}
.product .text_box .view i{width: 20px;margin-right: 10px;}

.box_right .img_box{right: -100px;left: auto;}
.box_right .text_box{left: 0;right: auto;}
.box_right .text_box ul li a .img{width: 184px;height: 302px;display: flex;align-items: center;}
.box_right .text_box ul li a .img img{width: 100%;}

.double{display: flex;height: 500px;padding: 10px 0;margin:0 auto 50px auto;}
.double .text_box{position: relative;padding:0 20px;top: 0;}
.double .text_box ul{margin-top: 0;justify-content: center;padding: 20px 0;}
.double .text_box ul li a .img{width: 184px;height: 302px;display: flex;align-items: center;}
.double .text_box ul li a .img img{width: 100%;}

.info{width: 100%;height: 400px;background-image: url(/img/bg.png);background-repeat: no-repeat;background-position: center left;background-color: #313131;}
.wrap{width: 1000px;height: 100%;margin: auto;display: flex;justify-content: space-between;align-items: center;}
.client{background: #eee;height: 600px;}
.client .wrap{width: 1280px;}
.client .text{width: 400px;}
.client .text h1{font-size: 40px;padding: 10px 0;}
.client .logo{width: 800px;}
.client .logo h1{font-size: 35px;padding: 10px 0;text-align: center;}
.logo ul{display: flex;flex-wrap: wrap;}
.logo ul li{width: 23%;height: 100px;border: 1px solid rgb(190, 190, 190);margin: 5px;background: white;border-radius: 5px;overflow: hidden;position: relative;text-align: center;line-height: 87px;font-size: 20px;font-weight: bold;color:rgb(73, 73, 73);padding: 5px;}
.logo ul li img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.logo .swiper-wrapper{margin-bottom: 30px;}


.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-slide {
    width: 100%;
    background-size: cover;
    background-position: center;
  }
  .gallery-top {
    height: 85%;
    width: 100%;
  }
  .gallery-thumbs {
    height: 15%;
    box-sizing: border-box;
    padding: 10px 0;
  }
  .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.5;
    cursor: pointer;
  }

@media only screen and (max-width: 480px) 
{
    html{overflow:auto;}
    #header{height: 50px;}
    .layerPopup .layerBox{right: 10px;top: 100px;transform: translate(0,0);}
    .client{height: auto;}
    .client .wrap{flex-wrap: wrap;width: 100%;}
    .client .text{width: 100%;text-align: center;}
    .client .logo{width: 100%;}
    .logo ul{justify-content: center;}
    .logo ul li{width: 45%;}
    .case{height: auto;}
    .case .text h1{font-size: 23px;}
    .case .text p{font-size: 30px;}
  .ask{position: relative;width: 100%;top: 0;left: 0;border-radius: 0;height: 400px;}
  input[type="text"] {padding: 5px;width: 250px;}
  .map{width: 100%;height: 320px;}
  .wrap{width: 100%;}
 .content{margin-top: 0px;}

  .main_banner03{background-position: -298px center;}
  .main_banner05{background-position: -709px center;}

  .banner{height: 600px;}
  .banner_menu{width: 300px;height: 150px;}
  p.logo_text{font-size: 20px;}
  h1.title{font-size: 20px;}
  h1.title span{font-size: 50px;padding: 10px 0;}
  ul.gba{display:none}


  .info{height: auto;background-position:top left;padding: 20px;}
  .info .wrap{flex-direction: column;}
  .info .tel{width: 100%;}
  .ask{height: auto;margin-top: 20px;}
  .ask table{width: 100%;}
  .ask table input[type="text"]{width: 100%;}
  .ask button{width: 100%;}

  .menu{width: 100%; right: 0;top: 0;transform: translateY(0);border-radius:0;background:rgb(253, 253, 253);height: 140px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.281);}
  .menu_bar{width: 100%; flex-wrap: wrap;}
  .menu p{display: none;}
  .menu_bar{display:flex;width: 100%;justify-content: space-evenly;align-items: center;padding: 0;}
  .menuicon{display:none}
  ul.menu_bar li{order: 2;}
  ul.menu_bar li:nth-child(1){width: 100%;display: block;height: 61px;}
  ul.menu_bar li:nth-child(1) a{display: inline-block;}
  ul.menu_bar li:nth-child(6){width: 100%;margin: 0;padding: 10px 0;}
  ul.menu_bar li:nth-child(1) a img{width: 120px;}
  ul.menu_bar li:nth-child(1){height: 34px;}


  .case{padding: 20px 10px;}
  .case >h1{font-size: 30px;}
  .case >p{font-size: 16px;}
  .case_banner{width: 100%!important;height: auto!important;}
  .case_banner .swiper-slide{flex-direction: column;}
  .case_banner .swiper-slide .case_img{width: 100%;height: 164px;}
  .case_banner .swiper-slide .text_box{width: 100%;height: auto;padding: 10px;text-align: center;}
  .case_banner .swiper-slide .text_box h2{font-size: 25px;}
  .case_banner .swiper-slide .text_box p{font-size: 15px;}
  .case_banner .swiper-slide .text_box .item {width: 290px;height: 290px;margin: auto;}
  .case_banner .swiper-slide .text_box a{bottom: 0;right: 60px;}

  .rental{padding: 20px;}
  .rental h1{font-size: 25px;}
  .rental .rental_how{width: 100%;padding: 20px 0;}
  .rental .rental_how:nth-child(1){border: 1px solid #000;}
  .rental .rental_text p{width: 100%;}

  .product{width: 100%;height:auto;padding:45px 20px;}
  .product .text_box h1{font-size: 22px;}
  .product .img_box{width: 100%;left: 0;z-index: 0;display:none}
  .product .text_box{top: 0;right: 0;width: 100%;position: relative;}
  .text_box ul .img{width:auto;height: 250px;} 
  .text_box ul .img img{width: 100%;} 
  .box_right .text_box ul li a .img{width:auto;height: 155px;}
  .product .text_box .view{width: 100%;}
  .double{flex-wrap: wrap;}
  .double .text_box{width: 100%;}
  .double .text_box ul li{width: 50%;}
  .double .text_box ul li a .img {width: 100%;height: 300px;overflow: hidden;}

  .footer{width: 100%;height:163px}

  
  .footer .wrap{flex-direction: column}
  

} /* 모바일 */
@media only screen and (min-width: 481px) and (max-width: 1400px){
  .rental .rental_how{width: 100%;}

} /* 태블릿 */