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

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1455px){
    .boundary2{padding: 0 20px;}
}



@media screen and (min-width: 1400px){
    /* .sec04>.boundary2{margin: 0; margin-left: 220px;} */
}
@media screen and (max-width: 1400px){
    .boundary{padding: 0 20px;}
    /* 메인 */
    .sec02_con{padding: 48px 0; margin-left:100px;}

    /* 공통 */
    .sub-body>.inner .sub-title::before{display: none;}
    .sub-body>.inner::before{display: none;}
    .sub-body>.inner{margin-top: 0;}
    .sub-banner .sub-img{height: 200px;}
    /* .process_banner{background: url(../img/sub/process_banner_img2.jpg)no-repeat; background-size: cover; background-position: center;} */
    

 
}

/* ********************************************* *
* 1300px
* ********************************************* */
@media screen and (min-width: 1300px){
    :lang(en) .common_tab_banner{display: none;}
    :lang(vn) .common_tab_banner{display: none;}

}
@media screen and (max-width: 1300px){
    :lang(en) .sub-banner .sub-location{display: none;}
    :lang(en) .common_tab_banner{display: block!important;}
    :lang(vn) .sub-banner .sub-location{display: none;}
    :lang(vn) .common_tab_banner{display: block!important;}
    :lang(vn) .dropdown .dropdown_menu .drop_item{height: auto;}

}
/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (min-width: 1200px){
    /* 헤더 */
    .mo_btn_wrap{display: none;}
    .header .nav_inner{display: block!important;}

}

