/**
*페이지별 주석처리
*구간 추가시 문의바람
**/

@media screen and (max-width:1290px){
    /*헤더*/
    .gnb{
        padding-right: 50px;
    }
    .gnb > ul > li > a{
        padding: 0 40px;
    }

    /*푸터*/
    .ft_right{
        padding: 30px;
    }
    .ft_left{
        padding: 20px;
    }
    .info_l, .info_r{
        padding: 10px;
    }

    /*sub1_2 - 기업이념*/
    .value_wr{
        text-align: center;
    }
    .value_c{
        width: 190px;
        height: 190px;
        margin-left: -22px;
    }
    .value_c:nth-child(3) h3{
        padding-top: 80px;
    }
    .value_c:after{
        top: 50px;
    }
    .value_c:before{
        width: 200px;
        height: 200px;
    }
    .v_c_txt{
        position: relative;
        z-index: 20;
    }


    /*sub4_3 - qms*/
    .sub403_c_wr_half{
        width: 100%;
    }
    .sub403_c_wr_left{
        border-right: none;
        border-bottom: 1px solid #e0e7e8;
    }
    .sub403_c_wr_half ul li{
        width: 33.3333%;
        margin-top: 0 !important;
    }
    .sub403_c_wr_half ul li:nth-child(n+4) {
        margin-top: 50px !important;
    }

    /*sub1_6 - 고객현황*/
    .custom_map{
        overflow-x: scroll;
        width: 100%;
    }
    .custom_map_wr{
        width: 1230px;
    }
    .sub1_6 .plz_scroll{
        display: block;
    }

    .logo_img ul{
        font-size: 0;
    }
    .logo_img ul li{
        width: -webkit-calc(25% - 10px);
        width: -moz-calc(25% - 10px);
        width: calc(25% - 10px);
        margin-right: 10px;
    }
    .logo_img ul li:nth-child(6n){
        margin-right: 10px;
    }
    .logo_img ul li:nth-child(4n){
        margin-right: 0;
    }

    /*sub3_1 - nbr float소개*/
    .nbr_photo .nbr_photo_r{
        float: right;
        margin-left: 0;
    }
    .sub_con .nbr_icn_box ul li{
        padding: 40px 30px;
        height: 400px;
    }

    /*sub3_2 - fuel sender*/
    .specialist .spe_left{
        width: 390px;
    }
    .specialist .spe_right{
        width: -webkit-calc(100% - 390px);
        width: -moz-calc(100% - 390px);
        width: calc(100% - 390px);
        padding: 40px 60px;
    }
    .spe_list p span{
        display: block;
        margin-bottom: 5px;
    }
    .pdt_list_all{
        padding: 0;
    }
    .pdt_list{
        padding: 0;
    }
    .pdt_img{
        width: 170px;
        height: 170px;
    }
    #bo_sch{margin-left: 0;}

    /*sub3_2 - 제품소개 팝업*/
    .pop_list_all{
        width: 80%;
        height: 70%;
    }
    .pop_list{
        width: 100%;
        height: 100%;
    }
    .pop_l{
        width: 40%;
    }
    .pop_r{
        width: 60%;
    }

}/*max 1290*/



@media screen and (max-width: 1279px) {

	/* sub5_3 오시는길 */
	.sub503_c{display: block;}
	.sub_ar03 .sub503_c_wr{
		display: inline-block;
		width: 50%;
		padding: 30px 50px;
	}
	.sub503_c_wr:first-child{
		width: 100%;
		display: block;
		border-bottom: 1px solid #e0e7e8;
		border-right: none;
	}

	/* sub2_1 app */
	.sub_c_txt_wr .wrapper{padding: 60px 0;}
	.sub_c_txt_wr{width: 100%;}

	/* sub1_3 history  */
	.sub_c_right{background-size: 463px auto;}
	.sub_c_right_wr{width: calc(100% - 463px);}

	/* sub5_1 문의하기 */
	.agree label{display: block;}
	.agree_view{
		display: inline-block;
		margin-top: 10px;
		margin-left: 0;
	}


 } /*max 1279*/


