@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative;margin-top: 5rem; z-index: 999;}
.sub-tab-list-style ul{display:flex; width:100%; height:100%; }
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:block; vertical-align:middle; position:relative; width: 25rem; height: 7rem;margin-right: 1.9rem;}
.sub-tab-list-style ul li a	{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; border: 1px dashed rgba(0,0,0,0.3); padding: 0 3rem; box-sizing: border-box; 
	font-size: 2rem; font-weight: 500; letter-spacing: -0.075em; color: rgba(102,102,102,0.9); transition: all 0.3s}
.sub-tab-list-style ul li a em{ font-weight: 500;}
.sub-tab-list-style ul li a i {font-size: 2.4rem;}
.sub-tab-list-style ul li.selected a {background: var(--main-color); border: 1px solid var(--mian-color); color: #fff;}

/* Tab Fixed Move*/

/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	/* .sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%} */
}
/* ****************** 공통 ********************** */
.cm-sub-top {padding-bottom: 10rem;}
.cm-sub-top .cm-sub-top-tit {position: relative; display: block; font-size: 6rem; font-weight: 700; letter-spacing: -0.025em; color: #000; line-height: 1.2; text-transform: uppercase; padding-bottom: 11rem;}
.cm-sub-top .cm-sub-top-tit:before {position: absolute; content: ''; width: 2.4rem; height: 0.2rem; background: #000; bottom: 6.5rem; left: 0;}
.cm-sub-top .cm-sub-top-txt {font-size: 5rem; font-weight: 800; letter-spacing: -0.075em; color: #000; line-height: 1.345;}
.font-pre {font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}


/* ****************** 01. Company ********************** */
/* **********  Company :: 국동 ********** */
.intro-con01 {padding-bottom: 14rem; border-top: 1px dashed rgba(0,0,0,0.2);}
.intro-con01 .top-line {fill-rule:evenodd; stroke:rgb(204, 204, 204); stroke-width:1px; stroke-linecap:butt; stroke-linejoin:miter; fill:none; stroke-dasharray: 4, 2;}
.intro-con01 .flow-txt-wrap {padding: 12rem 0; }
.intro-con01 .flow-txt {display: flex; white-space: nowrap;overflow: hidden; transition: all 0.3s; font-size: 12rem; font-weight: 700; letter-spacing: -0.050em; color: rgba(0,0,0,0.1); line-height: 1.2;}
.intro-con01 .flow-txt .txt {display: inline-block; padding-right: 2rem; animation: textLoop 8s linear infinite; }
@keyframes textLoop {
    0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }
    100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
    }
}
.intro-con01-txt-box {text-align: center;}
.intro-con01-tit p{position: relative; display: inline-block; font-size: 11.5rem; font-weight: 700; letter-spacing: -0.075em; line-height: 1.1; color: #000; padding-bottom: 4rem;}
.intro-con01-tit {position: relative; display: inline-block; font-size: 11.5rem; font-weight: 800; letter-spacing: -0.075em; line-height: 1.1; color: #000; padding-bottom: 4rem;}
.intro-con01-tit em {font-weight: 700;}
.intro-con01-tit:before {position: absolute; content: ''; top: 1.2rem; left: -4rem; width: 1.7rem; height: 1.7rem; border-radius: 1.7rem; background: var(--main-color);}
.intro-con01-txt01 {font-size: 2.5rem; font-weight: 600; letter-spacing: -0.075em; line-height: 1.3; color: #000; padding-bottom: 3rem;}
.intro-con01-txt02 {font-size: 1.7rem; font-weight: 400; letter-spacing: -0.050em; line-height: 1.41; color: rgba(0,0,0,0.7); padding-bottom: 2.2rem;}
.intro-con01-txt02:last-of-type {padding-bottom: 0;}
.intro-con02 {background: url('/images/content/intro_bg.jpg') no-repeat right 0 top 0; background-size: cover; padding: 10.6% 0 11.6%;}
.intro-con02 .intro-con02-inner {display: flex;}
.intro-con02-inner .year {position: relative; display: inline-block; width: 25rem; box-sizing: border-box; font-size: 10rem; font-weight: 900; font-style: italic; letter-spacing: -0.025em; color: #393939; padding: 2rem 3rem 0 7rem;}
.intro-con02-inner .year em {position: absolute; top: -1.5rem; left: -1rem;  font-size: 11rem; font-weight: 300; font-style: italic; letter-spacing: -0.075em; color: #fff; }
.intro-con02-inner .year .txt-box {width: calc(100% - 25rem);}
.intro-con02-inner .intro-con02-txt01 {font-size: 3.65rem; font-weight: 500; letter-spacing: -0.035em; color: #fff; line-height: 1.3; padding-bottom: 2.5rem;}
.intro-con02-inner .intro-con02-txt02 {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: rgba(255,255,255,0.5); line-height: 1.83;}

/* **********  Company :: HISTORY ********** */
.history-con-wrapper {position: relative; background: #f6f6f6;}
/* 연혁 fixed 부분 */
/* .history-con-wrapper .history-fixed-con {width: 38.43%; padding: 15rem 0 21rem;} */
.history-tab-wrapper-style {position: absolute; width: 100%; top: 15rem; left: 0;}
.history-tab-wrapper-style .tit-box {margin-bottom: 8rem;}
.history-tab-wrapper-style .tit-box h5 {position: relative; display: inline-block; padding-bottom: 6rem; font-size: 14rem; font-weight: 700; letter-spacing: -0.025em; color: #000; z-index: 1;}
.history-tab-wrapper-style .tit-box h5:before {position: absolute; content: 'Since'; font-size: 10rem; font-weight: 700; letter-spacing: -0.025em; color: #d5d5d5; right: -4.5rem; bottom: 2.5rem; z-index: -1;}
.history-tab-wrapper-style .tit-box .txt01 {font-size: 2rem; line-height: 1.2; font-weight: 600; color: #000; padding-bottom: 4rem;}
.history-tab-wrapper-style .tit-box .txt02 {font-size: 1.55rem; font-weight: 400; line-height: 1.54; letter-spacing: -0.025em; color: rgba(0,0,0,0.65);}
.history-tab-list-style ul li {margin-bottom: 2rem;}
.history-tab-list-style ul li a {display: inline-block; width: 100%; height: 100%; }
.history-tab-list-style ul li a em {position: relative; font-size: 4.5rem; font-weight: 700; font-style: italic; letter-spacing: -0.025em; line-height: 1; color: #e8e8e8;  transition: color 0.2s;}
.history-tab-list-style ul li a em:before{position: absolute; content: ''; width: 105%; height: 0.3rem; background: #000; bottom: 0.5rem; left: 0;  opacity: 0; transition: opacity 0.2s;}
.history-tab-list-style ul li.selected a em {color: #000;}
.history-tab-list-style ul li.selected a em:before {opacity: 1;}

/* 연혁 내용 */
.history-drop-open-btn-style {display: none;}
.history-con-wrapper .history-tab-content-style { display: flex; flex-direction: column; align-items: end; background: #f6f6f6;}
.history-tab-con { min-width: 100rem; background: #fff; padding: 0 7.2rem 0 9.3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.history-tab-con:first-of-type {padding-top: 5rem;}
.history-tab-con:last-of-type {padding-bottom: 5rem;}
/* Year */
.history-year-item {position:relative; display:flex; justify-content:space-between; padding:5rem 0; border-bottom:1px dashed #cccccc; }
.history-year-item .history-year{position:relative; z-index:1; width:20rem; color: var(--main-color); font-weight:900; font-size:3.8rem;}
.history-year-item .history-year strong {font-weight: 900;}
.history-tab-con:last-of-type .history-year-item:last-of-type {border-bottom: 0;} 
/* Month */
.history-month-box{position:relative; width:calc(100% - 20rem); padding-top: 0.5rem;}
.history-month-box .history-month-item{position:relative; display:flex; line-height:1.4; margin-bottom:1.5rem}
.history-month-box .history-month-item:last-of-type {margin-bottom: 0;}
.history-month-box .history-month-item .history-month{width:5rem; display:block; font-size:1.8rem; font-style: italic; font-weight: 900; color:#000000}
.history-month-box .history-month-item .history-detail-txt-con{width:100%;}
.history-month-box .history-month-item .history-month + .history-detail-txt-con{width:calc(100% - 5rem); }
.history-month-box .history-month-item .history-detail-txt{color: #343434; font-size:1.8rem; font-weight: 500; letter-spacing:-0.040em; line-height: 1.3; margin-bottom:1.5rem; word-break:keep-all; }
.history-month-box .history-month-item .history-detail-txt:last-of-type{margin-bottom:0} 

/* fixed */
@media all and (min-width:1024px){
	.history-con-wrapper.fixed .history-tab-wrapper-style {position: fixed;}
	.history-con-wrapper.bottom-fixed .history-tab-wrapper-style {position: absolute; top: auto; bottom: 20rem;}
}
@media all and (min-width:801px){
	.history-con-wrapper.fixed .history-tab-wrapper-style {position: fixed;}
	.history-con-wrapper.bottom-fixed .history-tab-wrapper-style {position: absolute; top: auto; bottom: 9rem;}
}

@media all and ( max-width:800px ){
	/* 우측영역 :: Year */
	.history-year-group-tit + .history-year-list-box{margin-left:0;}
	.history-year-item .history-year{width:10rem;}
	.history-month-box{width:calc(100% - 10rem)}
}

/* **********  Company :: ViSION ********** */
.vision-page .cm-sub-top {padding-bottom: 10rem;}
.vision-con-tit {position: relative; display: inline-block;  font-size: 3rem; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.1; padding-top: 0.8rem;}
.vision-con-tit:before {position: absolute; content: ''; width: 0.7rem; height: 0.7rem; background: var(--main-color); border-radius: 0.7rem; top: 0; left: -0.5rem;} 
/* Mission */
.vision-con01 {position: relative; background: url('/images/content/vision_bg.jpg') no-repeat center/cover; margin-bottom: 24rem; padding: 10% 0% 15% 8%;}
.vision-con01 .vision-con-tit {color: #fff;}
.vision-con01-tit-box {position: relative; padding: 13rem 0 0rem ;}
.vision-con01-tit-box .tit {font-size: 14rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1; color: var(--main-color);}
.vision-con01-tit-box .tit-w {color: #fff; position: relative; top: -5.3rem; padding-left: 6.5rem;}
.vision-con01-txt-box .vision-con01-txt01 {font-size: 4rem; font-weight: 700; letter-spacing: -0.075em; color: #fff; line-height: 1.3;}
.vision-con01-txt-box .vision-con01-txt02 {font-size: 2.1rem; font-weight: 300; letter-spacing: -0.055em; color: #c4c4c4; line-height: 1.57; padding-top: 2.5rem;}

/* Core Value */
.vision-con02 {position: relative; padding-bottom: 31.5rem; overflow: hidden;}
.vision-con02:before {position: absolute; content: ''; width: 100%; height: 100%; background: #f6f6f6; z-index: -1; top: 40%; left: 0;}
.vision-con02-list {position: relative; display: flex; margin: 0 -1.2%; padding-top: 2rem;}
.vision-con02-list li {position: relative; width: 22.6%; margin: 0 1.2%; background: #fff; border: 1px dashed #8d8d8d; padding: 6rem 3rem; min-height:38rem;box-sizing: border-box;
	box-shadow: 8px 8px 25px rgba(37,37,37,0.08); top: 5rem; opacity: 0; transition: all 1.2s ease;}
.vision-con02-list li .item-tit {font-size: 4rem; font-weight: 900; letter-spacing: -0.050em; line-height: 1.1; color: #000; padding-bottom: 2.2rem;}
.vision-con02-list li .item-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.040em; line-height: 1.35; color: #666666;}
.vision-con02-list li .item-num {position: absolute; right: 6rem; bottom: 2rem; font-size: 8rem; font-weight: 700; letter-spacing: -0.050em; line-height: 1; color: #f1054d;}
.vision-con02-list li .item-num:before {position: absolute; content: ''; width: 7.5rem; height: 7.5rem; border: 1px dashed rgba(241,5,77,0.4); border-radius: 50%; top: -2rem; right: -3rem;}
.vision-con02-list li .item-num:after {position: absolute; content: ''; width: 0.9rem; height: 0.9rem; border-radius: 0.9rem; background: #f1054d;top: -1.8rem;  right: -1.5rem;}
.vision-con02-list li:nth-child(2),
.vision-con02-list li:nth-child(4) {top: 17.5rem;}
.vision-con02-list li:nth-child(2) .item-num {color: #00bf5a;}
.vision-con02-list li:nth-child(2) .item-num:before {border: 1px dashed rgba(0,191,90,0.4);}
.vision-con02-list li:nth-child(2) .item-num:after {background: #00bf5a;}
.vision-con02-list li:nth-child(3) .item-num {color: #00baff;}
.vision-con02-list li:nth-child(3) .item-num:before {border: 1px dashed rgba(0,186,255,0.4);}
.vision-con02-list li:nth-child(3) .item-num:after {background: #00baff;}
.vision-con02-list li:last-child .item-num {color: #ffbc00;}
.vision-con02-list li:last-child .item-num:before {border: 1px dashed rgba(255,188,0,0.4);}
.vision-con02-list li:last-child .item-num:after {background: #ffbc00;}

@media all and (min-width:801px){
	.vision-con02.animated .vision-con02-list li:first-child {top: 0; opacity: 1;}
	.vision-con02.animated .vision-con02-list li:nth-child(2) {top: 12.8rem; opacity: 1; transition-delay:0.4s;}
	.vision-con02.animated .vision-con02-list li:nth-child(3) {top: 0; opacity: 1; transition-delay:0.8s}
	.vision-con02.animated .vision-con02-list li:last-child {top: 12.8rem; opacity: 1; transition-delay:1.2s} 
}
@media all and (max-width:800px){
	.vision-con02.animated .vision-con02-list li:first-child {top: 0; opacity: 1;}
	.vision-con02.animated .vision-con02-list li:nth-child(2) {top: 0; opacity: 1; transition-delay:0.4s;}
	.vision-con02.animated .vision-con02-list li:nth-child(3) {top: 0; opacity: 1; transition-delay:0.8s}
	.vision-con02.animated .vision-con02-list li:last-child {top: 0; opacity: 1; transition-delay:1.2s} 
}
@media all and (max-width:480px){
	.vision-con01 {background-position-x: 60% !important;}
}

/* **********  Company :: LOCATION ********** */
.location-page {padding-bottom: 15rem;}
.location-page .cm-sub-top {padding-bottom: 0;}
.map-con {}
.map-con iframe {max-width: 100%;}
.location-con {position: relative; margin-top: 5.3rem; }
.location-con .adress-box .adress-box-top {font-size: 4rem; font-weight: 700; letter-spacing: -0.075em; line-height: 1.3; color: #232323; padding-bottom: 2.5rem; border-bottom: 1px solid #e5e5e5;}
.location-con .adress-box .adress-box-bottom {display: flex; padding-top: 3rem;}
.location-con .adress-box .adress-box-bottom p {margin-right: 3rem; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: #8d8d8d; line-height: 1.3;}
.location-con .adress-box .adress-box-bottom p span {display: inline-block; color: rgba(35,35,35,0.9); padding-left: 2rem;}
.location-con .link-box {position: absolute;  right: 0; top: 0; display: flex;}
.location-con .link-box a {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 15rem; height: 15rem; border-radius: 50%; border: 1px dashed #a7a7a7; background: #fff; transition: all 0.3s;}
.location-con .link-box a:first-of-type {margin-right: 2rem;}
.location-con .link-box a i.icon {font-size: 3.2rem; color: #000;}
.location-con .link-box a p {font-size: 1.7rem; letter-spacing: -0.075em; color: #232323; font-weight: 600; padding: 0.5rem 0;}
.location-con .link-box a .xi-long-arrow-right {font-size: 1.6rem; color: #000; opacity: 0.5;}
.location-con .link-box a:hover {background: #000000; border: 1px solid #000; }
.location-con .link-box a:hover i.icon ,
.location-con .link-box a:hover p,
.location-con .link-box a:hover .xi-long-arrow-right {color: #fff;}

/* ****************** 02. Business ********************** */
.con-full-height {height:var(--full-height);}
.business-page .cm-sub-top {padding-bottom: 3.5rem;}
.business-con01-top {position: relative; margin-bottom: 15rem; z-index: 10;}
.business-con01-txt01 {font-size: 2.6rem; font-weight: 700; letter-spacing: -0.075em; line-height: 1.38; color: rgba(0,0,0,0.9); padding-bottom: 1.5rem;}
.business-con01-txt02 {font-size: 2rem; font-weight: 500; letter-spacing: -0.075em; line-height: 1.5; color: #666666; opacity: 0.9;}
/* 풀페이지 */
.business-con-full-box {display: flex; flex-wrap: wrap; align-items: center; background: #f9f9f9;}
.business-con-full-box.reverse {flex-direction: row-reverse;}
/* 풀페이지 :: 이미지 영역 */
.business-con-full-box .img-box {position: relative; display: flex; align-items: center; justify-content: center; width: 50%; height: 100%; overflow: hidden; z-index: 1;}
.business-con-full-box .img-box .img-box-bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.business-con-full-box .img-box .img-bg-list {position: absolute !important;  top: 0; left: 0; width: 100%;height: 100% !important; display: block;}
.business-con-full-box .img-box .img-bg-list .slick-list,
.business-con-full-box .img-box .img-bg-list .slick-track{height: 100% !important;}
.business-con-full-box .img-box .img-bg-list-item {width: 100%; height: 100%; overflow: hidden;}
.business-con-full-box .img-box .img-bg-list-item img{width: 100%; height: 100%; -webkit-filter: blur(10px); filter: blur(10px); transform: scale(1.05);}
.business-con-full-box .img-box .img-box-inner {width: 55.6rem; max-height: 83.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1000;}
.business-con-full-box .img-box .img-box-inner .img-list {height: 100%;}
.business-con-full-box .img-box .img-box-inner .slick-list,
.business-con-full-box .img-box .img-box-inner .slick-track{width: 100%; height: 100% !important;}
.business-con-full-box .img-box .img-box-inner .img-list li img{max-width: 100%; max-height: 100%;}
/* 풀페이지 :: 텍스트 영역 */
.business-con-full-box .txt-box {position: relative; width: 50%; height: 100%; padding: 0 15rem 0 20rem; box-sizing: border-box;display: flex; flex-direction: column; justify-content: center;} 
.business-con-full-box .txt-box .tit {position: relative; font-size: 5rem; font-weight: 800; line-height: 1.2; letter-spacing: -0.065em; color: #000; }
.business-con-full-box .txt-box .tit span {display: inline-block; position: absolute; left: 4rem; bottom: -3rem; font-size: 5.5rem; font-weight: 700; color: rgba(0,0,0,0.1);}
.business-con-full-box .txt-box .txt01 {font-size: 2.6rem; font-weight: 500; line-height: 1.26; letter-spacing: -0.025em; color: #000;padding-top: 8.5rem;} 
.business-con-full-box .txt-box .txt02 {font-size: 1.8rem; font-weight: 400; line-height: 1.67; letter-spacing: -0.055em; color: rgba(0,0,0,0.66);padding-top: 4.5rem;}
.business-con-full-box .txt-box .business-btn-controls-box {padding-top: 7rem;}
.business-con-full-box .txt-box .business-btn-controls-box button {display: inline-block; width: 5.5rem; height: 5.5rem; line-height: 5.5rem; border-radius: 50%; text-align: center; 
	font-size: 1.6rem; color: #000; background: #fff; box-sizing: border-box; box-shadow: 2px 2px 10px rgba(34,34,34,0.09); cursor: pointer; transition: all 0.3s;}
.business-con-full-box .txt-box .business-btn-controls-box .arrow-next {margin-left: 0.9rem;}
.business-con-full-box .txt-box .business-btn-controls-box button:hover {background: #000; color: #fff;}
/* 상단 텍스트 */
.business-con-top {position: relative; padding-top: 15rem; margin-top: 15rem; padding-bottom: 13rem;}
.business-con-top .business-con-tit {position: relative; font-size: 6rem; font-weight: 800; letter-spacing: -0.075em; line-height: 1; color: #000; padding-bottom: 13rem;}
.business-con-top .business-con-tit:before {position: absolute; content: ''; width: 2.4rem; height: 0.2rem; background: #000; bottom: 6.5rem; left: 0;}
.business-con-top .business-con-sub-tit {font-size: 5rem; font-weight: 800; letter-spacing: -0.075em; line-height:1.2; color: #000; padding-bottom: 4.5rem;} 
.business-con-top .business-con-sub-txt {font-size: 2.6rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.38; color: rgba(0,0,0,0.9);}

/* ****************** 03. Global ********************** */
/* **********  Global :: 해외생산기지 ********** */
.overseas-page .cm-sub-top {position: relative; padding-bottom: 0; z-index: 1;}
.overseas-page .cm-sub-top .cm-sub-top-txt {display: inline-block; width: 50%; float: left;}
.overseas-page .cm-sub-top .cm-sub-top-txt02 {display: inline-block; width: 50%; float: left; font-size: 2.5rem; letter-spacing: -0.075em; font-weight: 600; color: #000; line-height: 1.8;}
/* 상단네트위크 */
.overseas-page .global-map-con {margin-top: -14rem;}
/* .overseas-page .main-global-con {margin-top: -14rem;} */
.overseas-page .head-office-box {margin-top: -15%; margin-left: -27.0%;}
.overseas-page .global-nation-box .nation-circle.nation01 {margin-left: -35.5%; margin-top: -0.4%;}
.overseas-page .global-nation-box .nation-circle.nation02 {margin-left: -29.3%; margin-top: 4.8%; }
.overseas-page .global-nation-box .nation-circle.nation03 {margin-left: -23.4%; margin-top: 2.6%;}
.overseas-page .global-nation-box .nation-circle.nation04 { margin-left: -24.1%; margin-top: 12%;}
.overseas-page .global-nation-box .nation-circle.nation05 { margin-left: -23.5%; margin-top: 11.2%;}
.overseas-page .global-nation-box .nation-circle.nation06 { margin-left: -22.8%; margin-top: 12%;}
.overseas-page .global-nation-box .nation-circle.nation07 { margin-left: 31.6%; margin-top: -4.5%;} 
.overseas-page .global-nation-box .nation-circle.nation08 { margin-left: 33.2%; margin-top: 0.1%;}
.overseas-page .global-nation-box .nation-circle.nation09 {margin-left: 34.1%; margin-top: -0.3%;}
.overseas-page .global-info-box { margin-top: -30rem; margin-left: -20.7rem;}
/* 생산기지 소개 */
.production-base-con {position: relative; margin-top: -25rem; padding-bottom: 10rem;}
.production-base-tit {font-size: 5.5rem; font-weight: 800; line-height: 1.3; letter-spacing: -0.075em; color: #000000; padding-bottom: 6.5rem;}
.production-base-list {display: flex; flex-wrap: wrap; margin: -4.5rem -5%; padding-bottom: 20rem;}
.production-base-list:last-of-type {padding-bottom: 0;}
.production-base-list li {width: 40%; margin: 4.5rem 5%;}
.production-base-list li img {max-width: 100%;}
.production-base-list li .info-box {position: relative; padding: 4.5rem 0 0 6.8rem;}
.production-base-list li .info-box:before {position: absolute; content: ''; width: 3.8rem; height: 3.3rem; top: 4.5rem; left: 0; z-index: 10;}
.production-base-list li.korea .info-box:before {background: url('/images/content/global_flag_img07.png')no-repeat center/cover;}
.production-base-list li.usa .info-box:before {background: url('/images/main/global_flag_img01.png')no-repeat center/cover;}
.production-base-list li.indonesia .info-box:before {background: url('/images/main/global_flag_img02.png')no-repeat center/cover;}
.production-base-list li.mexico .info-box:before {background: url('/images/main/global_flag_img03.png')no-repeat center/cover;}
.production-base-list li .info-box .info-name {/* position: relative; */ display: inline-block; font-size: 3rem; font-weight: 700; letter-spacing: -0.025em; color: #000; line-height: 1.3; padding-bottom: 2rem;}
.production-base-list li .info-box .info-name:after {position: relative; display: inline-block; vertical-align: top; content: ''; width: 1rem; height: 1rem; border-radius: 1rem; background: var(--main-color); margin-left: 0.5rem;}
.production-base-list li .info-box .info-txt {display: flex; font-size: 1.8rem; font-weight: 400; line-height: 1.83; letter-spacing: -0.025em; color: #000;}
.production-base-list li .info-box .info-txt dt {width: 6.5rem; letter-spacing: -0.075em; color: #666666;}
.production-base-list li .info-box .info-txt dd {width: calc(100% - 6.5rem);}

/* **********  Global :: 연구개발 ********** */
.rnd-con01 {text-align: center; padding-bottom: 22rem;}
.rnd-con01 .rnd-con01-tit {position: relative; padding: 3.5rem 13.5rem;}
.rnd-con01 .rnd-con01-tit span {position: absolute; display: inline-block; width: 12.3rem; height: 12.6rem; top: 4rem; right: 20.5rem;}
.rnd-con01 .rnd-con01-tit span img {max-width: 100%;}
.rnd-con01 .rnd-svg .path01 {fill-rule:evenodd; stroke:none; stroke-width:1px; stroke-linecap:butt; stroke-linejoin:miter; fill:rgb(241, 5, 77); stroke-dasharray: 4, 2; }
.rnd-con01 .rnd-svg .path02 {fill-rule:evenodd; fill: #000000;}
.rnd-con01 .rnd-con01-txt {font-size: 2.1rem; font-weight: 300; letter-spacing: -0.075em; line-height: 1.57; color: #7e7e7e; padding-top: 3rem;}
.rnd-con02 {position: relative; padding-bottom: 20rem;}
.rnd-con02 .rnd-con02-list {display: flex; padding: 0 8rem; margin: 0 -3%;}
.rnd-con02 .rnd-con02-list li {width: 27.333%; margin: 0 3%; text-align: center;}
.rnd-con02 .rnd-con02-list li:nth-child(2) {margin-top: -6.5rem;}
.rnd-con02 .rnd-con02-list li img {max-width: 100%; border-radius: 100%; box-shadow: 10px 10px 25px rgba(0,0,0,0.17);}
.rnd-con02 .rnd-con02-list li strong {display: inline-block; font-size: 2.5rem; letter-spacing: -0.065rem; line-height: 1.3; font-weight: 700; color: #000; padding-top: 4.2rem;}
.rnd-con02 .rnd-con02-bg {position: absolute; top: 6.5rem; left: 0; width: 100%; text-align: center; z-index: -1;}
.rnd-con02 .rnd-con02-bg .circle-line {position: absolute; top: 0; left: -55%; display: block; width: 200%; height: 0; padding-top: 300%; border-radius: 50%; border: 1px dashed var(--main-color);}
.rnd-con02 .rnd-con02-bg .circle-line.line02 {border: 1px dashed #8ebfd2; margin-left: 4.6%;}
.rnd-con02 .rnd-con02-bg .circle-line.line03 {border: 1px dashed #d1d1d1; left: -44.5%;}

/* **********  Global :: 글로벌 바이어 ********** */
.global-buyers-page .cm-sub-top {padding-bottom: 0;}
.global-buyers-list {display: flex; flex-wrap: wrap; margin: -1rem -0.8%;}
.global-buyers-list li {display: flex; align-items: center; justify-content: center; width: 18.4%; margin: 1rem 0.8%; background: #fff; box-shadow: 10px 10px 25px rgba(0,0,0,0.08); padding: 1rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; min-height: 12rem;}
.global-buyers-list li img {max-width: 100%;}

/* ****************** 06. Careers ********************** */
/* **********  Careers :: 인재상 ********** */
.talent-page .cm-sub-top {padding-bottom: 0;}
.talent-tit-con {position: relative; padding-top: 22rem; background: url('/images/content/talent_tit_bg_n.png') no-repeat center; margin-bottom: 3rem; /* background-size: contain; */}
.talent-tit-con .talent-tit {position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%); font-size: 3rem; font-weight: 300; letter-spacing: -0.025em; color: #dddddd;text-align: center; /* margin-left: -21%; */}
.talent-list {display: flex; padding: 0 9.5rem; margin: 0 -3.5%;}
.talent-list li {width: 26.33%; margin: 0 3.5%; text-align: center;}
.talent-list li:nth-child(2) {margin-top: 10.5rem;}
.talent-list li .img {border: 1px dashed rgba(0,0,0,0.1); padding: 2.3rem; box-sizing: border-box; border-radius: 100%;}
.talent-list li .img img {max-width: 100%; border-radius: 100%; box-shadow: 15px 15px 30px rgba(37,37,37,0.08);}
.talent-list li .list-tit {font-size: 3.2rem; font-weight: 800; letter-spacing: -0.050em; color: #000; line-height: 1.2; padding-top:4rem;}
.talent-list li .list-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.040em; color: #666666; line-height: 1.35; padding-top: 2.5rem;}

/* **********  Careers :: 복리후생 ********** */
.welfare-page .cm-sub-top {padding-bottom: 6rem;}
.welfare-list {display: flex; flex-wrap: wrap; margin: -1rem -0.8%;}
.welfare-list li {width: 23.4%; margin: 1rem 0.8%; border: 1px dashed #8d8d8d; background: #fff; box-sizing: border-box; min-height: 25rem; padding: 6rem 0; text-align: center;
	box-shadow: 15px 15px 30px rgba(37,37,37,0.08); transition: all 0.3s;}
.welfare-list li.bg-g {background: #f9f9f9;}
.welfare-list li .icon {display: inline-block; width: 6rem; height: 6rem;}
.welfare-list li .icon .icon_w {display: none;}
.welfare-list li .welfare-tit {font-size: 2rem; font-weight: 600; letter-spacing: -0.065em; color: #232323; line-height: 1.3; padding-top: 2.5rem;}
.welfare-list li .welfare-txt {font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; color: #666666; line-height: 1.3; padding-top: 0.5rem;}
.welfare-list li.active {background: #f1054d; border: 1px solid #f1054d;}
.welfare-list li.active .icon .icon_b {display: none;}
.welfare-list li.active .icon .icon_w {display: inline-block;}
.welfare-list li.active .welfare-tit {color: #fff;}
.welfare-list li.active .welfare-txt  {color: #fff;}

/* **********  Careers :: 직무소개 ********** */
.job-page .cm-sub-top {padding-bottom: 0;}
.job-con {position: relative; padding: 14.5rem 0; overflow: hidden;}
.job-con .job-con-bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.05);}
.job-con .job-list {display: flex; margin: -14.5rem -1.35rem 0;}
.job-con .job-list li {position: relative; width: calc(25% - 2.7rem); margin: 0 1.35rem; border: 1px dashed #8d8d8d; background: #fff; padding: 6rem 3.5rem; box-sizing: border-box;
	min-height: 44.7rem; box-shadow: 5px 5px 25px rgba(37,37,37,0.08); transition: all 0.3s;}
.job-con .job-list li:nth-child(2n) {background: #f9f9f9;}
.job-con .job-list li .icon {position: absolute; display: inline-block; bottom: 4rem; right: 4rem; width: 6.3rem; height: 7rem; }
.job-con .job-list li .icon .icon_w {display: none;}
.job-con .job-list li .icon img {max-width: 100%;}
.job-con .job-list li .job-item-tit {font-size: 4rem; font-weight: 800; letter-spacing: -0.050em; line-height: 1.3; color: #000; padding-bottom: 4rem;}
.job-con .job-list li .job-item-txt .txt {position: relative; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.050em; line-height: 1.3; color: #333333; padding-left: 1.2rem; margin-bottom: 1rem;}
.job-con .job-list li .job-item-txt .txt:before {position: absolute; content: ''; width: 0.3rem; height: 0.3rem; border-radius: 0.3rem; background: rgba(0,0,0,0.2); left: 0; top: 10px;}
.job-con .job-list li.active {background: #f1054d; border: 1px solid #f1054d;}
.job-con .job-list li.active .icon .icon_b {display: none;}
.job-con .job-list li.active .icon .icon_w {display: inline-block;}
.job-con .job-list li.active .job-item-tit {color: #fff;}
.job-con .job-list li.active .job-item-txt .txt {color: #fff;}
.job-con .job-list li.active .job-item-txt .txt:before {background: rgba(255,255,255,0.8); }

/* **********  Careers :: 채용공고 ********** */
.recruit-con .recruit-con-tit {display: block; font-size: 3rem; font-weight: 800; letter-spacing: -0.050em; line-height: 1.3; color: #000; position: relative;}
.recruit-con .recruit-con-tit:before {position: absolute; content: ''; width: 0.7rem; height: 0.7rem; border-radius: 0.7rem; background: var(--main-color); left: -0.7rem; top: 0;}
.recruit-con .paging {margin-top: 7rem;}
/* 채용절차 */
.recruit-process {padding-bottom: 9.5rem;}
.recruit-process .recruit-con-tit {padding-bottom: 7rem;}
.recruit-process .recruit-process-list {display: flex; border: 1px dashed #8d8d8d; box-shadow: 13px 13px 30px rgba(37,37,37,0.08); }
.recruit-process .recruit-process-list li {position: relative; width: calc(16.66% - 2.8rem); margin: 0 1.4rem; text-align: center; padding: 5.5rem 1rem 4.5rem; box-sizing: border-box;}
.recruit-process .recruit-process-list li:before {position: absolute; content: '\e90b'; left: 50%; margin-left: -64.5%; top: 50%; transform: translateY(-50%); font-size: 2.4rem; color: #000; font-family: xeicon;}
.recruit-process .recruit-process-list li i {font-size: 2.4rem; color: #000; margin-bottom: 2rem;}
.recruit-process .recruit-process-list li:first-child:before {display: none;}
.recruit-process .recruit-process-list li strong {display: block; font-size: 2rem; font-weight: 600; letter-spacing: -0.050em; color: #000; line-height: 1.3;}
.recruit-process .recruit-process-list li strong em {font-weight: 500;}

/* 채용공고 */
.recruit-page .bbs-no-list {border-top: 0; border-bottom: 0;}
.recruit-notice .recruit-con-tit {padding-bottom: 4.5rem;}
.recruit-notice-list {display: flex; flex-wrap: wrap; margin: -2.5rem -2rem;} 
.recruit-notice-list li {width: calc(33.33% - 4rem); margin: 2.5rem 2rem; border: 1px dashed #8d8d8d; box-sizing: border-box; padding: 5rem; min-height: 67.7rem; box-shadow: 15px 15px 32px rgba(37,37,37,0.08);}
.recruit-notice-list li .recruit-notice-list-inner { position: relative; display: block; width: 100%; height: 83%; padding-bottom: 3rem;}
.recruit-notice-list li .recruit-notice-list-inner .list-top {border-bottom: 1px dashed rgba(0,0,0,0.2); padding-bottom: 3rem;}
.recruit-notice-list li .recruit-notice-list-inner .list-top .list-tit {font-size: 4rem; font-weight: 700; letter-spacing: -0.055em; line-height: 1.3; color: #000; margin-bottom: 2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.recruit-notice-list li .recruit-notice-list-inner .list-top .list-category {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.055em; line-height: 1.3; color: rgba(0,0,0,0.8); margin-bottom: 1rem; overflow:hidden;
	display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.recruit-notice-list li .recruit-notice-list-inner .list-top .list-date {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.055em; line-height: 1.3; color: rgba(0,0,0,0.6);} 
.recruit-notice-list li .recruit-notice-list-inner .list-txt {padding-top: 3rem; font-size: 1.8rem;font-weight: 300; letter-spacing: -0.055em; line-height: 1.67; color: rgba(0,0,0,0.6); }
.recruit-notice-list li .recruit-notice-btn-box {display: flex; position: relative; width: 100%; }

.recruit-notice-list li .recruit-notice-btn-box .list-more { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 7rem; padding: 0 2rem; 
	box-sizing: border-box; background: #fff; border: 1px dashed rgba(0,0,0,0.2); -webkit-transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
.recruit-notice-list li .recruit-notice-btn-box .list-more:first-of-type {margin-right: 1rem}
.recruit-notice-list li .recruit-notice-btn-box .list-more.only {margin-right: 0; }
.recruit-notice-list li .recruit-notice-btn-box .list-more span {font-size: 1.9rem; font-weight: 500; color: #000; }
.recruit-notice-list li .recruit-notice-btn-box .list-more i {font-size: 2rem; color: #000;}
.recruit-notice-list li .recruit-notice-btn-box .list-more:hover  {background: #000000;}
.recruit-notice-list li .recruit-notice-btn-box .list-more:hover span {color: #fff;}
.recruit-notice-list li .recruit-notice-btn-box .list-more:hover i {color: #fff;}


/* ****************** 04. ESG ********************** */
/* **********  ESG :: 윤리경영 ********** */
.ethic-page .cm-sub-top {padding-bottom: 7rem;}
.ethic-con01 {padding-bottom: 14rem;}
.ethic-list {display: flex; margin: 0 -1.7rem;}
.ethic-list li {position: relative; width: calc(33.33% - 3.4rem); margin: 0 1.7rem; min-height: 60rem; border: 1px dashed #999999; box-sizing: border-box; box-shadow: 10px 10px 35px rgba(0,0,0,0.08)}
.ethic-list li a {display: block; width: 100%; height: 100%; padding: 6.5rem 2.5rem 4rem 3.8rem; box-sizing: border-box;}
.ethic-list li a strong {display: block; font-size: 3rem; font-weight: 700; letter-spacing: -0.065em; line-height: 1.3; color: #000; padding-bottom: 3.2rem;}
.ethic-list li a .ethic-list-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.065em; line-height: 1.83; color: rgba(0,0,0,0.66);}
.ethic-list li a .ethic-list-down {display: flex; flex-direction: column; justify-content: space-between; position: absolute; bottom: 4rem; left: 3.8rem; width: 17.5rem; height: 17.5rem; background: #f2f2f2; padding: 2rem; box-sizing: border-box; transition: all 0.3s }
.ethic-list li a .ethic-list-down span {font-size: 1.9rem; font-weight: 600; color: #000; line-height: 1.47; }
.ethic-list li a .ethic-list-down i {color: #c0c0c0; font-size: 3.6rem;}
.ethic-list li a:hover .ethic-list-down {background: var(--main-color);}
.ethic-list li a:hover .ethic-list-down span,
.ethic-list li a:hover .ethic-list-down i {color: #fff;}

/* 감시 프로그램 */
.ethic-con02-top {display: flex; flex-wrap: wrap;}
.ethic-con02-top h4 {width: 100%; font-size: 5.5rem; font-weight: 800; letter-spacing: -0.075em; line-height: 1.3; color: #000; padding-bottom: 3.5rem;}
.ethic-con02-top .ethic-con02-top-txt01 {width: 31%; font-size: 4rem; font-weight: 700; letter-spacing: -0.075em; line-height: 1.25; color: #000;}
.ethic-con02-top .ethic-con02-top-txt02 {width: 69%; font-size: 2.1rem; font-weight: 300; letter-spacing: -0.065em; line-height: 1.57; color: rgba(0,0,0,0.66); padding-left: 10rem;  box-sizing: border-box;}
.ethic-con02-inner {position: relative; padding-top: 10rem;}
.ethic-con02-inner .ethic-con02-inner-bg {position: absolute; width: 100%; height: 100%; top: -3.5rem; z-index: -1;}
.ethic-con02-inner .ethic-con02-inner-bg span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; border-radius: 50%; margin: 0 auto;}
.ethic-con02-inner .ethic-con02-inner-bg .bg01 {width: 84.7rem; height: 84.7rem; background: #fafafa;}
.ethic-con02-inner .ethic-con02-inner-bg .bg02 {width: 72.8rem; height: 72.8rem; background: #f5f5f5;}
.ethic-con02-inner .ethic-con02-inner-bg .bg03 {width: 58.9rem; height: 58.9rem; background: #f0f0f0;}
.ethic-con02-inner-box-wrap {position: relative; display: flex; margin: 0 -12rem;}
.ethic-con02-inner-box-wrap .center-circle {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 44.26rem; height: 44.26rem; border-radius: 50%; 
	background: url('/images/content/ethic_con02_circle_bg.png')no-repeat center/cover; display: flex; align-items: center; justify-content: center; z-index: 10; text-align: center;}
.ethic-con02-inner-box-wrap .center-circle h5 {font-size: 2.4rem; letter-spacing: -0.075em; line-height: 1.25; font-weight: 700; color: #fff;}
.ethic-con02-inner-box-wrap .inner-box {width: calc(50% - 24rem); margin: 0 12rem; text-align: center; border: 1px dashed #8d8d8d; background: #fff; min-height: 50rem; padding: 6rem; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2rem;}
.ethic-con02-inner-box-wrap .inner-box strong {display: inline-block; font-size: 2.8rem; font-weight: 700; letter-spacing: -0.055em; color: #000; line-height: 1.3; padding-bottom: 5.5rem;}
.ethic-con02-inner-box-wrap .inner-box dl dt {font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.3; color: var(--main-color);}
.ethic-con02-inner-box-wrap .inner-box dl dd {font-size: 1.7rem; font-weight: 300; letter-spacing: -0.055em; line-height: 1.52; color: #000;}
.ethic-con02-inner-box-wrap .inner-box.left-box dl {margin-bottom: 1.2rem;}
.ethic-con02-inner-box-wrap .inner-box.left-box dl:last-of-type {margin-bottom: 0;}
.ethic-con02-inner-box-wrap .inner-box.right-box dl {margin-bottom: 1.5rem;}
.ethic-con02-inner-box-wrap .inner-box.right-box dl dt,
.ethic-con02-inner-box-wrap .inner-box.right-box dl dd {display: inline-block;}
.ethic-con02-inner-box-wrap .inner-box.right-box dl:last-of-type {margin-bottom: 0;}
.ethic-con02-inner-bottom {display: flex; margin: 0 -0.8rem; padding-top: 7rem;}
.ethic-con02-inner-bottom li {display: flex; align-items: center; justify-content: center; position: relative; width: calc(11.1% - 1.6rem); height: 10rem; margin: 0 0.8rem; background: #fff; border-radius: 1rem; box-shadow: 7px 7px 20px rgba(0,0,0,0.08);}

.ethic-page .ethic-con02-inner-bottom li {width: calc(16.6% - 1.6rem);}

/* **********  ESG :: 환경경영 ********** */
.environment-page .cm-sub-top {padding-bottom: 4rem;}
/* 환경 관리 정책 */
.environment-con-top {padding-bottom: 14rem;}
.environment-con-top .envi-top-txt {font-size: 4rem; font-weight: 700; letter-spacing: -0.075em; line-height: 1.25; color: #000; padding-bottom: 5rem;}
.environment-con-top .envi-top-down {display: flex; align-items: center; justify-content: space-between; width: 31rem; height: 7rem; padding: 0 3rem; box-sizing: border-box; 
	font-size: 1.9rem; font-weight: 600; color: #000; border: 1px dashed rgba(0,0,0,0.2);}
.environment-con-top .envi-top-down em {color: rgba(0,0,0,0.3); font-weight: 500; font-size: 1.3rem; letter-spacing: -0.010em;}
.envi-top-list {display: flex; margin: 0 -5rem; padding-top: 9.5rem;}
.envi-top-list li {width: calc(50% - 10rem); margin: 0 5rem;}
.envi-top-list li img {max-width: 100%;}
.envi-top-list li .envi-top-list-txt01 {font-size: 3rem; font-weight: 700; letter-spacing: -0.065em; line-height: 1.33; color: #000; padding-top: 3.5rem;}
.envi-top-list li .envi-top-list-txt02 {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.065em; line-height: 1.83; color: rgba(0,0,0,0.66); padding-top: 1.7rem;}
/* 국동 재생 제품 생애 주기표  */
.environment-con-bottom {background: #f9f9f9; padding: 14rem 0;}
.environment-con-bottom .envi-bottom-tit {font-size: 4.2rem; font-weight: 700; letter-spacing: -0.075em; line-height: 1.3; color: #000; text-align: center;}
.environment-con-bottom .envi-bottom-txt {font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.67; color: #000;  text-align: center; padding-top: 1.5rem;}
.envi-life-cycle-wrap {padding: 14rem 0;}
.envi-life-cycle-wrap .envi-life-cycle {position: relative; width: 56.5rem; height: 56.5rem; margin: 0 auto; border-radius: 50%; border: 1px dashed #8d8d8d; display: flex; align-items: center; justify-content: center;}
.envi-life-cycle-wrap .envi-life-cycle .envi-life-cycle-circle {background: url('/images/content/environment_bottom_bg.png')no-repeat center/cover; width: 36rem; height: 36rem; 
	display: flex; flex-direction: column; align-items: center; justify-content: center;}
.envi-life-cycle-wrap .envi-life-cycle .envi-life-cycle-circle .circle-logo {display: inline-block; padding-top: 4.5rem;}
.envi-life-cycle-wrap .envi-life-cycle .envi-life-cycle-circle .circle-tit {font-size: 1.8rem; letter-spacing: -0.065em; line-height: 1.3; font-weight: 300; color: rgba(0,0,0,0.7); padding-top: 2rem;}
.envi-life-cycle-list {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.envi-life-cycle-list li {position: absolute; display: flex; align-items: center;}
.envi-life-cycle-list li:first-child,
.envi-life-cycle-list li:nth-child(5),
.envi-life-cycle-list li:last-child {flex-direction: row-reverse; text-align: right; left: -50%; }
.envi-life-cycle-list li:nth-child(2),
.envi-life-cycle-list li:nth-child(3),
.envi-life-cycle-list li:nth-child(4) {right: -50%;}
.envi-life-cycle-list li:first-child {top: 0; transform: translateX(63%);}
.envi-life-cycle-list li:nth-child(2) {top: 0; transform: translateX(-32%);}
.envi-life-cycle-list li:nth-child(3) {top: 50%;  transform: translate( -2rem,-50%);}
.envi-life-cycle-list li:nth-child(4) {bottom: 0;  transform: translateX(-75%);}
.envi-life-cycle-list li:nth-child(5) {bottom: 0;  transform: translateX(26%);}
.envi-life-cycle-list li:last-child {top: 50%;   transform: translate( 4rem,-50%);}
.envi-life-cycle-list li span {position: relative; display: block; width: 10rem; height: 10rem; border-radius: 50%; border: 1px dashed #8d8d8d; background: #fff; transition: all 0.3s;}
.envi-life-cycle-list li span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.envi-life-cycle-list li span .icon {}
.envi-life-cycle-list li span .icon_c { display: none;}
.envi-life-cycle-list li dl {width: calc(100% - 10rem); box-sizing: border-box;}
.envi-life-cycle-list li:first-child dl,
.envi-life-cycle-list li:nth-child(5) dl,
.envi-life-cycle-list li:last-child dl {padding-right: 3rem;}
.envi-life-cycle-list li:nth-child(2) dl,
.envi-life-cycle-list li:nth-child(3) dl,
.envi-life-cycle-list li:nth-child(4) dl {padding-left: 3rem;}
.envi-life-cycle-list li dl dt {font-size: 2rem; font-weight: 700; letter-spacing: -0.065em; color: #000; line-height: 1.2; padding-bottom: 1rem; transition: all 0.3s;}
.envi-life-cycle-list li dl dd {font-size: 1.6rem; font-weight: 300; letter-spacing: -0.025em; color: rgba(0,0,0,0.66); line-height: 1.5;}
.envi-life-cycle-circle-list {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.envi-life-cycle-circle-list li {position: absolute; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border-radius: 50%; border: 1px dashed #8d8d8d; background: #fff;
	font-size: 1.5rem; color: rgba(0,0,0,0.66); transition: all 0.3s;}
.envi-life-cycle-circle-list li:first-child {top: -1.2rem; left: 50%; transform: translateX(-50%);}
.envi-life-cycle-circle-list li:nth-child(2) {top: 25%; right: 1.5rem; transform: rotate(45deg);}
.envi-life-cycle-circle-list li:nth-child(3) {bottom: 25%; right: 1.5rem; transform: rotate(135deg);}
.envi-life-cycle-circle-list li:nth-child(4) {bottom: -1.2rem; left: 50%; transform: translateX(-50%);}
.envi-life-cycle-circle-list li:nth-child(5) {bottom: 25%; left: 1.5rem; transform: rotate(45deg);} 
.envi-life-cycle-circle-list li:last-child {top: 25%; left: 1.5rem; transform: rotate(135deg);}
/* active */
.envi-life-cycle-list li.active span {border: 1px solid var(--main-color); background: var(--main-color);}
.envi-life-cycle-list li.active span .icon {display: none;}
.envi-life-cycle-list li.active span .icon_c { display: inline-block;}
.envi-life-cycle-list li.active dl dt {color: var(--main-color);}
.envi-life-cycle-circle-list li.active {border: 1px dashed var(--main-color); color: var(--main-color);}

/* **********  ESG :: 지배구조 ********** */
.governance-page .cm-sub-top {padding-bottom: 0;}
/* 내부지배구조 */
.gover-con01 {padding: 29rem 0;}
.gover-con01 .gover-con01-inner {position: relative; width: 56.1rem; height: 56.2rem; margin: 0 auto;}
.gover-con01 .gover-con01-bg {width: 100%; height: 100%; padding: 3rem; box-sizing: border-box; background: url('/images/content/governance_con01_bg.png')no-repeat center/cover;}
.gover-con01 .gover-con01-bg .gover-con01-cir {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px dashed #a3a3a3; border-radius: 50%;  }
.gover-con01 .gover-con01-bg .gover-con01-cir img {max-width: 100%;}
.gover-con01-list {position: absolute; width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}
.gover-con01-list li {position: absolute; width: 27rem; height: 27rem; background: #fff; border: 1px solid #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;
	 box-sizing: border-box; box-shadow: 10px 10px 45px rgba(0,0,0,0.09); transition: all 0.3s;}
.gover-con01-list li:first-child {top: -22%; left: 50%; transform: translateX(-50%);}
.gover-con01-list li:nth-child(2) {bottom: 2.5rem; right: -17.5%;} 
.gover-con01-list li:last-child {bottom: 2.5rem; left: -17.5%;} 
.gover-con01-list li span {display: inline-block; width: 4.7rem; height: 4.9rem;}
.gover-con01-list li span img {max-width: 100%;}
.gover-con01-list li span .icon_p {display: none;}
.gover-con01-list li .item-txt01 {font-size: 1.6rem; font-weight: 300; letter-spacing: -0.025em; color: #ababab; line-height: 1.2; padding-top: 2.5rem;}
.gover-con01-list li .item-txt02 {font-size: 3rem; font-weight: 800; letter-spacing: -0.05em; color: #000000; line-height: 1.2; padding-top: 1rem; }
.gover-con01-list li.active {border: 1px solid var(--main-color); background: var(--main-color);}
.gover-con01-list li.active span .icon_p {display: inline-block;}
.gover-con01-list li.active span .icon {display: none;}
.gover-con01-list li.active .item-txt01,
.gover-con01-list li.active .item-txt02 {color: #fff;}


/* 대외지배구조 */
.gover-con02 {padding-top: 10rem;}
.gover-con02 .gover-con02-con01 {background: #f9f9f9; padding: 10rem 0 14rem;}
.gover-con02 .gover-con02-tit {font-size: 4.2rem; font-weight: 800; letter-spacing: -0.050em; color: #000; line-height: 1.42;} 
.gover-con02 .gover-con02-txt01 {font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; color: #000; line-height: 1.67; padding-top: 3rem;}
.gover-con02 .gover-con02-txt02 {font-size: 1.8rem; font-weight: 300; letter-spacing: -0.055em; color: rgba(0,0,0,0.66); line-height: 1.83; padding: 1.2rem 0 7.2rem;}
.gover-con02-con01-inner {position: relative; padding: 7rem 21rem;}
.gover-con02-con01-inner .gover-con02-con01-box{height: 48.5rem; border: 1px dashed #8d8d8d; display: flex; align-items: center; justify-content: center;}
.gover-con02-con01-inner .gover-con02-con01-box span img {max-width: 100%;}
.gover-con02-list01 {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.gover-con02-list01 li {position: absolute; display: flex; flex-direction: column; justify-content: start; width: 42rem; height: 29.5rem; background: #fff; border: 1px dashed #8d8d8d; padding: 4.2rem 5rem; box-sizing: border-box;}
.gover-con02-list01 li:nth-child(3) { justify-content: center;}
.gover-con02-list01 li:before {position: absolute; content: '\e93c'; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; background: #fff; border: 1px dashed #8d8d8d; border-radius: 50%; font-size: 1.5rem; color: #8d8d8d; font-family: xeicon;}
.gover-con02-list01 li:after {position: absolute; content: '\e945'; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; background: #fff; border: 1px dashed #8d8d8d; border-radius: 50%;font-size: 1.5rem; color: #8d8d8d; font-family: xeicon;}
.gover-con02-list01 li .list01-tit {font-size: 3.2rem; font-weight: 600; letter-spacing: -0.050em; line-height: 1.2; color: #000; padding-bottom: 1.2rem;}
.gover-con02-list01 li .list01-tit span {color: var(--main-color);}
.gover-con02-list01 li .list01-txt01 {font-size: 1.5rem; font-weight: 300; letter-spacing: -0.025em; line-height: 1.73; color: rgba(0,0,0,0.66);}
.gover-con02-list01 li .list01-txt02 {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: rgba(0,0,0,0.66); line-height: 1.83; padding-left: 1rem; position: relative;}
.gover-con02-list01 li .list01-txt02:before {position: absolute; content: ''; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: var(--main-color); left: 0; top: 1.2rem;}
.gover-con02-list01 li:first-child .list01-txt01:first-of-type {padding-bottom: 1.2rem;}
.gover-con02-list01 li:first-child {top: 0; left: 0;}
.gover-con02-list01 li:first-child:before {top: 6.1rem; right: -1.3rem;}
.gover-con02-list01 li:first-child:after{ bottom: -1.3rem; left: 50%; transform: translateX(-50%) rotate(180deg);}
.gover-con02-list01 li:nth-child(2) {top: 0; right: 0;}
.gover-con02-list01 li:nth-child(2):before {top: 6.1rem; left: -1.3rem; transform: rotate(180deg);}
.gover-con02-list01 li:nth-child(2):after{ bottom: -1.3rem; left: 50%; transform: translateX(-50%) rotate(180deg);}
.gover-con02-list01 li:nth-child(3) {bottom: 0; left: 0;}
.gover-con02-list01 li:nth-child(3):before {bottom: 6.1rem; right: -1.3rem;}
.gover-con02-list01 li:nth-child(3):after{ top: -1.3rem; left: 50%; transform: translateX(-50%);}
.gover-con02-list01 li:last-child {bottom: 0; right: 0;}
.gover-con02-list01 li:last-child:before {bottom: 6.1rem; left: -1.3rem;}
.gover-con02-list01 li:last-child:after{ top: -1.3rem; left: 50%; transform: translateX(-50%);}

.gover-con02-con02 {padding: 14rem 0 10rem;}
.gover-con02-list02 {position: relative; display: flex; flex-wrap: wrap; margin: 8rem -3.5rem 0;}
.gover-con02-list02:before {position: absolute; content: ''; width: calc(100% - 7rem); height: 0.1rem; border-bottom: 1px dashed #8d8d8d; top: 50%; left: 3.5rem; transform: translateY(-50%);}
.gover-con02-list02 li {position: relative; width: calc(33.33% - 7rem); margin: 0 3.5rem; background: #fff; border: 1px dashed #8d8d8d; box-sizing: border-box; padding: 3.5rem 4rem; 
	min-height: 30rem; box-shadow:10px 10px 35px rgba(0,0,0,0.08); transition: all 0.3s;}
.gover-con02-list02 li:before {position: absolute; content: '\e93f'; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 50%; border: 1px dashed #8d8d8d; background: #fff;
	left: 50%; margin-left: -63.5%; font-family: xeicon; top: 50%; transform: translateY(-50%); font-size: 1.8rem; color: #8d8d8d;}
.gover-con02-list02 li:first-child:before {display: none;}
.gover-con02-list02 li strong {display: block; position: relative; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.65; color: #000; padding-bottom: 3.5rem;}
.gover-con02-list02 li strong:before {position: absolute; content: ''; width: 2rem; height: 0.2rem; background: #000; bottom: 1.5rem; left: 0;}
.gover-con02-list02 li .txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.075em; color: #000; line-height: 1.44; } 
.gover-con02-list02 li span {display: inline-block; position: absolute; bottom: 4rem; left: 5rem; }
.gover-con02-list02 li .icon_w {display: none;}
.gover-con02-list02 li.active {background: var(--main-color); border: 1px dashed var(--main-color);}
.gover-con02-list02 li.active strong {color: #fff;}
.gover-con02-list02 li.active strong:before {background: #fff;}
.gover-con02-list02 li.active .txt {color: #fff;}
.gover-con02-list02 li.active .icon_w {display: inline-block;}
.gover-con02-list02 li.active .icon {display: none;}

/* **********  ESG :: 사회공헌 ********** */
.social-contribution-page .cm-sub-top {padding-bottom: 8rem;}
.social-contribution-txt {font-size: 1.8rem; font-weight: 300; line-height: 1.83; letter-spacing: -0.055em; color: rgba(0,0,0,0.66); padding-top: 5rem;}
.social-contribution-list {display: flex; flex-wrap: wrap; margin: 0 -1.3rem;}
.social-contribution-list li {width: calc(25% - 2.6rem); margin: 0 1.3rem; text-align: center;}
.social-contribution-list li img {max-width: 100%;}
.social-contribution-list li strong {display: block; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.055em; color: #000; line-height: 1.83; padding-top: 3rem;}


/* **********  ESG :: 250526 유지보수 JY ********** */
.ethic-list {flex-wrap: wrap;}
.ethic-list li {width: calc(25% - 3.4rem);}
.ethic-list li a {padding: 5.5rem 2.5rem 4rem 3.8rem;}
.ethic-list li a strong {font-size: 2.5rem; padding-bottom: 2rem;}
.ethic-list li a strong em {font-size: 1.6rem; color: #666; letter-spacing: -0.025em; font-weight: 700;}
.ethic-list li a .ethic-list-txt {font-size: 1.6rem;}
.ethic-list li a .ethic-list-down span {font-size: 1.7rem;}
.ethic-list li a .ethic-list-down {width: 18.5rem;}

.gover-con02-list02 li { width: calc(25% - 7rem);}
.gover-con02-list02 li:before {    margin-left: -69.5%;}
.gover-con02-list02 li:last-child span {left: 4.2rem;}