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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1280px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1280px){
	.sub-tab-list-style .area{padding:0}
	/* Tab Fixed Move*/
	/* .sub-tab-list-style.top-fixed{top:80px;}*/
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px;  display: block;}
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:var(--main-color); box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; margin-right: 0; height:40px;}
	.sub-drop-menu-style ul li a {border: 0; padding: 0 15px; line-height: 36px;}
	.sub-drop-menu-style ul li a i {display: none;}
	.sub-drop-menu-style ul li.selected a {background: #fff; color: var(--main-color);}
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	/* .sub-tab-list-style.top-fixed{top:60px;} */
}
/* -------- 공통 컨텐츠 -------- */
@media all and (max-width:800px){
	.cm-sub-top {padding-bottom: 6rem;}
	.cm-sub-top .cm-sub-top-tit {font-size: 4rem; padding-bottom: 6.5rem;}
	.cm-sub-top .cm-sub-top-tit:before {bottom: 3.5rem; }
	.cm-sub-top .cm-sub-top-txt {font-size: 3.5rem;}
}

/* ****************** Company ********************** */
/* **********  Company :: 국동 ********** */
@media all and (max-width:800px){
	.intro-con01 {padding-bottom: 10rem;}
	.intro-con01 .flow-txt-wrap {padding: 6rem 0;}
	.intro-con01 .flow-txt {font-size: 8rem;}
	.intro-con01-tit { font-size: 6rem;}
	.intro-con01-tit:before {left: -3rem;}
	.intro-con02 .intro-con02-inner {flex-wrap: wrap;}
	.intro-con02-inner .year {font-size: 8rem; padding: 1rem 3rem 0 5.2rem;}
	.intro-con02-inner .year em {font-size: 9rem;}
	.intro-con02-inner .txt-box {width: 100%; padding-top: 4rem;}
	.intro-con02-inner .intro-con02-txt01 {font-size: 3.1rem;}
	/* .intro-con02-inner .intro-con02-txt02 {color: #fff;} */
}
@media all and (max-width:480px){
	.intro-con01-tit:before {left: 1rem;}
}
/* **********  Company :: HISTORY ********** */
@media all and (max-width:1280px){
	.history-tab-wrapper-style .tit-box {margin-bottom: 5rem;}
	.history-tab-wrapper-style .tit-box h5 {font-size:12rem ;}
	.history-tab-list-style ul li a em {font-size: 4rem;}
	.history-tab-con {width: 100%; min-width: auto; max-width: 65rem; padding: 0 5rem;}
}
@media all and (min-width:1023px) and ( max-height: 830px ){
	.history-tab-wrapper-style {top: 9rem;}
	.history-tab-wrapper-style .tit-box .txt01 {padding-bottom: 1rem;}
}
@media all and (max-width:800px){
	.history-tab-wrapper-style {position: relative; top: auto;}	
	.history-tab-wrapper-style .tit-box {padding-top: 5rem; margin-bottom: 5rem;}
	.history-tab-wrapper-style .tit-box h5 {font-size: 10rem;}
	.history-tab-wrapper-style .tit-box h5:before {font-size: 8rem;}
	.history-tab-wrapper-style .tit-box .txt01 {padding-bottom: 2rem;}

	/* Mobile Tab Drop Menu */
	.history-drop-menu-style{position:relative; width: 100%;}
	.history-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color: var(--main-color); box-sizing:border-box;}
	.history-drop-open-btn-style span{color:#fff; }
	.history-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.history-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.history-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.history-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; margin-bottom: 0;}
	.history-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.history-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.history-drop-menu-style ul li a em{font-size:1.5rem; font-style: normal; font-weight: 400; color: #000;}
	.history-drop-menu-style ul li.selected{background-color:transparent; border-color: #eee;}
	.history-drop-menu-style ul li.selected a em{color: var(--main-color); font-weight:600; }
	.history-tab-list-style ul li.selected a em:before {display: none;}
	.history-drop-menu-style.top-fixed {position: fixed; width: calc(100% - 60px); top:91px;  left:30px; z-index: 1000;}
	.history-con-wrapper .history-tab-content-style {padding-top: 5rem;}
	.history-tab-con {max-width: none; width: 100%; padding: 0 2.5rem;}
	.history-tab-con:first-of-type {padding-top: 0;}
	.history-year-item {flex-wrap: wrap;}
	.history-year-item .history-year {width: 100%; padding-bottom: 2rem;}
	.history-month-box {width: 100%;}
}

/* **********  Company :: ViSION ********** */
@media all and (max-width:1280px){
	.vision-con01 {padding: 8% 0 12%;}
	.vision-con01-tit-box { padding: 12rem 0 7.5rem;}
}
@media all and (max-width:800px){
	/* Mission */
	.vision-con01 {margin-bottom: 12rem; padding: 6rem 0 9rem;}
	.vision-con01-tit-box {padding: 8rem 0 5rem;}
	.vision-con01-tit-box .tit {font-size: 7.5rem;}
	.vision-con01-tit-box .tit-w {top: -2.8rem; padding-left: 2.5rem;}
	.vision-con01-txt-box {width: 100%;}
	.vision-con01-txt-box .vision-con01-txt01 {font-size: 3.2rem;}
	.vision-con01-txt-box .vision-con01-txt02 {font-size: 1.8rem;}
	/* Core Value */
	.vision-con02 {padding-bottom: 15rem;}
	.vision-con02-list {flex-wrap: wrap;}
	.vision-con02-list li {width: 100%; padding: 4rem 3rem; min-height: auto; margin-bottom: 3rem;}
	.vision-con02-list li:nth-child(2),
	.vision-con02-list li:nth-child(4) {top: 0;}
	.vision-con02-list li .txt-box {padding-right: 13rem;}
	.vision-con02-list li .item-tit {font-size: 3.5rem;}
	.vision-con02-list li .item-num {font-size: 6rem; bottom: 3rem;}
}
@media all and (max-width:480px){
	.vision-con01-tit-box .tit-w {top: 0; padding-left: 0;}
	.vision-con01-txt-box .vision-con01-txt02 br {display: none;}
}

/* **********  Company :: LOCATION ********** */
@media all and (max-width:800px){
	.location-page {pad
	ding-bottom: 10rem;}
	.map-con {height: 50rem;}
	.map-con iframe {max-height: 100%;}
	.location-con .adress-box .adress-box-top {font-size: 3rem;}
	.location-con .adress-box .adress-box-bottom {flex-wrap: wrap;}
	.location-con .adress-box .adress-box-bottom p {font-size: 1.6rem; margin-bottom: 1.5rem;}
	.location-con .link-box {position: relative; justify-content: end; padding-top: 1.5rem;}
	.location-con .link-box a {width: 11rem; height: 11rem; }
}
@media all and (max-width:480px){
	.location-con .link-box {justify-content: start; }
}
/* ****************** 02. Business ********************** */
@media all and (max-width:1600px){
	.business-con-full-box .txt-box {padding: 0 10rem;}
}
@media all and (max-width:1280px){
	.con-full-height {height: auto;}
	.business-con-full-box .txt-box {padding: 0 5rem;}
	.business-con-full-box .img-box .img-box-inner {max-width: 50.6rem; height: 100%; padding: 50px 0;}
}
@media all and (max-width:800px){
	.business-con01-top { margin-bottom: 8rem;}
	.business-con-tab {flex-wrap: wrap;}
	.business-con-tab li {width: 100%; margin-bottom: 2rem; margin-right: 0; height: 6rem;}
	.business-con-tab li a {font-size: 1.8rem;}
	.business-con-tab li a i {font-size: 2rem;}
	/* 풀페이지 :: 이미지 영역 */
	.business-con-full-box .img-box {width: 100%;}
	.business-con-full-box .img-box .img-box-inner {max-height: 85.4rem;}
	/* 풀페이지 :: 텍스트 영역 */
	.business-con-full-box .txt-box {position: relative; width: 100%; padding: 10rem var(--area-padding) 5rem; z-index: 1;}
	.business-con-full-box .txt-box .business-btn-controls-box {position: absolute; top: 2rem; right: var(--area-padding); padding-top: 0;}
	.business-con-full-box .txt-box .tit {font-size: 3.5rem;}
	.business-con-full-box .txt-box .tit span {font-size: 3.5rem; bottom: -2rem;}
	.business-con-full-box .txt-box .txt01 {font-size: 2.2rem; padding-top: 5.5rem;}
	.business-con-full-box .txt-box .txt02 {padding-top: 3rem; font-size: 1.6rem;}
	/* 상단 텍스트 */
	.business-con-top { padding-top: 13rem; margin-top: 0; padding-bottom:10rem;}
	.business-con-top .business-con-tit {font-size: 3.5rem; padding-bottom: 8rem;}
	.business-con-top .business-con-tit:before {bottom: 4.5rem;}
	.business-con-top .business-con-sub-tit {font-size: 3.5rem;}
	.business-con-top .business-con-sub-txt {font-size: 2.2rem;}
}
@media all and (max-width:480px){
	.business-con-full-box .img-box .img-box-inner { max-width:36rem; max-height: 63.4rem;}
}

/* ****************** 03. Global ********************** */
/* **********  Global :: 해외생산기지 ********** */
@media all and (max-width:1280px){
	/* 상단네트위크 */
	.overseas-page .global-info-box {position: relative;top: 0; margin-top: -5rem; left: 0; margin-left: 0; width: 100%;}
	.overseas-page .global-map-con {margin-top: 0;}
	/* 생산기지 소개 */
	.production-base-con {margin-top: 0; padding-top: 10rem;}
}
@media all and (max-width:800px){
	.overseas-page .cm-sub-top .cm-sub-top-txt {width: 100%;}
	.overseas-page .cm-sub-top .cm-sub-top-txt02 {width: 100%; font-size: 2rem; padding-top: 2rem;}
	.overseas-page .global-info-bottom {margin :5rem 0 0; ;}
	/* 생산기지 소개 */
	.production-base-tit {font-size: 3.5rem;}
	.production-base-list li {width: 100%; margin: 3.5rem 5%;}
	.production-base-list li .info-box .info-name {font-size: 2.4rem;}
	.production-base-list li .info-box .info-txt {font-size: 1.6rem;}
}
@media all and (max-width:480px){
	.overseas-page .cm-sub-top .cm-sub-top-txt02 br {display: none;}
}

/* **********  Global :: 연구개발 ********** */
@media all and (max-width:1280px){
	.rnd-con01 .rnd-con01-tit span {width: 10.3rem;height: 10.6rem; top: 2rem; right: 18rem;}
}
@media all and (max-width:800px){
	.rnd-con01 {    padding-bottom: 17rem;}
	.rnd-con01 .rnd-con01-tit {padding: 3.5rem 0;}
	.rnd-con01 .rnd-con01-tit span {width: 8.3rem; height: 8.6rem; top: 2.2rem; right: 3.5rem;}
	.rnd-con01 .rnd-con01-txt {font-size: 1.8rem;}
	.rnd-con02 {padding-bottom: 8rem;}
	.rnd-con02 .rnd-con02-list {padding: 0; margin: 0 -2%;}
	.rnd-con02 .rnd-con02-list li {width: 29.333%; margin: 0 2%; }
	.rnd-con02 .rnd-con02-list li strong {font-size: 1.8rem; padding-top: 2.2rem;}
	.rnd-con02 .rnd-con02-bg {top: 3.5rem;}
}
@media all and (max-width:640px){
	.rnd-con01 .rnd-con01-tit span {width: 6.3rem; height: 6.6rem; top: 2.5rem;right: 3rem;}
}
@media all and (max-width:480px){
	.rnd-con01 {padding-bottom: 10rem;}
	.rnd-con01 .rnd-con01-tit span {width: 5.3rem; height: 5.6rem; top: 2.5rem;right: 1.5rem;}
	.rnd-con01 .rnd-con01-txt {padding-top: 0;}
	.rnd-con02 .rnd-con02-list {flex-wrap: wrap; padding: 0; margin: 0 -3%; justify-content: center;}
	.rnd-con02 .rnd-con02-list li {width: 44%; margin: 0 3%; }
	.rnd-con02 .rnd-con02-list li:first-child {margin: 0 6% 2rem;}
	.rnd-con02 .rnd-con02-list li:nth-child(2) {margin-top: 0;}
	.rnd-con02 .rnd-con02-bg {top: 6.5rem;}
}
/* **********  Global :: 글로벌 바이어 ********** */
@media all and (max-width:800px){
	.global-buyers-list {margin: -1rem -1.5%;}
	.global-buyers-list li {width: 30.33%; margin: 1rem 1.5%;}
}
@media all and (max-width:480px){
	.global-buyers-list {margin: -1rem -2%;}
	.global-buyers-list li {width:46%; margin: 1rem 2%;}
}

/* ****************** 04. ESG ********************** */
@media all and (max-width:1280px){
	/* **********  ESG :: 윤리경영 ********** */
	.ethic-list li a .ethic-list-down {    width: 17.5rem;height: 15.5rem;}
	.ethic-con02-inner-box-wrap .center-circle {    width: 35.26rem; height: 35.26rem;}

	/* **********  ESG :: 지배구조 ********** */
	/* 대외지배구조 */
	.gover-con02-list02 li:before {margin-left: -67.5%;}
}
@media all and (max-width:800px){
	/* **********  ESG :: 윤리경영 ********** */
	.ethic-con01 {padding-bottom: 10rem;}
	.ethic-list {flex-wrap: wrap;}
	.ethic-list li {width: 100%; min-height: auto; margin-bottom: 3rem;}
	.ethic-list li a {padding: 4.5rem 2.5rem;}
	.ethic-list li a strong {font-size: 2.6rem;}
	.ethic-list li a .ethic-list-txt {font-size: 1.6rem;}
	.ethic-list li a .ethic-list-down {    flex-direction: row; position: relative; left: 0; bottom: 0; width: 100%; height: 6rem; margin-top: 5rem;}
	.ethic-list li a .ethic-list-down span {font-size: 1.6rem;}
	.ethic-list li a .ethic-list-down span br {display: none;}
	.ethic-list li a .ethic-list-down i {position: relative; top: -0.4rem; font-size: 3rem;}
	/* 감시 프로그램 */
	.ethic-con02-top h4 {font-size: 4rem;}
	.ethic-con02-top .ethic-con02-top-txt01 {width: 100%; font-size: 3rem;}
	.ethic-con02-top .ethic-con02-top-txt02 {width: 100%; padding-left: 0; font-size: 1.8rem; padding-top: 2.5rem;}
	.ethic-con02-inner {padding-top: 7rem;}
	.ethic-con02-inner .ethic-con02-inner-bg {top: 50%;transform: translateY(-62%);}
	.ethic-con02-inner .ethic-con02-inner-bg .bg01 { width: 66.7rem; height: 66.7rem;}
	.ethic-con02-inner .ethic-con02-inner-bg .bg02 {width: 50.8rem; height: 50.8rem;}
	.ethic-con02-inner .ethic-con02-inner-bg .bg03 {width: 37.9rem; height: 37.9rem;}
	.ethic-con02-inner-box-wrap {flex-wrap: wrap; margin: -8rem 0;}
	.ethic-con02-inner-box-wrap .inner-box {width: 100%; margin: 8rem 0; padding: 4rem 2rem; min-height: auto;}
	.ethic-con02-inner-box-wrap .inner-box.left-box {padding-bottom: 8rem;}
	.ethic-con02-inner-box-wrap .inner-box.right-box {padding-top: 8rem;}
	.ethic-con02-inner-box-wrap .inner-box strong {font-size: 2.3rem;padding-bottom: 3.5rem;}
	.ethic-con02-inner-box-wrap .inner-box dl dt {font-size: 1.8rem;}
	.ethic-con02-inner-box-wrap .inner-box dl dd {font-size: 1.5rem;}
	.ethic-con02-inner-box-wrap .center-circle {width: 25.26rem; height: 25.26rem;}
	.ethic-con02-inner-box-wrap .center-circle h5 {font-size: 2rem;}
	.ethic-con02-inner-bottom {flex-wrap: wrap; margin: -0.8rem -0.8rem;}
	.ethic-con02-inner-bottom li {width: calc(50% - 1.6rem); margin: 0.8rem 0.8rem;}
	.ethic-page .ethic-con02-inner-bottom li {width: calc(50% - 1.6rem); } 

	/* **********  ESG :: 환경경영 ********** */
	/* 환경 관리 정책 */
	.environment-con-top {padding-bottom: 10rem;}
	.environment-con-top .envi-top-txt {font-size: 3rem;}
	.environment-con-top .envi-top-down { width: 25rem;height: 6rem; padding: 0 2rem; font-size: 1.7rem;}
	.envi-top-list {flex-wrap: wrap;  padding-top: 6.5rem; margin: 0;}
	.envi-top-list li {width: 100%; margin: 0 0 5rem;}
	.envi-top-list li:last-child {margin-bottom: 0;}
	.envi-top-list li .envi-top-list-txt01 {font-size: 2.6rem;}
	.envi-top-list li .envi-top-list-txt02 {font-size: 1.6rem;}
	.environment-con-bottom {padding: 10rem 0;}
	.environment-con-bottom .envi-bottom-tit {font-size: 3.2rem;}
	.environment-con-bottom .envi-bottom-txt {font-size: 2.6rem;}
	.envi-life-cycle-wrap {padding: 10rem 0;}
	/* .envi-life-cycle-wrap .envi-life-cycle { width: 40rem; height: 40rem;}
	.envi-life-cycle-wrap .envi-life-cycle .envi-life-cycle-circle {width: 25rem; height: 25rem;}
	.envi-life-cycle-wrap .envi-life-cycle .envi-life-cycle-circle .circle-logo {padding-top: 1.5rem;}
	.envi-life-cycle-wrap .envi-life-cycle .envi-life-cycle-circle .circle-logo img {max-width: 100%;}
	.envi-life-cycle-wrap .envi-life-cycle .envi-life-cycle-circle .circle-tit {font-size: 1.6rem;}
	.envi-life-cycle-list li:first-child {transform: translateX(45%);}
	.envi-life-cycle-list li:nth-child(2) {transform: translateX(-15%);}
	.envi-life-cycle-list li:nth-child(3) {    transform: translate( 1rem,-50%);}
	.envi-life-cycle-list li:nth-child(4) {    transform: translateX(-50%);}
	.envi-life-cycle-list li:nth-child(5) {    transform: translateX(7%);}
	.envi-life-cycle-list li:last-child {    transform: translate( 0rem,-50%);}
	.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: 2rem;}
	.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: 2rem;}
	.envi-life-cycle-list li span {width: 6rem; height: 6rem;}
	.envi-life-cycle-list li dl {width: calc(100% - 6rem);}
	.envi-life-cycle-list li dl dt {font-size: 1.8rem;}
	.envi-life-cycle-list li dl dd {font-size: 1.4rem;}
	.envi-life-cycle-circle-list li:nth-child(2) {right: 0.5rem;}
	.envi-life-cycle-circle-list li:nth-child(3) {right: 0.5rem;}
	.envi-life-cycle-circle-list li:nth-child(5) { left: 0.5rem; } 
	.envi-life-cycle-circle-list li:last-child { left: 0.5rem; } */
	/* **********  ESG :: 지배구조 ********** */
	/* 내부지배구조 */
	.gover-con01 {padding: 20rem 0;}
	.gover-con01 .gover-con01-inner {  width: 40.1rem; height: 40.2rem;}
	.gover-con01-list li {width: 20rem; height: 20rem;}
	.gover-con01-list li:nth-child(2) {bottom: -2.5rem; } 
	.gover-con01-list li:last-child {bottom: -2.5rem; }
	.gover-con01-list li .item-txt01 {font-size: 1.4rem; padding-top: 1.5rem;}
	.gover-con01-list li .item-txt02 {font-size: 2rem;}
	/* 대외지배구조 */
	.gover-con02 .gover-con02-con01 {padding: 7rem 0 10rem;}
	.gover-con02 .gover-con02-tit {font-size: 3.2rem;}
	.gover-con02 .gover-con02-txt01 {font-size: 2.2rem;}
	.gover-con02 .gover-con02-txt02 {font-size: 1.6rem;}
	.gover-con02-con01-inner .gover-con02-con01-box {display: none;}
	.gover-con02-con01-inner {padding: 0;}
	.gover-con02-list01 {position: relative;}
	.gover-con02-list01:before {position: absolute; content: ''; width: 0.1rem; height: 98%; border-left: 1px dashed #8d8d8d; top: 0; left: 50%; margin-left: -0.1rem;}
	.gover-con02-list01 li {position: relative; width: 100%; height: 25.5rem; margin-bottom: 5rem; padding: 3rem;}
	.gover-con02-list01 li:last-child {margin-bottom: 0;}
	.gover-con02-list01 li:first-child:before,
	.gover-con02-list01 li:last-child:before {display: none;}
	.gover-con02-list01 li:nth-child(2):before {top: -1.3rem; left: 50%; transform:  translateX(-50%)  rotate(90deg); }
	.gover-con02-list01 li:nth-child(3):before {bottom: -1.3rem; left: 50%; transform:  translateX(-50%)  rotate(270deg); }
	.gover-con02-list01 li .list01-tit {font-size: 2.8rem;}
	.gover-con02-con02 {padding: 8rem 0;}
	.gover-con02-list02:before {width: 0.2rem; height: 98%; border-left: 1px dashed #8d8d8d; top: 0; left: 50%;margin-left: -0.5%; transform: none;}
	.gover-con02-list02 li {width: 100%; min-height: 27rem; margin-bottom: 8rem;}
	.gover-con02-list02 li:last-child {margin-bottom: 0;}
	.gover-con02-list02 li:before {content: '\e942'; top: 0; margin-left: -2.4rem; transform: translateY(-6rem);  }
	.gover-con02-list02 li span {    bottom: 3rem; left: 4rem;}

	/* **********  ESG :: 사회공헌 ********** */
	.social-contribution-list {margin: -2rem -1.3rem;}
	.social-contribution-list li {width: calc(50% - 2.6rem); margin: 2rem 1.3rem;}
	.social-contribution-list li strong {padding-top: 2rem;}
}
@media all and (max-width:480px){
	/* **********  ESG :: 지배구조 ********** */
	/* 내부지배구조 */
	.gover-con01 .gover-con01-inner {    width: 30.1rem;height: 30.2rem;}
	.gover-con01 .gover-con01-bg .gover-con01-cir img {max-width: 90%;}
	.gover-con01-list li {width: 16rem; height: 16rem;}
	.gover-con01-list li span {width: 4rem;height: 4.2rem;}

	.gover-con02-list02 li:before {margin-left: -2.3rem;}

	/* **********  ESG :: 사회공헌 ********** */
	.social-contribution-list { margin: -2rem 0;}
	.social-contribution-list li {width: 100%; margin: 2rem 0;}
}

/* ****************** 06. Careers ********************** */
@media all and (max-width:1280px){
	/* **********  Careers :: 인재상 ********** */
	.talent-list {padding: 0;}
}
@media all and (max-width:800px){
	/* **********  Careers :: 인재상 ********** */
	.talent-tit-con { padding-top: 12rem; background-size:contain; margin-bottom: 10rem;}
	.talent-tit-con .talent-tit {width: 100%; bottom: -5rem; font-size: 2.5rem;}
	.talent-list {flex-wrap: wrap;}
	.talent-list li {width: 100%; margin-bottom: 4rem;}
	.talent-list li .img {max-width: 22rem; margin: 0 auto;}
	.talent-list li .list-tit {font-size: 2.8rem;}
	.talent-list li .list-txt {font-size: 1.8rem;}
	.talent-list li:nth-child(2) {margin-top: 0;}

	/* **********  Careers :: 복리후생 ********** */
	.welfare-list {margin: -1rem -1.5%;}
	.welfare-list li {width: 47%; margin: 1rem 1.5%;}
	.welfare-list li.bg-g {background: #fff;}
	.welfare-list li:first-child, 
	.welfare-list li:nth-child(4),
	.welfare-list li:nth-child(5),
	.welfare-list li:last-child {background: #f9f9f9;}
	.welfare-list li.active {background: #f1054d; border: 1px solid #f1054d;}

	/* **********  Careers :: 직무소개 ********** */
	.job-con .job-list {flex-wrap: wrap;}
	.job-con .job-list li {width: 100%; padding: 3.5rem; margin-bottom: 3rem; min-height: 36.7rem;}
	.job-con .job-list li .job-item-tit {font-size: 3.2rem;}
	.job-con .job-list li .icon {bottom: 3.5rem; right: 3.5rem;}

	/* **********  Careers :: 채용공고 ********** */
	/* 채용절차 */
	.recruit-process .recruit-con-tit {padding-bottom: 3rem;}
	.recruit-process .recruit-process-list {flex-wrap: wrap;}
	.recruit-process .recruit-process-list li {width: calc(33.33% - 2.8rem); padding: 3.5rem 1rem;}
	.recruit-process .recruit-process-list li:nth-child(4):before {display: none;}
	
	/* 채용공고 */
	.recruit-notice-list li {width: 100%; padding: 2.5rem; min-height: 43.7rem;}
	.recruit-notice-list li a .list-top .list-tit {font-size: 3.2rem;}
	.recruit-notice-list li a .list-top .list-category {font-size: 2rem;}
	.recruit-notice-list li a .list-txt {-webkit-line-clamp: 3;}
}
@media all and (max-width:480px){ 
	/* **********  Careers :: 인재상 ********** */
	.talent-tit-con .talent-tit {bottom: -3rem;}

}


/* **********  ESG :: 250526 유지보수 JY ********** */

@media all and (max-width:1280px){
	.ethic-list {margin: -1.7rem;}
	.ethic-list li {width: calc(50% - 3.4rem); margin: 1.7rem; min-height: auto;}
	.ethic-list li a {padding: 4.5rem 2.5rem 24rem 3.8rem;}

	.gover-con02-list02 {margin: 8rem -2rem 0;}
	.gover-con02-list02 li { width: calc(25% - 4rem); margin: 0 2rem; padding: 3.5rem 3rem;}
	.gover-con02-list02 li:before {width: 3rem; height: 3rem; line-height: 3rem;   margin-left: -65%;}
	.gover-con02-list02 li .txt {font-size: 1.6rem;}
	.gover-con02-list02 li span {bottom: 3rem; left: 4rem;}
	.gover-con02-list02 li:last-child span {left: 3.3rem;}
}

@media all and (max-width:800px){
	.ethic-list {margin: 0;}
	.ethic-list li {width: 100%; min-height: auto; margin: 0; margin-bottom: 3rem;}
	.ethic-list li a {padding: 4.5rem 2.5rem;}
	.ethic-list li a strong {font-size: 2.6rem;}
	.ethic-list li a .ethic-list-txt {font-size: 1.6rem;}
	.ethic-list li a .ethic-list-down {    flex-direction: row; position: relative; left: 0; bottom: 0; width: 100%; height: 6rem; margin-top: 5rem;}
	.ethic-list li a .ethic-list-down span {font-size: 1.6rem;}
	.ethic-list li a .ethic-list-down span br {display: none;}
	.ethic-list li a .ethic-list-down i {position: relative; top: -0.4rem; font-size: 3rem;}

	.gover-con02-list02 li {width: 100%; min-height: 27rem; margin-bottom: 8rem;}
	.gover-con02-list02 li:last-child {margin-bottom: 0;}
	.gover-con02-list02 li:before {width: 4rem;height: 4rem; line-height: 4rem; content: '\e942'; top: 0; margin-left: -2.4rem; transform: translateY(-6rem);  }
	.gover-con02-list02 li span {    bottom: 3rem; left: 4rem;}
	.gover-con02-list02 li .txt {font-size: 1.8rem;}
}