/* industry 상단(공통) */
.sub-visual-wrap.catalog-visual.sub-visual-notabs {background-position: left center;} /* 산업군 hero 이미지가 아래로 위치하여 중앙으로 변경함 */
.industry-info-wrap {display:flex;justify-content: space-between;gap: 5%;margin-bottom: 80px;}
.industry-info-wrap > div {width: 50%;}
.industry-info-wrap .img-wrap img{max-width: 100%;width: 100%;}
.industry-info-wrap .txt-wrap h4 {font-size: 20px;color: #ED1C24;}
.industry-info-wrap .txt-wrap strong {display:inline-block;margin-bottom:8px;font-size: 52px;font-weight: 600;line-height: 1.2;color: #ED1C24;}
.industry-info-wrap .txt-wrap .info-more-btn{display: none;}
.catalog-btn {/*width: 226px;*/padding: 8px 24px 8px 24px;border: 1px solid #222;background: #fff; border-radius: 20px;text-align: left;font-weight:600;margin-top:18px;transition: all .35s;} 
.catalog-btn::after {content:'';display:inline-block;vertical-align: middle; width: 24px; height:24px; background: url(../images/industry/btn-arrow.png) no-repeat center center/ contain;} 
.catalog-btn:hover{background: #ED1C24;border-color: #ED1C24;color: #fff;}
.catalog-btn:hover::after{background-image: url(../images/industry/btn-arrow-active.png);}

.category-list{margin-bottom: 80px;}
.category-list ul{display: flex;gap: 24px;flex-wrap: wrap;}
.category-list ul > li{width: calc(100% / 4 - 18px);}
.category-list ul > li .tit-wrap h6{font-size: 24px;font-weight: 600;}
.category-list ul > li .tit-wrap span{font-size: 14px;color: #656565;line-height: 1.2;}
.category-list ul > li .img-wrap img{max-width: 100%;}

/* category slide(공통) */
.industry-category-wrap .category-box{position: relative;margin-top: 60px;}
.industry-category {position: relative;padding: 40px 0;}
.industry-category::after {content: '';width: 100%;height: 100%;background: #F4F4F4;position: absolute;top: 0;z-index: -1;}
.industry-category > .con-box > .txt-wrap {margin-bottom: 24px;}
.industry-category > .con-box > .txt-wrap strong{font-size: 24px;font-weight: 600;}

/* category slide(상단 공통) */
.industry-category-slide{position: relative;}
#categorySlide{width: 100%;max-width: 1320px;margin: 0 auto;position: static;}
#categorySlide .swiper-slide .img-wrap{height: 216px;background: #fff;border: 1px solid #DDD;display: flex;align-items: center;justify-content: center;}
#categorySlide .swiper-slide .img-wrap img{max-width: 100%;height: 100%;}
#categorySlide .swiper-slide .txt-wrap{width: 100%;height: 40px;background: #000;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
#categorySlide .swiper-slide .txt-wrap p{text-align: center;color:#fff;font-size: 14px;font-weight: 600;text-transform: uppercase;}
#categorySlide .swiper-slide.swiper-slide-thumb-active .txt-wrap{background: #ED1C24;}
#categorySlide .swiper-button{margin-top: 0;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;border-radius: 50%;}
#categorySlide .swiper-button::after{display: none;}
#categorySlide .swiper-button-next{right: 0;}
#categorySlide .swiper-button-prev{left: 0;}

/* category slide(하단 공통) */
.industry-thumb-slide + .industry-link-box{margin-top: 120px;}
#thumbSlide .thumb-tit{font-size: 24px;font-weight: 600;}
#thumbSlide .thumb-info{position: relative;display: flex;gap: 3%;margin-top: 36px;}
#thumbSlide .thumb-info .img-wrap{width: 70%;}
#thumbSlide .thumb-info .img-wrap img{max-width: 100%;margin: 0 auto;}
#thumbSlide .thumb-info .txt-wrap{width: 30%;}
#thumbSlide .thumb-info .txt-wrap .img-wrap{margin-top: 36px;width: 100%;}
#thumbSlide .thumb-info .txt-wrap .img-wrap img{max-width: 100%;}
#thumbSlide .thumb-info .txt-wrap .notice{display: block;margin-top: 36px;font-size: 14px;}
#thumbSlide .thumb-info + .industry-link-box{margin-top: 120px;}

.product-category{display: flex;align-items: center;gap: 12px;margin-bottom: 36px;}
.product-category > li{display: flex; align-items: center;gap: 4px;font-size: 14px;}
.product-category > li::before{content: '';display: block;width: 20px;height: 14px;}
.product-category > li.milling::before{background: #036EB8;}
.product-category > li.drilling::before{background: #920783;}
.product-category > li.threading::before{background: #00A29A;}
.product-category > li.turning::before{background: #FCC900;}

.category-info > li:not(:first-child){margin-top: 20px;}
.category-info > li .tit{display: flex;gap: 8px;cursor: pointer;}
.category-info > li .num{min-width: 24px;width: 24px;height: 24px;border-radius: 50%;text-align: center;font-weight: 600;border: 1px dashed #036EB8;color: #036EB8;}
.category-info > li .num.purple{border-color: #920783;color: #920783;}
.category-info > li .num.green{border-color: #00A29A;color: #00A29A;}
.category-info > li .num.yellow{border-color: #F7AB00;color: #F7AB00;}
.category-info > li .tit-txt{display: flex;align-items: center;gap: 10px;margin-bottom: 4px;}
.category-info > li .tit-txt.on span{color: red;}
.category-info > li .tit-txt strong{font-weight: 600;font-size: 18px;word-break: auto-phrase;}
.category-info > li .tit-txt span{color: #AAA;text-decoration: underline;font-size: 14px;font-weight: 600;display: flex;align-items: center;gap:4px;}
.category-info > li .tit-txt span::after{content: '';display: block;width: 12px;height: 12px;background: url(../images/icons/more_unactive_icon.png) no-repeat center center / 100% 100%;}
.category-info > li .tit-info{padding-left: 32px;display: none;}
.category-info > li .tit-info p{line-height: 1.4;word-break: auto-phrase;}
.category-info > li .tit-info p + .description-list{margin-top: 16px;}
.category-info > li .tit-txt span.on::after{background: url(../images/icons/more_active_icon.png) no-repeat center center / 100% 100%;}

.description-wrap + .product-category{margin-top: 60px;}
.description-wrap > div:not(:first-child){margin-top: 80px;}
.description-wrap > div strong{display: block;margin-bottom: 6px;font-weight: 600;}
.description-wrap > div strong span{display: block;color: #E60816;}
.description-wrap > div p{font-size: 14px;line-height: 1.4;word-break: auto-phrase;}
.description-wrap > div p + .description-list{margin-top: 16px;}

.description-list > li:not(:first-child){margin-top: 10px;}
.description-list > li .tit{display: flex;gap: 8px;}
.description-list > li .tit .num{width: 24px;min-width: 24px;height: 24px;background: #F7AB00;font-weight: 600;color: #fff;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;}
.description-list > li .tit .tit-txt{font-weight: 600;}
.description-list > li .tit-info{padding-left: 28px;}

.industry-link-box > div:not(:first-child){margin-top: 80px;}
.industry-link-box .link-list{display: flex;flex-wrap: wrap;gap: 32px;}
.industry-link-box > div .link-tit{font-size: 24px;font-weight: 600;display: flex;align-items: center;gap: 12px;margin-bottom: 26px;}
.industry-link-box > div .link-tit img{max-width: 36px;}
.industry-link-box .link-list > li{width: calc(100% / 3 - 24px);}
.industry-link-box .link-list > li .txt-wrap{display: flex;justify-content: space-between;align-items: flex-end;}
.industry-link-box .link-list > li .txt-wrap .categroy-link{width: 36px;min-width: 36px;height: 36px;border-radius: 5px;overflow: hidden;background: url(../images/industry/category-icon.png) no-repeat center center/ contain;}
.industry-link-box .link-list > li .img-wrap{border: 1px solid #DDDDDD;margin-top: 8px;}
.industry-link-box .link-list > li .img-wrap img{max-width: 100%;display: block;margin: 0 auto;}
.industry-link-box .link-list > li .txt-wrap .tit-info h4{font-size: 20px;font-weight: 600;}
.industry-link-box .link-list > li .txt-wrap .tit-info {width: calc(100% - 40px);}
.industry-link-box .link-list > li .txt-wrap .tit-info ul{display: flex;}

.industry-link-box .link-list > li .txt-wrap .tit-info ul *{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry-link-box .link-list > li .txt-wrap .tit-info ul li{font-size: 14px;color: #656565;position: relative;padding-right: 10px;}
.industry-link-box .link-list > li .txt-wrap .tit-info ul li:not(:last-child)::after{content: '/';color: #656565;display: inline-block;vertical-align: middle;width: 14px;height: 100%;text-align: center;position: absolute;right: 0;}

.industry-link-box .link-list > li .txt-wrap .tit-info p{display: flex;}
.industry-link-box .link-list > li .txt-wrap .tit-info p *{font-size: 14px;color: #656565;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry-link-box .link-list > li .txt-wrap .tit-info p span:not(:last-child)::after{content: '/';color: #656565;display: inline-block;vertical-align: middle;width: 14px;height: 100%;text-align: center;}

/* ------------- automotive ------------- */
.automotive .sub-visual-wrap {background-image: url(../../images/hero/automotive-hero.png);}

/* ------------ die & mold ------------ */
.die-mold .sub-visual-wrap {background-image: url(../../images/hero/die-hero.png);}

.die-mold #thumbSlide .thumb-info {max-width: 1200px;width: 100%;margin: 0 auto;}
.die-mold #thumbSlide .thumb-info .img-wrap{width: 50%;}
.die-mold #thumbSlide .thumb-info .img-wrap img{display: block;margin: 0 auto;}
.die-mold #thumbSlide .thumb-info .txt-wrap{width: 50%;display: flex;align-items: center;}
.die-mold #thumbSlide .thumb-info .txt-info h4{display: block;margin-bottom: 24px;font-size: 40px;font-weight: 600;line-height: 1.2;}
.die-mold #thumbSlide .thumb-info .txt-info p{line-height: 1.4;}

/* ------------ composite materials ------------ */
.cfrp .sub-visual-wrap {background-image: url(../../images/hero/cfrp-hero.png);}
.cfrp #thumbSlide .thumb-info{flex-direction: column;}
.cfrp #categorySlide .swiper-slide .img-wrap{border: 0;}
.cfrp #categorySlide .swiper-slide .img-wrap img{width: 100%;object-fit: cover;}

.item-wrap {display: flex;gap: 5%;}
.item-wrap > .img-wrap{width: 100%;max-width: 488px;}
.item-wrap > .img-wrap img{max-width: 100%;display: block;margin: 0 auto;}
.cfrp #thumbSlide .thumb-info .txt-wrap{width: 60%;display: flex;flex-direction: column;justify-content: space-between;}
.item-wrap > .txt-wrap .txt-info{display: flex;gap: 5%;}
.item-wrap > .txt-wrap .txt-info > div{width: 50%;}
.item-wrap > .txt-wrap .tit h4{font-size: 32px;font-weight: 600;}
.item-wrap > .txt-wrap .tit + .tit-info p{line-height: 1.4;word-break: auto-phrase;}

#appSlide{width: 100%;}
#appSlide .img-wrap{margin-top: 0;}
#appSlide .img-wrap + h6{font-weight: 600;display: block;margin-top: 24px;}

.video-wrap{margin-top: 140px;}
.video-wrap .tit-wrap h5{font-size: 24px;font-weight: 600;}
.video-wrap .video-con{width: 100%;max-width: 952px;margin-top: 24px;}

/* ------------ aerospace ------------ */
.aerospace .sub-visual-wrap { background-image: url(../../images/hero/aerospace-hero.png); } 
.aerospace #thumbSlide .thumb-info{width: 100%;max-width: 1060px;margin: 0 auto;}
.aerospace #thumbSlide .thumb-info .txt-wrap{display: flex;align-items: center;justify-content: center;}
.aerospace #thumbSlide .thumb-info .txt-info{text-align: center;}
.aerospace #thumbSlide .thumb-info .txt-info h4{font-size: 52px;font-weight: 600;position: relative;}
.aerospace #thumbSlide .thumb-info .txt-info h4::after{content: '';width: 2px;height: 28px;background: #ED1C24;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.aerospace #thumbSlide .thumb-info .txt-info p{font-size: 32px;display: block;margin-top: 30px;}

/* ------------ energy ------------ */
.energy #categorySlide .swiper-slide .txt-wrap .line-wrap{
    width: 100%;height: 40px;/*background: #000;*/
    display: flex;align-items: center;justify-content: center;transition: all 0.3s;
    line-height: 1.1;
}
.energy #categorySlide .swiper-slide .txt-wrap .line-wrap .n1{text-align: center;color:#fff;font-size: 13px;font-weight: 400;text-transform: none;}
.energy #categorySlide .swiper-slide .txt-wrap .line-wrap strong{text-align: center;color:#fff;font-size: 16px;font-weight: 600;}

.energy #thumbSlide .thumb-info {max-width: 1200px;width: 100%;margin: 0 auto;
    display: flex;
    align-items: center; /* ★ 세로 가운데 정렬 */
}
.energy #thumbSlide .thumb-info .img-wrap{width: 100%;}
.energy #thumbSlide .thumb-info .img-wrap img{display: block;margin: 0 auto;width: 80%;}
.energy #thumbSlide .thumb-info .txt-wrap{width: 100%;display: flex;align-items: center;}
.energy #thumbSlide .thumb-info .txt-info h4{display: block;margin-bottom: 15px;font-size: 40px;font-weight: 600;line-height: 1.2;}
.energy #thumbSlide .thumb-info .txt-info p{line-height: 1.4;}
.energy #thumbSlide .thumb-info .txt-info .info-n{ /* normal */
    font-size: 34px;color: #656565;margin-left: 12px;font-weight: 500;
}
.energy #thumbSlide .thumb-info .txt-info .info-s{ /* small */
    font-size: 23px;color: #656565;margin-left: 12px;font-weight: 500;
}
.energy #thumbSlide .thumb-info .txt-img {
    display: flex;margin-bottom: 15px;
    align-items: center; /* 세로 가운데 정렬 */
}
.industry-link-box .link-list .txt-wrap .tit-info span{color: #AAA;text-decoration: underline;font-size: 14px;font-weight: 600;display: flex;align-items: center;gap:4px;}
.industry-link-box .link-list .txt-wrap .tit-info span::after{
    content: '';display: block;width: 12px;height: 12px;background: url(../images/icons/more_unactive_icon.png) no-repeat center center / 100% 100%;
}
.industry-link-box .link-list .txt-wrap .tit-info span.on::after{ /* 마이너스 아이콘 */
    content: '';display: block;background: url(../images/icons/more_active_icon.png) no-repeat center center / 100% 100%;
}
.energy .industry-link-box .link-list > li .txt-wrap .tit-info {display: flex;gap: 10px; cursor: pointer;}

/* ------------ medical ------------ */
.medical #thumbSlide .thumb-info {max-width: 1200px;width: 100%;margin: 0 auto;display: grid;gap: 10px;}
.medical #thumbSlide .thumb-info .img-wrap{width: 100%;} /*추가? 필요없으면 삭제*/
.medical #thumbSlide .thumb-info .img-wrap img{display: block;margin: 0 auto;width: 100%;}
.medical #thumbSlide .thumb-info .txt-wrap {width: 100%;}
.medical #thumbSlide .thumb-info .txt-wrap .txt-info h4{display: block;margin-bottom: 15px;font-size: 40px;font-weight: 600;line-height: 1.2;}
.medical #thumbSlide .thumb-info .txt-wrap .img-info {display: flex;margin-bottom: 15px;align-items: center;}
.medical #thumbSlide .thumb-info .txt-wrap .img-info .info-n{ /* normal */
    font-size: 34px;color: #656565;margin-left: 12px;font-weight: 500;
}
.medical #thumbSlide .thumb-info .txt-wrap .img-info .info-s{ /* small */
    font-size: 23px;color: #656565;margin-left: 12px;font-weight: 500;
}
.medical #thumbSlide .thumb-info .txt-wrap .img-info .m-show{
    font-size: 23px;color: #656565;margin-left: 12px;font-weight: 500;
}
.medical #thumbSlide .thumb-info .content-wrap {display: flex;align-items: center;gap: 80px;}
.medical #thumbSlide .thumb-info .content-wrap .txt-img {width:100%;}
.medical #thumbSlide .thumb-info .content-wrap .txt-img p{line-height: 1.4;}
.medical .custom-box {position: relative;display: flex;gap: 3%;margin-top: 36px;}
.medical .industry-link-box .link-list > li .txt-wrap .tit-info {display: flex;gap: 10px; cursor: pointer;}

/* ------------ 반응형(분기점) ------------ */
@media (max-width:1024px) {
   /* 공통 */
   .industry-link-box .link-list{gap: 10px;}
   .industry-link-box .link-list > li{width: calc(100% / 2 - 10px);}
}
@media (max-width: 820px) {
    .item-wrap{flex-direction: column;}
    .item-wrap > .img-wrap{max-width: 100%;}

    /* composite materials */
    .item-wrap > .txt-wrap .txt-info{flex-direction: column;gap: 24px;}
    .item-wrap > .txt-wrap .txt-info > div{width: 100%;}
    .item-wrap > .txt-wrap .txt-info > div.tit{text-align: center;}
    .item-wrap > .txt-wrap .tit .catalog-btn{margin: 24px auto 0;}
    .item-wrap > .txt-wrap .tit + .tit-info p{text-align-last: left;}
    .cfrp #thumbSlide .thumb-info .txt-wrap{width: 100%;}
}

@media (max-width:768px) {
    /* 공통 */
    .industry-info-wrap {display: block;margin-bottom: 60px;}
    .industry-info-wrap .txt-wrap {width: 100%;}
    .industry-info-wrap .txt-wrap h4 {font-size: 16px;}
    .industry-info-wrap .txt-wrap strong {font-size: 32px;line-height: 1.2; display: inline-block;margin-bottom: 14px;}
    
    .industry-info-wrap .img-wrap {width: 100%;margin-bottom: 14px;}
    .industry-info-wrap .img-wrap img {display: block; margin: 0 auto;}

    .category-list{margin-bottom: 30px;}
    .category-list ul{gap: 10px;}
    .category-list ul > li{width: calc(100% / 2 - 10px);display: flex;flex-direction: column-reverse;justify-content: flex-end;}
    .category-list ul > li .tit-wrap h6{font-size: 16px;}

    #categorySlide .swiper-button-next{right: 8px;}
    #categorySlide .swiper-button-prev{left: 8px;}

    .industry-thumb-slide + .industry-link-box{margin-top: 40px;}
    #thumbSlide .thumb-info{flex-direction: column;}
    #thumbSlide .thumb-info .img-wrap, #thumbSlide .thumb-info .txt-wrap{width: 100%;}
    #thumbSlide .thumb-info .txt-wrap{margin-top: 20px;}
    #thumbSlide .thumb-info + .industry-link-box{margin-top: 40px;}

    .industry-info-wrap > div {width: 100%;}
    .industry-category{padding: 30px 0;}
    .industry-category > .con-box .txt-wrap{margin-bottom: 12px;}

    .industry-link-box .link-list{gap: 24px;}
    .industry-link-box .link-list > li{width: 100%;}


    /* automotive */
    .automotive .sub-visual-wrap {background-image: url(../../images/hero/automotive-hero-m.png);}

    /* composite materials */
    .cfrp .sub-visual-wrap {background-image: url(../../images/hero/cfrp-hero-m.png);}
    .video-wrap{margin-top: 80px;}

    /* die & mold */
    .die-mold #thumbSlide .thumb-info .img-wrap,
    .die-mold #thumbSlide .thumb-info .txt-wrap{width: 100%;}
    .die-mold #thumbSlide .thumb-info .txt-info h4{font-size: 32px;margin-bottom: 12px;text-align: center;}

    /* aerospace */
    .aerospace #thumbSlide .thumb-info .txt-info h4{font-size: 32px;}
    .aerospace #thumbSlide .thumb-info .txt-info p{font-size: 20px;}

    /* medical */
    .medical .custom-box {flex-direction: column;}
    .medical .custom-box .img-wrap img{max-width: 100%;margin: 0 auto;}

}