@charset "utf-8";


/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
 .main-cover{display: none;}
#container:has(.greeting-page, .printing-page, .ethical-page, .manage-page, .partner-page) + #footer{margin-top: 0;}
#footer{margin-top: max(10.4167vw, 200rem);}

@media (max-width:1200px){

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

@media (max-width: 540px){
	#container:has(.ethical-page) + #footer,
	#footer {margin-top: 80rem;}
}

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

.page-dec {display: block; margin-bottom: 25rem; font-weight: 700; color: var(--c-01);}
.page-notice {display: inline-block; padding:8rem 15rem; color: var(--b-04); background: var(--bg-03); border-radius: var(--br-06);}

h3 {margin-bottom: 22rem; line-height: 1.35; letter-spacing: -0.3px; font-size: var(--font-47); font-weight: 700;}
h4 {font-size: var(--font-32); font-weight: 700; word-break: keep-all;} 
h5 {font-size: var(--font-24); font-weight: 700;}

section[data-bg] {margin: max(7.8125vw, 150rem) 0; padding-top: max(6.7708vw, 130rem); padding-bottom: max(7.8125vw, 150rem);}

@media (max-width:1200px){
	.popup-layer-inner {margin-left: 0 !important; margin-top: 0 !important; transform: translate(-50%, -50%) !important;}
}

@media all and (max-width:1023px){
	.sub-content {padding-top: 120rem;}
	.sub-content:has(.board-page){padding-top: 100rem;}
	section[data-bg] {margin:120rem 0; padding-top: 100rem; padding-bottom: 120rem;}
}

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

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

	.page-dec {margin-bottom: 16rem; font-size: 13rem;}
	.page-notice {padding: 6rem 12rem; font-size: 13rem;}

	h3 {margin-bottom: 15rem; line-height: 1.4; word-break: keep-all;}
	h4 {line-height: 1.4;}

	section[data-bg] {margin:60rem 0; padding-top: 50rem; padding-bottom: 60rem;}
}

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

 /* 공통 요소 */
 .column-list {gap: 20rem;}
 .column-list > li {overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 520rem; padding: 50rem 40rem; border-radius: var(--br-12);}
 .column-list > li *:not(.column-list__bg) {position: relative; color: var(--f-01); font-weight: 600;}
 .column-list > li em {margin-bottom: auto; text-transform: uppercase; font-size: var(--font-15); font-weight: 700;}
 .column-list > li strong {margin-bottom: 15rem; font-size: var(--font-32); font-weight: 700;}
 .column-list__bg {position: absolute; left:0; top:0; width: 100%; height: 100%; transition: var(--trans-01);}
 .column-list > li:hover .column-list__bg {transform: scale(1.15);}

 .tabs-wrap {border-top: 1px solid var(--bd-01);}
 .tabs {position: sticky; padding-top: 80rem; }
 .tabs li {position: relative; margin-bottom: 18rem; padding-left: 22rem; font-size: var(--font-20); font-weight: 600; color: var(--b-04); transition: var(--trans-01);}
 .tabs li::before {position: absolute; left:0; top:6rem; content:''; width: 10rem; height: 10rem; box-sizing: border-box; border-radius: 100%; border:2px solid var(--bd-01); transition: var(--trans-01);}
 .tabs li.active {color: var(--b-01);}
 .tabs li.active::before {border-color: var(--c-01); background: var(--c-01);}
 .tabs-menu {width: 25%; border-right: 1px solid var(--bd-01);}
 .tab-content {width: 100%; margin-left: 100rem; padding-top: 80rem; padding-bottom:max(10.4167vw, 200rem);}

 .customer-box {display: flex; margin-top: 80rem; padding: 35rem 40rem; border-radius: var(--br-12); border: 1px solid var(--bd-01);}
 .customer-box::before {display: block; flex-shrink: 0; content:''; width: 60rem; height: 50rem; margin-right: 30rem; background: url(../img/sub/ic-customer.svg) no-repeat center / contain;}
 .customer-box h5 {margin-bottom: 3rem; font-size: var(--font-20); font-weight: 700;}
 .customer-box h5 + p {margin-top: 5rem; margin-bottom: 0; font-size: var(--font-16); color: var(--b-01);}
 .customer-box ul {margin-top: 22rem;}
 .customer-box ul li {display: flex; align-items: center; color: var(--b-03);}
 .customer-box ul li span {position: relative; min-width: 82rem; margin-right: 12rem; padding-right: 12rem; font-weight: 600;}
 .customer-box ul li span::after {position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 14rem; background: var(--bd-01); transform: translateY(-50%);}

 /* table */
 table.table thead th {padding: 12rem 10rem; vertical-align: middle; color: var(--b-04); background: var(--bg-04); border-bottom: 1px solid var(--bd-01) !important;}
 table.table tbody td {padding: 15rem; vertical-align: middle;border-bottom: 1px solid var(--bd-01);}
 table.table tbody ul li {text-align: left;}
 table.table tbody tr td:not(:first-child) {border-left: 1px solid var(--bd-01) !important;}
 table.table .total td {font-weight: 600; background: var(--bg-03);}
 table.table *.bd-left {border-left: 1px solid var(--bd-01) !important;}
.table-comment {font-size: var(--font-15); color: var(--b-04);}

