/* Common */
/* textarea, input { -webkit-appearance: none; } */
body {  -webkit-text-size-adjust: 100%; }

@media screen and (max-width:1279px){
    .visual .row{
        margin-left:20px;
        left: 0;
        height: auto;
    }        
    .visual .txt01{
        padding-top:130px;
    }
    .subvisual-txt{
        width:100%;
    }

    .his{
        width:200% !important;
    }
    .his img{
        width:50%;
    }
    *{
        box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;        
    }
    .head .row, .news .row, .people .row, .footer .row{
        width:100%;
        padding-left:20px;
        padding-right:20px;
    }

    .news .row .article{
        width:100%;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;        
    }
    .news .row .article .box{
        width:23.5%;
        margin-right:2%;        
    }
    .news .row .article .box:nth-child(5){
        margin-right:0;
    }
    .news .row .article .box .img_box{
        width:100%;
        height: auto;
    }
    .news .row .article .box .subject a,
    .people .row .article .box .subject a{
        display: block;
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .people .row .article{
        overflow: hidden;
    }
    .people .row .article .box{
        width:25%;
        margin-right:0;
        padding:0 5px;     
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;            
    }
    .people .row .article .box .img_box{
        width:100%;
        height: 200px;
    }
    .people .row .txt{
        font-size: 24px;
    }

    .product_list .row{
        width:100%;
    }
    .product_list .row .article .left{
        width:67%;
    }
    .product_list .row .article .left .box{
        width:48%;
        margin-right:1%;        
    }
    .product_list .row .article .left .box .thumb{
        width:100%;
    }
    .product_list .row .article .right{
        width:32%;
    }
    .product_list .row .article .right .box .thumb{
        width:100%;
        height: 300px;
    }
    .product_list .row .article{
        width:100%;
        padding-left: 15px;
        padding-right:15px;
    }
    .product_list .row .txt{
        font-size:28px;
    }
    .product_view .row{
        width:100%;
        padding-left: 15px;
        padding-right:15px;
    }
    .board_list .row .txt{
        font-size:28px;
    }
    .row{
        width:100% !important;
        padding-left: 15px;
        padding-right:15px;        
    }
    .board_list .row .article,
    .board_list .row .article_gal{
        padding-left: 15px;
        padding-right:15px;           
    }
    .history .row .left,
    .history .row .right{
        width:50%;
    }
    .history .row .right .tap a{
        width:50%;
        line-height: 30px;
        height: 30px;
    }
    .brand .row .field{
        padding:70px 20px;
    }
    .brand .row .field img{
        width:100%;
    }
    .certificate{
        width:100%; 
        padding-left:15px;
        padding-right:15px;
    }
    .certificate .c-top span{
        width:45%;        
    }
    .certificate .c-top span img{
        width:100%;
    }
    .location .row img{
        width:100%;
    }
    .board_list .row .article_gal table td.box{
        width:25%;
    }
    .board_list .row .article_gal table td.box .thumb{
        width:100%;
    }
    .board_list .row .article_gal table td.box .thb{
        width:auto;
    }
    .board_view .row .article table th{
        text-indent: 0;
    }
    .board_list .row .article_gal .box-wrap .box .thumb{
        width:100%;
    }
  .board_list .row .article_gal .box-wrap .box .thb{
        width:100%;
      background-repeat: no-repeat !important;
    }
    .board_list .row .article_gal .box-wrap .box .thb{
        height: 150px;
    }
    .footer .row .logo .logo_icon{
        width:120px;
        background-size: 100% auto !important;
    }
    
    .section{
        width:100%;
        padding:70px 15px;
    }
    .d-img{
        width:100%;
    }
    .business .cont02 ul li{
        padding:0 20px;
    }
    .business .cont02 ul li img{
        width:100%;
    }
    .conttt img{
        width:100%;
    }
}

@media screen and (max-width:1023px){
    .rnd-cont img{
        width:100%;
    }    
    .bbimg img{
        width:100%;
    }
    .section-h{
        font-size:28px;
    }
    .certificate-list li{
        width:30%;  
        margin: 1%;
        height: 390px;
        overflow: hidden;
    }
    .certificate-list li img{
        width:100%;
    }
    .certificate-list{
        width:100%;
        padding: 0;
        padding-left:3%;
    }
    
    .board_list .row .txt{
        font-size:20px;
        line-height: 140%;
    }
    .visual .txt01{
        font-size:15px;
        padding-top:100px;
    }
    .footer .row .copy{
        float: right;
        line-height: normal;
        
    }
    .visual{
   
        margin-bottom:97px;
    }
    .visual .txt03{
        font-size:20px;
        display: inline-block;
        width: auto;
        padding:5px 20px;
    }

    .footer .row .logo .address{
        line-height: normal;
        margin:60px 0 20px;;
        float: right;
    }
    .footer .row .logo{
        width:100%;
    }
    .visual .txt02{
        font-size:16px;
    }
}

@media screen and (max-width:767px){
    .bb-tab a{
        font-size: 11px;
        padding:10px ;
        word-break: keep-all;
    }
    .bb-img{
        width:100%;
        margin: 0;
    }
    .bb-img img{
        width: 100%;
    }
    .subvisual-txt em{
        font-size:15px;
        text-indent: 20px;
    }
    .subvisual-txt{
        padding-top:30px;
        padding-bottom:50px;
    }
    
    .subvisual-txt strong{
        font-size:24px;
        text-indent: 20px;
    }
    .section-h{
        font-size:20px;
    }
    .board_list .row .article_gal .box-wrap .box .thb{
        height: 100px;
    }
    .product_list .row .txt{
        font-size:22px;
        line-height: 170%;
    }
    .board_list .row .txt{
        font-size: 18px;
        line-height: 150%;
    }
    .product_list .row .article .left .box .thumb{
        background-repeat: no-repeat !important;
        background-color: #F9F9F9 !important;
    }
    .product_view .row .article .info table th{
        width:20%;
        text-indent: 10px;
    }
    .product_view .row .article .info table td{
        width:80%;
        padding:10px;
    }
    .product_view .row .detail .con img{
        max-width: 100%;
    }
    .history .row .left, .history .row .right{
        width:600px;
        margin: auto;
        float: none;
    }
    .history .row .left {
        text-align: center;
    }
    .certificate .certificate-list li strong,
    .certificate .certificate-list li span{
        font-size:13px;
        letter-spacing: -0.02em;
    }
    .people .row .txt{
        font-size:18px;
    }
    .people .row{
        padding-top:30px;
    }
    .board_view .row .txt{
        font-size:18px;
    }
    .board_view .row .article{
        width:100%;
        padding-left:15px;
        padding-right:15px;
    }
}

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

       .sub-visual-img img{
        height:150px;
        width:auto;
    }
    .rnd-tab02 a{
        float: left;
        width:24% !important;
        margin-right:1% !important;
    }
    .rnd-tab02:last-child{
        margin-right:0 !important;
    }
    .rnd-tab02:after{
        display: block;
        content: "";
        clear: both;
    }
    .rnd-list,
    .rnd03-img{
        width:100%;
    }
    .rnd-list li{
        font-size:14px;
    }
    .rnd-tech{
        font-size:16px;
    }
    
    .rnd-txt{
        font-size:14px;
    }
    .rnd-tab02 a{
        font-size:12px !important;
    }
    .rnd-tab a{
        width:49% !important;
    }
    .rnd-tbl td{
        font-size: 11px;
        padding:5px;
        letter-spacing: -1px;
        word-break: break-all;
        }
    .subvisual-txt .lager{
        font-size:24px;
        padding-left:20px;
    }
    .en{
        left: 25px;
    }
    .cn{
        left: 70px;
    }    
    .ic .icon{
        margin-top:30px;
        height:30px;
        padding-top:0;
        background-size:auto 100%;
    }
    .ic >.txt{
        font-size: 18px;
    }
    .ic .btn-plus{
        margin-top:30px !important;
        margin-bottom:30px !important;
    }
    .visual{
        margin-bottom:0;
    }
    .h-wrap{
        background: none;
    }
    .hbg{
        display: none;
    }

    .visual .txt02{
        font-size:14px;
    }
    .visual .txt01{
        font-size: 12px;
        padding-top:50px;
    }
    .visual .txt03{
        width:auto;
        font-size:15px;
        padding:5px 20px;
        display: inline-block;
        margin: 5px 0;
        
    }
    .visual .txt04{
        margin-top:0px;
        padding:3px 10px;
        font-size:12px;
    }
    .visual{
        padding-top:60px;
    }    
    
    .head .left_layer{
        display: none;
    }
    .head .row .logo{
        height: 60px;
        width:120px;
        background-size: 100% auto !important;
    }
    .head .row .logo .logo_row1{
        font-size: 14px;
    }
    .head .row .logo .logo_row2{
        font-size: 12px;
    }
    .head .row h1{
        width:60px;
        box-sizing: border-box;
    }
    .head .row .logo{
        float: left;
    }
    .head .right_layer .menu{
        margin-right:0;
    }
    .head .right_layer .search,
    .head .right_layer .menu,
    .head .row,
    .head{
        height: 60px;
    }
    .visual .img_box{
        width:100%;
        height: 33.3333%;
        background-size:cover;
    }
    .head .right_layer{
        padding:0 20px;
        box-sizing: border-box;
    }
    .head .right_layer ul li:last-child{
        float: right;
    }
    .menu_box .white_overlay{
        width:80%;
    }
    .menu_box .white_overlay .gnb a{

    }
    .menu_box .white_overlay .gnb a{
        padding-left:30px;        
        width: 100%;
        font-size:15px;
        box-sizing: border-box;
    }
    .menu_box .white_overlay .gnb{
        padding:100px 20px 0 0;
    }
    .visual .left{
        height: auto;
    }
    .visual .left .dcom,
    .visual .center .alive,
    .visual .right .conic{
        margin-top:20%;
        margin-bottom:100px;
    }
    .visual .more{
        bottom:10px;
        height: 40px;
        background:url(../img/bg_more.png) center bottom no-repeat
    }
    .news .row{
        padding-top:50px;
    }
    .news .row .top_new .title{
        font-size:14px;
    }
    .visual{
      
    }
    .top{
        bottom:10px;
        right:10px;
    }
    .news .row .article .box{
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
    .news .row .article .box .subject a,
    .people .row .article .box .subject a{
        padding-top:10px;
    }
    .introduce{
        height: 300px;
        background-size: 100% 100%;
    }
    .introduce .icon{
        padding-top:0;
        margin:30px auto;
        width:30px;
        height: 30px;
        background-size: 100% auto;
        display: none;
    }
    .introduce p.txt{
        font-size:24px;
    }
    .img_box{
        height: auto;
    }
    .people .row .txt{
        font-size:15px;
        line-height: 150%;
    }
    .people .row .article .box{
        width:100%;
        padding:0;
        margin-bottom:20px;
    }
    .people .row .article .box .subject{
        padding-top:0;
    }
    .footer .row .copy{
        font-size: 12px;
        float: none;
        text-align: center;
    }
    .footer .row{
        position: relative;
    }
    .footer .row .blog{
        position: absolute;
        right:15px; 
        top:10px;
        height: 32px;
        
    }
    .menu_box .white_overlay .close{
        right:20px; top:20px;
    }
    .search_box .white_overlay .row .search_input .inp_style{
        width:100%;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    
    .search_box .white_overlay .row .search_submit .smt_style{
        width:60px;
        height:30px;
        line-height: 30px;
        font-size:11px;
    }
    .search_box .white_overlay .row .close{
        margin-top:30px;
    }
    .search_box .white_overlay .row{
        width:100%;
        padding-left:10px;
    }
    .sub_img_box{
        height: 180px;
        margin-top:60px;
        padding-top:0;
    }
    .sub_visual{
        padding-top:0;
        background-size: cover;
        height: 100%;
    }
    .board_view .row .txt{
        font-size:15px;
        line-height: 140%;
        padding: 10px;
    }
    .board_view .row{
        padding:30px 0;
    }
    .company .row .logo{
        width:240px;
        background-size:100% auto;
        margin-top:30px;
        
    }
    .company .row .txt{
        font-size: 18px;
    }
    .company .row .txt{
        padding:20px 0;
    }
    .company .row .txt02{
        padding:20px 10px;
    }
    .history .row .left, .history .row .right{
        width:100%;
    }
    .history .row .left .txt{
        padding:30px 0;
        font-size: 20px;
    }
    .history .row .left .txt02{
        font-size: 12px;
        padding: 0;
    }
    .history .row .right .year .his3{
        font-size:12px;
        padding:0 0 0 15px;
        width:65%;        
        padding-bottom: 15px;
    }
    .history .row .right .year .his1{
        padding:0;
        font-size: 12px;
        width:20%;
        vertical-align: top;
        background: url(../img/dot_history.gif) no-repeat right 5px
    }
    .history .row .right .year .his2{
        padding: 0;
        font-size: 12px;
        text-align: center;
        width:15%;
        vertical-align: top;
    }
    .history .row .right .year{
        background: url(../img/line_history.gif) 18% 0 repeat-y
    }
    .brand .row .field{
        padding: 70px 10px;
    }
    .brand .row .tap a,
    .product_list .row .tap a{
        width:30%;
        height: 30px;
        line-height: 30px;
        margin: 0;
    }
    .certificate .certificate-list li span{
        width:100%;
        float: none;
        display: block;
        padding-left:0;
        margin-top:10px;
    }
    .certificate .certificate-list li strong{
        display: inline-block;
        float: none;
        width:auto;
        padding-right:10px;
        line-height: normal;
    }
    .board_list .row .txt{
        font-size:15px;
        padding: 0 10px;
    }
    .product_list .row .article .left{
        width:100%;
    }
    .product_list .row .article .left .box .thumb{
        height: 100px;
    }
    .product_list .row .article .left .box{
        width:49%;
    }
    .product_list .row .txt{
        font-size: 14px;
        padding:0 10px;
    }
    .product_list .row .article .right{
        width:100%;
        height: auto;
        padding-bottom:20px;
    }
    .product_list .row .article .right .box .thumb{
        height: 150px;
    }
    .product_view .row .article .thumb{
        width:100%;
        height: 240px;
    }
    .product_view .row .article .info{
        width:100%;
        height: auto;
    }
    .product_view .row .article .info table th{
        text-indent: 0;
    }
    .product_view .row .article .info table td{
        font-size:12px;
        line-height: 140%;
    }
    .product_view .row .detail .con{
        padding:10px;
    }
    .product_view .row .txt{
        font-size:24px;
    }
    .board_list .row .tap a{
        width:48%;
        margin: 5px 0;
        height: 30px;
        line-height: 30px;
    }
    .board_list .row .article_gal .box-wrap .box{
        width:100%;
    }
    .board_list .row .article_gal .box-wrap .box .thb{
        height: 160px;
    }
    .board_write .row .article table th{
        text-align: center;
        width:20%;
        text-indent: 0;
    }
    .board_write .row .article table th img{
        width:100%;
    }
    .board_write .row .article table td{
        width:80%;
    }
    .board_write .row .article .int{
        width:90%;
    }
    .board_view .row .article table th,
    .nope{
        display: none;
    }
    body, th, td, input, select, textarea, button{
        font-size:12px !important;
    }
    .board_view .row .article .con{
        padding: 20px 0;
    }
    .board_view .row .article .con img{
        max-width: 100%;
    }
    
        .b-tit{
        width:60%;
        text-indent: 0 !important;
        font-size:11px;
        vertical-align: top;
    }
    .b-writer{
        width:20%;
        text-indent: 5px !important;
        font-size:11px;
        vertical-align: top;
    }
    .b-date{
        width:20%;
        text-indent: 0 !important;
        font-size:11px;
        letter-spacing: -0.1em;
        vertical-align: top;
    }
    .footer .row .logo .address{
        float: none;
        margin-left:0;
        margin:0 0 10px 15px;
    }
    .footer .row .logo .logo_icon{
        float: none;
        display: block;
        margin: 15px ;
    }
    .footer .row{
        line-height: normal;
        padding: 0;
        padding-bottom: 30px;
        height: auto;
    }
    .section-tit{
        font-size:18px;
        margin-bottom:30px;
    }
    .col-50{
        width:100%;
    }
    .section-h{
        font-size:15px;
    }
    .compny-txt.pr40{
        padding-right: 0 !important;
        margin-bottom:30px;
    }
    .history-wrap .tap a{
        width:49%;
        line-height: 30px;
        height: 30px;
        margin: 0;
    }
    .certificate-list li{
        width:48%;
        height: auto;
    }
        .sub_visual{
        margin-top:60px;
    }
    .subvisual-txt strong{
        font-size:18px;
    }
    .subvisual-txt em{
        margin-bottom:10px; 
        font-size:13px;
    }
    
    .m-his.active{
        display: block
    }
    .h-wrap{
        display: none;
    }
        span.dp{
        display: inline;
    }
    
    .map{
        height:240px;
    }
    .d-img{
        display: none;
    }
    .m-img{
        display: block;
        width:100%;
    }
    .business .row .tap a{
        width:30%;
        margin: 0px;
        line-height: 30px;
        height: 30px;
    }
    .business-tab03 a{
        width:49% !important;
    }
    .business .cont02 ul li{
        width:100%;
        padding: 0;
    }
    .kw-txt{
        font-size:14px;
    }
    .kw-txt strong{
        font-size:20px;
    }

}