@charset "utf-8";
.doc-cnt50 {margin-bottom:var(--space-50);}
.doc-cnt100 {margin-bottom:var(--space-100);}
.doc-cnt150 {margin-bottom:var(--space-150);}

.fixed-section-container {position:relative; height:400vh; z-index:1;}
.fixed-background {position:sticky; top:0; left:0; width:100%; height:100vh; overflow:hidden; z-index:1;}
.background-section {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; opacity:0; transition:opacity 1s ease;}
.background-section.active {opacity:1;}
.greeting {height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff;}
.greeting.left {align-items:flex-start}
.greeting.center {align-items:center; text-align:center;}
.greeting.right {align-items:flex-end; text-align:right;}
.greeting .txt1 {font-size:clamp(30px, calc( 200 / var(--inner) * 100vw ), 200px); margin-bottom:var(--space-100); letter-spacing:-.01em; font-family:var(--ikaros); transform:rotate(0.04deg); line-height:.7em; opacity:.2;}
.greeting .txt2 {font-size:var(--font-size-24); line-height:1.58em; color:#fff; letter-spacing:-.01em;}

.history {margin-top:clamp(100px, calc( 300 / var(--inner) * 100vw ), 300px);}
.tab-navigation {margin-bottom:var(--space-150); display:flex; justify-content:center; gap:var(--space-20);}
.tab-button {min-width:clamp(140px, calc( 180 / var(--inner) * 100vw ), 180px); height:clamp(45px, calc( 60 / var(--inner) * 100vw ), 60px); border-radius:30px; padding:0 10px; font-size:var(--font-size-18); align-items:center; justify-content:center; display:flex; background-color:#f5f5f5; border:none; cursor:pointer; transition:all 0.3s ease;}
.tab-button.active {font-weight:700; background-color:var(--color-primary); color:#fff;}

.timeline {position:relative;}
.timeline:after {width:2px; content:''; position:absolute; background-color:#e0e0e0; top:0; bottom:0; left:50%; margin-left:-1px; z-index:0;}
.timeline-progress {width:2px; position:absolute; background-color:var(--color-primary); top:0; left:50%; margin-left:-1px; z-index:1; height:0; transition:height 0.1s linear;}

.year-label {font-size:clamp(30px, calc( 150 / var(--inner) * 100vw ), 150px); font-family:var(--ikaros); transform:rotate(0.04deg); color:#878787; position:relative; z-index:1; transition:color 0.3s ease; line-height:.7em;}

.year-content {gap:0 clamp(40px, calc( 200 / var(--inner) * 100vw ), 200px); display:flex; justify-content:space-between;}
.year-content .col {width:50%;}

/* .year-content .content-image img {max-width:100%; border-radius:4px; box-shadow:0 2px 10px rgba(0,0,0,.1);} */
.year-content ul {margin-top:var(--space-60);}
.year-content ul li {font-size:var(--font-size-24); padding-left:20px; font-weight:700; color:#878787; position:relative;}
.year-content ul li:before {position:absolute; content:'•'; left:0; color:#878787;}

.year-section {padding:clamp(100px, calc( 135 / var(--inner) * 100vw ), 135px) 0; position:relative;}
.year-section.first {padding-top:0;}
.year-section:last-child {padding-bottom:0;}
.year-section.active .year-label {color:var(--color-primary);}
.year-section.active .dot-marker {width:clamp(24px, calc( 60 / var(--inner) * 100vw ), 60px); height:clamp(24px, calc( 60 / var(--inner) * 100vw ), 60px); background-image:url('/images/sub/hisdot.png'); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; z-index:2; left:50%; transform:translateX(-50%); transition:background-color 0.3s ease;}
.year-section:nth-child(even) .col-img {text-align:right;}
.year-section:nth-child(even) .year-label {text-align:left;}
.year-section:nth-child(even) .year-content {flex-direction:row-reverse;}

.year-section:nth-child(odd) .col-cnt {text-align:right;}
.year-section:nth-child(odd) .year-content ul li {padding-left:0; padding-right:20px;}
.year-section:nth-child(odd) .year-content ul li:before {left:auto; right:0;}
.year-section.active .year-content ul li {color:var(--color-bk);}

.policy-wide {padding:clamp(30px, calc( 150 / var(--inner) * 100vw ), 150px) 15px; background:url(/images/sub/policybg.jpg) 50% 50% / cover no-repeat; text-align:center; color:#fff;}
.policy-wide h2 {font-size:var(--font-size-32); font-weight:700; letter-spacing:-.01em;}
.policy-wide .txt1 {font-size:clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); margin:var(--space-35) 0; line-height:.7em; font-family:var(--ikaros); transform:rotate(0.04deg); letter-spacing:-.01em;}
.policy-wide .txt2 {font-size:var(--font-size-20); letter-spacing:-.01em; line-height:1.3em;}

.doc-title {margin-bottom:var(--space-50);}
.doc-title.center {text-align:center;}
.doc-title .txt1 {font-size:var(--font-size-32); margin-bottom:var(--space-50); letter-spacing:-.01em; line-height:1.2em; font-weight:500; color:var(--color-bk);}
.doc-title .txt1 span {font-weight:500;}
.doc-title .txt1 span.c1 {color:var(--color-primary);}
.doc-title .txt1 span.c2 {color:var(--color-secondary);}
.doc-title .txt2 {font-size:var(--font-size-18); letter-spacing:-.01em; line-height:1.78em;}
.doc-title .txt1.white {color:#fff;}

.policy {padding:140px 0; text-align:center;}

.quality {padding:var(--space-150) 0; background-color:#f9f9f9;}
.quality-list {display:flex; border-right:1px solid #ddd;}
.quality-list li {padding:var(--space-35) var(--space-30); border:1px solid #ddd; border-right:0; width:20%; background-color:#fff;}
.quality-list .num {font-size:var(--font-size-20); margin-bottom:25px; display:inline-block; font-weight:700; letter-spacing:-.01em; line-height:1.2em; position:relative;}
.quality-list .num:after {width:20px; height:2px; bottom:-10px; position:absolute; content:''; left:50%; transform:translateX(-50%);}
.quality-list li:nth-child(odd) .num {color:var(--color-primary);}
.quality-list li:nth-child(even) .num {color:var(--color-secondary);}
.quality-list li:nth-child(odd) .num:after {background-color:var(--color-primary);}
.quality-list li:nth-child(even) .num:after {background-color:var(--color-secondary);}

.quality .bot {text-align:center;}
.quality .bot p {margin:var(--space-35) 0 var(--space-50); font-size:var(--font-size-18); letter-spacing:-.01em; line-height:1.78em;}

.report-title .txt1 {font-size:var(--font-size-20); margin-bottom:10px; font-weight:700; color:var(--color-bk); letter-spacing:-.03em; line-height:1.3em;}
.report-title .txt2 {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em;}

.procedure {margin:0 -25px; display:flex; text-align:center;}
.procedure .item {padding:0 25px; width:20%; position:relative;}
.procedure .item:after {width:24px; height:24px; right:-12px; position:absolute; content:''; top:50%; transform:translateY(-50%); background:url(/images/sub/procedure-arrow.png) 50% 50% / contain no-repeat;}
.procedure .box {height:290px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid var(--color-bk);}
.procedure .tt {font-size:var(--font-size-20); color:var(--color-bk); font-weight:700; letter-spacing:-.02em; line-height:1.3em;}
.procedure .ico {margin:var(--space-15) 0 var(--space-20);}
.procedure .first .box {background-color:var(--color-primary); border-color:var(--color-primary); color:#fff;}
.procedure .last .box {background-color:var(--color-secondary); border-color:var(--color-secondary); color:#fff;}
.procedure .item:first-child .tt,
.procedure .item:last-child .tt {color:#fff;}
.procedure .item:last-child:after {display:none;}

.target .tit {margin-bottom:12px; font-size:var(--font-size-18); font-weight:700; color:var(--color-bk); letter-spacing:-.01em; line-height:1.3em; position:relative;}
.target .tit:before {width:3px; height:20px; top:2px; position:absolute; content:''; left:0; background-color:var(--color-primary);}
.target > * {padding-left:15px;}
.target ol li {margin-bottom:10px; line-height:1.4em;}
.target ol li:last-child {margin-bottom:0;}

.register {padding:var(--space-100) 0 var(--space-150); background-color:#f9f9f9;}

.promise {padding-bottom:var(--space-150); text-align:center; background:url(/images/sub/promisebg.jpg) 50% 50% / cover no-repeat;}
.promise .img {display:inline-block; position:relative; z-index:1;}
.promise .img:after {top:150px; box-shadow:10px 10px 20px rgba(0,0,0,.6); z-index:-1; position:absolute; content:''; bottom:0; right:0; width:100%;}

.subtab {margin-bottom:var(--space-80);}
.subtab ul {justify-content:center; gap:0 10px; display:flex;}
.subtab ul li a {min-width:112px; height:44px; border-radius:30px; align-items:center; justify-content:center; background-color:#f4f4f4; display:flex; padding:0 10px; text-align:center;}
.subtab ul li.active a {background-color:var(--color-primary); color:#fff;}

.parallax-section {height:850vh; position:relative; background-color:#333;}
.sticky-container {position:sticky; top:0; height:100vh; width:100%; overflow:hidden;}
.sticky-container .bg-image {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('/images/sub/factorybg.jpg'); background-size:cover; background-position:center;}

.content-wrapper {position:relative; width:100%; height:100%; display:flex; justify-content:space-between; align-items:center;}
.content-wrapper .text-area {flex:1; color:#fff;}
.content-wrapper .text-content {display:none;}
.content-wrapper .text-content.active {display:block;}
.content-wrapper .text-content .txt1 {font-size:clamp(30px, calc( 64 / var(--inner) * 100vw ), 64px); font-weight:700; line-height:1.4em; letter-spacing:-.01em;}
.content-wrapper .text-content p {font-size:var(--font-size-24); margin-top:var(--space-50); line-height:1.67em; letter-spacing:-.01em;}
.content-wrapper .image-area {width:100%; max-width:450px; height:550px; position:relative; overflow:visible;}

.image-container {position:absolute; width:100%; height:100%; transition:transform 0.7s ease;}
.image-container:after {width:48px; height:39px; position:absolute; content:''; bottom:-70px; left:50%; transform:translate(-50%); background-image:url(/images/sub/factory-arrow.png); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.image-container:last-child:after {display:none;}
.image-container.active {transform:translateY(0); z-index:10;}
.image-container.prev {transform:translateY(calc(-100% - 100px)); z-index:5;}
.image-container.next {transform:translateY(calc(100% + 100px)); z-index:5;}

.sustain {padding:var(--space-150) 0; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed;}
.sustain.recycled {background-image:url('/images/sub/recycledbg.jpg');}
.sustain.recyclable {background-image:url('/images/sub/recyclablebg.jpg');}
.sustain.bio-based {background-image:url('/images/sub/bio-basedbg.jpg');}
.sustain .top {font-size:var(--font-size-24); letter-spacing:-.01em; line-height:1.67em; text-align:center; color:#fff;}

.fold-open ul {display:flex; flex-wrap:wrap; gap:var(--space-40);}
.fold-open .group {width:50%; max-width:calc(50% - 20px);}
.fold-open .group .tit a {font-size:var(--font-size-20); font-weight:700; padding:var(--space-35) var(--space-40); display:block; position:relative; background-color:rgba(255,255,255,.2); color:#fff;}
.fold-open .group .tit a:after {width:clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); height:clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); right:var(--space-30); top:50%; transform:translateY(-50%); content:""; position:absolute; background-image:url('/images/sub/fold-plus.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.fold-open .content {padding:var(--space-40) var(--space-30); line-height:1.63em; letter-spacing:-.01em; display:none; color:var(--color-bk); background-color:#fff;}
.fold-open .group.active .tit a {background-color:var(--color-primary);}
.fold-open .group.active .tit a:after {background-image:url('/images/sub/fold-minus.png');}
.fold-open table {border-top:1px solid #ddd; border-collapse:collapse; width:100% !important; text-align:center;}
.fold-open table th {color:var(--color-bk);}
.fold-open table td {border-left:1px solid #ddd;}
.fold-open table th, .fold-open table td {padding:18px 8px; border-bottom:1px solid #ddd; letter-spacing:-.01em; line-height:1.4em;}

.prd-wrap {padding-top:var(--space-90); background-size:100%; background-repeat:no-repeat; background-position:50% 0; text-align:center;}
.prd-wrap.bg1 {background-image:url('/images/sub/prdwrapbg1.jpg');}
.prd-wrap.bg2 {background-image:url('/images/sub/prdwrapbg2.jpg');}
.prd-wrap.bg3 {background-image:url('/images/sub/prdwrapbg3.jpg');}
.prd-wrap.bg4 {background-image:url('/images/sub/prdwrapbg4.jpg');}
.prd-wrap .top p {font-size:var(--font-size-20); line-height:1.7em; letter-spacing:-.01em; color:#fff;}
.prd-wrap .doc-btn {margin:var(--space-35) 0 var(--space-50);}
.prd-wrap .doc-btn .btn {min-width:230px;}

.prd-list {margin:0 -20px -50px; display:flex; flex-wrap:wrap; text-align:center;}
.prd-list.center {justify-content:center;}
.prd-list .item {padding:0 20px; margin-bottom:50px; width:50%;}
.prd-list .thumb {position:relative; padding-bottom:62.6%; overflow:hidden;}
.prd-list .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;}
.prd-list p {font-size:var(--font-size-24); margin-top:45px; font-weight:700; color:var(--color-bk); letter-spacing:-.01em; line-height:1.3em;}
.prd-list .item:hover .thumb {box-shadow:1px 3px 10px rgba(0,0,0,.2);}
.prd-list .item:hover p {color:var(--color-primary);}

/* 해외지사 */
.world-wrap {position:relative; background-color:#f4f4f4;}
.map-wrap {margin:auto; width:100%; max-width:1920px; position:relative;}
.world-map {height:980px; position:relative; background-image:url('../images/sub/world-map.jpg'); background-size:cover;}
.marker {font-size:var(--font-size-18); text-align:center; font-weight:700; position:absolute; transition:transform 0.3s ease;}
.marker i {width:24px; height:32px; display:block; background-image:url('../images/sub/marker-default.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.marker:hover i, .marker.active i {background-image:url('../images/sub/marker-on.png');}
.loca1 {top:44.69%; left:43.23%;}
.loca2 {top:47.45%; left:41.67%;}
.loca3 {top:51.02%; left:41.67%;}
.loca4 {top:52.04%; left:40.10%;}
.loca5 {top:53.57%; left:37.76%;}
.loca6 {top:56.12%; left:38.54%;}
.loca7 {top:65.31%; left:38.54%;}
.loca8 {top:42.86%; left:13.28%;}

.popup {position:absolute; margin:-90px 0 0 90px; display:none; justify-content:flex-end;}
#popup8 {margin:-90px 0 0 90px;}

.popup-content {max-width:420px; width:100%; position:relative; background-color:#fff; border:1px solid var(--color-primary); box-shadow:1px 3px 10px rgba(0,190,221,.3);}
.popup-flex {padding:var(--space-35) var(--space-30) var(--space-40); display:flex; gap:0 var(--space-20);}
.popup-flex .cnt {flex:1;}
.popup-flex .cnt .country {font-size:var(--font-size-20); font-weight:700; color:var(--color-bk); letter-spacing:-.01em; line-height:1.3em;}
.popup-flex .cnt p {margin:12px 0 var(--space-15); font-size:var(--font-size-14); letter-spacing:-.01em; line-height:1.57em;}

.global-office {padding:var(--space-100) 0;} 
.global-office .doc-title {margin-bottom:var(--space-30);}

.office-list {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.office-list li {width:25%; padding:0 10px; margin-bottom:20px;}
.office-list .item {min-height:357px; padding:var(--space-40); position:relative; height:100%; border:1px solid #ddd;}
.office-list .name {font-size:var(--font-size-24); font-weight:700; color:var(--color-bk); letter-spacing:-.01em; line-height:1.3em;}
.office-list .adr {font-size:var(--font-size-20); margin:var(--space-25) 0 10px; font-weight:500; letter-spacing:-.01em; line-height:1.3em;color:var(--color-primary);}
.office-list p {line-height:1.63em;}
.office-list .map-btn {position:absolute; bottom:var(--space-40); left:var(--space-40);}

.map-btn {width:120px; height:32px; font-size:var(--font-size-14); font-weight:700; text-align:center; display:flex; align-items:center; justify-content:center; background-color:#939598; color:#fff;}
.map-btn:hover {background-color:var(--color-secondary);}

.support {max-width:1920px; margin:clamp(80px, calc( 200 / var(--inner) * 100vw ), 200px) auto 0;}
.support .item {max-width:1660px; display:flex; gap:0 var(--space-100); justify-content:center;}
.support .item:nth-child(even) .img {order:2;}
.support .cnt {flex:1;}
.support .tit {margin-bottom:var(--space-35); font-size:var(--font-size-32); color:var(--color-bk); font-weight:700; letter-spacing:-.01em; line-height:1.38em;}
.support li {padding:var(--space-35) 0; border-top:1px solid var(--color-bk); display:flex;}
.support .left {font-size:var(--font-size-18); font-weight:700; display:flex;}
.support .left span {padding-right:var(--space-20);}
.support .left p {color:var(--color-bk);}
.support .right {flex:1;}
.support .item1 {margin:0 auto var(--space-150) 0;}
.support .item2 {margin:0 0 var(--space-100) auto;}
.support .item1 .left {width:220px;}
.support .item2 .left {width:180px;}
.support .item1 .tit strong,
.support .item1 .left span {color:var(--color-primary);}
.support .item2 .tit strong,
.support .item2 .left span {color:var(--color-secondary);}


/* .esg-wide-sec .content {height:100vh; width:100%; position:sticky; top:0;}
.esg-wide-sec .image {position:absolute; transition:all 0.8s ease; transform-origin:right center;}
.esg-wide-sec .image img {width:100%; height:100%; object-fit:cover;}
.esg-wide-sec .left-image {width:50%; height:60vh; top:20vh; left:0; transform-origin:left center;}
.esg-wide-sec .right-image {width:50%; height:60vh; top:20vh; right:0;} */


.esg-wide-sec .item {padding-bottom: var(--space-100); height:clamp(300px, calc( 980 / var(--inner) * 100vw ), 980px); display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover;}
.esg-wide-sec .item1 {background-image:url('/images/sub/esgbg2.jpg');}
.esg-wide-sec .item2 {background-image:url('/images/sub/esgbg3.jpg');}
.esg-wide-sec .item3 {background-image:url('/images/sub/esgbg4.jpg');}
.esg-wide-sec .title {font-size:clamp(34px, calc( 100 / var(--inner) * 100vw ), 100px); letter-spacing:-.01em; line-height:.8em; font-family:var(--ikaros);}
.esg-wide-sec .desc {font-size:var(--font-size-24); margin-top:var(--space-40); line-height:1.4em; letter-spacing:-.01em;}


/* .esg-wide-sec section {margin-bottom:100px; position:relative;}
.esg-wide-sec section:last-child {margin-bottom:300px;}
.esg-wide-sec .content {height:100vh; width:100%; position:sticky; top:0; margin-bottom:200px;}
.esg-wide-sec .image {position:absolute; transition:all 0.8s ease; transform-origin:right center;}
.esg-wide-sec .image img {width:100%; height:100%; object-fit:cover;}
.esg-wide-sec .left-image {width:50%; height:60vh; top:20vh; left:0; transform-origin:left center;}
.esg-wide-sec .right-image {width:50%; height:60vh; top:20vh; right:0;}
.esg-wide-sec .text {position:relative; padding:60px 20px; opacity:0; transition:opacity 0.5s ease; text-align:center; background:white; margin-top:50px;}
.esg-wide-sec .text .contain {display:flex; flex-direction:column; max-width:800px; margin:0 auto;}
.esg-wide-sec .text .title {font-size:clamp(34px, calc(100 / var(--inner) * 100vw), 100px); letter-spacing:-.01em; line-height:.8em; color:var(--color-bk); font-family:var(--ikaros); margin-bottom:var(--space-20);}
.esg-wide-sec .text .desc {font-size:var(--font-size-20); line-height:1.6em; letter-spacing:-.01em;}
.placeholder-img {background:linear-gradient(45deg, #f0f0f0, #e0e0e0); display:flex; align-items:center; justify-content:center; color:#666; font-size:18px; width:100%; height:100%;}
#env-img .placeholder-img {background:linear-gradient(45deg, #4CAF50, #81C784);}
#social-img .placeholder-img {background:linear-gradient(45deg, #2196F3, #64B5F6);}
#gov-img .placeholder-img {background:linear-gradient(45deg, #FF9800, #FFB74D);} */


.esg-wrap {position:relative;}
.esg-wrap .section1 {height:100vh; position:relative;}
.esg-wrap .text-section {position:absolute; width:100%; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:2;}
.esg-wrap .top-text {font-size:var(--font-size-32); font-weight:500; letter-spacing:-.01em; text-align:center; line-height:1.2em; opacity:0 !important;}
.esg-wrap .main-title {font-size:var(--font-size-64); margin:var(--space-40) 0; font-weight:700; text-align:center; line-height:1.3em;}
.esg-wrap .blue-text {color:var(--color-primary) !important;}
.esg-wrap .bottom-text {font-size:var(--font-size-32); text-align:center; line-height:1.3em; opacity:0 !important;}
.esg-wrap .image-section {position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:100vh; background-image:url('/images/sub/esgbg1.jpg'); background-size:cover; background-position:center; z-index:1; transition:width 0.3s, height 0.3s;}

/* 추가된 클래스 스타일 */
.esg-wrap .sticky {position:sticky; top:50%; transform:translateY(-50%);}
.esg-wrap .static {position:static;}
.esg-wrap .absolute {position:absolute; top:0; left:0; width:100%;}

/* 텍스트 컬러 클래스 */
.text-dark {color:var(--color-bk);}
.text-light {color:#fff;}

/* 클립 패스 관련 스타일 */
.text-container {position:relative;}
.clip-text {position:absolute; top:0; left:0; width:100%; height:100%; clip-path:inset(0 100% 0 0); transition:clip-path 0.1s ease;}


/* 
align-items:center; justify-content:center;
border-radius:100%; border-radius:30px;
letter-spacing:-.02em; line-height:1.3em;
font-size:var(--font-size-18);
background-color:var(--color-primary); 00bedd
background-color:var(--color-secondary); f78d37
color:var(--color-primary); 00bedd
color:var(--color-secondary); f78d37
color:var(--color-bk); 121212
margin-bottom:var(--space-50);
font-family:var(--avenir); transform:rotate(0.04deg);
font-family:var(--spoqa); transform:rotate(0.04deg);
font-family:var(--ikaros); transform:rotate(0.04deg);
*/

html[lang="en"] .esg-center .title {font-family:var(--avenir); transform:rotate(0.04deg);}

.esg-center {padding:clamp(80px, calc( 200 / var(--inner) * 100vw ), 200px) 0; text-align:center;}
.esg-center .title {font-size:var(--font-size-80); color:#121212; font-weight:700; letter-spacing:-.01em; line-height:1.2em;}
.esg-center p {font-size:var(--font-size-24); margin-top:var(--space-40); letter-spacing:-.01em; line-height:1.4em; color:#505050;}

.esg-wrap-v2 {padding:0 30px; margin:var(--space-40) 0 0; height:100vh; align-items:center; justify-content:center; display:flex; color:#fff; background-image:url(/images/sub/esgbg1.jpg); background-size:cover; background-position:50% 50%; background-repeat:no-repeat; font-size:var(--font-size-100); text-align:center; line-height:1.1em; font-family:var(--ikaros); transform:rotate(0.04deg);}