.accordion-custom__list {gap: 0; border-top: 2px solid #000; border-bottom: 1px solid var(--bd-01);}
.accordion-custom__list > li {padding: 0; border-radius: 0;}
.accordion-custom__list > li:not(:first-child) {border-top: 1px solid var(--bd-01);}

.accordion-custom__tit {padding: 25rem 0; font-size: var(--font-18); font-weight: 600; color: var(--b-02);}
.accordion-custom__tit::after {top: 28rem;}
.accordion-custom__list > li.on .accordion-custom__tit {color: var(--c-01);}
.accordion-custom__list > li.on .accordion-custom__tit::after {top: 32rem;}
.accordion-custom__cont {margin-top: 0; padding-bottom: 40rem;}
.accordion-custom__cont table.table {border-top: 1px solid var(--bd-01);}

 [data-state] {position: relative; display: inline-block; width: 14rem; height: 14rem; border-radius: 100%;}
 [data-state="y"] {border: 2rem solid var(--c-01);}
 [data-state="f"]::before,
 [data-state="f"]::after {position: absolute; left:50%; top: 50%; content:''; width: 20rem; height: 2px; background: #b3b3b3; transform:translate(-50%, -50%) rotate(45deg);}
 [data-state="f"]::after {transform:translate(-50%, -50%) rotate(-45deg);}

 @media (max-width:1280px){
	.column-list[data-grid="4"] > li {height: 420rem; padding: 40rem 30rem;}
 }

 @media all and (max-width:1023px){
	.column-list > li {height: 420rem; padding: 40rem 30rem;}
	.column-list > li strong {margin-bottom: 12rem;}
	.column-list[data-grid="4"] {grid-template-columns: repeat(2, 1fr);}

	.tabs-menu {width: 35%;}
	.tab-content {margin-left: 60rem;}
 }

 @media all and (max-width:860px){
	.column-list {gap: 20rem;}
	.column-list[data-grid="3"] {grid-template-columns: 1fr;}
	.column-list[data-grid="3"] li {height: 320rem;}

	.tabs-menu {width: 45%;}
	.tab-content {margin-left: 40rem;}

	.customer-box {flex-direction: column; padding:25rem 30rem 35rem;}
	.customer-box::before {width: 40rem; height: 40rem; margin-right: 0; margin-bottom: 17rem;}
	.customer-box h5 {margin-bottom: 8rem;}
 }

 @media all and (max-width:540px){
	.column-list > li {height: auto !important; padding:30rem 20rem;}
	.column-list > li em {margin-bottom: 100rem; font-size: 13rem;}
	.column-list[data-grid="4"] {grid-template-columns: 1fr;}

	.accordion-custom__list  {display: block;}
	.accordion-custom__tit::after {top: 19rem; right: 10rem; width: 7rem; height: 7rem;}
	.accordion-custom__cont {padding-bottom: 30rem;}

	.tabs-wrap .wrap {flex-direction: column;}
	.tabs-menu {top: 0; width: calc(100% + 40rem); margin: 0 -20rem; border-right: 0; border-bottom: 1px solid var(--bd-01);}
	.tabs {display: flex; justify-content: center; gap: 0 30rem; padding-top: 0;}
	.tabs li {position: relative; margin-bottom: 0; padding: 14rem 0; font-size: 15rem;}
	.tabs li::before {display: none;}
	.tabs li::after {opacity: 0; position: absolute; left:0; bottom:0; content:''; width: 100%; height: 2px; background: var(--c-01);}
	.tabs li.active::after {opacity: 1;}
	.tab-content {margin-left: 0; padding-top: 35rem; padding-bottom: 0;}

	.customer-box {margin-top: 50rem; padding: 20rem 20rem 30rem;}
	.customer-box::before {width: 35rem; height: 35rem; margin-bottom: 15rem;}
	.customer-box ul {margin-top: 15rem;}
	.customer-box ul li {flex-direction: column; align-items: flex-start; margin-bottom: 18rem;}

	.customer-box ul li span {min-width: auto; margin-right: 0; margin-bottom: 6rem; padding-right: 0;}
	.customer-box ul li span::after {display: none;}

	[data-state] {width: 12rem; height: 12rem;}
	[data-state="f"]::before,
	[data-state="f"]::after {width: 15rem;}

	.accordion-custom__tit {padding: 15rem 0;}
 }

/* 인사말 */
.greeting-page {overflow: hidden; background-color:#fff; background-image: url(../img/sub/greeting-bg.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: contain; transition: var(--trans-01);}
.greeting-intro {height: 100vh;}
.greeting-intro__item {position: relative; flex: 1 1; }
.greeting-intro__item figure {width: 100%; height: 100%;}
.greeting-intro__item:has(i) {display: flex; align-items: center; justify-content: center;}
.greeting-intro__item i {position: absolute; left:0; top:0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/layout/logo_v.svg); background-size: 570rem; transition: var(--trans-01);}
.greeting-cont {padding:820rem 0 max(10.4167vw, 200rem);}
.greeting-cont__txt {width: 45%; margin-top: 50rem; margin-left: auto;}
.greeting-cont__txt p:not(:last-child) {margin-bottom: 25rem;}

@media (max-width:1280px){
	.greeting-intro__item i {background-size: 70%;}
}

@media all and (max-width:1023px){
	.greeting-page {background: #111;}
	.greeting-intro {height: 500rem;}
	.greeting-intro__item i {background-size: 60%; background-image: url(../img/layout/logo_v_w.svg);}
	.greeting-cont {position: relative; padding-top: 150rem; padding-bottom: 170rem;}
	.greeting-cont::before {position: absolute; right: 0; top:0; content:''; width: 100%; height: 100%; transform: scaleX(-1); background: url(../img/sub/greeting-bg.jpg) no-repeat left bottom / 120%;}
	.greeting-cont__txt {margin-top: 20rem; margin-right: 0; margin-left: 0;}
}

@media (max-width: 540px){
	.greeting-intro h3 {margin-bottom: 20rem;}
	.greeting-intro {height: auto;}
	.greeting-intro__item:first-child {display: none;}
	.greeting-intro__item:has(i) {flex: 1;}
	.greeting-intro__item i {position: relative; width: 180rem; height:100rem; margin: 60rem 0; background-size: contain;}

	.greeting-cont {padding-top: 0; padding-bottom: 80rem;}
	.greeting-cont::before {opacity: .6; background-position: left 28% bottom; background-size: cover;}
	.greeting-cont__txt {margin-top: 0;}
	.greeting-cont__txt p:not(:last-child) {margin-bottom: 20rem;}
	.greeting-cont__txt br {display: none;}
}

/* 개요 및 연혁 */
.summary-overview__title-inr {position: sticky; top: 100rem; left:0;}
.summary-overview__title h3 span {color: var(--b-04); font-weight: 700;}
.summary-overview__title figure {overflow: hidden; width: 720rem; margin-top: 88rem; border-radius: var(--br-12);}
.summary-overview__cont {margin-left: 170rem;}
.summary-overview__cont .page-dec {margin-bottom: 15rem;}
.summary-overview__item {margin-top: 80rem;}
.summary-overview__item > strong {display: block; margin-bottom: 13rem; font-size: var(--font-32); font-weight: 700;}
.summary-overview__item > div {color: var(--b-03);}
.summary-overview__item > div * {font-family: var(--lang-ko);}
.summary-overview__item > div > p {font-size: var(--font-18); font-weight: 600; color: var(--b-03);}
.summary-overview__item .btn-basic {margin-top: 23rem;}
.summary-overview__item [data-list="dot"] li {align-items: flex-start; line-height: 1.6; font-weight: 600;}
.summary-overview__item [data-list="dot"] li::before {top: 10rem;}
.summary-overview__item [data-list="dot"] i {position: relative; min-width: 72rem; margin-right: 12rem; padding-right: 15rem;}
.summary-overview__item [data-list="dot"] i::after {position: absolute; right: 0; top: 5rem; content:''; width: 1px; height: 16rem; background: var(--bd-01);}
.summary-overview__item [data-list="dot"] p {font-weight: 600;}
.summary-overview__item [data-list="dot"] span {display: block; line-height: 1.4; font-size: var(--font-16); font-weight: 300; color: var(--b-04);}
.summary-overview__item:last-child li{position: relative; min-width: 72rem; margin-right: 14rem; padding-right: 15rem; font-size: var(--font-18); font-weight: 600;}
.summary-overview__item:last-child li:not(:last-child)::after {position: absolute; right: 0; top:3rem; content:''; width: 1px; height: 16rem; background: var(--bd-01);}
.summary-list h3 {margin-bottom: 32rem;}

@media (max-width:1200px){
	.summary-overview__title {flex-shrink: 0; width: 50%; word-break: keep-all;}
	.summary-overview__title br {display: none;}
	.summary-overview__title figure {width: 100%; margin-top: 70rem;}
	.summary-overview__cont {margin-left: 120rem;}
	.summary-overview__item [data-list="dot"] i {min-width: 80rem;}
	.summary-overview__item:last-child ul {flex-direction: column; align-items: flex-start; margin-top: 15rem;}
	.summary-overview__item:last-child ul li {margin-bottom: 8rem;}
	.summary-overview__item:last-child li::after {opacity: 0;}
}

@media all and (max-width:1023px){
	.summary-overview .wrap {flex-direction: column;}
	.summary-overview__title {width: 100%;}
	.summary-overview__title br {display: block;}
	.summary-overview__title figure {margin-top:50rem;}
	.summary-overview__cont {margin-left: 0; margin-top: 50rem;}
	.summary-overview__item {margin-top: 50rem;}
	.summary-overview__item > strong {margin-bottom: 10rem;}
	.summary-overview__item:last-child ul{flex-direction: row;}
	.summary-overview__item:last-child li::after {opacity: 1;}
}

@media (max-width:540px){
	.summary-overview__title figure {margin-top: 30rem;}
	.summary-overview__cont {margin-top: 40rem;}
	.summary-overview__item {margin-top: 40rem;}
	.summary-overview__item > strong {margin-bottom: 7rem;}
	.summary-overview__item > div > p {font-weight: 500;}
	.summary-overview__item .btn-basic {margin-top: 17rem;}
	.summary-overview__item [data-list="dot"] i {min-width: 75rem;}
	.summary-overview__item:last-child ul {flex-direction: column;}
	.summary-overview__item:last-child li:not(:last-child)::after {display: none;}
	.summary-list h3 {margin-bottom: 20rem;}
}


/* 연혁 */
.history .accordion-custom__list {gap: 0; border-top: 0;}
.history .accordion-custom__list > li {padding: 0; border-radius: 0;}
.history .accordion-custom__tit {padding: 30rem 0; font-size: var(--font-24); color: var(--b-04); border-bottom: 0;}
.history .accordion-custom__tit::after {top: 37rem;}
.history .accordion-custom__tit em {opacity: .4; margin-right: 25rem; font-size: var(--font-18);}
.history .accordion-custom__list li.on .accordion-custom__tit {color: var(--b-01); border-bottom: 2px solid var(--b-01);}
.history .accordion-custom__list li.on .accordion-custom__tit em {opacity: 1; color: var(--c-01);} 
.history .accordion-custom__list li.on .accordion-custom__tit::after {top: 40rem;}
.history .accordion-custom__cont {position: relative; margin-top: 0;}
.history .accordion-custom__list li.on .accordion-custom__cont {margin-bottom: 120rem; background: url(../img/sub/history-symbole.svg) no-repeat right 130rem top / 430rem;}

.history-line{display:block;position:absolute;overflow:hidden;top:0;left:135rem;width:2rem;height:100%;background:var(--bd-01);margin-top: 0 !important;}
.history-line__bar{display:block; position:absolute; top:0; left:0; z-index:50; width:100%; background:var(--c-01);}
.history-item{position: relative; display: flex; align-items: flex-start;}
.history-item.is_moved::after {background: var(--bg-01);}
.history-item::after {position: absolute; left: 135rem; top: 11rem; content:''; width: 18rem; height: 18rem; margin-left: -8rem; border-radius: 100%; border:5rem solid var(--f-01); background: var(--bd-01);} 
.history-item strong{min-width: 90rem; margin-right: 100rem; font-weight:700;font-size:var(--font-32);color:var(--b-01);transition:var(--trans-01);}

.history-list{display:grid; margin-top:60rem; row-gap:60rem;}
.history-desc {padding-top: 7rem;}
.history-desc li em{margin-right: 10rem; font-weight:700; color:var(--b-01); min-width:25rem;}
.history-desc li{display:flex; align-items:flex-start;}
.history-desc li:not(:last-child){margin-bottom:15rem;}
.history-desc ul li:not(:last-child) {margin-bottom: 7rem;}
.history-desc-wrap figure {width: 420rem; margin-top: 20rem;}
.history-sect > .wrap{padding-left:140rem;}
.history-sect + .history-sect{margin-top:200rem;}
.history-img{position:absolute; right:0; border-radius:10rem;}
.history-img.img01{top:487rem;height: 421rem;}
.history-img.img02{top:1197rem;right:250rem;height: 302rem;}
.history-img.img03{bottom:0;height: 421rem;}
.history-page .wrap{padding-bottom:160rem;}

@media (max-width:1200px){
	.history .accordion-custom__list li.on .accordion-custom__cont {background-position: right top; background-size: 400rem;}
}

@media (max-width:860px){
	.history .accordion-custom__cont {padding-bottom: 20rem;}
	.history .accordion-custom__list li.on .accordion-custom__cont {margin-bottom: 60rem; background: none;}
	.history-list {margin-top: 60rem;}
}

@media (max-width:540px){
	.history h3 {margin-bottom: 10rem;}
	.history-list {gap: 50rem; margin-top: 30rem;}
	.history-line {left: 5rem;}
	.history-item {flex-direction: column; padding-left: 30rem;}
	.history-item::after {left: 0; top: 7rem; width: 12rem; height: 12rem; margin-left: 0; border-width: 3rem;}
	.history-item strong {margin-right: 0; margin-bottom: 10rem;}
	.history-desc-wrap figure {width: 100%;}
	.history-desc {padding-top: 0;}
	.history-desc li {line-height: 1.6;}
	.history-desc li:not(:last-child){margin-bottom:10rem;}
	.history-desc [data-list="line"] > *::before {top: 10rem;}
	.history .accordion-custom__tit {padding: 20rem 0; padding-right: 50rem; line-height: 1.4; font-weight: 700; word-break: keep-all;}
	.history .accordion-custom__tit em {min-width: 85rem; margin-right: 12rem; font-size: 14rem;}
	.history .accordion-custom__list li.on .accordion-custom__cont {margin-bottom: 40rem;}
	.history .accordion-custom__tit::after {top: 27rem;}
	.history .accordion-custom__list li.on .accordion-custom__tit::after {top: 30rem;}

}

/* global */
.global-page .page-notice {margin-top: 5rem;}
.global-map__box {position: relative; margin-top: 60rem;}
.global-map__area {position: absolute; line-height: normal;}
.global-map__area::before {position: absolute; left:3rem; bottom:0; content:''; width: 8rem; height: 8rem; border-radius: 100%; background: var(--c-01); box-shadow: 0px 0px 13px 0px rgba(235, 85, 10, 1); transition: var(--trans-01);}
.global-map__area span {position: relative; top: 0; display: inline-flex; align-items: center; font-size: var(--font-15); font-weight: 800; color: var(--b-02); transition: var(--trans-01);}
.global-map__area span::before {content:''; width: 15rem; height: 20rem; margin-right: 8rem; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-image: url(../img/sub/ic-spot_g.svg);}
.global-map__company {position: absolute; right: 11.8%; top: 20%;}
.global-map__company::before {position: absolute; left:50%; bottom:0; content:''; width: 8rem; height: 8rem; border-radius: 100%; background: var(--c-01); box-shadow: 0px 0px 13px 0px rgba(235, 85, 10, 1); transform: translateX(-50%);}
.global-map__company i {position: relative; display: flex; align-items: center; justify-content: center; width: 120rem; height: 120rem; margin-bottom: 22rem; border-radius: 100%; background-color: #111; background-repeat: no-repeat; background-size: 80%; background-position: 50% 40%; background-image: url(../img/layout/logo_v_w.svg); transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.global-map__company i img {height: 55rem; width: auto; object-fit: contain; margin-top: -10rem;}
.global-map__company i::before {position: absolute; left: 50%; bottom: -10rem; content:'';border-style: solid; border-width: 20rem 8rem 0 8rem; border-color: #111 transparent transparent transparent; transform: translateX(-50%); transition: var(--trans-01);}
[data-spot] {position: absolute; display: block; width: 8rem; height: 8rem; border-radius: 100%; background: var(--c-01); box-shadow: 0px 0px 13px 0px rgba(235, 85, 10, 1);}
[data-spot="1"] {left: 18%; top: 37%;}
[data-spot="2"] {left: 28.4%; top:83%;}
[data-spot="3"] {left: 54.2%; top: 24%;}
[data-spot="4"] {left: 49%; top: 32.5%;}
[data-spot="5"] {left: 47.7%; top: 35.5%;}
[data-spot="6"] {left: 47.5%; top: 47%;}
[data-spot="7"] {left: 62.5%; top:21%;}
[data-spot="8"] {left: 86.3%; top: 42%;}

.global-map__area:nth-child(2) {left: 18%; top: 45%;}
.global-map__area:nth-child(3) {left: 54%; top: 35%;}
.global-map__area:nth-child(4) {left: 70%; top: 25%;}
.global-map__area:nth-child(5) {left: 71%; top: 38%;}
.global-map__area:nth-child(5) span {flex-direction: row-reverse;}
.global-map__area:nth-child(5) span::before {margin-left: 8rem; margin-right: 0;}
.global-map__area:nth-child(5)::before {left: auto; right: 4rem; bottom: -4rem;}
.global-map__area:nth-child(6) {left: 77%; top: 64%;}

.global-page.partners .global-map__area:nth-child(2)::before,
.global-page.partners .global-map__area:nth-child(3)::before,
.global-page.partners .global-map__area:nth-child(4)::before {display: none;}

/* .global-page .rolling-img {margin-top: 70rem;} */

.global-map__inr {position: relative; padding-left: 300rem;}
.global-company {position: absolute; lefT:0; top:0; height: 100%; overflow: hidden;}
.global-page .rolling-img {display: flex; flex-direction: column; height: 100%; overflow: hidden;}
.global-page .rolling-img__box {flex-direction: column;animation:rolling_img_v 40s linear infinite;}
.global-page .rolling-img__box div {margin: 5rem 0; border-radius: var(--br-06); border: 1px solid var(--bd-01);}
.global-page .rolling-img__box div img {margin: 0;}

.global-page.partners .global-map__area:nth-child(5) {left: 70%; top: 39%;}
.global-page.partners .global-map__company {position: absolute; right: 11.8%; top: 20%;}

.global-page.branches .global-map__area:hover span {top: -8rem;}
.global-page.branches .global-map__area span:hover {color: var(--c-01);}
.global-page.branches .global-map__area:hover span::before {background-image: url(../img/sub/ic-spot_c.svg);}
.global-page.branches .global-map__company:hover i {background-color: var(--c-01); background-image: url(../img/sub/logo_v.svg);}
.global-page.branches .global-map__company:hover i::before {border-color: var(--c-01) transparent transparent transparent;}


@media (max-width:1480px){
	.global-page .global-map__area:nth-child(4) {left: 68%; top: 26%;}
	.global-page .global-map__area:nth-child(5) {left: 69%;}
	.global-page .global-map__company {right: 11%; top: 16%;}
}

@media (max-width:1200px){
	.global-map__company {right: 11.5%; top: 18.5%;}
	.global-map__area:nth-child(4) {left: 68%;}
	.global-map__area:nth-child(5) {left: 69%; top: 38%;}
	.global-map__area:nth-child(6) {left: 78.8%; top: 60%;}

	.global-company {width: 15%;}
	.global-page .rolling-img__box div {width: 100%;}
	.global-page .rolling-img__box img {width: 100%;}
	.global-map__inr {padding-left: 20%;}
	.global-page .global-map__area:nth-child(4) {left: 66%;}
	.global-page .global-map__area:nth-child(5) {left: 68%; top: 40%;}
	.global-page .global-map__company {right: 11.3%; top: 17%;}
}

@media all and (max-width:1023px){
	.global-map__company {right: 11.3%; top: 17.5%;}
	.global-map__company i {width: 100rem; height: 100rem;}
	.global-map__company i img {height: 42rem;}
	.global-map__area span::before {margin-right: 5rem;}
	.global-map__area:nth-child(3) {top: 33%;}
	.global-map__area:nth-child(5) {left: 68%;}
	.global-map__area:nth-child(5) span::before {margin-left: 5rem;}
	.global-map__area:nth-child(6) {top: 59%;}

	.global-map__inr {overflow: hidden; padding-left: 0;}
	.global-company {position: relative; width: 100%; height: auto; margin: 35rem 0 70rem;}
	.global-page .wrap {overflow: hidden;}
	.global-page .rolling-img {flex-direction: row; white-space:nowrap;overflow: hidden;}
	.global-page .rolling-img__box {flex-direction: row; animation:rolling_img 50s linear infinite;}
	.global-page .rolling-img__box div {width: 200rem; margin: 0 5rem;}
}

@media (max-width: 860px){
	.global-map__area span {font-size: 14rem;}
	.global-map__area span::before {width: 12rem; height: 15rem;}
	.global-map__area::before {left: 1px; width: 7rem; height: 7rem;}
	.global-map__area:nth-child(4) {left: 67%;}
	.global-map__area:nth-child(5) {left: 68%; top: 39%;}

	[data-spot],
	.global-map__company::before {width: 7rem; height: 7rem;}
	[data-spot="8"] {top: 41%;}

	.global-map__company {top: 16.5%;}
	.global-map__company i {width: 80rem; height: 80rem;}
	.global-map__company i img {height: 32rem;}

	.popup-layer-close {right: -70rem;}
}

@media (max-width: 540px){
	.global-page.branches h3 {margin-bottom: 17rem;}
	.global-map__box {margin-top: 30rem;}
	.global-page .page-notice {margin-top: 0;}
	.global-map__area {z-index: 1;}
	.global-map__area::before {left: 3rem; bottom: 2rem; width: 5rem; height: 5rem; margin-right: 0;}
	.global-map__area:nth-child(2) {left: 17%; top: 36%;}
	.global-map__area:nth-child(3) {top: 26%; left: 52.7%;}
	.global-map__area:nth-child(4) {left: 69%; top: 21%;}
	.global-map__area:nth-child(5) {left: 76%; top: 36%;}
	.global-map__area:nth-child(5)::before {left: 3rem; right: auto; bottom: 2rem;}
	.global-map__area:nth-child(5) span {flex-direction: row;}
	.global-map__area:nth-child(5) span::before {margin-left: 0;}
	.global-map__area:nth-child(6) {top: 54%; left: 77.8%;}
	.global-map__area span {font-size: 0;}
	.global-map__area span::before {width: 12rem; height:18rem;}
	.global-map__company {top: 8.5%; right: 10%;}
	[data-spot],
	.global-map__company::before {width: 4rem; height: 4rem;}
	.global-map__company i {width: 50rem; height: 50rem; margin-bottom: 12rem;}
	.global-map__company i img {height: 20rem; margin-top: -3rem;}
	.global-map__company i::before {bottom: -6rem; border-width: 10rem 5rem 0 5rem;}

	.popup-layer-inner {transform: none !important;}
	.popup-layer-close {top: auto; bottom: 0; left: 0; width: 100%; height: 52rem; border-radius: 0;}
	.global-layer .popup-layer-inner {padding: 20rem; padding-bottom: 75rem; border-radius: 0;}
	.global-layer__inr {max-height: 100%;}
	.global-map__title {flex-direction: column; align-items: flex-start; margin-bottom: 20rem;}
	.global-map__title p {line-height: 1.5;}
	.global-map__title h4 {margin-bottom: 10rem;}
	.global-map__title figure {width: 100%; margin-left: 0; margin-top:20rem;}
	.global-layer ul {margin-top: 20rem;}
	.global-page .rolling-img {margin-top: 40rem;}
	.global-page .rolling-img__box div {width: 110rem; height: auto; margin: 0 2rem;}
	.global-page .rolling-img__box div img {max-width: 100%; max-height: 100%;}

	.global-company {margin: 22rem 0 20rem;}
	.global-company .rolling-img {margin-top: 0;}

	.global-page .global-map__area:nth-child(4) {left: 70%; top: 23%;}
	.global-page .global-map__area:nth-child(5) {left: 76%; top: 34%;}
	.global-page .global-map__company {right: 9.8%; top: 8%;}
}

/* 비전 */
.vision-page .column-list {margin-top: 50rem;}
.vision-page .column-list > li {padding:35rem 30rem 40rem; font-size: var(--font-18);}
.visiaon-quality .column-list {margin-top: 70rem;}
.visiaon-manage .column-list > li {justify-content: flex-start; align-items: center; height: auto; padding: 80rem 30rem; background: var(--bg-01);}
.visiaon-manage .column-list > li i {display: block; margin: 0 auto 35rem;}
.visiaon-manage .column-list > li strong {margin-bottom: 7rem;}
.visiaon-manage .column-list > li strong + span {opacity: .3; margin-bottom: 22rem; font-size: 13rem; text-transform: uppercase;}
.visiaon-manage [data-list="dot"] {text-align: left;}
.visiaon-manage [data-list="dot"] li {font-weight: 600;}
.visiaon-manage [data-list] > *::before {top: 8rem; background: var(--f-01);}

@media (max-width:1280px){
	.visiaon-manage .column-list > li {padding: 60rem 30rem;}
	.visiaon-manage .column-list > li i {margin-bottom: 25rem;}
	.visiaon-manage .column-list > li img {height: 65rem;}
}

@media all and (max-width:1023px){
	.visiaon-quality .column-list {margin-top: 50rem;}
}

@media (max-width:540px){
	.visiaon-quality .column-list {margin-top: 40rem;}
	.vision-page .column-list {margin-top: 25rem;}
	.vision-page .column-list > li {padding: 30rem 20rem;}
	.vision-page .column-list__bg::after {opacity: .5; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
	.vision-page .column-list > li em {margin-bottom: 150rem;}

	.visiaon-manage .column-list > li {padding: 60rem 20rem;}
	.visiaon-manage .column-list > li img {height: 50rem;}
}

/* 오시는 길 */
.location-box {margin-top:100rem;}
.location-box:nth-child(3) {margin-top: 50rem;}
.location-map {overflow: hidden; display: block; border-radius: var(--br-12); border: 1px solid var(--bd-01);}
/* .location-map {pointer-events:none} */
.location-map iframe {width: 100%; height: 550rem;}
.location-map > img {width: 100%;}
.location-box .root_daum_roughmap {width: 100%;}
.location-box .root_daum_roughmap .wrap_map {height: 550rem;}
.location-box .hide, 
.location-box .root_daum_roughmap .cont,
.location-box .map_border {display: none;}
.location-box__info {position: relative; margin-bottom: 20rem;}
.location-box__info::before {position: absolute; left:0; top:0; content:''; width: 3rem; height: 100%; border-radius: 2rem; background: #f0f0f0;}
.location-box__title {width : 45%; padding-left: 33rem; padding-right: 50rem;}
.location-box__info ul {width: 55%;}
.location-box__title i {display: inline-block; margin-bottom: 20rem; font-weight: 700;}
.location-box__title i img {height: 46rem;}
.location-box__info ul {flex-shrink: 0; display: flex;}
.location-box__info ul li {flex: 1; min-height: 150rem;}
.location-box__info ul li:not(:has(a)),
.location-box__info ul li a {display: flex; flex-direction: column; justify-content: space-between; margin: 0 5rem; padding: 20rem; border-radius: var(--br-12); border: 1px solid var(--bd-01);}
.location-box__info ul li a {height: 100%;}
.location-box__info ul p {font-size: var(--font-18); font-weight: 500; color: var(--b-01);}
.location-box__info ul li em {margin-bottom: 20rem; font-weight: 700; font-size: var(--font-14); color: var(--b-04);}

@media (max-width:1200px){
	.location-box__info {flex-direction: column; align-items: flex-start;}
	.location-box__info::before {display: none;}
	.location-box__title {width: 100%; padding-left: 0;}
	.location-box__title i {margin-bottom: 15rem;}
	.location-box__title i img {height: 42rem;}
	.location-box__info ul {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; gap: 10rem; margin-top: 32rem;}
	.location-box__info ul:has(li:nth-child(3)) {grid-template-columns: repeat(3, 1fr);}
	.location-box__info ul li:not(:has(a)),
	.location-box__info ul li a {margin: 0;}
}

@media all and (max-width:1023px){
	.location-box:nth-child(3) {margin-top: 40rem;}
	.location-box .root_daum_roughmap .wrap_map,
	.location-map iframe {height: 420rem;}
}

@media (max-width:860px){
	.location-box__info ul {grid-template-columns: 1fr !important; gap: 5rem;}
	.location-box__info ul li {min-height: auto;}
	.location-box__info ul li:not(:has(a)),
	.location-box__info ul li a {min-height: auto; border-color: var(--bd-02);}
}

@media (max-width:540px){
	.location-box .root_daum_roughmap .wrap_map,
	.location-map iframe {height: 200rem;}
	.location-box {margin-top: 60rem;}
	.location-box:nth-child(3) {margin-top: 20rem;}
	.location-box__title i {margin-bottom: 10rem; font-size: 13rem;}
	.location-box__title i img {height: 30rem;}
	.location-box__info {margin-top: 20rem; margin-bottom: 5rem;}
	.location-box__info ul {margin-top: 20rem;}
	.location-box__info ul li em {margin-bottom: 12rem;}
	.location-box__info ul p {font-size: 15rem;}
	.location-box:not(:nth-child(3)) .location-box__info ul p {font-size: 14rem;}
}

/* technology */
.technology-section {margin-top: 60rem;}
.technology-box:not(:first-child) {margin-top: 20rem;}
.technology-box {display: flex; justify-content: space-between; padding: 60rem 80rem; text-align: left; border-radius: var(--br-12); background: var(--bg-04);}
.technology-box .slide-sec {position: relative; width: 50%;}
.technology-box .swiper-container {padding: 0 55rem;}
.technology-box .swiper-slide {overflow: hidden; border-radius: var(--br-06);}
.technology-box [class^="swiper-btn--"] {position: absolute;top: 137rem;}
.technology-box .swiper-btn--next {right: 0;}
.technology-box .swiper-btn--prev {left: 0;}
.technology-box__img {overflow: hidden; margin: 0 55rem; border-radius: 5rem;}
.technology-box__title {display: flex; flex-direction: column; justify-content: flex-end; padding: 20rem 0;}
.technology-box__title .page-dec {margin-bottom: auto;}
.technology-box__title h4 {margin-bottom: 20rem;}
.technology-box__title strong {display: block; margin-bottom: 5rem; font-weight: 600;}
.technology-box__title p {color: var(--b-02);}
.technology-box .swiper-pagination {position: relative; margin-top: 20rem;}
.technology-box [data-list="dot"] > li {font-size: var(--font-18); font-weight: 600;}
.technology-box [data-list="dot"] > *::before {top: 8rem; background: var(--bd-01);}
.technology-box [data-list="line"] {margin-top: 10rem; color: var(--b-02);}
.technology-box [data-list="line"] > li {margin-bottom: 8rem; font-size: var(--font-16); font-weight: 400;}
.technology-box [data-list="line"] > li::before {background: var(--b-02);}

@media (max-width:1480px){
	.technology-box [class^="swiper-btn--"] {top: 112rem;}
}

@media (max-width:1200px){
	.technology-box {padding: 60rem 40rem;}
	.technology-box__title {width: 40%;}
}

@media all and (max-width:1023px){
	.technology-box {flex-direction: column; padding: 60rem 40rem;}
	.technology-box__title {width: 100%; padding: 0; margin-bottom: 30rem;}
	.technology-box__title .page-dec {margin-bottom: 35rem;}
	.technology-box .slide-sec {width: 100%;}
	.technology-box .swiper-container {padding: 0;}
	.technology-box *[class^="swiper-btn--"] {z-index: 31; top: 50%; margin-top: -10rem; transform: translateY(-50%);}
	.technology-box *[class^="swiper-btn--"]::after {min-width: 30rem; height: 30rem; border-color: #fff; border-width: 0 4rem 4rem 0;}
	.technology-box .swiper-btn--prev {left: 30rem; transform: translateY(-50%) scaleX(-1);}
	.technology-box .swiper-btn--next {right: 30rem;}
	.technology-box__img {width: 100%; margin: 0;}
	.technology-box__img img {width: 100%;}
}

@media (max-width:540px){
	.technology-section {margin-top: 30rem;}
	.technology-box {padding: 30rem 20rem;}
	.technology-box__title {margin-bottom: 25rem;}
	.technology-box__title .page-dec {margin-bottom: 15rem; font-size: 12rem;}
	.technology-box__title h4 {margin-bottom: 15rem;}
	.technology-box__title strong {margin-bottom: 7rem;}
	.technology-box__title p {line-height: 1.4;}
	.technology-box *[class^="swiper-btn--"] {display: none;}
	.technology-box .swiper-pagination {margin-top: 15rem; gap: 10rem;}
	.technology-box [data-list="dot"] > li {margin-bottom: 12rem; font-size: 15rem;}
	.technology-box [data-list="line"] > li {font-size: 14rem;}
}

/* business */
.business-intro {margin-bottom: 120rem;}
.business-intro h3 + p {margin-bottom: 20rem;}
.business-section {padding: 80rem 0; border-top: 1px solid var(--bd-01);}
.business-section .wrap > * {width: calc((100% - 80rem)/2);}
.business-section figure {border-radius: var(--br-12); background: var(--bg-04);}
.business-section figure img {object-fit: contain;}
.business-section figure + div {padding: 20rem 0;}
.business-section h4 {margin-bottom: 20rem;}
.business-section__exp {margin-top: 80rem;}
.business-section__exp strong {display: block; margin-bottom: 12rem; font-size: var(--font-18);}
.business-section__exp ul li {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100rem; height: 100rem; margin-right: 5rem; text-align: center; font-size: var(--font-15); font-weight: 500; color: var(--b-04); border-radius: var(--br-06); border: 1px solid var(--bd-01);}
.business-section__exp ul li:last-child {margin-right: 0;}
.business-section__exp ul li i {display: block; margin: 10rem 0;}
.business-section__exp ul img {height: 27rem;}
#business01 .wrap {align-items: stretch;}

@media all and (max-width:1023px){
	.business-section .wrap {flex-direction: column;}
	.business-section .wrap > * {width: 100%;}
	.business-section figure + div {margin-top: 40rem; padding: 0; text-align: center;}
	.business-section__exp {margin-top: 35rem;}
	.business-section__exp ul {justify-content: center;}
	.business-section:last-child {padding-bottom: 0;}
}

@media (max-width:860px){
	.business-intro {margin-bottom: 80rem;}
	.business-section {overflow: hidden; padding: 60rem 0;}
}

@media (max-width:540px){
	.business-intro {margin-bottom: 60rem;}
	.business-intro br {display: none;}
	.business-section {padding: 40rem 0;}
	.business-section figure + div {margin-top: 30rem;}
	.business-section h4 {margin-bottom: 15rem;}
	.business-section br {display: none;}
}

/* 3d */
.printing-intro .wrap {align-items: flex-end;}
.printing-intro figure {overflow: hidden; flex-shrink: 0; width: 500rem; margin-right: 120rem; border-radius: var(--br-12);}
.printing-intro figure + div {width: 100%;}
.printing-intro h3 {margin-bottom: 26rem;}
.printing-intro ul {width: 100%; gap: 10rem;}
.printing-intro ul li {padding:22rem 20rem; border-radius: var(--br-06); border: 1px solid var(--bd-01);}
.printing-intro ul li em {display: block; margin-bottom: 20rem; font-size: var(--font-18); font-weight: 600;}
.printing-intro ul li p {color: var(--b-03);}

.printing-merit {margin-bottom: 0 !important; background: url(../img/sub/printing-bg.jpg) no-repeat center / cover;}
.printing-merit ul {max-width: 1000rem; margin: 30rem auto 0; gap: 20rem;}
.printing-merit ul em {display: block; width: 100%; text-transform: uppercase; padding: 12rem 0; font-weight: 700; border-radius: var(--br-12) var(--br-12) 0 0; background: var(--bg-01);}
.printing-merit ul p {backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); display: flex; align-items: center; justify-content: center; height: 200rem; padding: 20rem; font-size: var(--font-18); font-weight: 600; border-radius:0 0 var(--br-12) var(--br-12); background: rgba(255, 255, 255, .1);}
.printing-tech {margin: 0 !important; padding-bottom: max(8.8542vw, 170rem);}
.printing-tech__list {margin-top: 40rem; gap: 30rem; text-align: left;}
.printing-tech__list > li {position: relative; padding:40rem 30rem 30rem; border-radius: var(--br-12); background: #fff; box-shadow: 3rem 4rem 12rem rgba(0, 0, 0, .04);}
.printing-tech__list strong {display: block; margin-bottom: 10rem; font-size: var(--font-24);}
.printing-tech__list em {position: absolute; right: 30rem; top: 40rem; font-size: var(--font-15); font-weight: 700; color: var(--c-01);}
.printing-tech__list p {min-height: 50rem; color: var(--b-02);}
.printing-tech__list ul {margin-top: 30rem;}
.printing-tech__list ul li {overflow: hidden; height: 180rem; text-align: center; border-radius: var(--br-06); background: #111;}
.printing-tech__list ul li img {width: 100%;}
.printing-tech__list ul li:not(:last-child) {margin-bottom: 5rem;}

@media all and (max-width:1023px){
	.printing-intro figure {width: 50%; margin-right: 60rem;}
	.printing-intro .wrap {align-items: stretch;}
	.printing-merit ul {max-width: 100%;}
	.printing-merit ul p {padding: 20rem 40rem; word-break: keep-all;}
	.printing-tech__list {grid-template-columns: repeat(2, 1fr); gap: 20rem;}
	.printing-tech__list ul li {height: auto;}
}

@media (max-width:860px){
	.printing-intro .wrap {flex-direction: column-reverse;}
	.printing-intro figure {width: 100%; margin-right: 0; margin-top:60rem;}
}

@media (max-width:540px){
	.printing-intro h3 {text-align: center; margin-bottom: 17rem;}
	.printing-intro ul {gap: 5rem; grid-template-columns: 1fr;}
	.printing-intro ul li {padding: 20rem 15rem 17rem;}
	.printing-intro ul li em {margin-bottom: 10rem; font-size: 13rem;}
	.printing-intro ul li p {font-weight: 400;}
	.printing-intro figure {margin-top: 30rem;}
	.printing-merit ul {gap: 10rem;}
	.printing-merit ul em {font-size: 13rem;}
	.printing-merit ul p {height: auto; padding: 40rem 20rem; font-size: 15rem;}
	.printing-tech__list p {min-height: auto;}
	.printing-tech__list {margin-top: 30rem; grid-template-columns: 1fr;}
	.printing-tech__list > li {padding: 30rem 20rem 20rem;}
	.printing-tech__list em {top: 30rem; right: 20rem;}
	.printing-tech__list ul {margin-top: 22rem;}
}

/* esg */
.esg-scroller__inr {margin-top: 100rem;}
.esg-scroller__img {flex-shrink: 0; width: 630rem;}
.esg-scroller__img figure {position: sticky; top: 15vh; width: 100%; height: 75vh; border-radius: var(--br-12); background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/sub/esg01.jpg); transition: var(--trans-01);}
.esg-scroller:has(.esg-scroller__item:nth-child(1).is_moved) .esg-scroller__img figure {background-image: url(../img/sub/esg01.jpg);}
.esg-scroller:has(.esg-scroller__item:nth-child(2).is_moved) .esg-scroller__img figure {background-image: url(../img/sub/esg02.jpg);}
.esg-scroller:has(.esg-scroller__item:nth-child(3).is_moved) .esg-scroller__img figure {background-image: url(../img/sub/esg03.jpg);}
.esg-scroller:has(.esg-scroller__item:nth-child(4).is_moved) .esg-scroller__img figure {background-image: url(../img/sub/esg04.jpg);}

.esg-scroller__text {width: 100%; padding-left: 140rem;}
.esg-scroller__item {display: flex; align-items: center; height: 100vh;}
.esg-scroller__item h4 {margin-bottom: 30rem; font-size: var(--font-47); font-weight: 700;}
.esg-scroller__item p {line-height: 1.7; color: var(--b-02);}
.esg-scroller__item p:not(:last-child) {margin-bottom: 20rem;}

@media (max-width:1200px){
	.esg-scroller__text {padding-left: 100rem;}
	.esg-scroller__item p {word-break: keep-all;}
	.esg-scroller__item p br {display: none;}
	.esg-scroller__img {width: 600rem;}
}

@media all and (max-width:1023px){
	.esg-scroller__inr {margin-top: 80rem;}
	.esg-scroller__img {width: 400rem;}
	.esg-scroller__img figure {top: 18vh; height: 62vh;}
	.esg-scroller__text {padding-left: 80rem;}
}

@media (max-width:860px){
	.esg-title {word-break: keep-all;}
	.esg-scroller__inr {margin-top: 50rem;}
	.esg-scroller__item {flex-direction: column; height: auto;}
	.esg-scroller__item:not(:last-child) {margin-bottom: 60rem;}
	.esg-scroller__item::before {content:''; display: block; width: 100%; height: 400rem; margin-bottom: 32rem; border-radius: var(--br-12); background-repeat: no-repeat; background-size: cover; background-position: center;}
	.esg-scroller__item:nth-child(1)::before {background-image: url(../img/sub/esg01.jpg);}
	.esg-scroller__item:nth-child(2)::before {background-image: url(../img/sub/esg02.jpg);}
	.esg-scroller__item:nth-child(3)::before {background-image: url(../img/sub/esg03.jpg);}
	.esg-scroller__item:nth-child(4)::before {background-image: url(../img/sub/esg04.jpg);}

	.esg-scroller__img {display: none;}	
	.esg-scroller__text {padding-left: 0;}

	.esg-scroller__item h4 {margin-bottom: 15rem; font-size: var(--font-32);}
	.esg-scroller__item p:not(:last-child) {margin-bottom: 8rem;}
}

@media (max-width:540px){
	.esg-scroller__inr {margin-top: 40rem;}
	.esg-scroller__item:not(:last-child) {margin-bottom: 60rem;}
	.esg-scroller__item::before {height: 200rem; margin-bottom: 25rem;}
	.esg-scroller__item h4 {margin-bottom: 12rem;}
	.esg-scroller__item p:not(:last-child) {margin-bottom: 12rem;}
}

/* ethical-page */
.ethical-page .tabs-wrap {margin-top: 100rem;}
.ethical-page h4 {margin-bottom: 30rem;}
.ethical-page #tab1 p {margin-bottom: 20rem; color: var(--b-01);}
.ethical-page .tab2-box {margin-bottom: 22rem; padding:35rem 30rem; line-height: 1.6; color: var(--b-02); border-radius: var(--br-12); background: var(--bg-04);}
.ethical-page .tab2-box li:not(:last-child) {margin-bottom: 15rem;}
.ethical-page #tab2 strong {display: block; margin-top: 30rem; font-weight: 600;}
.ethical-page .tab-section {margin-bottom: 60rem;}
.ethical-page h6 {display: inline-block; margin-bottom: 20rem; padding:8rem 15rem; font-size: var(--font-18); font-weight: 600; background: var(--bg-04); border-radius: var(--br-06); border: 1px solid var(--bd-01);}
.ethical-page #tab3 ul li {line-height: 1.6; color: var(--b-02);}
.ethical-page #tab3 [data-list] > * {margin-bottom: 8rem;}
.ethical-page #tab3 [data-list="dot"] > *::before {top: 9rem;}
.ethical-page #tab3 .btn-basic {position: absolute; right: 0; top: 80rem;}

@media all and (max-width:1023px){
	.ethical-page .tabs-wrap {margin-top: 52rem;}
}

@media (max-width:860px){
	.ethical-pa.tabs-menuge .tabs-wrap {margin-top: 60rem;}
	.ethical-page .tabs-wrap {margin-top: 30rem;}
	.ethical-page h4 {margin-bottom: 17rem;}
	.ethical-page h4 + .tab-section  {margin-top: 27rem;}
	.ethical-page .tab-section {margin-bottom: 45rem;}
	.ethical-page #tab3 .btn-basic {position: relative; right: auto; top: auto;}
	.ethical-page #tab3 [data-list] > * {margin-bottom: 12rem;}
}

@media (max-width:540px){
	.ethical-page .tab2-box {padding: 20rem;}
	.ethical-page #tab2 strong {margin-top: 20rem;}
	.ethical-page #tab3 [data-list] > * {margin-bottom: 10rem;}
	.ethical-page h6 {margin-bottom: 15rem;}
	.ethical-page .tab-section{margin-bottom: 32rem;}
	.ethical-page h4 + .tab-section {margin-top: 20rem;}
}

/* manage */
.manage-section,
.shareholder-section,
.director-section {margin-top: 52rem;}
.manage-section h4,
.shareholder-section h4{margin-bottom: 25rem;}
.manage-section h5,
.shareholder-section h5{margin-bottom: 15rem;}
.manage-section .table-wrap {margin-top: 52rem;}
.manage-bottom {margin-bottom: 0 !important; background: url(../img/sub/overview-bg.jpg) no-repeat center / cover;}
.manage-bottom h4 {margin-bottom: 16rem;}
.manage-bottom .btn-basic {margin-top: 35rem;}

@media (max-width:540px){
	.manage-section .table-wrap {margin-top: 0;}
	.manage-section .table-wrap + .table-wrap {margin-top: 20rem;}
	.manage-bottom .btn-basic {margin-top: 25rem;}
}

/* shareholder */
.shareholder-section {position: relative;}
.shareholder-section .table-comment {position: absolute; right: 0; top: 20rem;}
.shareholder-section:not(:last-child) {margin-bottom: 80rem;}
.ir-accordion {margin-top: 50rem ;}
.shareholder-box.bx01 {margin-bottom: 52rem; padding: 70rem 50rem; background: url(../img/sub/shareholders-bg.jpg) no-repeat center / cover; border-radius: var(--br-12);}
.shareholder-box.bx01 h5 {margin-bottom: 22rem;}
.shareholder-box.bx01 span {display: inline-block; margin-top: 8rem; padding: 5rem 10rem; font-family: var(--lang-ko); font-size: 13rem; font-weight: 500; color: rgbA(255, 255, 255, .5); border-radius: 3rem; background: rgba(255, 255, 255, .1);}
.shareholder-box.bx01 li + li {margin-top: 27rem; padding-top: 23rem; border-top: 1px solid rgba(255, 255, 255, .1);}
.shareholder-guide__item:not(:first-child) {margin-top: 10rem;}
.shareholder-guide__item em {position: relative; min-width: 190rem; margin-right: 33rem; padding: 15rem 20rem; font-weight: 600; border-radius: var(--br-06); border: 1px solid var(--bd-01);}
.shareholder-guide__item em::after {position: absolute; right: 20rem; top: 50%; content:''; width: 6rem; height: 6rem; border: solid #000; border-width: 0 2rem 2rem 0; box-sizing: content-box; transform: translateY(-50%) rotate(-45deg);}
.shareholder-guide__item em i {width: 40rem; height: 40rem; margin-right: 15rem; border-radius: 100%; background: var(--bg-04);}
.shareholder-guide__cont {padding: 20rem 0;}
.shareholder-guide__item:nth-child(2) ul {display: flex; flex-direction: column; justify-content: center; height: 100%;}
.shareholder-guide__item:nth-child(2) li {display: flex; align-items: center; margin: 5rem 0;}
.shareholder-guide__item:nth-child(2) li::before {opacity: .2; content:''; width: 15rem; height: 15rem; margin-right: 10rem;}
.shareholder-guide__item:nth-child(2) li:nth-child(1):before {background: url(../img/sub/ic-spot.svg) no-repeat center / contain;}
.shareholder-guide__item:nth-child(2) li:nth-child(2):before {background: url(../img/sub/ic-mail.svg) no-repeat center / 12rem;}
.shareholder-guide__item:nth-child(2) li b {margin-right: 5rem; font-weight: 500;}
.shareholder-guide__item:nth-child(3) [data-list] {margin-top: 10rem; line-height: 1.6; color: var(--b-02);}
.shareholder-guide__item:nth-child(3) [data-list="dot"] > *::before {top: 10rem;}
.shareholder-box.bx03,
.shareholder-box.bx04 {margin-top: 52rem;}
.shareholder-process {display: flex;}
.shareholder-process > i {flex-shrink: 0; position: relative; width: 100rem;}
.shareholder-process > i::before {position: absolute; left:0; top:50%; content:''; width: 100%; border-top: 2px dashed var(--bd-02); transform: translateY(-50%);}
.shareholder-process > i span {position: absolute; left: 50%; top: 50%; width: 12rem; height: 12rem; border-radius: 100%; background: var(--c-01); transform: translate(-50%, -50%);}
.shareholder-process > i span::before {opacity: .15; position: absolute; left:50%; top:50%; content:''; width: 100%; height: 100%; border-radius: 100%; background: var(--c-01); transform: translate(-50%, -50%);}
.shareholder-process__item {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 400rem; text-align: center; padding: 40rem; border-radius: 12rem; border: 2px solid transparent; background: var(--bg-04);}
.shareholder-process__item.is_moved {display: flex; animation: shareholderBorder .5s ease-in forwards;}
.shareholder-process__item.is_moved:nth-child(3) {animation-delay: 1s;}
.shareholder-process__item.is_moved:nth-child(5) {animation-delay: 2s;}
.shareholder-process > i.is_moved span::before {animation: shareholderDot 1s linear infinite alternate;}
.shareholder-process > i:nth-child(2).is_moved span::before {animation-delay: .5s;}
.shareholder-process > i:nth-child(4).is_moved span::before {animation-delay: 1.5s;}
.shareholder-process__item i {display: block; width: 70rem; height: 70rem; margin: 0 auto 25rem;}
.shareholder-process__item i img {display: inline-block; max-width: 100%; max-height: 100%;}
.shareholder-process__item strong {line-height: 1.6; font-size: var(--font-18); font-weight: 600;}
.shareholder-process__item ul {margin-top: 20rem; padding-top:22rem; line-height: 1.6; text-align: left; color: var(--b-02); border-top: 1px solid var(--bd-01);}
.shareholder-process__item [data-list="dot"] > *::before {top: 10rem;}

@keyframes shareholderBorder {
	to{border-color: var(--c-01); background: var(--f-01);}
}
@keyframes shareholderDot {
	from{width: 100%; height: 100%;}
	to{width: 300%; height: 300%;}
}

@media all and (max-width:1023px){
	.shareholder-section .table-comment {top: 16rem;}
	.shareholder-section:not(:last-child) {margin-bottom: 60rem;}
	.ir-accordion {margin-top: 30rem;}
	h4 + .ir-accordion {margin-top: 25rem;}

	.shareholder-process {flex-direction: column;}
	.shareholder-process > i {width: 2px; height: 100rem; margin: 0 auto;}
	.shareholder-process > i::before {height: 100%; border-top: 0; border-left: 2px dashed var(--bd-01);}
	.shareholder-process__item {height: auto; padding: 60rem 20rem;}
}

@media (max-width:860px){
	.shareholder-guide__item em {min-width: 170rem; margin-right: 25rem; padding: 10rem 15rem;}
	.shareholder-guide__item em i {margin-right: 12rem;}
}

@media (max-width:540px){
	.shareholder-section:not(:last-child) {margin-bottom: 40rem;}
	.shareholder-section .table-comment {top: 6rem;}
	h4 + .ir-accordion {margin-top: 15rem;}

	.shareholder-box.bx01 {position: relative; margin-bottom: 40rem; padding: 30rem 20rem; background-position: right 27% bottom;}
	.shareholder-box.bx01::before {opacity: .4; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
	.shareholder-box.bx01 h5 {position: relative; margin-bottom: 15rem;}
	.shareholder-box.bx01 ul {position: relative;}
	.shareholder-box.bx01 span {font-size: 12rem;}
	.shareholder-box.bx01 li + li {margin-top: 20rem; padding-top: 17rem;}

	.shareholder-guide__item {flex-direction: column; align-items: flex-start;}
	.shareholder-guide__item em {min-width: 100%; margin-right: 0; margin-bottom: 15rem; padding: 10rem;}
	.shareholder-guide__item em::after {transform: translateY(-50%) rotate(45deg);}
	.shareholder-guide__item:nth-child(2) li {flex-wrap: wrap; align-items: flex-start; margin: 0;}
	.shareholder-guide__item:nth-child(2) li + li {margin-top: 17rem;}
	.shareholder-guide__item:nth-child(2) li::before {width: 12rem; height: 12rem; margin-top: 4rem; margin-right: 8rem;}
	.shareholder-guide__item:nth-child(2) li b {margin-bottom: 7rem;}
	.shareholder-guide__cont {padding-top: 0;}
	.shareholder-box.bx03 {margin-top: 20rem;}
	.shareholder-box.bx03 h5 {margin-bottom: 15rem;}
	.shareholder-box.bx04 {margin-top: 40rem;}
	.shareholder-process__item {padding: 40rem 20rem;}
	.shareholder-process__item i {width: 50rem; height: 50rem; margin-bottom: 15rem;}
	.shareholder-process > i span {width: 8rem; height: 8rem;}
	.shareholder-box.bx04 [data-list="num"] > * {position: relative; align-items: flex-start; line-height: 1.5; padding-left: 28rem;}
	.shareholder-box.bx04 [data-list="num"] > * > i {position: absolute; left:0; top:2rem; width: 20rem; height: 20rem; line-height: 16rem; margin-right: 0;}
}

/* director */
.director-section h4 {margin-bottom: 12rem;}
.director-section.ss02 .table {margin-top: 30rem;}
.director-page .ir-accordion {margin-top: 0;}

@media (max-width:540px){
	.manage-section,
	.shareholder-section,
	.director-section {margin-top: 30rem;}

	.manage-section h4,
	.shareholder-section h4 {margin-bottom: 15rem; font-size: 18rem;}

	.manage-section h5,
	.shareholder-section h5 {margin-bottom: 12rem; font-size: 15rem;}
}

/* profit */
.profit-list {gap: 30rem; margin-top: 60rem;}
.profit-list__item {padding:60rem 40rem; border-radius: var(--br-12); border:1px solid var(--bd-01);}
.profit-list__item h4 {font-size: 27rem;}
.profit-list__item .table-comment {display: block; margin-top: 7rem;}
.profit-list__item figure {margin-top: 30rem;}
.profit-table {margin-top: 80rem;}
.profit-table .table-comment {display: block; margin-bottom: 12rem; text-align: right;}
.profit-page .customer-box {display: inline-flex; align-items: center; margin-top: 20rem;}
.profit-page .customer-box ul {margin-top: 0; margin-left: 30rem; padding: 10rem 0; padding-left: 30rem; border-left: 1px solid var(--bd-02);}
.profit-page .customer-box ul li span {text-align: left;}

@media all and (max-width:1023px){
	.profit-list {gap: 20rem;}
	.profit-list__item {padding: 30rem 20rem 40rem;}
	.profit-list__item h4 {font-size: 22rem;}
	.profit-table {margin-top: 60rem;}
}

@media (max-width:860px){
	.profit-list {grid-template-columns: 1fr 1fr;}
	.profit-page .customer-box {display: flex; flex-direction: row; margin-top: 35rem; padding:25rem 20rem;}
	.profit-page .customer-box::before {margin-bottom: 0; margin-right: 15rem;}
	.profit-page .customer-box h5 {margin-bottom: 0;}
}

@media (max-width:540px){
	.profit-list {grid-template-columns: 1fr; margin-top: 22rem;}
	.profit-list__item h4 {font-size: 18rem;}
	.profit-table {margin-top: 30rem;}
	.profit-page .customer-box {margin-top: 25rem; padding: 20rem;}
	.profit-page .customer-box::before {display: none;}
	.profit-page .customer-box__inr {flex-direction: column; width: 100%;}
	.profit-page .customer-box ul {width: 100%; padding-left: 0; padding-top: 20rem; margin-left: 0; margin-top: 15rem; border-left: 0; border-top: 1px solid var(--bd-01);}
	.profit-page .profit-board__list {margin-top: 40rem;}
}

/* 공시정보 */
.profit-board table.table :is(th,td){padding:32rem 10rem; font-size:var(--font-18);}
.profit-board__list{margin-top:80rem;}
.profit-board__caption{display:block; margin-bottom:20rem; font-family:var(--lang-ko);}
.profit-board table.table tbody tr td:not(:first-child){border-left:0 !important;}
.profit-board table.table thead th{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:7%;}
.profit-board [data-table="date"]{width:10%;}
.profit-board [data-table="sub"]{width:15%;}

.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);}

@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;}
}

/* personnel */
.personnel-diagram figure {position: relative; margin-top: 120rem;}
.personnel-diagram h6 {z-index: 1; position: absolute; top: 18vh; mix-blend-mode: multiply; width: 100%; font-size: 3.6vw; font-weight: 800; color: #FEF6F2; text-transform: uppercase;}
.personnel-diagram__list {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 64rem;}
.personnel-diagram__item {z-index: 1; position: relative; width: calc((100% - 300rem)/2);}
.personnel-diagram__item:last-child {width: 100%; align-items: center;}
.personnel-diagram__item:last-child i {margin-bottom: 24rem;}
.personnel-diagram__item i {display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 100rem; height:100rem; margin: 0 32rem; border-radius: 100%; background:#fff; border-radius: 100%; border: 1px solid var(--c-01);box-shadow: 0px 0px 40rem 0px #EB550A4D;}
.personnel-diagram__item i img {width: auto; height: auto; max-width: 55rem; max-height: 47rem; object-fit: contain;}
.personnel-diagram__item strong {display: block; margin-bottom: 8rem; font-size: var(--font-24); }
.personnel-diagram__item[data-align="right"] {flex-direction: row-reverse;}
.personnel-diagram__item[data-align="left"] {text-align: left;}
.personnel-diagram__item.center {z-index: 0; width: 100%; margin-bottom: 100rem;}
.personnel-diagram__item.center::before {position: absolute; left:50%; top: 50%; content:''; width: 35%; aspect-ratio: 1/1; border-radius: 100%; background: var(--bg-03);border: 1px solid rgba(235, 85, 10, 0.1); transform: translate(-50%, -50%); animation: personnel 1s infinite alternate;}
.personnel-diagram__item.center div {position: relative; width: 220rem; height: 220rem; margin: 0 auto; border-radius: 100%; background: var(--c-01);box-shadow: 0px 0px 60px 5px rgba(235, 85, 10, 0.5);}
.personnel-diagram__item.center img {display: inline-block; height: 90rem; margin-top: -10rem; object-fit: contain;}

.personnel-banner {margin: 120rem 0 80rem; padding: 100rem 60rem; background: url(../img/sub/personnel.jpg) no-repeat center / cover; border-radius: var(--br-12);}
.personnel-banner .btn-basic {margin-top: 30rem;}
.personnel-manage p {margin: 14rem 0 30rem;}
.personnel-manage table.table * {text-align: center; line-height: 1.6;}
.personnel-manage table.table thead th {color: var(--b-01); font-weight: 700; background: #fff;}
.personnel-manage table.table thead th:not(:first-child) {border-left: 1px solid var(--bd-01);}
.personnel-manage table.table tr *:first-child {font-weight: 700; color: var(--b-04); background: var(--bg-04);}

.personnel-recruit {margin-top: 80rem;}
.personnel-recruit .btn-wrap {margin-top: 70rem;}
/* .personnel-welfare ul {margin-top: 23rem; grid-template-columns: repeat(8, 1fr); gap: 10rem;}
.personnel-welfare ul li {display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; text-align: center; font-weight: 600; border-radius: var(--br-12); border: 1px solid var(--bd-01);}
.personnel-welfare ul li i {display: inline-flex; align-items: center; justify-content: center; height: 40rem; margin-bottom: 20rem;}
.personnel-welfare ul li i img {max-width: 100%; max-height: 100%;} */

@keyframes personnel {
	form{zoom: 30%;}
	to{width: 38%;}
}

@media (max-width:1200px){
	.personnel-diagram__item i {flex-shrink: 0;}
	.personnel-diagram__item {width: calc((100% - 150rem)/2);}
	.personnel-diagram__item.center {margin-bottom: 52rem;}
	.personnel-diagram h6 {font-size: 4vw;}
	.personnel-welfare ul {grid-template-columns: repeat(4, 1fr);}
}

@media all and (max-width:1023px){
	.personnel-diagram figure {margin-top: 55rem;}
	.personnel-diagram__item {width: calc((100% - 100rem)/2); word-break: keep-all;}
	.personnel-diagram__item strong {margin-bottom: 10rem;}
	.personnel-diagram__item p br {display: none;}
	.personnel-diagram__item:last-child p br {display: block;}
	.personnel-diagram__item.center div {width: 180rem; height: 180rem;}
	.personnel-diagram__item.center img {height: 70rem;}

	.personnel-banner {margin-top: 100rem; padding: 80rem 40rem;}
}

@media (max-width:860px){
	.personnel-diagram__item {width: calc((100% - 60rem)/2);}

	@keyframes personnel {
		form{zoom: 30%;}
		to{width: 45%;}
	}
}

@media (max-width:540px){
	.personnel-diagram h6 {display: none;}
	.personnel-diagram figure {padding-top: 30rem; margin-top: 25rem; border-top: 1px solid var(--bd-01);}
	.personnel-diagram__list {flex-direction: column; align-items: center; margin-top: 0;}
	.personnel-diagram__item {width: 100%; align-items: flex-start;}
	.personnel-diagram__item > div {padding-top:3rem;}
	.personnel-diagram__item:not(:last-child) {margin-bottom: 22rem;}
	.personnel-diagram__item i {width: 60rem; height: 60rem; margin: 0; margin-right: 20rem; box-shadow: 0px 0px 10rem 0px #EB550A4D;}
	.personnel-diagram__item i img {max-width: 32rem;max-height: 25rem;}
	.personnel-diagram__item strong {margin-bottom: 8rem;}
	.personnel-diagram__item[data-align="right"] {flex-direction: row; text-align: left;}
	.personnel-diagram__item.center {display: none;}
	.personnel-diagram__item:last-child {flex-direction: row; align-items: flex-start; text-align: left;}

	.personnel-welfare ul {grid-template-columns: repeat(2, 1fr);}
	.personnel-banner {margin: 60rem 0 40rem; padding: 30rem 20rem 100rem; line-height: 1.5; word-break: keep-all;}
	.personnel-banner .btn-basic {margin-top: 20rem;}

	.personnel-manage p {margin: 12rem 0 15rem;}
	.personnel-welfare {margin-top: 40rem;}
	.personnel-welfare ul {margin-top: 15rem; grid-template-columns: repeat(2, 1fr);}
	.personnel-welfare ul li i {width: 32rem; height: 30rem;}
	.personnel-welfare ul li:nth-child(1) i {width: 40rem;} 
}

.recruit-process {justify-content: center; margin-top: 64rem; border-bottom: 2px solid var(--bd-01);}
.recruit-process__item {position: relative; padding-bottom: 60rem; background: #fff;}
.recruit-process__item i {position: absolute; left: 50%; bottom: 0; width: 1px; height: 40rem; border-left: 2px dashed var(--bd-01);}
.recruit-process__item::before,
.recruit-process__item::after {position: absolute; left:50%; bottom: 0; content:''; border-radius: 100%; transform: translate(-50%, 50%);}
.recruit-process__item::before {visibility: hidden; opacity: .2; width: 30rem; height: 30rem; background: var(--c-01);}
.recruit-process__item::after {width: 10rem; height: 10rem; background: var(--bd-01);}

.recruit-process__item.is_moved::after {animation: recruit .3s linear forwards;}
.recruit-process__item.is_moved::before {animation: recruitDot .3s linear forwards;}
.recruit-process__item:nth-child(3).is_moved::before,
.recruit-process__item:nth-child(3).is_moved::after {animation-delay: 1s;}
.recruit-process__item:nth-child(5).is_moved::before,
.recruit-process__item:nth-child(5).is_moved::after {animation-delay: 2s;}
.recruit-process__item:nth-child(7).is_moved::before,
.recruit-process__item:nth-child(7).is_moved::after {animation-delay: 3s;}
.recruit-process__item:nth-child(9).is_moved::before,
.recruit-process__item:nth-child(9).is_moved::after {animation-delay: 4s;}
.recruit-process__item:nth-child(11).is_moved::before,
.recruit-process__item:nth-child(11).is_moved::after {animation-delay: 5s;}

.recruit-process__item div {width: 150rem; height: 150rem; margin-bottom: 17rem; border-radius: var(--br-12); background: var(--bg-04);}
.recruit-process__item:last-child div {background: var(--bg-01);}
.recruit-process__item p {display: block; font-size: var(--font-18); font-weight: 600;}
.recruit-process__item span {display: inline-block; margin-top: 6rem; padding: 7rem 14rem; font-size: var(--font-15); font-weight: 700; color: var(--f-01); border-radius: 20rem; }
.recruit-process__item:nth-child(3) span {background: #00B8A8;}
.recruit-process__item:nth-child(5) span {background: #00568C;}
.recruit-process__arrow {width: 22rem; height: 150rem; margin: 0 30rem; background: url(../img/sub/recruit-arrow.svg) no-repeat center / 22rem;}

@keyframes recruit {
	to {background: var(--c-01);}
}

@keyframes recruitDot {
	to {visibility: visible;}
}

@media all and (max-width:1023px){
	.recruit-process {margin-top: 47rem;}
	.recruit-process__item {width: 120rem; word-break: keep-all; line-height: 1.4;}
	.recruit-process__item div {width: 120rem; height: 120rem; margin-bottom: 13rem; text-align: center;}
	.recruit-process__item div img {max-width: 50rem; max-height: 50rem;}
	.recruit-process__arrow {width: 20rem; height: 120rem; margin: 0 25rem;}
}

@media (max-width:540px){
	.recruit-process {flex-wrap: wrap; margin-top: 30rem; border-bottom: 0; gap: 30rem 0;}
	.recruit-process__item {width: 90rem; padding-left: 0; padding-bottom: 0;}
	.recruit-process__item::before,
	.recruit-process__item::after,
	.recruit-process__item i {display: none;}
	.recruit-process__item div {width: 80rem; height: 80rem; margin:0 auto 12rem;}
	.recruit-process__item div img {max-width: 30rem; max-height: 30rem;}
	.recruit-process__arrow {margin: 0 10rem; height: 80rem; background-size: 15rem;}
	.recruit-process__arrow:nth-child(6) {display: none;}
	.recruit-process__item span {margin-top: 3rem; padding: 5rem 10rem; font-size: 13rem;}
	.personnel-recruit .btn-wrap {margin-top: 30rem;}
}

/* 복리후생 */
.benefit-list {margin-top: 70rem; }
.benefit-list ul {gap: 60rem 30rem;}
.benefit-list figure {overflow: hidden; border-radius: var(--br-12); border: 1px solid var(--bd-01);}
.benefit-list p {margin-top: 15rem; font-size: var(--font-20); font-weight: 600; word-break: keep-all;}

@media all and (max-width:1023px){
	.benefit-list {margin-top: 50rem;}
	.benefit-list ul {gap: 50rem 30rem;}
}

@media all and (max-width:860px){
	.benefit-list ul {gap: 50rem 30rem; grid-template-columns: 1fr 1fr;}
}

@media all and (max-width:540px){
	.benefit-list {margin-top: 32rem;}
	.benefit-list ul {gap: 30rem 0; grid-template-columns: 1fr;}
	.benefit-list p {margin-top: 12rem; font-size: var(--font-18);}
}


.cs-wrap {justify-content: space-between; margin-top: 64rem;}
.cs-wrap > div {width: calc((100% - 120rem)/2);}
.cs-company__inr {position: sticky; top: 100rem;}
.cs-company__inr figure {overflow: hidden; border-radius: var(--br-12);}
.cs-company__inr ul {gap: 10rem; margin-top: 10rem;}
.cs-company__inr li {padding: 35rem 30rem; border-radius: var(--br-12); background: var(--bg-04);}
.cs-company__inr li em {display: block; margin-bottom: 5rem; font-size: var(--font-18); font-weight: 700;}
.cs-company__inr li:last-child em {font-size: var(--font-16);}
.cs-wrap .cs-form {margin-top: 30rem;}
.cs-wrap .form-area {flex-direction: column; align-items: flex-start; margin-bottom: 50rem;}
.cs-wrap .form-area[data-form="conts"] {margin-bottom: 30rem;}
.cs-wrap .form-area > em {display: inline-flex; margin-bottom: 10rem;}
.cs-wrap .form-area > em .mark {margin-left: 5rem;}
.cs-page--border .cs-wrap .form-area input:is([type="text"], [type="password"]),
.cs-page--border .cs-wrap .form-select select,
.cs-page--border .cs-wrap .form-area textarea {border: none; border-bottom: 1px solid var(--bd-01);}
.cs-page:not(.cs-page--basic) .cs-wrap .form-area input:is([type="text"],[type="password"]),
.cs-page:not(.cs-page--basic) .cs-wrap .form-select select,
.cs-page:not(.cs-page--basic) .cs-wrap .form-area textarea {padding-left: 0;}
.cs-wrap *.btn-basic {padding: 18rem 30rem; font-size: var(--font-18);}

.cs-wrap select, .cs-wrap input{-webkit-appearance: none; -moz-appearance: none;  appearance: none; border-radius: 0;}

@media all and (max-width:1023px){
	.cs-wrap > div {width: calc((100% - 60rem)/2);}
	.cs-company__inr ul {grid-template-columns: 1fr;}
	.cs-company__inr li {padding: 25rem 20rem 22rem;}
	.cs-company__inr li em {margin-bottom: 10rem;}
}

@media (max-width:540px){
	.cs-wrap {flex-direction: column; margin-top: 24rem;}
	.cs-wrap > div {width: 100%;}
	.cs-company__inr ul {gap: 5rem; margin-top: 5rem;}
	.cs-company__inr li {padding: 20rem;}
	.cs-company__inr li:last-child em {font-size: 14rem;}
	.cs-company__inr li em {margin-bottom: 6rem;}

	.cs-wrap .form-area[data-form="agree"] {margin-top: 0; margin-bottom: 30rem !important;}
	.cs-wrap .form-area[data-form="agree"] .check-box label {padding-left: 32rem;}
	.cs-wrap .form-area[data-form="agree"] em {display: block; margin-bottom: 0;}
	.cs-wrap .form-area[data-form="agree"] .show-btn {display: inline-block; margin-left: 0; margin-top: 7rem;}
	.cs-wrap *.btn-basic {padding: 15rem 20rem; font-size: 14rem;}
}


/* 공급망 관리 */
.supply-section {margin-top: 80rem; }
.supply-title p {word-break: keep-all;}
.supply-section h4 {margin-bottom: 15rem;}
.supply-process__list {margin-top: 30rem;}
.supply-process__item {width: 100%; padding: 20rem 20rem 30rem; border-radius: var(--br-12); border: 1px solid var(--bd-01);}
.supply-process__item h6 {margin-bottom: 20rem; padding:12rem 10rem; font-size: var(--font-18); font-weight: 600; color: var(--f-01); background: var(--c-01); border-radius: var(--br-06);}
.supply-section .recruit-process__arrow {flex-shrink: 0; height: auto;}
.supply-section:has([data-list="num"]) h4 {margin-bottom: 20rem;}
.supply-rule p + p {margin-top: 10rem;}
.supply-rule__inr {margin-top: 30rem; padding: 40rem; border-radius: var(--br-12); border: 1px solid var(--bd-01); word-break: keep-all;}
.supply-rule__box h6 {display: inline-block; margin-bottom: 20rem; padding:8rem 15rem; font-size: var(--font-18); font-weight: 600; background: var(--bg-04); border-radius: var(--br-06); border: 1px solid var(--bd-01);}
.supply-rule__box:not(:first-child) {margin-top: 50rem;}
.supply-rule__box li {line-height: 1.5;}
.supply-rule__box [data-list="dot"] > *::before {top: 9rem;}

@media all and (max-width:1023px){
	.supply-section {margin-top: 60rem;}
	.supply-section .recruit-process__arrow {width: auto;}
	.supply-section .recruit-process__arrow:nth-child(4) {display: none;}
	.supply-process__list {display: grid; grid-template-columns: 1fr .2fr 1fr; row-gap: 30rem;}
	.supply-rule__inr {padding: 30rem;}
}

@media (max-width:540px){
	.supply-title p br {display: none;}
	.supply-section {margin-top:40rem;}
	.supply-section h4 {margin-bottom: 8rem;}
	.supply-section .recruit-process__arrow {width: 20rem; height: 20rem; margin: 0 auto; background-size: 15rem; transform: rotate(90deg);}
	.supply-section .recruit-process__arrow:nth-child(4),
	.supply-section .recruit-process__arrow:nth-child(6) {display: block;}
	.supply-process__list {grid-template-columns: 1fr; margin-top: 22rem; row-gap: 15rem;}
	.supply-process__item {padding: 10rem 10rem 20rem;}
	.supply-section:has([data-list="num"]) h4 {margin-bottom: 13rem;}
	.supply-section [data-list="num"] > * {align-items: flex-start; line-height: 1.5;}
	.supply-rule__inr {margin-top: 20rem; padding: 0; padding-top: 25rem; border: 0; border-top: 1px solid var(--bd-01); border-radius: 0;}
	.supply-rule__box:not(:first-child) {margin-top: 30rem;}
	.supply-rule__box h6 {margin-bottom: 15rem;}
	.supply-rule__box [data-list="dot"] > *::before {top: 7rem;}
}

/* 파트너사 */
.partner-cont-wrap {margin-top: 70rem; border-top: 1px solid var(--bd-01);}
.partner-nav {z-index:31; width:27%; padding: 80rem 0; padding-right: 40rem; border-right: 1px solid var(--bd-01);}
.partner-nav ul {position: sticky; top: 100rem;}
.partner-nav li {margin: 20rem 0;}
.partner-nav li a {position: relative; display: block; padding-left: 36rem; font-size: var(--font-20); font-weight: 600; color: var(--b-04); transition: var(--trans-01);}
.partner-nav li a::before {position: absolute; left:15rem; top:6rem; content:''; width: 10rem; height: 10rem; box-sizing: border-box; border-radius: 100%; border:2px solid var(--bd-01); transition: var(--trans-01);}
.partner-nav li.on a {color: var(--b-01);}
.partner-nav li.on a::before {border-color: var(--c-01); background: var(--c-01);}

.partner-nav li:nth-child(11) a {padding: 10rem 22rem; padding-left: 36rem; border-radius: 50rem; background: var(--bg-03);}
.partner-nav li:nth-child(12) a::before {left: 15rem; top: 16rem;}

.partner-section-wrap {width: 73%; padding-bottom:max(10.4167vw, 200rem); padding-left:80rem; }
.partner-section {padding:100rem 0 50rem;}
.partner-section:last-child {padding-bottom: 0;}
.partner-page h6 {display: block; margin-bottom: 12rem; font-size: 17rem; font-weight: 700;}
.partner-page [data-list] li {line-height: 1.5;}
.partner-page [data-list="dot"] > *::before {top: 9rem;}
.partner-page [data-list="line"] {margin-top: 6rem; color: var(--b-03);}
.partner-page [data-list="img"] {margin-top: 15rem;}
.partner-page [data-list="img"] figure {border: 1px solid var(--bd-02);}
.partner-page [data-list] > * {margin-bottom: 6rem;}
.partner-page [data-list="img"] > * {margin-bottom: 0;}
.partner-page *[class^="swiper-btn--"] {z-index: 31; position: absolute; top: 11vw; width: 42rem; height: 42rem; border-radius: 100%; background-color: #fff; border: 1px solid var(--bd-01);}
.partner-page *[class^="swiper-btn--"]::after {min-width: 12rem; height: 12rem; margin-left: -2rem; border-width: 0 2rem 2rem 0;}
.partner-page .multiple-slider:has(.swiper-slide p) *[class^="swiper-btn--"] {top: 10vw;}
.partner-page .swiper-slide {display: block; text-align: center;}
.partner-page .swiper-slide figure {border: 1px solid var(--bd-02);}
.partner-page .swiper-slide p {display: block; margin-top: 12rem; font-size: var(--font-18); font-weight: 600;}
.partner-page .swiper-btn--prev {left: 12rem;}
.partner-page .swiper-btn--next {right: 12rem;}
.partner-page .multiple-slider {position: relative;}
.partner-page .swiper-pagination {position: relative; margin-top: 30rem;}
.partner-section__title {position: relative; margin-bottom: 40rem; padding-right: 300rem;}
.partner-section__title em {display: block; margin:8rem 0 12rem; font-size: var(--font-15); font-weight: 500; color: var(--b-04); letter-spacing: -0.3px;}
.partner-section__title figure {overflow: hidden; position: absolute; right: 0; top: -8rem; width: 220rem; padding: 0 10rem; border: 1px solid var(--bd-02); border-radius: 100rem;}
.partner-section__tag {display: inline-flex; margin-bottom:20rem; padding: 7rem 14rem; font-size: var(--font-14); font-weight: 500; color: var(--b-03); border-radius: 50rem; background: #f0f0f0;}
.partner-section__cont .btn-wrap {position: absolute; right: 0; top: 0; display: inline-block;}
.partner-box {position: relative;}
.partner-box:has(.consult) figure {margin-top: 12rem;}
.partner-box:not(:last-child) {margin-bottom: 40rem;}
.partner-box h5 {margin-bottom:15rem;}
.partner-box h5:has(span) {display: flex; align-items: center;}
.partner-box h5 > span {display: inline-block; margin-left: 10rem; padding: 7rem 14rem; font-size: var(--font-14); font-weight: 500; color: var(--b-03); border-radius: 50rem; background: #f0f0f0;}
.partner-box h6:has(span) {display: flex; align-items: center;}
.partner-box h6 > span {display: inline-block; margin-left: 10rem; padding: 7rem 14rem; font-size: var(--font-14); font-weight: 500; color: var(--b-03); border-radius: 50rem; background: #f0f0f0;}
.partner-box h5 + .partner-box__inr {margin-top: 18rem;}
.partner-box__inr:not(:last-child) {margin-bottom: 22rem;}
.partner-page .consult {position: relative; display: block; margin-top: 10rem; font-size: var(--font-14); color: var(--b-04);}
.partner-box table {font-family: var(--lang-ko); line-height: 1.5;}
.partner-box table td:has(img) {padding: 15rem 0;}
.partner-box table img {display: inline-block; max-width: 100%;}
.partner-box table [data-flex] span {flex-shrink: 0; margin-right: 5rem;}
.partner-box table strong {display: block; margin-bottom: 5rem;}
.partner-box .bd-left {border-left: 1px solid var(--bd-01);}
.partner-box__process {margin: 35rem 0 40rem; padding: 10rem; border-radius: 200rem; border: 1px dashed var(--bd-02);}
.partner-box__process li {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200rem; height: 200rem; text-align: center; color:rgba(255, 255, 255, .7); border-radius: 100%; background: var(--bg-01);}
.partner-box__process strong {display: block; margin-top: 10rem; font-size: var(--font-18); font-weight: 700; color: var(--f-01);}
.partner-page [data-grid] {gap: 18rem !important;}
.partner-box__list li:has(em) {display: flex;}
.partner-box__list li em {position: relative; display: inline-block; min-width: 70rem; padding-right: 12rem; margin-right: 11rem; font-weight: 600;}
.partner-box__list li em::after {position: absolute; right: 0; top: 4rem; content:''; width: 1px; height: 14rem; background: var(--bd-02);}

#ps04 .partner-section__title figure {background-color: #005355;}

 @media all and (max-width:1200px){
	.partner-nav li a {word-break: break-all;}
 }

 @media all and (max-width:1023px){
	.partner-cont-wrap {margin-top: 52rem;}
	.partner-section-wrap {padding-left: 60rem;}
	.partner-section__title figure {width: 180rem;}
	.partner-box__process li {width: 180rem; height: 180rem; padding: 20rem;}
 }

 @media all and (max-width:860px){
	.partner-cont-wrap {margin-top: 30rem;}
	.partner-section-wrap {padding-left: 40rem;}
	.partner-section__title {padding-right: 160rem;}
	.partner-section__title figure {width: 140rem; height: 62rem; padding: 0;}
	.partner-page *[class^="swiper-btn--"] {width: 37rem; height: 37rem;}
	.partner-box__process li {width: 147rem; height: 147rem;}
	.partner-section__cont .btn-wrap {position: relative; margin: 14rem 0 10rem;}
 }

 @media all and (max-width:540px){
	.partner-cont-wrap .wrap {flex-direction: column;}
	.partner-nav {width: calc(100% + 40rem); margin: 0 -20rem; padding: 0; padding-right: 0; border-right: 0;}
	.partner-nav ul {position: relative; top: auto; display: grid; grid-template-columns: repeat(2, 1fr); padding-top: 0;}
	.partner-nav li {margin: 0;border-bottom: 1px solid var(--bd-01);}
	.partner-nav li a {position: relative; margin-bottom: 0; padding: 12rem 20rem; line-height: 1.5; font-size: 14rem; text-align: center;}
	.partner-nav li:nth-child(12) a {padding: 12rem 20rem; border-radius: 0;}
	.partner-nav li a::before {display: none;}
	.partner-nav li a::after {opacity: 0; position: absolute; left:0; bottom:0; content:''; width: 100%; height: 2px; background: var(--c-01);}
	.partner-nav li.on a::after {opacity: 1;}
	.partner-section-wrap {width: 100%; padding-left: 0; padding-top: 50rem; padding-bottom: 0;}
	.partner-section {padding: 70rem 0 0;}
	#ps01 {padding-top: 0;}
	.partner-section__tag {margin-bottom: 15rem;}
	.partner-section__title {margin-bottom: 25rem; padding-right: 125rem;}
	.partner-section__title h4 {word-break: break-all;}
	.partner-section__title figure {top: 0; width: 120rem; height: 50rem;}
	.partner-section__title em {margin: 5rem 0 12rem; font-size: 13rem;}
	.partner-box:not(:last-child) {margin-bottom: 25rem;}
	.partner-box h5 {margin-bottom: 10rem;}
	.partner-box h5 + .partner-box__inr {margin-top: 15rem;}
	.partner-page h6 {margin-bottom: 10rem; font-size: 15rem;}
	.partner-page [data-grid] {gap: 10rem !important;}
	.partner-page [data-grid="3"] {grid-template-columns: repeat(3, 1fr) !important;} 
	.partner-page *[class^="swiper-btn--"] {display: none;}
	.partner-page .swiper-pagination {margin-top: 22rem;}
	.partner-box__process {flex-wrap: wrap; justify-content: center; gap: 0 20rem; border-radius: 90rem;}
	.partner-box__process li {width: 150rem; height: 150rem;}
 }