/* common */
.stroke-w,
#allMenu .gnbWrap #gnb > li > a,
#allMenu .gnbWrap #gnb .depth2,
.main .visual .visualSwiper .swiper-slide .txtBox .title,
#titleBox h1,
.main .about #titleBox h1,
#subWrap .subVisual .txtBox h2,
#cmb .info .txtBox .title,
footer #titleBox h1{ font-family: var(--Score); -webkit-text-stroke: 0.5px #fff; font-weight: bold;}

header .headerBox #gnb > li{  font-family: 'SCoreDream'; }
header .headerBox #gnb .depth2{ top: 90%; width: max-content; white-space: nowrap;}
header .headerBox #gnb .depth2 li a span{ display:inline-block; }

footer .ctnBox .rightBox .address{ font-family: var(--baseFont);}
footer .ctnBox .rightBox .address span{ font-family: var(--Quan);}

/* header */
header .headerBox #gnb > li.H:before{ height: 350px;}
header.bg .headerBox #gnb > li.H:before{ height: 320px;}
#allMenu .gnbWrap #gnb .depth2{ gap:50px}

/* main */
#subWrap .subVisual .txtBox span{ margin-left: 7px;}
.main .visual .visualSwiper .swiper-slide.swiper-slide-active .txtBox .title{ margin-left: -7px;}

#btnBox,
.main .about #btnBox{ margin-left: 20px;}
#btnBox .txt,
.main .about #btnBox .txt{ font-family: var(--Score); left: -15px;}

.main .what .ctnBox .itemBox a .txtBox .txt{ font-family: var(--Score); }

.main .visual .visualSwiper .swiper-slide .txtBox{ overflow: visible;}
.main .visual .visualSwiper .swiper-slide .txtBox .title{ line-height: 1.2;}
.main .visual .visualSwiper .swiper-slide .txtBox .arrow{ width: 60px; height: 60px; right: auto; left: 105%; bottom: 25%;}

.main .about #titleBox h1{ line-height: 1.3;}
.main .about .mainSwiper .swiper-slide .title{ font-family: var(--Score); line-height: 1.4;}

