.con-wrap{
  position: relative;
}
.box{display: none;}
/* jason */
/* section01 메인 비주얼*/
.section01 {
    width: 100%!important;
    height: 857px;
    max-height: 857px;
    max-width: none!important;
    background-image: url(../../images/main-visual-pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.section01::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
}
.section01 .tit-wrap {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 32%;
    left: 50%;
    color: #fff;
    text-align: center;
}

.section01 .tit-wrap h3 {
    
    font-size: 95px;
    font-weight: 700;
}
.section01 .tit-wrap h3 span{
    
    font-size: 32px;
    font-weight: 400;
    display: block;
}

/* section02 링크 및 제품 슬라이드 박스 */
.section02 {max-width: none!important;width: 100%!important;}

.section02 .link-wrap {
    width: 100%;
    height: auto;
    background-color: #222;
}

.section02 .link-wrap ul{
    width: calc(100% - 90px);
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.section02 .link-wrap ul li  {
    width: 33.33%;
    text-align: center;
    position: relative;
}
.section02 .link-wrap ul li::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #aaa;
    transform: skewX(-45deg);
}
.section02 .link-wrap ul li:first-child::after {
    border-left: 1px solid #aaa;
}
.section02 .link-wrap ul li::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e60013;
    opacity: 0;
    transform: skewX(-45deg);
    transition: all 0.5s;
}

.section02 .link-wrap ul li img {
    display: inline;
    vertical-align: middle;
}
.section02 .link-wrap ul li a{
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 24px 0;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}

.section02 .link-wrap ul li:hover::before {
    opacity: 1;
    transform: skewX(-45deg) scaleY(120%);
    top: -9px;
    left: 10px;
}

/* section02 product-list */

.section02 img {max-width: 100%; vertical-align: middle;}

.section02 .product-list{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
}
.section02 .product-list .list-control-wrap {
    width: 32%;
    max-width: 606px;
    padding: 62px 96px 0 11px;
}
.section02 .product-list .list-control-wrap img {width: 81%;}
.section02 .product-list .list-control-wrap h5{
    
    font-size: 64px;
    font-weight: 700;
    text-align: right;
}
.section02 .product-list .list-control-wrap .btn-wrap {
    margin-top: 40px;
    text-align: right;
}
.section02 .product-list .list-control-wrap a {
    margin-right: 36px;
}
.section02 .product-list .list-control-wrap a:last-child {
    margin-right: 0;
}
.section02 .product-list .img-list-wrap {
    max-width: 1314px;
}
.section02 .product-list .img-list-wrap ul{
    display: flex;
}

.section02 .product-list .img-list-wrap ul li{
    position: relative;
    background-color: #fff;
}
.section02 .product-list .img-list-wrap ul li button {
    width: 100%;
}
.section02 .product-list .img-list-wrap button {
    width: 100%;
    position: relative;
}

.section02 .product-list .img-list-wrap button .txt-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    opacity: 0;
    z-index: -1;
    text-align: left;
    transition: all 0.5s;
}

