@charset "utf-8";
.sec:not(:last-child) {margin-bottom: clamp(50px, calc( 140 / var(--inner) * 100vw ), 140px);}
.large-tit {font-size: var(--font-size-38); font-weight: 700; color: var(--dark-color); line-height: 1.5789em;}
.small-tit {font-size: var(--font-size-28); font-weight: 800; color: var(--dark-color); line-height: 1.571428em;}
.group:not(:last-child) {margin-bottom: var(--space-100);}
.gradient-color {width: fit-content; color: transparent; background: var(--gradient-color); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}

.history-box {position: relative;}
.history-box .slogan {position: absolute; top: 50%; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 var(--container-space);}
.history-box-bot {position: relative; font-size: var(--font-size-38); line-height: 1.5789em; color: var(--dark-color); font-weight: 700;}
.history-box-bot .img {position: absolute; bottom: 0; right: clamp(10px, calc( 70 / var(--inner) * 100vw ), 70px); max-width: 35.9883%;}
.history-box-bot .txt {padding: var(--space-90) 0 var(--space-30);}
.history-timeline { position: relative; }
.history-year {display: flex;}
.history-year:not(:last-child) {margin-bottom:var(--space-70);}
.year-title {width: 21.4286%; font-size: var(--font-size-48); font-weight: 600; color: var(--dark-color); line-height: 1.2em;}
.history-list {position: relative;}
.history-list:before {content:''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, #eee 10%,  #eee 90%, transparent);}
.history-list li { position: relative; padding-left: var(--history-gap); padding-bottom: var(--space-20);}
.history-list li:not(:last-child) {margin-bottom: var(--space-30);}
.history-month:before {content:''; position: absolute; left: calc(var(--history-gap) * -1); bottom:-5px; width: 10px; height: 10px; margin-left: -5px; background: var(--primary-color); border-radius: 50%; }
.history-month {position: relative; font-weight: bold; padding: var(--space-25) 0; margin-bottom: var(--space-25); border-bottom: 1px solid #eee; font-size: var(--font-size-20); font-weight: 600;}
.history-month span {color: transparent; background: var(--gradient-color); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.history-desc {font-size: var(--font-size-22); font-weight: 500; line-height: 1.5em; color: var(--dark-color);}

.page-greetings, .page-overview {font-size: var(--font-size-20); line-height: 1.7em;}
.page-greetings .large-tit {margin-bottom: var(--space-90);}
.page-greetings .small-tit, .page-overview .large-tit {margin-bottom: var(--space-50);}
.greetings-welcome-cnt {display: flex; gap: clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px);}
.greetings-welcome-cnt .img, .ceo-right {width: 50%;}
.greetings-welcome-cnt .txt {padding-top: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px);}
.greetings-welcome-photo {margin-top:calc(var(--space-60) * -1);}
.greetings-welcome-photo .contain {gap: 30px;}
.color-box {position: relative;width: 24px; height: 80px;}
.color-box:before,  .color-box:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: var(--secondary-color);}
.color-box:after {top: 50%; background: var(--primary-color);}
.ceo-sign {display: flex; align-items: center; gap: var(--space-60); font-weight: 600; color: var(--dark-color);}

