@charset "utf-8";
/* 공통 */
.subtit2 { line-height: 1.5em; font-size: var(--font-size18); font-weight: 600; margin-bottom: 24px; color: var(--color-secondary);}
.subtit { font-size: var(--font-size32); font-weight: 700; line-height: 1.5em; color: #242424; margin-bottom: 50px; }
.subtit span { color: var(--color-secondary);}
.subtit.tc { text-align: center; }
.subtit.mg { margin-bottom: 0; }
.subtxt { font-size: var(--font-size18); line-height: 1.556em; }
.subtxt span { font-weight: 700; }

/* CEO 인사말 */
.gt .img { margin-bottom: 80px; border-radius: 40px; overflow: hidden;}
.gt .fx { display: flex; align-items: flex-start; }
.gt .fx>div { width: 50%; }
.gt .right { padding-left: 60px; }
.gt .right p { margin-bottom: 30px; }
.gt .right p:last-child { margin-bottom: 0; }
.gt .sign { margin-top: 40px; display: block; color: #242424; font-weight: 600; }
.organ { text-align: center; }

/* 비전 및 경영이념 */
.vs-sec1 { padding-bottom: 85px; position: relative; text-align: center; }
.vs-sec1 .sb { position: absolute; left: 0; bottom: 0; right: 0; margin: auto; z-index: -1; opacity: 0.03;}
.vs-sec1 h4 { margin-bottom: 28px; font-size: var(--font-size20); font-weight: 600; color: #242424; line-height: 1.5em; }
.vs-sec1 h4 span { color: var(--color-secondary); }
.vs-sec1 p { margin-bottom: 25px; }
.vs-sec1 p span { font-weight: 700; }
.vs-sec1 p:last-child { margin-bottom: 0; }
.vs-sec2 { text-align: center; margin: 120px 0;}
.vs-wrap { display: flex; flex-wrap: wrap; gap: 40px; }
.vs-wrap .col { width: calc(100%/2 - 20px); display: flex; align-items: center; padding: 60px; border-radius: 16px; border: 1px solid #ddd;}
.vs-wrap .col .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; text-align: left; }
.vs-wrap .col .info .num { width: 47px; height: 23px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--color-secondary); background: #dff2ff; font-size: 14px; font-weight: 600; }
.vs-wrap .col .info .tit { font-size: var(--font-size24); line-height: 1.5em; color: #242424; margin: 20px 0; font-weight: 600; }
.vs-sec3 { background: url(../images/sub/sub1-4-bg.jpg) center no-repeat; background-size: cover; color: #fff; text-align: center; }
.vs-sec3 .subtit { color: #fff; margin-bottom: 35px; }
.vs-sec3 .subtxt { font-weight: 600; }

/* 회사연혁 */
.hst { max-width: 960px; margin: 100px auto 0; position: relative; }
.hst::before { content: ""; position: absolute; left: 230px; top: 30px; width: 2px; height: 85%; background: #ddd; z-index: -1; }
.hst .group { display: flex; align-items: flex-start; margin-bottom: 100px; }
.hst .group:last-child { margin-bottom: 0; }
.hst .group .year { width: 230px; font-size: var(--font-size40); line-height: 1.5em; color: #242424; font-weight: 700; position: relative; }
.hst .group .year::after { content: ""; position: absolute; right: -17px; top: 13px; width: 31px; height: 31px; background: url(../images/sub/hst-dot.png) center no-repeat; background-size: contain; }
.hst .group .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 135px; padding-top: 16px; }
.hst .group .info ul li { display: flex; margin-bottom: 40px;}
.hst .group .info ul li:last-child { margin-bottom: 0; }
.hst .group .info ul li .month { width: 50px; font-weight: 600; color: #bdbdbd; }
.hst .group .info ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.hst .group .info ul li .txt span { font-weight: 700; }

/* 인증 및 특허 */
.ct-list { display: flex; flex-wrap: wrap; gap: 70px 40px; }
.ct-list li { width: calc(100%/4 - 30px); text-align: center; }
.ct-list li .img { position: relative;}
.ct-list li .img::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border: 1px solid #ddd; }
.ct-list li .txt { font-weight: 400; color: #242424; margin-top: 20px; }

/* 찾아오시는 길 */
.lct-tc { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 55px 0; font-size: var(--font-size22); font-weight: 600; color: #242424; }
.lct { display: flex; }
.lct li { width: auto; border-right: 1px solid #ddd; padding: 15px 115px; font-size: 17px; }
.lct li:first-child { padding-left: 0; }
.lct li:last-child { border-right: none; padding-right: 0; }
.lct li strong { display: block; margin-bottom: 10px; font-weight: 600; line-height: 1.5em; color: #242424;}