@media screen and (max-width:1023px){
    /*메인비주얼*/
    .main_vs_slide01 .main_vi_txt_wr{
        transform: translate(-50%);
        text-align: center;
        width: 100%;
    }
    .main_vs_slide01 .main_vi_txt_wr .p1,
    .main_vs_slide01 .main_vi_txt_wr .p2{font-size: 70px;}
    .main_vs_slide01 .main_vi_txt_wr .p3 br{display: none;}
    .main_txt01 span{display: inline; font-size: 28px;}
    .main_txt02 br{display: none;}
    .main_ar01 .main_ar_rt{padding: 55px 10px 55px 30px;}

/*헤더*/
    .gnb,
    .tnb{
        padding-right: 20px;
    }
    .gnb > ul{
        display: none;
    }
    .btn_mo{
        display: block;
    }
    .hd_logo{
        left: 20px !important;
    }

    /*푸터*/
    .ft_left, .ft_right{
        width: 100%;
    }
    .ft_left{
        border-right: none;
        border-bottom: 1px solid #e0e7e8;
    }

    /*우리는 제품만을 판매하기보다*/
    .main_ar01 .main_ar_lt{
        padding: 55px 50px 50px 20px;
    }


    /*우리의 제품은 산업 전반에*/
    .main_cvs_slide{
        background-size: 70% auto;
    }
    .main_ar03 .main_ar_lt:before{
        top: 90px;
    }
    .main_ar03 .main_ar_rt .main_con_wr{
        padding: 70px 10px 0 50px;
    }
    .main_ar03 .main_c1_tit p span:first-child{
        font-size: 27px;
    }

    /*nbr 소개와 특성*/
    .main_ar04 .main_ar_l{
        width: 70%;
    }
    .main_ar04 .main_ar_r{
        width: 30%;
    }

    /*제품소개 3 박스*/
    .battery_box{
        background-position: right bottom;
        background-size: 100%;
        vertical-align: top;
        height: 340px;
    }
	.bb_a{padding: 32px 20px;}
    .bb_txt:before{font-size: 90px !important; top: -10px !important; left: -30px !important;}

    .bb_txt p{
        margin-top: 20px;
    }
    .bb1:hover{background:#f95b2a url(/source/img/main_img03_hover.jpg) no-repeat right bottom/100%; }
    .bb2:hover{background:#f95b2a url(/source/img/main_img04_hover.jpg) no-repeat right bottom/100%; }
    .bb3:hover{background:#f95b2a url(/source/img/main_img05_hover.jpg) no-repeat right bottom/100%; }

	.bb1_bg {background-size: 60%;}
	.bb2_bg {background-size: 37%;}
	.bb3_bg {background-size: 60%;}


    /*서브공통*/
    .sub5 .sub_vs{
        height: 300px;
    }


    /*sub1_2 - 기업이념*/
    .value_wr{
        width: 600px;
        margin: 0 auto;
    }
    .value_c{
        margin-bottom: 30px;
    }

    /*sub1_3 - 회사연혁*/
    .sub1_3 .sub_con_tit{
        padding: 0 20px 50px 20px;
        margin-bottom: 0;
    }

	.sub_c_right{background: none;}
	.sub_c_right_wr{width: 100%;}


    /*sub1_4 - 조직도*/
    .sub104_con{
        padding: 70px 20px 0!important;
    }

    /*sub1_5 인사제도*/
    .sub1_5 .sub_con_txt{
        padding: 50px 20px;
    }
	.specialist{display: block;}
    .specialist .spe_left{
		display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e0e7e8;
        padding: 50px 80px;
    }
    .specialist .spe_left:before{
        display: none;
    }
    .specialist .spe_right{
		display: block;
        width: 100%;
        padding: 30px 10px 30px 50px;
    }
    .person_box{
        width: -webkit-calc(33.3333% - 30px);
        width: -moz-calc(33.3333% - 30px);
        width: calc(33.3333% - 30px);
        padding: 60px 10px;
        margin: 0 10px 0 20px;
    }
    .person_box h4{
        letter-spacing: -1px;
    }

    .welfare_tit{
        width: 160px;
        padding-left: 20px;
    }
    .welfare_box_wr{
        width: -webkit-calc(100% - 160px);
        width: -moz-calc(100% - 160px);
        width: calc(100% - 160px);
        padding: 20px;
    }

    /*sub2_1 - 응용분야*/
    .lay_right .sub_c_img,
    .lay_left .sub_c_img{
        width: 100%;
    }
    .lay_left .sub_con,
    .lay_right .sub_con{
        width: 93%;
        margin-left: 3.5%;
        float: none;
        height: auto;
    }
    .lay_right .sub_con_wr{
        width: 100%;
        border-right: none;
        float: none;
    }
    .lay_left .sub_con_wr{
        width: 100%;
        border-left: none;
    }
    .sub_c_t:before{
        width: 3px;
        height: 21px;
        top: 52px;
        left: 0;
    }
    .sub_c_t{
        padding: 50px 20px 40px;
    }
    .sub_c_b{
        padding: 40px 20px 30px;
    }

    /*sub4_2 - msds*/
    .sub4_2 #gall_ul{
        padding: 0 0 70px;
    }
    #gall_ul li{
        width: 33.3333%;
        padding: 0 10px;
    }

    /*sub4_3 - qms*/
    .sub4 .sub_vs{
        background-position: left center;
    }

    /*sub4_4 - 지적재산 및 인증*/
    #gall_ul{margin: 0 -10px;}
    .sub4_4 #gall_ul li{
        margin-right: 0;
        margin-bottom: 50px;
        text-align: left;
    }
    .sub4_4 #gall_ul.gall_row.gall_row_2{
        padding-top: 70px;
    }
    .gall_txt{
        text-align: left;
    }
    .gall_row_1 .bo_group_tit{padding: 40px 10px 50px;}
    .gall_row_2 .bo_group_tit{padding-left: 10px;}



    /*sub5_1 - 제품문의*/
    .sub5_1 .sub_ar03 .sub_c_3_1{
        width: 100%;
        height: auto;
        border-bottom: 1px solid #e0e7e8;
        box-sizing: border-box;
    }
    .sub5_1 .sub_ar03 .sub_c_3_2{
        width: 100%;
        border-left: none;
        padding: 70px 30px 100px 48px;
    }

    /*sub5_3 - 오시는길*/
    .sub_ar03 .sub503_c_wr{
        width: 50%;
        padding: 50px 0 50px 50px;
        min-height: auto;
    }
    .sub_ar03 .sub503_c_wr:first-child{
        width: 100%;
        border-bottom: 1px solid #e0e7e8;
        border-right: none;
    }
    .sub5_3 .enter{
        display: inline;
    }
    .root_daum_roughmap .wrap_map{
        height: 400px !important;
    }

    /*sub5_4 - 공지사항*/
    #bo_list td{
        height: auto;
        display: inline-block;
    }
    #bo_list td.td_datetime{
       width: 130px;
    }
    #bo_list .tbl_head01 td.td_subject{
        width: -webkit-calc(100% - 260px);
        width: -moz-calc(100% - 260px);
        width: calc(100% - 260px);
    }
    #bo_list .tbl_head01 a.list_con{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 95%;
    }
    #bo_list td.click_more{
        width: 100px;
        text-align: center;
    }




    /*sub4_1 - 신뢰성실험*/
    .sub_401_img_block li{
        min-height: 250px;
        padding: 0 10px;
    }
    .sub_401_img_block li:nth-child(5){
        border-left: none;
    }
    .sub_401_img_block li img{
        padding-bottom: 10px;
    }
    .sub4_1 .sub_ar04 .plz_scroll{
        display: block;
    }
    .sub4_1 .sub_ar04 .tbl_01{
        overflow-x: scroll;
    }
    .sub4_1 .sub_ar04 .tbl_01 table{
        width: 1300px;
    }
    .table_wr_l{
        border-right: none;
    }
    .table_wr_l, .table_wr_r{
        width: 100%;
    }
    .tbl_img{
        text-align: center;
    }

    /*sub1_6 - 고객현황*/
    .sub1_6 .sub106_con{
        padding: 60px 20px 100px;
    }
    .logo_img ul li{
        width: calc(33.3333% - 10px);
        width: calc(33.3333%  - 10px);
        width: calc(33.3333%  - 10px);
    }
    .logo_img ul li:nth-child(4n){
        margin-right: 10px;
    }
    .logo_img ul li:nth-child(3n){
        margin-right: 0;
    }



    /*sub3_1 - nbr float 소개*/
    .nbr_photo .nbr_photo_l,
    .nbr_photo .nbr_photo_r{
        float: none;
    }
    .nbr_photo .nbr_photo_l{
        margin-bottom: 30px;
    }
    .sub_con .nbr_icn_box ul li{
        width: 50%;
        padding: 40px 20px;
        height: 330px;
    }
    .nbr_img{
        margin-bottom: 20px;
    }
    .sub_con .sub301_con{
        padding: 0 20px;
    }
    .nbr_cha .nbr_cha_l{
        width: 100%;
        margin-bottom: 20px;
    }
    .nbr_cha .nbr_cha_r{
        display: block;
    }

    /*sub3_2 - fuel sendor*/
    .sub_ar_tit{
        padding: 40px 20px 45px;
    }
    .sub3_2 .sub_ar02 .sub_con{
        padding: 70px 20px 50px;
    }
    .sub3_2 .specialist .spe_left{
        padding: 40px 0 50px 20px;
    }
    .specialist .spe_right{
        padding: 50px 20px;
    }

    /*sub3_2 - fuel sender*/
    .pdt_list{
        width: 33.3333%;
    }

    /*공지사항 읽기*/
    #bo_v header{
        padding: 50px 30px 35px;
    }
    #bo_v_info{
        clear: both;
        display: block;
        float: left;
    }
    #bo_v_con{
        padding: 30px;
    }

   /*메인비주얼 슬라이드 2번*/
    .main_vs_slide02 .main_vi_txt_wr .p1{font-size: 60px;}
    .main_vs_slide02 .main_vi_txt_wr .p2{font-size: 60px;}


	/* sub2_1 app */
	.sub2_1 .sub_con{
		border-left: 1px solid #e0e7e8;
		border-right: 1px solid #e0e7e8;
	}
	.sub_c_txt_wr {display: none;}
	.sub_c_img_inner{display: block;}

	.sub_c_img{
		height: 0;
		padding-bottom: 50%;
	}
	.sub_c_img_inner{padding-top: 40px;}
	.app_tit{font-size: 50px;}

	/* 제품 */
	.sub3 .specialist .spe_left{
		padding: 40px 0;
	}

	/* sub105 */
	.sub105_con .p1{padding: 30px 30px 0;}

} /*max 1023px*/

