<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* Common */
.overlay{background:#000;opacity:0.6;position:fixed;z-index:101;width:100%;height:100%;display:none;top:0;left:0}
.blue_left_title{background:url(/img/common/blue_left_line.gif) no-repeat left 8px;font-size:18px;padding-left:9px;letter-spacing:-0.01em}
.sea_left_title{background:url(/img/common/sea_left_line.gif) no-repeat left 8px;font-size:22px;padding-left:8px;letter-spacing:-0.04em;font-weight:bold;border-bottom:1px solid #dfdfdf;padding-bottom:9px}
.blue_bottom_title{font-size:30px;font-weight:bold;border-bottom:1px solid #dfdfdf;letter-spacing:-0.07em}
.blue_bottom_title span{position:relative;top:1px;border-bottom:4px solid #141a98;display:inline-block;padding-bottom:5px}
.btn_view_img{display:none}
.img_box img{width:100% !important}
.gray_number_box .number{color:#979696;font-weight:bold;font-size:20px;padding-right:24px;vertical-align:-1px}
.gray_number_box li{margin-bottom:10px;background:#eee;padding:10px 15px 9px;border-radius:3px}

.dotList{position:relative;padding-left:7px;}
.dotList:before{width:2px;height:2px;content:'';top:17px;left:0;background:#333;border-radius:100%;position:absolute;}

/* Tab */
.tabDesign{padding-bottom:19px}
.tabDesign ul{display:flex;justify-content:center;}
.tabDesign ul li{background:url(/img/common/tab_line.gif) no-repeat right center;margin:0 5px;padding-right:8px}
.tabDesign ul li:last-child{background:0}
.tabDesign ul li a{font-size:18px;padding:2px 10px 4px 8px;display:inline-block;letter-spacing:-0.04em}
.tabDesign ul li a:hover, .tabDesign ul li.selected a{background:#ccceef;border-radius:3px;text-shadow: 0 0 0 #333, 0 0 0 #333;padding:2px 10px 4px 8px}

/* 회사소개 &gt; CEO 인사말 */
.ceoWrap{display:flex;justify-content:flex-end;margin-bottom:95px;}
.ceoWrap .imgBox{width:44.772%;height:900px;left:0;position:absolute;font-size:0;}
.ceoWrap .imgBox:before{width:100%;height:100%;content:'';top:0;left:0;background:url('/img/introduce/ceo_img.jpg')no-repeat center top / cover;position:absolute;}
.ceoWrap dl{width:50%;position:relative;padding-top:6.072%;}
.ceoWrap dl:after{width:92.43%;height:342px;right:-35.858%;top:-13.008%;z-index:-1;background:url('/img/introduce/ceo_back_img.png')no-repeat right top / 100% auto;position:absolute;content:'';}
.ceoWrap dl dt{word-break:keep-all;font-size:3rem;font-weight:700;letter-spacing:-0.015em;color:#000;line-height:1.8;margin-bottom:30px;}
.ceoWrap dl dd{word-break:keep-all;font-size:1.8rem;letter-spacing:-0.023em;color:#333;line-height:1.889;}
.ceoWrap dl dd span{text-align:right;display:block;color:#333;font-size:2rem;letter-spacing:-0.02em;font-weight:500;margin-top:66px;}

/* 회사소개 &gt; 연혁 */
.historyWrap{position:relative;}
.historyWrap:after{width:46.215%;height:50.092%;z-index:-1;content:'';left:-180px;top:-298px;background:url('/img/introduce/history_img_01_01.png')no-repeat left top / 100% auto;position:absolute;}
.historyWrap &gt; ol{margin-left:400px;position:relative;padding-bottom:35px;}
.historyWrap &gt; ol:after{width:1px;height:100%;background:#e5e5e5;left:163px;z-index:-1;top:18px;position:absolute;content:'';}
.historyWrap &gt; ol &gt; li{margin-bottom:30px;}
.historyWrap &gt; ol &gt; li dl{display:flex;}
.historyWrap &gt; ol li dl dt{width:169px;flex-shrink:0;position:relative;font-size:3.6rem;letter-spacing:-0.02em;color:#073291;}
.historyWrap &gt; ol li dl dt:after{width:10px;height:10px;position:absolute;content:'';right:0;top:16px;background:#000;border-radius:100%;}
.historyWrap &gt; ol li dl dd{width:83%;}
.historyWrap &gt; ol li dl dd ol{margin:6px 0 0 59px;}
.historyWrap &gt; ol li dl dd ol li{word-break:keep-all;display:flex;margin-bottom:16px;color:#333;font-size:1.7rem;letter-spacing:-0.03em;line-height:1.765;}
.historyWrap &gt; ol li dl dd ol li:last-child{margin-bottom:0;}
.historyWrap &gt; ol li dl dd ol li span{width:60px;color:#000;font-weight:700;display:inline-block;flex-shrink:0;}
.performance &gt; ol &gt; li dl dd ol li{color:#000;display:block !important;}
.performance &gt; ol &gt; li dl dd ol li p{color:#333;position:relative;font-size:1.6rem;padding-left:20px;}
.performance &gt; ol &gt; li dl dd ol li p:before{width:4px;height:1px;background:#000;content:'';left:10px;top:13px;position:absolute;}

/* 회사소개 &gt; 직원소개 */
.employeeWrap &gt; ul{display:flex;flex-wrap:wrap;}
.employeeWrap &gt; ul &gt; li{width:430px;padding:32px 30px 66px 60px;margin-right:55px;border:1px solid #000;border-radius:0 0 100px 0;}
.employeeWrap &gt; ul &gt; li:nth-child(3n){margin-right:0;}
.employeeWrap &gt; ul &gt; li:nth-child(n+4){margin-top:50px;}
.employeeWrap ul li .employeeTop{display:flex;justify-content:space-between;align-items:center;}
.employeeWrap ul li .employeeTop dl{color:#000;}
.employeeWrap ul li .employeeTop dl dt{font-size:2.2rem;font-weight:700;}
.employeeWrap ul li .employeeTop dl dd{letter-spacing:-0.015em;font-size:1.8rem;margin-top:14px;}
.employeeWrap ul li .employeeTop p{flex-direction: column;display:flex;align-items:center;justify-content:center;width:110px;height:110px;background:#e6eaf4;color:#073291;border-radius:100%;flex-shrink:0;text-align:center;}
.employeeWrap ul li .employeeTop p span{display:inline-block;font-weight:400;margin-top:6px;}
.employeeWrap ul li ul{margin-top:9px;}
.employeeWrap ul li ul li{display:flex;line-height: 2.118;margin-bottom:-2px;}
.employeeWrap ul li ul li:last-child{margin-bottom:0;}
.employeeWrap ul li ul li strong{width:90px;flex-shrink:0;font-size:1.8rem;letter-spacing:-0.02em;color:#000;}

/* 회사소개 &gt; 협력사 */
.partnerWrap &gt; ol &gt; li{display:flex;justify-content:space-between;margin-bottom:150px;}
.partnerWrap &gt; ol &gt; li:last-child{margin-bottom:0;}
.partnerWrap ol li p{width:calc(100% - 1101px);color:#000;font-size:3.4rem;font-weight:700;}
.partnerWrap ol li ul{display:flex;width:1101px;flex-wrap:wrap;}
.partnerWrap ol li ul li{margin-right:7px;}
.partnerWrap ol li ul li a{cursor: auto;}
.partnerWrap ol li ul li:nth-child(4n){margin-right:0;}
.partnerWrap ol li ul li:nth-child(n+5){margin-top:7px;}

/* 사업영역 &gt; 부품공급 */
.businessWrap{position:relative;}
.businessWrap:before{width:27.143%;height:586px;left:-18%;top:80px;content:'';z-index:-1;background:url('/img/business/business_back_icon.png')no-repeat left top / 100% auto;position:absolute;}
.businessWrap .businessList{margin-top:90px;}
.businessWrap .businessList &gt; li{margin-bottom:150px;}
.businessWrap .businessList &gt; li:last-child{margin-bottom:0;}
.businessWrap .businessList li dl{display:flex;justify-content:space-between;}
.businessWrap .businessList li dl dt{width:calc(100% - 1100px);flex-shrink:0;line-height:1.3715;color:#073291;font-size:3.5rem;font-weight:700;letter-spacing:-0.03em;}
.businessWrap .businessList li dl dd{width:1100px;letter-spacing:-0.03em;line-height:2;}
.businessWrap .businessList li dl dd &gt; .details{border-top:1px solid #000;margin-top:52px;}
.businessWrap .businessList li dl dd &gt; .details &gt; li{display:flex;border-bottom:1px solid #e5e5e5;padding:46px 0 50px;}
.businessWrap .businessList li dl dd &gt; .details &gt; li p{width:400px;flex-shrink:0;font-size:2.2rem;letter-spacing:-0.03em;font-weight:500;padding-left:19px;color:#000;}
.businessWrap .businessList li dl dd &gt; .details &gt; li ul.verticalList{width:100%;display:flex;flex-wrap:wrap;}
.businessWrap .businessList li dl dd &gt; .details &gt; li ul.verticalList li{width:33%;}
.businessWrap .businessList li dl dd &gt; .details &gt; li ul{padding-top:4px;}
.businessWrap .businessList li dl dd &gt; .details &gt; li ul li span{font-weight:500;color:#073291;}

/* 연락처 &gt; 본사(김포) */
.contactWrap{display:flex;flex-wrap:wrap;border-top:1px solid #000;}
.contactWrap &gt; li{width:50%;padding:59px 50px 50px 60px;border-bottom:1px solid #e5e5e5;}
.contactWrap &gt; li:nth-child(2n){border-left:1px solid #e5e5e5;}
.contactWrap li dl{display:flex;}
.contactWrap li dl dt{width:22.61%;color:#000;font-size:2rem;font-weight:700;}
.contactWrap li dl dd{width:80%;word-break:keep-all;font-size:1.8rem;letter-spacing:-0.025em;line-height:1.4;margin-top:-2px;}
.contactWrap li dl dd p{color:#073291;font-weight:500;margin-bottom:15px;}
.contactWrap li dl dd ul li{margin-bottom:15px;}
.contactWrap li dl dd ul li:last-child{margin-bottom:0;}
.contactWrap li dl dd ul li span{color:#073291;font-weight:500;}

/* 오시는 길 */
.locationCont{padding-top:39px;} 
.locationCont ul{display:flex;} 
.locationCont ul li{margin-right:50px;} 
.locationCont ul li dl{display:flex;align-items:center;} 
.locationCont ul li:last-child{margin-right:0;} 
.locationCont ul li dl dt{width:140px;height:50px;margin-right:39px;display:flex;align-items:center;justify-content:center;border-radius:30px;font-size:2.4rem;font-weight:500;background:#141a98;color:#fff;} 
.locationCont ul li dl dd{color:#555;word-break:keep-all;line-height:1.6;}

@media all and (min-width:1921px) {
.ceoWrap{position:relative;}
}


@media all and (max-width:1440px) {
.ceoWrap{margin-bottom:36px;}
/* 회사소개 &gt; 연혁 */
.historyWrap &gt; ol{margin-left:28.572%;}
 
/* 회사소개 &gt; 직원소개 */
.employeeWrap &gt; ul &gt; li{width:31.3%;margin-right:3%;padding:32px 30px 4.715% 4.286%;}

/* 회사소개 &gt; 협력사 */
.partnerWrap ol li p{width:21.358%;}
.partnerWrap ol li ul{width:78.644%;}
.partnerWrap ol li ul li{width:24.524%;margin-right:0.63%;}
.partnerWrap ol li ul li:nth-child(n+5){margin-top:0.63%;}

/* 사업영역 &gt; 부품공급 */
.businessWrap .businessList li dl dd{width:78.5722%;}
.businessWrap .businessList li dl dt{width:270px;}

.contactWrap &gt; li{padding-left:4.286%;}

/* 오시는길 */
.locationCont ul li{width:27%;margin-right:2%;text-align:center;}
.locationCont ul li:first-child{width:42%;}
.locationCont ul li dl{display:block;}
.locationCont ul li dl dt{margin:0 auto 15px;}
}
@media all and (max-width:1279px) {
.dotList:before{top:14px;}
/* Sub Common */
.br_none{display:none}

.historyWrap &gt; ol{margin-left:25.572%;}

/* 회사소개 &gt; 직원소개 */
.employeeWrap &gt; ul &gt; li{padding-left:30px;}
.employeeWrap ul li .employeeTop dl dd{line-height:1.6;}
.employeeWrap ul li .employeeTop p{width:90px;height:90px;}
.employeeWrap ul li ul li strong{width:70px;}
}

@media all and (max-width:979px) {
.ceoWrap{margin-bottom:0;}
/* 회사소개 &gt; 연혁 */
.historyWrap &gt; ol{margin-left:14%;}
.historyWrap &gt; ol:after{left:144px;}
.historyWrap &gt; ol li dl dt{width:150px;}

/* 회사소개 &gt; 직원소개 */

.employeeWrap ul li ul li{display:block;line-height:1.7;margin-bottom:10px;}
.employeeWrap ul li ul li:last-child{margin-bottom:0;}
.employeeWrap ul li ul li strong{display:block}
.employeeWrap &gt; ul &gt; li{width:49%;margin-right:2%;}
.employeeWrap &gt; ul &gt; li:nth-child(2n){margin-right:0 !important;}
.employeeWrap &gt; ul &gt; li:nth-child(3n){margin-right:2%;}
.employeeWrap &gt; ul &gt; li:nth-child(n+3){margin-top:2%;}

/* 사업영역 &gt; 부품공급 */

.businessWrap .businessList li dl dd &gt; .details &gt; li{display:block;padding:25px 0 30px;}
.businessWrap .businessList li dl dd &gt; .details &gt; li p{margin-right:0;padding-left:0;}

.contactWrap li dl{display:block;}
.contactWrap li dl dt{width:100%;margin-bottom:15px;}
.contactWrap li dl dd{width:100%;line-height:1.6;}
.contactWrap li dl dd p{margin-bottom:5px;}
.contactWrap li dl dd ul li{margin-bottom:5px;}
}

@media all and (max-width:767px) {
.dotList:before{top:12px;}
/* 회사소개 &gt; CEO 인사말 */
.ceoWrap{display:block;}
.ceoWrap .imgBox{width:100%;height:400px;}
.ceoWrap .imgBox:before{background-position:center top 45%;}
.ceoWrap dl{width:100%;padding-top:430px;}
.ceoWrap dl dt{margin-bottom:15px;}
.ceoWrap dl dd span{margin-top:33px;}
.ceoWrap dl:after{width:200px;height:150px;top:400px;right:-20px;}

/* 회사소개 &gt; 연혁 */
.historyWrap{padding-top:420px;}
.historyWrap:after{left:50%;transform:translateX(-50%);top:0;width:460px;height:400px;}
.historyWrap &gt; ol{width:100%;margin:0;padding-bottom:0;}
.historyWrap &gt; ol:after{left:96px;}
.historyWrap &gt; ol &gt; li{margin-bottom:40px;}
.historyWrap &gt; ol li dl dt{width:100px;font-size:2.8rem;}
.historyWrap &gt; ol li dl dt:after{width:7px;height:7px;top:11px;}
.historyWrap &gt; ol li dl dd{width:auto;}
.historyWrap &gt; ol li dl dd ol{margin:5px 0 0 29px;}
.historyWrap &gt; ol li dl dd ol li{margin-bottom:13px;}
.historyWrap &gt; ol li dl dd ol li span{width:30px;}
.performance &gt; ol &gt; li dl dd ol li p{padding-left:15px;}
.performance &gt; ol &gt; li dl dd ol li p:before{left:5px;top:10px;}

/* 회사소개 &gt; 직원소개 */

.employeeWrap &gt; ul &gt; li{padding:16px 15px;}
.employeeWrap ul li .employeeTop dl dd{margin-top:7px;}

/* 회사소개 &gt; 협력사 */
.partnerWrap &gt; ol &gt; li{display:block;margin-bottom:50px;}
.partnerWrap ol li p{width:100%;margin-bottom:15px;font-size:2.8rem;}
.partnerWrap ol li ul{width:100%;}
.partnerWrap ol li ul li{width:32%;margin-right:2%;}
.partnerWrap ol li ul li:nth-child(3n){margin-right:0 !important;}
.partnerWrap ol li ul li:nth-child(n+4){margin-top:2%;}
.partnerWrap ol li ul li:nth-child(4n){margin-right:2%;}

/* 사업영역 &gt; 부품공급 */
.businessWrap:before{display:none;}
.businessWrap .businessList{margin-top:45px;}
.businessWrap .businessList &gt; li{margin-bottom:50px;}
.businessWrap .businessList li dl{display:block;}
.businessWrap .businessList li dl dt{width:100%;margin:0 0 10px 0;}
.businessWrap .businessList li dl dt &gt; br{display:none;}
.businessWrap .businessList li dl dd{width:100%;}
.businessWrap .businessList li dl dd &gt; .details{margin-top:26px;}
.businessWrap .businessList li dl dd &gt; .details &gt; li{padding:13px 0 15px;}

.contactWrap &gt; li{padding:29.5px 7.5px 28.5px 30px;}
.contactWrap li dl dd{margin-top:0;}

/* 오시는길 */
.locationCont{padding-top:20px;}
.locationCont ul{flex-wrap:wrap;} 
.locationCont ul li{width:100% !important;margin:0 0 15px 0;text-align:left;} 
.locationCont ul li:last-child{margin-bottom:0;}
.locationCont ul li dl{display:flex;}
.locationCont ul li dl dt{width:130px;height:35px;font-size:2.1rem;margin:0 15px 0 0;}
.locationCont ul li dl dd{width:100%;}
}

@media all and (max-width:501px) {
/* 회사소개 &gt; 연혁 */
.historyWrap{padding-top:300px;}
.historyWrap:after{left:50%;transform:translateX(-50%);top:0;width:340px;height:290px;}
.historyWrap &gt; ol:after{left:81px;}
.historyWrap &gt; ol li dl dt{width:85px;}

/* 회사소개 &gt; 직원소개 */
.employeeWrap &gt; ul &gt; li{width:100%;margin-right:0 !important;}
.employeeWrap &gt; ul &gt; li:nth-child(n+2){margin-top:2%;}
.employeeWrap ul li ul li{margin-bottom:7px;}

.contactWrap{display:block;}
.contactWrap &gt; li{width:100%;}
.contactWrap &gt; li:nth-child(2n){border-left:0;}
.contactWrap &gt; li{padding:20px 5px 20px 20px;}
}</pre></body></html>