.section02 .product-list .img-list-wrap ul li button .txt-wrap a {width: 100%;height: 100%;color:#fff;position: relative;z-index: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 23px;}
.section02 .product-list .img-list-wrap ul li button .txt-wrap a img{width: 32px;}
.section02 .product-list .img-list-wrap ul li button .txt-wrap a h5 {
    font-size: 40px;
}

.section02 .product-list .img-list-wrap ul li button .txt-wrap a p {
    font-size: 16px;
}
.section02 .product-list .img-list-wrap ul li button img {
    max-width: 100%;
    -webkit-filter : grayscale(100%)
}

.section02 .product-list .img-list-wrap ul li::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    mix-blend-mode: luminosity;
    z-index: 0;
    transition: all 0.5s;
}
.section02 .product-list .img-list-wrap ul li.active::before{
    opacity: 0.58;
    mix-blend-mode: overlay;
    background-blend-mode: overlay;
    background-image: linear-gradient(to bottom, #e60013, #e60013);
    z-index: 1;
    transition: all 0.5s;
}

.section02 .product-list .img-list-wrap ul li.active button .txt-wrap{
    opacity: 1;
    z-index: 1;
}

.section02 .product-list .img-list-wrap ul li.active button .txt-wrap a {z-index: 4;}

/* section03 news-list */
.section03 {
    margin-top: 100px;
}

.section03 img {
    max-width: 100%;
    vertical-align: middle;
}

.section03 h4 {
    
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 40px;
    margin-top: 104px;
}

.section03 .news-wrap {
    width:100%;
    display: flex;
}

/*main-news-wrap*/
.section03 .main-news-wrap {
    position: relative;
    margin-right: 24px;
}

.section03 .main-news-wrap a {
    overflow: hidden;   
    position: relative; 
}
.section03 .main-news-wrap a img {
    transition: all 0.5s;
}

.section03 .main-news-wrap a:hover>img{
    transform: scale(1.1);
}

.section03 .main-news-wrap .txt-wrap {
    position: absolute;
    bottom: 32px;
    left: 32px;
    color: #fff;
    z-index: 0;
}

.section03 .main-news-wrap .txt-wrap h5 {
    
    font-size: 40px;
}

.section03 .main-news-wrap .txt-wrap span {
    font-size: 14px;
    color: #aaa;
}
/*sub-news-wrap*/
.section03 .sub-news-wrap {
    max-width: 462px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section03 .sub-news-wrap ul li {
    position: relative;
    margin-bottom: 60px;
}

.section03 .sub-news-wrap ul li:last-child {
    margin-bottom: 0;
}

.section03 .sub-news-wrap ul li a div{
    overflow: hidden;
}

.section03 .sub-news-wrap ul li a:hover img{
    transform: scale(1.2);
}

.section03 .sub-news-wrap ul li a img {
    transition: 0.5s;
}

.section03 .sub-news-wrap h5{
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}

.section03 .sub-news-wrap p {
    font-size: 14px;
    color: #aaa;
}

.section03 .sub-news-wrap .btn-wrap .more-btn {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    display: inline-block;
    padding: 6px 38px;
    border-radius: 20px;
}

.section03 .sub-news-wrap .btn-wrap{
    text-align: right;
}

/*category-box*/
.section03 .news::before {
    content: 'NEWS';
    position: absolute;
    
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    background-color: #e60013;
    padding: 4px 19px;
    top: -18px;
    left: -16px;
    z-index: 1;
}

.section03 .machining::before {
    content: 'MACHINING UP';
    position: absolute;
    
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    background-color: #000;
    border: 1px solid #656565;
    padding: 4px 19px;
    top: -18px;
    left: -16px;
    z-index: 1;
}

/* section04 */
.con-box.section04{
  width: 100%;
  max-width: none;
  margin: 140px auto 0;
}
.section04 .toolSolutionSlider {
  width: 100%;
  height: 800px;
}
.section04 .toolSolutionSlider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.section04 .toolSolutionSlider .swiper-slide:nth-child(1){
  background: url(../../images/aerospace.png) no-repeat;
  background-size:cover;
}
.section04 .toolSolutionSlider .swiper-slide:nth-child(2){
  background: url(../../images/bikes.jpg) no-repeat;
  background-size:cover;
}
.section04 .toolSolutionSlider .swiper-slide:nth-child(3){
  background: url(../../images/aerospace.png) no-repeat;
  background-size:cover;
}
.section04 .toolSolutionSlider .swiper-slide:nth-child(4){
  background: url(../../images/bikes.jpg) no-repeat;
  background-size:cover;
}
.section04 .toolSolutionSlider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section04 .toolSolutionSliderText{max-width:640px; text-align: left; position: absolute; top:220px;}
.section04 .toolSolutionSliderText h6{ 
  
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  line-height:1.7;
}
.section04 .toolSolutionSliderText h1{
  
  font-size: 64px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  line-height:1.38;
}
.section04 .toolSolutionSliderText h5{  
  
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
    line-height:1.42;
}
.section04 .toolSolutionSliderText p{
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  line-height:1.5;
}
.section04 .toolSolutionSliderText .more{
  
  width: 120px;
  height: 40px;
  margin: 48px 466px 0 0;
  padding: 7px 39.1px 6px 39.9px;
  border-radius: 20px;
  border: solid 1px #000;
  background-color: #000;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.section04 .toolSolutionSlider .swiper-button-wrap{width:150px; height:50px; position:absolute; left:240px; top:169px; display:flex; align-items: center;}
.section04 .toolSolutionSlider .swiper-button-prev{z-index: 10;}
.section04 .toolSolutionSlider .swiper-button-next{z-index: 10;}
.section04 .toolSolutionSlider .swiper-pagination{ 
  font-size: 16px; 
  
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align:center;
  color: #fff;
  align-self: center;
  z-index: 9;
}
.section04 .toolSolutionSlider .swiper-button-next::after,
.section04 .toolSolutionSlider .swiper-button-prev::after {
  display: none;
}
.section04 .toolSolutionSlider .swiper-slide.swiper-slide-active .toolSolutionSliderText * {animation:slideIn 1s forwards ease-out;}
.section04 .toolSolutionSlider .swiper-slide .toolSolutionSliderText * { transform:translateY(40%); opacity:0;}
.section04 .toolSolutionSlider .swiper-slide .toolSolutionSliderText h3{ animation-delay:1s;}
.section04 .toolSolutionSlider .swiper-slide .toolSolutionSliderText h2{ animation-delay:1.4s;}
.section04 .toolSolutionSlider .swiper-slide .toolSolutionSliderText h5{ animation-delay:1.8s;}
.section04 .toolSolutionSlider .swiper-slide .toolSolutionSliderText p{ animation-delay:2.2s;}
.section04 .toolSolutionSlider .swiper-slide .toolSolutionSliderText a{ animation-delay:2.6s;}

@keyframes slideIn{
	0% { transform:translateY(40%); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}


/* section05 */
.section05{width:100%; height:728px; padding-top:120px; position:relative;}
.section05 .totalToolingImage{position:absolute; right:0; top:0; z-index: -9999;}



.section05 .totalToolingText h1{ 
  font-family: Montserrat;
  font-size: 80px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  line-height: 1.13;
}
.section05 .totalToolingText .more{ width: 120px;
  height: 40px;
  padding: 7px 39.1px 6px 39.9px;
  margin-top:36px;
  border-radius: 20px;
  border: solid 1px #000;
  background-color: #000;
  
   font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

/* section06 */
.con-box.section05, .con-box.section06{
  width: 100%;
  max-width: none;
}
.section06{
 width:100%;
  padding: 120px 0;
  background: #000;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow:hidden;
}

.section06 h1{
  
  margin-bottom:32px;
   font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.marketing-wrap{ width:calc(100% - 480px); margin:0 auto; }
.section05 .marketing-wrap, .section06 .marketing-wrap{width:calc(100% - 40px); max-width: 1400px; margin:0 auto; }
.section06 .tradeShowSlider {
  width: 100%;
  height: 100%;
  position:relative;
  overflow:hidden;
}
.section06 .tradeShowSlider h6{
  
   margin: 8px 0;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.section06 .tradeShowSlider h6:before {
    content:'';
    width:18px;
    height:10px;
    display:inline-block;
    background:url("../../images/trade-show-line.png") no-repeat;
    background-size:cover;
    margin-right:5px;
}
.section06 .tradeShowSlider h2{
  
   margin: 6.5px 0 0px 0px;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  line-height:30px;
}
.section06 .tradeShowSlider h3{
  
   margin-bottom:12px;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;

  white-space:normal;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
}

.section06 .tradeShowSlider p{
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #aaa;
}
.section06 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section06 .swiper-button-next{
  right:140px !important;
}
.section06 .swiper-button-prev{
  left:140px !important;
}
.section06 .swiper-button-next::after,
.section06 .swiper-button-prev::after {
  display: none;
}

@media screen and (max-width:1400px) {
    .section02 .product-list {flex-direction: column;}
    .section02 .product-list .img-list-wrap {margin: 0 auto;}
    .section02 .product-list .list-control-wrap img {width: auto;}
    .section02 .product-list .list-control-wrap {width: auto;margin: 0 auto;padding: 62px 0;}
    .section02 .product-list .list-control-wrap h5 {text-align: center;}
    .section02 .product-list .list-control-wrap .btn-wrap {display: flex;justify-content: space-between;margin-top: 0;}
    .section02 .product-list .list-control-wrap a {margin-right: 0;}
}

@media screen and (max-width:1240px) {
    .con-wrap{margin-top: 0;}
}
@media (max-width: 1000px){
    .marketing-wrap{ width: calc(100% - 40px); max-width:1440px;margin:0 auto;}

    .section04 .toolSolutionSlider .swiper-button-wrap{left:50%; top:90%; transform:translateX(-50%);}

    .section04 .toolSolutionSlider .swiper-slide:nth-child(1){
    background: url(../../images/aerospace.png) no-repeat;
    background-size:cover;
    }


    .section04 .toolSolutionSlider .swiper-slide:nth-child(2){
    background: url(../../images/bikes.jpg) no-repeat;
    background-size:cover;
    }

    .section04 .toolSolutionSlider .swiper-slide:nth-child(3){
    background: url(../../images/aerospace.png) no-repeat;
    background-size:cover;
    }

        
    .section04 .toolSolutionSlider .swiper-slide:nth-child(4){
    background: url(../../images/bikes.jpg) no-repeat;
    background-size:cover;
    }
    .section04 .toolSolutionSliderText{position: relative; top:0;}

    .section04 .toolSolutionSliderText h6{font-size:16px;}
    .section04 .toolSolutionSliderText h1{font-size:48px;}
    .section04 .toolSolutionSliderText h5{font-size:22px;}
    .section04 .toolSolutionSliderText p{font-size:16px;}

    .section06 .tradeShowSlider h6{font-size:14px;}
    .section06 .tradeShowSlider h2{font-size:20px;}
    .section06 .tradeShowSlider h3{font-size:16px;}
    .section06 .tradeShowSlider p{font-size:14px;}
    .section06 {padding: 48px 0 60px ;}
    .section06 h1{margin-bottom: 16px; font-size:24px;}
    .section06 .swiper{overflow:visible !important;}
    .section06 .swiper-button-next,  .section06 .swiper-button-prev {display:none;}
    }

@media screen and (max-width:768px) {
    /* section01 */
    .section01 {background-image: url(../../images/main-visual-m.png);}
    .section01 .tit-wrap {
        width: 100%;
        top: 22%;
    }
    .section01 .tit-wrap h3 {
        font-size: 56px;
    }
    .section01 .tit-wrap h3 span {
        font-size: 20px;
    }

    /* section02  */
    .section02 .product-list .list-control-wrap img {width: auto;}
    .section02 .link-wrap ul {width: 100%;}
    .section02 .link-wrap ul li {border-right: 1px solid #aaa;}
    
    .section02 .link-wrap ul li:last-child {border-right: 0;}

    .section02 .link-wrap ul li::after {
        display: none;
    }

    .section02 .link-wrap ul li::before {
        transform: skewX(0);
    }

    .section02 .link-wrap ul li:hover::before {
        transform: skewX(0) scaleY(100%);
        top: 0;
        left: 0;
    }

    .section02 .link-wrap ul li a {
        font-weight: 700;
    }

    .section02 .link-wrap ul li a img {
        display: block;
        margin: 0 auto;
    }
    
    .section02 .product-list {
        flex-direction: column;
    }

    .section02 .product-list .list-control-wrap {width: calc(100% - 40px);padding: 32px 0;margin: 0 auto;}

    .section02 .product-list .list-control-wrap img {margin-left: -8px;}

    .section02 .product-list .list-control-wrap h5 
    {text-align: center;font-size: 48px;}

    .section02 .product-list .list-control-wrap .btn-wrap {
        display: none;
    }

    .section02 .product-list .img-list-wrap {
        width: 100%;
    }
    .section02 .product-list .img-list-wrap img {
        -webkit-filter : grayscale(100%)
    }
    .section02 .product-list .img-list-wrap a {width:100%;height: 100%;position: absolute;z-index: -1;opacity: 0;bottom: 0;padding: 16px 12px;display: flex;align-items: flex-end;}

    .section02 .product-list .img-list-wrap a .txt-wrap h5 {
        font-size: 28px;
        font-weight: 700;
        color: #fff;
    }

    .section02 .product-list .img-list-wrap a .txt-wrap p {
        font-size: 16px;
        color: #fff;
    }

    .section02 .product-list .img-list-slide .swiper-slide::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top:0;
        left: 0;
        opacity: 0;
        transition: all 0.5s;
        z-index: 1;
    }

    .section02 .product-list .img-list-wrap .swiper-slide-active > img::before {
        content: '';
        opacity: 0.58;
        mix-blend-mode: overlay;
        background-blend-mode: overlay;
        background-image: linear-gradient(to bottom, #e60013, #e60013);
        z-index: 1;
}
    
    .section02 .product-list .img-list-slide .swiper-slide-active a {opacity: 1;z-index: 1;}
    
    .section02 .product-list .img-list-slide .swiper-slide-active a .txt-wrap img {width: auto;}

    .section02 .product-list .img-list-slide .swiper-slide-active::before {
        opacity: 0.58;
    mix-blend-mode: overlay;
    background-blend-mode: overlay;
    background-image: linear-gradient(to bottom, #e60013, #e60013);
    z-index: 1;
    transition: all 0.5s;
    }

    /* section03 */
    .section03 {width: 100%!important;margin-right: 0!important;}
    
    .section03 h4 {text-align: center;}
    
    .section03 .news-wrap {flex-direction: column;}
    
    .section03 .main-news-wrap {margin-right: 0;margin-bottom: 60px;}
    
    
    .section03 .main-news-wrap .txt-wrap h5 {font-size: 24px;}
    
    .section03 .sub-news-wrap {max-width: 100%;width: calc(100% - 36px);margin: 0 auto;}
    
    .section03 .sub-news-wrap img {width: 100%;max-width: none;}
    
    .section03 .sub-news-wrap ul li a {width: 100%;}

    .section03 .sub-news-wrap .btn-wrap {
    text-align: center;
    margin-top: 25px;
}

    

    .section03 .news::before {
        left: -9px;
    }
    .section03 .main-news-wrap.news::before {
        left: 16px;
    }
    .section03 .machining::before {
        left: -9px;
    }

    
    .section05{width:100%; height:462px; padding-top:60px;}
    .section05 .totalToolingText h1{ font-size: 40px;}
    .section05 .totalToolingImage{position:absolute; right:0; top: 100%; transform: translateY(-281px);}
}

@media screen and (max-width:480px) {
    .section02 .img-list-slide img{
        width: 100%;
    }
}