@media screen and (max-width:767px){
    /*헤더*/
    .hd_mo_bg{
        width: 90%;
        right: 5%;
    }
    .hd_logo img{
        width: 100px;
        margin-top: 10px;
    }

    /*푸터*/
    .info_l, .info_r{
        width: 100%;
    }

    /*퀵메뉴*/
    .quick{
        right: 0;
    }
    .quick button{
        width: 50px;
        height: 50px;
        border-radius: 0;
    }
    .q_btn_catalog a,
    .q_btn_inquiry a{
        font-size: 0;
    }
    .q_btn_inquiry{
        margin-bottom: 0;
    }
    .quick button img{
        margin-top: 13px;
        width: auto;
        height: 20px;
    }



/*메인텍스트*/
    .main_ar01 .main_ar_lt,
    .main_ar01 .main_ar_rt{
        width: 100%!important;
        display: block;
    }
    .main_ar01 .main_ar_rt{
        border-top: 1px solid #e0e7e8;
        border-left: none;
        box-sizing: border-box;
        padding: 50px 20px;
    }

    /*메인비주얼 슬라이드*/
    .main_vs_slide01 .main_vi_txt_wr{top: 80px; padding: 0 50px;}
    .main_vs_dot ul li{width: 100%;}
    .main_vs_dot ul li{
        border-left: none;
        border-right: none;
    }

    .main_vs_dot ul li span{left: 20px;}

    .main_vs_slide02 .main_vi_txt_wr{padding-top: 90px;}




    /*우리의 제품은 산업 전반에*/
    .main_cvs_slide{
        background-size: auto 70%;
    }

    .main_ar03 .main_ar_lt:before{
        display: none;
    }
    .main_ar03.main_ar{
        height: 100%;
        overflow: hidden;
    }
    .main_ar03 .main_ar_lt{
        border-right: none;
        border-bottom: 1px solid #e0e7e8;
    }
    .main_ar03 .main_ar_lt,
    .main_ar03 .main_ar_rt{
        width: 100%;
        display: block;
    }
    .main_ar03 .main_ar_r{
        vertical-align: top;
    }
    .main_ar03 .main_ar_rt .main_con_wr{
        padding: 70px 20px;
    }
    .main_ar03 .app_btn{
        padding-top: 30px;
    }
    .main_ar03 .main_c_txt .p1{
        padding-bottom: 20px;
    }

    /*nbr 소개*/
    .main_ar04 .main_ar_l,
    .main_ar04 .main_ar_r{
        width: 100%;
    }
    .main_ar04 .main_ar_l,
    .main_ar04 .main_ar_r{
        padding: 0 20px 50px 20px;
    }
    .main_ar04 .main_ar_l{
        padding-top: 50px;
    }
    .main_ar04 .main_ar_l .p1{
        line-height: 1.5;
    }


    /*제품 3 주황 박스*/
    .battery_box{
        width: 100%;
        height: 300px;
        border-right: none;
        border-bottom: 1px solid #e0e7e8;
    }
    .battery_box.bb3{border-bottom: none;}
    .bb_a{padding: 20px;}
    .bb_txt{padding: 40px 0 0 25px;}
    .bb_txt:before{top: -20px !important;}
    .battery_box {
        background-position: right bottom;
        background-size: 65%;
		height: auto;
		display: block;
    }
	bb_a{display: block; padding-bottom: 10px;}
    .bb1:hover{background: #f95b2a url(/source/img/main_img03_hover.jpg) no-repeat  right 10px bottom -20px;}
    .bb2:hover{background: #f95b2a url(/source/img/main_img04_hover.jpg) no-repeat  right 50px bottom -20px;}
    .bb3:hover{background: #f95b2a url(/source/img/main_img05_hover.jpg) no-repeat  right 10px bottom -20px;}

	.bb1_bg {background-size: 200px auto; background-position: right 10px center;}
	.bb2_bg {background-size: 120px auto; background-position: right 50px center;}
	.bb3_bg {background-size: 200px auto; background-position: right 10px center;}



    /*고객현황*/
    .main_ar06 .main_ar_wr{
        position: relative;
    }
    .main_ar06 .main06_c{
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50%;
        float: none;
        background: rgba(255,255,255,0.8);
    }
    .main_ar06 .main06_c_wr{
        padding: 30px 50px;
    }
    .main_ar06 .main06_c_wr .p2{
        padding-bottom: 40px;
    }
    .main06_c:before{
        left: 50px;
    }

    /*sub 공통*/
    .sub_ar_tit{
        width: 100%;
		padding-left: 20px;
		padding-right: 20px;
        border-right: none;
    }
	.sub1 .sub_vs,
	.sub2 .sub_vs,
	.sub3 .sub_vs,
	.sub4 .sub_vs,
	.sub5 .sub_vs{height: 150px;}

    /*sub1_1 - 인사말*/
    .sub101_con{
        padding: 50px 20px 70px;
    }

    /*sub1_2 - 기업이념*/
    .sub102_con{
        padding: 50px 20px;
    }
    .sub1_2 .sub_con_txt{
        padding-top: 0;
    }
    .value_wr{
        width: 400px;
    }
    .value_c{
        margin-left: 0;
    }
    .value_c:nth-child(2n){
        margin-left: 20px;
    }
    .value_c:nth-child(3){
        background: rgba(238,238,238,0.5);
    }
    .value_c:nth-child(4){
        background: rgba(217,234,255,0.5);
    }
    .value_c:nth-child(5){
        background: rgba(238,238,238,0.5);
    }

    /*sub1_3 - 회사연혁*/
    .sub_c_left{
        height: 350px;
    }
    .sub_c_right{
        padding: 0 10px 0 20px;
    }
    .his_year{
        width: 100%;
        padding-bottom: 10px;
    }
    .his_mon{
        width: 100%;
    }
    .his_mon td{
        float: none;
        width: 100%;
    }

    /*sub1_4 - 조직도*/
    .sub104_con .plz_scroll{
        display: block;
        padding-bottom: 30px;
    }


    /*sub1_5 - 인사제도*/
    .sub1_5 .sub_con_txt{
        padding: 50px 20px;
    }
    .specialist .spe_right{
        padding: 50px 20px;
    }
    .specialist .spe_left{
        padding: 50px 20px 50px 80px;
    }

    .person_box{
        width: 100%;
        box-sizing: border-box;
        padding: 60px 20px;
        margin: 0;
    }
    .person_box .enter{
        display: inline;
    }
    .person_box:last-child{
        border-bottom: none;
    }

    .welfare_tit{
        width: 100%;
    }
    .welfare_box_wr{
        width: 100%;
    }
    .welfare_box {
        width: 50%;
    }
    .welfare_box:nth-child(n+5){
        padding-bottom: 50px;
    }

    /*sub2_1 - 응용분야*/
    .lay_left .sub_con,
    .lay_right .sub_con{
        width: 90%;
        margin-left: 5%;
    }
    .sub_c_b{
        padding: 40px 20px;
    }

    /*sub4_2 - msds*/
    .sub4_2 #gall_ul li{
        width: 100%;
    }

    /*sub4_3 - qms*/
	.sub403_c_wr_left{padding-left: 20px; padding-right: 20px;}
	.sub403_c_wr_right{padding-left: 20px; padding-right: 20px;}
	.sub403_c_wr_half ul{margin: 0 -5px;}
    .sub403_c_wr_half ul li{
        width: 50%;
		padding: 0 5px 30px;
        margin-top: 0 !important;
		vertical-align: top;
    }

    /*sub5_1 - 제품문의*/
    .sub5_1 .sub_ar03 .sub_c_3_1{
        padding: 50px 20px;
    }
    .sub5_1 .sub_ar03 .sub_c_3_2{
        padding: 50px 20px;
    }
    .box_half{
        width: 100%;
    }
    .btn_send button.btn_03{
        margin: 0 auto;
    }
    .sub_c_3_2 select{
        width: 100%;
    }


    /*sub5_2 - 카탈로그*/
    .sub5_2 #gall_ul li{
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px);
        margin: 0 10px;
    }
    .sub5_2 .gall_down button{
        width: 100%;
    }


    /*sub5_3 - 오시는길*/
    .sub_ar03 .sub503_c_wr{
        padding: 30px 20px;
    }
    .sub5_3 .enter{
        display: block;
    }


    /*sub5_4 - 공지사항*/
    #bo_btn_top{
        padding: 0;
    }
    #bo_btn_top .noti_tit h2{
        padding: 50px 20px ;
    }
    #bo_list td.td_datetime{
        display: none;
    }
    #bo_list .tbl_head01 td.td_subject{
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);
        padding: 0 20px !important;
    }
    #bo_list .tbl_head01 tr{
        display: block;
        width: 100%;
    }
    .tbl_wrap table,
    .tbl_wrap table tbody{
        display: block;
        width: 100%;
    }
    #bo_list .tbl_head01 td.td_subject{
        width: 100%;
    }

    .click_more a{
        padding-top: 0;
    }


    /*관리자 모드 게시판 리스트 - 공지사항*/
    .bo_fx,
    .bo_fx ul{
        width: 100%;
    }
    .bo_fx .btn_bo_user li{
        width: 25%;
        margin-left: 0;
        border-left: 1px solid #fff;
    }
    .bo_fx .btn_bo_user li:first-child{
        border-left: none;
    }
    .bo_fx .btn_bo_user li .btn_admin,
    .bo_fx .btn_bo_user li a.btn_b02{
        width: 100%;
        text-align: center;
        padding: 0;
    }

    /*지적재산 및 인증*/
    .sub4_4 #gall_ul li{margin-bottom: 0;}
    #gall_ul li{width: 50%;}
    .gall_txt{
        min-height: 123px;
        padding-bottom: 0;
    }
    .gall_row_1{padding: 0 20px 50px;}
    .gall_row_2{padding: 70px 20px;}

    /*관리자 모드 게시판 리스트 - 지적재산 및 인증*/
    .bo_fx .btn_bo_user a.btn_b01, .btn_b01{
        width: 100%;
    }


