@charset "utf-8";

@media screen and (max-width:1450px) {
  
  .inner,
  .subpage .inner{width:100%;padding:0 50px;}
  #mainpage .main-about .inner{padding:0;}
  #mainpage .visual-sec .txt-box{width:100%;padding:0 50px;}
  #mainpage .visual-sec .swiper-pagination{width:100%;padding:0 50px;}
  #mainpage .main-intro .intro-certify-img{width:60%;}
  #mainpage .main-intro .intro-elevator-img{width:100%;}
  #mainpage .main-process .process-swip{width:400px;height:800px;}
  #mainpage .main-type .con-wrap{width:100%;padding:0 0px 0 50px;}
  #mainpage .main-type .swiper{overflow:hidden;}
  #mainpage .main-type .swip-con{min-width:auto;}

  /*sub*/
  .subpage .sub-tab{width:100%;}
  #product-tab .product-tab-lst .inner{justify-content: center;}
  #bo_gall .gall_li .gall_img{width:100%}

} 

@media screen and (max-width:1024px){
  /*header*/
  header .inner .menu li a{font-size:16px;}
  header .inquiry-btn{width:120px;font-size:16px;}

  /*footer*/
  footer .ft-top .inner{flex-direction: column;}
  footer .ft-top .inner>div{width:100%;}
  footer .ft-top .con-l h2{margin-bottom:10px;font-size:45px;}
  footer .cs-info ul{flex-direction: column-reverse;}
  footer .cs-info{font-size:22px;}
  footer .ft-top{padding:60px 0 30px;border-bottom:none;}
  footer .cs-info{border-bottom:0;padding:0px 0 30px;margin:0 0 30px;}
  footer .ft-bt{padding:0 0 60px;}

  /**********main*********/
  /*비주얼*/
  #mainpage .visual-sec .txt-box > p{font-size:20px;}
  #mainpage .visual-sec .txt-box > h2{font-size:50px;}
  #mainpage .visual-sec .txt-box > img{width:300px;}

  /*문의 바*/
  #mainpage .inquiry-bar .inner{gap:25px;}
  #mainpage .inquiry-bar .form-wrap>form>div{gap:25px;}
  #mainpage .inquiry-bar .form-wrap>form>div>div{gap:10px;}
  #mainpage .inquiry-bar h3{font-size:20px;}

  /*인트로*/
  #mainpage .main-intro .con-tit p{font-size:25px;}
  #mainpage .main-intro .con-tit h3{font-size:50px;}
  #mainpage .main-intro .con-txt>p{font-size:20px;}
  #mainpage .main-intro .con-tit p::after,
  #mainpage .main-intro .con-tit p::before{top:-10px;}

  /*about*/
  #mainpage .main-about .swiper-wrapper{flex-direction: row;}
  #mainpage .main-about .swip-img{position:static;width:100%;height:350px;transition: none;}
  #mainpage .main-about .swip-txt{position:static;width:100%;height:auto;padding:0;font-size:18px;}
  #mainpage .main-about .swiper-slide,
  #mainpage .main-about .swiper-slide .swip-con{height:100%;}
   #mainpage .main-about .swiper-slide{width:85%;height:auto !important;}
   #mainpage .main-about .swiper-slide .swip-con{width:100%;padding:30px;background:#fff;border-radius:20px;}
   #mainpage .main-about .swiper-slide .swip-con{display:flex;flex-direction: column-reverse;justify-content: space-between;}
   #mainpage .main-about .swiper-slide.s2 .swip-con{flex-direction: column;}
   #mainpage .main-about .swip-txt h4{margin-bottom:20px;font-size:35px;}
   #mainpage .main-about .swip-txt h4::before{width:30px;height:30px;margin-bottom:12px;background-size:27px;}
  #mainpage .main-about .about-swip-page{display:flex;justify-content: center;}
  #mainpage .main-about .about-swip-page .swiper-pagination-bullet{width:10px;height:10px;background:#fff;}
  #mainpage .main-about h3{font-size:150px;}
  #mainpage .main-about .con-tit p{font-size:24px;}
  #mainpage .main-about .con-tit{margin-bottom:70px;text-align:center;}

   /*project*/
   #mainpage .main-project .con-top{display:block;text-align: center;margin-bottom:50px;}
   #mainpage .main-project .con-top h3{font-size:150px;}
   #mainpage .main-project .con-top p{font-size:24px;}
   #mainpage .main-project .more-btn{margin-top:30px;justify-content:center;font-size:26px;}

   /*process*/
   #mainpage .main-process .con-tit h3{text-align:center;font-size:60px;}
   #mainpage .main-process .con-wrap{display:block;}
   #mainpage .main-process .con-wrap>div{width:100%;}
   #mainpage .main-process .process-ico{width:100px;height:100px;}
   #mainpage .main-process .process-ico img{width:40px;}
   #mainpage .main-process .con-r{display:block;}
   #mainpage .main-process .con-r>div{width:100%;}
   #mainpage .main-process .swiper-pagination-bullets{margin-top:40px;flex-direction: row;justify-content:center;}
   #mainpage .main-process .swiper-pagination-bullet{width:75px;height:75px;}
   #mainpage .main-process .swiper-pagination-bullet-active::before{width:70px;height:70px;}
   #mainpage .main-process .call-marquee .marquee-inner {width: 3000px;animation: marquee 30s linear infinite;}
   #mainpage .main-process .marquee-txt {width: 1500px;}
   #mainpage .main-process .marquee-txt img{width:1500px;}
   #mainpage .main-process .process-swip{height:600px;}


   @keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -1500px;
    }
  }
  
  #product-conbx15 .sec01 table td{padding:18px 30px;}

  /*종류*/
  #mainpage .main-type .swiper-container-horizontal>.swiper-scrollbar{display:block;margin-top:50px;}
  #mainpage .main-type .swip-nav{display:none;}
  #mainpage .main-type .con-top .inner{display:block;}
  #mainpage .main-type .con-top{text-align:center;}
  #mainpage .main-type .con-top .con-tit h3{font-size:50px;}
  #mainpage .main-type .swiper-slide .con-txt{text-align:left;}
  #mainpage .main-type .swiper-slide .con-img{height:280px;}

  /******************sub******************/
  /*sub 공통*/
  .subpage .sub-top h2{font-size:55px;}
  .subpage .sub-top p{font-size:19px;}
  .subpage .sub-tab ul li a{font-size:16px;}

  /*제품소개 - 상세*/
  #product-con .btn-area a img{display:none;}
  #product-con .btn-area a span::before{display:none;}

  #bo_gall.projpage .proj-tit{font-size:20px;}
  #bo_gall.projpage .proj-tit-wrap input[type="checkbox"]{position:relative;top:7px;}
  .projpage #bo_gall .gall_li {width:calc(50% - 14px);}

}


