/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1745470286
Updated: 2025-04-24 04:51:26

*/
#cursorPointer
{position:fixed; left:0; top:0; z-index:999; pointer-events:none; transition:all 0s ease;}
.cursor-inner 
{position:fixed; width:2rem; height:2rem; top:0;  border-radius:50%;  border:2px solid #fff; display:inline-block; transform:translate(-50%, -50%); pointer-events:none;  opacity:0; }
.cursor-inner i
{background-position:center; background-repeat:no-repeat; width:100%; height:100%; display:inline-block; display:none;}
#cursorPointer.on
{opacity:1; mix-blend-mode:difference;;}
#cursorPointer.on .cursor-inner
{width:7rem; height:7rem; opacity:1; background-color:#fff; transition: all .3s ease;}

/* 메인 인트로 */
#mainIntroCon 
{background-size:cover; background-repeat:no-repeat;}
.main-intro-section 
{padding:32rem 0 22rem;}
.main-intro-section .intro-section
{position:relative;}
.main-intro-section .intro-top-tit 
{text-align:right; position:absolute; top:-13rem; right:0;}
.main-intro-section .intro-top-tit h2
{font-size:9rem; color:#fff; font-weight:400; line-height:1}
.main-intro-section .intro-tit-con
{margin-bottom:10rem;}
.main-intro-section .intro-tit-con .sub-tit 
{position:relative; font-size:2rem; color:#fff; display:inline-block; font-weight:800;}
.main-intro-section .intro-tit-con .sub-tit:before
{content:''; position:absolute; width:70%; left:110%; background:#fff; height:1px; top:50%;}
.main-intro-section .intro-tit-con .tit
{font-size:3.6rem; color:#fff; font-weight:700; line-height:1; margin-top:3rem;}
.main-intro-con 
{display:flex; flex-wrap:wrap; position:relative;}

.main-intro-con.main-company-con 
{height:60rem;}
.main-intro-con .intro-img 
{ position: relative; ;width:72.892%; height:0%; overflow:hidden; transition: all 1.5s ease;}

.main-intro-con .intro-img .img
{position: absolute; width:100%; height:100%; border-radius:25px; overflow:hidden;  }
.main-intro-con .intro-txt-con 
{position:absolute; right:0; top:37%;}
.main-intro-con .intro-txt-con h1
{font-size:16rem; color:#ffffff30; font-weight:700;transition:all 0.5s 0.5s ease;}
.main-intro-con .intro-txt-con .intro-txt 
{padding-top:11rem; text-align:right;}
.main-intro-con .intro-txt-con .intro-txt a
{border:1px solid #fff; font-size:2.1rem; color:#fff; font-weight:400; width:31rem; display:inline-block; border-radius:50px; text-align:center; padding:2rem 0; transition:all 0.3s ease;}
.main-intro-con .intro-txt-con .intro-txt a i
{ transition:all 0.3s ease;}
.main-intro-con .intro-txt-con .intro-txt p
{font-size:2.4rem; color:#fff; font-weight:400; margin-top:10rem;}
.main-intro-con .intro-txt-con .intro-txt a:hover 
{background:var(--main-color);}
.main-intro-con .intro-txt-con .intro-txt a:hover i
{transform:translateX(10px);}

.main-product-con 
{margin:0 -2rem;}
.main-product-con .main-prd-list 
{display:flex; justify-content: end; width:100%;;}
.main-product-con .main-prd-list .prd-item 
{position:relative; margin:0 2rem; border:1px solid #fff; border-radius:25px; overflow:hidden;}
.main-product-con .main-prd-list .prd-item .prd-name
{position:absolute; bottom:0; width:100%; text-align:center; font-size:2.4rem; color:#fff; font-weight:400; font-family:'nanumsquare'; padding:4rem; }
.main-product-con .main-prd-list .prd-item .overlay-txt 
{opacity:0; visibility:hidden; position:absolute; width:100%; height:100%; background:#1a334291; top:0; left:0; border-radius:25px; display:flex; justify-content: center; align-items: center; transition: all 0.5s ease;;}
.main-product-con .main-prd-list .prd-item .overlay-txt span
{background:#ffffff4f; width:22rem; padding:2rem; font-size:1.8rem; border-radius:50px; color:#fff; display:flex; justify-content: center; align-items: center;}

.main-product-con .main-prd-list .prd-item:hover .prd-name 
{transform:translateY(100px)}
.main-product-con .main-prd-list .prd-item:hover .overlay-txt 
{opacity:1; visibility:visible;}

.main-intro-section .intro-section.reverse
{margin-top:62rem;}
.main-intro-section .intro-section.reverse .intro-top-tit 
{text-align:left; left:0; right:auto;}
.main-intro-section .intro-section.reverse .intro-top-tit h2
{font-size:8.6rem; font-weight:400;}
.main-intro-section .intro-section.reverse .intro-top-tit h2 strong
{font-weight:600;}
.main-intro-section .intro-section.reverse .intro-tit-con 
{text-align:right;}
.main-intro-section .intro-section.reverse .intro-tit-con .sub-tit:before
{right:110%; left:auto;}

.animated.intro-img
{height:100%;}
.intro-txt-con h1.animated
{color:#fff;}


.main-map-con 
{width:100%; height:580px; overflow:hidden}
.main-location-info-con 
{position:absolute; width:100%; top:0;}
.main-location-info-box
{background:#1a3342eb; width:40rem; transform:translateY(-22px);}
.main-location-wrapper 
{padding:60px 40px;}
.main-location-info-box .top-con h4
{font-size:3rem; color:#fff; font-weight:700; margin-bottom:4rem;}
.main-location-info-box .top-con b
{font-size:2rem; color:#fff; margin-bottom:0.5rem; display:block;}
.main-location-info-box .top-con p
{font-size:2rem; color:#fff; font-weight:400;}
.main-location-info-box .bottom-con 
{padding-top:2rem; margin-top:2rem; border-top:1px solid #ffffff2e}
.main-location-info-box .bottom-con dl
{display:flex; align-items: center;;}
.main-location-info-box .bottom-con dl dt
{font-size:2rem; color:#fff; font-weight:700; margin-right:2rem;}
.main-location-info-box .bottom-con dl dd
{font-family:'NanumSquare'; font-size:1.8rem; color:#fff; font-weight:400;}
.main-location-info-box .bottom-con a
{display:flex; justify-content: center; border:1px solid #fff; margin-top:2rem; padding:2rem; text-align:center; font-size:1.8rem; color:#fff; font-weight:500; border-radius:50px;  transition:all 0.3s ease;;}
.main-location-info-box .bottom-con a i
{margin-left:1rem;  transition:all 0.3s ease;;}
.main-location-info-box .bottom-con a:hover 
{background:#fff; color:#000}
.main-location-info-box .bottom-con a:hover i
{transform:translateX(10px);}

.main-company-txt-con 
{text-align:center;}
.main-company-txt-con h2
{font-size:8rem; color:#fff; font-weight:700;}
.main-company-txt-con p
{font-size:3.2rem; color:#fff; font-weight:300}
.main-company-txt-con a
{display:inline-flex; justify-content: center; align-items: center; width:33rem; border:1px solid #fff; border-radius:50px; margin-top:3rem; padding:2rem; font-size:2.1rem; color:#fff; font-weight:400; transition:all 0.3s ease;;}
.main-company-txt-con a i
{ transition:all 0.3s ease;;}
.main-company-txt-con a:hover
{background:var(--main-color);;}
.main-company-txt-con a:hover i
{transform:translateX(10px);}

.footer-con 
{display:flex; align-items:center;}
.footer-con .f-logo 
{background-image:url('/wp-content/uploads/2025/04/logo_w.png'); width:77px; height:70px; background-position:center; background-repeat:no-repeat;}
.footer-con .f-detail-con 
{width:70%; margin-left:21rem;}
.footer-con .f-detail-con .detail-row
{display:flex; width:100%;}
.footer-con .f-detail-con .detail-row dl
{display:flex; align-items:center; margin-right:5rem;}
.footer-con .f-detail-con .detail-row dl dt
{font-size:1.6rem; color:#fff; font-weight:700; margin-right:3rem; text-transform:uppercase}
.footer-con .f-detail-con .detail-row dl dt a
{color:#fff;}
.footer-con .f-detail-con .detail-row dl dd
{font-size:1.6rem; color:#fff; font-weight:300;}

#subContent
{padding:15rem 0; background:rgb(231, 231, 231);}
#subContent.subCustomer
{background:#fff;}
#subContent.subTechnology 
{background:#000; padding:0;}

.sub-title-con 
{text-align:center; margin-bottom:8rem;}
.sub-title-con h2
{font-family:'NanumSquare'; font-size:4.8rem; color:#000; font-weight:800;}

/* 인사말 */
.sub-intro-banner h1
{font-size:4rem; font-weight:800; color: var(--main-color); overflow:hidden;}
.sub-intro-banner h1 span {line-height:1; display:inline-block;}
.sub-intro-banner h2
{font-size:6rem; font-weight:800; color:#050505; margin-top:1rem;}
.sub-intro-banner h2 strong
{ font-size:5rem; font-weight:700; color:#fff; background:var(--main-color); padding:0 2rem; border-radius:10px 0;}
.sub-intro-banner h5
{font-family:'NanumSquare'; font-size:2.6rem; color:#696969; font-weight:700; margin-top:2rem;}
.greeting-con 
{display:flex; flex-wrap:wrap; margin-top:8rem;}
.greeting-txt-con 
{width:55%; margin:3rem 0;}

.greeting-txt-con h2 strong 
{color:#000; font-weight:700;}
.greeting-txt-con p
{font-size:2.1rem; color:#333; margin-bottom:3rem;}
.greeting-img-con 
{position:relative; overflow:hidden; width:40%; margin-left:5%; border-radius:20px;}
.greeting-img-con .greeting-img-on 
{position:absolute; left:0; top:0; z-index:99; opacity:0; animation: image-fade 5.0s ease-in-out infinite;}
.greeting-img-bar 
{position:absolute; width:120%; height:3px; top: -5%;background:#ffffff08; z-index:999; top:0%; box-shadow:6px 8px 9px #ffffffab; left:-10%; animation: image-scan 5.0s ease-in-out infinite;}
.greeting-img-bar .bar
{position:absolute; left:0; width:100%;  display:block; transform:scale(0);  animation:image-scan-bar 5.0s ease-in-out;}




@keyframes image-scan-bar {
	0% {
		    transform: scale(0) rotate(0) ;
	}
	12% {
		    transform: scale(1.0) rotate(0) ;
	}
	88% {
		    transform: scale(1.0) rotate(0) ;
	}
	100% {
		    transform: scale(0) rotate(0) ;
	}
}
@keyframes image-scan {
	0% {
		top: -5%;
		opacity: 1;
	}
	
	88% {
		top: 100%;
		opacity: 1;
	}
	95%{
		top: 100%;
		opacity: 1;
	}
	100% {
		top: 100%;
		opacity: 0;
	}

}@keyframes image-fade {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
	}

  30% {
    opacity:0;
  }
	88% {
		opacity: 1;
	}
	95%{
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* 연혁 */
#subContent.subHistory 
{padding: 0;}
.history-top-con
{position:relative; height:57rem;}
.history-top-con .bg-img 
{width:100%; height:100%; position:absolute;  background-repeat:no-repeat; background-position:center;}
.history-top-con .txt-con
{position:relative; width:100%; height:100%; background:rgba(0,0,0,0.64); backdrop-filter:blur(20px); padding:5rem; z-indeX:9; display:flex; align-items: center; justify-content: center; overflow:hidden}
.history-top-con h2
{font-size:5.2rem; font-weight:500; color:#fff; margin-bottom:5rem; text-align:center; margin-bottom:10rem;}
.history-top-con h1
{font-size:19rem; position:absolute; line-height:0.7; bottom:0; color:#ffffff0f; font-weight:800;}
.history-banner-con 
{width:100%; height:30rem; background:#fff;}
.history-content 
{padding:15rem 0;}
.history-list-con .history-list 
{display:flex; flex-wrap:wrap; margin:0rem -1rem ;}
.history-list-con .history-list .item
{width:calc(calc(100% / 3) - 2rem); border-radius:10px; padding:5rem; background:#fff; margin:1rem; min-height:25rem; box-shadow:13px 13px 33px #00000017;}
.history-list-con .history-list .years
{font-size:3rem; font-weight:700; color:#000;}
.history-list-con .history-list .txt-con 
{margin-top:3rem;}
.history-list-con .history-list .txt-con p
{position:relative; font-size:1.8rem; padding-left:2rem; margin:1rem 0; color:#222; font-weight:400; font-family:'Pretendard';}
.history-list-con .history-list .txt-con p:before
{content:''; position:absolute; left:0; width:0.5rem; height:0.5rem; background:#222; top:9px; border-radius:50%;}
/* .history-list-con .history-list .item
{background:#222;}
.history-list-con .history-list .item .years
{color:#fff;}
.history-list-con .history-list .item .txt-con p
{ color:#ffffffb8; }
.history-list-con .history-list .item .txt-con p:before
{background:#ffffffb8} */


/* 오시는길 */
.sub-location-con 
{display:flex; flex-wrap:wrap}
.sub-location-con .left-con 
{width:47%; margin-right:3%;}
.sub-location-con .right-con 
{width:50%;}
.sub-location-con .detail-con h2 
{font-size:5rem; color:#313131; font-weight:800;}
.sub-location-con .detail-con ul
{margin-top:5rem; padding:3rem; background:#232323; border-radius:10px;}
.sub-location-con .detail-con ul li 
{font-size:1.8rem; color:#fff; margin:1rem 0;}
.sub-location-con .detail-con ul li i
{color:#ababab; margin-right:1rem;}
.sub-location-con .link-con
{margin-top:3rem; display:none;}
.sub-location-con .link-con ul
{display:flex; justify-content:space-between;}
.sub-location-con .link-con ul li
{width:32%; text-align:center;}
.sub-location-con .link-con ul li a
{display:block; font-size:1.8rem; padding:2rem; background:#000; color:#fff; border-radius:5px; transition:all 0.3s ease;}

.sub-location-con .link-con ul li a.kakao
{background:#f1db00; color:#000;}
.sub-location-con .link-con ul li a.naver
{background:#168d4a;}
.sub-location-con .link-con ul li a.google
{background:#b14545;}
.sub-location-con .link-con ul li a:hover 
{text-decoration:underline}


.technology-con
{position:relative;}


.tech-bg-con
{position:absolute; width:100%; height:100%;}
.tech-bg
{content:''; background-position:bottom; background-repeat:no-repeat;  position:absolute; bottom:0; right:0; opacity:0; width:100%; height:100%; transform:translateY(-100px);}
.tech-bg.animated 
{transform:none; opacity:0.2; transition:all 2s ease;}

.tech-bg01
{ width:100%; height:100%; background-position:bottom;}
.tech-bg02
{ width:100%; height:89.6rem; background-position:bottom;}
.tech-bg03
{width:932px; height:64.6rem; top:0;}
.tech-bg04
{width:580px; height:53.3rem; top:30%; left:5%;}
.tech-bg05
{width:100%; height:64.6rem; bottom:0; right:0;}


.tech-bg04.animated 
{}
.tech-row 
{position:relative; padding:10rem 0;}


.tech-flex-con 
{display:flex; flex-wrap:wrap;}
.tech-flex-con.reverse
{flex-direction:row-reverse}
.flex-tit-con 
{width:30%;}
.flex-tit-con h2
{font-size:5rem; color:#fff; font-weight:700;}
.flex-des-con 
{width:70%;}
.flex-img-con 
{width:45%; height:30rem; border-radius:10px; overflow:hidden; box-shadow:0px 0px 9px #161616;}
.flex-txt-con 
{width:55%; padding:5rem 0rem 5rem 5rem;}
.reverse .flex-txt-con 
{padding:5rem 5rem 5rem 0}


.sub-tech-banner 
{text-align:center; }
.sub-tech-banner h2
{font-size:5.6rem; color:#fff; font-weight:700;}
.sub-tech-banner p
{font-size:2.4rem; color:#ffffffa8; margin-top:3rem;}
.tech-sub-con 
{padding-bottom:10rem; margin-bottom:10rem; border-bottom:1px solid #ffffff26}
.tech-sub-con:last-child 
{border:none;}

.tech-fusion-list 
{border:1px solid #ffffff33; border-radius:10px; padding:10rem 0; backdrop-filter: blur(5px);;}
.tech-fusion-list .list
{display:flex;}
.tech-fusion-list .item
{width:25%; text-align:center; position:relative;}
.tech-fusion-list .item:after 
{font-family:'xeicon'; position:absolute; right:0; font-size:24px; top:20%; color:#fff; background:#0a151c; width:5rem; height:5rem; display:flex; align-items:center; justify-content: center; border-radius:50%;;}
.tech-fusion-list .item.item1:after
{content:'\e913'}
.tech-fusion-list .item.item2:after,
.tech-fusion-list .item.item3:after
{content:'\e907'}
.tech-fusion-list .img-con
{width:9rem; height:9rem; display:inline-flex; justify-content: center; align-items: center; border-radius:50%; background:var(--main-color);;}
.tech-fusion-list .img-con i
{width:7rem; height:7rem; display:inline-block; background-position:center; background-repeat:no-repeat;}
.tech-fusion-list .txt-con 
{margin-top:2rem;}
.tech-fusion-list .txt-con p
{font-size:2rem; color:#fff;}
.tech-fusion-list .txt-con .eng
{font-size:1.7rem; color:#fff;}
.tech-fusion-txt
{margin-top:3rem;}
.tech-fusion-txt p 
{font-size:2.2rem; color:#ffffffc9; margin:0 0 1rem; text-align:center; font-family:'Pretendard'; font-weight:300;}


.copy-block-tech ul 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.copy-block-tech ul li
{width:30%; padding:3rem 2rem; border:1px solid #ffffff2a; border-radius:10px; background:#00000029; backdrop-filter:blur(10px);}
.copy-block-tech .img-con 
{width:100%; height:12.5rem;}
.copy-block-tech .img-con img
{vertical-align:middle}
.copy-block-tech .txt-con 
{margin-top:2rem;}
.copy-block-tech .txt-con h4
{font-size:2.3rem; color:#fff; margin-bottom:1rem;}
.copy-block-tech .txt-con p
{font-family:'Pretendard'; font-size:1.7rem; color:#ffffffc9; font-weight:300;}

.tech-certifi-row 
{margin:5rem 0;}
.certifi-txt-con h4
{font-size:3rem; color:#fff; font-weight:700; margin-bottom:2rem;}
.certifi-txt-con p
{font-family:'Pretendard'; font-size:2rem; color:#ffffffd9; font-weight:300;}

.tech-sub-tit h4 
{font-size:3rem; color:#fff; font-weight:700; margin-bottom:3rem;}
.tech-sub-tit.ct-tit
{text-align:center;} 
.tech-sub-tit.ct-tit h4 
{font-size:4rem;}
.tech-table-con table tbody > tr > th
{background:var(--main-color); font-size:1.9rem; color:#fff; border-color:#ffffff12; vertical-align: middle; font-weight:500; font-family:'Pretendard'; padding:1rem;;}
.tech-table-con table tbody > tr > td
{font-size:1.7rem; text-align:center; vertical-align: middle; border-color:#ffffff12 !important; color:#fff; background:#111;}
.tech-table-con table tbody > tr > td.bg
{background:#152129;}
.tech-table-con table tbody > tr > td.active
{background:#313e47;}


.tech-adv-list ul 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.tech-adv-list ul li
{width:32%; display:flex; flex-wrap:wrap; align-items:center; background:#111; border-radius:10px; overflow:hidden; box-shadow:5px 5px 15px #080808;}
.tech-adv-list .num
{font-size:2rem; color:#fff; display:inline-flex; justify-content: center; align-items:center; background:var(--main-color); width:8rem; height:100%; }
.tech-adv-list .txt
{font-size:1.8rem; color:#fff; padding:2rem; width:calc(100% - 8rem);}

.tech-box-list .box-list 
{display:flex; flex-wrap:wrap; margin:0 -1rem;}
.tech-box-list .box-list li
{width:calc(calc(100% / 3) - 2rem); padding:5rem; background:#111; margin:1rem; border-radius:10px;}
.tech-box-list .box-list li:nth-child(odd)
{background:var(--main-color);}
.tech-box-list .box-list .tit-con .icon 
{width:6rem; height:6rem; display:inline-block; background-position:center; background-repeat:no-repeat;}
.tech-box-list .box-list .tit-con strong
{font-size:3rem; color:#fff; display:block; margin-top:1rem;}
.tech-box-list .box-list .txt-con 
{margin-top:2rem;}
.tech-box-list .box-list .txt-con p 
{font-family:'Pretendard'; font-size:2rem; font-weight:300; color:#ffffff99;}


.sub-product-con 
{display:flex; flex-wrap:wrap;}
.sub-product-con .img-con 
{width:50%; height:50rem; position:relative; border-radius:10px; overflow:hidden;}
.sub-product-con .img-con .img
{width:100%; height:0%; position:absolute; left:0; border-radius:10px;}
.sub-product-con .img-con.animated .img 
{ height:100%; transition:all 1s ease;}
.sub-product-con .txt-con 
{position:relative; width:50%; padding:3rem 2rem 0rem 5rem; z-index:9;}
.sub-product-con .txt-con:after 
{content:''; position:absolute; width:30rem; height:30rem; background-position:center; background-repeat:no-repeat; background-image:url('/wp-content/uploads/2025/04/symbol_gray.png'); right:0; bottom:0; z-index:-1; animation:rotateItem 15s linear infinite;}
.sub-product-con .txt-con h4
{font-size:4rem; color:var(--main-color); font-weight:800; font-family:'NanumSquare'; margin-bottom:3rem;}
.sub-product-con .txt-con p
{font-size:2rem; margin-bottom:1rem; font-family:'Pretendard';}
.sub-product-con .txt-con .video 
{margin-top:3rem;}
.sub-product-con .txt-con .video a
{display:inline-flex; align-items: center; background:var(--main-color); padding:2rem 5rem; border-radius:5px; color:#fff; font-size:1.7rem; transition:all 0.3s ease;}
.sub-product-con .txt-con .video a i
{margin-left:3px;}
.sub-product-con .txt-con .video a:hover 
{background:#000;}

.sub-inquiry-banner-con
{margin-top:10rem; position:relative;}
.sub-inquiry-banner
{padding:5rem; border-radius:10px; background-color:#000;  }
.sub-inquiry-banner .banner-flex-con 
{display:flex; align-items:center; flex-wrap:wrap;}

.sub-inquiry-banner .left-con 
{width:50%; padding:8rem; position:relative; z-index:9;}
.sub-inquiry-banner h2
{font-size:5rem; color:#fff; font-weight:800;}
.sub-inquiry-banner h4
{font-size:3rem; color:#fff; font-weight:300; margin-top:1rem;}
.sub-inquiry-banner .right-con 
{width:50%; padding:8rem; position:relative; z-index:9;}
.sub-inquiry-banner .inquiry-banner-btn 
{text-align:right;}
.sub-inquiry-banner .inquiry-banner-btn a
{width:35rem; font-size:2.1rem; padding:3rem; color:#fff; background:#2e2e2e; display:inline-flex; justify-content: space-between;; border-radius:10px; margin:20px 0; font-weight:500; text-align:left; transition:all 0.3s ease;}
.sub-inquiry-banner .inquiry-banner-btn a i
{transition:all 0.3s ease;}
.sub-inquiry-banner .inquiry-banner-btn a:hover
{background:#fff; color:#000;}
.sub-inquiry-banner .inquiry-banner-btn a:hover i
{transform:translateX(-10px);}


.certifi-top-con h4
{font-size:3.4rem; color:var(--main-color); font-weight:700; text-align:center;}
.sub-certi-list 
{margin-top:3rem;}
.sub-certi-list ul
{display:flex; flex-wrap:wrap;}
.sub-certi-list ul li
{width:25%; font-size:1.8rem; padding:4rem 2rem; background:var(--main-color); display:flex; flex-direction:column; align-items:center; text-align:center; color:#fff; border-bottom:1px solid #ffffff0d; border-right:1px solid #ffffff0d;}
.sub-certi-list ul li i
{font-size:3.3rem; color:#fff; margin-bottom:1.5rem;}
.sub-gallery-con 
{margin-top:3rem;}



.inquiry-bg-img 
{position:absolute;  background-image:url('/wp-content/uploads/2025/04/inquiry-banner-bg.png'); background-repeat:no-repeat; background-position:center; width:54.5rem; height:43.5rem; z-index:1; left:36%; opacity:0; top:5%;}
.sub-inquiry-banner-con  .inquiry-bg-img.animated 
{opacity:0.3;}

@keyframes rotateItem {
	0% {
		transform:  rotate(0deg);
	}
	100% {
		transform:  rotate(360deg);
	}
}


#inquiry-style05-tbl .write-box 
{display:flex; flex-wrap:wrap; margin:0 -1%}
#inquiry-style05-tbl .write-box dl 
{width:49%; margin:0 0.5% 1%; padding:2rem; border:1px solid #ddd; border-radius:5px; background:#f7f7f7;}
#inquiry-style05-tbl .write-box dl.w100 
{width:100%;}
#inquiry-style05-tbl .write-box dl dt 
{font-size:1.7rem; color:#333; font-weight:700; margin-bottom:0.5rem;}
#inquiry-style05-tbl .write-box dl dd input,
#inquiry-style05-tbl .write-box dl dd textarea 
{background:#fff; padding:1rem; font-size:1.5rem; color:#484848; border-radius:0px; border:1px solid #ddd; font-family:'Pretendard';}
#inquiry-style05-tbl .write-box dl dd textarea 
{height:15rem;}
#inquiry-style05-tbl .write-box dl dd input::placeholder,
#inquiry-style05-tbl .write-box dl dd textarea::placeholder
{color:#999;}
#inquiry-style05-tbl .terms
{}
#inquiry-style05-tbl .terms p
{display:flex; align-items:center;}
#inquiry-style05-tbl .terms p span 
{font-size:1.7rem; margin:0;}
#inquiry-style05-tbl .terms a 
{margin-left:1rem; color:#101010; display:inline-block; border-bottom:2px solid #101010; font-size:1.7rem; padding:0 0.5rem;}
#inquiry-style05-tbl .submit-con
{margin-top:4rem; text-align:center;}
#inquiry-style05-tbl .submit-con input 
{border:none; background:var(--main-color); color:#fff; font-size:1.7rem; padding:1rem 4rem; transition: all 0.3s ease;}
#inquiry-style05-tbl .submit-con input:hover 
{background:var(--main-color);}



@media screen and (max-width:1910px) {
  .history-top-con h1
  {font-size:10rem;}
}
@media screen and (max-width:1280px) {
  /* 메인 */
  .main-intro-section
  {padding:15rem 0 22rem;}
  .main-intro-section .intro-top-tit
  {position:relative; top:0; text-align:left; margin-bottom:5rem;}
  .main-intro-con
  {height:auto;}
  .main-intro-con .intro-img
  {width:100%;}
  .main-intro-con .intro-txt-con
  {position:relative; width:100%; padding:0rem 0; top:0;}
  .main-intro-con .intro-txt-con h1
  {font-size:10rem}
  .main-intro-con .intro-txt-con .intro-txt
  {padding-top:2rem;}
  .main-intro-con .intro-txt-con .intro-txt p
  {margin-top:5rem;}
  .main-intro-section .intro-section.reverse .intro-top-tit h2
  {font-size:6.6rem;}
  /* 푸터 */
  .footer-con .f-detail-con
  {width:90%; margin-left:10rem;}
  .footer-con .f-detail-con .detail-row dl
  {margin-right:2rem;}
  /* 서브 */
  .sub-intro-banner h2
  {font-size:4rem;}
  .sub-intro-banner h5
  {font-size:2rem; font-weight:500;}
  .greeting-con
  {flex-direction:column;}
  .greeting-txt-con
  {width:100%;}
  .greeting-img-con
  {width:100%; margin:0;}
  .greeting-img-con .greeting-img-off,
  .greeting-img-con .greeting-img-off img,
  .greeting-img-con .greeting-img-on,
  .greeting-img-con .greeting-img-on img
  {width:100%;}
  /* 연혁 */
  .history-top-con
  {height:35rem;}
  .history-top-con h2
  {font-size:4.2rem; margin-bottom:5rem;}
  .history-top-con h1
  {font-size:7rem;}
  .history-list-con .history-list .item
  {width:calc(calc(100% / 2) - 2rem)}
  /* 기술소개 */
  .sub-tech-banner h2
  {font-size:4.6rem;}
  .sub-tech-banner p
  {font-size:2.1rem;}
  .tech-fusion-txt p
  {font-size:2rem; text-align:left;}

  .flex-tit-con
  {width:100%; margin-bottom:3rem;}
  .flex-tit-con h2
  {font-size:4rem;}
  .flex-des-con
  {width:100%;}
  .copy-block-tech ul li
  {width:32%;}

  .flex-img-con
  {height:auto;}
  .flex-img-con img 
  {height:100%;}

  /* 제품 */
  .sub-product-con .img-con
  {width:100%;}
  .sub-product-con .img-con .img
  {background-position:center; background-repeat:no-repeat;}
  .sub-product-con .txt-con
  {width:100%; padding:3rem 0 0;}

  /* 하단 문의 배너 */
  .sub-inquiry-banner
  {padding:5rem;}
  .sub-inquiry-banner .left-con
  {padding:0;}
  .sub-inquiry-banner h2
  {font-size:4rem;}
  .sub-inquiry-banner h4
  {font-size:2.4rem;}
  .sub-inquiry-banner .right-con
  {padding:0;}
  .sub-inquiry-banner .inquiry-banner-btn a
  {width:30rem;}
  .inquiry-bg-img
  {left:30%; width:39.5rem; height:29.5rem; background-size:cover;}
  
}

@media screen and (max-width:1024px) {
  /* 메인 */
  .main-intro-section .intro-top-tit h2
  {font-size:5rem;}
  .main-intro-con.main-company-con
  {height:35rem;}
  .main-intro-con .intro-txt-con h1
  {font-size:7rem;}
  .main-intro-con .intro-txt-con .intro-txt
  {padding-top:2rem; text-align:left;}
  .main-intro-section .intro-section.reverse .intro-top-tit h2
  {font-size:5rem;}
  .main-company-txt-con h2
  {font-size:5rem;}

  /* 서브 */
  .sub-intro-banner h2 strong
  {font-size:4rem;}

  /* 연혁 */
  .history-top-con h2
  {font-size:3.2rem;}
  .history-top-con h1
  {font-size:3rem;}
  .history-top-con .txt-con
  {padding:2rem;}
  .history-list-con .history-list
  {margin:0rem;}
  .history-list-con .history-list .item
  {width:100%; margin:0 0 1rem; padding:3rem; min-height:20rem;}
  /* 오시는길 */
  .sub-location-con .detail-con h2
  {font-size:3rem;}
  .sub-location-con .left-con
  {width:100%; margin:0;}
  .sub-location-con .right-con
  {width:100%; margin-top:5rem;}

  /* 기술소개 */
  .sub-tech-banner p br 
  {display:none; }
  .tech-fusion-list
  {padding:5rem 0;}
  .tech-fusion-list .item:after
  {right:-20px;}
  .tech-fusion-list .txt-con p
  {font-size:1.8rem;}
  .copy-block-tech .img-con
  {height:auto;}
  .tech-flex-con
  {justify-content: center;}
  .flex-txt-con
  {padding:3rem 0 0; width:100%;}
  .reverse .flex-txt-con
  {padding:5rem 0 0}
  .tech-adv-list ul li
  {width:100%; margin:1rem 0;}
  .tech-box-list .box-list li
  {padding:3rem;}
  /* 인증 및 수상 */
  .certifi-top-con h4
  {font-size:2.4rem;}
  .sub-certi-list ul li
  {width:33.33%;}
}

@media screen and (max-width:767px) {
  #content 
  {overflow:hidden}
  #subContent
  {overflow:hidden}
  /* 메인 */

  #mainIntroCon
  {background-position:center;}
  .main-intro-section .intro-top-tit h2
  {font-size:2.6rem;}
  .main-intro-section .intro-tit-con .tit
  {font-size:3rem;}
  .main-intro-con .intro-txt-con
  {margin-top:5rem;}
  .main-intro-con .intro-txt-con h1
  {font-size:3.8rem;}
  .main-intro-con .intro-txt-con .intro-txt p
  {font-size:1.8rem;}
  .main-intro-con .intro-txt-con .intro-txt p br 
  {display:none;}
  .main-intro-section .intro-section.reverse .intro-top-tit h2
  {font-size:3rem;}
  .main-product-con .main-prd-list
  {flex-wrap:wrap;}
  .main-product-con .main-prd-list .prd-item
  {width:100%; margin:0 2rem 2rem;}
  .main-location-info-box
  {width:100%;}
  .main-location-wrapper
  {padding:50px 20px;}
  .main-location-info-box .top-con h4
  {font-size:2.4rem;}
  .main-location-info-box .top-con p
  {font-size:1.8rem;}
  .main-location-info-box .bottom-con dl dt
  {font-size:1.8rem;}
  .main-location-info-box .bottom-con dl dd
  {font-size:1.7rem;}
  .main-company-txt-con h2
  {font-size:3.6rem;}
  .main-company-txt-con p
  {font-size:2.2rem;}
  /* 푸터 */
  .footer-con
  {flex-wrap:wrap;}
  .footer-con .f-detail-con
  {width:100%; margin:3rem 0 0;}
  .footer-con .f-detail-con .detail-row
  {flex-wrap:wrap;}
  .footer-con .f-detail-con .detail-row dl
  {align-items:start; width:100%;}
  .footer-con .f-detail-con .detail-row dl dt
  {min-width:10rem; margin:0;}
  /* 서브 */
  .sub-intro-banner h1
  {font-size:3rem;}
  .sub-intro-banner h2
  {font-size:3rem;}
  .sub-intro-banner h2 strong
  {font-size:inherit; padding:0; background:transparent; display:block; color:var(--main-color); font-weight:800;}
  .sub-location-con .detail-con ul
  {padding:2rem;}
  .sub-location-con .detail-con ul li
  {font-size:1.6rem;}
  /* 기술소개 */
  .sub-tech-banner h2
  {font-size:2.8rem;}
  .sub-tech-banner p
  {font-size:1.8rem;}
  .tech-fusion-list .list
  {flex-wrap:wrap; padding:1rem;}
  .tech-fusion-list .item
  {width:100%; margin:0 0 10rem;}
  .tech-fusion-list .item:after
  {right:calc((calc(100% / 2) - 2.5rem)); bottom:-7.5rem; top: auto;}
  .tech-fusion-list .item2:after ,
  .tech-fusion-list .item3:after 
  {transform:rotate(90deg)}
  .tech-fusion-list .img-con i
  {width:5rem; height:5rem; background-size:cover; background-position:center;}
  .copy-block-tech ul li
  {width:100%;}
  .copy-block-tech .img-con
  {text-align:center;}
  .flex-img-con
  {width:100%;}
  .flex-txt-con .certifi-txt-con h4
  {font-size:2.4rem;}
  .flex-txt-con .certifi-txt-con p 
  {font-size:1.8rem;}
  .tech-sub-tit h4
  {font-size:2.4rem;}
  .tech-table-con 
  {overflow-x:scroll;}
  .tech-table-con table
  {width:800px;}
  .tech-table-con table tbody > tr > th
  {font-size:1.8rem;}
  .tech-table-con table tbody > tr > td
  {font-size:1.6rem;}
  .tech-sub-tit.ct-tit h4
  {font-size:2.8rem;}
  .tech-box-list .box-list li
  {width: 100%; text-align:center;}
  .tech-box-list .box-list .tit-con strong
  {font-size:2rem;}
  .tech-box-list .box-list .txt-con p
  {font-size:1.8rem;}
  .tech-bg
  {background-size:cover; left:0; right:0; width:100%;}
  .subTechnology .cm-sub-con
  {margin:10rem 0 0;}
  .tech-sub-con:last-child
  {padding:0;}
  /* 인증 및 수상 */
  .certifi-top-con h4
  {font-size:2.4rem;}
  .sub-certi-list ul li
  {width:50%;}
  /* 제품 */
  .sub-product-con .img-con
  {height:30rem;}
  .sub-product-con .img-con .img
  {background-size:100% 100%;}
  .sub-product-con .txt-con h4
  {font-size:2.8rem;}
  .sub-product-con .txt-con p
  {font-size:1.8rem;}
  /* 문의 */
  #inquiry-style05-tbl .write-box dl
  {width:100%;}

  /* 하단 문의 배너 */
  .sub-inquiry-banner
  {padding:5rem 2rem;}
  .sub-inquiry-banner .left-con
  {width:100%;}
  .sub-inquiry-banner h2
  {font-size:3rem;}
  .sub-inquiry-banner h4
  {font-size:2.1rem;}
  .sub-inquiry-banner .right-con
  {width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:2rem;;}
  .sub-inquiry-banner .inquiry-banner-btn
  {width:49%;}
  .sub-inquiry-banner .inquiry-banner-btn a
  {width:100%; font-size:1.8rem; padding:2rem; margin:0; transition:0s;}
  .inquiry-bg-img
  {width:21.5rem; height:21.5rem; left:calc(50% - 10.25rem); top:calc(50% - 10.25rem)}

}

@media screen and (max-width:500px) {
  /* 인증 및 수상 */
  .sub-certi-list ul li
  {width:100%;}
  .sub-inquiry-banner .inquiry-banner-btn
  {width:100%; margin:0.5rem 0;}
}