@charset "utf-8";


/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.cs-page) + #footer{margin-top: 150rem;}
#container:has(.smart-page) + #footer,
#container:has(.rnd-page) + #footer {margin-top: 0 !important;}
body.sub01_01 #gnb .gnb-item > a {color: var(--f-01);}
body.sub01_01 #header.on #gnb .gnb-item > a {color: var(--b-01);}
body.sub01_01 .gnb-full-icon > span {background: var(--f-01);}
body.sub01_01 #header.on .gnb-full-icon > span {background: var(--b-01);}
#header{}
#footer{margin-top: 200rem;}

@media all and (max-width:1023px){
	body.sub01_01 .gnb-mobile-btn span {background: var(--f-01);}
	.gnb-mobile-btn span {background: var(--b-01);}
	#footer{margin-top: 150rem;}
}

@media (max-width: 540px){
	#footer {margin-top: 100rem;}
	#container:has(.rnd-page) + #footer {margin-top: 80rem !important;}
	#container:has(.cs-page) + #footer{margin-top: 80rem;}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(13.0208vw, 250rem);}
body.sub01_01 .sub-content {padding-top: 0 !important;}
[data-flex].is_moved {display: flex;}

/* table */
table.table {border: 1px solid var(--br-01);}
table.table th {word-break: break-all;}
table.table th,
table.table td {padding: 12rem 10rem; vertical-align: middle;}
table.table thead tr th:not(:last-child) {border-right: 1px solid var(--br-01);}
table.table thead th {background:var(--bg-02)}
table.table thead tr:last-child th,
table.table tbody td {border-color: var(--br-01);}
.table-notice {display: block; margin-top: 15rem; color: var(--g-01);}

/* tab */
.tabs {display: inline-flex;}
.tabs li {display: flex; align-items: center; margin: 0 3rem; padding: 10rem 15rem; font-family: var(--lang-ko); font-size: 12rem; font-weight: 700; color: var(--g-02); border-radius: 60rem; background: var(--bg-02);}
.tabs li::after {opacity: .25; content:''; width: 0; height: 0; margin-left: 11rem; margin-top: 2rem; border: 3rem solid var(--b-01); border-top-color: transparent !important; border-right-color: transparent !important; transform: rotate(135deg);}
.tabs li.active {color: var(--f-01); background: var(--c-01);}
.tabs li.active::after {opacity: 1; margin-top: -2rem; border-color: var(--f-01); transform: scaleY(-1) rotate(135deg);}


@media all and (max-width:1023px){
	.sub-content,
	.sub-content:has(.board-page){padding-top:170rem;}
}

@media (max-width: 860px){
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 100rem;}
}

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

/* 회사소개 */
.about-page .font-tp-en--00 {display: block; margin-bottom: 13rem; color: var(--c-01); text-transform: uppercase;}
.about-page > [class^="about-"] {padding: 120rem 0;}
.about-page > [class^="about-"]:last-child {padding-bottom: 0;}
.about-page .swiper-controls {z-index: 1; position: absolute; left: 50%; bottom: 40rem; transform: translateX(-50%);}
.about-page .font-tp--09 {margin-bottom: 45rem;}