/*관리자모드 읽기 - 공지사항*/
    .bo_v_left li{
        width: 25%;
        margin-right: 0;
        border-left: 1px solid #fff;
    }
    .bo_v_left li a.btn_b01{
        width: 100%;
    }
    .bo_v_left li a.btn_admin{
        width: 100%;
    }

    /*sub4_1 - 신뢰성실험*/
    .sub_401_img_block li{
        width: 50%;
    }
    .sub_401_img_block li:nth-child(n+5){
        border-bottom: none;
    }
    .sub_401_img_block li:nth-child(2n-1){
        border-left: none;
    }
    .sub_401_img_block li:nth-child(n+7){
        border-bottom: 1px solid #e0e7e8;
    }

    /*sub3_1 - nbr float 소개 */
    .sub_con .nbr_icn_box ul li{
        height: 380px;
    }
    .sub3_2 .spe_list p span{
        text-align: left;
    }
    .sub3_2 .spe_right p{
        text-align: left;
    }
    .sub3_2 .specialist .spe_right{
        padding: 30px;
    }

	 /*sub3_2 - 제품소개 팝업 */
    .pop_list_all{ width: 80%;}
    .pop_r_top{padding: 20px; }
    .pop_p{left: -40px;}
    .pop_n{right: -40px;}
    .pop_l{
        width: 100%;
        height: 27%;
    }
    .pop_r{ width: 100%; }
	.pop_tit:before{display: none;}
	.pop_img{margin-top: 20px;}

	/* sub105 */
	.sub105_con .p1{padding: 30px 20px 0;}

	/* sub5_1 문의하기 */
	.btn_send .btn_03{
		margin: 0 auto;
	}
	.agreePop_wr{width: 90%;}





} /*max 767*/


