@charset "utf-8";


/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
 #footer {margin-top: max(10.4167vw, 200rem);}
#container:has(.board-page) + #footer{margin-top: 140rem;}
#gnb .gnb-item > a {color: var(--b-01);}
.gnb-full-icon > span {background: #000;}
.lnag-menu__icon {background-image: url(../img/common/ic-lang.svg);}
#footer{}

@media (min-width: 1024px){
	#gnb .gnb-item .sub-menu {box-shadow: 15rem 20rem 29rem 0rem rgba(0, 0, 0, 0.1);}
}

@media all and (max-width:1023px){
	.lnag-menu__icon {background-image: url(../img/common/ic-lang_w.svg);}
}

@media (max-width:1200px){

}
@media all and (max-width:1023px){
	#footer {margin-top: 120rem;}
}

@media (max-width: 540px){
	#footer {margin-top: 70rem;}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(6.2500vw, 120rem);}
.sub-content:has(.greeting-inr) {padding-top: 0;}
.sub-content:has(.board-page){padding-top: 120rem;}
.sub-content:has(#snb) {padding-top: 30rem;}

h3 {font-size: var(--font-40); font-weight: 700; letter-spacing: -0.5px; color: var(--b-01);}
h4 {font-size: var(--font-28); font-weight: 700; color: var(--b-01);}
h5 {font-size: var(--font-22); font-weight: 700; color: var(--b-01);}

.page-section__inr {justify-content: space-between;}
.page-section__box {width: 60%;}
.page-section__box p + p {margin-top: 15rem;}
.caption,
.structure-process__caption {display: block; font-size: var(--font-15); font-weight: 300; color: var(--b-02);}

[data-font-kr="h3"]{font-size:var(--font-40); line-height:1.7;}
[data-font-en="h3"]{font-size:var(--font-41); line-height:1.7;}
[data-font-en="h4"]{font-size:var(--font-32); line-height:1.7;}
[data-font-strong="bold"]{font-weight: 600; font-size:var(--font-20); line-height:1.6;}

/* table */
table.table {background: var(--w);}
table.table tr {border-bottom: 1px solid var(--bd-01);}
table.table tr > * {padding: 14rem; vertical-align: middle; color: var(--b-01);}
table.table thead th {font-weight: 600; color: var(--b-02) !important; background: var(--bg-02);}
table.table thead th:last-child,
table.table tbody td:last-child {border-right: 0;}
table.table tbody td {border-right: 1px solid var(--bd-01);}
table.table tr.total {background: #FFF3F3;}
table.table tr.total * {font-weight: 600;}

/* tabs */
.tabs-wrap .tabs {gap: 0 7rem;}
.tabs-wrap .tabs li {padding:13rem 27rem; font-weight: 700; color: var(--b-01); background: var(--w); border-radius: 50rem;}
.tabs-wrap .tabs li.active {background-color: var(--c-01); color: var(--w);}

/* 체크아이콘 */
.ic-check {position: relative; display: inline-block; width: 22rem; height: 22rem; border-radius: 100%; background: var(--c-01);}
.ic-check::after {position: absolute; left: 50%; top: 50%; content:''; width: 8rem; height: 6rem; margin-top: -1px; border:solid var(--w); border-width: 0 0 2rem 2rem; transform: translate(-50%, -50%) rotate(-45deg);}

@media all and (max-width:1023px){
	.sub-content {padding-top: 170rem;}
	.sub-content:has(#snb) {padding-top: 110rem;}
	.sub-content:has(.board-page){padding-top:170rem;}
	h3 {margin-bottom: 22rem;}
	.page-section__inr {flex-direction: column;}
	.page-section__box {width: 100%;}
}

@media (max-width: 860px){
	.sub-content {padding-top: 120rem;}
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 100rem;}
	h3.en {font-size: 30rem;}
	.sub-content:has(#snb) {padding-top: 70rem;}

	table.table tr > * {padding: 10rem;}
	
	.tabs-wrap .tabs li {padding: 10rem 20rem; font-size: var(--font-14); color: var(--b-04); background: var(--bg-02);}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* 회사소개 */
.about-info h4 {margin-bottom: 25rem; font-size: var(--font-40); color: var(--b-01); font-weight: 700; line-height: 1.4;}
.about-info .page-section__box > p {font-size: var(--font-18); color: var(--b-01);}
.about-info .page-section__box > p + p {margin-top: 15rem;}
.about-info ul {margin-top: 70rem; padding-top: 26rem; border-top: 2rem solid #000;}
.about-info ul li {display: flex; align-items: center; padding: 14rem 0; color: var(--b-01); font-family: var(--lang-ko);}
.about-info ul li em {display: inline-flex; align-items: center; min-width: 127rem; margin-right: 35rem; font-weight: 700;}
.about-info ul li em img {display: inline-block; width: 16rem; margin-right: 20rem; }
.about-policy {margin-top: max(6.7708vw, 130rem);}
.about-policy .page-section__inr {align-items: flex-start;}
.about-policy__list {clear: both; column-count: 2; -webkit-column-count: 2; column-gap: 42rem; -webkit-column-gap:42rem; margin-top: 195rem;}
.about-policy__item {margin-bottom: 42rem; padding: 20rem; border-radius: var(--br-30); background: var(--bg-02); word-break: keep-all; break-inside: avoid;}
.about-policy__item figure {overflow: hidden; width: 100%; margin-bottom: 40rem; border-radius: 12rem;}
.about-policy__item h5 {margin-bottom: 15rem; padding: 0 20rem; font-size: 28rem; font-weight: 700; color: var(--b-01);}
.about-policy__item [data-list] {margin: 0 20rem; margin-bottom: 23rem;}
.about-policy__item:first-child{margin-top: -195rem;}

@media all and (max-width:1023px){
	.about-info h3 {margin-bottom: 28rem;}
	.about-info h4 {margin-bottom: 12rem; font-size: 28rem;}
	.about-info h4 br {display: none;}
	.about-info ul {margin-top: 50rem; padding-top: 20rem;}
	.about-info ul li {padding: 12rem 0;}
	.about-info ul li em {min-width: 100rem;}

	.about-policy {margin-top: 80rem;}
	.about-policy__list {display: flex; flex-direction: column; gap: 20rem; margin-top: 0;}
	.about-policy__item {display: flex; align-items: center; margin-bottom: 0; padding: 10rem;}
	.about-policy__item figure {width: 35%; margin-right: 20rem; margin-bottom: 0; border-radius: 20rem;}
	.about-policy__item [data-list] {margin-bottom: 0;}
	.about-policy__item:first-child{margin-top: 0;}
}

@media (max-width: 540px){
	.about-info {text-align: center; word-break: keep-all;}
	.about-info h3 {margin-bottom: 20rem;}
	.about-info h4 {font-size: 20rem;}
	.about-info .page-section__box > p br {display: none;}
	.about-info ul {margin-top: 40rem; padding-top: 13rem; text-align: left;}
	.about-info ul li:first-child {align-items: flex-start;}
	.about-info ul li:first-child em {margin-top: 3rem;}
	.about-info ul li em {min-width: 88rem; margin-right: 15rem;}
	.about-info ul li em img {margin-right: 13rem;}
	.about-policy {margin-top: 60rem;}
	.about-policy h3 {text-align: center;}
	.about-policy__item {flex-direction: column;}
	.about-policy__item figure {width: 100%; margin-bottom: 20rem; margin-right: 0;}
	.about-policy__item [data-list] {margin: 0 12rem; margin-bottom: 20rem;}
	.about-policy__item h5 {margin-bottom: 12rem; padding: 0 12rem; font-size: 20rem;}
	.about-policy__txt {width: 100%;}
}

/* 인사말 */
.greeting-inr {margin-top: max(9.8958vw, 190rem); color: var(--b-01); }
.greeting-inr h3 {margin-bottom: 40rem; line-height: 1.35; text-align: left; font-size: var(--font-65);}
.greeting-page p {font-size: var(--font-18);}
.greeting-page p + p {margin-top: 15rem;}
.greeting-box__inr {overflow: hidden; margin-top: 72rem; padding: 120rem 0; color: var(--w); border-radius: var(--br-30); background: url(../img/sub/greeting.jpg) no-repeat center / cover;}
.greeting-box__inr p {font-weight: 200;}
.greeting-box__inr .sign {margin-top: 40rem;}
.greeting-box__inr .sign b {display: inline-block; padding: 0 3rem; font-weight: 600;}

@media all and (max-width:1023px){
	.greeting-inr {margin-top: 160rem;}
	.greeting-box__inr {padding-top: 60rem; padding-bottom: 200rem; background-position: center right 32%;}
	.greeting-box__inr .wrap {padding-right: 32%; word-break: keep-all;}
	.greeting-box__inr br {display: none;}

}
@media all and (max-width:860px){
	.greeting-inr {margin-top: 140rem;}
	.greeting-inr h3 {margin-bottom: 30rem; font-size: 45rem;}
	.greeting-page p br {display: none;}
	.greeting-page p + p {margin-top: 12rem;}
	.greeting-box__inr {overflow: hidden; position: relative; margin-top: 50rem; padding: 60rem 0 80rem; text-align: center;}
	.greeting-box__inr::before {opacity: .5; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
	.greeting-box__inr .wrap {padding-right: 0;}
	.greeting-box__inr p + p {margin-top: 15rem;}
}
@media all and (max-width:540px){
	.greeting-inr {margin-top: 120rem;}
	.greeting-inr h3 {margin-bottom: 20rem; font-size: 27rem;}
	.greeting-box__inr {margin-top: 36rem; padding: 40rem 0 50rem;} 
	.greeting-box__inr .sign {margin-top: 30rem;}
}

/* 오시는길 */
.history-info {text-align: center;}
.history-info [data-grid="4"] {gap: 12rem; margin-top: 40rem; text-align: left;}
.history-info li {padding:38rem 30rem; line-height: 1.4; font-size: 17rem; font-family: var(--lang-ko); color: var(--b-01); border-radius: 30rem; border: 1px solid var(--bd-01);}
.history-info li em {display: block; margin-bottom: 12rem; font-weight: 600; color: var(--b-04);}

.history-sect {position: relative; margin-top: max(6.7708vw, 130rem);}

.history-aside,
.history-list {width: calc((100% - 154rem)/2);}
.history-aside__inr {position: sticky; top: 120rem; overflow: hidden; height: 400rem; padding: 40rem; border-radius: var(--br-30);}
.history-aside h3 {z-index: 1; position: relative; margin-bottom: 10rem; font-size: var(--font-60); font-weight: 700; letter-spacing: -1px; color: var(--w);}
.history-aside h3 span {font-weight: 700; letter-spacing: -1px;}
.history-aside p {z-index: 1; position: relative; opacity: .5; font-size: var(--font-18); font-weight: 600;color: var(--w); transition: var(--trans-01);}
.history-aside p::before {content:'Global Leader로서의 자리매김';}
.history-aside figure {overflow: hidden; position: absolute; left:0; top:0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../img/sub/history01.jpg);}
.history-page:has(.history-list__item.is_moved) .history-aside figure {transition: var(--trans-01);}
.history-page:has(.history-list__item:nth-child(1).is_moved) .history-aside figure {background-image: url(../img/sub/history01.jpg);}
.history-page:has(.history-list__item:nth-child(2).is_moved) .history-aside figure {background-image: url(../img/sub/history02.jpg);}
.history-page:has(.history-list__item:nth-child(3).is_moved) .history-aside figure {background-image: url(../img/sub/history04.jpg);}
.history-page:has(.history-list__item:nth-child(4).is_moved) .history-aside figure {background-image: url(../img/sub/history05.jpg);}

.history-page:has(.history-list__item:nth-child(1).is_moved) .history-aside p::before {content:'Global Leader로서의 자리매김';}
.history-page:has(.history-list__item:nth-child(2).is_moved) .history-aside p::before {content:'변화와 혁신';}
.history-page:has(.history-list__item:nth-child(3).is_moved) .history-aside p::before {content:'재도약 기틀마련';}
.history-page:has(.history-list__item:nth-child(4).is_moved) .history-aside p::before {content:'사업기반 구축';}

.history-line-wrap {position: absolute; left: 50%; top: 0; height: 100%;}
.history-line{display:block;position:relative;overflow:hidden;top:0;left:-22rem;width:70rem;height:100%;}
.history-line::after {position: absolute; left: 50%; top: 0; content:''; width: 4rem; height: 100%; background: var(--bg-02); border-radius: 3rem;transform: translateX(-50%);}
.history-line__bar{display:block; position:absolute; top:0; left:50%; z-index:50; width:6rem; background:var(--c-01); border-radius: 3rem; transform: translateX(-50%);}
.history-line__bar b {position: absolute; left: 50%; bottom: 0; content:''; width: 55rem; height: 55rem; border-radius: 100%; background:var(--c-01); box-shadow: 3rem 6rem 10rem 0 rgba(0, 0, 0, 0.15); transform: translateX(-50%);}
.history-line__bar b::after {position: absolute; left: 50%; top: 50%; content:''; width: 20rem; height: 20rem; background:url(../img/layout/arrow-basic_w.svg) no-repeat center / contain; transform: translate(-50%, -50%) rotate(135deg);}
.history-item {display: flex; align-items: flex-start;}
.history-item:not(:last-child) {margin-bottom: 40rem;}
.history-item:not(:has( .history-desc li:nth-child(2))) {align-items: center;}
.history-item:has( .history-desc li:nth-child(2)) .history-desc {margin-top: 5rem;}
.history-item [data-list="dot"] > *::before {top: 13rem;}
.history-item strong {flex-shrink: 0; display: block; min-width: 100rem; margin-right: 60rem; font-size: var(--font-40); font-weight: 700; color: var(--b-01);}
.history-desc li {font-size: var(--font-18); font-weight: 300; color: var(--b-01);}
.history-list__item:not(:last-child) {margin-bottom: max(6.7708vw, 130rem);}

@media all and (max-width:1023px){
	.history-sect {margin-top: var(--space100); padding-top: 100rem;}
	.history-info [data-grid="4"] {margin-top: 35rem;}
	.history-line {left: -20rem; width: 60rem;}
	.history-line__bar b {width: 45rem; height: 45rem; border-radius: 100%;}
	.history-line__bar b::after {width: 14rem; height: 14rem;}
	.history-item strong {margin-right: 9rem; font-size: 35rem;}
	.history-aside h3 {margin-bottom: 6rem; font-size: 42rem;}
	.history-aside p {font-weight: 400;}
	.history-aside, .history-list {width: calc((100% - 140rem)/2);}
	.history-aside__inr {height: 300rem;}
	.history-item:not(:last-child) {margin-bottom: 30rem;}
	.history-list__item:not(:last-child) {margin-bottom: 100rem;}
}

@media (max-width: 540px){
	.history-info [data-grid="4"] {margin-top: 25rem; grid-template-columns: 1fr; gap: 5rem;}
	.history-info li {padding: 25rem 20rem; font-size: 15rem; border-radius: 20rem;}
	.history-info li em {margin-bottom: 7rem; font-size: 13rem;}
	.history-line__bar b {box-shadow: 3rem 3rem 5rem 0 rgba(0, 0, 0, 0.15);}
	.history-aside {display: none;}
	.history-line-wrap {left: 0;}
	.history-line {left: -10rem; width: 40rem;}
	.history-line__bar {width: 4rem;}
	.history-line__bar b{width: 30rem; height: 30rem;}
	.history-line__bar b::after {width: 12rem; height: 12rem;}

	.history-aside, .history-list {width: 100%;}
	.history-sect {margin-top: 40rem; padding-top: 40rem;}
	.history-list {padding-left: 45rem;}
	.history-item strong {min-width: 60rem; margin-right: 15rem; font-size: 24rem;}
	.history-item:not(:last-child) {margin-bottom: 20rem;}
	.history-list__item:not(:last-child) {margin-bottom: 60rem;}
	.history-desc {margin-top: 1px;}
	.history-item [data-list="dot"] > *::before {top: 10rem;}

}

/* vision */
.vision-box h3 {line-height: 1.25;}
.vision-box .page-section__box {position: relative;}
.vision-item {display: flex; align-items: center; word-break: keep-all;}
.vision-item + .vision-item {margin-top: -35rem;}
.vision-item strong {flex-shrink: 0; position: relative; display: flex; align-items: center; justify-content: center; width: 200rem; aspect-ratio: 1/1; font-size: var(--font-28); font-weight: 700; color: var(--b-01); border-radius: 100%; border: 2rem solid var(--c-01);}
.vision-item strong::after {position: absolute; right: 0; top: 50%; content:''; width: 12rem; height: 12rem; border-radius: 100%; background: var(--c-01); transform: translate(50%, -50%);}
.vision-item strong::before {position: absolute; right: 0; top: 50%; content:''; width: 75rem; height: 1px; background: var(--c-01); transform: translateX(100%);}
.vision-item div {margin-left: 100rem; font-size: var(--font-18);}
.vision-item em {display: block; margin-bottom: 8rem; font-weight: 700; color: #ddd;}
.vision-item p {color: var(--b-01); }
.vision-item:nth-child(3) {padding-left: 80rem;}
.vision-item:nth-child(4) {padding-left: 160rem;}
.vision-box h6 {z-index: 1; position: absolute; left:0; top: 50%; display: flex; align-items: center; justify-content: center; width: 120rem; aspect-ratio: 1/1; font-size: var(--font-22); font-weight: 700; color: var(--w); background:linear-gradient(143deg, #D63A37 14.29%, #FF5956 86.95%); box-shadow: 3px 5px 12px rgba(214, 58, 55, 0.31); border-radius: 100%;}

.mission-box {margin-top: max(6.7708vw, 130rem);}
.mission-box ul {flex-wrap: wrap; gap: 42rem; justify-content: center;}
.mission-box ul li {overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: calc((100% - 84rem)/3); min-height: 560rem; padding: 62rem 45rem; border-radius: var(--br-30); background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer; transition: var(--trans-01);}
.mission-box i {position: absolute; right:45rem; top: 50rem; width: 60rem; height: 53rem; background-repeat: no-repeat; background-position: center; background-size: contain; transition: var(--trans-01);}
.mission-box strong {margin-bottom: 15rem; font-size: var(--font-32); font-weight: 700; color: var(--b-01); transition: var(--trans-01);}
.mission-box p {font-size: var(--font-18); font-weight: 300; color: var(--b-01); transition: var(--trans-01);}
.mission-box ul li:nth-child(1) {background-image: url(../img/sub/mission01.jpg);}
.mission-box ul li:nth-child(2) {background-image: url(../img/sub/mission02.jpg);}
.mission-box ul li:nth-child(3) {background-image: url(../img/sub/mission03.jpg);}
.mission-box ul li:nth-child(4) {background-image: url(../img/sub/mission04.jpg);}
.mission-box ul li:nth-child(5) {background-image: url(../img/sub/mission05.jpg);}

.mission-box ul li:nth-child(1) i {background-image: url(../img/sub/ic-mission01.svg);}
.mission-box ul li:nth-child(2) i {background-image: url(../img/sub/ic-mission02.svg);}
.mission-box ul li:nth-child(3) i {background-image: url(../img/sub/ic-mission03.svg);}
.mission-box ul li:nth-child(4) i {background-image: url(../img/sub/ic-mission04.svg);}
.mission-box ul li:nth-child(5) i {background-image: url(../img/sub/ic-mission05.svg);}

.mission-box ul li:nth-child(1):hover i {background-image: url(../img/sub/ic-mission01_on.svg);}
.mission-box ul li:nth-child(2):hover i {background-image: url(../img/sub/ic-mission02_on.svg);}
.mission-box ul li:nth-child(3):hover i {background-image: url(../img/sub/ic-mission03_on.svg);}
.mission-box ul li:nth-child(4):hover i {background-image: url(../img/sub/ic-mission04_on.svg);}
.mission-box ul li:nth-child(5):hover i {background-image: url(../img/sub/ic-mission05_on.svg);}

@media (hover: hover) and (pointer: fine){
	.mission-box li:hover strong {color: var(--w);}
	.mission-box li:hover p {color: var(--w);}	

	.mission-box ul li:nth-child(1):hover {background-image: url(../img/sub/mission01_on.jpg);}
	.mission-box ul li:nth-child(2):hover {background-image: url(../img/sub/mission02_on.jpg);}
	.mission-box ul li:nth-child(3):hover {background-image: url(../img/sub/mission03_on.jpg);}
	.mission-box ul li:nth-child(4):hover {background-image: url(../img/sub/mission04_on.jpg);}
	.mission-box ul li:nth-child(5):hover {background-image: url(../img/sub/mission05_on.jpg);}

	.mission-box ul li:nth-child(1):hover i {background-image: url(../img/sub/ic-mission01_on.svg);}
	.mission-box ul li:nth-child(2):hover i {background-image: url(../img/sub/ic-mission02_on.svg);}
	.mission-box ul li:nth-child(3):hover i {background-image: url(../img/sub/ic-mission03_on.svg);}
	.mission-box ul li:nth-child(4):hover i {background-image: url(../img/sub/ic-mission04_on.svg);}
	.mission-box ul li:nth-child(5):hover i {background-image: url(../img/sub/ic-mission05_on.svg);}	
}

@media (max-width: 1200px) and (hover: hover) and (pointer: fine){}

@media all and (max-width:1023px){
	.vision-page .page-section__box {margin-top: 20rem;}
	.vision-item strong {width: 180rem;}
	.mission-box ul {gap: 20rem;}
	.mission-box ul li {width: calc((100% - 40rem)/3); min-height: 365rem; padding: 40rem 30rem;}
	.mission-box i {top: 40rem; right: 30rem; width: 42rem; height: 40rem;}
	.mission-box strong {margin-bottom: 10rem;}
}

@media all and (max-width:540px){
	.vision-page .page-section__box {margin-top: 3rem;}
	.vision-page .page-section__box::before {position: absolute; left:50%; top:0; content:''; width: 1px; height: 100%; background: var(--bd-01);}
	.vision-box h3 {text-align: center;}
	.vision-box h6 {position: relative; top: auto; width: 100%;aspect-ratio: auto; margin-bottom: 40rem; padding: 12rem; font-size: 16rem; border-radius: 50rem;}
	.vision-box h6 br {display: none;}
	.vision-item strong {width: 100rem; font-size: 17rem;}
	.vision-item strong::before{width: 30rem;}
	.vision-item strong::after {width: 6rem; height: 6rem;}
	
	.vision-item {position: relative; flex-direction: column; padding-bottom:30rem; border-radius: 20rem; background: var(--bg-02);}
	.vision-item em {margin-bottom: 5rem;}
	.vision-item strong {width: 40%; aspect-ratio: auto; font-size: 14rem; padding: 9rem; border-radius: 30rem; background: #fff; transform: translateY(-50%);}
	.vision-item strong::before,
	.vision-item strong::after {display: none;}
	.vision-item div {margin-left: 0; text-align: center;}
	.vision-item + .vision-item {margin-top: 40rem;}
	.vision-item:nth-child(3),
	.vision-item:nth-child(4) {padding-left: 0;}

	.mission-box {padding-top: 40rem; margin-top: 40rem; border-top: 1px solid var(--bd-01);}
	.mission-box ul {display: grid; grid-template-columns: 1fr; gap: 10rem;}
	.mission-box ul li {width: 100%; min-height: auto; padding: 30rem 20rem 35rem;}
	.mission-box i {top: 30rem; right: 20rem; width: 32rem; height: 30rem;}
}


/* 사업장 */
.company-list[data-grid="2"] {gap: 60rem 42rem;}
.company-list__item > div {position: relative;}
.company-list__item figure {overflow: hidden; position: relative; height: 460rem; margin-bottom: 22rem; background: var(--bg-02); border-radius: var(--br-30); border: 1px solid var(--bd-01);}
.company-list__item figure:not(:has(img))::after {filter: grayscale(1); -webkit-filter: grayscale(1); opacity: .1; position: absolute; left:50%; top:50%; content:''; width: 230rem; height: 87rem; background: url(../img/common/symbol.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.company-list__item p {padding-right: 450rem; font-size: var(--font-28); font-weight: 600; color: var(--b-01);}
.company-list__cat {position: absolute; right:0; top:2rem; padding: 10rem 8rem; border-radius: 40rem; border: 1px solid var(--bd-01);} 
.company-list__cat li {position: relative; padding: 0 10rem; color: var(--b-02); font-weight: 300;}
.company-list__cat li:not(:last-child)::after {position: absolute; right: 0; top: 50%; content:''; width: 3rem; height: 3rem; border-radius: 100%; background: #ccc; transform: translate(-50%, -50%);}
.company-list__info {margin-top: 22rem; color: var(--b-01); border-top: 2rem solid #000;}
.company-list__info li {padding: 20rem 0;}
.company-list__info li:not(:last-child) {border-bottom: 1px solid var(--bd-01);}
.company-list__info em {min-width: 32rem; margin-right: 15rem; color: var(--b-04); font-size: 17rem; font-weight: 600;}

@media all and (max-width:1200px){
	.company-list__item figure {height: 400rem; margin-bottom: 25rem;}
	.company-list__item p {margin-bottom: 10rem; padding-right: 0; font-weight: 700;}
	.company-list__cat {position: relative; top: auto; display: inline-flex;}
}

@media all and (max-width:1023px){
	.company-list__item figure {height: 300rem;}
	.company-list__item p {margin-bottom: 12rem;}
	.company-list__item figure:not(:has(img))::after {width: 160rem; height: 60rem;}
	.company-list__info li {display: flex;}
}

@media all and (max-width:860px){
	.company-list[data-grid="2"] {grid-template-columns: 1fr;}
}

@media all and (max-width:540px){
	.company-list[data-grid="2"] {gap: 30rem;}
	.company-list__item {text-align: center;}
	.company-list__item figure {height: 220rem; margin-bottom: 15rem;}
	.company-list__cat {font-size: 13rem; flex-wrap: wrap; padding: 6rem 8rem; justify-content: center;}
	.company-list__cat li {margin: 2rem; padding: 0 6rem; line-height: 1.4;}
	.company-list__cat li:not(:last-child)::after {right: -5rem;}
	.company-list__item figure:not(:has(img))::after {width: 150rem; height: 45rem;}
}

/* 제품개발단 */
.product-items {column-width:auto; column-count:3; -webkit-column-count:3; -webkit-gap:42rem; -moz-column-count:3; -moz-gap:42rem; gap: 42rem; clear:both;}
.product-item {break-inside:avoid;}
.product-item a {position: relative; display: block; padding: 42rem; border-radius: var(--br-30); border: 1px solid transparent; background: var(--bg-02); transition: var(--trans-01);} 
.product-item figure {overflow: hidden; aspect-ratio: 1/1; max-width: 280rem; border-radius: 12rem;}
.product-item figure:not(:has(img))::after {filter: grayscale(1); -webkit-filter: grayscale(1); opacity: .1; position: absolute; left: 50%; top: 22%; content:''; width: 45%; aspect-ratio: 4/3; background: url(../img/common/symbol.svg) no-repeat center / contain; transform: translateX(-50%);}
.product-item h6 {margin-top: 73rem; margin-bottom: 18rem; color: var(--b-01); font-size: var(--font-28); font-weight: 600; line-height: normal; letter-spacing: -0.3px; transition: var(--trans-01);}
.product-item p {min-height: 55rem; word-break: keep-all;}
.product-item p br {display: none;}
.product-item .btn-arrow {position:absolute; right: 32rem; top: 40rem;}
.product-item a:hover {border-color: var(--c-01); background: var(--w); box-shadow: 42rem 47rem 28rem 0 rgba(214, 58, 55, 0.07);}
.product-item a:hover h6 {color: var(--c-01);}
.product-item a:hover .btn-arrow {background-color: var(--c-01); background-image: url(../img/layout/arrow-basic_w.svg);}

body:has(.no-gsap) #sub-visual {
    position: relative;
}

@media all and (max-width:1200px){
	.product-item h6 {min-height: 62rem; margin-top: 40rem;}
}

@media (max-width:1023px){
	.product-items {column-count:2; -webkit-column-count:2; -moz-column-count:2; -webkit-gap:32rem; -moz-gap:32rem; gap: 32rem;}
	.product-item .btn-arrow {right: 25rem;}
	.product-item h6 {margin-top: 30rem; margin-bottom: 10rem; font-size: 25rem;}
	.product-item a {padding: 30rem;}
}

@media (max-width:860px){
	.product-items {grid-template-columns: repeat(2, 1fr);}
	.product-item a {padding: 30rem; word-break: keep-all;}
	.product-item figure {width: 70%;}
	.product-item h6 {min-height: auto; margin-bottom: 15rem;}
	.product-item p br {display: none;}
	.product-item .btn-arrow {right: 20rem; top: 30rem;}
}

@media (max-width: 540px){
	.product-items {display: flex; flex-direction: column; margin-top: 27rem;-webkit-gap:20rem; -moz-gap:20rem; gap: 20rem;}
	/* .product-item {margin-bottom: 20rem;} */
	.product-item a {padding: 22rem 22rem 25rem;}
	.product-item figure {width: 60%;}
	.product-item figure:not(:has(img))::after {top: 20%;}
	.product-item .btn-arrow {right: 15rem; top: 22rem;}
	.product-item h6 {margin-top:25rem; margin-bottom: 12rem; font-size: var(--font-28);}
	.product-item p {min-height: 50rem;}
	.product-item a:hover {box-shadow: none; border-color: transparent; background: var(--bg-02);}
	.product-item a:hover h6 {color: var(--b-01);}
	.product-item a:hover .btn-arrow {background-color: #ddd;}
}

/* 제품 뷰페이지 */
.product-view__thumb {width: 31%;}
.product-view__thumb figure {position: sticky; top: 120rem; width: 100%; aspect-ratio: 1/1; background: var(--bg-02); border: 1px solid var(--bd-01);}
.product-view__thumb figure:not(:has(img))::after {filter: grayscale(1); -webkit-filter: grayscale(1); opacity: .1; position: absolute; left:50%; top: 50%; content:''; width: 230rem; height: 87rem; background: url(../img/common/symbol.svg) no-repeat center / contain; transform: translate(-50%,  -50%);}

.product-view__title i {display: block; margin-bottom: 30rem; font-size: var(--font-15); font-weight: 600; color: var(--c-01);}
.product-view__title h3 {display: block; margin-bottom: 20rem;}
.product-view__title p {font-size: var(--font-18);}
.product-view__title p + p {margin-top: 12rem;}

.product-view__accordion {margin-top: 80rem; border-top: 2rem solid #000;}
.product-view__accordion .accordion-custom__tit {padding: 32rem 0; font-size: var(--font-22); color: var(--b-01);}
.product-view__accordion .accordion-custom__tit::after {width: 52rem; height: 52rem; border-radius: 100%; background-color: #ddd; background-image: url(../img/layout/arrow-basic_w.svg); background-repeat: no-repeat; background-size: 12rem; background-position: center;}
.product-view__accordion .accordion-custom__list {gap: 0;}
.product-view__accordion .accordion-custom__list > li {overflow: hidden; padding: 0; border-radius: 0;}
.product-view__accordion .accordion-custom__list > li:not(:last-child) {border-bottom: 1px solid var(--bd-01);}
.product-view__accordion .accordion-custom__list > li.on .accordion-custom__tit::after {background-color: var(--c-01); transform: rotate(90deg);}
.product-view__accordion .accordion-custom__cont {margin-top: 0; padding-bottom: 60rem;}
.product-view__accordion .accordion-custom__cont table.table * {text-align: center;}
.product-view__accordion .accordion-custom__list > li:last-child .accordion-custom__cont {padding-bottom: 20rem;}
.product-view__accordion table.table {position: relative; border-top: 1px solid var(--bd-01);}
.product-view__accordion table.table::after {position: absolute; right: 0; top: 0; content:''; width: 1px; height: 100%; background: #fff;}
.product-view__accordion table.table thead th:not(:first-child) {font-weight: 400; color: var(--b-01); background: var(--w); border-left: 1px solid var(--bd-01);}
.product-view__accordion table.table thead th:nth-child(2) {border-left: 0;}
.product-view__accordion table.table tbody th {font-weight: 600; color: var(--b-02); background:var(--bg-02); border-right: 0 !important;}
.product-view__accordion table.table tbody td {border-right: 1px solid var(--bd-01) !important;}
.product-view__accordion table.table tr {border-bottom: 1px solid var(--bd-01) !important;}
.product-view__accordion .accordion-list {grid-template-columns: repeat(6, 1fr); gap:30rem 20rem;}
.product-view__accordion .accordion-list .item-thumb {overflow: hidden; width: 100%; aspect-ratio: 1/1; border-radius: max(1.0417vw, 20rem); border: 1px solid var(--bd-01);}
.product-view__accordion .accordion-list p {margin-top: 8rem; text-align: center; font-weight: 600; color: var(--b-01);}
.product-view__accordion .accordion-video {width: 100%; aspect-ratio: 16/9;}
.product-view__accordion .accordion-video > iframe,
.product-view__accordion .accordion-video > video {width: 100%; height: 100%;}

.netzero-process {padding: 20rem; border-radius: 200rem; border: 2rem dashed var(--bd-01);}
.netzero-process li {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 260rem; height: 260rem; padding: 40rem; line-height: 1.5; font-size: var(--font-22); font-weight: 700; color: var(--b-01); text-align: center; border-radius: 100%;}
.netzero-process li em {display: inline-block; margin-bottom: 17rem; margin-top: -10rem; padding: 4rem 12rem; font-size: var(--font-16); font-weight: 600; color: var(--b-02); background: var(--w); border-radius: 100rem;}
.netzero-process li:nth-child(1) {background: #fff5f4;}
.netzero-process li:nth-child(1) em {background: #fff;}
.netzero-process li:nth-child(2) {background: #ffd5d3;}
.netzero-process li:nth-child(3) {color: var(--w); background: var(--c-01);}
.netzero-process li:nth-child(3) em {background: var(--w);}

.product-view__caption {margin-top:30rem; padding: 23rem 40rem; font-size: var(--font-15); color: var(--b-01); background: var(--bg-02);}
.product-view__caption p {font-weight: 600;}
.product-view__caption p br {display: none;}
.product-view__caption a {padding: 17rem 30rem; font-size: var(--font-14); font-weight: 600; color: var(--w); background: var(--bg-01); border-radius: 4rem; transition: var(--trans-01);}
.product-view__caption a:hover {background: var(--c-01);}
.product-view__cont .btn-basic {margin-top: 80rem;}

@media (max-width:1023px){
	.product-view__thumb {width: 50%; margin: 0 auto; margin-bottom:70rem;}
	.product-view__thumb figure {position: relative; top: auto;}
	.product-view__title {text-align: center;}
	.page-section__box {text-align: center;}
}

@media (max-width:860px){
	.product-view__thumb {width: 100%;}
	.product-view__thumb figure {position: relative; top: auto;}
	.product-view__accordion .accordion-list {grid-template-columns: repeat(4, 1fr);}

	.netzero-process {gap: 20rem;}
	.netzero-process li {width: 100%; height: auto; aspect-ratio: 1/1; padding: 20rem;}
}

@media (max-width:540px){
	.product-view__thumb {margin-bottom: 40rem;}
	.product-view__title i,
	.product-view__title h3 {margin-bottom: 15rem;}
	.product-view__accordion .accordion-custom__tit {padding: 24rem 0;}
	.product-view__accordion .accordion-custom__tit::after {width: 40rem; height: 40rem; background-size: 10rem;}
	.product-view__accordion {margin-top: 37rem;}
	.product-view__accordion .accordion-custom__cont {padding-bottom: 40rem;}
	.product-view__accordion .accordion-custom__cont [data-grid="2"] {gap: 10rem;}
	.product-view__accordion .accordion-list {grid-template-columns: repeat(3, 1fr); gap: 20rem 10rem;}
	.product-view__caption {flex-direction: column; justify-content: center; margin-top: 20rem; padding:30rem 20rem;}
	.product-view__caption p br {display: block;}
	.product-view__caption a {margin-top: 17rem; padding: 12rem 20rem;}
	.product-view__cont .btn-basic {margin-top: 40rem;}

	.accordion-custom__cont:has(.netzero-process) {text-align: center;}
	.netzero-process {display: inline-flex; padding: 10rem; flex-direction: column;}
	.netzero-process li {font-size: var(--font-18); line-height: 1.4; width: 140rem;}
	.netzero-process li em {padding: 3rem 8rem; margin-bottom: 10rem; font-size: 12rem;}
	.env-certify li p::after {background-size: 15rem;}
}

/* 재무정보 */
.finance-graph h3 {margin-bottom: 25rem;}
.finance-graph__list {gap: 13rem;}
.finance-graph__item {padding: 30rem 25rem 50rem; border: 1px solid var(--bd-01);}
.finance-graph__item h6 {align-items: flex-end; margin-bottom: 40rem; font-size: var(--font-22); font-weight: 600; color: var(--b-01);}
.finance-graph__item img {max-width: 100%; margin: 0 auto;}

@media (max-width:1023px){
	.finance-graph__list {grid-template-columns: 1fr;}
}

@media (max-width:540px){
	.finance-graph h3 {margin-bottom: 20rem;}
	.finance-graph__item {padding: 20rem 20rem 30rem;}
	.finance-graph__item h6 {margin-bottom: 25rem;}
}

/* 주식정보 */
.stock-graph__inr {align-items: flex-end; padding: 60rem; border: 1px solid var(--bd-01);}
.stock-graph__inr .caption {position: absolute; right: 60rem; bottom: 40rem; text-align: right;}
.stock-graph figure {max-width: 473rem;}
.stock-graph ul {margin-bottom: 30rem;}
.stock-graph ul li {display: flex; align-items: center; margin: 7rem 0; font-weight: 600; color: var(--b-01);}
.stock-graph ul li::before {content:''; width: 9rem; height: 9rem; margin-right: 12rem; border-radius: 100%;}
.stock-graph ul li em {position: relative; min-width: 120rem; padding-right: 20rem; margin-right: 20rem; font-weight: 400; box-sizing: content-box;}
.stock-graph ul li em::after {position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 15rem; background: var(--bd-01); transform: translateY(-50%);}
.stock-graph ul li:nth-child(1)::before {background: var(--c-01);}
.stock-graph ul li:nth-child(2)::before {background: #FB615F;}
.stock-graph ul li:nth-child(3)::before {background: #FFBFBC;}
.stock-graph ul li:nth-child(4)::before {background: #FF8B8B;}

.stock-table {margin-top: max(5.2083vw, 100rem);}
.stock-table h3 {margin-bottom: 30rem;}
.stock-table h3:has(.caption) {align-items: flex-end;}

@media all and (max-width:1200px){
	.stock-graph figure {width:350rem;}
}

@media all and (max-width:1023px){
	.stock-graph figure {width:65%;}
	.stock-graph ul li em {text-align: left;}
}

@media (max-width: 540px){
	.stock-table {margin-top: 50rem;}
	.stock-table h3 {margin-bottom: 15rem;}
	.stock-table h3:has(.caption) {flex-direction: column; align-items: flex-start;}
	.stock-table .caption {margin-top: 10rem;}
	.stock-graph__inr {flex-direction: column; justify-content: flex-start; align-items: flex-start; padding:30rem;}
	.stock-graph figure {width: 100%;}
	.stock-graph ul {margin-top: 40rem; margin-bottom: 40rem;}
	.stock-graph ul li::before {width: 6rem; height: 6rem; margin-right: 8rem;}
	.stock-graph ul li em {min-width: 112rem; padding-right: 12rem; margin-right: 12rem;}
	.stock-graph ul li em::after {height: 12rem;}
	.stock-graph__inr .caption {right: auto; left: 30rem; bottom: 30rem; font-size: var(--font-14);}
}

/* 공시정보 */
.profit-board table.table :is(th,td){padding:32rem 10rem; font-size:var(--font-18);}
.profit-board table.table tbody td {border-right: 0;}
.profit-board__list{margin-top:80rem;}
.profit-board__caption{display:block;margin-bottom:20rem;font-weight: 600;color: var(--b-01);font-size: 17rem;}
.profit-board table.table tbody tr td:not(:first-child){border-left:0 !important;}
.profit-board table.table thead th{padding: 14rem; font-size: var(--font-16); background:#f7f7f7; border-bottom:1px solid var(--bd-01) !important; font-weight:600; color:var(--b-04); color:var(--b-01);}
.profit-board table.table tbody td{color:var(--b);}
.profit-board table.table thead + tbody tr td{color:var(--b-02);}
.profit-board table.table tbody tr td:nth-child(3){width:-webkit-calc(100vw - 40rem); width:calc(100vw - 40rem); font-weight:500; color:var(--b-01); text-align:left; cursor:pointer;}
.profit-board [data-table="number"]{width: 6%;}
.profit-board [data-table="date"]{width: 3%;}
.profit-board [data-table="sub"]{min-width: 210rem;}

.profit-board table.table tbody tr td:nth-child(3) a{transition:all 0.3s ease;}
.profit-board table.table tbody tr td:nth-child(3) a:hover{color:var(--c-01);}

.profit-board [data-table="subject"]{width:82%;}
.profit-board tbody [data-table="subject"]{font-family:var(--lang-ko); font-weight:700; font-size:20rem; color:var(--b-01) !important; text-align:left;}
.profit-board tbody [data-table="date"]{font-weight:400 !important; text-align:center !important;}

@media all and (max-width:1023px){
	.profit-board [data-table="date"]{width:15%;}
}

@media (max-width: 540px){
	.profit-board [data-table="number"]{left:0;}
	.profit-board [data-table="date"]{right:0; width:auto;}
	.profit-board tr{display:block; position:relative; width:100%; border-bottom:1px solid #ddd;}
	.profit-board table.table thead{display:none;}
	.profit-board table.table :is([data-table="date"],	[data-table="number"]){position:absolute; top:18rem; width:auto; padding-top:0; padding-bottom:0; font-weight:300; font-size:16rem; color:var(--b-03);}
	.profit-board td[data-table="subject"]{position:relative; z-index:10; box-sizing:border-box; padding:53rem 20rem 7rem 20rem !important;}
	.profit-board td[data-table="sub"]{position:relative; width:100%; box-sizing:border-box; padding:0 20rem 20rem 20rem !important; color:#888; text-align:left;}
	.profit-board table.table :is(th,	td){display:block; padding-right:0 !important; padding-left:0 !important; border:none; font-family:var(--lang-ko);}
	.profit-board table td[data-table="subject"] a{display:block; width:100%; word-break:normal;}
	.profit-board table.table td[data-table="sub"]{font-size:15rem;}
}

/* 환경 */
.env-policy [data-list="num"] * {margin-bottom: 10rem;}
.env-policy [data-list="num"] li {align-items: flex-start; padding: 25rem 20rem; line-height: 1.5; border-radius: max(1.5625vw, 30rem); background: var(--bg-02); word-break: keep-all;}
.env-policy [data-list="num"] i {flex-shrink: 0; margin-bottom: 0;}
.env-policy.policy02 {margin-top: var(--space100);}
.env-step {margin-top: var(--space100); word-break: keep-all;}
.env-step__list {gap: 0; padding: 20rem; border: 1px solid var(--bd-01);}
.env-step__list em {position: relative; display: block;}
.env-step__list em span {position: relative; display: block; padding: 12rem 20rem; color: var(--w); font-size: 17rem; font-weight: 800; border-radius: 50rem;}
.env-step__list em::before {position: absolute; right: -12rem; top: 50%; content:''; width: 50rem; height: 50rem; border-radius: 100%; background:var(--w); transform: translateY(-50%);}
.env-step__list > div {width: calc(25% + 40rem);}
.env-step__list > div:not(:first-child) {margin-left: -20rem;}
.env-step__list > div:not(:first-child) span {padding-left: 50rem;}
.env-step__list > div:nth-child(1) {z-index: 14;}
.env-step__list > div:nth-child(2) {z-index: 13;}
.env-step__list > div:nth-child(3) {z-index: 12;}
.env-step__list > div:nth-child(4) {z-index: 11;}

.env-step__list > div:nth-child(1) span {background: #1FBEB7;}
.env-step__list > div:nth-child(2) span {background: #20A5F4;}
.env-step__list > div:nth-child(3) span {background: #1F56B3;}
.env-step__list > div:nth-child(4) span {background: var(--c-01);}

.env-step__list > div > div {padding: 20rem;}
.env-step__list > div:not(:first-child) > div {margin-left: 30rem;}
.env-step__list strong {display: block; margin-bottom: 14rem; font-size: 17rem; font-weight: 700;}
.env-step__list b {display: block; margin-bottom: 8rem; font-weight: 600; color: var(--b-01);}

.env-step__list > div:nth-child(1) strong {color: #1FBEB7;}
.env-step__list > div:nth-child(2) strong {color: #20A5F4;}
.env-step__list > div:nth-child(3) strong {color: #1F56B3;}
.env-step__list > div:nth-child(4) strong {color: var(--c-01);}
.env-step__list [data-list="dot"] {color: var(--b-02);}
.env-step__list [data-list="dot"] * {margin-bottom: 0;}

.env-step__txt {display: block; margin-top: 15rem; color: var(--b-01);}

.env-page .coop-slider *[class^="swiper-btn--"] {top: 50%; transform: translateY(-50%);}

.env-certify {margin-top: var(--space100);}
.env-certify li {text-align: center;}
.env-certify li figure {position: relative; background: var(--bg-02); border: 1px solid var(--bd-01);}
.env-certify li figure:not(:has(img))::after {filter: grayscale(1); -webkit-filter: grayscale(1); opacity: .1; position: absolute; left: 50%; top: 50%; content:''; width: 50%; aspect-ratio: 4/3; background:url(../img/common/symbol.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.env-certify li p {display: flex; align-items: center; justify-content: center; margin-top: 15rem; font-size: var(--font-18); font-weight: 600; color: var(--b-01);}
.env-certify li p::after {content:''; width: 20rem; height: 20rem; margin-left: 10rem; background:url(../img/layout/ic-download.svg) no-repeat center 60% / 17rem;}

@media all and (max-width:1200px){
	.env-step__list {flex-wrap: wrap; justify-content: center;}
	.env-step__list > div {width: 50%;}
	.env-step__list > div:nth-child(-n+2) {margin-bottom: 20rem;}
	.env-step__list > div:nth-child(3) {margin-left: 0;}
	.env-step__list > div:nth-child(3) span {padding-left: 20rem;}
}

@media (max-width:1023px){
	.env-page .page-section__box {text-align: left;}
}

@media (max-width: 540px){
	.env-policy [data-list="num"] li {padding: 20rem;}
	.env-certify [data-grid] {gap: 30rem;}
	.env-certify li p {margin-top: 12rem;}
	.env-step__list {margin:0;}
	.env-step__list > div {width: 100%; margin-left: 0 !important;margin-bottom: 15rem;}
	.env-step__list > div:last-child {margin-bottom: 0;}
	.env-step__list > div:not(:first-child) span {padding-left: 20rem;}
	.env-step__list > div:not(:first-child) > div {margin-left: 0;}
	.env-step__list > div > div {padding: 12rem 20rem;}
	.env-step__list strong {margin-bottom: 10rem; font-size: var(--font-16);}
	.env-step__list em span {font-size: var(--font-16);}
}

/* 공급망관리 */
.social-policy__diagram {position: relative; gap: 0 80rem;padding: 40rem;margin-bottom: 45rem; }
.social-policy__diagram::before {position: absolute; left:33.33%; top: 50%; content:''; width: 1px; height: calc(100% - 80rem); border-right: 1px dashed var(--bd-01); transform: translateY(-50%);} 
.social-policy__diagram::after {position: absolute; right:33.33%; top: 50%; content:''; width: 1px; height: calc(100% - 80rem); border-left: 1px dashed var(--bd-01); transform: translateY(-50%);} 
.social-policy__item {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 130rem; padding: 20rem; line-height: 1.4; border-radius:max(1.5625vw, 30rem);}
.social-policy__item:first-child {min-height: 70rem; margin-bottom: 20rem; color: var(--w); font-weight: 700; background: #555;}
.social-policy__item:not(:first-child) {font-family: var(--lang-ko); font-weight: 400; color: var(--b-01); background: var(--w);}
.social-policy__item span {display: block; margin-top: 5rem; font-size: var(--font-14); color: var(--b-03); font-weight: 300;}
.social-policy__diagram > ul {z-index: 1; justify-content: space-between;}
.social-policy__diagram > ul li {position: relative;}
.social-policy__diagram > ul:nth-child(1) .social-policy__arrow::after {transform: rotate(90deg);}
.social-policy__diagram > ul:nth-child(2) .social-policy__arrow,
.social-policy__diagram > ul:nth-child(3) li:last-child .social-policy__arrow {position: absolute; left:-80rem; width: 80rem; height: 130rem; margin: 0;}
.social-policy__diagram > ul:nth-child(2) .social-policy__arrow::after,
.social-policy__diagram > ul:nth-child(3) li:last-child .social-policy__arrow::after {left: 50%; top: 50%; width: 30rem; height: 30rem; transform: translate(-50%, -50%);}
.social-policy__diagram > ul:nth-child(3) .social-policy__arrow::after {transform: rotate(90deg);}
.social-policy__diagram > ul:last-child::before {position: absolute; left:0; top: 0; width: ;}
.social-policy__arrow {position: relative; width: 30rem; height: 30rem; margin: 15rem auto;}
.social-policy__arrow::after {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: url(../img/sub/social-arrow.svg) no-repeat center / contain;}
.social-policy__cont {font-size: var(--font-18); font-weight: 300; color: var(--b-01); line-height: 1.5;}
.social-policy__cont strong {font-size: var(--font-22); font-weight: 600;}
.social-policy__cont ul {margin-top: 25rem; margin-bottom: 40rem; padding-bottom: 40rem; word-break: keep-all; font-family: var(--lang-ko); border-bottom: 1px solid var(--bd-01);}
.social-policy__cont ul li {margin-bottom: 10rem; font-weight: 300;}
.social-policy__cont p + p {margin-top: 15rem;}
.social-policy__cont .caption {display: block; margin-top: 35rem; color: var(--b-03);}
.social-section {margin-top: var(--space100);}

@media all and (max-width:1200px){
	.social-policy__cont strong br,
	.social-policy__diagram > ul li br,
	.social-policy__cont br {display: none;}	
	.social-policy__diagram > ul li {word-break: keep-all;}
}

@media (max-width:1023px){
	.social-policy__cont {text-align: left; word-break: keep-all;}
}

@media (max-width:540px){
	.social-policy__diagram {overflow: initial; position: relative; margin-bottom: 30rem; padding: 20rem; gap: 0 40rem; grid-template-columns: repeat(3, 1fr);}
	.social-policy__item {height: 120rem; padding: 10rem; border-radius: 20rem;}
	.social-policy__item:not(:first-child) {min-height: 240rem;}
	.social-policy__arrow {width: 20rem; height: 20rem; margin: 10rem auto;}
	.social-policy__diagram > ul:nth-child(2) .social-policy__arrow,
	.social-policy__diagram > ul:nth-child(3) li:last-child .social-policy__arrow {width: 40rem; height: 40rem; left: -40rem;}
	.social-policy__diagram > ul:nth-child(2) .social-policy__arrow::after,
	.social-policy__diagram > ul:nth-child(3) li:last-child .social-policy__arrow::after {width: 20rem; height: 20rem;}
	.social-policy__diagram > ul li:has(.social-policy__arrow) {display: flex; align-items: center;}
	.social-policy__cont ul {margin-top: 15rem;}
	.social-section[data-bg="gradation"] h3 {margin-bottom: 15rem;}
}

/* 상생협력 */
.coop-value .page-section__box {position: relative; color: var(--b-01);}
.coop-value .page-section__box > p {margin-bottom: 40rem; padding-bottom: 40rem; font-family: var(--lang-ko); font-size: var(--font-18); line-height: 1.5; border-bottom: 1px solid var(--bd-01);}
.coop-value__item {min-width: 300rem; max-width: 300rem; padding: 30rem; color: var(--b-01); border: 1px solid rgba(214, 58, 55, 0.20);background: var(--w); box-shadow: 10px 10px 20px 0 rgba(214, 58, 55, 0.10);}
.coop-value__item p {display: block; margin-bottom: 8rem; font-weight: 600; font-size: var(--font-18);}
.coop-value__box > .coop-value__item:last-child {margin: 0 auto; margin-top: 250rem;}
.coop-value__center {position: absolute; left:50%; top:50%; margin-top: -20rem; transform: translate(-50%, -50%);}
.coop-value__center::before {position: absolute; left: 50%; top: 50%; content:''; width: 60%; aspect-ratio: 1/1; margin-top: 30rem; border: 2rem dashed rgba(214, 58, 55, 0.20) ; border-radius: 100%; transform: translate(-50%, -50%);}
.coop-value__center > p {margin: 0 auto; margin-bottom: 20rem;}
.coop-value__center div p {margin: 0 30rem;}
.coop-value__center p {position: relative; display: flex; justify-content: center; align-items: center; width: 140rem; height: 140rem; font-size: var(--font-22); font-weight: 700; background: var(--w); border-radius: 100%; border: 2rem solid var(--c-01);}
.coop-value__arrow {position: absolute; width: 25rem; height: 25rem; background: url(../img/sub/coop-arrow.svg) no-repeat center / contain;}
.coop-value__arrow:nth-child(1) {left: 15%; top: 30%; transform: rotate(-235deg);}
.coop-value__arrow:nth-child(2) {right: 15%; top: 30%; transform: rotate(-120deg);}
.coop-value__arrow:last-child {bottom: -40rem; left: 50%; transform: translateX(-50%);}
.coop-section {margin-top: var(--space100);}
.coop-section .tabs-wrap { position: relative;}
.coop-section .tabs-wrap .tabs {z-index: 31; position: absolute; left: 40rem; top: 40rem;}
.coop-tab__con {position: absolute; left:0; bottom:0; width: 100%; padding:50rem 40rem; padding-right: 30%;}
.coop-tab__con h4 {margin-bottom:18rem; font-size: var(--font-28); font-weight: 700;}
.coop-tab__con [data-list="dot"] > *::before {background: var(--w);}
.coop-tab__con *.btn-basic {position: absolute; right: 40rem; bottom: 40rem; display: inline-flex !important; width: auto; margin-top: 30rem;}
.coop-slider *[class^="swiper-btn--"] {z-index: 31; position: absolute; top: 50%; transform: translateY(-50%);}
.coop-slider .swiper-btn--prev {left: 40rem;}
.coop-slider .swiper-btn--next {right: 40rem;}

#tab1 .coop-tab__con {padding-right: 40rem;}

@media all and (max-width:1680px){
	.coop-value__center {margin-top: 5rem;}
	.coop-value__box > .coop-value__item:last-child {margin-top: 290rem;}
	.coop-tab__con {padding-right: 40%;}
}

@media all and (max-width:1200px){
	.coop-value .page-section__box > p br {display: none;}
	.coop-value__center {margin-top: 14rem;}
	.coop-value__item {min-width: auto; width: 235rem;}
}

@media (max-width:1023px){
	.coop-value h3 {text-align: center;}
	.coop-value .page-section__box > p br {display: block;}
	.coop-value__item {width: 35%; text-align: left;}
	.coop-value__center {margin-top: -12rem;}
	.coop-tab__con {text-align: left; padding-right: 33%;}
}

@media (max-width:860px){
	.coop-value__center {margin-top: 15rem;}
	.coop-tab__con {padding-right: 40%;}
}

@media (max-width:540px){
	.coop-value .page-section__box > p br {display: block;}
	.coop-value__center p {width: 100rem; height: 100rem;}
	.coop-value__arrow {display: none;}
	.coop-value__center {position: relative; left: auto; top: auto; margin-top: 0; transform: none;}
	.coop-value__center::before {width: 50%;}
	.coop-value__center > p + div {justify-content: center;}
	.coop-value__list {flex-direction: column; margin-top: 40rem;}
	.coop-value__item {width: 100%; max-width: none; margin-bottom: 10rem; padding: 22rem 20rem;}
	.coop-value__box > .coop-value__item:last-child {margin-top: 0; margin-bottom: 0;}

	.coop-section .tabs-wrap .tabs {position: relative; left: auto; top: auto; margin-bottom: 15rem;}
	.coop-tab__con {position: relative; padding: 0; margin-top: 20rem;}
	.coop-section .tab-content {border-radius: 0;}
	.coop-section .tab-content figure {overflow: hidden; border-radius: 20rem;}
	.coop-section .tab-content * {color: var(--b-01);}
	.coop-section .coop-tab__con h4 {margin-bottom: 15rem;}
	.coop-tab__con [data-list="dot"] > *::before {background: var(--b-01);}
	.coop-section .tab-content .swiper-slide {flex-direction: column;}
	.coop-tab__con *.btn-basic {position: relative; right: auto; bottom: auto; min-width: 170rem; margin-top: 22rem; border-color: var(--b-01);}
	.coop-tab__con *.btn-basic span {color: var(--b-01);}
	.coop-tab__con *.btn-basic::after {background-color: var(--b-01);background-image: url(../img/layout/arrow-basic_w.svg);}
	.coop-tab__con *.btn-basic::before {background-color: var(--b-01);}
	.coop-slider *[class^="swiper-btn--"] {top: 17%; transform: none;}
	.coop-slider .swiper-btn--prev {left: 20rem;}
	.coop-slider .swiper-btn--next {right: 20rem;}
	#tab1 .coop-tab__con {padding-right: 0;}
}

/* 기업지배구조 */
body.sub04_03 #snb ul li:last-child {display: none;}
.structure-process__txt {font-size: var(--font-18); line-height: 1.5; color: var(--b-01); word-break: keep-all;}
.structure-process__txt p + p {margin-top: 15rem;}
.structure-process__table {margin-top: 60rem; color: var(--b-01);}
.structure-process__table h5 {margin-bottom: 15rem;}
.structure-process__caption {margin-top: 20rem;}
.structure-policy {margin-top: var(--space100);}
.structure-policy__txt {height: 740rem; border: 1px solid var(--bd-01); background: var(--w);}
.structure-policy__txt-inr {overflow-y: scroll; height: 100%; padding: 55rem 50rem; color: var(--b-01);}
.structure-policy__rule {margin-top: 50rem;}
.structure-policy__item {margin-top: 30rem;}
.structure-policy__item strong {display: block; margin-bottom: 12rem; font-size: var(--font-18); font-weight: 600;}
.structure-policy__item [data-list] li {align-items: flex-start; line-height: 1.5;}
.structure-policy .btn-wrap {margin-top: 42rem; gap: 10rem;}

@media (max-width:1023px){
	.structure-page .page-section__box {text-align: left;}
	.structure-policy__txt-inr {padding: 40rem;}
	.structure-policy h3 {text-align: center;}
	.structure-policy .btn-wrap {justify-content: center;}
}

@media (max-width:540px){
	.structure-process__table {margin-top: 40rem;}
	.structure-policy__txt-inr {padding: 20rem;}
	.structure-policy__rule {margin-top: 30rem;}
	.structure-policy__item {margin-top: 20rem;}
	.structure-policy .btn-wrap {flex-direction: column; margin-top: 20rem;}
}

/* 이사회 */
.council-section {margin-top: var(--space100);}
.council-section:last-child .page-section__box h5 {margin-bottom: 15rem;}
.council-section:last-child .page-section__box > div:last-child {margin-top: 50rem;}

@media (max-width:540px){
	.council-section:last-child .page-section__box > div {text-align: left;}
	.council-section:last-child .page-section__box > div:last-child {margin-top: 30rem;}
}

/* 윤리경영 */
.canon-top .page-section__box > p {margin-bottom: 15rem; font-size: var(--font-18); color: var(--b-01);}
.canon-top__box {margin-top: 40rem; padding: 40rem; color: var(--b-01); background: var(--bg-02);}
.canon-top__box strong {display: block; margin-bottom: 10rem;}
.canon-top .btn-wrap {margin-top: 50rem; gap: 10rem;}
.canon-bottom {margin-top: var(--space100); word-break: keep-all;}
.canon-bottom [data-color] {font-weight: 600;}
.canon-bottom p {text-align:left; color: var(--b-01); font-family: var(--lang-ko); font-size: var(--font-18);}
.canon-bottom .page-section__box {text-align: center;}
.canon-bottom figure {margin-top: 60rem; margin-bottom: 40rem; padding-bottom: 80rem; border-bottom: 1px solid var(--bd-01);}

@media (max-width:1023px){
	.canon-top h3 {text-align: center;}
	.canon-top__box ul {display: inline-block; text-align: left;}
	.canon-top .btn-wrap {margin-top: 40rem; justify-content: center;}
	.canon-bottom,
	.canon-bottom p {text-align: center;}
}

@media (max-width:540px){
	.canon-page h3 {margin-bottom: 15rem;}
	.canon-top__box {margin-top: 30rem; padding: 22rem;}
	.canon-top .btn-wrap {flex-direction: column; margin-top: 30rem; justify-content: center;}
	.canon-bottom figure {margin-top: 30rem; padding-bottom: 40rem;}
}

/* 인재상 */
.flex-section__con  > p {margin-top: 24rem; font-size: var(--font-18); font-weight: 600; color: var(--b-01);}
.talent-list__items {clear: both; column-count: 2; -webkit-column-count: 2; column-gap: 42rem; -webkit-column-gap:42rem; margin-top: 260rem;}
.talent-list__item {overflow: hidden; height: 590rem; margin-bottom: 42rem; padding: 50rem 40rem; color: var(--w); border-radius: var(--br-30); background-repeat: no-repeat; background-position: center; background-size: cover; word-break: keep-all; break-inside: avoid;}
.talent-list__item:nth-child(1) {background-image: url(../img/sub/talent01.jpg);}
.talent-list__item:nth-child(2) {background-image: url(../img/sub/talent02.jpg);}
.talent-list__item:nth-child(3) {background-image: url(../img/sub/talent03.jpg);}
.talent-list__item:nth-child(4) {background-image: url(../img/sub/talent04.jpg);}
.talent-list__item:first-child{margin-top: -200rem;}
.talent-list__item * {position: relative;}
.talent-list__item h4 {margin-bottom: 37rem; color: var(--w);}
.talent-list__item .ic-check {margin-right: 10rem;}
.talent-list__item strong {margin-bottom: 12rem;}
.talent-list__item p {opacity: .7;}

@media (max-width:1200px){
	.talent-list__item {position: relative; height: 460rem;}
	.talent-list__item::before {opacity: .3; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
	.talent-list__item h4 {margin-bottom: 22rem;}
}

@media (max-width:1023px){
	.flex-section h3 {margin-bottom: 10rem;}
	.flex-section__con > p {margin-top: 0; text-align: left;}
	.talent-list__items {margin-top: 60rem;}
	.talent-list__item:first-child {margin-top: 0;}
	.talent-list__item strong{justify-content: center;}
}

@media (max-width:540px){
	.flex-section h3 {margin-bottom: 5rem;}
	.talent-page h3 {margin-bottom: 10rem;}
	.talent-list__items {margin-top: 40rem; column-count: 1; -webkit-column-count: 1; column-gap: 10rem; -webkit-column-gap:10rem;}
	.talent-list__item {padding: 40rem 30rem; margin-bottom: 20rem;}
}


/* 채용공고 */
.recruit-process {margin-bottom: 100rem;}
.recruit-process__list {margin-top: 45rem;}
.recruit-process__item {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 220rem; height: 220rem; border-radius: 100%; background: var(--w); border: 2rem solid var(--c-01);}
.recruit-process__item i {width: 52rem; height: 52rem; margin: 23rem auto;}
.recruit-process__item:not(:last-child) i img {height: 50rem;}
.recruit-process__item:last-child i img {height: 52rem;}
.recruit-process__item:nth-child(1) {border-color: transparent; background: var(--bg-02);}
.recruit-process__desc {font-size: var(--font-18); font-weight: 700; color: var(--b-01);}
.recruit-process__num {margin-top: -2rem; font-weight: 700; font-size: var(--font-14); color: var(--b-04);}
.recruit-process__item:last-child {background: var(--c-01);}
.recruit-process__item:last-child * {color: var(--w);}
.recruit-process__arrow {position: relative; display: block; width: 20rem; height: 20rem; margin: 0 32rem;}
.recruit-process__arrow::after {position: absolute; left:0; top:0; width: 100%; height: 100%; content:''; background: url(../img/layout/arrow-basic.svg) no-repeat center / contain; transform: rotate(45deg);}

@media (max-width:1023px){
	.recruit-process__item {height: auto; aspect-ratio: 1/1;}
	.recruit-process__item i {width: 40rem; height: 40rem; margin: 18rem 0 20rem;}
	.recruit-process__item:not(:last-child) i img,
	.recruit-process__item:last-child i img {height: 100% !important;}
	.recruit-process__arrow {width: 15rem; height: 15rem; margin: 0 20rem;}
}

@media (max-width:860px){
	.recruit-process {margin-bottom: 60rem;}
	.recruit-process__list {max-width: 70%; flex-wrap: wrap; margin: 0 auto; justify-content: center;}
	.recruit-process__arrow {margin: 0 30rem; margin-top: -15rem;}
	.recruit-process__arrow:nth-child(4) {display: none;}
	.recruit-process__item{width: 200rem; margin-bottom: 20rem;}
}

@media (max-width:540px){
	.recruit-process {margin-bottom: 0;}
	.recruit-process__list {max-width: none; justify-content: space-between;}
	.recruit-process__item {width: 150rem;}
	.recruit-process__item i {width: 30rem; height: 30rem; margin: 12rem 0 10rem;}
	.recruit-process__arrow {width: 12rem; height: 12rem; margin: 0 15rem; transform: translateY(-50%);}
	.recruit-process__num {font-size: 12rem;}
}


/* 온라인 문의 */
.cs-page .page-section__inr {align-items: flex-start;}
.cs-form {margin-top: 0 !important;}
.cs-form input:is([type="text"]) {border-radius: 5rem;}
.cs-form input:is([type="text"])::placeholder {font-size: var(--font-16) !important;}
.cs-page h3 {line-height: 1.4;}
.cs-form .form-part .check-box {margin-bottom: 12rem;}
.cs-form .form-area:nth-child(6) {align-items: flex-start;}
.cs-form .form-select select {max-width: none; border-radius: 5rem;}
.cs-form .form-area[data-form] .form-part i {font-weight: 600; font-size: var(--font-18);}
.cs-form .form-area input,
.cs-form .form-area select {border-radius: 0;}
.cs-form .form-area.w50:nth-child(2n - 1) {width: 50%; padding-left: 0;}

@media (max-width:1023px){
	.cs-page h3 br {display: none;}
	.cs-page .btn-wrap {margin: 0 auto;}
}

@media (max-width:540px){
	.cs-page .cs-form {padding-top: 25rem;}
	.cs-page .cs-form .form-part .check-box {margin-bottom: 0;}
	.cs-page .form-area[data-form="agree"] {margin-top: 0;}
	.cs-page .form-area[data-form="agree"] .show-btn {display: inline-block; margin-left: 0; margin-top: 7rem;}
	.cs-page .check-box {text-align: left;}
	.cs-page .check-box label {padding-left: 32rem;}
}

/* 제품 문의하기 */
.cs-page:has(.inquiry-product__step) .btn-wrap {justify-content: center;}
.inquiry-product__step {width: 100%; margin-bottom: 40rem; padding: 8rem; border-radius: 100rem; background: var(--bg-02);}
.inquiry-product__step li {display: inline-flex; justify-content: center; align-items: center; width: 100%; padding: 10rem; font-weight: 600; border-radius: 50rem;}
.inquiry-product__step li em {margin-right: 10rem; padding: 6rem 10rem; font-size: 13rem; font-weight: 600; color: var(--b-04); background: var(--w); border-radius: 100rem;}
.inquiry-product__step li em span {display: inline-block; margin-right:3rem; font-weight: 600;}
.inquiry-product__step li.on {color: var(--w); background: var(--c-01); box-shadow: 3rem 5rem 8rem rgba(0, 0, 0, .1);}
.inquiry-product__step li.on em {font-weight: 700; color: var(--c-01);}
.inquiry-product__step li.on em span {font-weight: 700;}
.inquiry-product__step li.inquiry-product__arrow {filter: grayscale(1); -webkit-filter: grayscale(1); flex-shrink: 0; width: 20rem; height: 20rem; margin: 0 20rem; padding: 0; background: url(../img/sub/coop-arrow.svg) no-repeat center / contain; transform: rotate(-90deg);}

.modal-dialog:has([data-list="num"]) {width: 600rem;}
.privacy-popup__inr [data-list="num"] {margin-top: 20rem; padding-top: 20rem; border-top: 1px solid var(--bd-01);}
.privacy-popup__inr [data-list="num"] > * { align-items: flex-start; margin-bottom: 10rem;}
.privacy-popup__inr [data-list="num"] > *::before {flex-shrink: 0; display: inline-flex; width: 20rem; height:20rem; font-size: 12rem; font-weight: 600;}

/* 제품 문의 확인 */
.inquiry-product-page .inquiry-product__con {border-top: 2rem solid #000;}
.inquiry-product__item {display: flex; align-items: flex-start; padding: 30rem 0;}
.inquiry-product__item:not(:first-child) {border-top: 1px solid var(--bd-01);}
.inquiry-product__item em {min-width: 180rem; font-size: var(--font-18); font-weight: 700; color: var(--b-01);}
.inquiry-product__item:has(.chk-list ) {align-items: center;}
.inquiry-product__item .chk-list {display: flex; align-items: center; flex-wrap: wrap; gap: 5rem;}
.inquiry-product__item .chk-list li {padding:8rem 10rem; font-size: var(--font-16); border-radius: 5rem; border: 1px solid var(--bd-01);}

.inquiry-product__item:has(.inquiry-product__item-inr.privacy) {flex-direction: column; margin-top: 30rem; padding: 30rem; border-radius: 10rem; border: 1px solid var(--bd-01);}
.inquiry-product__item .privacy {margin-top: 5rem;}
.inquiry-product__item .privacy [data-list="num"] {margin-top: 20rem;}

.inquiry-product-page .btn-wrap {margin-top: 40rem;}

@media (max-width:1023px){
	.inquiry-product__step {margin-top: 10rem;}
	.inquiry-product__item {text-align: left;}
}

@media (max-width:540px){
	.modal-dialog:has([data-list="num"]) {width: 90%;}
	.modal-dialog:has([data-list="num"]) .privacy-popup__con {height: 80vh; overflow: scroll;}
	
	.inquiry-product__step {margin-top: 0; margin-bottom:25rem;}
	.inquiry-product__step li em {display: inline-flex; align-items: center; justify-content: center; width: 24rem; height: 24rem; padding: 0; font-size: 12rem;}
	.inquiry-product__step li span {display: none;}
	.inquiry-product__step li.inquiry-product__arrow {width: 15rem; height: 15rem; margin:0 10rem;}

	.inquiry-product__item {padding: 20rem 0;}
	.inquiry-product__item,
	.inquiry-product__item:has(.chk-list ) {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.inquiry-product__item em {min-width: auto; margin-bottom: 10rem;}
	.inquiry-product__item .chk-list li {padding: 6rem 8rem; font-size: 13rem; border-radius: 3rem;}
	.inquiry-product__item:has(.inquiry-product__item-inr.privacy) {margin-top: 10rem; padding: 20rem; font-size: var(--font-14);}
	.inquiry-product__item .privacy [data-list="num"] {margin-top: 15rem;}
	.inquiry-product__item .privacy [data-list="num"] > * {line-height: 1.5;}
	.inquiry-product__item .privacy [data-list="num"] > li {align-items: flex-start;}
	.inquiry-product__item .privacy [data-list="num"] > li::before {width: 18rem; height: 18rem; margin-top: 1px;}
	.inquiry-product__item .privacy {margin-top: 0;}

	.inquiry-product-page .btn-wrap {margin-top: 25rem;}
}