.page-overview .group:not(:last-child) {padding-bottom: var(--space-100); border-bottom: 1px solid #eee;}
.overview-diagram {margin-top: var(--space-90);}
.overview-cards {display: flex; gap: 10px; color: var(--light-color); font-weight: 800;}
.overview-cards .large-txt {font-size: var(--font-size-72); font-weight: 800; color: var(--dark-color); line-height: 1.1388em;}
.overview-card {flex:1; padding: var(--space-45) var(--space-40); border-radius: var(--radius-24); background: url('/images/sub/bg-overview01.jpg') no-repeat center center / cover;}
.overview-card:nth-child(2) {background: url('/images/sub/bg-overview02.jpg') no-repeat center center / cover;}
.overview-card:nth-child(3) {background: url('/images/sub/bg-overview03.jpg') no-repeat center center / cover;}
.overview-card:nth-child(4) {background: url('/images/sub/bg-overview04.jpg') no-repeat center center / cover;}
.overview-card .main-tag {margin-bottom: var(--space-35);}
.overview-card:nth-child(odd) .main-tag {color: var(--primary-color); -webkit-text-fill-color: var(--primary-color);}
.overview-card:nth-child(even) .main-tag {color: var(--secondary-color); -webkit-text-fill-color: var(--secondary-color);}
.overview-card:nth-child(even) .main-tag:before {background: var(--secondary-color);}
.overview-card .wrap {display: flex; flex-direction: column; gap: var(--space-15);}
.overview-card .wrap:not(:last-child) {margin-bottom: var(--space-40);}
.sec-business-model {padding: clamp(40px, calc( 160 / var(--inner) * 100vw ), 160px) 0; background: url('/images/sub/bg-business-model.jpg') no-repeat center center / cover; text-align: center; color: #fff;}
.opaque-txt {font-weight: 800; font-size: var(--font-size-24); opacity:.24;}
.sec-business-model .large-tit {margin-top: var(--space-50); color: #fff;}
.business-fields-cnt .img {display: flex; flex-direction: column; gap: 10px;}
.overview-cards .txt-deco {font-weight: 800;}

.page-vision {background: url('/images/sub/bg-vision.jpg') no-repeat top center / 100% auto;}
.page-vision .large-tit {margin-bottom: var(--space-70);}
.vision-keywords {display: flex; gap: 10px;}
.vision-keyword:last-child {margin-top: var(--space-60);}
.sec-vision-values {position: relative; padding-top: clamp(40px, calc( 130 / var(--inner) * 100vw ), 130px);}
.sec-vision-values:before {content:''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: url('/images/sub/bg-vision-values.jpg') no-repeat top right / cover;}
.vision-value-cards {display: flex; align-items: flex-start; gap: var(--space-20); color: #fff;}
.vision-value-card {position: relative;flex:1; border-radius: var(--radius-24); overflow: hidden;}
.vision-value-card:nth-child(even) {margin-top: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px);}
.vision-value-card .txt {display: flex; flex-direction: column; gap: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: var(--space-50) var(--space-40);}
.vision-value-card strong {flex:1; display: block; font-size: var(--font-size-20); font-weight: 800; line-height: 1.5em; opacity: .7;}
.vision-value-card h3 {position: relative; margin-bottom: var(--space-60); font-size: var(--font-size-32); font-weight: 800;}
.vision-value-card h3:before {content:''; position: absolute; bottom: -8px; left: 0; width: .7em; height: 4px; background: #fff;;}
.root_daum_roughmap .cont {display: none;}
.direction-map {width: 50%;}
.direction-map iframe,
.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important;}
.sec-direction .contain {display: flex; gap: var(--space-60); max-width:1400px; margin:0 auto; padding-top: clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px); border-top: 2px solid var(--dark-color);}
.direction-txt {flex:1; display: flex; gap: var(--space-40); flex-direction: column; justify-content: space-between; font-size: var(--font-size-24); line-height: 1.5em; color: #676767;}
.direction-txt .wrap:not(:last-child) {margin-bottom: var(--space-40);}
.direction-txt strong {display: block; margin-bottom: 10px; font-size: var(--font-size-20); font-weight: 800; line-height: 1.5em; color: var(--dark-color);}

.video-wrapper video {width: 100%;}
.page-business-field .large-tit {margin-bottom: var(--space-35);}
.page-business-field .large-tit + p {margin-bottom: var(--space-70);  font-size: var(--font-size-20); line-height: 1.7em;}
.sec-business-fields .group {padding-top: var(--space-50); border-top: 2px solid var(--dark-color);}
.right-deco-tit {position: relative; width: fit-content; line-height: 1em; padding-right: 40px; font-weight: 800;}
.right-deco-tit:after {content:''; position: absolute; right: 0; top: 0; width: 16px; height: 16px; background: var(--primary-color); border-radius: 100%;}
.group:nth-child(even) .right-deco-tit:after {background: var(--secondary-color);}
.business-field-txt {margin-top: clamp(30px, calc( 140 / var(--inner) * 100vw ), 140px);gap: clamp(30px, calc( 75 / var(--inner) * 100vw ), 75px); font-size: var(--font-size-20); line-height: 1.7em;}
.business-field-txt h3 {margin-bottom: var(--space-55);}
.business-fields-cards {flex:1; display: flex; gap: 10px;}
.business-fields-card {flex:1; padding: var(--space-50) var(--space-40); background: #f8f8f8; font-size: var(--font-size-18); line-height: 1.7778em;}
.business-fields-card .num {margin-bottom: var(--space-30); font-size: var(--font-size-32); line-height: 1em; font-weight: 700; color: #ccc; font-family: "IBM Plex Sans KR", sans-serif;}
.business-fields-card h3 {padding-bottom: var(--space-40); margin-bottom: var(--space-40); border-bottom: 2px dashed var(--light-color); font-size: var(--font-size-26); font-weight: 600; color: var(--dark-color);}
.business-fields-cnt {display: flex; gap: var(--space-40)}

.page-technologe, .page-certification, .page-coexistence, .page-safety, .page-talent {max-width: 1400px; margin: 0 auto;}
.technologe-head {margin-bottom: var(--space-60); font-size: var(--font-size-20); line-height: 1.7em;}
.technologe-head h2 {margin-bottom: var(--space-30);}
.technologe-schematic {margin-bottom: var(--space-100);}

.table-wrap table {width: 100%; border-collapse: collapse; border-top: 2px solid var(--dark-color); font-size: var(--font-size-18); line-height: 1.5em; font-weight: 500;}
.table-wrap thead th {background: #f4f4f4; border-bottom: 1px solid #ccc; color: var(--dark-color); font-weight: 600; color: var(--dark-color);}
.table-wrap tbody th {background: #fafafa; color: var(--dark-color); font-weight: 500;}
.table-wrap th, .table-wrap td {padding: clamp(10px, calc( 21 / var(--inner) * 100vw ), 21px) var(--space-30); border-right: 1px solid #ddd}
.table-wrap tbody th, .table-wrap tbody td {border-bottom: 1px solid #eee;}
.table-wrap thead th:last-child, .table-wrap tbody td:last-child {border-right: none;}
.table-wrap td strong {font-weight: 600; color: var(--light-color);}
.table-wrap td:last-child {text-align: center;}
.table-wrap li:not(:last-child) {margin-bottom: clamp(8px, calc( 12 / var(--inner) * 100vw ), 12px);}

.table-wrap.type2 td {text-align: center;}
.table-wrap.type2 td:last-child {text-align: left;}
.table-wrap.type2 strong {display: block; margin-bottom: var(--space-15); color: var(--dark-color);}
.indent10, .indent10-list li {padding-left: 10px; text-indent: -10px;}

.sec-technologe-environmental {display: flex; gap: var(--space-60); margin-bottom: var(--space-100);}
.sec-technologe-environmental .technologe-schematic {display: flex; align-items: center; justify-content: center; width: 50%; max-width: 690px; margin-bottom: 0; padding: 20px; border: 1px solid #dfdfdf; border-radius: var(--radius-24); overflow: hidden;}
.design-standards h3 {padding: var(--space-20) 0 var(--space-25); border-bottom: 2px solid var(--dark-color); font-size: var(--font-size-24); font-weight: 800; color: var(--dark-color);}

.design-standard-item {display: flex; gap: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); padding: var(--space-40) 0; border-bottom: 1px solid #eee;}
.design-standard-item .txt {display: flex; flex-direction: column; gap: var(--space-20); justify-content: space-between; flex:1;}
.design-standard-head {display: flex; flex-wrap: wrap; align-items: center; gap: 10px var(--space-20);}
.design-standard-head strong {display: block; width: fit-content; padding: 7px 30px; border-radius:35px; background: #f1f1f1; line-height: 1.5em; color: #878787;}
.design-standard-head strong.colored {background: var(--primary-color); color: #fff;}
.design-standard-head p {font-size: var(--font-size-14); line-height: 1.5em; color: var(--light-color); font-weight: 500;}
.standard-info ul {display: flex;}
.standard-info li {position: relative;}
.standard-info li:not(:last-child) {padding-right: var(--space-30); margin-right: var(--space-30);}
.standard-info li:not(:last-child):after {position: absolute; content:''; right: 0; top: 0; bottom: 0; width: 1px; border-right: 1px dashed #ccc;}
.standard-value {display: flex; align-items: flex-end; gap: 5px; font-size: var(--font-size-20); font-weight: 800; color: var(--dark-color); line-height: 1em;}
.standard-value strong {font-size: var(--font-size-38); font-weight: 800; color: var(--dark-color); line-height: 1em;}
.standard-tit {margin-top: var(--space-15); text-align: center; font-weight: 600; color: var(--light-color); line-height: 1em;}

.page-technologe .table-wrap thead th:nth-child(5) {background: var(--primary-color); color: #fff;}
.page-technologe .table-wrap tbody td:nth-child(5) {background: #f9fdff; color: var(--primary-color); font-weight: 700;}

.certification-head {margin-bottom: var(--space-70);}
.certification-list {text-align: center;}
.certification-list ul {display: flex; flex-wrap: wrap; margin: calc(clamp(10px, calc( 35 / var(--inner) * 100vw ), 35px) * -1);}
.certification-list li {width: 33.3335%; padding: clamp(10px, calc( 35 / var(--inner) * 100vw ), 35px);}
.certification-item {padding: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px); background: #f4f4f4; border-radius: var(--radius-24);}
.cert-tit {margin-top: var(--space-45); font-size: var(--font-size-24); font-weight: 800; line-height: 1.6667em; color: var(--dark-color);}
.cert-thumb {position: relative; width: 100%; padding-bottom:139.285714%; overflow: hidden;}
.cert-thumb img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: contain;}

.page-coexistence, .page-safety, .page-ethics, .page-talent {font-size: var(--font-size-20); line-height: 1.7em;}
.page-coexistence .large-tit {margin-bottom: var(--space-70);}
.sec-coexistence-welcome {position: relative;}
.sec-coexistence-welcome .right-img {position: absolute; right: 0; top: 0; width: 31.42857%;}
.sec-coexistence-welcome .bot-img {position: relative; width: 68.5714%;}
.page-coexistence .sec-txt {margin-bottom: 0;}
.sec-txt .small-tit {margin-bottom: var(--space-50);}
.sec-txt .small-tit:before {content:''; display: block; width: 16px; height: 16px; margin-bottom: var(--space-35); border-radius: 100%; background: var(--secondary-color);}
.sec-coexistence-activity {padding-top: var(--space-50);}
.sec-coexistence-activity>ul {display: flex; flex-wrap: wrap; gap: var(--space-80) 0; margin: 0 -10px;}
.sec-coexistence-activity>ul>li {width: 50%; padding: 010px;}
.activity-thumb {position: relative; width: 100%; margin-bottom: var(--space-50); padding-bottom: 55.07247%; overflow: hidden; border-radius: var(--radius-24);}
.activity-thumb img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.activity-tit {margin-bottom: var(--space-30); font-size: var(--font-size-28); font-weight: 800; color: var(--dark-color);}
.activity-txt li {display: flex; font-size: var(--font-size-20); line-height: 1.5em;}
.activity-txt li:not(:last-child) {margin-bottom: var(--space-15);}
.activity-txt strong {min-width: 60px; color: var(--light-color);}
[lang="en"] .activity-txt strong {min-width: 130px;}
.win-growth-cnt {display: flex; margin-top: var(--space-90);}
.win-growth-head , .win-growth-body {padding: var(--space-50) var(--space-40);}
.win-growth-head {display: flex; flex-direction: column; width: 17.8571%; background: linear-gradient(120deg, var(--primary-color), var(--secondary-color));}
[lang="en"] .win-growth-head {width: 20%;}
.win-growth-head .cnt {font-size: var(--font-size-24); font-weight: 800; color: #fff; opacity: .24; line-height: 1.5em;}
.win-growth-body {display: flex; justify-content: space-between; gap: 20px; border-top: 2px solid var(--dark-color); border-bottom: 2px solid var(--dark-color);}
.win-growth-cnt strong {font-weight: 800; font-size: var(--font-size-32); color: var(--dark-color);}
.win-growth-cnt .win-growth-head strong {color: #fff;}
.win-growth-item {display: flex; flex-direction: column; height: 100%;}
[lang="en"] .win-growth-item {flex:1;}
.win-growth-item .tit strong {display: block; margin-bottom: var(--space-15);}
.win-growth-item .tit small {display: block; margin-bottom: var(--space-45); color: var(--light-color);}
.win-growth-num.win-growth-fraction {padding-bottom: 0.1em;}
.win-growth-num {margin-bottom: var(--space-15); font-size: clamp(35px, calc(100 / var(--inner) * 100vw), 100px); line-height: 0.8em; font-weight: 800;}
.win-growth-fraction {color: #ccc;}
.win-growth-cnt .win-growth-num.win-growth-fraction strong {display: inline-block;font-size: var(--font-size-28); color: var(--light-color);}
.circle-list li {position: relative; padding-left: 15px; font-size: var(--font-size-18); line-height: 1.5em;}
.circle-list li:before {position: absolute; display: block; content:''; left: 0; top: .7em; width: 5px; height: 5px; border-radius: 100%; background: #ccc;}
.circle-list li:not(:last-child) {margin-bottom: 9px;}

.safety-head h2 {margin-bottom: var(--space-70); text-align: center;}
.sec-safety-activity>ul>li:not(:last-child) {margin-bottom: var(--space-80);}
.sec-safety-activity .activity-item {display: flex; align-items: center; gap: 20px clamp(30px, calc( 120 / var(--inner) * 100vw ), 120px);}
.sec-safety-activity .activity-img {flex:1;}
.sec-safety-activity .activity-txt {width: 50%;}
.sec-safety-activity .num {color: var(--secondary-color); font-family: "IBM Plex Sans KR", sans-serif; font-size: var(--font-size-24); font-weight: 700;}
.sec-safety-activity h3 {margin: var(--space-40) 0 var(--space-30);}
.sec-ethic-welcome {gap:var(--space-50);}

.sec-ethic-flex .contain {gap: var(--space-50);}
.sec-ethic-flex .txt-cnt {width: 50%;}
.sec-ethic-flex h3 {margin-bottom: var(--space-50);}
.sec-ethic-principle ul {display: flex; flex-wrap: wrap; margin: -5px;}
.sec-ethic-principle li {width: 25%; padding: 5px;}
.ethic-principle-card {height: 100%; padding: var(--space-40); background: #f4f4f4; text-align: center; font-weight: 500;}
.ethic-principle-card h3 {padding: 9px 20px; margin-bottom: var(--space-30); border: 4px solid var(--primary-color); background: #fff; font-size: var(--font-size-24); font-weight: 800; line-height: 1.5em; color: var(--primary-color);}
.sec-ethic-principle li:nth-child(odd) .ethic-principle-card h3 {border-color: var(--secondary-color); color: var(--secondary-color);}
.ethic-principle-card p {font-size: var(--font-size-18); line-height: 1.5em;}
.page-ethics .main-tag {margin-bottom: var(--space-40); color: var(--primary-color); -webkit-text-fill-color: var(--primary-color);}
.ethic-process-items {display: flex;}
.process-item {width: 15.7145%; text-align: center;}
.process-circle {position: relative; margin-bottom: var(--space-30); font-size: var(--font-size-24); font-weight: 800; line-height: 1em; color: var(--dark-color); border: 1px solid var(--primary-color); border-radius: 100%;}
.process-circle:before {content:''; display: block; width: 100%; padding-bottom: 100%; }
.process-circle .wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; gap: var(--space-20); top: 0; left: 0; width: 100%; height: 100%;}
.process-circle .num {font-family: "IBM Plex Sans KR", sans-serif; font-weight: 700; color: var(--primary-color);}
.process-arrow {flex:1; position: relative; display: flex; align-items: center; justify-content: center;}
.process-arrow:before {content:''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--primary-color); z-index: -1;}
.process-arrow .wrap {width: 57px; height: 57px; background: #fff url('/images/sub/ethic-process-arrow.jpg') no-repeat center center / 17px 17px;}
.process-item:last-child {font-weight: 600; color: var(--dark-color);}
.process-item:last-child .process-circle {background: var(--gradient-color); color: #fff;}
.process-item:last-child .process-circle .num {color: #fff;}

.sec-report-form h2 {padding-bottom: var(--space-60); margin-bottom: var(--space-45); border-bottom: 1px solid var(--dark-color);}
.sec-report-form .contain > strong {display: block; margin-bottom: var(--space-60);}
.sec-report-form p a {color: #0b6cab;}
.report-form {margin-top: var(--space-90);}
.report-form strong {display: block; margin-bottom: var(--space-15); font-size: var(--font-size-18); font-weight: 600; line-height: 1.5em; color: var(--dark-color);}
.report-form .row {display: flex; gap: var(--space-40) 20px;}
.report-form .row:not(:last-child) {margin-bottom: var(--space-40);}
.report-form .col {flex:1;}
.report-form .input {width: 100%;}
.report-form textarea.input {height: 240px;}
.form-submit {display: flex; align-items: center; gap: 20px var(--space-40);}
.form-submit .check {font-size: var(--font-size-16); font-weight: 600;}
.form-submit .checkbox label:before {border-radius:100%;}
.form-submit .checkbox a {text-decoration: underline; text-underline-offset: 3px;}
.form-submit .btn {width: 191px; height: 60px; background: var(--dark-color); border: 0; color: #fff; font-weight: 600;}
.page-hr .large-tit {margin-bottom: var(--space-110); text-align: center;}
#contArea.hr {background: url('/images/sub/bg-human-resource.jpg') no-repeat center top 10% / cover;}

.sec-talent-welcome h2 {margin-bottom: var(--space-100);}
.sec-talent-welcome strong {display: block; margin-top: var(--space-35);}
.talent-welcome-cnt {display: flex; gap: var(--space-50);}
.talent-welcome-cnt .photo {flex: 1; gap: var(--space-50);}
.talent-welcome-cnt .txt {width: 50%; padding-top: var(--space-60); border-top: 2px solid var(--dark-color);}

.sec-talent {display: flex; gap: clamp(40px, calc( 150 / var(--inner) * 100vw ), 150px) clamp(35px, calc( 240 / var(--inner) * 100vw ), 240px);}
.talent-items {flex:1;}
.talent-item:not(:last-child) {margin-bottom: clamp(40px, calc( 150 / var(--inner) * 100vw ), 150px);}
.sec-talent .right {margin-top: calc(clamp(40px, calc( 280 / var(--inner) * 100vw ), 280px) * -1);}
.right .talent-item {width: fit-content; margin-left: auto;}
.talent-item.type2 {width: 82.7587%;}
.talent-item .img {margin-bottom: var(--space-35);}
.talent-item h3 {margin-bottom: var(--space-25);}

.sec-benefits-welcome .large-tit {margin-bottom: var(--space-70);}
.benefits-list ul {display: flex; flex-wrap: wrap; margin: -10px;}
.benefits-list li {width: 33.33335%; padding: 10px;}
.benefits-card {position: relative; height: 100%; padding: var(--space-50) var(--space-40); background: #f8f8f8; border-radius: var(--radius-16); overflow: hidden;}
.benefits-card .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.benefits-card h3 {margin: var(--space-25) 0 var(--space-20); font-size: var(--font-size-22); font-weight: 700; color: var(--dark-color);}
.benefits-card p {font-size: var(--font-size-18); line-height: 1.5em;}