.visual_company{background:url('/images/img-subbanner01.png')no-repeat center; background-size:cover; height:500px;}
.visual_product{background:url('/images/img-subbanner02.png')no-repeat center; background-size:cover; height:500px;}

.company_wrap, .product_wrap{width:1274px; margin:100px auto; overflow:hidden}
.company_wrap .company_about01{float:left; display:block; width:1030px; margin:0 auto; margin-left:57px;}
.company_wrap .company_about01 h3{font-size:40px; line-height:40px;}
.company_wrap .company_about01 h4{margin-top:50px; margin-bottom:40px; font-size:22px; line-height:21px; font-weight:400;}
.company_wrap .about_banner{margin-bottom:40px;}
.company_wrap .company_about01 h4 span{font-weight:bold;}
.company_wrap .company_about01 p {margin-bottom:30px; color:#757575; font-size:16px; line-height:21px; letter-spacing:-0.1px; word-break:keep-all;}
.company_wrap .company_history_wrap{margin:50px auto 0; padding-left:30px; width:100%;border-left:1px solid #eee;}
.company_wrap .company_history_wrap::after{clear:both; display:block; content:'';}
.company_wrap .company_history_wrap .company_title{position:relative; float:left; margin-top:150px; margin-bottom:60px; width:100%;}
.company_wrap .company_history_wrap .company_title:nth-of-type(1){margin-top:0;}
.company_wrap .company_title .line{position:absolute; left:-33px; top:12px; display:block; width:5px; height:20px; background:#FF0000; text-indent:-9999px;}
.company_wrap .company_history_wrap .company_title strong{color:#BDBDBD; font-size:44px;}
.company_wrap .company_history_wrap .company_picbox{position:relative;}
.company_wrap .company_history_wrap .company_pic01{position:absolute; right:0; top:0; background:url('/images/img-company02.png')no-repeat; background-size:cover; width:400px; height:240px;}
.company_wrap .company_history_wrap .company_pic02{position:absolute; right:0; top:0; background:url('/images/img-company03.png')no-repeat; background-size:cover; width:400px; height:240px;}
.company_wrap .company_history_wrap .company_pic03{position:absolute; right:0; top:0; background:url('/images/img-company04.png')no-repeat; background-size:cover; width:400px; height:240px;}
.company_wrap .company_history{float:left; margin-bottom:60px; width:100%;}
.company_wrap .company_history ul{display:inline-block; width:79%;}
.company_wrap .company_history li{display:block; float:left; width:100%; }
.company_wrap .company_history li:first-child{margin-top:10px;}
.company_wrap .company_history strong{margin-right:70px; font-size:32px; line-height:37px; vertical-align:top;}
.company_wrap .company_history p{display:inline-block; margin-top:-4px; margin-bottom:16px; font-size:18px; color:#000; line-height:18px; vertical-align:text-top;}
.company_wrap .company_history li span{margin-right:16px; font-size:18px; line-height:18px; color:#757575}


.company_wrap .company_sign{margin-top:50px; float:right; font-size:22px; line-height:21px; }
.company_wrap .company_sign img{margin-left:20px; width:110px; height:58px; vertical-align:bottom}
.company_wrap .company_aside{float:left;  width:187px; overflow:hidden;}
.company_wrap .company_aside li{padding-left:10px; width:100%; height:64px; line-height:64px; font-size:20px; box-sizing:border-box; border-bottom:1px solid #EEEEEE}
.company_wrap .company_aside li:first-child{background:#000; color:#fff; border-bottom:none}
.company_wrap .company_aside li a{width:100%; display:block;}

.company_wrap .company_about02{float:left; display:block; width:1030px; margin:0 auto; margin-left:57px; overflow:hidden;}
.company_wrap .company_about02 h3{font-size:40px; line-height:40px;}
.company_wrap .company_origan{margin:50px auto 0; width:100%;}
.company_wrap .company_origan table{width:100%; table-layout: fixed; border-collapse: collapse; font-size:16px;}
.company_wrap .company_origan th{width:260px; line-height:48px; background:#F5F5F5; border-top:1px solid #000; font-weight:400; border-bottom:1px solid #000; border-left:1px solid #EEEEEE}
.company_wrap .company_origan th:first-child{border-left:none}
.company_wrap .company_origan td{width:260px; line-height:48px; border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; text-align:center;}

.company_wrap .company_about01 .policy{margin-top:30px; width:100%; overflow:hidden;}
.company_wrap .company_about01 .policy > h4{font-size:32px; font-weight:bold;}
.company_wrap .company_about01 .policy ul{margin-bottom:20px; width:100%; overflow:hidden;}
.company_wrap .company_about01 .policy li{padding-bottom:32px; width:100%; font-size:18px;}
.company_wrap .company_about01 .policy strong{display:block; padding-bottom:16px; font-size:24px; font-weight:400;}


.product_wrap .product_aside{float:left;  width:187px; overflow:hidden;}
.product_wrap .product_aside li{padding:16px 0 16px 10px; width:100%; height:auto; font-size:12px; box-sizing:border-box;}
.product_wrap .product_aside li:first-child{padding:0 10px; background:#000; color:#fff; height:64px; line-height:64px; font-size:20px;}
.product_wrap .product_aside li:nth-of-type(3), .product_wrap .product_aside li:nth-of-type(6){border-bottom:1px solid #EEEEEE;}
.product_wrap .product_aside li span{display:block; margin-bottom:12px; font-size:16px;}
.product_wrap .product_aside li a{width:90%; display:inline-block; color:#bdbdbd;}
.product_wrap .product_aside li img{display:block; float:left; margin-top:1px; margin-right:10px; vertical-align:super;}
.product_wrap .product_aside .product_focus{padding:16px 0;}
.product_wrap .product_aside .product_focus a{color:#000;}
.product_wrap .product_aside .product_focus span{padding-left:10px;}

.product_wrap .product_about01{float:left; display:block; width:1030px; margin:0 auto; margin-left:57px; overflow:hidden;}
.product_wrap .product_about01 h3{margin-bottom:50px; font-size:40px; line-height:40px;}
.product_wrap .product_about01 h4{margin-top:50px; margin-bottom:30px; font-size:22px; line-height:21px; font-weight:400;}
.product_wrap .product_about01 h4 span{font-weight:bold;}
.product_wrap .product_about01 p {margin-bottom:30px; color:#757575; font-size:16px; line-height:21px; letter-spacing:-0.1px;}
.product_wrap  #tabs{float:right; width:100%;}
.product_wrap  #tabs .tabs_wrap{float:right; padding:0; display:inline-block; width:auto; overflow:hidden; border:none;}
.product_wrap  #tabs .tabs_wrap li{float:left; margin-right:16px; width:auto;}
.product_wrap  #tabs .tabs_wrap li:last-child{margin-right:0;}
.product_wrap  #tabs .tabs_wrap li a{font-size:20px; font-weight:bold; line-height:40px;}
.product_inner_wrap{margin-bottom:40px; width:100%; overflow:hidden;}

.product_wrap .product_about01 .line{float:left; display:block; margin-top:16px; margin-right:12px; width:20px; height:4px; background:#FF0000; vertical-align:middle; text-indent:-9999px;}
.product_wrap .product_about01 strong{margin-right:70px; font-size:24px; line-height:37px; vertical-align:top;}
.product_wrap .product_about01 ul{padding:12px 0 12px 24px;  width:100%; overflow:hidden; border:1px solid #eeeeee;}
.product_wrap .product_about01 ul li span{margin-left:12px; font-size:14px; line-height:18px; word-break:keep-all;}
.product_wrap .product_about01 ul li{margin-bottom:24px; font-size:18px; line-height:18px;}
.product_wrap .product_about01 ul li:last-child{margin-bottom:0;}
.product_wrap .product_about01 .check_result{margin:0 auto 20px; background:#ffe5e5; color:#000; width:130px; font-size:20px; line-height:20px; text-align:center;}
.product_wrap .product_about01 .check_img{padding:16px 0; width:100%; border:1px solid #EEEEEE;}
.product_wrap .product_about01 .check_img img{display:block;margin:0 auto;}
.product_wrap .product_about01 .product01_box{background:url('/images/img-fn500_03.svg')no-repeat center; width:1035px; height:452px;}
.between_s{display:inline-block; margin-left:12px; width:165px;}
.between_l{display:inline-block; margin-left:12px; width:235px;}
.between_text{margin-left:17px;}
.product_wrap .product_about01 .effect_list{margin-top:16px; border:none !important;}
.product_wrap .product_about01 .effect_list > li{margin-bottom:0;font-size:14px;}
.contact_wrap {margin:100px auto; width:1240px;}
.contact_wrap .contact_place_wrap{width:100%; margin:0 auto 100px;}
.contact_wrap ul{width:100%; overflow:hidden;}
.contact_wrap ul li{float:left; margin-left:44px; width:384px; height:560px; opacity:0.5;}
.contact_wrap ul li:first-child{margin-left:0;}
.contact_wrap ul li strong{display:block; margin-top:42px; margin-bottom:12px; font-size:40px; line-height:40px; height:40px;}
.contact_wrap ul li strong img{margin-right:12px; vertical-align:sub;}
.contact_wrap ul li p{display:block; margin-bottom:8px; font-size:14px; line-height:20px;}
.contact_wrap ul li .zip_text{margin-bottom:28px;}
.contact_wrap ul li a{display:block; margin-top:18px; padding:16px 0; width:100%; background:#fff; border :1px solid #000; color:#000; font-size:16px; text-align:center;}
.contact_wrap #map{width:100%; height:340px;}
.contact_wrap .contact_focus, .contact_wrap ul li:hover{opacity:1;}
.contact_wrap .contact_focus a, .contact_wrap ul li:hover a{background:#000; color:#fff;}
.contact_wrap .contact_sub{margin-top:70px; width:100%;}

.mo-company_aside, .mo-headtitle, .mo_contact_link{display:none;}

@media(min-width:320px) and (max-width:1200px){
  .visual_company{background:url('/images/mo-img-subbanner01.png')no-repeat center; background-size:cover; width:100%; height:66vw;}
  .visual_product{background:url('/images/mo-img-subbanner02.png')no-repeat center; background-size:cover; width:100%; height:66vw;}
  .company_wrap, .product_wrap{margin:0 auto 30px; width:100%;}
  .company_wrap .company_aside{width:100%;}
  .company_wrap .company_aside > ul{display:none;}
  .company_wrap .company_aside .visit_page{float:left; padding-left:20px; font-size:16px; line-height:48px;}
  .company_wrap .company_aside .visit_page img{float:right; display:inline-block; margin-left:16px;}
  .company_wrap .company_aside .mo-company_aside{display:block;}
  .company_wrap .company_aside .mo-company_aside h6{padding:13px 14px; font-size:18px; font-weight:400; background:#000; color:#fff; float :left;}
  .company_wrap .company_aside .mo-company_aside ul{display:none; float:left; width:100%}
  .company_wrap .company_aside .mo-company_aside li{float:left; padding-left:94px; height:auto; font-size:16px; line-height:48px; border-bottom:0;}
  .company_wrap .company_aside .mo-company_aside li a{float:left; padding-left:20px;display:inline-block; width:100%; text-align:left;}
  .company_wrap .company_aside li:first-child{background:#fff;}
  .company_wrap .company_about01{margin-top:50px; margin-bottom:60px; margin-left:0; padding:0 16px; width:100%;}
  .company_wrap .company_about01 h3{font-size:24px; line-height:24px;}
  .company_wrap .company_about01 h4{margin-top:30px; width:79%; word-break:keep-all; font-size:14px; line-height:20px;}
  .company_wrap .company_about01 p{font-size:12px;}

  .company_wrap .company_about01 .policy h4{font-size:20px;}
  .company_wrap .company_about01 .policy strong{font-size:18px;}
  .company_wrap .company_about01 .policy li{font-size:14px;}

  .company_wrap .company_sign{margin-top:0;}
  .company_wrap .company_sign h5{font-size:12px;}
  .company_wrap .company_sign img{width:24.5vw; height:12.8vw;}

  .company_wrap .company_history_wrap{margin:30px auto 0; background: red}
  .company_wrap .company_history{margin-bottom:40px;}
  .company_wrap .company_history ul{width:100%;}
  .company_about02any_wrap .company_history:nth-last-child(1), .company_wrap .company_history p{margin-bottom:0 !important;}
  .company_wrap .company_history p{margin-bottom:13px; width:89%}

  .company_wrap .company_about02{padding:0 16px; margin:50px auto 0; width:100%;}
  .company_wrap .company_about02 h3{margin-bottom:0; font-size:24px;}
  .company_wrap .company_origan{margin:30px auto 60px;}
  .company_wrap .company_origan table{font-size:12px;}
  .company_wrap .company_origan th, .company_wrap .company_origan td{width:25%; line-height:27px;}

  .product_wrap .product_aside{width:100%;}
  .product_wrap .product_aside ul{display:none;}
  .product_wrap .product_aside .visit_page{float:left; padding-left:20px; width:73.5%; line-height:48px;}
  .product_wrap .product_aside .visit_page p{display:inline-block; padding-top:10px; width:70%; font-size:12px; line-height:12px; word-break: keep-all;}
  .product_wrap .product_aside .visit_page img{float:right; display:inline-block; margin-left:16px;}
  .product_wrap .product_aside .mo-company_aside{display:block;}
  .product_wrap .product_aside .mo-company_aside h6{padding:13px 14px; font-size:18px; font-weight:400; width:95px; background:#000; color:#fff; float :left;}
  .product_wrap .product_aside .mo-company_aside ul{display:none; float:left; width:100%}
  .product_wrap .product_aside .mo-company_aside li{float:left; padding:0; padding-left:94px; height:auto; font-size:12px; line-height:48px; border-bottom:0;}
  .product_wrap .product_aside .mo-company_aside li:first-child{background:#fff; color:#000}
  .product_wrap .product_aside .mo-company_aside li a{float:left; padding-left:20px;display:inline-block; width:95%; text-align:left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  .product_wrap .product_about01{margin-left:0; width:100%;}
  .product_wrap .product_about01 .check_img img{width:100%;}
  .product_wrap .product_about01 strong{display:block; margin-right:0; margin-bottom:20px; font-size:20px; line-height:22px;}
  .product_wrap .product_about01 ul{padding:13px 0 13px 12px;}
  .product_wrap .product_about01 ul li span{margin-left:6px; font-size:12px;}
  .between_l{width:128px;}
  .product_wrap .product_about01 .product01_box{background:url('/images/mo-img-fn500_02.svg')no-repeat center; background-size:cover; width:100%; height:131vw; min-height:469px;}
  .product_wrap .product_about01 h3{display:none;}
  .product_wrap #tabs .tabs_wrap{margin-top:28px; width:100%;}
  .product_wrap .tab_box01 #tabs .tabs_wrap li{float:left;  margin-right:0; width:100%; border-bottom:1px solid #bdbdbd; box-sizing:border-box;}
  .product_wrap .tab_box02 #tabs .tabs_wrap li{float:left;  margin-right:0; width:33.33%; border-bottom:1px solid #bdbdbd; box-sizing:border-box;}
  .product_wrap .tab_box03 #tabs .tabs_wrap li{float:left;  margin-right:0; width:25%; border-bottom:1px solid #bdbdbd; box-sizing:border-box;}
  .product_wrap .tab_box04 #tabs .tabs_wrap li{float:left;  margin-right:0; width:25%; border-bottom:1px solid #bdbdbd; box-sizing:border-box;}
  .product_wrap .product_about01 ul li{margin-bottom:0;}
  .product_wrap #tabs .tabs_wrap li a{display:block; width:100%; line-height:30px; font-size:18px; text-align:center;}
  .ui-tabs .ui-tabs-nav li.ui-tabs-active{padding-bottom:0 !important; margin-bottom:0 !important; border-bottom:1px solid #FF0000 !important;}
  .mo-headtitle{display:block; margin-top:43px; margin-bottom:26px; font-size:24px; line-height:24px;}
  .product_inner_wrap{padding:0 16px; margin-bottom:30px;}
  .product_wrap .product_about01 .line{margin-top:9px;}
  .contact_wrap{padding:0 16px; margin:0 auto 60px; width:100%;}
  .contact_wrap li{display:none;}
  .contact_wrap .contact_focus, .contact_wrap ul li strong img{display:inline-block !important; margin-right:10px; vertical-align: bottom;}
  .contact_wrap ul li{margin-left:0; width:100%; height:auto;}
  .contact_wrap ul li strong{margin-top:46px; margin-bottom:16px; font-size:24px;}
  .contact_wrap ul li p{margin-bottom:8px; font-size:12px; line-height:17px;}
  .contact_wrap .contact_focus img, .contact_wrap ul li a{display:none;}
  .contact_wrap .contact_place_wrap{margin:0 auto 40px;}

  .contact_wrap .contact_sub{margin-top:20px;}

  .mo_contact_link{display:block; margin:50px auto 0; width:100%;}
  .mo_contact_link ul{width:100%; overflow:hidden;}
  .mo_contact_link ul li{float:left; width:33.33%; border-bottom:1px solid #bdbdbd;}
  .mo_contact_link ul li a{display:block; width:100%; font-size:16px; line-height:30px; color:#bdbdbd; text-align:center; letter-spacing:-0.5px}
  .mo_contact_link .visit_link{border-bottom:1px solid #FF0000;}
  .mo_contact_link .visit_link a{color:#000; font-weight:bold;}
  .mySwiper_sub .swiper-slide img{width:100%;}

  #hd .header_wrap .gnb_wrap ul li:hover .gnb_slide{display:none;}

}

@media (min-width:767px) and (max-width:1200px){
    .product_wrap .product_about01 .check_img img{width:auto;}
    .product_wrap .product_aside .visit_page{width:86%}
}