@media screen and (max-width: 1200px){
    /* 헤더 */
    .header .nav_inner{display: none; width: 100%; max-width: 290px; height:calc(100% - 83px);left: inherit; transform: inherit; overflow-x: hidden;  position: fixed; text-align: left; padding:0; right:0; background-color:#2e3192;  top:85px;}
    .header .nav_inner>ul>li{cursor: pointer;  position: static; display: block; width:100%; height:auto; border-bottom: 1px solid white; background-color:#2e3192; line-height: 65px; font-size: 18px; padding: 0 ;}
    .header .nav_inner>ul>li>a{display: block; position: relative; width: 100%;  padding-left: 16px; color: white;}
    .header .nav_inner>ul>li>a{pointer-events: none;}
    .header .nav_inner>ul>li>a>span{position: absolute; right: 18px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; 
        border-left:6px solid transparent; 
        border-right:6px solid transparent; 
        border-top: 6px solid white;
        margin-left:8px;}
    .header .nav_inner ul>li .sub_deph{display:none; position: static;}
    .header .nav_inner ul>li .sub_deph>ul>li{height: auto; position: static; display: block; background-color: white; font-size: 17px; text-align: left; border-bottom: 1px solid #ddd; padding: 0;}
    .header .nav_inner ul>li .sub_deph >ul>li>a{color:#232323; padding: 16px; width:100%; height: 100%; display:block;}
    .header .nav_inner ul>li .sub_deph ul li:hover{background-color:#f2f2f2;}
    .header .nav_inner ul>li:hover .sub_deph{display: none;}
    .header .nav_inner ul>li .sub_deph ul li:hover a{color:#232323;}
    .header .language{top:33px; right: 55px;}
    .header2 .language{top: 38px;}
    .header .nav_inner>ul>li::after{display: none;}
    .header2 .nav_inner{top: 97px;}
    :lang(vn) .header .nav_inner>ul>li{line-height: 65px; padding: 0;}

    /* 메인 */
    .sec01_con .main_img::before{right: 2%;}
    .sec02_con .left{width: 420px;}
    .sec02_con .right{width: calc(100% - 420px);}
    .sec02_con .left .text>p{font-size: 18px;}
    .sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li:first-child{font-size: 16px;}
    .sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li{font-size: 16px;}
    .sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li:last-child{padding-left: 16px;}
    .sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li:first-child{width: 55px; height: 55px; line-height: 55px;}
    .sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li:last-child{width: calc(100% - 54px);}
    .sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text{height: 55px;}
    .sec04_con .left{width: 420px;}
    .sec04 .sec04_con .inner{width: calc(100% - 420px);}
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
    /* 공통 */
    .product-bg{background-position: 66%;}
    .sub-banner .sub-location .inner ul li{padding: 0;}
    /* 메인 */
    .sec02_con .left{width: 350px;}
    .sec02_con .right{width: calc(100% - 350px);}
    .sec04_con .left{width: 350px;}
    .sec04 .sec04_con .inner{width: calc(100% - 350px);}

    /* 푸터 */
    .footer .rock{display: none;}

}


/* ********************************************* *
* 960px
* ********************************************* */


@media screen and (min-width: 960px){
    .sub-banner .sub-location_mo{display: none;}
    .common_tab_banner{display: none;}
}
@media screen and (max-width: 960px){
    /* 전체 */
    body{font-size: 17px;}
    .sub-banner .sub-location{display: none;}
    .sub-banner>.boundary2{padding: 0;}
    .common_tab_banner{display: block;}
    :lang(en) .common_tab_banner .boundary ul li{width: 50%;}
    :lang(en) .common_tab_banner .boundary{padding:0;}
    :lang(en) .common_tab_banner .dropdown_02 a>span::after{display:none;}


    
    /* 메인 */
    .sec01_con .main_img::before{width: 275px; top: -79px;}
    .sec01_con h2{font-size: 40px;}
    .sec02_con{margin-top: -90px;}
    .sec02 .inner::before{width: 100%;}
    .sec02_con{padding: 72px 20px; margin-left: 0;}
    .sec02_con .left{width: 100%;}
    .sec02_con .right{width: 100%;}
    .sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text{height: 55px;}
    .sec02_con .left .arrow_wrap{margin-bottom: 48px;}
    .sec02_con .left::after{display: none;}
    .sec04_con .left{width: 100%;}
    .sec04_con .left>a{float: right; margin-right: -17px;}
    .sec04 .sec04_con .inner{width: 100%;}
    /* 제품 */
    :lang(en) .ceo_con>.inner .top>h3>span{display: inline;}
    

    /* 공정 */
    .process_con .inner .bottom .left{width: 260px;}
    .process_con .inner .bottom .right{width: calc(100% - 260px);}
    /* 공지사항 */
   .news_view_con .news_wrap .news_top .table_news td{display: block;}
   .news_view_con .news_wrap .news_top .table_news .news_date{padding: 10px 0; width: 100%; text-align: left;}

}

@media screen and (max-width: 810px){
    .main_menu>ul>li .main_menu_inner{padding: 32px 42px;}
}

/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
    /* 제품 */
    .product_con .inner .bottom .right> .table_wrap>p{display: none;}
}
@media screen and (max-width: 768px){
    /* 공통 */
    .pb-6{padding-bottom: 32px;}
    /* 전체 */
    body{font-size: 16px;}
    .common-title{font-size: 2.5rem;}
    .com-sub-title h2{font-size: 2rem;}
    .com-sub-title>p{font-size: 1.0rem;}
    .sub-body>.inner .sub-title::before{height: 119%;}
    /* 메인 */
    .sec02_con .left{height: auto;}
    .sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li:last-child{padding-left: 16px;}
    .sec02_con .left .arrow_wrap{margin-bottom: 48px;}
    .sec02_con .left .text{padding-top: 5%;}
    .sec02_con{margin-top: 0;}
    /* ceo인사말 */
    .ceo_con>.inner .top .img{width: 285px; bottom: -27px;}
    .ceo_con>.inner .mid ul li{width: 100%;}
    .ceo_con>.inner .mid ul li .text{padding-right: 0;}
    .ceo_con>.inner .mid ul li .img_wrap .img_in{background: url(../img/sub/ceo_img_mo.png)no-repeat; background-position: center; background-size: cover; padding-bottom: 54%;}
    .ceo_con>.inner .mid ul li .img_wrap::after{width: 50px; height: 50px; right: -21px; bottom: -20px;}
    /* 오시는길 */
    :lang(en) .location_con .top .info ul>li{width: 50%;}
    
    /* 제품 */
    .product_con .inner .bottom .right> .table_wrap{overflow:auto; overflow-x: scroll;}
    .product_con .inner .bottom .right> .table_wrap>table{width: 120%};
    /* 공정 */
    .process_con .inner .top::before{width: 265px; height: 70px; top: -68px;}
    /* 문의하기 */
    .inquriy_table ul li{width: 100%; height: auto;}
    /* .email{width: 47%!important;} */
    .inquriy_table ul li{padding:24px;}
    /* 문의하기 */
    .inquriy_table ul li{width: 100%; height: auto;}
    .inquriy_table ul> .long_h{height: auto;}
    /* .email{width: 47%!important;} */
    .inquriy_table ul li{padding: 0;}
    .inquriy_table ul li dl dd> .list>label>span{width:120px;}
    
    .inquriy_table ul li dl dd:first-child{background-color: #f8f8f8; border-right: 1px solid #e1e1e1;}
    .inquriy_table ul li dl dd{padding: 16px;}
    .inquriy_table ul li dl dd .list{padding-top: 0;}
    .inquriy_table ul li dl dd> .list>label>.ect{margin-top: 1px;}
    .inquriy_table ul li dl dd>.email{width: calc(50% - 13px);}

    /* 공지사항 */
    .news_view_con .news_wrap .news_top .table_news .news_date{padding: 8px 0;}
    /* 푸터 */
    .footer .footer_text>p{width: 74%;}
    .footer .footer_logo{ top: auto; bottom: 0!important;}
    .footer .footer_text>p:last-child{width: 100%;}
    .footer .footer_logo{width: 130px;}
}


/* ********************************************* *
* 640px
* ********************************************* */

@media screen and (min-width: 640px){

    
}
@media screen and (max-width: 640px){
    body{font-size: 15px;}
    /* 공통 */
    .sub-banner .sub-img{height: 215px;}
    .mb-12{margin-bottom: 64px;}
    .sub-body>.inner .sub-title>h2{font-size: 26px;}
    .sub-body>.inner{padding: 80px 0;}
    .com-sub-title{padding-bottom: 56px;}
    .common_tab_banner .h_btn{display: none;}
    .common_tab_banner .boundary{padding: 0;}
    .common_tab_banner .boundary ul li{width:50%; min-width:0; position: static;}
    .dropdown .dropdown_menu{border-right: none; border-left: none;}
    .dropdown_02 a>span::after{display: none;}
    :lang(en) .common_tab_banner .boundary ul li{width: 100%;}
    :lang(en) .common_tab_banner .dropdown a>span::after{display: none;}
    :lang(en) .dropdown .dropdown_menu_02{top: 110px;}
    :lang(en) .common_tab_banner .dropdown a{height: auto;}
    :lang(en) .dropdown .dropdown_menu_02{top: inherit;}
    :lang(en) .common_tab_banner{height: auto;}
    
    :lang(vn) .common_tab_banner .boundary ul li{width: 100%;}
    :lang(vn) .common_tab_banner .dropdown a>span::after{display: none;}
    :lang(vn) .dropdown .dropdown_menu_02{top: 110px;}
    :lang(vn) .common_tab_banner .dropdown a{height: auto;}
    :lang(vn) .dropdown .dropdown_menu_02{top: inherit;}
    :lang(vn) .common_tab_banner{height: auto;}
    /* 메인 */
    .sec01_con h2>span{display: inline;}
    .sec01_con h2{font-size: 37px;}
    .sec02_con .left .text>h2{font-size: 35px;}
    .sec03_con h2{font-size: 35px;}
    .sec04_con .left h2{font-size: 35px;}
    .sec02_con .left .text>p{padding-bottom: 62px;}
    .sec04{padding-bottom: 72px;}
    .sec04_con .left p{font-size: 16px;}
    .sec04_con .left>a{margin-right: -17px;}
    /* 연혁 */
    .history_con .inner>ul>li .history_in>p{width: 100%; padding-bottom: 8px;}
    .history_con .inner>ul>li .history_in .list{width: 100%; padding: 24px;}
    .history_con .inner>ul>li .history_in>p::before{width: 100%;}
    /* 제품 */
    .product_con>.inner>.tab>ul>li{border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
    .product_con>.inner>.tab>ul>.tab_on{border-bottom: 1px solid #2e3192; border-top: 1px solid #2e3192!important;}
    .product_con>.inner>.tab>ul>li>p{font-size: 16px;}
    .product_con>.inner .mid> .inner>ul>li .product_info ul li>p{font-size: 16px;}
    .product_con>.inner .mid> .inner>ul>li .product_info{padding: 32px;}
    .product_con>.inner .mid> .inner>ul>li .product_info_wrap{width: 100%;}
    .product_con>.inner .mid> .inner>.text{padding: 32px;}
    .product_con>.inner .mid> .inner>.text>p{font-size: 17px;}
    .product_con>.inner .mid> .inner>ul>li .product_img_wrap .product_img{padding-bottom: 110%;}
    .product_con .inner .bottom .right .list>ul>li> .img_wrap{padding-left: 0;}
    .product_con .inner .bottom .right .list>ul>li> .img_wrap> .img_in{width: 100%!important;}
    .product_con .inner .bottom .right .list>ul>li> .img_wrap> .img_in2{width: 320px; height: 550px; background: url(../img/sub/product_lab_disperser2_mo.png)no-repeat!important; background-position: center!important; background-size: contain!important;}
    .product_con .inner .bottom .right .text_img>ul>li{padding-bottom: 32px;}
    .process_con .inner .bottom .right .list>ul>.col-xs-6{width:50%;}
    .process_con .inner .bottom .right .text_wrap .text_img_in{width: 100%; height: 160px;}
    .process_con .inner .bottom .right .text_wrap{padding: 32px;}
    .process_con .inner .bottom .right .text_img .text_img_in{width: 50%; padding-bottom:47%;}
    .product_con>.inner .mid> .inner>ul>li .product_img_wrap>p{font-size: 17px;}
    .product_con .inner .bottom .right .text_img>ul>li> .text_img_wrap2::after{width: 10px; height: 10px; right:-14px;}
    :lang(vn) .ceo_con>.inner .top>h3>span{display: inline;}


    /* 공정 */
    .process_con .inner .bottom .left>p{padding-right: 0; font-size: 24px;}
    .process_con .inner .top{padding: 24px;}
    .process_con .inner .bottom .left{width: 100%; padding-bottom: 24px; display: block; margin: 0;}
    .process_con .inner .bottom .right{width: 100%; display: block; margin: 0;}
    .process_con .inner .bottom .right .list>ul>li>p{font-size: 16px;}
    .process_con .inner .bottom .right .list>ul>li{padding-bottom: 16px;}
    /* 산업 */
    .process_con .inner .bottom .right .industry_text ul li>p{font-size: 15px;}
    /* 오시는길 */
    .location_con .top .info ul li .info_con{height:auto;}
    :lang(en) .location_con .top .info ul>li{width: 100%;}
    :lang(en) .location_con .top .info ul li .info_con{height: auto;}
    :lang(vn) .location_con .top .info ul>li{width: 100%;}
    :lang(vn) .location_con .top .info ul li .info_con{height: auto;}
    /* 자료실 */
    .data_con> .inner>ul>li .con_wrap>p{font-size: 16px;}
    .data_con> .inner>ul>li .con_wrap .img_wrap .img_inner>span{font-size: 16px;}
    /* 공지사항 */
    .notice_head{display: none;}
    .notice_body ul li dl{display: block;}
    .notice_body ul li dl dd{display: block; width: 100%; text-align:left;}
    /* 공지사항 */
    .notice_head{display: none;}
    .notice_body ul li dl{display: block;}
    .notice_body ul li dl dd{display: block; width: 100%; text-align:left;}
    .no{padding-bottom: 16px;}
    .date{color: #aeaeae; padding-top: 8px;}
    .page_btn{font-size: 17px; }
    /* 문의하기 */
    /* .email{width: 44%!important;} */
    .inquiry_btn_wrap ul li{width: 120px;}
    .inquriy_table ul li dl dd> .list>label>.ect{padding: 4px;}
    .inquriy_table ul li dl dd> .list>label>p{min-width: 85px;}
    .inquriy_table ul li dl dd> .list>label>.ect{max-width: 45%;}
    .inquriy_table ul li dl dd> .list>label>span{width: 110px;}
    .inquriy_table ul li dl dd:first-child{width: 125px;}
    .inquriy_table ul li dl dd> .list>label, .inquriy_table ul li dl dd> .list> .list_in>label{font-size: 15px;}
}


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


  
}

/* ********************************************* *
* 480px
* ********************************************* */
@media screen and (max-width: 480px){
    /* 공통 */
    .sub-body>.inner{padding: 80px 0;}
    .header .language>p{font-size: 17px;}
    .common-title{font-size: 2.0rem;}
    .com-sub-title>p{font-size: 0.9777rem;}
    .com-sub-title>h2{font-size: 1.7rem;}
    .header .nav_inner{min-width: 100%;}
    .common_tab_banner .dropdown a{padding-right: 32px;}
    .common_tab_banner .dropdown a>span{width: 45px;}
    .header .nav_inner{top: 85px;}
    .header .nav_inner::before{content: "";position: absolute; top: 0; left: 0; width:100%; height: 90px; background-color: rgba(6,70,125,0.8);}
    .common_tab_banner .boundary ul li{width:100%;}
    .dropdown .dropdown_menu_02{top:110px;}
    .common_tab_banner{height: auto;}
    /* 메인 */
    .sec01_con h2{font-size: 25px;}
    .sec01_con .main_img .main_img_in{padding-bottom: 48%;}
    .sec01_con .main_img::before{width: 150px; top: -65px;}
    .sec02_con .left .text>h2{font-size: 30px;}
    .sec02_con .left .text>p{font-size: 16px; padding-right: 0; padding-bottom: 64px;}
    .sec03_con h2{font-size: 30px;}
    .sec03_con .inquiry_btn p{font-size: 15px;}
    .sec04 .sec04_con .inner ul li .con_wrap{margin-bottom: 16px;}
    .sec04 .sec04_con .inner ul li .con_wrap .text{height: auto;}
    .sec04 .sec04_con .inner ul li .con_wrap .text>p{margin-bottom: 0;}
    
    /* ceo 인사말 */
    .ceo_con>.inner .top>h3{font-size: 21px;}
    /* 연혁 */
    .history_con .inner>ul>li .history_in>p{font-size: 30px;}
    /* 제품 */
    .product_con>.inner .mid> .inner>.text{padding: 24px;}
    .product_con>.inner .mid> .inner>.text>p{font-size: 16px;}
    .product_con .inner .bottom .right> .table_wrap>p{font-size: 15px;}
    .process_con .inner .bottom .right .text_wrap{padding: 16px;}
    .product_con .inner .bottom .right .text_img>ul>li> .text_img_wrap2::after{width: 10px; height: 10px; right: -15px;}
    .process_con .inner .bottom .right .text_img>ul>li>p{font-size: 15px;}
    /* 공정 */
    .process_con .inner .top::before{width: 190px; height: 89px; top: -68px;}
    .process_con .inner .bottom .left>p{font-size: 26px;}
    /* 동영상 */
    .data_con> .inner>ul>li .con_wrap{padding-bottom: 16px;}
    .pagination>.page ul li{padding: 0;}
    /* 문의하기 */
    .inquriy_table ul li dl{display: block;}
    .inquriy_table ul li dl dd{display: block;}
    .inquriy_table ul li dl dd:first-child{padding-bottom: 12px;}
    .location_con .location_inner .lo_info .lo_table>table tr td:first-child{width: 65px;}
    .inquriy_table ul li dl dd> .list>label>.ect{width: 42%;}
    .inquriy_table ul li dl dd{padding: 16px 1px;}
    .inquriy_table ul li dl dd input{width: 100%;}
    .inquriy_table ul li dl dd:first-child{width: 100%; border-right: 0; padding: 16px;}
    /* 공지사항 */
    .search{width: 100%;}
    .search>input{width: 230px;}
    .news_view_con .news_wrap .news_top .table_news .news_title{font-size: 1.2rem;}
    .news_view_con .news_wrap .news_top .table_news .news_date{font-size:0.9rem; width: 100%; text-align: left;}
    .news_view_con .news_arrow .table_arrow tr td:nth-child(1){width: 100px; font-size: 0.9rem;}
    .news_view_con .news_arrow .table_arrow tr td:nth-child(2){width: calc(100% - 100px); font-size: 0.9rem;}
    :lang(vn) .news_view_con .news_arrow .table_arrow tr td:nth-child(1){width: 160px;}
    :lang(vn) .news_view_con .news_arrow .table_arrow tr td:nth-child(2){width: calc(100% - 160px);}
    :lang(vn) .news_view_con .news_arrow .table_arrow .prev td:nth-child(1) span{margin-left: 52px;}
    .news_view_con .news_list_btn span{width: 150px; height: 45px; line-height: 45px;}
    /* .email{width: 45.8%!important;} */
    /* 푸터 */
    .footer .footer_text>p{width: 100%;}
    .footer .footer_text>p:last-child{width: 64%;}
    .footer .footer_logo{width: 130px;}


}