.fw800 { font-weight: 800;}
.page-content { padding-bottom: 10rem;}
.page-content a { color: inherit;}

a.no-click { pointer-events: none; cursor: inherit;}

.greeting .bg-box { height: 35rem; background: url(/img/sk/greeting_bg.png) no-repeat center / cover; }
.greeting .p1 { padding: 5.7rem 0 4.3rem; font-size: 4.8rem; font-weight: 700;  line-height: 1.5; }
.greeting .p2 { padding-bottom: 3.2rem; font-size: 3.5rem; font-weight: 700; }
.greeting .p2 b { color: var(--point-color);}
.greeting .p { padding-bottom: 1.5rem; line-height: 1.7; }
.greeting .sign { padding-top: 5rem; font-weight: 500; }
.greeting .sign span { margin-left: 2rem; font-size: 3.5rem;  font-family: 'Nanum Brush Script';  }

@media(max-width:991px){
  .greeting .bg-box { height: 30rem; }
  .greeting .p1 { font-size: 4rem;}
  .greeting .p2 { font-size: 3.2rem;}
}
@media(max-width:768px){
  .greeting .bg-box { height: 26rem; }
  .greeting p br { display: none;}
  .greeting .p1 {    padding: 4rem 0 3.3rem; font-size: 3rem;}
  .greeting .p2 { font-size: 2.4rem;}
}

.location .map-wrap {overflow: hidden; position: relative; height: 50rem;}
.location .map-wrap .root_daum_roughmap  { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.location .add { padding: 5rem 0 2rem ; font-size: 4.8rem; font-weight: 700;  }
.location .info li { display: inline-block; margin-right: 5rem; margin-bottom: 1rem; color: #111; font-size: 2rem;}

@media(max-width:768px){
  .location .map-wrap {height: 40rem;}
  .location .add { font-size: 4rem;}
}
@media(max-width:576px){
  .location .map-wrap {height: 30rem;}
  .location .add { padding: 4rem 0 2rem; font-size: 2.8rem;}
  .location .info li { display: block; margin-right: 0; font-size: 1.8rem;}

}


.prod_all { position: relative; color: #333; }
.prod_all:after { content:''; display: block; position: absolute; top: 0; right: -13.5rem; width: 61rem; height: 61rem; background: url(/img/sk/text_circle.png) no-repeat center top / contain; }
.prod_all .p1 { font-size: 4.8rem; font-weight: 700; color: #333; line-height: 1.2;}
.prod_all .p2 { padding: 2rem 0 9.5rem; font-weight: 300; color: #333; }
.prod_all__list {  display: grid; grid-template-columns: repeat(4,1fr); gap:3rem; position: relative; z-index: 2;}
.prod_all__list li a { position: relative; display: block; padding: 6.5rem 1rem 5.8rem; text-align: center; background: #efefef; }
.prod_all__list li a:after{ content:""; opacity: 0; display: block; position: absolute;  left: 0; top: 0; width: 100%; height:100%; border: 2px solid var(--point-color); transition: 0.3s; }
.prod_all__list li a h3 { padding-top: 12.5rem; font-size: 2.4rem; font-weight: 700; background: no-repeat center top ;}
.prod_all__list li:nth-of-type(1) a h3 { background-image: url(/img/sk/prod_all_ico1.png);}
.prod_all__list li:nth-of-type(2) a h3 { background-image: url(/img/sk/prod_all_ico2.png);}
.prod_all__list li:nth-of-type(3) a h3 { background-image: url(/img/sk/prod_all_ico3.png);}
.prod_all__list li:nth-of-type(4) a h3 { background-image: url(/img/sk/prod_all_ico4.png);}
.prod_all__list li:nth-of-type(5) a h3 { background-image: url(/img/sk/prod_all_ico5.png);}
.prod_all__list li:nth-of-type(6) a h3 { background-image: url(/img/sk/prod_all_ico6.png);}
.prod_all__list li:nth-of-type(7) a h3 { background-image: url(/img/sk/prod_all_ico7.png);}
.prod_all__list li:nth-of-type(8) a h3 { background-image: url(/img/sk/prod_all_ico8.png);}
.prod_all__list li a p { padding: 1.5rem 0 4rem; font-weight: 300;}
.prod_all__list li a .over { display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 5.5rem; height: 5.5rem; background: #fff; border-radius: 2.75rem; transition: 0.3s;}
.prod_all__list li a .over i { color: var(--point-color); }
.prod_all__list li a .over .txt { display: none;;  transition: 0.3s;}

.prod_all__list li a:hover:after { opacity: 1;}
.prod_all__list li a:hover .over i { display: none;}
.prod_all__list li a:hover .over { width: 21rem; background: var(--point-color); }
.prod_all__list li a:hover .over .txt { display: block; color: #fff; font-weight: 300; }

@media(max-width:991px){
  .prod_all:after { width: 50rem;}
  .prod_all__list  { grid-template-columns: repeat(3,1fr);}
}
@media(max-width:768px){
  .prod_all:after { width: 40rem;}
  .prod_all .p1 { font-size: 4.3rem;}
  .prod_all__list  { grid-template-columns: repeat(2,1fr);}
}
@media(max-width:576px){
  .prod_all:after { width: 30rem;}
  .prod_all .p1 { font-size: 3.8rem;}
  .prod_all .p2 { padding: 2rem 0 6rem;}
  .prod_all__list  { gap:2rem}
  .prod_all__list li a h3 {padding-top: 10rem; background-size: auto 56px;}
}
@media(max-width:410px){
  .prod_all__list  { grid-template-columns: 1fr;}
  .prod_all__list li a h3 {padding-top: 10rem; background-size: auto 56px;}
}

.flow-chart { padding: 5rem; border: 1px solid var(--border-color); }
.flow-chart__tit { font-size: 2.5rem; font-weight: 700; color: #111;}
.flow-chart__img { margin: 3rem 0; text-align: center;}
.flow-chart__txt { text-align: center;}
@media(max-width:991px){
  .flow-chart { padding: 4rem 2rem; }
}
@media(max-width:576px){
  .flow-chart { padding: 3rem 1.5rem; }
}


.page-sub-menu li a,
.tab-menu li a { position: relative; font-size: 2rem; line-height: 1; color: #111; }
.page-sub-menu li a.on,
.tab-menu li a.on { font-weight: 700; color: var(--point-color);  }
.page-sub-menu li a.on:after,
.tab-menu li a.on:after {content:''; display: block; position: absolute; left: 0; bottom: -1rem;  width: 100%; height: 2px; background:var(--point-color)}
.page-sub-menu li a:hover,
.tab-menu li a:hover { color: var(--point-color);}
.page-sub-menu li:after,
.tab-menu li:after { content:''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #ccc;}

/* .tab-menu1 controller */
.tab-menu1 { display: flex; justify-content: center; margin-bottom: 8rem;}
.tab-menu1 li { position: relative; width: 13rem; text-align: center;}

.tab-menu1 li:last-of-type:after { display: none;}

/* .tab-menu2 각종소포품 */
.tab-menu2 { margin: 0 auto 5rem; max-width: 115rem; text-align: center; }
.tab-menu2 li { display: inline-block;  position: relative; padding: 0 4rem; margin-bottom: 3rem; }
.tab-menu2 li a {   font-size: 2rem; color: #111; }


@media(min-width:992px){
  .tab-menu2 li:nth-of-type(5):after {display: none;}
  .tab-menu2 li:last-of-type:after {display: none;}
}
@media(min-width:769px) and (max-width:991px){
  .tab-menu2 li:nth-of-type(4n):after {display: none;}
}
@media(min-width:401px) and (max-width:768px){
  .tab-menu2 li:nth-of-type(3n):after {display: none;}
}

@media(max-width:991px){
  .tab-menu2 { display: flex; flex-wrap: wrap;}
  .tab-menu2 li { padding: 0; width: 25%; }
  .tab-menu2 li a { padding: 0; width: 100%;}

}

@media(max-width:769px){

  .tab-menu2 { display: flex; flex-wrap: wrap;}
  .tab-menu2 li { width: 33%;}
  .tab-menu2 li a { padding: 0; width: 100%;}
}
@media(max-width:576px){
  .tab-menu2 li { flex:auto; margin-bottom: 2.2rem;}
  .tab-menu2 li:last-of-type:after {display: none;}
}
@media(max-width:400px){
  .tab-menu2 li {flex:inherit; width: 50%;}
  .tab-menu2 li:nth-of-type(2n):after {display: none;}
  .tab-menu2 li:last-of-type:after {display: block;}
}

/* .tab-menu3 스태틱믹서 */
.tab-menu3 {text-align: center; margin-bottom: 5rem;}
.tab-menu3 li { position: relative; display: inline-block; padding: 0 4rem; margin-bottom: 3rem;}
.tab-menu3 li a { font-size: 2rem; color: #111; }


@media(min-width:801px){
  .tab-menu3 li:last-of-type:after { display: none;}
}
@media(max-width:991px){
  .tab-menu3 { display: flex; flex-wrap:wrap;}
  .tab-menu3 li { padding: 0; width: 25%;}
}
@media(max-width:800px){
  .tab-menu3 li { width: 50%;}
  .tab-menu3 li:nth-of-type(2n):after { display: none;}

}
@media(max-width:380px){
  .tab-menu3 li a { word-spacing: -4px; }
}


.page-sub-menu { display: flex; justify-content: center; margin-bottom: 5rem; text-align: center;}
.page-sub-menu li { position: relative; padding: 0 3.8rem; margin-bottom: 3rem;}
.page-sub-menu li:last-of-type:after {display: none;}

@media(max-width:991px){
  .page-sub-menu li { flex:1; padding: 0 ; }
}
@media(max-width:768px){
  .page-sub-menu {flex-wrap: wrap; justify-content: space-between;}
  .page-sub-menu li {flex:auto; width: 25%;}
  .page-sub-menu li:nth-of-type(4n):after {display: none;}
}



p.tit { padding-bottom: 3rem; font-size: 2.5rem; font-weight: 500; color: #111; line-height: 1;  }

.prod1 .img {text-align: center;  border: 1px solid var(--border-color); }
.prod1 article >  div+div { margin-top: 7rem;}

.prod1 .prod { padding-bottom: 5rem; margin-bottom: -2rem; border-bottom: 1px solid var(--border-color); }
.prod1 .prod { gap:3.846% }
.prod1 .prod .img { flex:1; padding: 5rem 1rem;}
.prod1 .prod .txt { flex:1; }
.prod1 .prod .txt .name { padding-bottom: 2.5rem; font-size: 3.5rem; font-weight: 500; color: #111; line-height: 1; }
.prod1 .prod .txt .name span { margin-left: 1rem; font-size: 2rem; color: #999;  }
.prod1 .prod .txt .name2 { padding-bottom: 1rem; font-size: 2.2rem; font-weight: 500; }
.prod1 .prod .txt .tail { padding-bottom: 3rem; }
.prod1 .drawing .img { padding: 2.5rem 1rem;}
.prod1 .setting .img { padding: 4.5rem 1rem;}

@media(max-width:768px){
    .prod1 .prod { flex-direction: column; gap:3rem}
    .prod1 .prod .img { padding: 5rem 1rem;}
}
@media(max-width:576px){
    .prod1 .prod { flex-direction: column; gap:3.5rem}
    .prod1 .prod .txt .name { font-size: 3rem;}
}

.prod1_3 .prod .img {  padding: 10rem 1rem;}
.prod1_4 .view .grid{
    display: grid; gap:2.3%;
    grid-template-columns: repeat(6,1fr);
}
.prod1_4 .view .grid .img{
    grid-column: span 2;
}
.prod1_4 .view .grid .img.col3{
    grid-column: span 3;
}
@media(max-width:576px){
    .prod1_4 .view .grid { grid-template-columns: repeat(2,1fr); gap:2rem;}
    .prod1_4 .view .grid .img { grid-column:  span 1;}
    .prod1_4 .view .grid .img.col3{   grid-column:  span 2;}
}

.prod1_5 .view .prod-type {
    padding: 0 0 2rem;
}

.prod1_6 {}
.prod1_6 article { padding-bottom: 7rem;}
.prod1_6 .img { position: relative; padding: 10rem 1rem;}
.prod1_6 .img p { position: absolute; left: 5rem; top: 5rem; font-size: 2.5rem;font-weight: 700; color: #111;}
.prod1_6 .img-tit { padding: 3rem 0 3rem; font-size: 3.5rem; font-weight: 500; color: #111; line-height: 1;}
.prod1_6 .img-ex { margin-top: 1.2rem; }
.prod1_6 .img-ex span { display: block; padding-left: 1.2rem; margin: .5rem 0 ; text-indent: -1.2rem; color: #111; }

@media(max-width:991px){
  .prod1_6 .img p  { left: inherit; right: 2.5rem; top: 2.5rem; font-size: 2.5rem;  }
}
@media(max-width:576px){
  .prod1_6 .img-tit {padding: 3.5rem 0 2rem; font-size: 3rem;  }
  .prod1_6 .img p  { font-size: 2.2rem;}
}


.robot1 .flex { padding: 3rem 1rem; gap: 2rem; justify-content: space-around; border: 1px solid var(--border-color);}
.robot1 .flex .img {border: 0;}
@media(max-width:576px){
    .robot1 .flex { flex-wrap:wrap; gap:2rem 0; justify-content: space-between; }
    .robot1 .flex .img { width: 49%; }
}

.robot2 .spec .table1 thead th { border-bottom: 0;}
@media(max-width:991px) {
    .robot2 .spec .table1 th,
    .robot2 .spec .table1 td {
        padding: 1.5rem 1rem; text-align: center;
        word-break: break-all;
    }
}

.pump1 .how .img { padding: 5rem 1rem;}
.pump3 .setting .img { padding: 5rem 1rem;}


.acc article+article { margin-top: 7rem;}
.acc .img {padding: 10rem 0; border: 1px solid var(--border-color);}
.acc .txt { padding: 5rem 0 ;  margin-bottom: 5rem; border-bottom: 1px solid var(--border-color); }
.acc .txt .name { font-size: 3.5rem; font-weight: 500; color: #111; line-height: 1;}
.acc .txt .tail { padding-top: 2.5rem;}
.acc table td { text-align: center;}

.mix .table-wrap2 { display: flex; gap:2rem}
.mix .table-wrap2 .box {flex:1;}
@media(max-width:768px){
  .mix .table-wrap2 {flex-direction: column; gap:0;}
  .mix .table-wrap2 table { table-layout: fixed;}
  .mix .table-wrap2 .box+.box table { margin-top: -1px; border-top: 0;}
  .mix .table-wrap2 .box+.box thead {display: none; }
}


.automation article+article { margin-top: 7rem; }
.automation .img { padding: 5rem 1rem; text-align: center; border: 1px solid var(--border-color);}
.automation p.type { margin: -1rem 0 2rem;}

.customer_all .prod_all__list li:nth-of-type(1) a h3 { background-image: url(/img/sk/customer_all_ico1.png);}
.customer_all .prod_all__list li:nth-of-type(2) a h3 { background-image: url(/img/sk/customer_all_ico2.png);}
.customer_all .prod_all__list li:nth-of-type(3) a h3 { background-image: url(/img/sk/customer_all_ico3.png);}
.customer_all .prod_all__list li:nth-of-type(4) a h3 { background-image: url(/img/sk/customer_all_ico4.png);}
.customer_all .prod_all__list li:nth-of-type(5) a h3 { background-image: url(/img/sk/customer_all_ico5.png);}