@media screen and (max-width:640px){
    /*메인*/
    .main_cvs_slide{
        background-size: 70% auto;
    }
    .main_c1_line{
        width: 100%;
        padding-bottom: 40px;
    }
    .main_c1_line:before{
        width: 100%;
    }
    .main_c1_line .dot{
        margin-left: 0;
        position: absolute;
    }
    .main_c1_line .dot:nth-child(1){
        left: 0;
    }
    .main_c1_line .dot:nth-child(2){
        left: 50%;
        margin-left: -7px;
    }
    .main_c1_line .dot:nth-child(3){
        left: 100%;
        margin-left: -14px;
    }
    .main_ar03 .main_ar_lt,
    .main_ar03 .main_ar_rt{
        height: auto;
    }
    .main_ar03 .main_ar_rt .main_con_wr{
        padding: 70px 20px 40px;
    }
    .main_c1_line .dot.act:after{
        width: 40vw;
    }
	.countdown_wr{top: 6px;}

	.battery_box h5{padding-right: 50%;}


	/*sub1_2 - 기업이념*/
	.value_wr{width: 100%;}
	.value_c{width: 200px; height: 200px;}
	.value_c:before{width: 210px; height: 210px;}

    /*sub1_3 - 회사연혁*/
    .sub_c_left{
        height: 260px;
    }

    /*sub1_5 - 인사제도*/
    .welfare{
        padding: 50px 0;
    }
    .person_box_wr{
        padding-top: 30px;
    }

    /*sub1_6 - 인사제도*/
    .welfare_box{
        width: 50%;
    }

	 /*sub4_3 - qms*/
	.sub403_c_wr_half ul{
        margin: 0;
        padding: 50px 0;
    }
    .sub403_c_wr_half ul li{
        width: 100%;
		margin-top: 50px;
		padding: 0 0 30px;
		text-align: center;
    }
	.sub403_c_wr_half ul li:first-child{margin-top: 0;}
	.sub403_c ul li p{padding-left: 0;}

    /*sub4_4 - 지적재산 및 인증*/

    .sub4_4 .bo_group_tit{
        text-align: center;
    }
    /*sub4_1 - 신뢰성실험*/
    .sub_401_img_block li{
        width: 100%;
        text-align: center;
    }
    .sub_401_img_block li{
        border-left: none;
    }
    .sub_401_img_block li:last-child{
        border-top: none;
    }
    .sub4_1 .sub_ar04 h2{
        padding-top: 50px;
    }
    .sub4_1 h2{
        padding: 50px 20px;
    }
    .sub4_1 .tbl_01{
        padding: 0 20px 60px;
    }
    .sub4_1 .sub_ar05 .plz_scroll{
        display: block;
    }
    .sub4_1 .sub_ar05 .tbl_02,
    .sub4_1 .sub_ar05 .tbl_03{
        overflow-x: scroll;
    }
    .sub4_1 .sub_ar05 .tbl_02 table,
    .sub4_1 .sub_ar05 .tbl_03 table{
        width: 700px;
    }
    /*.sub4_1 .sub_ar05 .tbl_img{
        overflow-x: scroll;
    }
    .sub4_1 .sub_ar05 .tbl_img_wr{
        width: 700px;
    }*/
    .sub4_1 .sub_ar05 h2{
        padding: 50px 20px;
    }
    .table_wr_l, .table_wr_r{
        padding: 30px 20px 100px;
    }

    /*sub1_6 - 고객현황*/
    .logo_img ul li{
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }
    .logo_img ul li:nth-child(3n){
        margin-right: 10px;
    }

    /*sub3_1 - nbr float 소개 */
    .sub_con .nbr_icn_box ul li{
        width: 100%;
        height: auto;
    }
    .sub_con .nbr_icn_box ul li:last-child{
        display: none;
    }

    /*sub3_2 - fuel sender*/
    .pdt_list{
        width: 100%;
    }
    #bo_sch{
        float: none;
    }
    #bo_sch .sch_input{
        width: -webkit-calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: calc(100% - 50px);
    }

    /*sub5_2 - 카탈로그*/
    .sub5_2 .gall_down button{
        height: 80px;
        line-height: 1.5;
    }
    .sub5_2 .gall_down a img{
        display: block;
        margin: 0 auto;
    }
    .sub5_2 .gall_down a{
        font-size: 14px;
    }

	/* sub2_1 app */
	.sub_c_img_inner{padding-top: 0;}
	.deco_num{height: 52px;}
	.deco_num p{
		padding-bottom: 0;
		font-size: 50px;
	}


} /*max 640*/


