@charset "utf-8";

.equipment .titWrap {background:url(/images/equipment/equipment_bg.webp) no-repeat center / cover; text-align:center; color:#fff; padding-top:80px;}
.equipment .titWrap h3 {font-size:var(--fs36); margin-bottom:30px; }
.equipment .titWrap ul {width:100%; max-width:1300px; margin:auto; background:#fff; display:flex; color:#777; padding-top:70px; justify-content: center; gap: 30px; margin-top:70px;}
.equipment .titWrap ul li a.on {position:relative; color:var(--base1); font-weight:700;}
.equipment .titWrap ul li a.on:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background: var(--base1);
    left: -7px;
}
.equipment .tabPanelWrap .tabPanel ul {margin:auto; margin-top:80px; width:100%; max-width:1200px; display:grid; grid-template-columns:repeat(2,1fr); gap:40px;}
.equipment .tabPanelWrap .tabPanel ul>li {position:relative; border:1px solid #ddd; transition:.3s;}
.equipment .tabPanelWrap .tabPanel ul>li .img {height:330px; padding:50px; background:#F9F9F9; border-bottom:1px solid #ddd; transition:.3s;}
body .equipment .tabPanelWrap .tabPanel ul>li .img img {object-fit: contain;}

.equipment .tabPanelWrap .tabPanel ul>li::before {content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:var(--base1);transform:scaleX(0);transform-origin:left center;transition:transform .5s ease;z-index:1;pointer-events:none;}
.equipment .tabPanelWrap .tabPanel ul>li:hover::before {transform:scaleX(1);}

.equipment .tabPanelWrap .tabPanel .tit {padding:50px 50px 20px 50px;}
.equipment .tabPanelWrap .tabPanel .tit span {color:var(--base1); font-size:var(--fs16);}
.equipment .tabPanelWrap .tabPanel .tit h4 {font-size:var(--fs26); padding:8px 0;}
.equipment .tabPanelWrap .tabPanel .tit p {font-weight:300;}

.equipment .tabPanelWrap .tabPanel ol {padding:20px 50px 50px 50px; border-top:1px solid #f1f1f1;}
.equipment .tabPanelWrap .tabPanel ol li {display: grid; gap:10px;font-weight:300;color:#777;grid-template-columns: auto auto;justify-content: start;}

.equipment .tabPanelWrap .tabPanel ol li+li {margin-top:5px;}
.equipment .tabPanelWrap .tabPanel ol li span {display:inline-block; width:180px; font-weight:600; color:#000;}


/* sic 내용 */
.equipment .sicWrap .sicInner ul {margin:auto; margin-top:80px; width:100%; max-width:1200px; display:grid; /*grid-template-columns:repeat(2,1fr);*/ gap:40px;}
.equipment .sicWrap .sicInner ul>li {position:relative; transition:.3s;}
.equipment .sicWrap .sicInner ul>li a {display:grid; grid-template-columns:500px auto;}
.equipment .sicWrap .sicInner ul>li .img {height:500px; padding:50px; background:#F9F9F9; border:1px solid #ddd; border-right:0; transition:.3s;}
body .equipment .sicWrap .sicInner ul>li .img img {object-fit: contain;}

.equipment .sicWrap .sicInner ul>li::before {content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:var(--base1);transform:scaleX(0);transform-origin:left center;transition:transform .5s ease;z-index:1;pointer-events:none;}
.equipment .sicWrap .sicInner ul>li:hover::before {transform:scaleX(1);}

.equipment .sicWrap .sicInner .tit {padding:50px 50px 20px 50px; border:1px solid #ddd; border-bottom:0;}
.equipment .sicWrap .sicInner .tit span {color:var(--base1); font-size:var(--fs16);}
.equipment .sicWrap .sicInner .tit h4 {font-size:var(--fs26); padding:8px 0;}
.equipment .sicWrap .sicInner .tit p {font-weight:300;}

.equipment .sicWrap .sicInner ol {padding:20px 50px 50px 50px; border-top:1px solid #f1f1f1; border:1px solid #ddd;}
.equipment .sicWrap .sicInner ol li {display: grid; gap:10px;font-weight:300;color:#777;grid-template-columns: auto auto;justify-content: start;}

.equipment .sicWrap .sicInner ol li+li {margin-top:5px;}
.equipment .sicWrap .sicInner ol li span {display:inline-block; width:180px; font-weight:600; color:#000;}



/* 전기로 Furnace 내용 */
.equipment .furnaceWrap .furnaceInner ul {margin:auto; margin-top:80px; width:100%; max-width:1200px; display:grid; grid-template-columns:repeat(2,1fr); gap:40px;}
.equipment .furnaceWrap .furnaceInner ul>li {position:relative; border:1px solid #ddd; transition:.3s;}
.equipment .furnaceWrap .furnaceInner ul>li .img {height:330px; padding:50px; border-bottom:1px solid #ddd; transition:.3s;}
body .equipment .furnaceWrap .furnaceInner ul>li .img img {object-fit: contain;}

.equipment .furnaceWrap .furnaceInner ul>li::before {content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:var(--base1);transform:scaleX(0);transform-origin:left center;transition:transform .5s ease;z-index:1;pointer-events:none;}
.equipment .furnaceWrap .furnaceInner ul>li:hover::before {transform:scaleX(1);}

.equipment .furnaceWrap .furnaceInner .tit {padding:50px 50px 20px 50px;}
.equipment .furnaceWrap .furnaceInner .tit span {color:var(--base1); font-size:var(--fs16);}
.equipment .furnaceWrap .furnaceInner .tit h4 {font-size:var(--fs26); padding:8px 0;}
.equipment .furnaceWrap .furnaceInner .tit p {font-weight:300;}

.equipment .furnaceWrap .furnaceInner ol {padding:20px 50px 50px 50px; border-top:1px solid #f1f1f1;}
.equipment .furnaceWrap .furnaceInner ol li {display: grid; gap:10px;font-weight:300;color:#777;grid-template-columns: auto auto;justify-content: start;}

.equipment .furnaceWrap .furnaceInner ol li+li {margin-top:5px;}
.equipment .furnaceWrap .furnaceInner ol li span {display:inline-block; width:180px; font-weight:600; color:#000;}
.equipment .furnaceWrap .plusWrap {display:inline-block; width:100%; height:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; background: #F9F9F9; padding:60px;}

.equipment .furnaceWrap .plusWrap span {position:relative; font-size:30px; font-weight:700;}

.plusWrap{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;color:#222;transition:.3s;}
.plus{position:relative;width:24px;height:24px;transition:transform .4s ease,color .3s ease;display:flex;justify-content:center;align-items:center;color:#222;}
.plus::before,.plus::after{content:"";position:absolute;background:currentColor;border-radius:2px;transition:all .3s ease;}
.plus::before{width:2px;height:100%;}
.plus::after{width:100%;height:2px;}
.plusWrap:hover .plus{transform:rotate(90deg) scale(1.2);color:var(--base1);}









/* ************************ 태블릿 (~1249) ************************ */
@media screen and (max-width:1249px) {
	
	.equipment .sicWrap .sicInner ul>li a {grid-template-columns: auto;}
	.equipment .sicWrap .sicInner ul>li .img {border-right:1px solid #ddd; border-bottom:0;}
	
}



/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {
	.equipment .titWrap {padding:80px 80px 0;}

	.equipment .furnaceWrap .furnaceInner ul {grid-template-columns: repeat(1, 1fr);}

}



/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 

	.equipment .titWrap {padding:40px 20px;}
	.equipment .titWrap ul {margin-top:0px; gap:10px; background: none; padding-top: 30px; border-top: 1px solid #353535; margin-top: 30px;}
	.equipment .tabPanelWrap .tabPanel ul {grid-template-columns: repeat(1, 1fr) !important; margin-top:40px;}
	.equipment .tabPanelWrap .tabPanel ul li+li {margin-top:10px;}
	.equipment .tabPanelWrap .tabPanel ol li {grid-template-columns: auto; gap:0;}
	.equipment .tabPanelWrap .tabPanel ul>li .img {height:auto; text-align: center;}
	body .equipment .tabPanelWrap .tabPanel ul>li .img img {width:60%;}
	
	.equipment .sicWrap .sicInner ul {margin-top:40px;}
	.equipment .sicWrap .sicInner ol li {grid-template-columns: auto;}
	.equipment .sicWrap .sicInner ul>li .img {height:auto; text-align: center;}
	body .equipment .sicWrap .sicInner ul>li .img img {width:60%;}
	
	.equipment .furnaceWrap .furnaceInner ul {margin-top:40px;}
	.equipment .furnaceWrap .furnaceInner ol li {grid-template-columns: auto;}
	.equipment .furnaceWrap .furnaceInner ul>li .img {height:auto; text-align: center;}
	body .equipment .furnaceWrap .furnaceInner ul>li .img img {width:60%;}


}


/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {

.equipment .furnaceWrap .plusWrap span {font-size:20px;}


}