@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;}
.sub-pd.gray { background: #f4f4f4; }

/* CEO 인사말 */
.gt { display: flex; flex-wrap: wrap;}
.gt>div { width: calc(100%/2);}
.gt .left { padding-right: 100px; }
.gt .logo-fx { display: flex; align-items: center; margin-top: 30px; gap: 50px; }
.gt .logo-fx .line { flex: 1 1 auto; min-width: 0; width: 1%; height: 1px; background: #21368b;}
.gt .right { padding-top: 50px; }
.gt .right h2 { font-size: 56px; font-weight: 700; line-height: 1.3em; letter-spacing: -.03em; color: #21368b; margin-bottom: 45px; }
.gt .right h2 span { color: #fdb913; }
.gt .right p { font-size: 18px; line-height: 1.6em; margin-bottom: 25px; }
.gt .right p:last-child { margin-bottom: 0; }
.gt .right p strong { color: #121212; font-weight: 700; }
.gt .sign { margin-top: 70px; display: flex; align-items: center; justify-content: flex-end; gap: 30px; }
.gt .sign h4 { color: #121212; line-height: 1em; font-size: 20px; font-weight: 700; letter-spacing: -.03em;}

/* 연혁 */
.hst { position: relative;}
.hst::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 1px; height: 100%; background: #ddd; }
.hst .group { display: flex; flex-wrap: wrap; margin-bottom: 200px; }
.hst .group:last-child { margin-bottom: 0; }
.hst .group>div { width: calc(100%/2);}
.hst .group .info {padding-left: 80px; }
.hst .group .info .big-year { font-size: 80px; font-weight: 800; color: #eee; letter-spacing: -.03em; line-height: 1.2em; font-family: 'paperlogy'; margin-bottom: 90px; }
.hst .group .info ul li { display: flex; margin-bottom: 80px; }
.hst .group .info ul li:last-child { margin-bottom: 0; }
.hst .group .info ul li .year { width: 145px; color: #21368b; line-height: 1.2em; font-size: 40px; font-weight: 800; letter-spacing: -.03em; }
.hst .group .info ul li .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 10px;}
.hst .group .info ul li .txtbox .col { display: flex; font-size: 18px; margin-bottom: 20px; }
.hst .group .info ul li .txtbox .col:last-child { margin-bottom: 0; }
.hst .group .info ul li .txtbox .col .month { width: 40px; font-weight: 700; color: #121212; letter-spacing: -.03em; }
.hst .group .info ul li .txtbox .col .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.hst .group .info ul li .txtbox .col .txt span { font-size: 16px; color: #878787; }
.hst .group:nth-of-type(even) { flex-direction: row-reverse; }
.hst .group:nth-of-type(even) .info { padding-left: 0; padding-right: 80px; text-align: right;}
.hst .group:nth-of-type(even) .info ul li { flex-direction: row-reverse;}
.hst .group:nth-of-type(even) .info ul li .txtbox .col { flex-direction: row-reverse; }

/* 비전 및 경영이념 */
.vs-bg { background: url(../images/sub/sub1-3-bg.jpg) no-repeat center center / cover; height: 55vh; margin-bottom: 150px; }
.vs-bg .contain { display: flex; flex-wrap: wrap; align-items: center;height: 100%; }
.vs-bg .contain::after { content: none;}
.vs-bg .contain>div { width: calc(100%/2);}
.vs-bg .title { font-size: 180px; font-weight: 700; color: rgba(255, 255, 255, .2); letter-spacing: -.03em; line-height: 1em; }
.vs-bg .text { font-weight: 300; font-size: 20px; line-height: 1.7em; color: #fff; }
.vs-tit { font-size: 40px; font-weight: 700; line-height: 1.2em; color: #121212; text-align: center;}
.vs-fx { display: flex; align-items: center; position: relative; margin-top: 80px; }
.vs-fx .img { width: 50%; padding-right: 80px; }
.vs-fx .info { width: 50%; }
.vs-fx .info .num { display: inline-block; font-size: 18px; font-weight: 700; color: #121212; letter-spacing: -.03em; border-bottom: 2px solid #000; line-height: 1.3em; }
.vs-fx .info h3 { font-size: 24px; font-weight: 700; color: #21368b; margin: 25px 0 32px;}
.vs-fx .info p { font-size: 18px; line-height: 1.6em; font-weight: 300; }
.vs-fx .icon { position: absolute; right: 0; top: 0; z-index: -1;}

/* CI 소개 */
.ci-sec { text-align: center; margin-top: 160px; padding: 0 !important; margin-bottom: 150px; }
.ci-sec .contain { top: -160px; position: relative;}
.ci-bg { max-width: 1200px; width: 100%; margin: auto; background: url(../images/sub/ci-bg.jpg) no-repeat center center / cover; height: 315px; display: flex; align-items: center; justify-content: center; position: relative;  }
.ci-sec p { font-size: 18px; line-height: 1.6em; color: #121212; margin: 50px 0;}
.ci-download { width: 240px; height: 55px; border-radius: 30px; background: #21368b; display: flex;  justify-content: center; gap: 15px; line-height: 1em; font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -.03em; align-items: center; margin: auto;}
.ci-download img { position: relative; top: -1px;}
.ci-fx { margin-bottom: 150px; display: flex; align-items: flex-start;}
.ci-fx:last-child { margin-bottom: 0; }
.ci-fx .ci-tit { font-size: 32px; font-weight: 700; color: #121212; letter-spacing: -.03em; position: relative; width: 35%; padding-right: 20px; }
.ci-fx .ci-tit.bf::before { display: none; }
.ci-fx .ci-tit::before { content: ""; display: block; width: 40px; height: 3px; background: #21368b; margin-bottom: 20px; }
.ci-info { width: 65%; display: flex; flex-wrap: wrap; }
.ci-info>div {width: calc(100%/3); padding: 35px 30px 26px; color: #fff; }
.ci-info>div .tit { font-size: 20px; line-height: 1.2em; margin-bottom: 17px; font-weight: 700; }
.ci-info>div .txt { line-height: 2.1em; font-size: 14px; font-weight: 300; }
.ci-info>div.blue { background: #21368b; }
.ci-info>div.gray { background: #919195; }
.ci-info>div.yellow { background: #fdb913; }
.ci-info>div.silver { background: #8e8d90; }
.ci-info>div.gold { background: #998144; }
.ci-info>div.black { background: #0b0905; }
.ci-info.db { display: block; }
.ci-info.db>div { width: 100%; color: #121212; padding: 0;}
.fc-detail { font-size: 16px; line-height: 1.6em; }

/* 오시는 길 */
.map-tit { font-size: 24px; font-weight: 700; color: #121212; letter-spacing: -.03em; margin-top: 40px; }
.lct { display: flex; margin-top: 30px; gap: 15px 80px; flex-wrap: wrap;}
.sns-group { display: inline-flex; align-items: center;}
.sns-group .title { display: flex; align-items: center;}
.sns-group .title .icon { width: 30px; margin-right: 10px; }
.sns-group .title .tit { font-size: 18px; font-weight: 700; color: #121212; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 0; }
.sns-group .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 20px; padding-top: 2px;}
.ci-fx .map iframe { width: 100%; height: 430px; }

/* 제품 */
.pd-tab { margin-bottom: 60px; display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap;}
.pd-tab li a { height: 60px; white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius: 30px; background: #f4f4f4; font-weight: 300; padding: 0 40px;} 
.pd-tab li.active a { background: #21368b; color: #fff; }

/* 솔루션 */
.sl-wrap .sl-box { margin-bottom: 150px; }
.sl-wrap .sl-box:last-child { margin-bottom: 0; }
.sl-wrap .sl-img { position: relative; margin-bottom: 20px; }
.sl-wrap .sl-img h3 { font-size: 32px; font-weight: 700; letter-spacing: -.03em; color: #fff; line-height: 1.2em; padding-left: 40px; padding-bottom: 30px; position: absolute; left: 0; bottom: 0; }
.sl-list { display: flex; flex-wrap: wrap; gap: 12px; }
.sl-list li { width: calc(100%/3 - 8px); border: 1px solid #ddd; text-align: center; padding: 40px 10px; position: relative; }
.sl-list li::after { content: ""; position: absolute; right: -36px; top: 0; bottom: 0; margin: auto; width: 56px; height: 56px; background: url(../images/sub/sub3-1-right.png) center no-repeat; background-size: contain;z-index: 1; }
.sl-list li:last-child::after { display: none; }
.sl-list li .tit { font-size: 24px; font-weight: 700; letter-spacing: -.03em; color: #121212; line-height: 1em; margin: 15px 0;}
.sl-list li .txt { font-size: 18px; }

/* 특허증, 인증서 */
.certi-tab { display: flex; justify-content: center; gap: 10px; margin-bottom: 60px; }
.certi-tab li a { width: 225px; height: 60px; border-radius: 30px; background: #f4f4f4; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; line-height: 1em; letter-spacing: -.03em;}
.certi-tab li.active a { background: #21368b; color: #fff; }
[data-tab-content] { display: none; }
[data-tab-content].active { display: block; }
.certi-list { display: flex; flex-wrap: wrap; gap: 55px 40px;}
.certi-list li { width: calc(100%/4 - 30px); text-align: center;}
.certi-list li .thumb {position:relative; padding-bottom:145%; overflow:hidden; margin-bottom: 20px; box-shadow: 0 5px 5px rgba(0, 0, 0, .3);}
.certi-list li .thumb img {position:absolute; top:50%; left:50%; transition:.4s ease-in-out; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto; height:auto !important; object-fit:contain;}
.certi-list li .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 4px solid #2c2c2c;}
.certi-list li .tit { font-size: 18px; font-weight: 600; letter-spacing: -.03em; color: #121212; line-height: 1.5em; }

/* GTEX */
.gtex-fx { display: flex; align-items: center; margin-bottom: 80px; }
.gtex-fx:last-child { margin-bottom: 0; }
.gtex-fx>div { width: calc(100%/2);}
.gtex-fx .img { padding-right: 80px; }
.gtex-fx .info p { font-size: 18px; line-height: 1.6em; }
.gtex-img { text-align: center; margin-top: 60px; margin-left: 0; }
[lang="en"] .gtex-img { margin-left: 0; }
.gtex-ci { display: flex; align-items: flex-start;}
.gtex-ci .img { width: 440px; height: 440px; background: url(../images/sub/gtex-bg.jpg) center no-repeat; background-size: contain; display: flex; align-items: center; justify-content: center; text-align: center; margin-right: 60px; }
.gtex-ci .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.gtex-ci .info h2 { font-size: 56px; font-weight: 700; color: #121212; letter-spacing: -.03em; line-height: 1em; margin-bottom: 30px; }
.gtex-ci .info p { font-size: 18px; line-height: 1.6em; margin-bottom: 25px; }
.gtex-ci .info p:last-child { margin-bottom: 0; }
.gtex-ci .ci-info { width: 100%; margin-top: 40px; }
.ci-tbl { border-collapse: collapse; width: 100%; color: #fff; }
.ci-tbl tbody { display: flex; }
.ci-tbl tr { width: 33.3333%; display: block; }
.ci-tbl tr.bg1 { background: #21368b; }
.ci-tbl tr.bg2 { background: #919195; }
.ci-tbl tr.bg3 { background: #fdb913; }
.ci-tbl tr th { text-align: left; padding: 40px 0 15px 30px; line-height: 1em; font-size: 20px; font-weight: 700; letter-spacing: -.03em; display: block; border: none !important;}
.ci-tbl tr.bg1 th { background: #21368b; }
.ci-tbl tr.bg2 th { background: #919195; }
.ci-tbl tr.bg3 th { background: #fdb913; }
.ci-tbl tr td { padding-bottom: 30px; line-height: 2.2em; font-size: 14px; font-weight: 300; letter-spacing: -.03em; padding-left: 30px; text-align: left; display: block; border: none !important;}

/* 문의하기 */
.ct-box { margin-bottom: 120px; }
.ct-fx { display: flex; margin-top: 35px; flex-wrap: wrap;}
.ct-fx>div { width: calc(100%/2);}
.ct-fx .left { font-size: 32px; line-height: 1.3em; color: #121212; letter-spacing: -.03em; font-weight: 300; }
.ct-fx .left strong { font-weight: 600; display: block; }
.ct-fx .right ul li { display: flex; margin-bottom: 20px; font-size: 18px;  }
.ct-fx .right ul li:last-child { margin-bottom: 0; }
.ct-fx .right ul li .tit { width: 75px; font-weight: 700; color: #121212; letter-spacing: -.03em; }
.ct-fx .right ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }