@charset "utf-8";
/* 공통 */
.subtit { font-size: 22px; line-height: 1em; font-weight: 600; letter-spacing: -.03em; color: #242424; position: relative; padding-left: 30px; margin-bottom: 30px; text-align: left;}
.subtit::before { content: ""; position: absolute; left: 0; width: 20px; height: 20px; background: url(../images/sub/bf.png) center no-repeat; background-size: contain;}

/* 인사말 */
.gt-img { margin-bottom: 60px;}
.gt-txtbox { position: relative;}
.gt-txtbox h2 { font-size: 34px; font-weight: 700; letter-spacing: -.03em; line-height: 1.5em; color: #242424;}
.gt-txtbox h2 span { color: #ce000c;}
.gt-txtbox p { font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; color: #454545; margin-top: 35px;}
.signbox { display: flex; align-items: center; justify-content: flex-end; gap: 28px; font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-top: 60px;}
.sub1-sb { position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); z-index: -1;}

/* 회사연혁 */
.hst-bg { margin-bottom: 60px;}
.hst-box { display: flex;}
.hst-left {width: 50%; padding-top: 80px; padding-right: 25px; position: relative;}
.hst-left h4 { font-size: 18px; font-weight: 700; line-height: 1.2em; margin-bottom: 15px; color: #ce000c;}
.hst-left h3 { line-height: 1.4em; letter-spacing: -.03em; font-weight: 500; font-size: 32px; color: #242424;}
.hst-left h3 span { color: #ce000c; font-weight: 700;}
.hst-sb { position: absolute; left: 0; bottom: 0; }
.hst-right {width: 50%;}
.hst-list { border-top: 1px solid #2c2c2c;}
.hst-list li { padding: 30px 22px; display: flex; align-items: center; border-bottom: 1px dashed #ddd;}
.hst-list li .year { line-height: 1em; font-size: 28px; font-weight: 700; letter-spacing: -.03em; color: #242424; width: 70px;}
.hst-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 48px;}
.hst-list li .txt p { position: relative; padding-left: 14px; font-size: 16px; line-height: 1.9em; letter-spacing: -.03em; font-weight: 400; color: #454545;}
.hst-list li .txt p::before { content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 100%; background: #ce000c;}

/* 경영방침 */
.mn-sec1 { padding-bottom: 50px; }
.mn-gray { padding: 100px 0; background: #f8f8f8;}
.mn-sec1-list { display: flex; background: url(../images/sub/sub1-3-bg.png) center no-repeat; background-size: contain; height: 420px; align-items: center; margin-top: -60px;}
.mn-sec1-list li { width: calc(100%/3); text-align: center; }
.mn-sec1-list li:nth-child(2) { margin-left: -15px;}
.mn-sec1-list li:nth-child(2) img { margin-left: 15px;}
.mn-sec1-list li .tit { font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1.3em; color: #242424; margin-top: 25px;}
.mn-list2 { display: flex; margin-top: 60px;}
.mn-list2 li { width: calc(100%/4);}
.mn-sec3 { padding: 100px 0;}
.mn-list3 { border: 1px solid #ddd; background: #fff;}
.mn-list3 li { display: flex; border-bottom: 1px solid #ddd;}
.mn-list3 li:last-child { border-bottom: none;}
.mn-list3 li .num { width: 69px; background: #ce000c; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; border-right: 1px solid #ddd;}
.mn-list3 li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1.6em; color: #242424; padding: 20px;}
.sub3-list { border: none; background: transparent;}
.sub3-list li { margin-bottom: 20px; border: 1px solid #ddd; background: #fff;}
.sub3-list li:last-child { border: 1px solid #ddd; margin-bottom: 0;}

/* 인증현황 */
.certi-list { display: flex; gap: 28px; flex-wrap: wrap;}
.certi-list li { width: calc(100%/4 - 21px); text-align: center; margin-bottom:35px;}
.certi-list li .thumb {position:relative; padding-bottom:124%; margin-bottom:22px; overflow:hidden;}
.certi-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;}
.certi-list li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.certi-list li .tit { font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #454545;}

/* 찾아오시는 길 */
.map-list { display: flex; border: 1px solid #ddd;}
.map-list li { width: calc(100%/3); border-right: 1px dashed #ddd; padding: 58px 45px; position: relative;}
.map-list li:last-child { border-right: none;}
.map-list li .category { line-height: 1em; font-size: 18px; font-weight: 700; letter-spacing: -.04em; color: #ce000c; margin-bottom: 20px;}
.map-list li .tit { line-height: 1.2em; font-weight: 600; font-size: 24px; letter-spacing: -.03em; color: #242424; }
.map-list li img { position: absolute; right: 0; bottom: 0;}

/* 주요 생산부품 */
.pc-sec1 { padding-bottom: 100px;}
.pc-sec3 { padding-top: 100px; }
.pc-box { display: flex; padding: 60px 40px; background: #fff; border: 1px solid #ddd;}
.pc-left { width: 39%; padding-left: 30px;}
.pc-left2 { padding-left: 0;}
.pc-right { width: 61%;}
.pc-list { display: flex; gap: 26px;}
.pc-list li { flex: 1; text-align: center;}
.pc-list li .tit { font-size: 16px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #454545; margin-top: 25px;}

/* 라인구성 현황 */
.line-list { display: flex; flex-wrap: wrap; gap: 30px;}
.line-list li { width: calc(100%/3 - 20px); text-align: center;}
.line-list li .tit { font-size: 20px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #fff; background: #121212; padding: 13px 5px;}

/* 주요 설비현황 */
.fc-box { display: flex; gap: 60px; flex-wrap: wrap;}
.fc-box>div {width: calc(100%/2 - 30px);}
.fc-tbl-wrap { overflow: auto;}
.fc-tbl { border-collapse: collapse; width: 100%; border-top: 2px solid #242424; text-align: center;}  
.fc-tbl tr { border-bottom: 1px solid #ddd;}
.fc-tbl tr th { line-height: 1em; border-right: 1px solid #ddd; background: #f8f8f8; font-weight: 600; letter-spacing: -.03em; color: #242424; padding: 20px 5px;}
.fc-tbl tr th:last-child { border-right: none;}
.fc-tbl tr td { line-height: 1.2em; border-right: 1px solid #ddd; font-weight: 300; letter-spacing: -.03em; color: #454545; padding: 18px 5px;}
.fc-tbl tr td:last-child { border-right: none;}
.fc-mg {margin-bottom: 50px; }

/* sub3 공통 */
.sub3-box { display: flex; align-items: center;}
.sub3-left {width: 50%;}
.sub3-right {width: 50%; padding-left: 70px;}
.sub3-right h3 { line-height: 1.4em; letter-spacing: -.03em; font-size: 28px; font-weight: 600; color: #242424; margin-bottom: 30px;}
.sub3-right h3 span { font-weight: 700; color: #ce000c;}
.sub3-right p { line-height: 1.666em; letter-spacing: -.03em; font-size: 18px; font-weight: 400; color: #454545;}
.sub3-txtbox { border: 1px solid #ddd; padding: 30px 35px; margin-bottom: 60px; background: #fff;}
.sub3-txtbox:last-child { margin-bottom: 0;}
.sub3-txtbox .tit { font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1.3em; color: #242424; margin-bottom: 25px;}
.sub3-txtbox .tit .num { display: inline-block; width: 26px; height: 26px; border-radius: 100%; background: #ce000c; color: #fff; font-weight: 700; letter-spacing: -.03em; line-height: 1em; margin-right: 10px;text-align: center; line-height: 26px;} 
.sub3-inbox { padding-left: 50px; margin-bottom: 22px;}
.sub3-inbox:last-child { margin-bottom: 0;}
.sub3-inbox .title { position: relative; line-height: 1.8em; font-weight: 500; letter-spacing: -.03em; color: #454545;}
.sub3-inbox .title::before { content: ""; position: absolute; left: -14px; top: 11px; width: 4px; height: 4px; border-radius: 100%; background: #ce000c;}
.sub3-inbox .txt { font-weight: 300; letter-spacing: -.03em; line-height: 1.5em; color: #686868; margin-top: 12px;}
.sub3-link { width: 300px; height: 60px; display: flex; align-items: center; justify-content: center; background: #ce000c; border-radius: 30px; color: #fff; text-align: center; margin: 100px auto 0; font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; }
.sub3-link span { display: inline-block; padding-left: 13px;}

/* 환경경영 */
.cl-sec3 { padding: 100px 0; text-align: center;}
.cl-sec3 p { line-height: 1.666em; letter-spacing: -.03em; font-size: 18px; font-weight: 500; color: #454545; margin: 30px 0 90px;}

/* 제보 및 소통 */
.rp-tab { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 60px;}
.rp-tab li { width: 150px; height: 50px; border: 1px solid #ce000c; color: #fff; border-radius: 25px;}
.rp-tab li a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; color: #ce000c; font-size: 17px; font-weight: 600; letter-spacing: -.03em; line-height: 1em; }
.rp-tab li.active { background: #ce000c;}
.rp-tab li.active a { color: #fff;}
.rp-box { text-align: center; margin-bottom: 60px;}
.rp-box:last-child { margin-bottom: 0;}
.rp-box h2{ font-size: 24px; font-weight: 600; color: #242424; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 35px;}
.rp-box p { font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; color: #454545; margin-bottom: 60px;}
.rp-box2 p { font-size: 17px; font-weight: 300; margin-bottom: 30px;}
.rp-list { display: flex; border: 1px solid #ddd;}
.rp-list li { width: calc(100%/2); padding: 35px; padding-left: 145px; text-align: left;}
.rp-list li p { font-weight: 300; letter-spacing: -.03em; line-height: 1.3em; position: relative; color: #454545; padding-left: 14px; margin-bottom: 15px; font-size: 16px;}
.rp-list li p::before { content: ""; position: absolute; top: 7px; width: 4px; height: 4px; border-radius: 100%; background: #ce000c; left: 0;}
.rp-list li p:last-child { margin-bottom: 0; }
.rp-list li:first-child { border-right: 1px dashed #ddd;}
.rp-mail { font-size: 18px; font-weight: 600; display: inline-block; color: #242424; letter-spacing: -.03em; line-height: 1.2em; position: relative; padding-left: 60px; margin-top: 15px;}
.rp-mail::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 46px; height: 46px; border-radius: 100%; background: #ce000c url(../images/sub/mail.png) center no-repeat; background-size: 24px;}
.rp-list2 { display: flex; flex-wrap: wrap; margin-top: 60px; gap: 30px;}
.rp-list2 li { width: calc(100%/3 - 20px); text-align: center; border-radius: 20px; overflow: hidden; position: relative; color: #fff;}
.rp-list2 li .tit { position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; }
.rp-list3 { display: flex; flex-wrap: wrap; gap: 28px; }
.rp-list3 li { width: calc(100%/4 - 21px);}
.rp-list3 li .tit { padding: 22px 5px; background: #ce000c; border-radius: 16px; text-align: center; color: #fff; line-height: 1.2em; font-size: 20px; font-weight: 700; letter-spacing: -.03em; margin-bottom: 20px; }
.rp-list3 li .txtbox { min-height: 260px; border: 1px solid #ddd; padding: 35px 25px; }
.rp-list3 li .txtbox p { line-height: 1.8em; font-size: 16px; font-weight: 300; letter-spacing: -.03em; color: #454545; position: relative; padding-left: 12px; text-align: left; margin-bottom: 10px; }
.rp-list3 li .txtbox p:last-child { margin-bottom: 0;}
.rp-list3 li .txtbox p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #ce000c; top: 11px;}
.rp-box.fx { display: flex; gap: 40px; flex-wrap: wrap;}
.rp-box.fx>div { width: calc(100%/2 - 20px); text-align: center; }
.rp-txtbox { display: flex; justify-content: center; border: 1px solid #ddd; padding: 30px 10px;}
.rp-txtbox p { line-height: 2.2em; font-size: 16px; font-weight: 300; letter-spacing: -.03em; color: #454545; position: relative; padding-left: 12px; text-align: left; margin-bottom: 0; }
.rp-txtbox p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #ce000c; top: 15px;}

/* ESG DATA */
.data-wrap .data-box { margin-bottom: 90px; }
.data-wrap .data-box:last-child { margin-bottom: 0; }
.data-tit { font-size: 20px; font-weight: 700; line-height: 1.2em; color: #242424; position: relative; padding-left: 22px; margin-bottom: 18px; }
.data-tit::before { content: ""; position: absolute; left: 0; width: 12px; height: 12px; background: #ce000c; top: 6px;}
.data-tbl-wrap { overflow: auto;}
.data-tbl { border-top: 2px solid #ce000c; width: 100%; border-collapse: collapse;}
.data-tbl-wrap tr { border-bottom: 1px solid #ddd; }
.data-tbl-wrap tr th { border-right: 1px solid #ddd; background: #fafafa; padding: 25px 10px; line-height: 1.2em; font-size: 20px; font-weight: 700; color: #242424; }
.data-tbl-wrap tr th:last-child { border: none; }
.data-tbl-wrap tr td { text-align: center; padding: 14px 10px; border-right: 1px solid #ddd;}
.data-tbl-wrap tr td:last-child { border: none;}
.data-tbl-wrap tr td a { line-height: 1em; padding: 13px 26px; border-radius: 22px; color: #fff; background: #ce000c; line-height: 1em; font-size: 18px; font-weight: 600; display: inline-block;}