@media screen and (max-width:580px){
    /*메인비주얼 2번 슬라이드*/
    .main_vs_slide02{background: url(/source/img/main_vs02.jpg) no-repeat right -490px top/cover;}
    .main_vs_slide02 .main_vi_txt_wr{padding-top: 120px;}
    .main_vs_slide02 .main_vi_txt_wr .p1{font-size: 40px;}
    .main_vs_slide02 .main_vi_txt_wr .p2{font-size: 40px;}

    /*메인 제품슬라이드*/
    .main_c1_line .dot.act:after{width: 36vw;}

	/* 제품 */
	.sub3 .specialist .spe_left h3{font-size: 34px;}
	.sub3 .spe_list p span{display: block; width: 100%;}

	/* 오시는길 지도 */
	.map_wr{height: 300px;}

}



@media screen and (max-width:480px){
    /*메인비주얼*/
    .main_vs_slide01{background: url(/source/img/main_vs01.jpg) no-repeat -300px center/cover; }
    .main_vs_slide01 .main_vi_txt_wr{padding: 0 20px;}
    .main_vs_slide01 .main_vi_txt_wr .p1,
    .main_vs_slide01 .main_vi_txt_wr .p2{font-size: 50px;}
    .main_vs_slide01 .main_vi_txt_wr .p3{padding: 0 10px;}

    /*메인 제품슬라이드 */
    .main_cvs_slide{height: 340px;}

    /*메인 제품 3박스*/
    .battery_box{
		height: 300px;
	}
    .bb1:hover{background-size: 85%;}
    .bb2:hover{background-size: 85%;}
    .bb3:hover{background-size: 85%;}

	.bb1_bg{background-size: 160px auto; background-position: right 5% bottom 30px;	}
	.bb2_bg{background-size: 110px auto; background-position: right 5% bottom 30px;}
	.bb3_bg {  background-size: 160px auto; background-position: right 5% bottom 30px;}

	.battery_box h5{padding-right: 0;}






	/* sub5_3 오시는길 */
	.sub5_3 .enter:not(:last-child){display: inline;}
	.sub_ar03 .sub503_c_wr{
		width: 100%;
		display: block;
	}
	.sub_ar03 .sub503_c_wr:nth-child(2){
		border-bottom: 1px solid #e0e7e8;
		border-right: none;
	}

	/* sub2_1 app */
	.sub_c_img_inner{padding-top: 10px;}
	.app_tit{font-size: 36px;}





}/*480*/


