@charset "UTF-8";
/*서브비쥬얼*/
.visual1:before{ background: url('../images/sub_visual_1.png') center center no-repeat; background-size: cover; }

/*제품사진슬라이드*/
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 106 css*/
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

.grid-nav{width: 100%;}
h3{padding:5px;clear:both;}
.grid-nav ul{clear:both;}
.grid-nav-layer:after {content:'';display:block;clear:both;}
.grid-nav-layer li{list-style: none;margin:1px;	float:left;cursor: pointer;padding:6px;border: 1px solid #a2a2a2;}
.grid-nav-layer li:first-child {margin-left:0;}
.grid-nav-layer li img{width: 234px;height: 150px;}
.grid-active{background-color: #327da5;}
/*제품특징*/
#contents_002 .leftTit_box_wrap {margin-top:100px;}
#contents_002 .leftTit_box_wrap dl {width:100%;display:block;margin-bottom:150px;}
#contents_002 .leftTit_box_wrap dl:after {content:'';display:block;clear:both;}
#contents_002 .leftTit_box_wrap dt {float:left;width:185px;padding-right:40px;text-align:right;color:#333;font-size:30px;letter-spacing: -2px;line-height: 1.2;}
#contents_002 .leftTit_box_wrap dd {float:left;width:calc(100% - 185px)}
#contents_002 .leftTit_box_wrap dd h2 {font-size:18px;color:#177fbb;letter-spacing:-1px;font-weight:500;}
#contents_002 .leftTit_box_wrap dd h3 {font-size:16px;color:#616161;letter-spacing:-1px;margin-top:20px;padding: 0;font-weight: 400;line-height: 1.6;}
#contents_002 .leftTit_box_wrap dl dd .feature {width:624px;height:407px;}
#contents_002 .leftTit_box_wrap dl dd .feature1-1 {background:url('/002/images/feature1-1.png');}
#contents_002 .leftTit_box_wrap dl dd .feature1-2 {background:url('/002/images/feature1-2.png');}
#contents_002 .leftTit_box_wrap dl dd .feature1-3 {background:url('/002/images/feature1-3.png');}

.product-wrap {width:100%;}
.product-wrap img {width:100%}
.product-wrap:after {content:'';display:block;clear:both;}
.product-wrap h2 {
    position:relative;
    margin-left: 0px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 20px;
    word-break: keep-all;
    width: 100%;
    line-height: 1.4;
    font-weight: 500;
    padding-left:15px;
    color:#004b96;
    margin-top:20px;
}
.product-wrap h2:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #333;
    position: absolute;
    left: 0;
    top: 11px;
}

/*전동기 table*/
.product-wrap .kyTbl {float:left;}
.ky-tbl-01 th {width:180px}
.kyTbl th {min-width:150px}
ul.tbl-top-box {display:flex;border-top: 1px solid #000;padding: 15px 0;}
ul.tbl-top-box li {list-style: none;border-right: 1px solid #e5e5e5;padding: 0;width: 25%;text-align: center;}
ul.tbl-top-box li:last-child {border-right:0;}
ul.tbl-top-box li h1 {color:#666;font-size:16px;font-weight: 400;margin-bottom: 10px;}
ul.tbl-top-box li h2 {color:#000;font-size:22px;font-weight:500;letter-spacing:-1px;word-break: break-all;}
ul.tbl-top-box li .tbl-img {width:66px;height:70px;background-repeat:no-repeat;margin:30px auto 0;}
ul.tbl-top-box li .tbl-img1 {background:url('/002/images/tbl-top-img1.png');}
ul.tbl-top-box li .tbl-img2 {background:url('/002/images/tbl-top-img2.png');}
ul.tbl-top-box li .tbl-img3 {background:url('/002/images/tbl-top-img3.png');}
ul.tbl-top-box li .tbl-img4 {background:url('/002/images/tbl-top-img4.png');}
ul.tbl-top-box li .tbl-img5 {background:url('/002/images/tbl-top-img5.png');}
ul.tbl-top-box li .tbl-img6 {background:url('/002/images/tbl-top-img6.png');}
.kyTbl {border-collapse:collapse;width:100%;}
.kyTbl tr th,.kyTbl tr td {border-bottom:1px solid #dedee1;padding:4px 10px; word-break: keep-all;}
.kyTbl tr:first-child th,.kyTbl tr:first-child td {border-top:1px solid #b3b3b3}
.kyTbl tbody tr th {background:#f8f8fa;color:#7a7a7a;font-weight:400;}
@media screen and (max-width:480px) {
    .kyTbl th {min-width:70px}
}
@media screen and (max-width:481px) {
    ul.tbl-top-box li .tbl-img {margin:10px auto 0}
    ul.tbl-top-box li h2 {font-size:19px;}
    .product-wrap h2 {font-size:18px;}
    .ky-tbl-01 th {width:100px}
} 
@media screen and (max-width:799px) {
    .business_top {margin-bottom:50px;}
    dl.business_box {width:100%;margin: 25px 0;}
    .business_box_wrap {margin-bottom:0;}
    .business2_img,.business3_img, .business5_img,.business6_img,.business7_img,#contents_002 dl.business_box.b6_01_01 dt {height:220px;}
    .biomass-process {width:100%;max-width:1000px;}
    #contents_002 h3 {margin-bottom:20px;}
}
@media screen and (min-width:768px) {
    .product-wrap img {width:40%;float:left}
    .product-wrap h2 {width: calc(60% - 30px);margin-left: 30px;}
    .product-wrap .kyTbl {width: calc(60% - 30px);margin-left:30px;}  
    .product-wrap h2 {margin-top:0}
    ul.tbl-top-box {padding:50px 0;}
}
@media screen and (min-width:1024px) {
    .product-wrap img {width:auto;}
    .product-wrap h2 {width: calc(100% - 530px);margin-left: 30px;}
    .product-wrap .kyTbl {width: calc(100% - 530px);margin-left:30px;}
    .kyTbl tr th, .kyTbl tr td {padding:20px 30px}
}

/*특징 원*/
ul.circle {display:flex;flex-wrap:wrap;}
ul.circle li {margin-bottom:5px;width:140px;height:140px;padding-top:60px;margin-right:20px;border-radius:100%;text-align:center;color:#fff;font-size:20px;font-weight:400;letter-spacing:-1px;}
ul.circle li:nth-child(1) {background:#31a583}
ul.circle li:nth-child(2) {background:#319ba5}
ul.circle li:nth-child(3) {background:#317da5}
ul.circle li:nth-child(4) {background:#316da5}
ul.circle li:nth-child(5) {background:#3154a5}
ul.circle li:nth-child(6) {background:#3e4298;margin-right:0;}

#contents_002 h3 {font-size:1.375em;color:#191e79;margin-bottom:50px;font-weight:500;display:inline-block;width:100%;padding: 20px 0;}
#contents_002 .bullet:before {content: '';position: absolute;width: 3px;height: 22px;left: 0;top: 22px;background: #191e79;}
#contents_002 .bullet {position:relative;padding-left:20px;}
#contents_002 .underline {border-bottom:1px solid #dedede}

.mt0 {margin-top:0 !important}
.mt30 {margin-top:30px !important} 
@media screen and (max-width:1024px) {
    .cont_center {width:100%;padding: 0 20px;}
}
@media screen and (max-width:799px) {
    .business_top {margin-bottom:50px;}
    dl.business_box {width:100%;margin: 25px 0;}
    .business_box_wrap {margin-bottom:0;}
    .business2_img,.business3_img, .business5_img,.business6_img,.business7_img,#contents_002 dl.business_box.b6_01_01 dt {height:220px;}
    .biomass-process {width:100%;max-width:1000px;}
    #contents_002 h3 {margin-bottom:20px;}
}
@media screen and (max-width:768px) {
    #contents_002 .leftTit_box_wrap dl dd .feature {width:100%;height:300px;background-size: contain;background-repeat: no-repeat;}
    #contents_002 .leftTit_box_wrap dl {margin-bottom:50px;}
}
@media screen and (max-width:480px) {
    .bullet {font-size:20px;}
    #contents_002 .leftTit_box_wrap dt {padding-left:0 !important;padding-right:0;width:100%;float:none;text-align:left;}
    #contents_002 .leftTit_box_wrap dd {width:100%;text-align:left;}
    
    #contents_002 .leftTit_box_wrap dl dd .feature {height:130px;}
    ul.tbl-top-box {display:block;padding:10px;}
    ul.tbl-top-box li {width:100%;border:0;padding: 20px;border-bottom:1px solid #e5e5e5;}
    ul.tbl-top-box li:last-child {border-bottom:none;}
    ul.tbl-top-box li .tbl-img {margin: 10px auto 0;}
    /* .kyTbl tr th, .kyTbl tr td {
        border-bottom: 1px solid #dedee1;
        padding: 20px;
        word-break: keep-all;*/
}
/*감속기*/
.product-box {
    display:inline-block;
    width:calc(50% - 5px);
    height:108px;
    margin-bottom:10px;
    float:left;
}
.product-box:after {content:'';display:block;clear:both;}
.cont_center .product-box:nth-child(odd) {
    margin-right:10px;
}
.product-box dt {
    display:inline-block;
    width:100px;
    text-align:center;
    background:#004b96;
    color:#fff;
    font-size: 18px;
    height: 100%;
    vertical-align: top;
    font-weight: 500;
    padding-top: 40px;
    float:left
}
.product-box dd {
    display:inline-block;
    width:calc(100% - 100px);
    text-align:left;
    background:#f6f6f6;
    height:100%;
    padding:15px;
    line-height: 1.5;
    word-break: keep-all;
}
.photo-wrap {
    margin-top:-20px;
    background:#f3f3f6;
    width:100%;
}
.product-photo li img {
    max-width:100%
}
.product-photo li {
    float:left;
    width:366px;
    margin: 10px;
}
.product-photo li span{
    width: 100%;
    background: #004b96;
    display: inline-block;
    padding: 12px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    word-break: keep-all;
}
.product-wrap p {
    position: relative;
    margin-left: 0px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 17px;
    word-break: keep-all;
    width: 100%;
    line-height: 1.5;
    padding-left: 15px;
    color: #333;
    margin-top: -10px;
}

@media screen and (max-width:1023px) {
    .product-box {width:100%;height:130px;}
    .cont_center .product-box:nth-child(odd) {
        margin-right: 0px;
    }
}
@media screen and (max-width:1200px) {
    .product-photo li {width:31%;margin:5px;}
    .product-box {height:122px;}
}
@media screen and (max-width:768px) {
    .product-box {height:150px;}
}
@media screen and (max-width:480px) {
    .product-photo li {width:45%;margin:5px;}
    .product-box dt {float:none;padding: 10px;}
    .product-box {height:auto;}
    .product-box dd {width:100%;}
    .product-wrap p {margin-bottom:0;}
}
/*생산제품*/
.product-txt-box {
    background:#f8f8fa;
    padding: 15px 30px;
    line-height: 1.6;
}
.product-txt-box li {
    padding:10px 0;
}
.product-txt-box li h1:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #909090;
    vertical-align:middle;
    margin-right:8px;
}
.product-txt-box li h1{
    color: #004b96;
    font-size: 18px;
    word-break: keep-all;
}
.product-txt-box p {padding-left:10px;word-break:keep-all}

@media screen and (max-width:480px) {
    .product-txt-box {padding:5px 10px}
}



@media screen and (min-width:768px) {
    .product-wrap p {width: calc(60% - 30px);margin-left:30px;}  
}
@media screen and (min-width:1024px) {
    .product-wrap p {width: calc(100% - 530px);margin-left:30px;}
}