@charset "utf-8";
/* 공통 */
.sub-pd { padding: 100px 0;}
.sub-pd.pt { padding-top: 100px; padding-bottom: 0; }
.sub-pd.pb { padding-bottom: 100px; padding-top: 0; }
.sub-pd.gray { background: #f8f8f8; }
.subtit { line-height: 1em; font-size: 40px; font-weight: 700; color: #242424; letter-spacing: -.03em; text-align: center; margin-bottom: 50px; }

/* 기업소개 */
.it-fx { display: flex; align-items: center; margin-bottom: 100px; gap: 30px; flex-wrap: wrap;}
.it-fx:last-child { margin-bottom: 0; }
.it-fx>div { width: calc(100%/2 - 15px);}
.it-fx .left { border-radius: 16px; overflow: hidden;}
.it-fx .right { padding-left: 70px; }
.it-fx .right.tc { text-align: center; padding: 0; }
.it-fx .right h2 { font-size: 36px; font-weight: 700; line-height: 1.2em; color: #242424; }
.it-fx .right h2 span { color: #2e0287; }
.it-fx .right .line { width: 40px; height: 4px; background: #2e0287; margin: 35px 0;}
.it-fx .right.tc .line { margin: 35px auto;}
.it-fx .right p { font-size: 18px; line-height: 1.6em; margin-bottom: 25px; }
.it-fx .right p:last-child { margin-bottom: 0; }
.it-fx .right .iconbox { width: 160px; height: 160px; margin: 0 auto 30px; border-radius: 100%; background: #f8f7fb; display: flex; align-items: center; justify-content: center; }
.it-fx.rv { flex-direction: row-reverse;}
.it-fx.rv .right {padding-left: 0; }
.it-bigbox {font-weight:900; color: transparent; letter-spacing: -.03em; line-height: .9; white-space: nowrap; overflow: hidden; padding-bottom: 30px;}
.it-big {animation: textLoop 25s linear infinite; padding-right: 1.4881vw; font-size: 70px; -webkit-text-stroke: 2px #eae5f3;}
@keyframes textLoop {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	100% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
}
.it-bigbox2 {font-weight:900; color: transparent; letter-spacing: -.03em; line-height: .9; white-space: nowrap; overflow: hidden; padding-bottom: 100px; text-align: right;}
.it-big2 {animation: textLoops 25s linear infinite; font-size: 70px; color: #eae5f3; padding-left: 1.4881vw;}
@keyframes textLoops {
	0% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
	100% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
}

/* 회사문화 */
.culture-list { display: flex; border: 1px solid #ddd; flex-wrap: wrap;}
.culture-list li { border-right: 1px solid #ddd; text-align: center; padding: 60px 10px; width: calc(100%/4);}
.culture-list li:last-child { border-right: none; }
.culture-list li .tit { line-height: 1em; font-size: 22px; font-weight: 600; color: #242424; margin: 15px 0;}
.culture-list li .txt { font-size: 17px; line-height: 1.5em; font-weight: 300; }
.culture-list2 { display: flex; flex-wrap: wrap;}
.culture-list2 li { text-align: center; width: calc(100%/3);}
.culture-list2 li .iconbox { width: 220px; height: 220px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: auto; background: #fff; }
.culture-list2 li .tit { line-height: 1em; font-size: 22px; font-weight: 600; color: #242424; margin-top: 30px; }

/* 회사연혁 */
.hst-tab-wrap { position: relative; margin-bottom: 80px; }
.hst-prev::after, .hst-next::after { display: none; }
.hst-prev, .hst-next { width: 15px; height: 25px; background-repeat: no-repeat; background-position: center; background-size: contain; transition: .3s; margin-top: -12px; }
.hst-prev { background-image: url(../images/sub/hst-left.png); left: -57px;}
.hst-prev:hover { background-image: url(../images/sub/hst-left-c.png);}
.hst-next { background-image: url(../images/sub/hst-right.png); right: -57px; left: auto;}
.hst-next:hover { background-image: url(../images/sub/hst-right-c.png);}
.hst-swiper { width: 100%; position: relative; overflow: hidden; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.hst-swiper::before { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: #ccc; top: 50%; transform: translateY(-50%); }
.hst-swiper-slide { width: auto; text-align: center;}
.hst-swiper-slide a { display: block; font-size: 18px; font-weight: 500; line-height: 1em; color: #979797; padding: 0 47px; padding-top: 47px; position: relative; }
.hst-swiper-slide a::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 7px; height: 7px; border-radius: 15px; border: none; background: #979797; box-shadow: none; top: 50%; transform: translateY(-50%);}
.hst-swiper .swiper-slide.active a { color: #2e0287; }
.hst-swiper .swiper-slide.active a::before { border: 1px solid #2e0287; background: #2e0287; box-shadow: #fff 0px 0px 0px 3px inset; width: 15px; height: 15px; }
.hst { display: flex; align-items: flex-start;}
.hst .left { width: 50%; border-radius: 24px; overflow: hidden;}
.hst .right { width: 50%; padding-left: 80px; }
.hst .right .group { margin-bottom: 30px; display: flex; }
.hst .right .group:last-child { margin-bottom: 0; }
.hst .right .group .month { width: 45px; font-size: 20px; font-weight: 600; color: #242424; text-align: right; }
.hst .right .group .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 20px; }

/* 특허 및 명예 */
.certi-list { display: flex; flex-wrap: wrap; gap: 80px 30px; }
.certi-list li { width: calc(100%/3 - 20px); text-align: center; }
.certi-list li .thumb { position: relative; margin-bottom: 30px; }
.certi-list li .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd;}
.certi-list li .tit { display: block; font-size: 20px; font-weight: 500; padding: 4px; line-height: 1.4em; color: #fff; background: #2e0287; border-radius: 18px; max-width: 280px; width: 100%; margin: auto;}

/* 협력 파트너 */
.pt-tit {text-align: center; font-size: 22px; line-height: 1.5em; color: #242424; font-weight: 500; margin-bottom: 55px; }
.pt-list { display: flex; flex-wrap: wrap; gap: 25px; }
.pt-list li { width: calc(100%/5 - 20px); text-align: center; }
.pt-list li .thumb {position:relative; padding-bottom:40%; overflow:hidden; border-radius: 10px; }
.pt-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.pt-list li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius: 10px; }

/* 제품 리스트 */
.pd-list-tab { display: flex; justify-content: center; margin-bottom: 80px; gap: 20px; }
.pd-list-tab li { width: 150px; height: 48px; border-radius: 24px; border: 1px solid #2e0287; color: #2e0287; font-weight: 600; overflow: hidden; font-size: 18px; line-height: 1em; }
.pd-list-tab li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.pd-list-tab li.active { background: #2e0287; color: #fff; }

/* 견적요청 */
.ct-form { display: flex; gap: 45px 60px; flex-wrap: wrap;}
.ct-form dl { width: calc(100%/2 - 30px); }
.ct-form dl.w100 { width: 100%; }
.ct-form dl dt { line-height: 1em; font-size: 18px; font-weight: 600; color: #242424; margin-bottom: 16px; }
.ct-form dl dt .required{ color: #2e0287; }
.ct-form dl dd { width: 100%; }
.ct-form dl dd .input { height: 55px; border-radius: 4px; color: #686868; }
.ct-form dl dd .input::placeholder { color: #686868; }
.ct-form dl dd .sel-fx { display: flex; gap: 10px; flex-wrap:wrap;}
.ct-form dl dd .sel-fx .input { width: calc(100%/2 - 5px); color: #454545; }
.ct-form dl dd .sel-fx.fx2 .input { max-width: 216px; width: 100%; }
.captcha-wrap { display: flex; gap: 10px; }
.captcha-wrap .input { height: 50px !important; }

/* 연락처 */
.sub5-fx { display: flex; align-items: center; margin-bottom: 60px; }
.sub5-fx.mg { margin-bottom: 0; }
.sub5-fx>div { width: calc(100%/2);}
.sub5-fx .left { border-radius: 30px; overflow: hidden;}
.sub5-fx .right { padding-left: 70px; }
.sub5-fx .right h4 { line-height: 1em; color: #2e0287; margin-bottom: 15px; font-size: 18px; }
.sub5-fx .right .subtit { text-align: left; margin-bottom: 40px; font-size: 32px; line-height: 1.4em; font-family:'Noto Sans SC',sans-serif; word-break:break-all;}
.sub5-list li { display: flex; margin-bottom: 25px; }
.sub5-list li:last-child { margin-bottom: 0; }
.sub5-list li .tit { width: 88px; display: flex; gap: 10px; font-size: 18px; color: #242424; font-weight: 500; align-items: flex-start; font-family:'Noto Sans SC',sans-serif; word-break:break-all;}
.sub5-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-weight: 400; font-family:'Noto Sans SC',sans-serif; word-break:break-all;}
.sub5-fx.rv { flex-direction: row-reverse;}
.sub5-fx.rv .right { padding-right: 20px; }

/* 우리와 함께(구인) */
.with-list li { margin-bottom: 30px; }
.with-list li:last-child { margin-bottom: 0; }
.with-list li .tit a {position:relative; text-decoration:none !important; transition:none; padding: 38px 40px; border: 1px solid #ddd; display: block; line-height: 1.2em; font-size: 22px; font-weight: 700; color: #242424; }
.with-list li .tit a:after { content: ""; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; border-radius: 32px; background: #2e0287 url(../images/sub/with-plus.png) center no-repeat; background-size: 16px; }
.with-list li .cnt {display:none; position:relative; padding:38px 40px; color:#505050; background: #f8f8f8; }
.with-list li .cnt strong { line-height: 1em; display: block; margin-bottom: 16px; font-size: 18px; font-weight: 700; color: #242424; }
.with-list li .cnt .txt { line-height: 1.9em; margin-bottom: 30px; }
.with-list li .cnt .send-btn { line-height: 1em; color: #fff; border-radius: 24px; font-weight: 600; padding: 15px 25px; display: inline-block; background: #2e0287;}
.with-list li.active {position:relative;}
.with-list li.active .tit a { background: #2e0287; border-color: #2e0287; color: #fff; }
.with-list li.active .tit a:after { background: #fff url(../images/sub/with-minus.png) center no-repeat;}