@charset "utf-8";

/* CEO 인사말 */
.gt { display: flex; }
.gt .left { width: 58%; padding: 70px 25px 0 60px; position: relative; }
.gt-sb { position: absolute; left: 0; top: 0; z-index: -1; }
.gt .left h3 { color: #242424; font-size: 30px; font-weight: 400; letter-spacing: -.03em; line-height: 1.25em; margin-bottom: 55px; }
.gt .left h4 { font-size: 20px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; color: #454545; }
.gt .left h4 span { color: var(--color-primary); }
.gt .left p { margin-top: 20px; }
.gt .ceo h5 { line-height: 1em; font-weight: 500; margin-top: 55px; font-size: 16px; }
.gt .ceo strong { display: inline-block; color: #242424; font-size: 22px; padding-left: 6px; }
.gt .right { width: 42%; }
.gt .right img { border-radius: 14px; }

/* 회사연혁 */
.hst {position: relative; padding-top: 80px; }
.hst::before { content: ""; position: absolute; left: 0; right: 0; width: 1px; top: 0; height: 96%; background: #ddd; margin: auto; }
.hst::after { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 7px; height: 7px; border-radius: 7px; background: #ddd; }
.hst .group { display: flex; align-items: flex-start; margin-bottom: 50px; }
.hst .group:last-child { margin-bottom: 0; }
.hst .group .img-wrap { width: 50%; padding-right: 60px; text-align: right;}
.hst .group .img-wrap .img img { border-radius: 15px; width: 100%; }
.hst .group .info { width: 50%; padding-left: 60px; position: relative; }
.hst .group .info::before { content: ''; position: absolute; width: 40px; height: 40px; border-radius: 100%; border: 10px solid var(--color-primary); left: -20px; top: 0; background: #fff; }
.hst .group .info .year { line-height: 1em; font-size: 34px; font-weight: 700; color: #242424; margin-bottom: 35px; padding-top: 2px; }
.hst .group .info ul li { display: flex; margin-bottom: 15px; }
.hst .group .info ul li:last-child { margin-bottom: 0; }
.hst .group .info ul li .month { width: 60px; font-size: 18px; font-weight: 700; color: var(--color-primary); }
.hst .group .info ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 18px; font-weight: 400; }
.hst .group:nth-of-type(even) { flex-direction: row-reverse;}
.hst .group:nth-of-type(even) .img-wrap { padding-right: 0; padding-left: 60px; text-align: left; }
.hst .group:nth-of-type(even) .info { padding-left: 0; padding-right: 60px; text-align: right; }
.hst .group:nth-of-type(even) .info::before { left: auto; right: -20px; border-color: #999;}
.hst .group:nth-of-type(even) .info ul li { flex-direction: row-reverse; }
.hst .group:nth-of-type(even) .info ul li .month { color: #999;}

/* 카카오 배너 */
.kakao-ban { display: flex; align-items: center; justify-content: space-between; background: #f7e409; border-radius: 25px; padding: 50px 70px; margin-bottom: 100px; }
.kakao-ban .left { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; color: #381e1f; }
.kakao-ban .left .tit { font-size: 30px; line-height: 1.3em; font-weight: 300; margin: 15px 0 25px; }
.kakao-ban .left .tit strong { font-weight: 800; }
.kakao-ban .left .txt { line-height: 1.556em; font-weight: 400; }
.kakao-ban .right { width: 240px; }
.kakao-ban .right a { width: 100%; height: 60px; border-radius: 30px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #381e1f; color: #381e1f; font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1em;}
.kakao-ban .right a.tel-btn { margin-top: 20px; background: #381e1f; color: #fff; }