@charset "utf-8";
/* 공통 */
.sub-pd { padding: 100px 0;}
.sub-pd.pb { padding-bottom: 100px; padding-top: 0;}
.sub-pd.pt { padding-top: 100px; padding-bottom: 0;}

/* CEO 인사말 */
.gt { display: flex; }
.gt .left { width: 100%; text-align: center; }
.gt .left h2 { font-size: 30px; font-weight: 600; color: #242424; letter-spacing: -.03em; line-height: 1.3em; }
.gt .left p { margin-top: 35px; }
.gt .left p strong { font-weight: 600; }
.sign-wrap { display: flex; justify-content:center; margin-top: 55px; }
.sign-wrap .sign { text-align: center; }
.sign-wrap .sign span { display: block; }
.sign-wrap .sign strong { display: block; font-weight: 600; }

/* 비전 */
.vs-tit { line-height: 1em; text-align: center; font-size: 20px; font-weight: 400; letter-spacing: -.03em; margin-bottom: 15px; color: #ea5413; }
.vs-sec { position: relative; }
.vs-sec::after { content: ""; position: absolute; left: 0; bottom: 0; width: 50%; height: 70%; background: #fef5f1; z-index: -1; }
.vs-list { display: flex; flex-wrap: wrap; gap: 55px 44px; margin-top: 45px; }
.vs-list li { width: calc(100%/2 - 22px); }
.vs-list li .tit { line-height: 1.3em; font-size: 20px; font-weight: 600; letter-spacing: -.03em; color: #ea5413; margin: 32px 0 15px;}
.vs-sec2 { background: url(../images/sub/sub1-2-bg.jpg) center no-repeat; background-size: cover; padding: 120px 0; text-align: center; color: #fff; }
.vs-sec2 .line { width: 30px; height: 2px; background: #fff; margin: 0 auto 20px;}
.vs-sec2 p { font-size: 20px; font-weight: 500; letter-spacing: -.03em; line-height: 1.7em; }

/* 연혁 */
.hst { position: relative; }
.hst::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 1px; height: 96.5%; top: 25px; background: #ddd; }
.hst .group { width: 100%; margin-left: 50%; padding-left: 30px; margin-bottom: 110px; position: relative; }
.hst .group::before { content: ""; position: absolute; left: -5px; top: 25px; width: 10px; height: 10px; border-radius: 10px; background: #ea5413; } 
.hst .group:last-child { margin-bottom: 0; }
.hst .group .year { line-height: 1em; font-size: 50px; font-weight: 600; letter-spacing: -.03em; color: #ea5413; margin-bottom: 30px; }
.hst .group ul li { display: flex; margin-bottom: 6px;}
.hst .group ul li:last-child { margin-bottom: 0; }
.hst .group ul li .month { width: 55px; font-size: 18px; font-weight: 600; color: #000; }
.hst .group ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 18px; }
.hst .group ul li .txt strong { font-weight: 600; }
.hst .group ul li .txt p { position: relative; padding-left: 10px; }
.hst .group ul li .txt p::before { content: ""; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #505050; border-radius: 3px; }
.hst .group:nth-of-type(even) { width: 50%; text-align: right; margin-left: 0; padding-left: 0; padding-right: 30px; }
.hst .group:nth-of-type(even)::before { left: auto; right: -5px; }
.hst .group:nth-of-type(even) ul li { flex-direction: row-reverse; }
.img-tc { text-align: center; }
.ep-txt { font-size: 28px; font-weight: 500; line-height: 1.4em; margin-top: 60px; text-align: center; }

/* sourcing */
.sc-sec { position: relative; }
.sc-sec::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: #fef5f1; z-index: -1; }
.sc-sec.af::after { height: 60%; }
.sc-list { display: flex; gap: 60px; justify-content: center; flex-wrap: wrap;}
.sc-list li { width: calc(100%/3 - 40px); position: relative; overflow: hidden;}
.sc-list li:first-child { border-radius: 80px 0 0 0;}
.sc-list li:last-child { border-radius: 0 0 80px 0;}
.sc-list li:nth-of-type(odd) { margin-top: 50px; }
.sc-list li .imgbox { width: 100%; position: relative; }
.sc-list li .imgbox img { width: 100%; }
.sc-list li .txtbox { position: absolute; left: 0; bottom: 0; width: 100%; padding-left: 30px; padding-bottom: 40px; }
.sc-list li .num { line-height: 1em; color: #ea5413; font-size: 20px; margin-bottom: 18px; }
.sc-list li .tit { color: #fff; font-size: 28px; font-weight: 500; line-height: 1.5em; }

/* OEM/ODM */
.oem-box { padding: 70px 15px; background: #fff; text-align: center; background: #fff; margin-top: 100px; }
.oem-box h3 { font-size: 28px; font-weight: 600; color: #242424; letter-spacing: -.03em; line-height: 1.3em; margin-bottom: 45px; }
.oem-list { display: flex; justify-content: center; gap: 80px; padding: 0 100px; position: relative;}
.oem-list::before { content: ""; position: absolute; left: 0; top: 51px; width: 80%; height: 1px; border-top: 1px dashed #ea5413; margin: auto; right: 0; }
.oem-list li { text-align: center; width: calc(100%/5 - 64px); position: relative; }
.oem-list li::after { content: ""; position: absolute; right: -55px; width: 28px; height: 23px; background: url(../images/sub/sub2-1-4-right.png) center no-repeat; background-size: contain; top: 40px;}
.oem-list li:last-child::after { display: none; }
.oem-list li .num { line-height: 1em; font-size: 14px; color: rgba(0,0,0,0.5); margin: 20px 0 10px;}
.oem-list li .tit { line-height: 1.25em; font-size: 18px; color: #242424; font-weight: 600; letter-spacing: -.03em; }

/* 제품 */
.pd-sec { position: relative; }
.pd-sec::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 85%; background: #fef5f1; z-index: -1; }
.pd-tab { display: flex; justify-content: center; gap: 10px 15px; margin-bottom: 50px; }
.pd-tab li { width: 150px; height: 44px; background: #f6f6f6; color: #ababab; font-weight: 300; }
.pd-tab li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.pd-tab li.active { background: #ea5413; color: #fff; }
.pd-img { padding: 85px 120px; background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; display: flex; align-items: center; margin-bottom: 100px; }
.pd-img .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; }
.pd-img .info .tit { margin-bottom: 17px; font-size: 40px; font-weight: 600; line-height: 1.2em; letter-spacing: -.03em; }
.pd-img .info .txt { font-size: 18px; line-height: 1.5em; }
.pd-img .img { width: 300px; border-radius: 20px; overflow: hidden;}
.pd-img .img>div {position:relative; padding-bottom:60%; overflow:hidden; }
.pd-img .img 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;}
.pd-img.bg1 { background-image: url(../images/sub/sub3-1-1-bg.jpg); }
.pd-img.bg2 { background-image: url(../images/sub/sub3-1-2-bg.jpg); }
.pd-img.bg3 { background-image: url(../images/sub/sub3-2-bg.jpg); align-items: flex-start;}
.pd-img.bg3 .info { width: 36%; }
.pd-img.bg3 .info2 { width: 64%; }
.pd-img.bg3 .info2 .tit2 { font-size: 24px; font-weight: 600; line-height: 1.2em; letter-spacing: -.03em; margin-bottom: 10px; }
.pd-img.bg3 .info2 .txt { font-size: 18px; line-height: 1.5em; }
.pd-img.bg3 .info2 strong { display: block; margin-top: 20px; font-weight: 500; font-size: 18px; }
.pd-img.bg3 .info2 strong span { display: block; font-weight: 400; }
.pd-img.bg4 { background-image: url(../images/sub/sub3-3-bg.jpg); display: block; position: relative; }
.pd-img.bg4 .info { width: 100%; }
.pd-img.bg4 .info .tit2 { font-size: 24px; font-weight: 600; line-height: 1.2em; letter-spacing: -.03em; margin: 40px 0 10px; }
.pd-img.bg4 img { position: absolute; right: 120px; top: 85px; }

/* OTHERS */
.certi-list { display: flex; gap: 20px; flex-wrap: wrap; }
.certi-list li { width: calc(100%/5 - 16px); }
.certi-list li .thumb {position:relative; padding-bottom:68%; 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; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 2px solid #ddd;}

/* Contact Us */
.mapbox iframe { width: 100%; }
.lct { display: flex; align-items: flex-end; position: relative; margin-top: -75px; }
.lct .left { padding: 30px 40px; background: #ea5413; border-radius: 0 80px 0 0; display: inline-block;  text-align: left;}
.lct .left .sub5-logo { margin-top: 55px; display: block;}
.lct .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 50px; }
.lct .info .group { display: flex; padding: 17px 0;} 
.lct .info .group:first-child { border-bottom: 1px solid #ddd;}
.lct .info .group strong { letter-spacing: -.02em; color: #ea5413; display: inline-block; padding-right: 30px;  font-size: 16px; font-weight: 400; }
.lct .info .group span { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 18px; }
.lct .info .group2 { display: flex; flex-wrap: wrap;} 
.lct .info .group2:first-child { padding-right: 100px; position: relative; }
.lct .info .group2:first-child::after { content: ""; position: absolute; right: 50px; width: 1px; height: 16px; background: #eee; top: 5px;  }