@charset "utf-8";

.mr30 {margin-right:30px !important;}

.gray-bg {position:relative;}
.gray-bg:before {content:''; position:absolute; left:50%; top:0; height:100%; width:100vw; transform:translateX(-50%); z-index:-1; background:#f8f8f8;}

.sub-sec {padding:94px 0;}

.doc-tit {margin-bottom:55px; font-size:var(--fz30); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.doc-tit2 {font-size:var(--fz24); font-weight:600; letter-spacing:-.04em; line-height:1.4em; color:var(--color-primary);}
.doc-tit3 {margin-bottom:33px; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}

.doc-bar {margin:80px 0; width:100%; height:1px; background:#ddd;}

.doc-txt {font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.4em;}

.greeting-bnr {height:500px; background:url('/images/sub/greeting-bnr.png') no-repeat 50% 50% / cover;}
.greeting {display:flex; align-items:center;}
.greeting .img {width:43%; margin-right:105px;}
.greeting .img img {border-radius:0 80px 0 80px; box-shadow:3px 3px 10px rgba(0,0,0,.1);}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greeting .cnt h2 {margin-bottom:22px; font-size:var(--fz30); font-weight:600; letter-spacing:0; line-height:1.4em; color:#242424;}
.greeting .cnt p {font-size:var(--fz17); font-weight:400; line-height:1.53em;}

.greeting-list ul {display:flex; margin:0 -65px;}
.greeting-list ul li {position:relative; width:25%; padding:0 65px;}
.greeting-list ul li:after {margin-right:-17px; width:38px; height:7px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; content:''; position:absolute; right:0; top:50%; transform:translateY(-50%);}  
.greeting-list ul li:nth-child(1):after {background-image:url('/images/sub/greet-dot1.png');}
.greeting-list ul li:nth-child(2):after {background-image:url('/images/sub/greet-dot2.png');}
.greeting-list ul li:nth-child(3):after {background-image:url('/images/sub/greet-dot3.png');}

.greeting-txt {margin-bottom:38px; font-size:var(--fz56); font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.greeting-txt span {color:var(--color-primary);}

.ceo-msg {display:flex; gap:60px;}
.ceo-msg .pic {width:32.5%;}
.ceo-msg .cnt {flex:1 1 auto; min-width:0; width:1%; background:url('/images/sub/greeting-acc.png') no-repeat 100% 100%;}
.ceo-msg .cnt .tit {margin-bottom:30px; font-size:var(--fz32); font-weight:500; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.ceo-msg .msg {margin-bottom:30px;}
.ceo-msg .msg p {margin-bottom:30px; font-size:var(--fz18); font-weight:400; color:#454545; line-height:1.78em;}
.ceo-msg .msg p:last-child {margin:0;}
.ceo-msg .sign {font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; display:flex; align-items:center; gap:20px;}

.history-wrap {display:flex; justify-content:space-between;}
.history-cnt {width:41.5%;}
.history-cnt .txt {margin-bottom:52px; font-size:var(--fz30); font-weight:500; letter-spacing:-.03em; line-height:1.33em; color:#242424;}
.history {position:relative; width:50%;}
.history:after {content:''; position:absolute; left:0; top:20px; width:1px; height:97%; background:#ddd;}
.history .group {padding-left:68px;}
.history .group:not(:last-child) {margin-bottom:85px;}
.history .group h2 {position:relative; margin-bottom:25px; font-size:var(--fz50); font-weight:600; letter-spacing:-.05em; line-height:1em; color:#242424;}
.history .group h2:before {z-index:1;margin-left:-8px; content:''; position:absolute; top:50%; margin-top:-8px; left:-68px; width:17px; height:17px; border-radius:100%; border:5px solid var(--color-primary); background:#fff;}
.history .group ul li {margin-bottom:13px; display:flex;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .date {min-width:57px; font-weight:500; line-height:1.63em; color:#333;}
.history .group ul li .txt {font-weight:400; line-height:1.63em; color:#454545;}
.history .group ul li .txt strong {font-weight:500;}

.history-v2 {position:relative;}
.history-v2:after {content:''; position:absolute; left:45%; top:20px; width:1px; height:97%; background:#ddd;}
.history-v2 .group {display:flex; padding-bottom:63px;}
.history-v2 .group:last-child {padding-bottom:0;}
.history-v2 .txt-area {width:45%; text-align:right; padding-right:40px;}
.history-v2 .txt-area p {font-size:var(--fz30); font-weight:500; line-height:1.1em; color:#242424;}
.history-v2 .txt-area p strong {color:var(--color-primary);}
.history-v2 .cnt-area {position:relative; display:flex; flex:1 1 auto; min-width:0; width:1%;}
.history-v2 .cnt-area:before {z-index:1; margin-left:-8px; content:''; position:absolute; top:.35em; left:0; width:17px; height:17px; border-radius:100%; border:5px solid var(--color-primary); background:#fff;}
.history-v2 .cnt-area h2 {padding-left:45px; min-width:145px; font-size:var(--fz30); font-weight:600; letter-spacing:-.03em; line-height:1em; color:#242424;}
.history-v2 .cnt-area ul li {margin-bottom:14px; font-size:var(--fz18); font-weight:400; line-height:1.5em; color:#454545;}
.history-v2 .cnt-area ul li:last-child {margin-bottom:0;}

.global {background:#f8f8f8;}
.global h2 {margin-bottom:60px; text-align:center; font-size:var(--fz38); font-weight:700; letter-spacing:-.03em; line-height:1em; color:#242424;}

picture {display:block;}

.team .row {display:flex; margin:-15px;}
.team .row .col {width:50%; padding:15px;}
.team table {width:100%; border-collapse:collapse; border-spacing:0; text-align:center;}
.team thead th {padding:15px; background:#5e524a; font-size:var(--fz17); font-weight:500; letter-spacing:0; line-height:1.4em; color:#fff;}
.team tbody th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fefbf9; padding:15px 17px; font-weight:500; letter-spacing:0; line-height:1.4em; color:#454545;}
.team tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 17px; letter-spacing:0; line-height:1.4em; color:#454545;}
.team tbody th:last-child,
.team tbody td:last-child {border-right:0;}
.team td.br {border-right:1px solid #ddd !important;}

.certi ul {display:flex; flex-wrap:wrap; margin:-16px -27px;}
.certi ul li {width:25%; text-align:center; padding:16px 27px;}
.certi ul li p {font-weight:500; line-height:1.4em; margin-top:15px;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:470px !important;}
.contact-info {margin-top:50px;}
.contact-info .row {display:flex; justify-content:space-between;}
.contact-info .row .col:nth-child(1) {width:38.75%;}
.contact-info .row .col {width:19.58%;}
.contact-info .box {height:260px; background:#f8f8f8; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.contact-info .box .tit {margin:25px 0 8px; font-weight:400; line-height:1.4em; color:var(--color-primary); letter-spacing:-.04em;}
.contact-info .box .tit small {font-size:var(--fz16);}
.contact-info .box .tit small strong {font-weight:500;}
.contact-info .box .txt {font-size:var(--fz18); font-weight:400; line-height:1.4em;}

.table01 table {border-top:2px solid #686868; width:100%; border-collapse:collapse; border-spacing:0; text-align:center; line-height:1.4em;}
.table01 thead th {padding:18px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#242424; background:#f8f8f8; font-weight:600;}
.table01 tbody th {padding:17px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:500; letter-spacing:-.04em;}
.table01 tbody td {padding:17px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 thead th:last-child,
.table01 tbody td:last-child {border-right:0;}

.table02 table {border-top:2px solid #868686; width:100%; border-collapse:collapse; border-spacing:0; text-align:center; line-height:1.4em;}
.table02 thead th {padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#242424; background:#f8f8f8; letter-spacing:0; font-weight:400;}
.table02 tbody td {padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; letter-spacing:-.02em;}
.table02 tbody td.subject {padding-left:30px;}
.table02 thead th:last-child,
.table02 tbody td:last-child {border-right:0;}

.biz-wrap {margin-bottom:130px; justify-content:space-between; display:flex; align-items:center;}
.biz-wrap .img {flex:1 1 auto; min-width:0; width:1%;}
.biz-wrap .cnt {width:480px; margin-left:85px;}

.radius-img {border-radius:0 50px 0 50px;}

.battery-wrap {display:flex; align-items:center; justify-content:space-between;}
.battery-wrap .img {width:calc(50% - 15px);}
.battery-wrap .cnt {width:calc(50% - 15px);}
.battery-wrap .cnt .row {height:80px; display:flex; align-items:center; padding:0 35px; margin-bottom:28px; border-radius:20px; background:#fff;}
.battery-wrap .cnt .row:last-child {margin-bottom:0;}
.battery-wrap .cnt .row p {padding-left:18px; position:relative; font-size:var(--fz18); font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#454545;}
.battery-wrap .cnt .row p:before {font-size:var(--fz22); position:absolute; left:0; content:'·'; color:var(--color-primary);}

.prod-list ul {display:flex; flex-wrap:wrap; margin:-18px -15px;}
.prod-list ul li {width:33.333%; text-align:center; padding:18px 15px;}
.prod-list ul li p {margin-top:15px; font-weight:500;}
.prod-list.col-4 ul {justify-content:center;}
.prod-list.col-4 ul li {width:25%;}
.prod-list.col-2 ul li {width:50%;}

.hp-box {margin-bottom:90px; padding:35px;  margin-top:40px; background:#f8f8f8; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.hp-box .t2 {margin-top:5px; font-size:var(-f-z18); font-weight:500; letter-spacing:-.03em; color:var(--color-primary);}

.num-list li {margin-bottom:10px; padding:12px 10px; border-radius:28px; background:#fdf8f4; display:flex;}
.num-list li:last-child {margin-bottom:0;}
.num-list li .num {margin-right:12px; background:#dd813d; border-radius:100%; min-width:33px; height:33px; line-height:33px; text-align:center; color:#fff;}

.hydrogen-wrap {display:flex; align-items:center;}
.hydrogen-wrap .cnt {width:500px; margin-right:60px;}
.hydrogen-wrap .img {flex:1 1 auto; min-width:0; width:1%;}
.hydrogen-wrap .img img {border-radius:30px;}

.factory {display:flex; align-items:center;}
.factory .img {width:63%;}

.dot-list li {margin-bottom:16px; padding-left:13px; position:relative; font-size:var(--fz17); font-weight:400; letter-spacing:-.02em; line-height:1.4em; color:#454545;}
.dot-list li:last-child {margin-bottom:0;}
.dot-list li:before {content:'·'; position:absolute; left:0; color:var(--color-primary);}