/* section01 */
.sec01{width: 100%;}
.sec01>.mainVedio{position: relative; height: 945px; overflow: hidden; pointer-events: none;}
.sec01-video{width: 100%; object-fit: cover;}

.sec01Wrap{max-width: 1200px; margin: 0 auto; background-color: red;}
.sec01Wrap>ol{position: absolute; top: 560px;  z-index: 20;}
.sec01Wrap>ol>h1{color: #fff; font-size: 72px; font-weight: 900;}

.sec01Wrap>.linkBox{position: absolute; top: 805px;}
.sec01Wrap>ol br{display: none;}

/* section02 */
.sec02{max-width: 1200px; margin-top: 192px; margin-bottom: 110px;}

.textnewsWrap{width: 100%; display: flex; justify-content: space-between;}
.textnews{width: 47.08%;}
.woodsairnews{font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.textnews .line{margin-bottom: 15px;}

.textnews p{font-size: 20px; letter-spacing: -0.8px; font-weight: 600;}

.imgnewsWrap{margin-top: 133px; width: 100%; display: flex; justify-content: space-between;}
.imgnewsWrap li{width: 30.83%;}
.imgnewsWrap .imgbox{width: 100%; height: 277px; overflow: hidden; margin-bottom: 20px;}
.imgnewsWrap .imgbox>img{width: 100%; height: 100%; object-fit: cover;}

.imgnews p.title{display: block; margin-bottom: 10px; word-break: break-all; font-size: 20px; font-weight: 600; height: auto; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.imgnews span{display: block; font-size: 15px; color: #666; height: 40px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* section03 */
.sec03{max-width: 1200px; margin-bottom: 160px;}
.sec03>.line{width: 50%; margin-bottom: 20px;}
.sec03>h3{font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.businessWrap{width: 100%; position: relative;}

.businessWrap .sec03img{width: 100%; margin-bottom: 13px; display: flex; justify-content: space-between;}

.businessWrap>li img{filter: brightness(80%); width: 100%; object-fit: cover; height: 290px; position: relative;}
.businessWrap>li p{position: absolute; bottom: 23px; left: 20px; color: #fff;}

.businessWrap{width: 100%;
    display: grid; grid-template-columns: 24.17% 24.17% 24.17% 24.17%; grid-template-rows: 290px 290px; column-gap: 1.106%; row-gap: 13px;
}

.businessWrap li {position: relative;}
/* note book size : padding 0 30px */

/* pc hover event */

.businessWrap>.hoverimg li {position: relative;}
.businessWrap>.hoverimg li .linkBox {position: absolute; right: 0; bottom: -20px;}
.businessWrap>.hoverimg li .linkBox>a {width: 100%; height: 100%; display: inline-block;}
.businessWrap>.hoverimg li .linkBox>a p {font-size: 13px;}

@media only screen and (min-width: 1025px) {
    .businessWrap>.hoverimg{pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .businessWrap>.hoverimg li{opacity: 0; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0;}
    .businessWrap>.hoverimg li:nth-child(1){ width: 100%; height: 100%; background-image: url(/img/common/woodsairdoor.jpg);}
    .businessWrap>.hoverimg li:nth-child(2){width: 100%; height: 100%; background-image: url(/img/common/ison.png);}
    .businessWrap>.hoverimg li:nth-child(3){width: 100%; height: 100%; background-image: url(/img/common/area3.jpg);}
    .businessWrap>.hoverimg li:nth-child(4){width: 100%; height: 100%; background-image: url(/img/common/sports.jpg);}
    .businessWrap>.hoverimg li:nth-child(5){width: 100%; height: 100%; background-image: url(/img/common/byepet.jpg);}
    .businessWrap>.hoverimg li:nth-child(6){width: 100%; height: 100%; background-image: url(/img/common/woods.jpeg);}
    .businessWrap>.hoverimg li:nth-child(7){width: 100%; height: 100%; background-image: url(/img/common/recyle.jpeg);}
    .businessWrap>.hoverimg li:nth-child(8){width: 100%; height: 100%; background-image: url(/img/common/food.jpeg);}
   
    .businessWrap>.hoverimg .active{opacity: 1; transition: 0.5s;}
    



}


/* mobile size */
@media screen and (max-width: 1024px) {
    
    .sec01>.mainVedio{position: relative; height: 695px; overflow: hidden; pointer-events: none;}
    .sec01-video{width: 100%; object-fit: cover;}
    .sec01Wrap>ol{position: absolute; top: 330px; left: 15px; z-index: 20;}
    .sec01 ol>h1{color: #fff; font-size: 45px; font-weight: 900;}
    .sec01 ol br{display: block;}
    
    .sec01Wrap>.linkBox{position: absolute; top:593px; left: 15px;}
    
    

    
    /* section02 */
    .sec02{margin-top: 68px; margin-bottom: 90px; padding: 0 15px;}

    .textnewsWrap{width: 100%; display: flex; flex-direction: column;}
    .textnews{width: 100%;}
    .textnews:nth-child(1){margin-bottom: 70px;}
    .woodsairnews{font-size: 18px; font-weight: 500; margin-bottom: 5px;}
    .textnews .line{margin-bottom: 10px;}

    .textnews p{font-size: 20px; letter-spacing: -0.8px; font-weight: 600;}

    .imgnewsWrap{margin-top: 83px; width: 100%; display: flex; flex-direction: column;}
    .imgnewsWrap li{width: 100%; padding: 25px 0;}
    .imgnewsWrap .imgbox{width: 100%; height: 264px; overflow: hidden; margin-bottom: 20px;}
    .imgnewsWrap .imgbox>img{width: 100%; height: 100%; object-fit: cover;}

    .imgnews p.title{font-size: 20px; font-weight: 600;}
    .imgnews span{font-size: 15px; color: #666;}


    /* section03 */
    .sec03{padding: 0 15px; margin-bottom: 100px;}
    .sec03>.line{width: 100%; margin-bottom: 10px;}
    .sec03>h3{font-size: 18px; font-weight: 500; margin-bottom: 5px;}
    .businessWrap{width: 100%; display: block;}
   

    .businessWrap{width: 100%;
        display: grid; grid-template-columns: 48.48% 48.48%; grid-template-rows: 160px 160px 160px 160px; column-gap: 10px; row-gap: 10px;
    }
    
    
    .businessWrap li img{width:100%; height: 100%; object-fit: cover; position: relative;}
    .businessWrap li p{position: absolute; font-size: 13px; bottom: 10px; left: 10px; color: #fff;}


    .businessWrap>.hoverimg li .linkBox {display: none;}

}

/* end */