/* ********************************************* *
 * 1660px
 * ********************************************* */
 @media screen and (max-width: 1660px){

    .policy-outbox{width: 200%;}
   
}
/* ********************************************* *
 * 1500px
 * ********************************************* */
 @media screen and (max-width: 1500px){

    /* main */
    .main_view{width: 80%;}
    .sidemenu_whole{width: 300px;}
    .sidemenu_whole .sidemenu_wrap,.sidemenu_whole .lang_section,.sidemenu_whole .logo{width: 300px;}
    .contact_us .tel_number{font-size: 20px;}
    .main_view .main_box{bottom: 60px;}
    
    /* company */
    .view_page,.product_wrap .product-bg{padding-left: 325px;}   
    .contents_container .product_con_inner{padding-left: 325px;} 
    .company .text_container .title h1::before{display: none;}    
    .company .text_container,.policy-title-con,.poli-section-wrap .poli-inner-body{padding-left: 20px;}
    .policy-detail{margin-top: 120px;}
    .policy-outbox{width: 150%;}
    .policy-square .poli-icon{width: 100%;}
    .policy-section.w90{width: 98%;}
    .policy-contents-box .policy-absolute{width: 35%; top: -2%;}



    /* product */
    .product-bg .contents_wrap .title h1::before{display: none;}
    .product-bg .contents_wrap,.contents_container{padding-left: 20px; padding-right: 0}
    .pro_section .pro_ul{width: 98%;}

    /* equipment */
    .equipment .contents_wrap{padding-left: 20px; padding-right: 20px;}
    .contents_container .equip_con_inner{padding-left:325px;}
    .equip_section .equip_ul{width: 98%;}
    .equipment .contents_wrap .title h1::before{display: none;}

    /* rnd */
    .mes-con,.hw-system,.orga-con{width: 98%;}
    .rnd .contents_wrap{ padding-left: 20px;}
    .rnd .contents_wrap .title h1::before{display: none;}
    .rnd .rnd-table01{width: 98%;}
    .rnd .rnd-table02{width: 98%;}
    .rnd-detail .rnd-img{width: 100%;}
 

    /* contact */
    .customer .contents_wrap{ padding-left: 20px;}
    .customer .contents_wrap .title h1::before{display: none;}
    .contact-inner .contact-table01{width: 98%;}


}
@media screen and (max-height: 848px){
    .main_view .main_box{padding-top: 50%;}
}


/* ********************************************* *
 * 1440px
 * ********************************************* */
 @media screen and (max-width: 1440px){

    /* company */
    .company .text_container{width: 100%;}
    .company .img_container{width: 100%; padding-left: 0; padding-top: 80px; height: 380px;}
    .company .img_container .greeting-img{height: 380px; background: url(/BUMSEO/img/sub/mo_company01.jpg)no-repeat; background-position: center; background-size: cover;}
    .company .img_container .img_com img{display: none;}
    .company .img_container .history-img{height: 380px;  background:url(/BUMSEO/img/sub/mo_company02.jpg)no-repeat ;background-position: center; background-size: cover; }
    .company .img_container .certifi-img{height: 380px;  background:url(/BUMSEO/img/sub/mo_company03.jpg)no-repeat ;background-position: center; background-size: cover; }
    .company .img_container .promotion-img{height: 380px;  background:url(/BUMSEO/img/sub/mo_company04.jpg)no-repeat ;background-position: center; background-size: cover; }
    .company .img_container .policy-img{height: 380px;  background:url(/BUMSEO/img/sub/mo_company05.jpg)no-repeat ;background-position: center; background-size: cover; }


    .policy-detail{margin-top: 40px; }
    /* .policy-img{width: 100%; position: absolute;; top: -200px; right: 0; height: 210px;} */
    .policy-img img{height: 100%; }
    .inner-policy{width: 100%;}
    .policy-outbox{width: 100%;  margin-bottom: 80px;}


    /* product */
    .product-bg .contents_wrap .txt-detail{width: 100%;}
    .product_wrap .product-img03{width: 34%;}

    /* equipment */
    .equipment .contents_wrap .txt-detail{width: 100%;}

}

