@charset "utf-8";
/* 서브공통 */
.sub-top {margin-bottom: var(--space-80); text-align: center;}
.sub-top .label {display: block; margin-bottom: 8px; font-size: var(--font-size-20); font-weight: 600; line-height: 1.7em; letter-spacing: -0.02em; color: var(--color-primary);}
.sub-top .desc {font-size: var(--font-size-32); font-weight: 600; line-height: 1.437em; letter-spacing: -0.02em; color: var(--color-sub);}
.sub-top .txt {font-size: var(--font-size-18); line-height: 1.777em; letter-spacing: -0.02em; color: #505050; margin-top: var(--space-36);}

/********************* 회사소개 *********************/
/* 인사말 */
.greeting-content .flex {align-items: center; gap: var(--space-100);}
.greeting-content .greeting-img {flex-shrink: 0; width: clamp(400px, calc(628 / var(--inner) * 100vw), 628px);}
.greeting-content .greeting-txt-wrap {flex:1; display: flex; flex-direction: column; gap: var(--space-36); min-width:0;}
.greeting-txt-wrap .greeting-title {font-size: var(--font-size-36); font-weight: 600; line-height: 1.388em; letter-spacing: -0.03em; color: var(--color-primary);}
.greeting-txt-wrap .greeting-txt {font-size: var(--font-size-24); line-height: 1.583em; letter-spacing: -0.03em; color: var(--color-sub);}
.greeting-content .cont {font-size: var(--font-size-18); line-height: 1.777em; letter-spacing: -0.03em;}
.greeting-content .cont p {margin-bottom: var(--space-30);}
.greeting-content .cont p:last-child {margin-bottom: 0;}
.greeting-content .sign {display: flex; align-items: center; gap: var(--space-16); font-size: var(--font-size-18); font-weight: 600; line-height: 1.778em; letter-spacing: -0.03em;}

/* 연혁 */
.history-top {display: flex; align-items: center; justify-content: center; width: 100%; min-height: 400px; margin-bottom: var(--space-100); background: url(../images/sub/history.jpg) no-repeat center center / cover; text-align: center;}
.history-top h3 {font-size: var(--font-size-32); font-weight: 600; color: #fff; line-height: 1.5em; letter-spacing: -0.03em;}

.history-wrap {position:relative; color: #454545;}
.history-wrap:before {top:8px; bottom:0; position:absolute; left:50%; width:1px; background-color:#ddd; content:"";}
.history-item {padding-bottom:100px; display:flex; align-items:initial;}
.history-item:last-child {padding-bottom:0;}
.history-item .history-year {position:relative; top:0; left:0; width:50%; color:#222; font-size:28px; line-height:1.4em; letter-spacing:-.03em; text-align:right; padding-right:0; display:flex; justify-content:space-between; text-align: center;}
.history-item .history-year strong {line-height:1em; display:inline-block; text-align:right; transition:all 0.5s ease; font-weight:600; flex:1; padding-right: 70px;}
.history-month-box {padding-left:100px; flex:1;}
.history-detail {margin-bottom:15px; display:flex; font-size:18px; letter-spacing:-.03em; font-weight:400; transition:all 0.5s ease;}
.history-detail:last-child {margin-bottom:0;}
.history-detail .month {width:55px; color:#999; display:block; font-weight: 600;}
.history-detail p {flex:1; color: #676767;}

.history-item .dots {width:20px; height:20px; top:7px; right:-10px; margin:0; position:relative; border:4px solid #000; background:#fff; border-radius:50%; transition:all 0.3s; z-index:0;}
.history-item .dots .inner-dots {width:100px; height:100px; position:absolute; background:rgba(40, 46, 105, 0.10); border-radius:100%; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:-1; transition:all 0.3s;}
.history-item .dots .inner-dots:after {width:60px; height:60px; display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); z-index:-1; background:rgba(40, 46, 105, 0.30); border-radius:100%; transition:all 0.5s;}
.history-item.active .history-year { font-size:48px;}
.history-item.active .history-year strong {font-weight:700;}
.history-item.active .month {color:var(--color-primary);}
.history-item.active .history-detail {font-weight:600;}
.history-item.active .history-month-item {color:#484848;}
.history-item.active .dots .inner-dots {transform:translate(-50%,-50%) scale(1); animation:ani .5s forwards ease; animation-delay:.05s;}
.history-item.active .dots .inner-dots:before {width:40px; height:40px; display:block; content:""; background:#fff; position:absolute; left:50%; top:50%; border-radius:100%; border:10px solid #282E69; animation:ani .5s forwards ease; animation-delay:.02s;}
.history-item.active .dots .inner-dots:after {animation:ani .5s forwards ease; animation-delay:.08s;}
.history-item.active .history-year strong {line-height:.6em;}

@keyframes ani {
	0% {transform:translate(-50%,-50%) scale(0);}
	100% {transform:translate(-50%,-50%) scale(1);}
}
@media (max-width: 900px) {
	.history-item {padding-bottom: 80px;}
	.history-item .history-year {width: 180px;}
	.history-month-box {padding-left:100px;}
	.history-detail {font-size: 16px;}
	.history-wrap:before {top:10px; left: 180px;}
	.history-item .dots .inner-dots {width:80px; height:80px;}
	.history-item .dots .inner-dots:after {width:50px; height:50px;}
	.history-item.active .dots .inner-dots:before {width:30px; height:30px;}
	.history-item.active .history-year {font-size: 36px;}
}

@media (max-width: 640px) {
	.history-month-box {padding-left:0;}
	.history-item {padding-bottom: 50px; display:block;}
	.history-item .history-year {width:100%; text-align:left;}
	.history-item .history-year strong {text-align:left; line-height:1.5em; margin-bottom:15px; display:block;}
	.history-item .dots {display:none;}
	.history-wrap:before {display:none;}
	.history-detail {margin-bottom:7px;}
	.history-detail .month {width:30px;}
	.history-item.active .history-year strong {line-height:1em;}
}

/* 보유면허 */
.license-list {display: grid; grid-template-columns: repeat(5, 1fr); gap:var(--space-68) var(--space-60);}
.license-item .img {position: relative; margin-bottom: var(--space-10);}
.license-item .img:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:8px solid #eee; z-index: 1;}
.license-item .tit {display: block; font-size: var(--font-size-20); font-weight: 600; line-height: 1.7em; letter-spacing: -0.03em; color: var(--color-sub); text-align: center;}

/* ci */
.ci-content {display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-100); width: 100%; max-width: 1440px; margin: 0 auto;}
.ci-content .logobox {display: flex; align-items: center; justify-content: center; width: 100%; padding: var(--space-120) var(--space-40); background: #fff; border: 1px solid #ddd; box-sizing: border-box;}
.ci-content .logobox .img {width: 100%; max-width: 470px; margin: 0;}
.ci-content .intro {display: flex; flex-wrap: wrap; align-items: flex-start;  width: 100%;}
.ci-content .colorrule {display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.ci-content .cont-tit {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: clamp(200px, calc(385 / var(--inner) * 100vw), 385px); gap: var(--space-8); flex-shrink: 0;}
.ci-content .cont-tit .tit {position: relative; margin: 0; font-size: var(--font-size-32); font-weight: 600; line-height: 1.438em; letter-spacing: -0.03em; color: var(--color-sub);}
.ci-content .cont-tit .tit:after {content: ""; position: absolute; top: 8px; right: -16px; width: 6px; height: 6px; background:url(../images/sub/tit-dot.png) no-repeat center center / contain; z-index: 1;}
.ci-content .intro .desc {flex: 1; min-width: 0; margin: 0; font-size: var(--font-size-18); line-height: 1.778em; letter-spacing: -0.03em; color: #484848;}
.ci-content .divider {width: 100%; height: 0; border: 0; border-top: 1px solid #ddd; margin: 0;}
.ci-content .palette {display: flex; flex-wrap: wrap; flex: 1 ; align-items: stretch; gap: var(--space-24); min-width: 0;}
.ci-content .card {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; flex: 1 1 200px; min-height: 200px; padding: var(--space-12) var(--space-24); box-sizing: border-box;}
.ci-content .card .name {margin: 0; font-size: var(--font-size-20); font-weight: 600; line-height: 1.7em; letter-spacing: -0.03em;}
.ci-content .card.primary {background: var(--color-primary); border: 1px solid var(--color-primary);}
.ci-content .card.primary .name {color: #fff;}
.ci-content .card.primary .spec dt {color: rgba(255, 255, 255, 0.8);}
.ci-content .card.primary .spec dd {color: rgba(255, 255, 255, 0.6);}
.ci-content .card.light {background: #fff; border: 1px solid #ddd;}
.ci-content .card.light .name {color: #484848;}
.ci-content .card.light .spec dt {color: #686868;}
.ci-content .card.light .spec dd {color: #999;}
.ci-content .spec {display: grid; grid-template-columns: 72px 1fr; width: 100%; margin: 0;}
.ci-content .spec dt {margin: 0; font-size: var(--font-size-16); font-weight: 600; line-height: 1.875em; letter-spacing: -0.03em;}
.ci-content .spec dd {margin: 0; font-size: var(--font-size-16); line-height: 1.875em; letter-spacing: -0.03em;}

/* 오시는 길 */
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 400px !important;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.location-content iframe {width: 100%; height: 400px;}

.location-content {display: flex; flex-direction: column; gap: var(--space-100);}
.map-wrap {gap: var(--space-80);}
.map {width: clamp(400px, calc(720 / var(--inner) * 100vw), 720px);}
.lct-item-wrap {flex: 1; min-width: 0;}
.lct-item-wrap .flex-col {gap: var(--space-22);}
.lct-tit {font-size: var(--font-size-32); font-weight: 600; line-height: 1.437em; letter-spacing: -0.03em; color: var(--color-primary); margin-bottom: var(--space-34); padding-bottom: var(--space-34); border-bottom: 1px solid #ddd;}
.lct-item {display: flex; align-items: center; gap: 12px; font-size: var(--font-size-18); line-height: 1.777em; letter-spacing: -.03em;}
.lct-item .icon {width: 20px; height: 20px;}

/********************* 사업분야 *********************/
.business-img-wrap {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-24); margin-bottom: var(--space-50);}
.business-img-wrap .img {position: relative; padding-bottom: 69%; border-radius: var(--radius-16); overflow: hidden;}
.business-img-wrap .img:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--radius-16); border: 1px solid rgba(0,0,0,.08); }
.business-img-wrap .img 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;}
.business-service {background: #fafafa; padding: var(--space-50) 0 var(--space-120); box-sizing: border-box;}
.business-service .svc {display: flex; flex-direction: column; align-items: center; gap: var(--space-50); width: 100%;}
.business-service .cont-tit {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-8);}
.business-service .cont-tit .tit {display: flex; gap: var(--space-8); margin: 0; font-size: var(--font-size-32); font-weight: 600; line-height: 1.437em; letter-spacing: -0.03em; color: var(--color-sub);}
.business-service .cont-tit .tit:after {content: ""; width: 6px; height: 6px; margin-top: 7px; background:url(../images/sub/tit-dot.png) no-repeat center center / contain; z-index: 1;}
.business-service .list {display: flex; flex-direction: column; align-items: stretch; gap: var(--space-24); width: 100%; max-width: 720px;}
.business-service .list .item {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-24); width: 100%; padding: var(--space-16); background: #fff; border: 1px solid #ddd; border-radius: 100px; box-sizing: border-box;}
.business-service .list .num {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 100px; font-size: var(--font-size-16); font-weight: 600; line-height: 1.875em; letter-spacing: -0.03em; color: #fff;}
.business-service .list .item:nth-child(odd) .num{background: linear-gradient(135deg, #282e69 0%, #727bd1 100%);}
.business-service .list .item:nth-child(even) .num{background: linear-gradient(135deg, #727bd1 0%, #282e69 100%);}
.business-service .list .txt {flex: 1 1 200px; min-width: 0; margin: 0; font-size: var(--font-size-18); line-height: 1.778em; letter-spacing: -0.03em; color: #484848;}

/********************* 사업실적 *********************/
.performance-list {padding:40px 0 16px; border-bottom:1px solid #ddd; border-top:2px solid #686868;}
.performance-list ul {display:flex; flex-wrap:wrap; margin:0 -12px;}
.performance-list ul li {width:33.333%; padding:0 12px; margin-bottom:24px; text-align:center;}
.performance-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.performance-list ul li a {display:block; position: relative;}
.performance-list ul li .thumb {position:relative; padding-bottom:69%;  overflow:hidden;}
.performance-list ul li .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;}
.performance-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; transition:.3s;}
.performance-list ul li:hover .thumb:after {background: rgba(0, 0, 0, 0.36);
backdrop-filter: blur(2px);}
.performance-list ul li .tit-wrap {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; opacity: 0; pointer-events: none; transition:.3s;}
.performance-list ul li:hover .tit-wrap {opacity: 1; pointer-events: auto;}
.performance-list ul li .tit-wrap .cate {display: block; font-size: var(--font-size-18); line-height: 1.777em; letter-spacing: -0.03em; color: #ffffff70;}
.performance-list ul li .tit-wrap .tit {display: block; font-size: var(--font-size-24); font-weight: 600; line-height: 1.583em; letter-spacing: -0.03em; color: #fff;}

/* 사업실적 플랜트설계 탭메뉴 */
.plant-tab-menu {padding-top: var(--space-100)}
.plant-tab-menu ul {display: flex; align-items: center; justify-content: center; gap: var(--space-24);}
.plant-tab-menu ul li a {display: flex; align-items: center; justify-content: center; width: 149px; height: 66px; background: #fff; font-size: var(--font-size-20); font-weight: 600; line-height: 1.7em; letter-spacing: -.03em; color: #878787; border: 1px solid #ddd; transition: .2s;}
.plant-tab-menu ul li.active a,
.plant-tab-menu ul li a:hover{color: var(--color-primary); border-color: var(--color-primary);}


/* 상세페이지 */
.performance-summary {display: flex; flex-direction: column; align-items: center; gap: var(--space-100); padding: var(--space-120) 0; width: 100%; box-sizing: border-box;}
.performance-summary .sum-main {display: flex; flex-direction: column; align-items: stretch; gap: var(--space-50); width: 100%;}
.performance-summary .head {display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding-bottom: var(--space-50); border-bottom: 1px solid #ddd;}
.performance-summary .head .cate {margin: 0; font-size: var(--font-size-18); font-weight: 600; line-height: 1.778em; letter-spacing: -0.03em; color: #999;}
.performance-summary .head .tit {margin: 0; font-size: var(--font-size-40); font-weight: 700; line-height: 1.4em; letter-spacing: -0.03em; color: var(--color-sub);}
.performance-summary .detail {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 100px; width: 100%;}
.performance-summary .desc {width: clamp(300px, calc(480 / var(--inner) * 100vw), 480px);}
.performance-summary .desc p {margin: 0; font-size: var(--font-size-18); line-height: 1.778em; letter-spacing: -0.03em; color: #484848;}
.performance-summary .meta {display: flex; flex-direction: column; width: 100%; flex: 1; min-width: 0;}
.performance-summary .meta .row {display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.performance-summary .meta .row:first-child {padding-bottom: var(--space-15);}
.performance-summary .meta .row:not(:first-child) {padding: var(--space-15) 0; border-top: 1px solid #eee;}
.performance-summary .meta .pair {display: flex; flex-wrap: wrap; align-items: center; flex: 1; min-width: 0; margin: 0;}
.performance-summary .meta .pair dt {flex-shrink: 0; width: 86px; margin: 0; font-size: var(--font-size-16); font-weight: 600; line-height: 1.875em; letter-spacing: -0.03em; color: #999;}
.performance-summary .meta .pair dd {flex: 1; min-width: 0; margin: 0; padding-right: 10px;font-size: var(--font-size-16); line-height: 1.875em; letter-spacing: -0.03em; color: var(--color-sub);}
/* 슬라이드 */
.performance-summary .slide-wrap {position: relative; width: 100%; overflow: hidden;}
.performance-view-swiper {width: 100%; height: 100%; margin: 0;}
.performance-view-swiper .swiper-wrapper {height: 100%;}
.performance-view-swiper .swiper-slide {height: 100%;}
.performance-view-swiper .swiper-slide .img > div {position:relative; padding-bottom:44.5%; overflow:hidden;}
.performance-view-swiper .swiper-slide .img 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;}

.performance-summary .slide-btn {position: absolute; top: 50%; z-index: 2; width: 68px; height: 68px; margin: 0; padding: 0; border: 0; background: transparent no-repeat center / contain; cursor: pointer; transform: translateY(-50%);}
.performance-summary .slide-btn.prev {left: var(--space-32); background-image: url(../images/sub/prev.svg);}
.performance-summary .slide-btn.next {right: var(--space-32); background-image: url(../images/sub/next.svg);}
.performance-btn {display: inline-flex; align-items: center; justify-content: center; width: 134px; height: 59px; padding: var(--space-10); background: var(--color-primary); font-size: var(--font-size-16); font-weight: 600; line-height: 1.777em; letter-spacing: -0.03em; color: #fff; text-align: center;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}

/********************* 지속가능경영 *********************/
.sustain-cont .list {display: flex; flex-direction: column; align-items: stretch; gap: var(--space-80); width: 100%; margin: 0; padding: 0; list-style: none;}
.sustain-cont .item {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--space-100); width: 100%;}
.sustain-cont .item.reverse {flex-direction: row-reverse;}
.sustain-cont .item .img {position: relative; width: clamp(300px, calc(600 / var(--inner) * 100vw), 600px); max-width: 100%; margin: 0; overflow: hidden; aspect-ratio: 600 / 388; flex-shrink: 0;}
.sustain-cont .item .img.br {border-bottom-right-radius: 80px;}
.sustain-cont .item .img.bl {border-bottom-left-radius: 80px;}
.sustain-cont .item .box {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-30); flex: 1; min-width: 0;}
.sustain-cont .tit-wrap {position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-32); width: 100%; padding-bottom: var(--space-30); border-bottom: 1px solid #ddd;}
.sustain-cont .tit-wrap .bg-num {position: absolute; top: -105px; left: 40px; font-size: var(--font-size-68); font-weight: 800; line-height: 1.2em; letter-spacing: -0.04em; color: rgba(40, 46, 105, 0.08); pointer-events: none; transform: translate(33px, 61px); white-space: nowrap;}
[lang="en"] .sustain-cont .tit-wrap .bg-num {left: 220px;}
.sustain-cont .tit-wrap .tit {position: relative; z-index: 1; margin: 0; font-size: var(--font-size-32); font-weight: 700; line-height: 1.437em; letter-spacing: -0.03em; color: var(--color-primary);}
.sustain-cont .line {width: 100%; height: 0; margin: 0; border: 0; border-top: 1px solid #ddd;}
.sustain-cont .cont {display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-20); width: 100%;}
.sustain-cont .quote {margin: 0; font-size: var(--font-size-20); font-weight: 600; line-height: 1.7em; letter-spacing: -0.03em; color: var(--color-sub);}
.sustain-cont .desc p {margin: 0; font-size: var(--font-size-18); line-height: 1.777em; letter-spacing: -0.03em; color: #484848;}

/********************* 채용 *********************/
.talent-section {margin-bottom: var(--space-100);}
.talent-section .lead {display: flex; align-items: center; justify-content: center; width: 100%;}
.talent-section .lead .tit {margin: 0; font-size: var(--font-size-40); font-weight: 700; line-height: 1.4em; letter-spacing: -0.03em; color: var(--color-sub); text-align: center;}
.talent-section .intro {max-width: 100%; margin-bottom: var(--space-100); font-size: var(--font-size-28); line-height: 1.5em; letter-spacing: -0.03em; color: #484848; text-align: center;}
.talent-section .intro p {margin: 0;}
.talent-section .intro .point {font-weight: 600;}
.talent-section .cards {display: flex; align-items: stretch; justify-content: center; gap: 48px;}
.talent-section .card {padding: var(--space-36); border: 4px solid; border-radius: var(--radius-32); max-width: 342px;}
.talent-section .card.type1 {border-color: #a7a9c1;}
.talent-section .card.type2 {border-color: #6c7098;}
.talent-section .card.type3 {border-color: #282e69;}
.talent-section .cards .sep {display: flex; align-items: center; justify-content: center;}
.talent-section .card .inner {display: flex; flex-direction: column; align-items: center; gap: var(--space-26); width: 100%; height: 100%; padding: var(--space-70) var(--space-10); background: #fff; border-radius: var(--radius-16); box-shadow: 0 0 16px rgba(40, 46, 105, 0.12);}
.talent-section .card .top {display: flex; flex-direction: column; align-items: center; text-align: center;}
.talent-section .card .en {margin: 0; font-size: var(--font-size-16); line-height: 1.875em; letter-spacing: -0.03em; color: #6c7098;}
.talent-section .card .name {margin: 0; font-size: var(--font-size-24); font-weight: 600; line-height: 1.583em; letter-spacing: -0.03em; color: var(--color-sub);}
.talent-section .card .icon {display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0;}
.talent-section .card .desc {font-size: var(--font-size-18); line-height: 1.778em; letter-spacing: -0.03em; color: #484848; text-align: center;}
.talent-section .card .desc p {margin: 0;}

/* 복지 */
.welfare-section {padding: var(--space-100) 0 var(--space-120); background: #fafafa;}
.welfare-cont {display: flex; flex-direction: column; align-items: center; gap: var(--space-100); width: 100%;}
.welfare-cont .lead {display: flex; align-items: center; justify-content: center; width: 100%;}
.welfare-section .lead .tit {margin: 0; font-size: var(--font-size-40); font-weight: 700; line-height: 1.4em; letter-spacing: -0.03em; color: var(--color-sub); text-align: center;}
.welfare-section .board {display: flex; align-items: stretch; width: 100%; background: #fff; border: 1px solid #eee; border-radius: var(--radius-32); overflow: hidden;}
.welfare-section .col {display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-40); flex: 1 1 280px; min-width: 0; padding: var(--space-56); border-right: 1px solid #ddd;}
.welfare-section .col:last-child {border-right: none;}
.welfare-section .head {display: flex; flex-direction: column; align-items: center; gap: var(--space-22); width: 100%; padding-bottom: var(--space-40); border-bottom: 1px solid #eee;}
.welfare-section .head .icon {display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0;}
.welfare-section .head .icon img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.welfare-section .head .name {margin: 0; font-size: var(--font-size-24); font-weight: 600; line-height: 1.583em; letter-spacing: -0.03em; color: var(--color-sub); text-align: center;}
.welfare-section .line {width: 100%; height: 0; margin: 0; border: 0; border-top: 1px solid #eee;}
.welfare-section .list {display: flex; flex-direction: column; align-items: flex-start; gap: 3px; width: 100%; margin: 0; padding: 0; list-style: none;}
.welfare-section .list li {display: flex; align-items: center; gap: var(--space-8); width: 100%; font-size: var(--font-size-18); line-height: 1.778em; letter-spacing: -0.03em; color: #484848;}
.welfare-section .list li::before {content: ""; flex-shrink: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--color-primary);}

/********************* 고객지원 *********************/
.customer-board-form {border-top: 2px solid #686868; border-bottom: 1px solid #ddd;}
.inq-form .input {border: none; padding: 0 10px 0 0; margin-bottom: 5px;}
.inq-form .input.mb20 {margin-bottom: 20px;}
.inq-form .input::placeholder {color: #999;}
.inq-form .input.border {padding: 10px 20px; border: 1px solid #ddd;}
.inq-form {flex: 1; border-right: 1px solid #ddd;}
.inq-form dl dt {display: block; padding-top: 26px; margin-bottom: 12px; font-size: var(--font-size-16); font-weight: 600; color: #222; line-height: 1.875em; text-align: left; }
.inq-form dl dd {display: block; padding-right: 20px; border-bottom: 1px solid #ddd;}
.inq-form dl:last-child dd {border-bottom: none;}

.customer-info {width: 40%; padding: 38px 48px;}
.customer-info dl {margin-bottom: 36px;}
.customer-info dl:last-child {margin-bottom: 0;}
.customer-info dl dt {margin-bottom: 4px; font-size: var(--font-size-16); font-weight: 600; line-height: 1.875em; color: var(--color-primary); letter-spacing: -.03em;}
.customer-info dl dd {font-size: var(--font-size-16); line-height: 1.875em; color: var(--color-sub); letter-spacing: -.03em;}
.captcha-wrap {margin-bottom: 20px;}