@media screen and (max-width:768px){
  /********common**********/
  .m-only{display:block;}
  .pc-only{display:none;}
  .inner,
  .subpage .inner{padding:0 20px;}
  .contents{padding:50px 0;}
  section>div:nth-child(2){padding-top:90px;}
  #mainpage>div:nth-child(2){padding-top:0px;}
  #mainpage>div:nth-child(3){padding-top:90px;}
  section>div:last-child{padding-bottom:90px;}
  #mainpage>div:last-child{padding-bottom:190px;}

  /*header*/
  header{height:80px;}
  header h1 img{width:160px;}
  header .inquiry-btn{width:88px;height:36px;font-size:15px;}
  header .inquiry-btn::before{display:none;}
  header .con-r{gap:12px;}
  .hambtn{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;}
  header .menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;padding-top:100px;background:#00378A;transition:.5s;}
  header .inner .menu ul{flex-direction: column;gap:20px;}
  header .inner .menu li{line-height:50px;height:auto;}
  header .menu.hammenu-on{right:0;}
  header .ham-close{position:absolute;top:30px;right:20px;width:24px;height:24px;}
  header .ham-close span{display:block;position:absolute;top:5px;width:100%;height:2px;background:#fff;}
  header .ham-close span:nth-child(1){left:0;rotate: 45deg;}
  header .ham-close span:nth-child(2){right:0;rotate: -45deg;}
  header .inner .menu li a{font-size:20px;}


  /*footer*/
  footer .ft-top .con-l h2{font-size:30px;}
  footer .cs-info{font-size:17px;}
  footer .ft-top{padding:50px 0 30px;border-bottom:none;}
  footer .cs-info{border-bottom:0;padding:0px 0 30px;margin:0 0 30px;}
  footer .ft-bt{padding:0 0 80px;font-size:12px;}
  footer .com-info{font-size:14px;}


  /********main**********/
  :root {
    --marquee-width: 790px;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 3;
  }


  /*visual*/
  #mainpage .visual-sec{height:calc(100vh - 60px);}
  #mainpage .visual-sec .txt-box{padding:0 20px;}
  #mainpage .visual-sec .swiper-pagination{top:auto;left:0px;bottom:50px;padding:0 20px;transform: translate(0%, 0%);}
  #mainpage .visual-sec .txt-box > p{font-size:18px;}
  #mainpage .visual-sec .txt-box > h2{font-size:36px;}
  #mainpage .visual-sec .txt-box > img{margin-top:20px;}

  /*inquiry bar*/
  #mainpage .inquiry-bar{position:fixed;bottom:0;left:0;z-index:99;height:60px;}
  /* #mainpage .inquiry-bar .form-wrap{position:absolute;bottom:-1000px;left:0;width:100%;height:390px;background:#00245A;transition: 1.5s;} */
  #mainpage .inquiry-bar h3{font-size:22px;cursor: pointer;}
  /* #mainpage .inquiry-bar .form-wrap.form-on{bottom:0;transition: .8s;}
  #mainpage .form-pop-top{display:flex;width:100%;height:60px;align-items:center;justify-content:center;}
  #mainpage .inquiry-bar .form-wrap form>div{justify-content: center;flex-direction: column;gap:10px;}
  #mainpage .inquiry-bar .form-wrap .input-wrap{display:block;}
  #mainpage .inquiry-bar .form-wrap .input-wrap input{width:100%;margin-bottom:12px;}
  #mainpage .inquiry-bar .form-pop-con{padding:20px;}
  #mainpage .inquiry-bar .form-pop-con .btn{width:100%;height:56px;margin-top:20px;background:#000;border-radius:4px;color:#fff;font-size:20px;}
  #mainpage .inquiry-bar.unfixed{position:absolute;} */

  #mainpage .visual-sec .videoWrapper video{
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }


  /*intro*/
  #mainpage .main-intro .con-tit p{font-size:17px;}
  #mainpage .main-intro .con-tit h3{font-size:40px;}
  #mainpage .main-intro .con-txt>p{font-size:17px;}
  #mainpage .main-intro .con-tit p::after{top:-5px;right:-10px;width:12px;}
  #mainpage .main-intro .con-tit p::before{top:-5px;left:-10px;width:12px;}
  #mainpage .main-intro .intro-certify-img{width:80%;margin-bottom:30px;}
  #mainpage .main-intro .con-txt{margin-bottom:30px;}


  /*about*/
  #mainpage .main-about .swip-img{height:250px;}
  #mainpage .main-about .swiper-slide .swip-con{padding:25px 20px;}
  #mainpage .main-about h3{font-size:85px;}
  #mainpage .main-about .con-tit p{margin-top:10px;font-size:17px;}
  #mainpage .main-about .con-tit{margin-bottom:40px;}
  #mainpage .main-about .swip-txt h4{font-size:26px;}
  #mainpage .main-about .swip-txt{font-size:16px;}

 

  /*project*/
  #mainpage .main-project .con-top{margin-bottom:30px;}
  #mainpage .main-project .con-top h3{font-size:85px;}
  #mainpage .main-project .con-top p{font-size:17px;}
  #mainpage .main-project .more-btn{font-size:20px;gap:10px;font-weight:500;}
  #mainpage .main-project .more-btn img{width:20px;}
  #mainpage .main-project .con-wrap{padding:20px 0;}

  /*process*/
  #mainpage .main-process .con-tit h3{font-size:35px;}
  #mainpage .main-process .process-ico{width:85px;height:85px;}
   #mainpage .main-process .process-ico img{width:30px;}
   #mainpage .main-process li{gap:16px;}
   #mainpage .main-process .con-tit p{font-size:14px;}
   #mainpage .main-process .con-tit h4{font-size:20px;margin:5px 0;}
   #mainpage .main-process .con-txt>p{font-size:14px;}
   #mainpage .main-process .process-swip{height:450px;}
   #mainpage .main-process .swiper-pagination-bullet{width:65px;height:65px;}
   #mainpage .main-process .swiper-pagination-bullet-active::before{width:60px;height:60px;}
   #mainpage .main-process .swiper-pagination-bullets{margin-top:25px;gap:15px;}

   /*type*/
   #mainpage .main-type .swiper-slide{width:280px;}
   #mainpage .main-type .con-wrap{padding-left:20px;}
   #mainpage .main-type .swiper-slide h4{font-size:20px;}
   #mainpage .main-type .swiper-slide p{font-size:15px;}


    /********sub**********/

    /*서브페이지 공통*/
    .subpage{padding:80px 0;}
    .subpage .sub-top{padding:50px 0;background:#00378A;}
    .subpage .sub-top h2{margin-bottom:10px;font-size:40px;}
    .subpage .sub-top p{font-size:16px;}
    .subpage .sub-tab{display:block;width: 100% !important;padding-left: 20px;position: static;transform: translateX(0);margin-top: 40px;overflow-x: auto;}
    .subpage .sub-tab ul{width:552px;margin:0 auto;}
    .subpage .sub-tab ul li{height:50px;}
    .subpage.projpage .sub-tab1 ul li{height:50px;}

    /*제품소개 - 탭*/
    #product-tab .product-tab-lst .inner{flex-wrap: wrap;gap:20px;align-items: flex-start;justify-content:center;}
    #product-tab .product-tab-conbx{width:calc(50% - 10px);margin:0 0px 30px;}
    #product-tab .product-tab-conbx .con-img{width:100%;height:250px;}
    #product-tab .product-tab-conbx .con-txt h3{margin:20px 0 10px;font-size:22px;}
    #product-tab .product-tab-conbx .con-txt p{font-size:16px;}

    /*제품소개 - 상세*/
    #product-con .sub-tab{display:none;}
    #product-con .product-lst{padding-top:60px;}
    #product-con .product-info .con-top{flex-direction: column;}
    #product-con .product-info .con-top .con-img{width:60%;height:300px;margin-bottom:50px;}
    #product-con .product-info .con-top .con-txt{width:100%;padding-left:0;}
    #product-con .feature-txt p{width:100%;font-size:15px;}
    #product-con .feature-txt{flex-direction: column;margin-bottom:40px;}
    #product-con .con-top .con-txt h3{margin-bottom:25px;font-size:30px;}
    #product-con .con-top .con-tit span{margin-bottom:25px;}
    #product-con .btn-area a{width:calc(33.33% - 10px);font-size:15px;}
    #product-con .product-info-sec .con-tit h4{font-size:22px;}
    #product-con .product-info-sec .con-tit h4::before{position:relative;top:-2px;width:13px;height:13px;}
    #product-con table th, #product-con table td{padding:13px 0;font-size:14px;}
    #product-con .sec04 table img{width:80%;}
    #product-con .product-info-sec{padding:35px 0;}
    #product-con .move-list{width:calc(100% - 40px);height:50px;font-size:16px;}
    #product-conbx15 .sec01 table td{padding:13px 20px;border-top:none;}
    #product-conbx16 table td{padding:13px 10px;}

    /*faq*/
    #bo_list .sub-top,
    #bo_w .sub-top{background:#fff;}
    #bo_list .sub-con{padding-top:0;}
    ul.faq_list_board .cate_name{width:100%;margin-bottom:10px;font-size:17px;}
    ul.faq_list_board p.q{flex-wrap:wrap;padding:20px 0;font-size:19px;}
    ul.faq_list_board p.q>span{width:100%;text-align:left;}
    .faq-tit{display:inline-block;padding-right:30px;}
    #bo_list.faqpage .sub-con{padding-top:0;}
    ul.faq_list_board div.answer{padding:20px 0;}
    ul.faq_list_board p.q:after{right:0;}
    ul.faq_list_board p.q{font-size:17px;}
    ul.faq_list_board .cate_name{margin-bottom:5px;font-size:15px;}
    .faqpage .modify-btn{bottom:15px;right:0;font-size:15px;padding:0 10px;}



    /*시공사례*/
     #bo_gall.projpage{padding:80px 0 20px;}
    #bo_gall.projpage .sub-con{padding-top:50px;}
    .projpage.subpage .sub-tab ul{width:1100px;}
    #bo_gall.projpage .gallery{justify-content: space-between;}
    #bo_gall.projpage .gallery>div{width:100%;}
    #bo_gall.projpage .proj-tit{font-size:17px;}
    #bo_gall.projpage .proj-tit-wrap input[type="checkbox"]{position:relative;top:3px;}
    .projpage .modify-btn{top:1px;font-size:14px;}
    #bo_w.projpage #btn_autosave{position:static;margin-top:10px;}
    .sl-wrapper .sl-navigation button.sl-prev{transform: translate(0 , -50%) !important;left:10px !important;}
    .sl-wrapper .sl-navigation button.sl-next{transform: translate(0 , -50%) !important;right:10px !important;}
    .projpage #bo_gall .gall_ul{gap:0;}
    .projpage #bo_gall .gall_li {width:100%;}
    .projpage .proj-tit{font-size:20px;}
    .proj-view #bo_v_img{width:100%;}
    #bo_w.proj-write .sub-con{padding:50px 0 0;}
    #bo_w.proj-write .btn_cancel{height:50px;font-size:16px;line-height:50px}
    #bo_w.proj-write .filebox .btn_file{width:60px;font-size:14px;}
    .gal-lst-btn{width:calc(100% - 20px);height:50px;margin:30px auto 100px;float:none;font-size:16px;}
    #bo_gall .gall_li .gall_img{height:30vh;}
    #product-conbx15 .sec01 table tbody{display:block;width:100%;}
    #product-conbx15 .sec01 table td,
    #product-conbx15 .sec01 table th,
    #product-conbx15 .sec01 table tr{display:block;width:100%;}



    

    /*견적문의*/
    #bo_w.qpage form{width:100%;}
    .qpage .inquiry-label{font-size:19px;}
    .qpage .inquiry-label.required-info::after{font-size:14px;}
    .qpage .inquiry-label::before{top:-3px;width:10px;height:10px;}
    .qpage .write_div input, 
    .qpage .write_div select{height:50px;font-size:15px;}
    .daum-address-div button{height:50px;width:100px;font-size:15px;}
    .daum-address-div .con-flex-bet input{width:calc(100% - 110px);}
    #bo_w .sub-top{padding:50px 0;}
    .qpage .write_div input[type="checkbox"]{width:22px;height:22px;}
    .qpage .chk-wrap .chkmark{width:22px;height:22px;background-size: 22px;}
    .qpage .chk-wrap .wr-label{top:0;}
    .qpage .chk-wrap label{padding-left:30px;}
    #bo_w.qpage, .qpage{padding-bottom:0;}
    .proj-view .btn_top{float:none;overflow:hidden;}
    #bo_v_img{padding-top:0;}
    .projpage.proj-view{padding-bottom:0;}
    .projpage.proj-view .sub-con{padding-top:50px;}
    .projpage.proj-view .inner{padding:0;}
    .projpage #bo_v_atc{padding:30px 20px;}
    .projpage #bo_v_con{padding-bottom:0;min-height:auto;}
    .proj-view .btn_top{margin-right:0;padding:0 20px;}
    #bo_v>header{padding:0 0px;}
    .subpage.proj-view .sub-tab{display:none;}
    .projpage .btn_top{margin-right:0;}
    #bo_gall #gall_allchk{margin-left:0;}
    
    
    .subpage.qpage .sub-top{padding:50px 0 30px;background:#fff;}
    .qpage .write-top-btn{gap:7px;}
    .qpage .write-top-btn a.btn_b03,
    .qpage .write-top-btn>li>.btn{width:35px;height:35px;padding:0;}
    .qpage #bo_v_atc{padding:15px 0;}
    .qpage #bo_v_con li::before{width:6px;height:6px;}
    .qpage #bo_v_con li h4{width:100px;font-size: 17px;}
    .qpage #bo_v_con li p{width:calc(100% - 110px);font-size: 17px;line-height:1.2;}
    .qpage .bo_v_tit{font-size: 20px;}
    .qpage #bo_v_info{font-size:17px;padding:10px 0 15px;}
    .qpage #bo_v_con ul{margin:0;}    
    .qpage #bo_v_con{padding-bottom:0;}

}



@media screen and (max-width: 480px) {
    .visual-sec .txt-box {left: 46%;}
    .visual-sec .txt-box > h3 {font-size: 1.2rem;}
    .visual-sec .txt-box > p {font-size: 0.8rem}
    .visual-sec .all-box {bottom: 0;height: 30px;}

    #product-tab .product-tab-lst .inner{gap:0px;}
    #product-tab .product-tab-conbx{width:calc(100%);}
    /* #product-tab .product-tab-conbx .con-img{height:150px;} */
    #product-tab .product-tab-conbx .con-txt h3{margin:20px 0 10px;font-size:18px;}
    #product-tab .product-tab-conbx .con-txt p{font-size:14px;}

    #product-con .product-info .con-top .con-img{width:100%;}
    #product-con table th, #product-con table td{font-size:13px;}

  }