/* banner */

.banner_box picture:after{display: none;}
.product-banner .banner_content{transform: translate(0, 0); top: initial; left: initial; bottom: 70px; right: 60px; width: 430px; text-align: initial;}
.product-banner .banner_title{font-size: 42px; line-height: 1.2;}


/* about section */
.about_section .about_btn_box{display: none;}

/* exhibition */
.exhi-wrapper{display: flex;}
.exhi-left-area{width: 30%; height: auto; position: relative;}
.exhi-right-area{width: 70%; padding: 60px 27px 90px 11%; background-color: #F9F9F9; height: auto;}
.exhi-left-img{height: 90%; top: 50%; left: 0; transform: translateY(-50%);  position: absolute; z-index: 9; width: 130%;}
.exhi-left-img img{width: 100%; height: 100%; object-fit: cover;} 
.exhi-detail-title{font-size: 20px; font-weight: 600; line-height: 1.1; color: #333333; padding-bottom: 20px; position: relative; margin-bottom: 20px;}
.exhi-detail-title::before{content: ''; position: absolute; bottom: 0px; height: 1px; width: 31px; background: var(--brandBg); left: 0px; z-index: 1;}
.exhi-detail-title::after{content: ''; position: absolute; bottom: 0px; height: 1px; width: 86px; background: #B3B3B3; left: 0px;}

.exhi-details{display: flex; gap: 50px; }
.exhi-title-text{margin-bottom: 60px; max-width: 460px; width: 100%;}
.exhi-title-text .title_wrapper{margin-bottom: 12px;}
.exhi-time-a{display: flex; gap: 16px; margin-bottom: 10px;}
.exhi-day{font-size: 16px; font-weight: 500; color: #333333; line-height: 1.4; width: 154px;}
.exhi-time-dots{font-size: 16px; font-weight: 500; color: #333333; line-height: 1.4;}
.exhi-time{font-size: 16px; font-weight: 400; color: #333333; line-height: 1.4;}
.center-exhi-detail-line{width: 1px; height: auto; border: 1px solid #D6D6D6;}
.exhi-address-text{font-size: 16px; font-weight: 400; color: #333333; line-height: 1.4; margin-bottom: 25px;}
.exhi-call-detail{display: flex; align-items: center; gap: 10px;}
.call-num{display: flex; align-items: center; gap: 12px;}
.call-num-a{font-size: 14px; font-weight: 400; color: #333333; line-height: 1.1;}
.exhi-message-detail{margin-top: 15px;}
.call-icon{width: 24px; height: 24px;}
.call-icon img{display: block; width: 100%; height: 100%;}
.open-map{font-size: 14px; font-weight: 500; color: #333333; line-height: 1.1; display: flex; align-items: center; gap: 5px; margin-top: 30px;}
.open-map span{font-size: 18px; font-weight: 400; margin-top: 1px;} 
.open-map:hover{color: #ed1c24;}

/* innovation */
.innovation-section{background-color: #F7F4EB;}
.inno-top-title-area{display: flex; align-items: center; gap: 60px;}
.right-inno-para{max-width: 600px; width: 100%;}
.right-inno-para p{font-size: 16px; font-weight: 400; color: #4D4D4D; line-height: 1.5; margin-bottom: 0;}
.left-inno-title .section_title{line-height: 1.3;}

.innovation-cycle-wrapper{display: flex; border: 1px solid #DDDDDD; margin-top: 44px;}
.left-innovation{border-right: 1px solid #DDDDDD; width: 40%; text-align: center; padding: 33px 0 46px;}
.left-inner-inno .cycle-text{font-size: 24px; line-height: 1.2; font-weight: 500; color: #333333; text-align: center; padding-bottom: 40px;}
.right-innovation{width: 60%;}
.right-inner-inno{height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.right-inno-text-upper{padding: 33px 60px 46px 30px;}
.right-inno-text-upper p{font-size: 16px; font-weight: 600; color: #4D4D4D; line-height: 1.5;}
.right-inno-text-upper p:last-child{font-size: 14px; font-weight: 400; color: #4D4D4D; line-height: 1.4; margin-top: 24px;}
.right-inno-bottom{display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #DDDDDD;}
.right-inno-bottom-item-a{margin: auto; text-align: center; padding: 38px 0; border-right: 1px solid #DDDDDD; width: 100%;}
.right-inno-bottom-item-a:last-child{border: 0;}
.cycle-img img{width: 60%; margin: auto; height: auto;}

.inno-item-img{width: 99px; height: 57px; margin: auto;}
.inno-item-img img{width: 100%; height: 100%; object-fit: contain;}
.inno-item-text{font-size: 16px; font-weight: 500; color: #333333; line-height: 1.2; padding: 23px 0;}
.inno-center-bar{position: relative;}
.inno-center-bar::before{content: ''; position: absolute; bottom: 0px; height: 1px; width: 30px; background: #ED1C24; left: 50%; z-index: 1; transform: translateX(-50%);}
.inno-center-bar::after{content: ''; position: absolute; bottom: 0px; height: 1px; width: 64px; background: #CCCCCC; left: 50%; transform: translateX(-50%);}


/* highlight */

.highlight-section {background-color: #fff;}

/* reach us */
.reach-us-section{padding-top: 0 !important;}
.reach-us-wrapper{background-color: #F7F4EB; position: relative; height: 380px;}
.reach-us-wrapper img{width: 100%; height: 100%; display: block; object-fit: cover;}
.reach-us-text-area{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; max-width: 680px; width: 100%; margin: auto; }   
.reach-us-text-area p{font-size: 18px; font-weight: 400; color: #333333; line-height: 1.5; padding: 20px 0 30px 0;}
 

@media screen and (min-width:1699px) {

    /* innovation */
    .right-inno-para{max-width: 750px;}
}
 

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

    /* banner */
    .product-banner .banner_title{font-size: 38px;}
    .right-design-text p{font-size: 14px;}

    /* exhibition */
    .exhi-day, .exhi-time-dots, .exhi-time{font-size: 15px;}
    .exhi-right-area{padding-left: 150px;}
    .exhi-detail-title{font-size: 18px;}
    .exhi-details{justify-content: space-between; gap: 20px;}

    /* innovation */
    .left-inner-inno .cycle-text{font-size: 22px;}
    .inno-item-img{width: 90px; height: 49px;}
    .right-inno-text-upper{padding: 30px 45px 45px 30px;}

    /* reach us */

    .reach-us-wrapper{height: 320px;}
    .reach-us-text-area{max-width: 610px;}
    .reach-us-text-area p{font-size: 16px;}


}

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


    /* exhibition */
    .exhi-left-area{width: 25%;}
    .exhi-right-area{width: 75%; padding-left: 120px;}
    .exhi-address-text{font-size: 15px;}
    .exhi-day{width: 141px;}
    .exhi-time-a{gap: 10px;}

    /* innovation */
    .right-inno-para{max-width: 550px;}
    .right-inno-para p{font-size: 14px;}
    .cycle-img img{width: 70%;}


}


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

    /* exhibition */
    .exhi-left-area{display: none;}
    .exhi-right-area{width: 100%; padding: 40px;}
    .exhi-details{justify-content: flex-start; gap: 50px;}

    /* innovation */
    .right-inno-para{max-width: 490px;}
    .right-inno-text-upper p{font-size: 14px;}
    .right-inno-text-upper{padding: 30px;}
    .right-inno-text-upper p:last-child{margin-top: 12px; font-size: 12px;}
    .inno-item-img{width: 80px;}
    .left-inner-inno .cycle-text{font-size: 20px; padding-bottom: 30px;}
    .innovation-cycle-wrapper{margin-top: 30px;}
}

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

    /* innovation */
    .inno-top-title-area{flex-direction: column; justify-content: flex-start; gap: 30px; align-items: flex-start;}
    .right-inno-para{width: 100%; max-width: 100%;}

}

@media screen and (min-width:991px) {

    /* sustainability section home page */
    .precion_card:hover .precion_content_inner{box-shadow: 0px 10px 21px 0px #6666661A;}
    .highlight-section{padding-bottom: 55px;}
    .precion_content{bottom: 40px;}
    .precion_card{padding-bottom: 60px; height: 560px;}
    
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {

    /* sustainability section home page */
    .precion_card {height: 500px;}
    .highlight-section{padding-bottom: 45px;}
}


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

    /* exhibition */
    .exhi-details{gap: 30px;}
    .exhi-right-area{padding: 30px;}
    .exhi-title-text{margin-bottom: 40px;}

    /* innovation */

    .innovation-cycle-wrapper{flex-direction: column; margin-top: 20px;}
    .left-innovation{border-right: 0; border-bottom: 1px solid #DDDDDD; width: 100%;}
    .cycle-img img{width: 100%; max-width: 380px; padding: 0 20px;}
    .right-innovation{width: 100%;}
    .right-inno-bottom-item-a{padding: 30px 0;}
    .inno-item-text{font-size: 14px; padding: 15px 0;}

    /* highlight */
    .highlight-section .precion_content{padding-bottom: 30px;}

    /* sustainability section home page */
    .precion_content_inner{box-shadow: 0px 10px 21px 0px #6666661A;}
    
}

@media screen and (max-width: 991px) and (min-width: 767px) {
    .precion_card_img img {
        height: 450px;
    }
}




@media screen and (max-width:767px) {
    
    /* banner */
    .product-banner .banner_title{font-size: 30px;}
    
    /* exhibition */
    .exhi-details{flex-direction: column;}
    .center-exhi-detail-line{display: none;}
    .exhi-right-area{padding: 20px;}
    .exhi-day, .exhi-time-dots, .exhi-time, .exhi-address-text{font-size: 14px;}
    .exhi-detail-title{font-size: 16px; padding-bottom: 15px; margin-bottom: 15px;}
    .exhi-title-text{margin-bottom: 30px;} 
    .exhi-wrapper{flex-direction: column;}
    .exhi-left-area{display: block; width: 100%;}
    .exhi-right-area{max-width: 95%; margin: auto; margin-top: -100px; position: relative;}
    .exhi-left-img{position: static; transform: translate(0, 0); height: auto; width: 100%;}

    /* reach us */
    .reach-us-text-area{max-width: 530px; padding: 0 15px;}
    .reach-us-text-area p{font-size: 14px;}

    /* about section */
    .about_row{padding-bottom: 0;}
    
    

}


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

    /* banner */
    .product-banner .banner_content{width: 100%; padding: 40px 15px;}

    /* exhibition */
    .call-num-a{font-size: 12px;}

    /* innovation */
    .left-inner-inno .cycle-text{font-size: 18px;}
    .left-innovation{padding: 20px 0;}
    .right-inno-text-upper{padding: 20px;}
    .right-inno-bottom{grid-template-columns: repeat(2, 1fr);}
    .right-inno-bottom-item-a:nth-child(1){border-bottom: 1px solid #DDDDDD;}
    .right-inno-bottom-item-a:nth-child(2){border-bottom: 1px solid #DDDDDD; border-right: 0;}



}