.about-info {padding: 120rem 0;}
.about-info .font-tp--09 {margin-bottom: 0;}
.about-info__text {position: relative; width: 100%; padding-right: 100rem;}
.about-info__img {flex-shrink: 0; width: calc(50% + 10rem);}
.about-info__img .swiper-slide::after {opacity: .3; position: absolute; left:0; bottom:0; content:''; width: 100%; height: 100rem; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.about-page .tabs-wrap {margin-top: 7rem;}
.about-page .tabs {position: absolute; right: 100rem; top: 37rem;}
.about-page .tab__item li {display: flex; align-items: center; padding: 27rem 0;}
.about-page .tab__item li:not(:last-child) {border-bottom: 1px solid var(--br-01);}
.about-page .tab__item li em {min-width: 60rem; margin-right: 30rem; font-weight: 700; color: var(--g-01); text-transform: uppercase;}
.about-page #tab2 li em {min-width: 135rem;}

.about-page .about-ceo {position: relative; overflow: hidden; padding: 120rem 0 110rem;}
.about-ceo .font-tp-en--00 {color: var(--f-01);}
.about-ceo .font-tp--09 {font-size: 29rem;font-family: var(--lang-ko);}
.about-ceo__img {position: absolute; left: -45rem; top: -50rem; column-gap: 38rem; height: 100%;}
.about-ceo__img img {opacity: 0.14; border-radius: 10rem;}
.about-ceo__img img.is_moved {opacity: 0.14;}
.about-ceo__img > div {row-gap: 32rem;}
.about-ceo__img > div:nth-child(1) img {width: 357rem; height: 358rem;}
.about-ceo__img > div:nth-child(1) img:nth-child(2) {height: 550rem;}
.about-ceo__img > div:nth-child(2) {padding-top: 5vw;}
.about-ceo__img > div:nth-child(2) img {width: 265rem; height: 340rem;}
.about-ceo__img > div:nth-child(2) img:nth-child(1) {opacity: 1; box-shadow: 19rem 39rem 35rem rgba(0, 0, 0, .47);}
.about-ceo__img > div:nth-child(2) img:nth-child(2) {height: 235rem;}
.about-ceo__text {padding-left: 434rem;}
.about-ceo__text p {font-weight: 200; font-family: var(--lang-ko);}
.about-ceo__text p + p {margin-top: 23rem;}
.about-ceo__text .sign {margin-top: 50rem;}
.about-ceo__text .sign.is_moved {display: flex;}
.about-ceo__text .sign strong {display: inline-block; margin: 0 10rem; font-size: var(--font-size-20); font-weight: 600;}
.about-ceo__text .sign img {display: block; width: 165rem;}

.about-video {overflow: hidden; position: relative; height: 800rem;}
.about-video::before {z-index: 1; opacity: .44; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
.about-video video {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}
.about-video > div {z-index: 1; height: 100%; text-transform: uppercase;}
.about-video > div p {margin-top: 20rem;}
.about-video > div *{display: none;}

.about-vision {padding: 120rem 0;}
.about-vision__item {display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 413rem; padding:20rem; border-radius: 5rem; border: 1px solid var(--br-01); transition: var(--trans-01);}
.about-vision__item i {display: flex; align-items: center; justify-content: center; width: 67rem; height: 80rem; margin-bottom: 40rem;}
.about-vision__item i img {max-height: 100%;}
.about-vision__item:nth-child(2) i img {height: 70rem;}
.about-vision__item:nth-child(3) i img {height: 78rem;}
.about-vision__item h6 {margin-bottom:10rem; font-size: var(--font-size-24); font-weight: 700;}
.about-vision__item span {display: block; font-size: var(--font-size-15); color: var(--g-02); text-transform: uppercase;}
.about-vision__item p {opacity: 0; visibility: hidden; height: 0; color: var(--b-02); transition: var(--trans-01);}
.about-vision__item:hover {border-color: var(--c-01); box-shadow: 0 4rem 31rem rgba(215, 88, 42, .17);}
.about-vision__item:hover p {opacity: 1; visibility: visible; height: 80rem; margin-top: 20rem;}
.about-vision__item:nth-child(2):hover p {height: 60rem;}

.about-img {width:1200rem; height: 600rem; margin: 0 auto; background-image: url(../img/sub/organization.jpg); transition: var(--trans-01);}
.about-img.is_moved {width: 100%;}

@media (max-width:1680px){
	.about-ceo__text {padding-left: 26vw;}
	.about-ceo__img {margin-top: 0; left:-12vw;}
	.about-ceo__img > div:nth-child(1) img {width: 18vw; height: 22vw;}
	.about-ceo__img > div:nth-child(1) img:nth-child(2) {height: 30vw;}
	.about-ceo__img > div:nth-child(2) img {width: 15vw; height: 19vw;}
	.about-ceo__img > div:nth-child(2) img:nth-child(2) {height: 16vw;}

	.about-img {width: 80%;}
}

@media all and (max-width:1023px){
	.about-page .tabs {right: 0;}
	.about-info__inr {flex-direction: column;}
	.about-info__text {padding-right: 0; margin-bottom: 40rem;}
	.about-info__img {width: 100%;}
	.about-info__img .swiper-slide {height: 500rem;}
	.about-info__img img {width: 100%; height: 100%; object-fit: cover;}
	
	.about-ceo__text {padding-left: 36vw;}
	.about-ceo__img {left: -12vw;}
	.about-ceo__img > div:nth-child(1) img {width: 22vw; height: 25vw;}
	.about-ceo__img > div:nth-child(1) img:nth-child(2) {height: 34vw;}
	.about-ceo__img > div:nth-child(2) img {width: 17vw; height: 22vw;}
	.about-ceo__img > div:nth-child(2) img:nth-child(2) {height: 18vw;}
	
	.about-video {height: 520rem;}

	.about-vision__item {min-height: 360rem;}
	.about-vision__item i {width: 60rem; height: 63rem; margin-bottom: 25rem;}
	.about-vision__item br {display: none;}
	.about-vision__item:nth-child(2) i img {height: 55rem;}
	.about-vision__item:nth-child(2):hover p {height: 80rem;}

	.about-img {height: 420rem;}
}

@media (max-width:860px){
	.about-page .font-tp--09 {margin-bottom: 30rem;}
	.about-vision__item {min-height: 420rem;}
}

@media (max-width: 540px){
	.about-page > [class^="about-"] {padding: 70rem 0;}
	.about-page .font-tp-en--00 {margin-bottom: 11rem;}
	.about-page .tab__item li {flex-direction: column; align-items: flex-start; padding: 20rem 0;}
	.about-page .tab__item li em {margin-bottom: 8rem; font-weight: 600;}
	.about-page .swiper-controls {bottom: 30rem;}

	.about-info {padding: 70rem 0;}
	.about-info__text .font-tp--09 {margin-bottom: 0;}
	.about-info__text {margin-top: 0;}
	.about-info__img .swiper-slide {height: 280rem;}

	.about-page .about-ceo {padding: 70rem 0 50rem;}
	.about-ceo__img {position: relative; left: 0; top: auto; column-gap: 0; flex-direction: row-reverse; justify-content: flex-end; height: auto; margin-bottom: 35rem;}
	.about-ceo__img > div {grid-template-columns: repeat(3, 1fr); gap: 10rem;}
	.about-ceo__img > div img {width: 100% !important; height: 140rem !important;}
	.about-ceo__img img:nth-child(2) {opacity: 1;}
	.about-ceo__text {padding-left: 0; text-align: center;}
	.about-ceo__text .sign {flex-direction: column; margin-top: 40rem;}
	.about-ceo__text .sign strong {margin-top: 3rem;}
	.about-ceo__text .sign img {margin-top: 10rem;}

	.about-video {height: 370rem;}
	.about-video > div p {margin-top: 12rem; padding: 0 20rem;}

	.about-vision {padding: 70rem 0;}
	.about-vision__item {min-height: auto; padding: 60rem 20rem;}
	.about-vision__item i {width: 55rem; height: 55rem;}
	.about-vision__item:nth-child(2) i img {height: 50rem;}
	.about-vision__item h6 {margin-bottom: 8rem;}
	.about-vision__item p {opacity: 1; visibility: visible; height: auto; margin-top: 20rem;}
	.about-vision__item br {display: block;}
	.about-vision__item:hover p {height: auto !important; margin-top: 20rem;}

	.about-img {height: 230rem;}
}

/* 연혁 */
.history-content {position: relative;}
.history-img {width: 55%;}
.history-img__inr {position: sticky; top: 120rem;}
.history-line-wrap {overflow: hidden;}
.history-line {position: relative; display: block; width: 3rem; height: 100%; margin: 0 80rem; background: var(--br-02);}
.history-line__bar {z-index: 31; position: absolute; left:0; top:0; display: block; width: 100%; background: var(--c-01);}
.history-line__bar::after {position: absolute; left: 50%; bottom: 0; content:''; width: 13rem; height:13rem; border-radius: 3rem; background: var(--c-01); transform: translate(-50%, -10%) rotate(45deg); box-shadow: 0 3rem 8rem rgba(0, 0, 0, .25);}
.history-list {padding: 30rem 0;}
.history-item {opacity: .3; display: flex; align-items: center; font-family: var(--lang-ko); text-transform: uppercase;}
.history-item:not(:last-child, :first-child) {margin: 80rem 0;}
.history-item:has([data-list]) {align-items: flex-start;}
.history-item strong {flex-shrink: 0; min-width: 50rem; margin-right: 30rem; font-family: var(--lang-ko); font-size: var(--font-size-18); font-weight: 600;}

@media all and (max-width:1023px){
	.history-content {justify-content: space-between;}
	.history-img {width: 42%;}
	.history-line {margin: 0 30rem;}
	.history-list {width: 42%;}

	.history-item:not(:last-child, :first-child) {margin: 60rem 0;}
}

@media (max-width: 540px){
	.history-content {display: block;}
	.history-img {width: 100%;}
	.history-line-wrap {position: absolute; left:0; top:250rem; height:82%;}
	.history-line {margin: 0 7rem;}
	.history-list {width: 100%; padding-top: 40rem; padding-left: 40rem;}
	.history-item:not(:last-child, :first-child) {margin: 40rem 0;}
	.history-item strong {margin-right: 7rem;}
	.history-line__bar::after {width: 10rem; height: 10rem; border-radius: 2rem; box-shadow: 0 2rem 3rem rgba(0, 0, 0, .1);}
}

/* 조직도 */
.chart{display:flex;align-items:center;margin-top:60rem;text-align:center;flex-direction:column;position: relative;}
.chart__company{display:flex; flex-direction: column; justify-content:center;align-items:center;position:relative;width:200rem;height:200rem;background: var(--bg-05);font-weight:700;color:#fff;}
.chart__company h4 {display: block; margin-top: 5rem; font-size: 34rem; font-weight: 700;}

.chart-wrap{position:relative;width:100%;padding-top:60rem;padding-bottom: 30rem;}
.chart-list{display:grid;grid-template-columns: repeat(7, 1fr);gap:30rem;}
.chart-list strong{padding: 22rem 0;border:2rem solid var(--c-01);font-size: var(--font-size-18);font-weight: 600;background: var(--f-01); border-radius: 5rem;}
.chart-list li *{display:block;}
.chart-line{content:"";position:absolute;top:0;left:50%; width: -webkit-calc(100% - var(--chart-width));    width: calc(100% - var(--chart-width));height:1px;background:var(--br-01);transform: translateX(-50%);}
.chart-list strong::before{content:""; position:absolute; top:-60rem; left:50%; z-index:-1; width:1px; height:60rem; background:var(--br-01);}
.chart-list li{position:relative;background:#fff;}
.chart-list ul {margin-top: 10rem;}

.chart-list--sub {padding: 20rem; border-radius: 5rem; border: 1px solid var(--br-01); background: var(--bg-03);}
.chart-list--sub li {color: var(--b-02); background: transparent;}
.chart-list--sub li:not(:first-child) {padding-top: 12rem;}
.chart-list--sub li:not(:last-child) {padding-bottom: 12rem; border-bottom: 1px dashed var(--br-01);}

.chart__ceo::before{content:""; position:absolute; bottom:-196rem; left:50%; z-index:3; width:9rem; height:9rem; margin-left:-4rem; background:var(--color-point); border-radius:100%;}
.chart__ceo{display:flex; justify-content:center; align-items:center; width:230rem; height:80rem; background:var(--b-01); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.20); font-weight:700; font-size:24rem; color:#fff; border-radius:100rem; text-transform:uppercase;}
.chart__title{display:flex; align-items:center; position:relative; padding-bottom:80rem; text-align:center; flex-direction:column;}
.chart__title::after{content:""; position:absolute; bottom:0; left:50%; z-index:-1; width:1px; height:100%; background:var(--br-01);}

@media all and (max-width:1023px){
	.chart {margin-top: 40rem;}
	.chart-wrap {padding-top: 40rem;}
	.chart__title {padding-bottom: 40rem;}
	.chart__company {width: 170rem; height: 170rem;}
	.chart-line {width: 88%;}
	.chart-list {gap: 20rem;}
	.chart-list strong {padding: 20rem 10rem; font-size: 18rem;}
	.chart-list strong::before {top: -40rem; height: 40rem;}
}

@media (max-width: 860px){
	.chart-wrap {padding-bottom: 0;}
	.chart__company h4 {font-size: 30rem;}
	.chart-line {display: none;}
	.chart-list {grid-template-columns: repeat(4, 1fr); gap: 80rem 20rem;}
	.chart-list > li:nth-child(2)::before,
	.chart-list > li:nth-child(2)::after,
	.chart-list > li:nth-child(4)::after,
	.chart-list > li:nth-child(6)::before,
	.chart-list > li:nth-child(6)::after {position: absolute; top: -40rem; content:''; width: calc(100% + 20rem); height: 1px; background: var(--br-01);}
	.chart-list > li:nth-child(2)::before,
	.chart-list > li:nth-child(6)::before {left: 50%;}
	.chart-list > li:nth-child(2)::after,
	.chart-list > li:nth-child(4)::after,
	.chart-list > li:nth-child(6)::after {right: 50%;}
	
}

@media (max-width: 540px){
	.chart {margin-top: 30rem;}
	.chart__company {width: 120rem; height: 120rem; font-size: 14rem;}
	.chart__company h4 {font-size: 22rem;}
	.chart-wrap {padding-top: 30rem;}
	.chart-list {grid-template-columns: repeat(2, 1fr); gap: 60rem 10rem;}
	.chart-list strong {padding: 13rem 10rem; font-size: 14rem;}
	.chart-list strong::before {top: -30rem; height: 30rem;}
	.chart-list > li:nth-child(2)::before,
	.chart-list > li:nth-child(6)::before {display: none;}
	.chart-list > li:nth-child(2)::before,
	.chart-list > li:nth-child(2)::after,
	.chart-list > li:nth-child(6)::before,
	.chart-list > li:nth-child(6)::after {top: -30rem; width: calc(100% + 10rem);}
	.chart-list > li:nth-child(4)::after {top: -30rem; width: calc(100% + 10rem);}
} 

/* 오시는길 */
.location-page .map {margin: 70rem 0;}
.location-page .map iframe {width: 100%; height: 600rem;}
.locaiont-info ul {width: 50%; padding: 40rem 0; padding-left: 60rem; border-left: 1px solid var(--br-01);}
.locaiont-info ul i {display: flex; align-items: center; justify-content: center; width: 18rem; height: 18rem; margin-right: 16rem; text-align: center;}
.locaiont-info ul i img {max-width: 100%; max-height: 100%;}
.locaiont-info li:not(:last-child) {margin-bottom: 20rem;}
.locaiont-info li:last-child i img {width: 14rem;}
.locaiont-info strong {min-width: 65rem; margin-right: 25rem; font-family: var(--lang-ko); font-size: var(--font-size-18); font-weight: 700; text-transform: uppercase;}
.locaiont-info > div img {width: 110rem;}
.locaiont-info > div h3 { margin-top: 25rem;}


@media all and (max-width:1023px){
	.location-page .map iframe {height: 500rem;}
	.locaiont-info {flex-direction: column;}
	.locaiont-info ul {width: 100%; padding: 40rem 0 0; margin-top: 40rem; border-top: 1px solid var(--br-01); border-left: 0;}
	.locaiont-info li:last-child i img {width: 16rem;}
}

@media (max-width: 540px){
	.location-page .map {margin: 30rem 0 35rem;}
	.location-page .map iframe {height: 250rem;}
	.locaiont-info > div img {width: 80rem;}
	.locaiont-info > div h3 {margin-top: 17rem;}
	.locaiont-info ul {margin-top: 22rem; padding: 25rem 0 0;}
	.locaiont-info ul i {width: 15rem; height: 15rem; margin-right: 12rem;}
	.locaiont-info li:last-child i img {width: 13rem;}
	.locaiont-info strong {margin-right: 0;}
}

/* 사업실적 */
.rnd-list {position: relative; margin-top: 100rem;}
.rnd-list__img {position: absolute; left:0; top:0; width: 820rem; height: 100%;}
.rnd-list__img figure {position: sticky; top: 0; height: var(--height-full); background-image: url(../img/sub/rnd01.jpg); transition: .3s linear;}
.rnd-list__inr:has(.rnd-list__item:nth-child(1).is_moved) .rnd-list__img figure {background-image: url(../img/sub/rnd01.jpg);}
.rnd-list__inr:has(.rnd-list__item:nth-child(2).is_moved) .rnd-list__img figure {background-image: url(../img/sub/rnd02.jpg);}
.rnd-list__inr:has(.rnd-list__item:nth-child(3).is_moved) .rnd-list__img figure {background-image: url(../img/sub/rnd03.jpg);}
.rnd-list__text {padding-left: 588rem;}
.rnd-list__item {display: flex; height: var(--height-full); justify-content: center; padding-left: 100rem;}
.rnd-list__item h3 {margin-bottom: 40rem; line-height: 1.35;}
.rnd-list__item:nth-child(1) strong {margin-bottom: 5rem;}
.rnd-list__item p {line-height: 1.5; color: var(--b-02);}
.rnd-list__item p + p {margin-top: 10rem;}
.rnd-list__item [data-list] > *{margin-bottom:30rem;}
.rnd-list__item table {table-layout: fixed; color: var(--b-02);}
.rnd-list__table {margin-top: 30rem;}

@media (max-width:1780px){
	.rnd-list__text {padding-left: 39%;}
}

@media (max-width:1680px){
	.rnd-list__text {padding-left: 46%;}
}

@media (max-width:1480px){
	.rnd-list__img {width: 45%;}
	.rnd-list__text {padding-left: 41%;}
	.rnd-list__item {padding-left: 80rem;}
	.rnd-list__item h3 {margin-bottom: 25rem;}
	.rnd-list__table {margin-top: 15rem;}
}

@media all and (max-width:1023px){
	.rnd-list {margin-top: 80rem;}
	.rnd-list__inr {flex-direction: column;}
	.rnd-list__img {position: relative; width: 100%; display: none;}
	.rnd-list__img figure {position: relative; top: auto; height: 400rem;}
	.rnd-list__text {padding-left: 0;}
	.rnd-list__item {height: auto; margin-bottom: 60rem; padding-left: 0; }
	.rnd-list__item h3 {font-size: var(--font-size-40);}
	.rnd-list__item h3 br {display: none;}
	.rnd-list__item figure {height: 400rem; margin-bottom: 40rem;}
	.rnd-list__item:nth-child(1) figure {background-image: url(../img/sub/rnd01.jpg);}
	.rnd-list__item:nth-child(2) figure {background-image: url(../img/sub/rnd02.jpg);}
	.rnd-list__item:nth-child(3) figure {background-image: url(../img/sub/rnd03.jpg);}
}

@media (max-width: 860px){
	.rnd-list__item figure {height: 320rem;}
}

@media (max-width: 540px){
	.rnd-text br {display: none;}
	.rnd-list {margin-top: 40rem;}
	.rnd-list__item {margin-bottom: 30rem;}
	.rnd-list__item [data-list] > * {margin-bottom: 20rem;}
	.rnd-list__item br {display: none;}
	.rnd-list__item figure {height: 180rem; margin-bottom: 27rem;}
	.rnd-list__item h3 {margin-bottom: 15rem; font-size: 20rem;}
	.rnd-list__table {margin-top: 0;}
}

/* pr common */
.pr-title__img {height: 470rem; margin: 0 auto; margin-top: 70rem; margin-bottom: 100rem; animation: motion-width 1s ease forwards;}
.pr-exp {padding-bottom: 70rem;}
.pr-exp h3 {text-transform: uppercase; line-height: 1.5;}
.pr-exp:not(h3) > * {width: 50%; margin-left: auto;}
.pr-sentence { opacity: .06; font-size: 150rem; font-weight: 700; text-transform: uppercase; text-align: center;}
.pr-sentence.is_moved {opacity: .06;}

@keyframes motion-width{
	0%{width: 1200rem;}
	100%{width: 100%;}
}

@media all and (max-width:1023px){
	.pr-exp br {display: none;}
	.pr-title__img {margin-bottom: 80rem;}
	.pr-sentence {font-size: 10.8vw;}

	@keyframes motion-width{
		0%{width: 80%;}
		100%{width: 100%;}
	}
}

@media (max-width: 860px){
	.pr-exp {padding-bottom: 50rem;}
	.pr-title__img {height: 320rem; margin-bottom: 70rem;}
	.pr-sentence {font-size: 10vw;}
}

@media (max-width: 540px){
	.pr-title__img {height: 200rem; margin: 30rem auto 35rem;}
	.pr-exp {flex-direction: column; align-items: flex-start; padding-bottom: 30rem;}
	.pr-exp h3 {margin-bottom: 10rem;}
	.pr-exp:not(h3) > * {width: 100%;}
}


/* smartfactory */
.smart-page .pr-exp {border-bottom: 1px solid var(--br-01);}
.smart-page .pr-title__img {background-image: url(../img/sub/smartfactory-bg.jpg);}
.smart-diagram {position: relative; margin-top: 160rem; margin-bottom: 130rem;}
.smart-diagram::before {position: absolute; left:50%; top:50%; content:''; width: 480rem; height: 480rem; border-radius: 100%; background: var(--c-01); filter: blur(80rem); -webkit-filter: blur(80rem); transform: translate(-50%, -50%);}
.smart-diagram::after {position: absolute; left:50%; top:50%; content:''; width: 567rem; height: 567rem; border-radius: 100%; border: 2rem dashed var(--f-01); transform: translate(-50%, -50%);}
.smart-diagram__title {position: absolute; left:50%; top:50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--f-01); transform: translate(-50%, -50%);}
.smart-diagram__title h3 {margin-bottom: 7rem; font-size: 44rem; font-weight: 700;}
.smart-diagram__title span {opacity: .5; font-weight: 600;}
.smart-diagram__title p {margin-top: 20rem; font-weight: 600;}

.smart-diagram figure {z-index: 1; position: relative; width: 100%; height: 100%; flex-wrap: wrap;}
.smart-diagram__item {display: inline-flex; width: 50%; color: var(--b-02);}
.smart-diagram__item p {font-weight: 600; }
.smart-diagram__item i {backdrop-filter: blur(5rem); -webkit-backdrop-filter: blur(5rem); width: 100rem; height: 100rem; border-radius: 100%; border: 1px solid var(--f-01); background: rgba(255, 255, 255, .6); box-shadow: 4rem 4rem 10rem rgba(0, 0, 0, .05); transition: var(--trans-01);}
.smart-diagram__item:nth-child(2n) {flex-direction: row-reverse; text-align: right; padding-right: 196rem;}
.smart-diagram__item:nth-child(2n) i {margin-left: 30rem;}
.smart-diagram__item:nth-child(2n+1) { padding-left: 196rem;}
.smart-diagram__item:nth-child(2n+1) i {margin-right:30rem;}
.smart-diagram__item:nth-child(2),
.smart-diagram__item:nth-child(3) {margin-bottom: 184rem;}
.smart-diagram__item:nth-child(1) i img {width: 40rem;}
.smart-diagram__item:nth-child(2) i img {width: 40rem;}
.smart-diagram__item:nth-child(3) i img {width: 42rem; margin-top: -5rem;}
.smart-diagram__item:nth-child(4) i img {width: 40rem;}
.smart-diagram__item:nth-child(5) i img {width: 44rem;}
.smart-diagram__item:nth-child(6) i img {width: 42rem;}

.smart-diagram__item:nth-child(1) {flex-direction: column-reverse; margin-bottom: 6rem;}
.smart-diagram__item:nth-child(1),
.smart-diagram__item:nth-child(6) {width: 100%; text-align: center; padding: 0 !important;}
.smart-diagram__item:nth-child(1) i,
.smart-diagram__item:nth-child(6) i {margin: 18rem auto !important;}
.smart-diagram__item:nth-child(6) {flex-direction: column !important; margin-top: 40rem;}

.smart-list ul {flex-wrap: wrap; gap: 80rem 20rem; margin-top: 40rem;}
.smart-list__img {position: relative; margin-bottom: 20rem;}
.smart-list__img em {position: absolute; right: 25rem; top: 30rem; color: var(--f-01);}
.smart-list__img img {width: 100%; height: 100%; object-fit: cover;}

.smart-process {margin-top: 120rem; padding: 120rem 0 140rem;}
.smart-process__list {margin-top: 45rem;}
.smart-process__item {padding: 15rem 0 20rem; font-weight: 600;}
.smart-process__item i {display: flex; align-items: center; justify-content: center; width: 120rem; height: 120rem; margin-bottom: 15rem; background-color: var(--f-01); border: 1px solid var(--br-02);}
.smart-process__item span {display: block; margin-bottom: 2rem; text-transform: uppercase; font-size: var(--font-size-15); font-weight: 600; color: var(--g-02);}
.smart-process__box {position: relative; gap: 10rem; padding: 0 15rem; border: 1px dashed var(--b-01);}
.smart-process__box:nth-child(2)::before {position: absolute; left:-1px; top: 0; content:'재고관리 : MES'; width: calc(100% + 2px); padding: 8rem 10rem; font-size: var(--font-size-15); font-weight: 700; color: var(--f-01); text-align: center; background: var(--bg-01); transform: translateY(-100%);}
.smart-process__img{margin-top: 50rem;}

@media all and (max-width:1023px){
	.smart-diagram {margin-top: 130rem; margin-bottom: 100rem;}
	.smart-diagram::before {width: 420rem; height: 420rem; filter: blur(50rem); -webkit-filter: blur(50rem);}
	.smart-diagram::after {width: 430rem; height: 430rem;}
	.smart-diagram__title h3 {font-size: 37rem;}
	.smart-diagram__item i {flex-shrink: 0; width: 80rem; height: 80rem;}
	.smart-diagram__item:not(:first-child, :last-child) br {display: none;}
	.smart-diagram__item:nth-child(1) i img,
	.smart-diagram__item:nth-child(6) i img {width: 35rem;}
	.smart-diagram__item:nth-child(3) i img,
	.smart-diagram__item:nth-child(5) i img {width: 37rem;}
	.smart-diagram__item:nth-child(4) i img {width: 33rem; margin-left: 2rem;}
	.smart-diagram__item:nth-child(2) i img {width: 34rem;}

	.smart-diagram__item:nth-child(2),
	.smart-diagram__item:nth-child(3) {margin-bottom: 135rem;}
	.smart-diagram__item:nth-child(2n) {padding-right: 155rem;}
	.smart-diagram__item:nth-child(2n+1) {padding-left: 155rem;}
	.smart-diagram__item:nth-child(6) {margin-top: 6rem;}

	.smart-list ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 60rem 20rem; margin-top: 30rem;}

	.smart-process__list {flex-wrap: wrap; justify-content: center; gap: 20rem 10rem;}
	.smart-process__box {gap: 5rem; padding: 0 8rem;} 
}

@media (max-width: 860px){
	.smart-diagram {margin-top: 100rem;}
	.smart-diagram::after {width: 350rem; height: 350rem;}
	.smart-diagram__title h3 {font-size: 32rem;}
	.smart-diagram__item:nth-child(1) {margin-bottom: 0;}
	.smart-diagram__item:nth-child(2),
	.smart-diagram__item:nth-child(3) {margin-bottom: 80rem;}
	.smart-diagram__item:nth-child(1) i,
	.smart-diagram__item:nth-child(6) i {margin: 12rem auto !important;}
	.smart-diagram__item:nth-child(2n) {padding-right: 115rem;}
	.smart-diagram__item:nth-child(2n+1) {padding-left: 115rem;}
}

@media (max-width: 540px){
	.smart-page .pr-exp {border-bottom: 0;}
	.smart-diagram {margin-top: 20rem; margin-bottom: 50rem;}
	.smart-diagram::after {display: none;}
	.smart-diagram::before {display: none;}
	.smart-diagram__title {position: relative; left: auto; top: auto; width: 100%; padding: 30rem 20rem; transform: none; background: var(--bg-05); border-radius: 20rem;}
	.smart-diagram__title h3 {margin-bottom: 5rem; font-size: 24rem;}
	.smart-diagram__title p {margin-top: 12rem;}
	.smart-diagram__title br {display: none;}
	.smart-diagram figure {flex-direction: column;}
	.smart-diagram__item {display: flex; flex-direction: row !important; justify-content: flex-start; align-items: center; width: 100%; margin-top: 20rem;}
	.smart-diagram__item i {width: 60rem; height: 60rem; border: 1px solid var(--c-01);}
	.smart-diagram__item p {text-align: left; padding-left: 20rem;}
	.smart-diagram__item p br {display: none;}
	.smart-diagram__item:nth-child(1) i,
	.smart-diagram__item:nth-child(6) i {margin: 0 !important;}
	.smart-diagram__item:nth-child(2n) i {margin-left: 0;}
	.smart-diagram__item:nth-child(1) i img,
	.smart-diagram__item:nth-child(2) i img,
	.smart-diagram__item:nth-child(4) i img,
	.smart-diagram__item:nth-child(6) i img {width: 27rem;}
	.smart-diagram__item:nth-child(3) i img,
	.smart-diagram__item:nth-child(5) i img {width: 30rem;}
	.smart-diagram__item:nth-child(2),
	.smart-diagram__item:nth-child(3) {margin-bottom: 0;}
	.smart-diagram__item:nth-child(2n) {padding-right: 0;}
	.smart-diagram__item:nth-child(2n+1) {padding-left: 0;}
	.smart-diagram__item:nth-child(2n+1) i {margin-right: 0;}
	.smart-diagram__item:nth-child(6) {flex-direction: row !important; margin-top: 20rem;}

	.smart-list ul {grid-template-columns: 1fr; gap: 40rem 0; margin-top: 20rem;}
	.smart-list__img {margin-bottom: 15rem;}

	.smart-process {margin-top: 70rem; padding: 70rem 0 100rem;}
	.smart-process__list > div {width: 100%;}
	.smart-process__item {width: 100%; padding: 0;}
	.smart-process__item i {width: 100%;}
	.smart-process__box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20rem 5rem; padding: 10rem 10rem 20rem;}
	.smart-process__box:nth-child(2) {grid-template-columns: 1fr; margin-top: 40rem;}
}


/* 품질경영 */
.quality-page .pr-exp > div {padding-top: 15rem;}
.quality-page .pr-exp {padding-bottom: 80rem;}
.quality-page .pr-title__img {background-image: url(../img/sub/quality-bg.jpg);}
.quality-page .pr-exp figure {display: inline-block; margin-bottom: 30rem; border: 1px solid var(--br-01);}
.quality-page .pr-exp strong {display: block; margin-bottom: 12rem; font-size: var(--font-size-20); text-transform: uppercase;}
.quality-page .pr-sentence {font-size: 4.63vw;}
.quality-process {margin-top: 100rem;}
.quality-process img {width: 100%;}

@media all and (max-width:1200px){
	.quality-page .pr-exp h3 {padding-right: 50rem;}
	.quality-page .pr-exp h3 br {display: none;}
	.quality-page .pr-sentence {font-size: 5.5vw;}
}

@media all and (max-width:1023px){
	.quality-page .pr-exp {flex-direction: column; justify-content: center;}
	.quality-page .pr-exp h3 {padding-right: 0; text-align: center;}
	.quality-page .pr-exp h3 br {display: none;}
	.quality-page .pr-exp:not(h3) > * {width: 100%;}
	.quality-page .pr-exp > div {padding-top: 30rem; text-align: center;}
	.quality-page .pr-sentence {font-size: 7.75vw;}
	.quality-process {margin-top: 80rem;}
}

@media (max-width: 540px){
	.quality-page .pr-exp > div {padding-top: 12rem;}
	.quality-page .pr-exp figure {margin-bottom: 23rem;}
	.quality-page .pr-exp {padding-bottom: 40rem;}
	.quality-process {margin-top: 40rem;}
}

/* esg */
.esg-page .pr-exp h3 {margin-bottom: 30rem;}
.esg-page .pr-exp:not(h3) > * {width: 100%;}
.esg-page .pr-exp strong {margin-bottom: 5rem;}
.esg-page .pr-title__img {background-image: url(../img/sub/esg-bg.jpg);}
.esg-goal {margin-top: 35rem;}
.esg-goal > div {width: 200rem; height: 200rem; border-radius: 100%; border:2rem solid}
.esg-goal i {position: relative; width: 80rem; height: 1px; background: var(--br-01);}
.esg-goal i::after {position: absolute; left:50%; top: 50%; content:''; display: block; width: 0; height: 0; margin-left: 9rem; border: 15rem solid transparent; border-left-width: 17rem; border-right-width: 17rem; border-left-color: var(--br-01); transform: translate(-50%, -50%);}
.esg-goal > div:nth-child(1) {border-color: var(--c-01);}
.esg-goal > div:nth-child(3) {border-color: #0BA56F;}
.esg-goal > div:nth-child(5) {border-color: #004372;}
.esg-goal > div:nth-child(1) h6 {color: var(--c-01);}
.esg-goal > div:nth-child(3) h6 {color:#0BA56F;}
.esg-goal > div:nth-child(5) h6 {color: #004372;}
.esg-goal > div p {margin-top: 5rem; font-size: var(--font-size-18); font-weight: 600;}

.esg-list {gap: 20rem;}
.esg-list__item {border: 1px solid var(--br-01); border-top: 1px solid var(--br-01);}
.esg-list__item h6 {padding: 20rem; font-weight: 600; text-align: center; background: var(--bg-02);}
.esg-list__inr {padding:  40rem 40rem 50rem;}
.esg-list__inr > span {display: block; margin-top: 12rem; font-size: var(--font-size-15); color: var(--g-01); text-align: center;}
.esg-list__box {margin-top: 45rem; gap: 20rem;}
.esg-list__box > div {border-radius: 5rem;}
.esg-list__box > div:nth-child(1) {display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--f-01); font-size: 22rem; font-weight: 700; background: var(--bg-05);}
.esg-list__item:nth-child(1) .esg-list__box > div:nth-child(3) {display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 22rem; font-weight: 700; border:2rem solid var(--c-01)}
.esg-list__box > div:nth-child(1) span,
.esg-list__box > div:nth-child(3) span {display: block; margin-bottom: 7rem; font-size: var(--font-size-16); font-weight: 500;}
.esg-list__box > div:nth-child(3) span {color: var(--g-01);}
.esg-list__item:nth-child(1) .esg-list__box > * {min-height: 268rem;}
.esg-list__box .chart-list--sub {display: flex; flex-direction: column; justify-content: center; background: var(--f-01);}
.esg-list__box .chart-list--sub li {width: 100%;}
.esg-list__box h6 {margin-bottom: 5rem; padding: 20rem 10rem; font-size: var(--font-size-16); font-weight: 700; border-radius: 5rem; border: 2rem solid var(--c-01); background: var(--f-01);}
.esg-list__item:nth-child(2) .chart-list--sub {min-height: 200rem;}

.esg-page .pr-sentence {margin-top: 145rem; margin-bottom: 160rem;}
.esg-accordion {position: relative;}
.esg-nav {position: absolute; left:0; top:0; height: 100%;}
.esg-nav::before {position: absolute; left: 12rem; top: 0; content:''; width: 1px; height: 100%; background: var(--br-01);}
.esg-nav ul {position: sticky; top:50%; padding-left: 12rem;}
.esg-nav ul li {position: relative; margin: 20rem 0; padding-left: 30rem; font-size: var(--font-size-18); font-weight: 600; color: var(--g-02); transition: var(--trans-01);}
.esg-nav ul li::before {opacity: 0; visibility: hidden; position: absolute; left:0; top: 50%; content:''; width: 25rem; height: 25rem; border-radius: 100%; background: var(--c-01); transform: translate(-50%, -50%);}
.esg-nav ul li::after {position: absolute; left:0; top: 50%; content:''; width: 7rem; height: 7rem; border-radius: 100%; background: var(--br-02); transform: translate(-50%, -50%);}
.esg-nav ul li.on::before {opacity: .2; visibility: visible;}
.esg-nav ul li.on::after {background: var(--c-01);}
.esg-nav ul li.on {color: var(--b-01);}

.esg-accordion__wrap {width: 73%; margin-left: auto;}
.esg-accordion__wrap figure {position: relative; margin-bottom: 20rem;}
.esg-accordion__wrap h5 {position: absolute; right: 35rem; top: 35rem; font-size: 33rem; font-weight: 700; color: #fff; text-transform: uppercase;}
.esg-accordion__wrap h5 span {opacity: .3; font-weight: 700;}
.esg-accordion__wrap h6 {position: absolute; left:35rem; bottom: 35rem; color: var(--f-01);}
.esg-accordion__item:not(:last-child) {margin-bottom: 120rem;}
.esg-accordion__item .accordion-custom__list {gap: 5rem;}
.esg-accordion__item .accordion-custom__list > li {padding: 0;}
.esg-accordion__item .accordion-custom__tit {padding: 25rem 30rem; font-size: var(--font-size-20); font-weight: 600; border: 1px solid var(--br-01); transition: var(--trans-01);}
.esg-accordion__item .accordion-custom__tit::after {right: 30rem; width: 10rem; height: 10rem; margin-top:-3rem; border:solid var(--b-01); border-width: 0 2px 2px 0; background: transparent; transform: rotate(45deg);}
.esg-accordion__item .accordion-custom__list > li.on .accordion-custom__tit {color: var(--c-01); border-color: var(--c-01);}
.esg-accordion__item .accordion-custom__list > li.on .accordion-custom__tit::after {margin-top: 2rem; border-color: var(--c-01); transform: rotate(-135deg);}
.esg-accordion__item .accordion-custom__list > li.on .accordion-custom__cont {margin-bottom: 35rem;}
.esg-accordion__item .accordion-custom__cont {margin-top: 0; padding:35rem 30rem;}
.esg-accordion__item table.table thead tr th {font-weight: 400;}
.esg-accordion__item table.table td {position: relative;}

.table-check {position: absolute; left:50%; top: 50%; content:''; width: 11rem; height: 8rem; margin-top: -2rem; border:solid var(--c-01); border-width: 0 0 2px 2px;  transform: translate(-50%, -50%) rotate(-45deg);}

.esg-process {margin-top:170rem;}
.esg-process h2 {margin-bottom: 30rem;}
.esg-process h6 {position: relative; margin-bottom: 25rem; padding:20rem 10rem; color: var(--f-01); font-size: var(--font-size-18); font-weight: 600;}
.esg-process__item::before {z-index: 1; position: absolute; left: 0; top: 0; content:''; border:30rem solid transparent;  transform: rotate(0deg);}
.esg-process__item:last-child::after {z-index: 1; position: absolute; right: 0; top: 0; content:''; margin-left: -30rem; border:30rem solid transparent; transform:translateX(50%) rotate(0deg);}
.esg-process__list {grid-template-columns: repeat(5, 1fr); gap: 0; text-align: center; text-transform: uppercase;}
.esg-process__list li:nth-child(1) h6 {background: #FFBB00;}
.esg-process__list li:nth-child(2) h6 {background: #FD9F02;}
.esg-process__list li:nth-child(3) h6 {background: #FB8501;}
.esg-process__list li:nth-child(4) h6 {background: #FB6101;}
.esg-process__list li:nth-child(5) h6 {background: #E84A11;}
.esg-process__item:nth-child(1)::before {border-left-color: var(--f-01);}
.esg-process__item:nth-child(2)::before {border-left-color: #FFBB00;}
.esg-process__item:nth-child(3)::before {border-left-color: #FD9F02;}
.esg-process__item:nth-child(4)::before {border-left-color: #FB8501;}
.esg-process__item:nth-child(5)::before {border-left-color: #FB6101;}
.esg-process__item:nth-child(5)::after {border-left-color: #E84A11;}
.esg-process__item:nth-child(5) h6::after {position: absolute; right: 0; top: 0; content:''; width: 30rem; height: 100%; background: var(--f-01);}
.esg-process__item p {padding: 0 20rem;}
.esg-process__item span {position: relative; display: block; margin-top: 12rem; padding: 55rem 20rem 0; line-height: 1.5; color: #666;}
.esg-process__item span::before {position: absolute; left:50%; top:0; content:''; width: 1px; height: 38rem; margin-left: -1px; border-left: 2rem dashed var(--br-02);}
.esg-process__item span::after {position:absolute; left: 50%; bottom:0; content: ''; width: 0; height: 0; margin-bottom: 38rem; border:8rem solid transparent; border-left-color: var(--br-02); transform: translate(-50%, -100%) rotate(90deg);}

@media all and (max-width:1200px){
	.esg-page .pr-sentence {margin: 130rem 0; font-size: 118rem;}
	.esg-accordion__item:not(:last-child) {margin-bottom: 80rem;}
	.esg-accordion__item .accordion-custom__list > li.on .accordion-custom__cont {margin-bottom: 20rem;}
	.esg-list__item:nth-child(2) .chart-list--sub {min-height: 210rem;}
}

@media all and (max-width:1023px){
	.esg-accordion__wrap h5 {font-size: 30rem;}
	.esg-accordion__wrap h5 span {font-weight: 600;}
	.esg-goal {position: relative; justify-content: space-between;}
	.esg-goal::before {position: absolute; left: 0; top: 50%; content:''; width: 100%; height: 1px; background: var(--br-01);}
	.esg-goal > div {position: relative; background-color: #fff;}
	.esg-goal i {width: auto; background: transparent;}
	.esg-goal i::after {position: relative;}

	.esg-list {grid-template-columns: 1fr;}
	.esg-page .pr-sentence {margin: 100rem 0; font-size: 9.4vw;}
	.esg-accordion__wrap {width: 80%;}
	.esg-process__list {grid-template-columns: repeat(3, 1fr); row-gap: 40rem;}
	.esg-process__item::before {border-width: 32rem;}
	.esg-process__item:nth-child(4)::before {border-left-color: #fff;}
	.esg-process__item:nth-child(3) h6::after {position: absolute; right: 0; top: 0; content:''; width: 30rem; height: 100%; background: var(--f-01);}
	.esg-process__item:nth-child(3)::after {z-index: 1; position: absolute; right: 0; top: 0; content:''; margin-left: -30rem; border:32rem solid transparent;border-left-color: #FB8501; transform:translateX(50%) rotate(0deg);}
	.esg-process__item:last-child::after {border-width: 32rem;}
}

@media (max-width: 860px){
	.esg-goal i::after {border-width: 12rem; border-left-width: 13rem; border-right-width: 13rem;}
	.esg-nav {display: none;}
	.esg-accordion__wrap {width: 100%;}
	.esg-process__list {grid-template-columns: repeat(2, 1fr);}
	.esg-process__item::before {border-width: 30rem;}
	.esg-process__item:nth-child(3)::before,
	.esg-process__item:nth-child(5)::before {border-left-color: #fff;}
	.esg-process__item:nth-child(4)::before {border-left-color: #FB8501;}
	.esg-process__item:nth-child(3) h6::after,
	.esg-process__item:nth-child(3)::after {display: none;}
	.esg-process__item:nth-child(2n) h6::after {position: absolute; right: 0; top: 0; content:''; width: 30rem; height: 100%; background: var(--f-01);}
	.esg-process__item:nth-child(2n)::after {z-index: 1; position: absolute; right: 0; top: 0; content:''; margin-left: -30rem; border:30rem solid transparent;border-left-color: #FB6101; transform:translateX(50%) rotate(0deg);}
	.esg-process__item:nth-child(2)::after {border-left-color: #FD9F02;}
	.esg-process__item:last-child::after {border-width: 30rem;}
	.esg-process__item:nth-child(4) span::after {margin-bottom: 13rem;}
	.esg-process {margin-top: 120rem;}
}

@media (max-width: 540px){
	.esg-goal {flex-direction: column;}
	.esg-goal::before {left: 50%; top: 0; width: 1px; height: 100%;}
	.esg-goal > div {width: 150rem; height: 150rem;}
	.esg-goal i {margin: 22rem 0 30rem; transform: rotate(90deg);}
	.esg-goal i::after {border-width: 9rem; border-left-width: 10rem; border-right-width: 10rem;}

	.esg-list__inr {padding: 30rem 20rem; text-transform: uppercase;}
	.esg-list__item h6 {padding: 12rem;}
	.esg-list__box {margin-top: 30rem; gap: 5rem;}
	.chart-list--sub {padding: 20rem;}
	.esg-list__item:nth-child(1) .esg-list__box > *,
	.esg-list__item:nth-child(2) .chart-list--sub {min-height: auto;}
	.esg-list__box > div:nth-child(1),
	.esg-list__box > div:nth-child(3) {padding: 25rem 0;}
	.esg-list__box > div:nth-child(1),
	.esg-list__item:nth-child(1) .esg-list__box > div:nth-child(3) {font-size: 20rem;}
	.esg-list__item:nth-child(2) .esg-list__box {gap: 20rem;}
	.esg-list__item:nth-child(2) .esg-list__box > div:nth-child(3) {padding: 0;}

	.esg-page .pr-exp h3 {margin-bottom: 18rem;}
	.esg-page .pr-sentence {margin: 60rem auto;}
	.esg-accordion__wrap h5 {z-index: 1; right: 20rem; top: 20rem; font-size: 20rem;}
	.esg-accordion__wrap h6 {z-index: 1; left: 20rem; bottom: 20rem;}
	.esg-accordion__wrap figure::after {opacity: .4; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
	.accordion-custom__list {display: block;}
	.esg-accordion__item:not(:last-child) {margin-bottom: 40rem;}
	.esg-accordion__item .accordion-custom__list > li:not(:last-child) {margin-bottom: 5rem;}
	.esg-accordion__item .accordion-custom__tit {padding: 18rem 15rem;}
	.esg-accordion__item .accordion-custom__tit::after {right: 20rem; width: 8rem; height: 8rem;}
	.esg-accordion__wrap figure {margin-bottom: 10rem;}
	.esg-accordion__item .accordion-custom__cont {padding:22rem 5rem;}
	.esg-accordion__item [data-list="icon"] > *:not(:last-child) {margin-bottom: 30rem;}

	.esg-process {margin-top: 80rem;}
	.esg-process h2 {margin-bottom: 25rem;}
	.esg-process h6 {padding: 17rem 12rem;}
	.esg-process__list {grid-template-columns: 1fr; overflow: hidden;}
	.esg-process__item span {padding: 40rem 20rem 0;}
	.esg-process__item span::before {height: 30rem;}
	.esg-process__item span::after {margin-bottom: 27rem;}
	.esg-process__item:nth-child(4) span::after {margin-bottom: 6rem;}
	.esg-process__item::before {border-width: 25rem; border-left-color: #fff !important;}
	.esg-process__item::after {z-index: 1; position: absolute; right: 0; top: 0; content:''; margin-left: -25rem; border:25rem solid transparent;border-left-color: #FFBB00; transform:translateX(50%) rotate(0deg);}
	.esg-process__item h6 {margin-bottom: 15rem;}
	.esg-process__item h6::after {position: absolute; right: 0; top: 0; content:''; width: 25rem; height: 100%; background: var(--f-01);}
	.esg-process__item:nth-child(2n) h6::after,
	.esg-process__item:nth-child(3) h6::after,
	.esg-process__item:last-child h6::after {width: 25rem;}
	.esg-process__item:nth-child(2n)::after,
	.esg-process__item:nth-child(3)::after,
	.esg-process__item:last-child::after {border-width: 25rem;}
	.esg-process__item:nth-child(3) h6::after,
	.esg-process__item:nth-child(3)::after {display: block;}
	.esg-process__item p br {display: none;}
}


/* board */
#bo_gall .gall_img:not(:has(img)) {position: relative; background: #f6f6f6;}
#bo_gall .gall_img:not(:has(img))::after {opacity: .2; filter: grayscale(1); -webkit-filter: grayscale(1); position: absolute; left:50%; top: 50%; content:''; width: 160rem; height: 25rem; background: url(../img/layout/logo.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.board-page__text {margin-top: 50rem; text-transform: uppercase;}
.board-page__text strong {opacity: .5; display: block; margin-bottom: 12rem; font-size: var(--font-size-20); font-weight: 700; color: var(--g-02);}
.board-page:has(.board-page__text p) #bo_btn_top {margin-top: 82rem;}
.board-page__text:not(:has(p)) {margin-top: 0;}

@media (max-width: 860px){
	.board-page__text {margin-top: 40rem;}
}

@media (max-width: 540px){
	.board-page__text {margin-top: 25rem;}
	.board-page__text strong {margin-bottom: 8rem; font-size: 14rem;}
	.board-page:has(.board-page__text p) #bo_btn_top {margin-top: 25rem;}
}


/* 문의하기 */
.cs-title {position: relative;width: 50%;padding-right: 128rem;min-width: 610rem;}
.cs-title__inr {position: sticky; top: 150rem;}
.cs-title .basic-slider {margin-top: 70rem;display: none;}
.cs-title  .swiper-slide-active {z-index: 1;}
.cs-title .swiper-slide a {overflow: hidden; position: relative; display: block; height: 370rem;}
.cs-title .swiper-slide a figure {position: absolute; left:0; top:0; width: 100%; height: 100%; transition: var(--trans-01);}
.cs-title .swiper-slide a figure img {width: 100%; height: 100%; object-fit: cover;}
.cs-title .swiper-slide a:hover figure {transform: scale(1.05);}
.cs-title .swiper-slide__text {z-index: 1; position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding: 40rem;}
.cs-title .swiper-slide__text em {display: block; margin-bottom: 14rem; text-transform: uppercase; font-weight: 600;}
.cs-title .swiper-slide__text h4 {color: var(--f-01);}
.cs-title .swiper-slide__text .btn-arrow {position: absolute; right: 40rem; bottom: 40rem;}

.cs-form {border-top: 0; padding-top: 0; margin-top: 0;}
.cs-form h4 {width: 100%;; margin-bottom: 40rem; padding-bottom: 20rem; border-bottom: 1px solid var(--br-01);}
.cs-form .btn-wrap {margin-left: auto;}
.cont-box .basic-slider .swiper-slide__text{display:none;}

@media all and (max-width:1480px){
	.cs-title{padding-right:98rem; min-width:480rem;}
}

@media all and (max-width:1200px){
	.cs-title {padding-right: 100rem;}
	.cs-title .swiper-slide a {height: 280rem;}
	.cs-title *.btn-arrow {padding: 20rem 27rem;}

	
}

@media all and (max-width:1023px){
	.cs-title {padding-right: 70rem;}
}

@media (max-width: 860px){
	.cs-page .wrap-narrow {flex-direction: column;}
	.cs-title {width: 100%;padding-right: 0;min-width: auto;}
	.cs-title__inr {position: relative; top: 0; text-align: center;}
	.cs-title .basic-slider {margin-top: 40rem;}
	.cs-title .swiper-slide__text {text-align: left;}
	.cs-page .cs-form {margin-top: 40rem;}
	.cs-form .btn-wrap {margin: 0 auto; margin-top: 15rem;}
	.cs-form .form-area[data-form="agree"] {margin-top: 20rem;}
}

@media (max-width: 540px){
	.cs-title br {display: none;}
	.cs-title .swiper-slide a {height: 220rem;}
	.cs-title .swiper-slide__text {padding:30rem 25rem;}
	.cs-title .swiper-slide__text em {margin-bottom: 10rem; font-size: 12rem;}
	.cs-title .swiper-slide__text .btn-arrow {right: 25rem; bottom: 30rem; padding: 15rem 22rem;}
	.cs-title .basic-slider {margin-top: 32rem;}
	.cs-page .cs-form {margin-top: 30rem;}
	.cs-form h4 {margin-bottom: 30rem; padding-bottom: 15rem;}
	.cs-page .form-area > em .mark {font-size: 14rem;}
	.cs-page *::placeholder {font-size: 13rem;}
	.cs-page .check-box label {padding-left: 28rem;}
	.cs-page .form-area[data-form="agree"] em {display: block; margin-bottom: 7rem;}
	.cs-page  .form-area[data-form="agree"] .show-btn {display: inline-block; margin-left: 0;}
}