/* sub */
#titleBox h1,
#sTitle,
#greeting .history .ctnBox .title,
#greeting .business .slideBox .swiper-slide .txtBox .title,
#greeting .location .itemBox .innerBox .txtBox .title,
#cmb .process h2.title,
#cmb .process .ctnBox .itemBox .title,
.pmd h2.title,
.pmd .linkBox li a .txt span,
.pmd .bottomBox .itemBox .txtBox .item .title{ font-family: var(--Score); -webkit-text-stroke: 0.5px #111; }

#sTitle{ font-weight: bold;}

#greeting .who .ctnBox .txtBox .title,
#greeting .location .tabBox li button{ font-family: var(--Score);  font-weight: bold;}

#cmb .info .txtBox .title{ font-weight: 500; margin-left: -5px;}
#cmb .info .txtBox .title span{ font-weight: 800; margin-left: 3px;}

.pmd .linkBox{ display:flex; justify-content: flex-start; flex-wrap:wrap; gap:38px; }
.pmd .linkBox li{ position: relative; width: calc((100% - 152px) / 5); height: 350px; border: 1px solid #E9E9E9; }
.pmd .linkBox li .bg{ position: relative; position: absolute; width: 100%;  height: 100%; overflow: hidden; opacity: 0; transition:all 0.7s; }
.pmd .linkBox li .bg img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left:50%; min-width:100%; min-height:100%; object-fit:cover; }
.pmd .linkBox li a{ position: absolute; top: 0; left: 0; display:flex; flex-direction:column; justify-content:space-between; width: 100%; height: 100%; padding: 35px 30px 30px;}
.pmd .linkBox li a .txt{ text-transform: uppercase; color:#222; line-height: 1.4; font-weight: bold; font-family:var(--Quan); transition:all 0.7s;}
.pmd .linkBox li a .txt span{ font-size:20px; display:block; margin-bottom: 5px;}
.pmd .linkBox li a .icon{ width: 130px; height: 130px;border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(255, 255, 255, 0.30); backdrop-filter: blur(5px); border-radius:50%;
display:flex; justify-content:center; align-items:center; margin: 0 0 0 auto; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); transition:all 0.7s;}
.pmd .linkBox li.on .bg,
.pmd .linkBox li:hover .bg{ opacity: 1; }
.pmd .linkBox li.on a .txt,
.pmd .linkBox li:hover a .txt{ color:#fff; transition:all 0.3s; }
.pmd .linkBox li:hover a .txt span,
.pmd .linkBox li.on a .txt span{ color:#fff; -webkit-text-stroke: 0.5px #fff;}
.pmd .bottomBox .tabBox li button span{ font-family: var(--Score);}
.pmd .bottomBox .wrapBox{ display:none; }
.pmd .bottomBox .wrapBox.on{ display:block; }
.pmd .bottomBox .itemBox{ display:flex; margin-bottom: 80px;}
.pmd .bottomBox .itemBox .txtBox .item{ padding: 0 0 60px;}
.pmd .bottomBox .itemBox .txtBox .item .title{ font-weight: 600;}
.pmd .bottomBox .itemBox .txtBox .item.type2{ width: 100%; display:flex; padding: 60px 0 0;}
.pmd .bottomBox .itemBox .txtBox .item.type2 .title{ margin: 0 195px 0 0;}
.pmd .bottomBox .supplyBox .title{ text-transform: uppercase; color:#222; line-height: 1.4; font-weight: bold; font-family:var(--Quan); }
.pmd .bottomBox .supplyBox .txt{ margin: 20px 0 45px; color:#222; }
.pmd .bottomBox .supplyBox .logoBox{ display:flex; gap:20px 25px; flex-wrap:wrap; }
.pmd .bottomBox .supplyBox .logoBox figure{ width: calc((100% - 100px) / 5); height: 130px; background: #fff; }
.pmd .bottomBox .supplyBox .logoBox figure img{ transition:all 0.5s; }
.pmd .bottomBox .supplyBox .logoBox figure a{ display:flex; justify-content:center; align-items:center; width: 100%; height: 100%; padding: 20px 50px; }
.pmd .bottomBox .supplyBox .logoBox figure:hover img{ transform:scale(1.2); }
.pmd .bottomBox .supplyBox .title{ font-family: var(--Score); font-weight: 600;-webkit-text-stroke: 0.5px #111;  }

#valve .bottomBox .itemBox .txtBox .item:first-child{ border-bottom: none;}

#contact .btnBox #btnBox .txt{ left: -25px;}

/* footer */
footer #titleBox h1{ line-height: 1.4; }
footer .ctnBox .leftBox .txt a,
footer .ctnBox .rightBox .address{ font-family: var(--Score);}

/*#contact .ctnBox .itemBox.name > div{ width: 100%; }*/
/*#contact .ctnBox .itemBox.name .inputBox input,*/
/*#contact .ctnBox .itemBox .inputBox input{ width: 630px;}*/
/*#contact .ctnBox .itemBox.phone .inputBox select,*/
/*#contact .ctnBox .itemBox.phone .inputBox input{ width: 155px;}*/
/*#contact .ctnBox .itemBox.phone .inputBox span{ width: 15px; height: 1px; background: #ccc;} */
/*#contact .ctnBox .itemBox.email .inputBox select{ width: 250px;}*/
/*#contact .ctnBox .itemBox.email .inputBox input{ width: 200px;}*/
/*#contact .ctnBox .itemBox.spam .inputBox{ margin-bottom: 0; }*/
 

@media screen and (max-width:1200px){
	.pmd .linkBox{ gap:30px; }
	.pmd .linkBox li{ width: calc((100% - 60px) / 3);}
	.pmd .bottomBox .itemBox .txtBox .item{ padding: 0 0 30px;}
	.pmd .bottomBox .itemBox .txtBox .item.type2{ padding: 30px 0 0;}
	.pmd .bottomBox .itemBox .txtBox .item.type2 .title{ margin-right: 50px;}
	.pmd .bottomBox .supplyBox .logoBox figure{ height: 100px;}
	.pmd .bottomBox .supplyBox .logoBox figure a{ padding: 20px;}

/*	#contact .ctnBox .itemBox.name div:first-child{ border-bottom: none;}*/
/*	#contact .ctnBox .itemBox.name .inputBox input,*/
/*	#contact .ctnBox .itemBox .inputBox input{ width: 100%;}*/
/*	#contact .ctnBox .itemBox.phone .inputBox select,*/
/*	#contact .ctnBox .itemBox.phone .inputBox input{ width: calc(100% / 3);}*/
/*	#contact .ctnBox .itemBox.email .inputBox select{ width: 250px;}*/
/*	#contact .ctnBox .itemBox.email .inputBox input{ width: calc(50% - 17.5px);}*/
}
@media screen and (max-width:960px){
	/* common */
	#btnBox, 
	.main .about #btnBox{ margin-left: 30px;}
	#btnBox .txt, 
	.main .about #btnBox .txt{ left: -30px;}

	/* header */
	#allMenu .gnbWrap #gnb .depth2{ gap:20px; }

	/* sub */
	#greeting .location .tabBox{ gap:20px; }

	.pmd .linkBox{ gap:30px 20px; }
	.pmd .linkBox li{ width: calc((100% - 20px) / 2); height: 250px;}
	.pmd .linkBox li a{ padding: 20px; }
	.pmd .linkBox li a .txt{ font-size:17px; }
	.pmd .linkBox li a .icon{ width: 100px; height: 100px; }
	.pmd .linkBox li a .icon img{ height: 50%;}
	.pmd .bottomBox .itemBox .txtBox .item.type2 .title{ margin: 0 0 20px 0;}
	.pmd .bottomBox .itemBox .txtBox .item.type2{ flex-direction:column;  }
	.pmd .bottomBox .supplyBox .logoBox{ gap:20px; }
	.pmd .bottomBox .supplyBox .logoBox figure{ width: calc((100% - 20px) / 2); overflow: hidden;}
	.pmd .bottomBox .supplyBox .logoBox figure a{ padding: 10px;}
	.pmd .bottomBox .supplyBox .logoBox figure:hover img{ transform:scale(1.1); }

/*	#contact .ctnBox .itemBox.phone .inputBox{ align-items:center; }*/
/*	#contact .ctnBox .itemBox.email .inputBox select{ width: 100%;}*/
}