
/*인트로*/
.home-intro-page{height:100%;overflow:hidden;position:relative;z-index:99999999999999999999;}
.home-intro-page a { -webkit-tap-highlight-color:transparent; }
.home-intro-page .save-link{position:relative;float:left;width:50%;height:100vh;background:url('/theme/save/img/intro-back-save.jpg') center center no-repeat;background-size:cover;}
.home-intro-page .glo-link{position:relative;float:left;width:50%;height:100vh;background:url('/theme/save/img/intro-back-global.jpg') center center no-repeat;background-size:cover;}
.home-intro-page .save-link .hover-back{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(53,144,145,0.4);z-index:100;}
.home-intro-page .glo-link .hover-back{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(121,82,179,0.4);z-index:100;}
.home-intro-page .save-link:hover .hover-back{display:block;}
.home-intro-page .glo-link:hover .hover-back{display:block;}
.home-intro-page .company{padding:50px;}
.home-intro-page .company a{position:relative;display:block;width:100%;height:100%;text-align:center;z-index:200;}
.home-intro-page .company img.intro-logo{display:block;margin:30% auto 30% auto; width:auto; height:150px; object-fit:contain;}
.home-intro-page .company span{font-family:  's-core-dream';color:#fff;font-size:36px;font-weight:200;line-height:50px;vertical-align:middle;word-break:keep-all;}
.home-intro-page .company span strong{font-weight:600;}
.home-intro-page .company span.web-go{display:inline-block;height:52px;line-height:52px;font-size:20px;padding:0 30px;border:1px solid #fff;border-radius:30px;margin-left:20px;}
@media screen and (max-width:1300px) {
	.home-intro-page .company img.intro-logo{width:100%;margin:30% auto 15% auto;}
	.home-intro-page .company span{font-size:30px;}
	.home-intro-page .company span.web-go{font-size:18px;display:block;height:auto;padding-top:10px;padding-bottom:10px;line-height:1.4;margin-top:30px;}
}
@media screen and (max-width:960px) {
	.home-intro-page .company img.intro-logo{margin:20% auto 30px auto;}
	.home-intro-page .company span{line-height:1.3;}
	.home-intro-page .company span strong{display:block;}
}
@media screen and (max-width:640px) {
	.home-intro-page{display:flex;flex-direction:column;justify-content:center;}
	.home-intro-page .save-link{float:none;width:100%;height:50vh;}
	.home-intro-page .glo-link{float:none;width:100%;height:50vh;}
	.home-intro-page .company{padding:0;}
	.home-intro-page .company a{position:relative;padding-top:13%;}
	.home-intro-page .company img.intro-logo{width:300px;margin:0 auto 20% auto;}
	.home-intro-page .company span{font-size:20px;}
	.home-intro-page .company span.cp-txt{position:absolute;width:280px;left:50%;margin-left:-140px;bottom:38%;}
	.home-intro-page .company span.web-go{position:absolute;width:250px;left:50%;margin-left:-125px;bottom:20%;font-size:15px;border:none;}
	.home-intro-page .company.save-link span.web-go{background:rgba(53,144,145,0.4);}
	.home-intro-page .company.glo-link span.web-go{background:rgba(121,82,179,0.4);}
}
@media screen and (max-width:320px) {
	.home-intro-page .company img.intro-logo{width:250px;margin:0 auto 20% auto;}
}



 /*지도 카카오지도로 교체*/
.g_map .root_daum_roughmap_landing{width:100%; height:300px;}
.g_map .root_daum_roughmap .wrap_controllers{display:none;}
.g_map .wrap_btn_zoom{display:none !important;}
@media screen and (max-width:640px){
	.g_map{height:200px !important;}
	.g_map .root_daum_roughmap_landing{height:200px;}
}







/*footer*/
#footer{clear:both; width:100%; margin:0; padding-top:70px; padding-bottom:70px; background-color:#282828;}
#footer:after{ content:""; display:block; clear:both;}
#footer .copy_bar{display:flex; justify-content:space-between; align-items:center; width:100%; text-align:left; border-bottom:1px solid #5c5c5c;padding-bottom:15px;}
#footer .copy_bar .copy_tel{display:flex; gap:30px;}
#footer .copy_bar .copy_tel .item{display:flex; align-items: center;}
#footer .copy_bar .copy_tel span{display:inline-block; font-family:'Pretendard' , sans-serif; font-size:20px; line-height:30px; color:#fff; font-weight:600;}
#footer .copy_bar .copy_tel .anchor{display:inline-block; margin-left:10px; font-family:'Pretendard' , sans-serif; font-size:30px; line-height:1.1; color:#fff; font-weight:600;}
#footer .copy_bar .copy_tel .group.n1 span{width:110px;}
#footer .copy_bar .copy_menu {position:relative; padding-top:50px;}
#footer .copy_bar .copy_menu .anchor{display:inline-block; margin-right:10px; color:#fff; font-family:'Pretendard', sans-serif; font-size:16px; word-break:keep-all;}
#footer .copy_bar .copy_menu .anchor:hover{color:#6cad70;}
#footer .copy_bar .copy_menu .anchor:last-child{margin-right:0;}
#footer .copy_area{position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:20px;}
#footer .copyright{font-family:'Pretendard' , sans-serif; width:100%; padding-top:10px;}
#footer .copyright span{display:inline-block; color:#8a8a8a; margin-right:15px; word-break: keep-all;}
#footer .copyright span strong{font-weight:400; color:#fff;}
#footer .copyright span.company_name{display:block; margin-right:0; margin-bottom:10px; color:#fff;}
#footer .copyright span.copy{display:block; margin-top:20px;}
#footer .copyright .pc_br{display:block;}
@media screen and (max-width:1200px){
	#footer{padding-top:50px; padding-bottom:50px;}
	#footer .copy_bar .copy_tel span{font-size:20px;}
	#footer .copy_bar .copy_tel .anchor{font-size:30px;}
}
@media screen and (min-width:1101px){
	/*#footer .copy_bar .copy_tel .group.fax .anchor{margin-top:20px;}*/
}
@media screen and (max-width:1100px){
	#footer .copy_bar{display:block; text-align:center; border-bottom:none;}
	#footer .copy_bar .copy_tel span{display:inline-block; font-size:18px; line-height:28px; vertical-align: top;}
	#footer .copy_bar .copy_tel .anchor{display:inline-block; margin-top:0; margin-left:10px; font-size:25px; line-height:28px; vertical-align: top;}
	#footer .copy_bar .copy_menu{margin-top:10px; padding-top:0;}
	#footer .copy_bar .copy_tel{justify-content: center;}
}
@media screen and (max-width:1000px){
	#footer .copyright .pc_br{display:none;}
}
@media screen and (max-width:640px){
	#footer{padding-top:40px; padding-bottom:40px;}
	#footer .copy_bar .copy_menu{margin-top:5px;}
	#footer .copy_bar .copy_menu .anchor{font-size:14px;}
	#footer .copy_area{padding-top:0;}
	#footer .copyright span.company_name{margin-bottom:0;}
	#footer .copyright span{display:block; margin-right:0;}
	#footer .copy_bar .copy_tel{display:block; gap:0;}
	#footer .copy_bar .copy_tel .group.fax{margin-top:10px;}
	#footer .copy_bar .copy_tel span{display:block;}
	#footer .copy_bar .copy_tel .item{justify-content: center;}
	#footer .copy_bar .copy_tel .group.fax span{width:70px;}
}






/*서브 수정*/
.tbr.type02 td{text-indent:0;}
@media screen and (max-width:1100px){
	.tbr.type02{margin-left:0; margin-right:0;}
}



/*technical/01.php 전기절전의 원리 상호유도 리액터 세부공정*/
.list.step{margin-top:70px;}
.list.step .title{display:block; width:280px; margin-left:auto; margin-right:auto; padding: 10px 0; font-size:20px; color:#fff; font-weight:700; background-color:#287e7f; text-align:center; border-radius:30px; letter-spacing: -0.05em;}
.list.step .ul{display:flex; margin-top:30px;}
.list.step .li{position:relative; width:calc((100% - 90px)/4); margin-right:30px;}
.list.step .li:nth-child(4n){margin-right:0;}
.list.step .li::before{position:absolute; width:10px; height:16px; right:-20px; top:50%; transform: translateY(-50%); content:''; background:url('../img/list_step_arrow.png') no-repeat center center / contain;}
.list.step .li:last-child::before{display:none;}
.list.step .li .image img{display:block; width:100%;}
.list.step .li .txt{display:flex; height:100px; padding:0 20px; background:#f8f8f8; justify-content: center; align-items: center;}
.list.step .li .num{width:80px; font-size:40px; font-weight:600; color:#287e7f;}
.list.step .li .desc{width:calc(100% - 80px); padding-left:15px; font-size:20px; line-height:1.4; word-break: keep-all;}
@media screen and (max-width:1200px){
	.list.step .ul{flex-wrap:wrap; max-width:700px; margin-left:auto; margin-right:auto;}
	.list.step .li{width:calc((100% - 30px)/2);}
	.list.step .li:nth-child(even){margin-right:0;}
	.list.step .li:nth-child(+n+3){margin-top:30px;}
}
@media screen and (max-width:640px){
	.list.step .li .txt{height:70px;}
	.list.step .li .num{width:40px; font-size:25px;}
	.list.step .li .desc{width:calc(100% - 40px); padding-left:10px; font-size:18px;}
}
@media screen and (max-width:500px){
	.list.step .ul{display:block; max-width:300px;}
	.list.step .li{width:100%;}
	.list.step .li:nth-child(+n+2){margin-top:30px;}
	.list.step .li::before{width:16px; height:10px; right:50%; transform: translateX(50%); top:auto; bottom:-20px;  content:''; background:url('../img/list_step_arrow_ro.png') no-repeat center center / contain;}
	.list.step .li .txt{height:60px;}
	.list.step .li .desc br{display:none;}
}




/*technical/05.php 설비 및 제조공정*/
.process_box{}
.process_box .ul{display:flex; flex-flow: wrap row; justify-content: center; align-items: center;}
.process_box .li{position:relative; display:flex; justify-content:center; align-items: center; width:200px; margin:20px 40px; height:50px; border-radius:40px; background-color:#287e7f;}
.process_box .li::before{position:absolute; width:14px; height:22px; right:-45px; top:50%; transform: translateY(-50%); content:''; background:url('../img/ico_arrow.png') no-repeat center center / contain;}
.process_box .li:last-child::before{display:none;}
.process_box span{display:block; font-size:18px; color:#fff; line-height:1.2; font-weight:800; word-break: keep-all;}
@media screen and (max-width:1200px){
	.process_box .li{margin:10px 20px;}
	.process_box .li::before{right:-28px;}
}
@media screen and (max-width:768px){
	.process_box .li{width:calc((100% - 40px)/2); height:40px; margin-right:20px; margin-left:0;}
	.process_box .li::before{width:10px; height:16px; right:-15px;}
	.process_box span{font-size:16px;}
}
@media screen and (max-width:640px){
	.process_box span{font-size:15px;}
}


.list2.step{margin-top:70px;}
.list2.step .title{display:block; width:280px; margin-left:auto; margin-right:auto; padding: 10px 0; font-size:20px; color:#fff; font-weight:700; background-color:#287e7f; text-align:center; border-radius:30px; letter-spacing: -0.05em;}
.list2.step .ul{display:flex; flex-flow:wrap row; margin-top:30px;}
.list2.step .li{position:relative; width:calc((100% - 100px)/3); margin-right:50px;}
.list2.step .li:nth-child(3n){margin-right:0;}
.list2.step .li:nth-child(+n+4){margin-top:50px;}
.list2.step .li::before{position:absolute; width:10px; height:16px; right:-30px; top:50%; transform: translateY(-50%); content:''; background:url('../img/list_step_arrow.png') no-repeat center center / contain;}
.list2.step .li:last-child::before{display:none;}
.list2.step .li .image img{display:block; width:100%;}
.list2.step .li .txt{display:flex; height:100px; padding:0 20px; background:#f8f8f8; justify-content: center; align-items: center;}
.list2.step .li .num{width:60px; font-size:40px; font-weight:800; color:#287e7f;}
.list2.step .li .desc{width:calc(100% - 60px); padding-left:15px; font-size:16px; line-height:1.4; word-break: keep-all;}
.list2.step .li .desc strong{display:block; font-size:20px; font-weight:800;}
@media screen and (max-width:1000px){
	.list2.step .li{width:calc((100% - 60px)/3); margin-right:30px;}
	.list2.step .li:nth-child(+n+4){margin-top:30px;}
	.list2.step .li .num{width:40px; font-size:25px;}
	.list2.step .li .desc{width:calc(100% - 40px); padding-left:10px;}
	.list2.step .li::before{right:-20px;}
	.list2.step .li .desc{font-size:15px;}
	.list2.step .li .desc strong{font-size:18px;}
}
@media screen and (max-width:768px){
	.list2.step .li{width:calc((100% - 30px)/2);}
	.list2.step .li:nth-child(3n){margin-right:30px;}
	.list2.step .li:nth-child(even){margin-right:0;}
	.list2.step .li:nth-child(+n+3){margin-top:30px;}
}
@media screen and (max-width:500px){
	.list2.step .ul{display:block; max-width:300px; margin-left:auto; margin-right:auto;}
	.list2.step .li{width:100%;}
	.list2.step .li:nth-child(+n+2){margin-top:30px;}
	.list2.step .li::before{width:16px; height:10px; right:50%; transform: translateX(50%); top:auto; bottom:-20px;  content:''; background:url('../img/list_step_arrow_ro.png') no-repeat center center / contain;}
}




/*정부지원사업*/
.smartpactory .section_label{margin-bottom:20px;}
.smartpactory .section_label span{display:inline-block; padding:10px 30px; font-size:20px; line-height:1.2; font-weight:800; background-color:#287e7f; border-radius:30px; color:#fff;}
.pc-top-intro .mc-tit.type02{margin-bottom:10px;}

.smartpactory .item{margin-top:80px;}
.smartpactory .group{margin-top:30px;}
.smartpactory .group .dot{position:relative; margin-top:10px; padding-left:12px;}
.smartpactory .group .dot::before{position:absolute; width:3px; height:3px; left:0; top:12px;  content:''; background:#3d3d3d; border-radius:100%;}
.smartpactory .group .dot strong{display:block; font-weight:800;}
.smartpactory .item.process .ul{display:flex; flex-flow: wrap row; margin-top:15px;}
.smartpactory .item.process .li{width:calc((100% - 40px)/3); margin-right:20px; border:1px solid #ccc;}
.smartpactory .item.process .li:nth-child(3n){margin-right:0;}
.smartpactory .item.process .li:nth-child(+n+4){margin-top:20px;}
.smartpactory .item.process .li .step{display:flex; align-items:center; justify-content: center; height:60px; padding-left:20px; padding-right:20px; text-align:center; background-color:#eee;}
.smartpactory .item.process .li .step p{font-size:20px; font-weight:800; color:#000;}
.smartpactory .item.process .li .step p span{color:#287e7f;}
.smartpactory .item.process .li .txt{padding:15px 20px;}
.smartpactory .item.n5{position:relative; padding-right:400px;}
.smartpactory .item.n5::before{position:absolute; width:363px; height:303px; right:0; top:50%; transform: translateY(-50%);  content:''; background:url('../img/content11_img01.png') no-repeat center center / contain;}

.smartpactory .item.n6 .tbr{max-width:100%; margin:15px 0 0 0;}
.smartpactory .item.n6 .tbr tr th:last-child{border-right:none;}
.smartpactory .item.n6 .tbr tr td{padding:15px; border-right:1px solid #ccc;}
.smartpactory .item.n6 .tbr tr td{word-break: keep-all;}
.smartpactory .item.n6 .tbr tr td:last-child{border-right:none;}
.smartpactory .item.n6 .tbr tr td.left{text-align:left;}
.smartpactory .item.n6 .tbr tr td .desc{position:relative; padding-left:10px; font-size:1em;}
.smartpactory .item.n6 .tbr tr td .desc::before{position:absolute; width:3px; height:3px; left:0; top:12px;  content:''; background:#3d3d3d; border-radius:100%;}
@media screen and (max-width:1200px){
	.smartpactory .item.process .li .step{height:75px;}
	.smartpactory .item.process .li .step p span{display:block;}
}
@media screen and (max-width:1000px){
	.smartpactory .item.process .li{width:calc((100% - 20px)/2);}
	.smartpactory .item.process .li:nth-child(3n){margin-right:20px;}
	.smartpactory .item.process .li:nth-child(even){margin-right:0;}
	.smartpactory .item.process .li:nth-child(+n+3){margin-top:20px;}
	.smartpactory .item.n5{padding-right:280px;}
	.smartpactory .item.n5::before{width:250px; height:209px;}
}
@media screen and (max-width:640px){
	.smartpactory .group{margin-top:15px;}
	.smartpactory .group p{font-size:15px;}
	.smartpactory .group .dot{margin-top:7px; padding-left:10px;}
	.smartpactory .group .dot::before{top:10px;}
	.smartpactory .section_label span{padding:8px 25px; font-size:18px;}
	.smartpactory .item{margin-top:60px;}
	.smartpactory .item.process .li{width:100%; margin-right:0;}
	.smartpactory .item.process .li:nth-child(3n){margin-right:0;}
	.smartpactory .item.process .li:nth-child(even){margin-right:0;}
	.smartpactory .item.process .li:nth-child(+n+2){margin-top:10px;}
	.smartpactory .item.process .li .step{height:auto; padding-top:10px; padding-bottom:10px;}
	.smartpactory .item.process .li .step p{font-size:17px;}
	.smartpactory .item.process .li .step p span{display:inline-block;}
	.smartpactory .item.process .li .txt{padding:10px 15px; text-align:center;}
	.smartpactory .item.process .li .txt p{font-size:15px;}
	.smartpactory .item.n5{padding-right:180px;}
	.smartpactory .item.n5::before{width:150px; height:125px; top:auto; bottom:10px; transform: translateY(0);}
	.smartpactory .item.n6 .tbr{margin-top:0;}
	.smartpactory .item.n6 .tbr tr td .pc_br{display:none;}
}
@media screen and (max-width:500px){
	.smartpactory .item.n5{padding-right:0;}
	.smartpactory .item.n5::before{opacity:0.3; bottom:-30px; z-index: -1;}
}



/*인사말*/
.greeting_box_txt br{display:none;}
@media screen and (max-width:640px){
	.greeting_box_txt br{display:block;}
}