/* ********************************************* *
 * 1200px
 * ********************************************* */
@media screen and (max-width: 1200px){
    .main_view{width: 77%;}
    .main_box .main_ul li .li_inner{min-height: 200px;}
    .main_box .main_ul{right: 7%;}

    .product_wrap .product-img03{width: 37%;}
    .policy-contents-box .policy-absolute{top: 2%;}
    .policy-contents-box .policy-base h2 {font-size:25px;}

    .contact-inner .contact-table01 tr th{width: 20%;}
    .contact-inner .contact-table01 tr td .formstyle03{width: 30%;}
    .policy-container{width: 100%;}

    .policy-ul .top::before{left: 41%;}
    .policy-ul .bottom {left: 46%;}
    .policy-ul .bottom::before {left:40%}
    .policy-outbox .right-com{display: none;}

    
}

/* ********************************************* *
 * 1024px min 부터 mobile ver.
 * ********************************************* */
@media screen and (min-width: 1025px){

    .mobile_menu_wrap{display: none;}

}

/* ********************************************* *
 * 1024px max
 * ********************************************* */
@media screen and (max-width: 1024px){

    .main_view{width: 100%;}
    .sidemenu_whole{display: none;}
    .main_box .main_ul{width:100%; right: 0;}
    .boundary{padding: 0 20px;}
    .main_box .main_ul li{padding:2%}
    .main_view .main_title{text-align: center;}
    .main_view .main_title .main_title_inner{padding-left: 0;}
    .main_view .main_title .main_title_inner p br{display: none;}
    .combine_title-box{-ms-overflow-style: none}
    .combine_title-box::-webkit-scrollbar {display:none;}
    

    .view_whole{height: 100%;}
    .view_page{padding-left: 20px; padding-right:20px; height: 100%;}
    .company .text_container{padding-left: 0; padding-right: 0;}
/* 
    .policy-ul .top{left: 50%; margin-left:-38px}
    .policy-ul .top::before{left: 50%;}
    .policy-ul .bottom{left: 50%; margin-left: -43px;}
    .policy-ul .bottom::before{left: 50%;}
    .policy-outbox{position: relative;} */

    .poli-section-wrap .poli-inner-body,.policy-title-con{padding-left: 0;}
    .view_page.policy_page{overflow-x: inherit; overflow-y: inherit;}

    /* product */
    .product_wrap{height: 100%;}
    .product_wrap .product-img{width: 40%;}
    .product-bg .contents_wrap{padding-left: 0;}
    .view_page, .product_wrap .product-bg{padding-left: 20px; }
    .contents_container .product_con_inner{padding-left: 0;}
    .pro_section .pro_ul{width: 100%;}
    .product_wrap .contents_wrap .txt-detail{padding-top: 50px;}

    /* equipment */
    .contents_container .equip_con_inner{padding-left:0}
    .equip_section .equip_ul{width: 100%;}
    .equipment_wrap{height: 100%;}
    .equipment .contents_wrap .txt-detail{padding-top: 50px;}
    .equipment .contents_wrap{padding-bottom: 100px; padding-left:0; padding-right: 0; }

    /* rnd */
    .rnd .contact-wrap{height: auto;}
    .rnd .contents_wrap {padding-left: 0;}
    .contact-inner .rnd-table01{width: 100%;}
    .contact-inner .rnd-table02{width: 100%;}
    .mes-con,.hw-system,.orga-con{width: 100%;}
    .hw-orga .hw-top-wrap .hw-top li img



    /* customer */
    .customer .contact-wrap{height: auto;}
    .customer .contents_wrap {padding-left: 0;}
    .contact-inner .contact-table01{width: 100%;}
    

    .footer{display: block; width: 100%; text-align: center; left:0;}
    .sub_footer{display: block;}
    .b-g .sub_footer{background-color:#f1f1f1 ;}
    

}
/* ********************************************* *
 * 960px min
 * ********************************************* */
 @media screen and (min-width: 960px){
    

}

/* ********************************************* *
 * 960px max
 * ********************************************* */
@media screen and (max-width: 960px){

    
    .company .img_container{height: 300px;}
    .company .img_container .img_com{height: 100%; }
    .promotion-list ul li{width: 50%;}



}


/* ********************************************* *
 * 768px min
 * ********************************************* */
@media screen and (min-width: 768px){

}

/* ********************************************* *
 * 768px max
 * ********************************************* */
@media screen and (max-width: 768px){
    
    
    .main_view .main_title .main_title_inner h1{font-size: 25px;}
    .main_view .main_title .main_title_inner p{font-size: 22px;}
    .main_box .main_ul li .li_inner{min-height: 155px;}
    .main_box .btn_container .button01{width: 120px;}
    .combine_title-box{position: relative; height: 100%;}
    .main_view .main_title{position: relative; height: 360px; text-align: center;}
    .main_view .main_box,.main_box .main_ul{position: relative;}
    .main_view {width: 100%; height: 960px; background: url(/BUMSEO/img/main/m_main_bg.jpg)no-repeat; background-size: cover; background-position: 52%;  }
    .main_view::before{width: 100%; height: 100%; content: ""; position: absolute; background-color: #333; opacity: 0.4;}
    .main_box .main_ul li{width: 100%;}
    .main_view .main_bg{display: none;}
    .view_whole{height: auto;}
    .main_view .main_box{padding-top: 5%;}

    /* company */

    /* .policy-container::after{display: none;}
    .policy-container::before{display: none;}
    .round-policy {top: 0%;} */
    /* .policy-container{height: auto; overflow: hidden;}
    .policy-container::before{height: 100px; left:50%; bottom:0; content: ""; position: absolute;  width: 2px; border-right: 1px dashed #ddd;}
    .policy-container ul{position: relative; height: auto; padding-top: 80px; }
    .policy-container ul li{position: relative; width: 25%; float: left; text-align: center;}
    .policy-container ul::before{width: 74%; left:14%; bottom:39px; content: ""; position: absolute; height: 2px; border-top: 1px dashed #ddd;}
    .policy-ul .top{left: 0; margin-left: 0;}
    .policy-ul .left{left: 0; top: 0;}
    .policy-ul .bottom{left: 0; margin-left: 0;}
    .policy-ul .right{left: 0; top: 0;}
    .policy-ul .right::before{ top: -20px; left: 50%;}
    .policy-ul .left::before{ top: -20px; left: 50%;}
    .policy-ul .bottom::before{ top: -20px; left: 50%;}
    .policy-ul .top::before{ top: -20px; left: 50%;} */
    .company .text_container .title h1{line-height: 1;}
    .policy-contents-box .policy-absolute{position: relative; width: 100%; height: 200px; background: url(/BUMSEO/img/sub/policy_img.jpg)no-repeat; background-size: cover; background-position: center 63%;}
    .policy-contents-box .policy-absolute img{display: none;}
    .policy-title-con .title h1{line-height: 1; font-size: 35px;}
    .policy-contents-box .policy-base .import-bg p{width: 100%;}
    .policy-contents-box .import-policy{padding-top: 30px;}
    .poli-icon .poli-round,.poli-icon .poli-round .poli-round-border{width: 150px; height: 150px;}
    .poli-icon .poli-round .round-text{width:130px; height: 130px;}
    .poli-icon .poli-round .round-text span{font-size: 14px;}


    /* product */
    .product-bg .contents_wrap .title h1{font-size: 35px;}
    .product_wrap .contents_wrap .txt-detail{padding-top: 50px;}
    .product_wrap .product-img{right: 0; bottom: -30px; width: 40%;}
    .pro_section .pro_ul li.w25{width: 50%; height: 380px;}
    .pro_section .pro_ul li.w25 img{width: 100%;}
    .product_wrap .product-img03{width: 55%; bottom: -130px;}
    .product_wrap .contents_wrap .txt-detail p{font-size: 16px;}

    
    /* equipment */
    .equip_section .equip_ul li.w25{width: 50%;}
    .view_page .contents_wrap .title h1{font-size: 35px; line-height: 1.2;}
    .number-box .equip-number li{width: 50%;}
    .equipment .contents_wrap .txt-detail p{color:#444; font-size: 16px;}
   
    .contact-inner .contact-table01 tr td .formstyle01{width: 100%;}
    .contact-inner .contact-table01 tr td .formstyle02{width: 46%;}
    .contact-inner .contact-table01 tr th{padding:10px 0 10px 15px}
    .contact-inner .contact-table01 tr td{padding: 10px 0 10px 15px;}

    /* rnd */
    .mes-con li{width: 33.3333%;}
    .hw-orga .hw-top-wrap .hw-top-left{width: 35%;}
    .hw-top-left .hw-top-inner .hw-top-img{width: 100%;}
    .hw-orga .hw-top-wrap .hw-top-right{width: 65%;}
    .hw-bottom-wrap .hw-bottom-con li{width: 50%;}
    .hw-top-left::before {left: 50%;}
    .hw-top-left::after{display: none;}
    .hw-middle .hw-middle-inner {width: 40%;}
    .hw-top-right::after{width: 77%; left: -27%;}
    .hw-bottom-wrap .hw-bottom-con li::before{display: none;}
    .hw-bottom-wrap .hw-bottom-con li::after{display: none;}
    .hw-middle::before{height: 20%;}
    .orga-bottom-wrap .orga-bottom::before{display: none;}

} 

/* ********************************************* *
 * 600px
 * ********************************************* */
@media screen and (max-width: 600px){

    .company .text_container .txt-detail h3{font-size: 18px; line-height: 25px;}
    .policy-detail h2{font-size: 25px;}
    .policy-outbox .poli-icon li p{font-size: 14px;}
    .policy-outbox .left-com{padding: 20px;}


    .pro_section .pro_ul li.w25{width: 50%; height: 270px; }
    .pro_section .pro_ul{padding-bottom: 40px;}
    .pro_section .pro_ul li p{font-size: 14px;}
    .navi_wrap ul li::before{display: none;}
    .navi_wrap ul li::after{content: ""; position: absolute; right: -20px; bottom: 3px; width: 8px; height: 8px; transform: rotate(-45deg); border-right: 2px solid #aaa; border-bottom: 2px solid #aaa;}
    .navi_wrap ul li:nth-child(3)::after{display: none;}
    .navi_wrap ul li:nth-child(2)::after{ border-right: 2px solid #00529c; border-bottom: 2px solid  #00529c;}

    .product_wrap .product-img{width: 50%;}
    .pro_section h3{font-size: 20px;}
    .product_wrap .product-img03{width: 60%; bottom: -80px;}

    .equip_section h3{font-size: 20px; line-height: 1; padding-right: 20px;} 
    .equip_section .equip_ul{padding-bottom: 60px;}


    .contact-inner .contact-table01 tr th{padding: 2%;}

    .orga-info-wrap {padding-bottom: 20px;}
    .orga-con .orga-top-wrap .orga-top {width: 60%;}



    .policy-detail{padding-bottom: 0;}
    .hw-bottom-wrap .hw-bottom-con li .hw-bottom-inner p{font-size: 14px;}



   
}

/* ********************************************* *
 * 560px
 * ********************************************* */
 @media screen and (max-width: 560px){
 
    .orga-con .orga-bottom-container .orga-bottom-wrap{width: 100%;}
    .hw-orga .hw-top-wrap .hw-top-right li:nth-child(2){display: none;}
    .hw-orga .hw-top-wrap .hw-top-right li:nth-child(3){display: none;}
    .hw-top-right ul li{width: 100%;}
    .hw-orga .hw-top-wrap .hw-top-right{width: 50%;}
    .hw-orga .hw-top-wrap .hw-top-left{width: 50%;}
    .hw-top-right::after{width: 100%; left: -50%;}
    .hw-middle .hw-middle-inner {width: 60%;}
    .play-video{width: 100%;}
    .promotion-list ul:nth-child(1) li{width: 100%;}


}

/* ********************************************* *
 * 480px
 * ********************************************* */
@media screen and (max-width: 480px){

    .main_view .main_title{height: 370px;}
    .main_view .main_title .main_title_inner p{font-size: 18px;}
    
    /* company */
    .certification_container ul li{width: 50%;}
    .certification_container ul li .award-title{font-size: 14px;}
    .company .text_container .title h1 {font-size: 25px;}
    .company .img_container{height: 200px;}
    .company .img_container .img_com{height: 200px; }
    .company .text_container .txt-detail h3{font-size: 20px; padding:35px 0 50px}
    .history-list{margin-top: 35px; padding-left: 20px;}
    .his-year::before{left: -27px;}
    .detail-list .his-detail{width: 90%; font-size: 14px;} 
    .detail-list .his-month{font-size: 14px;}
  
    .policy-title-con .title h1{font-size: 25px;}
    .poli-icon li{float: left; width: 25%; position: relative; padding-top: 20px; }
    .poli-icon li.p-top{left: 0; margin-left: 0;}
    .poli-icon li.p-right{top: 0; margin-top: 0;}
    .poli-icon li.p-bottom{left: 0; margin-left: 0;}
    .poli-icon li.p-left{top: 0; margin-top:0}

    .policy-contents-box .policy-base h2{font-size:18px; padding-left: 0;}
    .policy-contents-box .policy-base .import-bg{padding: 5% 10px; font-size: 14px;}
    
    .policy-square .poli-icon::before,.policy-square .poli-icon::after{display: none;}
    .poli-icon li p{font-size: 10px; text-align: center;}

    .sub_footer{line-height: 1;}
    .sub_footer .inner-footer{height: auto; padding: 2%; font-size: 12px;}
    .poli-icon .poli-round{width: 100%; height: 150px}
    .policy-square .poli-icon{display: block; height: auto;}
    .poli-icon .poli-round .poli-round-border{left:50%; margin-left: -75px;}

    .equip_section .equip_ul li.w50{width: 100%; padding-bottom: 20px;}
    .equip_section .equip_ul li.w25{width: 100%;}
    
    /* product */
    .product-bg .contents_wrap .title h1{font-size: 26px;}
    .product_wrap .contents_wrap .txt-detail p{font-size: 16px;}
    .pro_section .pro_ul li.w25{height: 200px; padding-right: 10px;}
    .product-bg .contents_wrap{position: relative; z-index: 1;}
    .product_wrap .product-img{width: 100%; bottom: -80px; opacity: 0.2;}
    .product_wrap .product-bg{overflow: hidden;}

    /* equipment */
    li.pw100{font-size: 14px;}
    .number-box .equip-number li{width: 100%;}

    


    /* custormer */
    .contact-inner .contact-table01 tr th{width: 100%; display: block;}
    .contact-inner .contact-table01 tr td{width: 100%; display: block; padding: 10px 0;}
    .contact-inner .contact-table01 tr td .formstyle02 {width: 40%;}
    .contact-inner .contact-table01 tr td .formstyle03 {width: 23%;}


    

}

/* ********************************************* *
 * 380px
 * ********************************************* */
@media screen and (max-width: 380px){

    .orga-con .orga-top-wrap .orga-top {width: 80%;}
    .hw-table table{width: 100%;}
    .mes-con li .round{width: 70px; height: 70px;}
    .mes-con li p{font-size: 11px;}
    .orga-con .orga-top-wrap .orga-top,.orga-con .orga-bottom-container .orga-bottom-wrap{font-size: 14px;}
    .hw-top ul li img{height:auto;}
    .hw-orga{font-size: 14px;}.policy-detail h2
    .hw-bottom-wrap .hw-bottom-con li .hw-bottom-inner img {width: 85%;}
   


}