/* --------------- product tab color --------------- */
.tab-menu-pc .tab-menu-list li {background-repeat: no-repeat !important;background-size: contain !important;background-position: left !important;}
.tab-menu-pc .tab-menu-list li:nth-child(1):hover,.tab-menu-pc .tab-menu-list li.active:nth-child(1) {background:url(../../images/product/holemaking-icon.png) #812A9E;}
.tab-menu-pc .tab-menu-list li:nth-child(2):hover,.tab-menu-pc .tab-menu-list li.active:nth-child(2) {background: url(../../images/product/threading-icon.png) #00B2B2;}
.tab-menu-pc .tab-menu-list li:nth-child(3):hover,.tab-menu-pc .tab-menu-list li.active:nth-child(3) {background: url(../../images/product/milling-icon.png) #1254B5;}
.tab-menu-pc .tab-menu-list li:nth-child(4):hover,.tab-menu-pc .tab-menu-list li.active:nth-child(4) {background: url(../../images/product/tuning-icon.png) #F28E00;}
.tab-menu-pc .tab-menu-list li:nth-child(5):hover,.tab-menu-pc .tab-menu-list li.active:nth-child(5) {background: url(../../images/product/tooling-system-icon.png) #C11D20;}

.product_info_2 tr td.info1 p {font-weight: 700;}
.product_info_2 tr td.info1 span {margin: 3px 0;}
.bg_b {display: block; width: 80px; background-color: #4395d1; color: #fff;}
.bg_r {display: block; width: 80px; background-color: #db0212; color: #fff;}
.bg_y {display: block; width: 80px; background-color: #fdd000;}


/* --------------- product 페이지 --------------- */
.sub-visual-wrap.holemaking-visual{background-image: url(../../images/hero/holemaking-hero.png);}
.sub-visual-wrap.tooling-visual {background-image: url(../../images/hero/tooling-hero.png);}
.category ul {width: 100%;display: flex;align-items: center;overflow-x: scroll;}
/* .category-list {margin-bottom: 70px; padding-top: 10px;} */
.category-list:last-child {margin-bottom: 0;}
.category-list .main-tit { border-bottom: 2px solid #222;}
/*2022-02-21수정 스크롤바 삭제*/
.category ul {-ms-overflow-style: none;scrollbar-width: none;}
.category ul::-webkit-scrollbar {display: none;}
.category ul li {padding: 0 20px; height: 25px;position: relative;}
.category ul li:first-child{padding-left: 0;}
.category ul li:not(:first-child):after {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 8px; background: #aaa;content: '';display: block;}
.category ul li a{white-space: nowrap;font-weight: 600;color: #aaa;}
.category ul li.active a, .category ul li:hover a{border-bottom: 1px solid #ed1c24;color: #ed1c24;}
.con-wrap.holemaking .category ul li.active a, .con-wrap.holemaking .category ul li:hover a {border-color: #812A9E; color: #812A9E;}
.con-wrap.threading .category ul li.active a, .con-wrap.threading .category ul li:hover a {border-color: #00B2B2; color: #00B2B2;}
.con-wrap.milling .category ul li.active a, .con-wrap.milling .category ul li:hover a {border-color: #1254B5; color: #1254B5;}
.con-wrap.turning .category ul li.active a, .con-wrap.turning .category ul li:hover a {border-color: #F28E00; color: #F28E00;}
.con-wrap.tooling .category ul li.active a, .con-wrap.tooling .category ul li:hover a {border-color: #C11D20; color: #C11D20;}
.category-list .category-list-tit{font-size: 24px;font-weight: bold;margin-bottom: 6px;border-bottom: 1px solid #222;}

.category-cont {margin-top: 30px;}
/* .category-cont .category-list:not(:first-child){margin-top: 70px;padding-top: 10px;} */
.category-cont .category-list:not(:first-child){padding-top: 80px;}
.category-list-wrap{margin-top: 24px;}
.category-list-wrap ul {width: 100%;display: flex; flex-wrap: wrap; gap: 60px 24px;}
.category-list-wrap ul li {width: calc(25% - 18px);}
.category-list-wrap ul li a {width: 100%; height: 100%;display: block;}
.category-list-wrap ul li a div {position: relative;margin-bottom: 12px;width: 100%;max-height: 380px; height: 87%;overflow: hidden; border:solid 1px #eee;display: flex; align-items: center;justify-content: center;}
.category-list-wrap ul li:hover a div {border: 4px solid #e60013;}
.con-wrap.holemaking .category-list-wrap ul li:hover a div {border-color: #812A9E;}
.con-wrap.threading .category-list-wrap ul li:hover a div {border-color: #00B2B2;}
.con-wrap.milling .category-list-wrap ul li:hover a div {border-color: #1254B5;}
.con-wrap.turning .category-list-wrap ul li:hover a div {border-color: #F28E00;}
.con-wrap.tooling .category-list-wrap ul li:hover a div {border-color: #C11D20;}
.category-list-wrap ul li a div img {width: 100%;height: 100%;display: block; object-fit: cover;transition: all .35s;}
.category-list-wrap ul li:hover a div img {transform: scale(1.1);}
.category-list-wrap ul li a .sub-tit {position: relative;font-weight: 600;font-size: 20px;display: block;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}

.category-list-wrap ul li a span {text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2; }
/* .category-list-wrap ul li a .sub-tit::before{content: '';width: 8px;height: 8px;background-color: #ed1c24;border-radius: 50%;display: block;position: absolute;left: 0;top: 11px;} */

/* --------------- //product 페이지 --------------- */

/* --------------- product 상세페이지 --------------- */
/* related-product */
.related-section:not(:first-child){margin-top: 110px}
.related-section{position: relative;}
/* content-tit */
.related-section-info {display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 20px;}
.related-section-info-inner{width: 70%;}
.related-section-tit{font-size: 32px;font-weight: bold;/*margin-bottom: 8px;*/}
.related-section-subtit {width: 50%;}
.related-section .more-btn {width: 120px;height: 44px;font-weight: 600;border: 1px solid #222;display: flex;align-items: center;justify-content: center;border-radius: 30px;transition: all .35s;position: absolute;top: 0;right: 0;}
.related-section .more-btn:hover{background: #ED1C24;border: 0;color: #fff;}
.related-section .more-btn.more-btn-m{display: none;}
.related-section .more-btn.m-show{display: none;}
/* 상세페이지 상단 타이틀(related-info) */
.related-tit-info .related-tit {font-size: 52px; font-weight: bold; }
.related-tit-info .related-subtit{font-size: 24px;}
.related-subtit-info{display: flex;justify-content: space-between;margin-top: 24px;}
.related-subtit-info .related-img{width: calc(100% - 10px);max-width:830px;max-height: 460px; margin-right: 24px;}
.related-subtit-info .related-img img{width: 100%;height: 100%;display: block;object-fit: fill;border-radius: 10px;border: 1px solid #eee;}
.related-subtit-info .related-img-info{width: calc(45% - 10px);}
.related-img-info > .ul-type02{margin-bottom: 24px;}
.related-img-info > .ul-type02 li::before {display: none;}
.related-subtit-info .ecatalog-btn{width: 140px;background: #ED1C24;border: 0;color: #fff;display: flex;align-items: center;padding: 0;}
.related-subtit-info .ecatalog-btn img{width: 20px;}

/* related-details */
.related-details img{max-width: 830px !important;display: block;}

/* related-series */
.related-product {display: flex;gap: 40px 24px; flex-wrap: wrap;}
.related-product li {width: calc(100% / 4 - 18px);}
.related-product-info{border: 1px solid #ddd;padding: 15px 12px 15px;min-height: 380px;}

.related-subtag{width: 100%;display: flex;justify-content: space-between;}
.related-subtag > li{font-size: 14px;color: #aaa;}
.related-product-info > h3{font-size: 24px;font-weight: bold;margin-top: 14px;}
.related-product-info > p{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3;}
.related-product-info > span {color: #aaa;}
.related-product-img{width: 80%; height: 198px;margin: 0 auto;}
.related-product-img img{width: 100%; height: 100%; object-fit: contain;}
.related-product-icons{display: flex;flex-wrap: wrap;margin-top: 10px;gap: 10px;}
.related-product-icons li {width: calc(100% / 5); max-width: 60px;}
.related-product-icons li img{max-width: 60px; max-height: 60px; width: 100%; display: block; object-fit: cover;}
.error-img {border: 1px solid #000; border-radius: 6px;}

/* product video */
.video-section {position: relative;max-width: 952px;width: 100%;}
.video-section video {max-width: 100%;position: relative;border-radius: 10px;}

/* product-catalog */
.product-catalog-cont{background: #F4F4F4;padding: 28px 0;}
.product-catalog-cont-inner{display: flex;align-items: center;justify-content: center;}
.catalog-info {max-width: 420px;width: 100%;margin-right: 90px;}
.catalog-preview{width: 60%;max-width: 172px;display: flex;flex-direction: column;justify-content: center;}
.catalog-preview-cont{display: none;}
.catalog-preview-cont.active{display: flex; flex-direction: column; align-items: center}
.catalog-tit > h3{font-size: 32px; line-height:42px; font-weight: bold;}
.catalog-lang {display: flex; margin-top: 24px;}
.catalog-lang > li {width:100%; height: 44px; max-width:120px; margin-right:8px; background: #222;border-radius: 30px;transition: all .35s;}
.catalog-lang > li:hover, .catalog-lang > li.active{background: #ED1C24;}
.catalog-lang > li a {color: #fff;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-weight: 600;}
.catalog-preview-img, .catalog-preview-img a{width: 100%;}
.catalog-preview-img a img{display: block;width: 100%;}
.catalog-preview-img a{display: block;position: relative;}
.catalog-preview-img a::after{content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;left: 0;top: 0;transition: opacity .35s;opacity: 0;z-index: 1;}
.catalog-preview-img a::before {content: '';width: 48px;height: 48px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: url(../../images/more-icon.png) no-repeat center/ contain;opacity: 0;transition: opacity .35s;z-index: 2;}
.catalog-preview-img:hover a::after, .catalog-preview-img:hover a::before{opacity: 1;}
.catalog-tag{font-size: 14px;color: #fff;background: #ED1C24;padding: 5px 10px;position: absolute;left: -8px;top: -8px;z-index: 9;}
.catalog-name{font-weight: 600;display: inline-block; text-align: center;margin-top: 8px;/*text-decoration: underline;text-decoration-color: #ED1C24;*/border-bottom: 1px solid #ED1C24;}

/* product-news */
/* .product-news-list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 60px 24px;} */
.product-news-list{display: flex;width: 100%;gap: 28px;}
.product-news-list > li{width: calc(100% / 3 - 18px);padding-bottom: 10px;border-bottom: 1px solid #ddd;cursor: pointer;position: relative;}
.product-news-list > li > a{width: 100%;}
.product-news-list > li .share-cont{right: 0;bottom: 10px;}
.product-news-img, .product-news-img img{width: 100%;}
.product-news-img img{height: 100%;object-fit: cover;object-position: left top;}
.product-news-img{border-radius:8px;height: 264px;overflow: hidden;}
.product-news-info{position: relative;margin-top: 10px;}
.product-news-info > span{font-size: 14px;font-weight: 600;color: #656565;}
.product-news-info > h3{font-weight: 600; font-size:20px; -webkit-line-clamp: 1;}
.product-news-info > p{font-size: 14px;color: #656565;-webkit-line-clamp: 2; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;dd}
/* .product-news-info > h3, .product-news-info > p{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;} */
.product-news-date{font-size: 14px;color: #656565;margin-top: 26px;display: block; font-weight:400 !important}
/* .product-news-info .link-share {width: 36px;height: 36px; position: absolute;bottom: 0;right: 0;z-index: 1;border: 1px solid #656565;border-radius: 50%;display: flex;align-items: center;justify-content: center;} */
.product-news-info .share-cont {bottom: 0; right: 0; z-index: 1;} 

/* brand-list */
.brand-list-cont{display: grid;grid-template-columns: repeat(4, 1fr);gap: 60px 24px;}
.brand-list-cont > li .brand-list-img, .brand-list-cont>li .brand-list-img img{width: 100%;}
.brand-list-info > h3 {font-size: 20px;font-weight: 600;padding-left: 15px;position: relative;-webkit-line-clamp: 1;}
.brand-list-info > h3::after {content: '';width: 8px;height: 8px;background: #ED1C24;border-radius: 50%;position: absolute;top: 8px;left: 0;}
.brand-list-info > p {-webkit-line-clamp: 2;}
.brand-list-info > h3, .brand-list-info > p {text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.brand-list-img{width: 100%;max-width: 312px;height: 286px;overflow: hidden;}
.brand-list-img img{width: 100%;height: 100%;object-fit: cover;object-position: left top;}
/* brand-list-slide custom */
.brand-list-slide-wrap {position: relative;}
.brand-list-slide-wrap .swiper-slide > a{width: 100%;height: 100%;}
.brand-list-slide-wrap .brand-list-slide.slide-btn-show {width: 90%;}
.brand-list-slide-wrap .brand-list-slide.slide-btn-hide + .brand-list-controls {display: none;}

.brand-list-controls{width: 100%;height: 36px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.brand-list-controls .swiper-button-prev, .brand-list-controls .swiper-button-next{width: 36px;height: 100%;margin-top: 0;transform: translateY(-50%);background: #F4F4F4 url(../../images/product/brand-list-arrow.png) no-repeat center;border-radius: 50%;}
.brand-list-controls .swiper-button-prev{left: 0;transform: translateY(-50%) rotate(180deg);}
.brand-list-controls .swiper-button-next{right: 0;}
.brand-list-controls .swiper-button-next:after, .brand-list-controls .swiper-button-prev:after{display: none;}

/* --------------- //product 상세페이지 --------------- */

/* --------------- tooling system 상세페이지 --------------- */
.tooling-list-menu{display: grid;grid-template-columns: repeat(4, 1fr);gap: 60px 24px; }
.tooling-list-menu li {border: 1px solid #eee; min-height:380px;}
.tooling-list-item-img{width: 100%;min-height: 200px; max-width:300px; margin:0 auto}
.tooling-list-item-img img{width: 100%;}
.tooling-list-item-info {margin-top: 10px; padding:0 15px}
.tooling-list-item-info .sub-tit {font-size: 20px;font-weight: 600;position: relative;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.tooling-list-item-info .txt {display:inline-block; font-size:14px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp:5}
/* .tooling-list-item-info .sub-tit::after{display: block;content: '';position: absolute;left: 0;top:8px;width: 8px;height: 8px;background-color: #ed1c24;border-radius: 50%;} */
/* --------------- //tooling system 상세페이지 --------------- */

@media (max-width:1180px) {
	.category-list-wrap ul li { width: calc(100% / 3 - 16px);}
}

/*768px 이하*/
@media screen and (max-width:768px) {
    /* product */
    .sub-visual-wrap.holemaking-visual {background-image: url(../../images/hero/holemaking-hero-m.png);}
    .category-list-wrap ul{gap: 40px 10px;}
    .category-cont .category-list:not(:first-child){padding-top: 50px;}
    .category-list-wrap ul li {width: calc(50% - 5px);}
    .category-list-wrap ul li a .sub-tit {font-size: 16px;}
    .category-list-wrap ul li a span {font-size: 14px;}
    /* //product */

		/* product-details */
		.location-wrap {display: none;}
		.related-section{margin-top: 20px !important;}
		/* .related-section .more-btn {margin: 24px auto 0;}
		.related-section .more-btn.more-btn-pc {display: none;}
		.related-section .more-btn.more-btn-m {display: flex;} */
		.related-section .more-btn{position: static;margin: 24px auto 0;}
		.related-info{display: flex;flex-direction: column;}
		.related-section-info-inner{width: 100%;}
		.related-subtit-info{flex-direction: column;}
		.related-subtit-info .related-img{width: 100%;}
		.related-subtit-info .related-img{min-height: 194px;max-height: unset;}
		.related-subtit-info .related-img-info{width: 100%;}
		.related-tit-info .related-tit{font-size: 32px;}
		.related-tit-info .related-subtit{font-size: 16px;}
		.related-img-info .ul-type02{margin-top: 10px;}
		.related-img-info .ul-type02 li{font-size: 14px;}
		.related-section-subtit{width: 100%;}
		.related-product{gap: 20px;justify-content: space-between;}
		.related-product li {width: calc(100% / 2 - 18px);}
		.related-product-icons li{max-width: 40px;height: 40px;}
		.related-product-icons li img{max-width: 40px;max-height: 40px;}
		.product-catalog-cont-inner{flex-direction: column-reverse;}
		.catalog-info{margin-right: 0;}
		.catalog-tit {margin-top: 24px;}
		.catalog-tit > h3{text-align: center;font-size: 20px; line-height:30px;}
		.related-section-tit {font-size:24px}
		.catalog-lang {margin-top:12px;}
		.related-section-info {margin-bottom:12px;}
		.catalog-tit > p{display: none;}
		.related-product-info > h3 {font-size:20px;}
		.related-product-info > p,.related-product-info > span {font-size:14px}
		/* .product-news-list{grid-template-columns: repeat(1, 1fr);gap: 24px;} */
		.product-news-list{flex-direction: column;}
		.product-news-list > li{width: 100%;}
		.brand-list-slide{width: 100%;}
		.brand-list-controls{display: none;}
		.product-catalog-cont {padding:60px 0}
		.brand-list-info > h3{font-size: 16px;}
		.brand-list-info > p{font-size: 14px; line-height:20px;}
		.brand-list-slide-wrap .brand-list-slide.slide-btn-show{width: 100%;}
		.related-details img {max-width: 100%; width:100%;}
		.brand-list-img{height: 250px;}
		.brand-list-img img{object-position: center;}
		/* //product-details */

    /* tooling system 상세페이지 */
    .tooling-list-menu{grid-template-columns: repeat(1, 1fr);gap: 36px;}
    /* //tooling system 상세페이지 */

	.category-list-wrap ul li a .sub-tit::before {width:6px; height:6px; top:8px;}
  }

@media screen and (max-width: 414px) {
    .category-list-wrap ul li a div {max-height: 188px;} 
}