@media screen and (max-width:424px){
    /*sub1_5 - 인사제도*/
    .specialist .spe_left{
        padding: 80px 20px 50px;
    }
    .specialist .spe_left h3{
        text-align: center;
    }
    .tit_deco:before{
        top: -50px;
        left: 50%;
        transform:translateX(-50%);
    }
    .tit_deco span{
        text-align: left;
    }
    .welfare_box{
        width: 100%;
        padding-bottom: 15px;
    }
    .welfare_box span{
        display: inline-block;
        width: 35px;
    }
    .welfare_box p{
		width: calc(100% - 35px);
        display: inline-block;
    }
    .welfare_box p.p2{
        padding-left: 35px;
        display: block;
    }
    .welfare_box:nth-child(n+5){
        padding-bottom: 15px;
    }

    /*sub5_2 - 카탈로그 쓰기*/
    .btn_confirm{
        text-align: center;
    }

    /*sub5_4 - 공지사항 읽기*/
    #bo_v header{
        padding: 50px 20px 35px;
    }
    #bo_v_con{
        padding: 30px 20px;
    }
    #bo_v_top ul{
        text-align: center;
    }
    .bo_v_com li{
        float: none;
        display: inline-block;
        margin-right: 0;
    }
    #bo_v_top{padding-bottom: 0;}
    .bo_v_nb{margin: 0;}


    /*헤더부분*/
    .hd_lang li.cs_num span:nth-child(1){display: none;}

    /*제품소개*/
    #bo_sch{width: 100%;}

    /*공지사항 읽기*/
    #bo_v_top ul{padding: 0;}
    .btn_next a{float: none;}
    .btn_prv:before{display: none;}
    .btn_next:before{display: none;}
    .btn_list:before{display: none;}
    .bo_v_nb li{line-height: 1; margin-top: 2px;}

	/* 제품소개 팝업 */
	.pop_r_btn{padding-left: 0; text-align: center; margin-top: 10px;}
	.pop_r_btn a{display: inline-block; width: 100%;}
	.pop_r{padding: 0 10px;}
	.pop_r_bot{padding-left: 10px;}
	.pop_info_tit{display: block; width: 100%;}
	.pop_info_txt{display: block; width: 100%;}

	/* 제품소개 */
    .sub3_2 .specialist .spe_left h3{text-align: left;}
	.bo_fx .btn_bo_user li{width: 100%; margin-bottom: 5px;}




	.half_div > div:nth-child(1){
		width: 100%;
		padding: 10px;
	}
	.half_div > div:nth-child(2){
		width: 100%;
		padding: 0 10px 25px;
	}

    /*지적재산 및 인증*/
    #gall_ul li{width: 100%;}

    /*메인비주얼 2번 슬라이드*/
    .main_vs_slide02 .main_vi_txt_wr{padding-top: 70px;}

	/* sub2_1 app */
	.deco_num{height: 50px;}
	.deco_num p{font-size: 50px; padding-bottom: 0;}
	.app_tit{font-size: 30px;}
	.app_tit br{ display: none;}

	/* 제품 */
	.sub3 .specialist .spe_left h3{text-align: left;}

	/* sub5_1 문의하기 */
	.popcon{padding: 0;}
	.popcon_txt{padding: 30px 10px;}

} /*424*/

@media screen and (max-width:375px){
    /*메인 제품 슬라이드*/
    .main_cvs_slide{height: 250px;}
}

@media screen and (max-width:340px) {
	/* sub2_1 app */
	.sub_ar02 .app_tit{font-size: 24px;}
}

















