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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.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; margin-top: 1rem;}
	.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:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* 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:5rem; }
	.sub-tab-list-style ul li a em{font-size:1.4rem}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 2.5rem; height:5rem; line-height:5rem; font-size:1.6rem; background-color:var(--main-color); box-sizing:border-box; font-weight: 500; border-radius:2.5rem; z-index:12;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:2.5rem; 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:calc(100% - 2.5rem); left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; padding-top:2.5rem; border-radius:0 0 2.5rem 2.5rem;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; border-radius:0;}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 2.5rem; border:0;}
	.sub-drop-menu-style ul li a em, .sub-drop-menu-style ul li a span{font-size:1.4rem;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em, .sub-drop-menu-style ul li.selected a span{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* 공통 flex 박스 */
@media all and (max-width: 800px) {
	.cm-flex-wrap {display: block;}
	.cm-flex-wrap .cm-flex-tit-con {width: 100%; margin-bottom: 3rem;}
	.cm-flex-wrap .cm-flex-content-con {width: 100%;}
}

/* 커스텀 탭 01 */
@media all and (min-width: 801px) {
	.menu-location.location3 .location-menu-con {display: inline-flex !important; width: auto; padding: 1rem; box-sizing: border-box; background-color: #f2f2f2; border-radius: 10rem;}
	.menu-location.location3 .location-menu-con li {min-width: 19rem; min-height: 4rem; border-radius: 10rem; background-color: transparent; border: none; transition: var(--transition-custom);}
	.menu-location.location3 .location-menu-con li.selected {background-color: var(--main-color);}
	.menu-location.location3 .location-menu-con li a {display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
	.menu-location.location3 .location-menu-con li a span {font-size: 1.8rem; font-weight: 700; line-height: 1.44; color: #000; transition: var(--transition-custom);}
	.menu-location.location3 .location-menu-con li.selected a span {color: #fff;}
}

@media all and (max-width: 800px) {
	.menu-location.location3 .cur-location {display: block;}
}

/* 공통 회색 박스 */
@media all and (max-width: 800px) {
	.cm-gray-wrap {padding: 6rem 0;}
	
	.sub-tab-con{margin-bottom:8rem;}
}


/* ******************  회사소개 ********************** */
/* summary */
@media all and (min-width:801px){
	/* 카운트 active */
	.summary-con .animated .count-num-item-box{animation:count-up-ani2 3s both;}
	.summary-con .animated .count-num-item-box.down {animation:count-down-ani2 3s both;}

	@keyframes count-up-ani2 {
		0% {
		   transform: translate3d(0, 0, 0);
		}
		100% {
		   transform: translate3d(0, -9em, 0);
		}
	}
	@keyframes count-down-ani2 {
		0% {
		   transform: translate3d(0, -9em, 0);
		}
		100% {
		   transform: translate3d(0, 0, 0);
		}
	}
}
@media all and (max-width:800px){
	/* 공통 */
	.cm-category {font-size:1.5rem;}
	.cm-con-tit {font-size: 3rem; margin-top: 2rem;}

	.summary-con {padding: 7rem 0;}
	.banner-box {height: 40rem; background-position: 20%;}
	.banner-tit {font-size:4rem; text-align: center;}
	.summary-txt-box {flex-wrap:wrap;}
	.summary-txt-box .tit {width: 100%; font-size:2.8rem;}
	.summary-txt-box .txt-box {width: 100%; margin-top: 3rem;}
	.company-info-list {flex-wrap:wrap;}
	.company-info-list > li {padding: 3rem;}
	.company-info-list > li {width: 100%; margin-top: 1rem; margin-right: 0;}
	.company-info-list i {font-size:4rem; margin-bottom: 1.5rem;}
	.company-info-list .tit-box p {font-size:2.2rem;}
	.summary-con .count-num-box {font-size:5rem;}
	.summary-con .count-num-item-wrap .count-num-item-box {height: 50rem;}
	.summary-con .count-container {margin-top: 3rem;}
	.summary-con .count-unit {font-size:1.7rem;}
	
	.partner-item {/* width: 20rem; */ margin:0 3rem; }
	
	
	.summary-con .count-num-item-wrap .count-num-item-box .count-num-item{display: none;}
	.summary-con .count-num-item-wrap .count-num-item-box.down .count-num-item:first-child{display: block;}
	.summary-con .count-num-item-wrap .count-num-item-box:not(.down) .count-num-item:last-child{display: block;}
}


/* 회사소개 :: ceo */
@media all and (max-width:1280px){
	.ceo-middle .inner-box {border-radius: 20rem; padding: 6rem 19.5rem 45rem; margin-top: 6rem;}
	.ceo-middle .inner-box .img-box {bottom: 0rem; left: 50%; transform: translateX(-40%); width: 30rem;}
	.ceo-middle .inner-box:before {left: 50%; transform:translateX(-50%);}
	.ceo-name {padding-right: 0; position: absolute; bottom: 10%; right: 15%;}
}

@media all and (max-width:800px){
	.ceo-page {padding-bottom:10rem;}
	.ceo-bottom {flex-wrap:wrap;}
	.ceo-bottom > div {width: 100%;}
	.ceo-bottom > div:nth-child(1) {padding-right: 0;}
	.ceo-bottom > div:nth-child(2) {padding-left: 0; margin-top: 3rem;}
	.ceo-bottom > div:nth-child(1):after{display: none;}
	.ceo-middle .inner-box {padding: 6rem 5rem 45rem;}
	.ceo-middle .inner-box:before{width:33.25rem; height:11.7rem;}
	.ceo-middle .inner-box .img-box:before {left: -16rem;
        bottom: -3rem;
        background-size: 100%;
        width: 40rem;}
	.ceo-middle .inner-box {border-radius:0;}
	.ceo-name {right: 10%;}
	
}

@media all and (max-width:640px){
	.ceo-middle .inner-box {padding: 6rem var(--area-padding) 35rem;}
	.ceo-middle .inner-box .img-box {width: 25rem;}
	.ceo-name { right: var(--area-padding); bottom:25%;}
	.ceo-name .sign-box img{width:75%;}
}

@media all and (max-width:480px){
	.ceo-name {font-size: 2.5rem; width:10rem;}
	.ceo-name span {font-size: 1.5rem;}
	.ceo-middle .inner-box .img-box:before {left: -7rem; bottom: -10.2rem; width: 24rem;}
}

/* 회사소개 :: 핵심가치 */
@media all and (max-width:1280px){
	.value-top {flex-wrap:wrap;}
	.value-top .cm-tit-box {width: 100%;}
	.value-top-txt {width: 100%; margin-top: 3rem;}
	.value-bottom {margin-top: 7rem;}
}

@media all and (max-width:800px){
	.value-list {flex-direction:column; align-items: center;}
	.value-list li {width: 30rem; height: 30rem;}
	.value-list li:nth-of-type(1) {left: initial; top: 2.5rem;}
	.value-list li:nth-of-type(3) {right: initial; top: -2.5rem;}
	.value-list li:nth-of-type(1) .ico-box:before {top: 4.2rem;}
	.value-list li:nth-of-type(2) .ico-box:before {top: 1.5rem; right: 1.5rem;}
	.value-list li:nth-of-type(3) .ico-box:before {top: 1.5rem;}
	.value-list .tit {font-size:1.9rem;}
	.value-list .txt {font-size:1.3rem;}
	.value-list .ico-box {width: 7rem;}
	.value-list .ico-box:before {width: 2rem; height: 2rem;}
	.value-bottom {padding: 8rem 0;}
	.value-list .arrow-box {bottom: -2.5rem; width: 5rem; height: 5rem; transform: rotate(90deg); right: initial;}
	.value-list .arrow-box i {font-size: 2rem;}
}

/* 회사소개 :: 인증현황 */
@media all and (max-width:800px){
	.cer-page {padding-bottom:5rem;}
	.cer-table {margin-top: 7.5rem;}
	.cer-box {margin-bottom: 7rem;}
}

/* contact us :: 사업소 소개 */
@media all and (max-width:1280px){
	.loca-info-list dl {width: 100%;}
	.workplace-top {flex-direction: column; align-items: flex-start; padding-bottom: 4.5rem;}
	.workplace-top .sub-tab-wrapper-style {align-self: flex-start; margin-top: 3rem; }
}

@media all and (max-width:800px){
	.workplace-page {padding-bottom: 5rem;}
	.workplace-top .sub-tab-wrapper-style {width: 100%;}
	.workplace-top .sub-tab-list-style ul {display:none; flex-wrap: wrap; border-radius: 0; padding: 0; border: 1px solid #ddd; border-top:0; background:#fff; padding-top: 2.5rem; border-radius: 0 0 2.5rem 2.5rem;}
	.workplace-top .sub-tab-list-style ul li {width: 100%; border-top:1px solid #ddd;}
	.workplace-top .sub-tab-list-style ul li:first-child {border-top: 0;}
	.workplace-top .sub-tab-list-style ul li a {display: block; height: auto;}
	.workplace-top .sub-tab-list-style ul li.selected {border-radius: 0; background-color:transparent;}
	.workplace-top .sub-tab-list-style ul li.selected a span {color: var(--main-color);}
	.workplace-top .sub-tab-list-style ul li a span {font-size: 1.4rem; font-weight: 500;}
	.loca-info-box {flex-wrap:wrap;}
	.loca-img-box {width: 100%; margin-right: 0;}
	.loca-txt-box {width: 100%; margin-top: 3rem;}
	.location-list li {padding: 4rem 0;}
	.loca-info-list dl {margin-top: 1rem;}
	.loca-info-list dt {font-size:1.5rem;}
	.loca-info-list dd {font-size:1.5rem;}
	.loca-title strong {font-size:2.3rem;}
	.loca-btn {width: 4rem; height: 4rem;}
	.loca-btn i {font-size:1.8rem;}
}

/* ******************  RND ********************** */
/***** 연구분야 *****/
@media all and (max-width: 800px) {
	/* 하단 리스트 */
	.manu-innovation-list .innovation-list-item {display: block; padding: 2rem;}
	.manu-innovation-list .innovation-list-item .icon-box {width: 100%; height: 16rem; padding-top: 0;}
	.manu-innovation-list .innovation-list-item .txt-box {width: 100%; margin-left: 0; margin-top: 2rem;}
	.manu-innovation-list .innovation-list-item .num {display: flex; align-items: center; justify-content: center; font-size: 6rem;}
}

/***** 지속가능 개선활동 *****/
@media all and (max-width: 800px) {
	.sustainable-content {padding-bottom: 3rem;}
	.sustainable-content .cm-gray-wrap {margin-bottom: 6rem;}
	.gnnp-wrap .inner {display: block;}
	.gnnp-wrap .inner .txt-area {width: 100%; margin-right: 0; margin-bottom: 4rem;}
	.gnnp-wrap .inner .gnnp-circle-list {width: 100%; min-height: 25rem;}
	
	.gnnp-activity-wrap .gnnp-activity-txt{line-height:1.5;}
	
	.gnnp-num-txt-list {margin-top: 3rem;}
	.gnnp-num-txt-list .txt-list-item {margin-bottom: 1.5rem;}
	
	.gnnp-circle-list .circle-list-item {width: 28%; padding-top: 28%; top: 50%; margin-top: 0; transform: translateY(-50%);}
	.gnnp-circle-list .circle-list-item:nth-child(2) {left: 24%;}
	.gnnp-circle-list .circle-list-item:nth-child(3) {left: 48%;}
	.gnnp-circle-list .circle-list-item:nth-child(4) {left: 72%;}
	
	.gnnp-circle-list .circle-list-item .inner:before{top:1%; left:5%;}
	.gnnp-circle-list .circle-list-item .inner:after{bottom:2%; left:7%;}
	
	.gnnp-circle-list .circle-list-item .circle-word {font-size: 5rem;}
	
}

@media all and (max-width: 480px) {
	.gnnp-wrap .inner .gnnp-circle-list {min-height: 40rem;}
	
	.gnnp-circle-list .circle-list-item{width:55%; padding-top:55%; transform: translateY(0%);}
	.gnnp-circle-list .circle-list-item:nth-child(1) {top:0%; left: 0%;}
	.gnnp-circle-list .circle-list-item:nth-child(2) {top:0%; left: 45%;}
	.gnnp-circle-list .circle-list-item:nth-child(3) {top:45%; left: 0%;}
	.gnnp-circle-list .circle-list-item:nth-child(4) {top:45%; left: 45%;}
	
	.gnnp-circle-list .circle-list-item .inner:before,
	.gnnp-circle-list .circle-list-item .inner:after,
	.gnnp-circle-list .circle-list-item .inner i{display: none;}
}

/* ******************  ESG ********************** */
/***** 공통 *****/
@media all and (max-width: 800px) {
	

	.esg-page .cm-top-menu {margin-bottom: 5rem;}

	.esg-page .cm-gray-wrap {padding: 6rem 0;}
	.esg-page .content-section .cm-flex-wrap {padding: 3rem 0 !important;}
	.esg-page .content-section .cm-flex-wrap .cm-flex-tit-con {margin-bottom: 2rem;}

	.gray-num-list-box {padding: 3rem;}
	.gray-num-list-box.flex {display: block;}
	.gray-num-list-box.flex .gray-num-txt-list {width: 100%;}
	.gray-num-list-box.flex .gray-num-txt-list:first-child {margin-bottom: 1rem;}
}

/***** 전략 및 방침 *****/
@media all and (max-width: 800px) {
	.policy-content {padding-bottom: 7rem;}
	.policy-content .cm-gray-wrap {padding: 6rem 0; margin-bottom: 8rem;}
	
	.policy-circle-con::before {display: none;}
	.policy-circle-list {grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 0;}
	.policy-circle-list .circle-list-item {max-width: 50%; margin: 0 auto; padding-top: 50%;}
	.policy-circle-list .circle-list-item:nth-child(2) .inner {transition-delay: 0.3s !important;}
	.policy-circle-list .circle-list-item:not(:nth-child(2)) {margin-top: 0;}
	.policy-circle-list .circle-list-item .inner .txt-box {margin-top: 1rem;}
	.policy-circle-list .circle-list-item .circle-list-tit {font-size: 2.6rem;}
	.policy-circle-list .circle-list-item .circle-list-st {margin-bottom: 1rem;}
	.policy-circle-list .circle-list-item .circle-list-txt{font-size:1.4rem;}

	.esg-strategy-tit {font-size: 3.8rem;}
}

@media all and (max-width: 480px) {
	.policy-circle-list .circle-list-item {max-width: 70%; padding-top: 70%;}
}

/***** Environment :: 탄소중립 *****/
@media all and (max-width: 800px) {
	.carbon-active-list .carbon-active-list-tit {flex-direction: column; padding-left: 3.5rem;}
	.carbon-active-list .carbon-active-list-tit span {margin-left: 0; margin-top: 0.7rem;}
	.carbon-active-list .carbon-active-list-txt {padding-left: 3.5rem;}
}

/***** Social :: 공통 *****/

/***** Social :: 안전보건경영 방침 *****/
@media all and (max-width: 800px) {
	.health-policy-content {padding-bottom: 0;}
	.health-policy-content .cm-gray-wrap {margin-bottom: 5.5rem;}
	.safety-policy-tit {margin-bottom: 4rem; font-size: 3.8rem;}
	
	.safety-framework-wrap::before {bottom: auto; top: 50%; transform: translate(-50%, -50%);}
	.safety-framework-wrap::after {display: none;}
	.safety-framework-area {display: block; margin-bottom: 6rem;}
	.safety-framework-area .framework-left-box {width: 22rem; min-height: 5rem; font-size: 1.5rem; margin: 0 auto 10rem; transform: translate3d(0, -30px, 0) !important;}
	.safety-framework-area .framework-left-box.animated {transform: translate3d(0, 0, 0) !important;}
	.safety-framework-area .framework-left-box::before {right: auto; left: 50%; top: auto; bottom: -5.1rem; transform: translateX(calc(-50% + 0.5px)) rotateZ(90deg);}
	.safety-framework-area .safety-framework-list {width: 100%; transform: translate3d(0, -30px, 0) !important;}
	.safety-framework-area .safety-framework-list.animated {transform: translate3d(0, 0, 0) !important;}
	
	.safety-framework-list.threeItem {grid-gap: 1rem;}
	.safety-framework-list .framework-list-item {min-height: 5rem; padding: 1.5rem;}
	.tasks-framework .safety-framework-list .framework-list-item {min-height: 15rem; font-size: 1.3rem;}
	.goal-framework .safety-framework-list .framework-list-item, .strategy-framework .safety-framework-list .framework-list-item {font-size: 1.5rem;}
}

@media all and (max-width: 480px) {
	.safety-framework-list.threeItem {grid-template-columns: repeat(1, 1fr); grid-gap: 1rem;}
}

/***** Social :: 동반성장 *****/
@media all and (max-width: 800px) {
	.growth-content {padding-bottom: 0;}
	.growth-content .cm-gray-wrap {margin-bottom: 7rem;}
	
	.partners-support-wrap {padding-bottom: 4rem;}
	.partners-meeting-wrap {padding-top: 4.5rem;}
}

/***** Social :: 사회공헌 *****/
@media all and (max-width: 800px) {
	.social-content {padding-bottom: 0;}
	.social-contribution-slide-wrap {flex-direction: column; gap: 4rem 0;}
	.social-contribution-slide-wrap .slide-area {width: 100%; padding: 3rem 3rem 4rem 3rem;}
	.social-contribution-slide-wrap .slide-item .img-box {margin-bottom: 4rem;}
	.social-contribution-slide-wrap .slick-dots {margin-top: 2rem;}
}

/***** Governance :: 공통 *****/

/***** Governance :: 윤리경영 *****/
@media all and (max-width: 800px) {
	.declaration-table {margin-top: 3rem;}
}

/***** Governance :: CP *****/
@media all and (max-width: 800px) {
	.cp-org-area {padding: 6rem 3rem;}
	.cp-org-area .cp-org-img {margin-bottom: 3rem;}
	/* .cp-org-area .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom: 0;} */
	.cp-org-area .custom-scrollbar-wrapper {margin-bottom: 4rem;}
	.cp-table-item + .cp-table-item .custom-scrollbar-wrapper {margin-bottom: 0;}
}

@media all and (max-width: 480px) {
	.cp-org-area {padding: 4rem var(--area-padding);}
}

/***** Governance :: 내부신고 제도 *****/
@media all and (max-width: 800px) {
	.report-system-content {padding-bottom: 5rem;}
	.protec-program-list.threeItem {grid-template-columns: repeat(1, 1fr)}
	.protec-program-list .program-list-item {padding: 2.5rem 2rem;}
	.protec-program-list .program-list-item.flex {display: block;}
}


/* ****************** 연구분야 ****************** */
@media all and (max-width:1280px){
	.cm-fixed-style .cm-fixed-tab-style.top-fixed.scroll-down{top:calc(3rem + var(--header-top));}
	.cm-fixed-style .cm-fixed-tab-style.top-fixed:not(.scroll-down){top: calc(3rem + var(--header-height));}
}
@media all and (max-width:800px){
	/* 연구분야 :: 배너 :: 리스트 */
	/* 배너 */
	.research-banner-con{width:25rem; height:25rem; margin:5rem auto;}
	.research-banner-con .middle-con:before{width:30rem; height:30rem;}
	.research-banner-con .middle-con .logo svg{width:15rem; height:auto;}
	.research-banner-con .middle-con .logo svg .color-change{fill:#000;}
	.research-banner-con .middle-con .txt{font-size:1.4rem; margin-top:1rem;}

	.research-list .list-item a{width:12rem; height:12rem;}
	.research-list .list-item .tit{font-size:1.8rem;}
	.research-list .list-item .txt{font-size:1.2rem;}
	
	/* 연구분야 :: 배너 :: 리스트 :: 위치 */
	.research-list .list-item:nth-child(1){top:0; left:0;}
	.research-list .list-item:nth-child(2){top:0; left:100%;}
	.research-list .list-item:nth-child(3){top:100%; left:0;}
	.research-list .list-item:nth-child(4){top:100%; left:100%;}
	
	/* 연구분야 :: 컨텐츠 */
	.cm-fixed-style > aside{display: none;}
	.cm-fixed-style .sub-tab-content-style{padding-left:0;}
	
	/* 연구분야 :: 컨텐츠 :: 상단 */
	.research-top-box{margin-bottom:2rem;}
	.research-tit-box .research-tit{font-size:3.4rem;}
	.research-tit-box .research-txt{font-size:1.5rem; padding-left:4rem;}

	.research-step-list{margin-top:2rem;}
	.research-step-list .list-item{height:10rem;}
	.research-step-list .list-item:before{font-size:1.6rem; width:2.4rem; height:2.4rem;}
	.research-step-list .list-item .tit{font-size:1.4rem;}
	.research-step-list .list-item .txt{font-size:1.4rem;}

	/* 연구분야 :: 컨텐츠 :: 기술분야 */
	.research-con-box .research-con-tit{font-size:1.8rem;}

	.research-con-list{gap:1rem;}
	.research-con-list .list-item{width:calc(50% - 0.5rem); padding:2rem;}
	.research-con-list .list-item .img-box{margin-bottom:2rem; }
	.research-con-list .list-item .img-box span{height:20rem;}
	.research-con-list .list-item .txt-box{margin-bottom:2rem;}
	.research-con-list .list-item .txt-box .tit{font-size:2rem;}
	.research-con-list .list-item .txt-box .txt{font-size:1.4rem; line-height:1.5;}
}
@media all and (max-width:480px){
	/* 연구분야 :: 배너 :: 리스트 */
	/* 배너 */
	.research-banner-con{width:20rem; height:20rem;}
	.research-banner-con .middle-con:before{width:25rem; height:25rem;}
	.research-banner-con .middle-con .logo svg{width:12rem;}

	.research-list .list-item a{width:12rem; height:12rem;}
	.research-list .list-item .tit{font-size:1.8rem;}
	.research-list .list-item .txt{font-size:1.2rem;}
	
	/* 연구분야 :: 컨텐츠 :: 상단 */
	.research-tit-box{display: block;}
	.research-tit-box .research-tit{width:100%; margin-bottom:1rem;}
	.research-tit-box .research-txt{padding-left:0rem; width:100%;}
	
	.research-step-list{display: block;}
	.research-step-list .list-item{height:auto; width:100%; padding-block:2rem;}
	.research-step-list .list-item:before{top: 100%; right: 50%; transform: translate(50%, -50%) rotate(90deg);}
	.research-step-list .list-item .txt{min-height:auto;}
	
	/* 연구분야 :: 컨텐츠 :: 기술분야 */
	.research-con-list .list-item{width:100%;}
}

/* ****************** 스마트 제조혁신 ****************** */
@media all and (max-width:800px){
	/* 스마트 제조혁신 :: 배너 */
	.innovation-content .cm-gray-wrap{padding-bottom:10rem;}
	.innovation-banner-con{display: block; width:auto; height:auto; margin:16rem auto 5rem;}
	.innovation-banner-con .innovation-banner-tit{bottom:calc(100% + 7rem); width:20rem; height:4rem;}
	.innovation-banner-con .innovation-banner-tit span{font-size:1.6rem;}
	.innovation-banner-con .middle-con{width:25rem; height:25rem; margin: auto;}
	.innovation-banner-con .middle-con:before{width:25rem; height:25rem;}
	.innovation-banner-con .middle-con .tit{font-size:2rem;}
	.innovation-banner-con .middle-con .txt{font-size:1.6rem;}
	.innovation-banner-con .middle-con .arrow{bottom:calc(100% - 3px); width:auto; height:6rem;}
	.innovation-banner-con .middle-con .arrow svg{width:auto; height:100%;}
	.innovation-banner-con .middle-con .plus-txt{top:calc(100% + 2rem);}
	.innovation-list{margin-top:8rem;}
	.innovation-list .list-item{position: relative; width:12rem; height:12rem; transform:translateX(-9rem) !important; top:auto !important; left:auto !important; margin:0 auto 1rem;}
	.innovation-list .list-item .circle{font-size:1.6rem;}
	.innovation-list .list-item .circle:before{width:4rem;}
	
	/* 스마트 제조혁신 :: 배너 :: 리스트 :: 좌우 */
	.innovation-list .list-item.left .circle:before{right:auto; left:calc(100% + 2px);}
	.innovation-list .list-item.left .circle:after{right:auto; left:calc(100% + 4px + 4rem);}
	.innovation-list .list-item.left .txt-list{right:auto; left:calc(100% + 9rem); align-items: flex-start}
	.innovation-list .list-item.left .txt-list .txt{text-align:left;}
}


/* ****************** Product ****************** */
@media all and (min-width:801px){
	.sub-cm-tab-list04 ul li.selected > a,
	.sub-cm-tab-list04 ul li:hover > a{color:#fff;}
}
@media all and (max-width:800px){
	.sub-cm-tab-list04 ul{border-radius:0; padding-inline:0; padding-bottom:0;}
	.sub-cm-tab-list04 ul li{width:100% !important;}
	.sub-cm-tab-list04 ul li > a > span{color:inherit !important; padding:0;}
	.sub-cm-tab-list04 ul li.selected > a > span{color:var(--main-color) !important;}
	.move-line-wrap .main-move-line{display: none;}
}

/* Product :: 제품 이미지뷰어 */
@media all and (max-width:1520px){
	#product-viewer{height:100vh;}
	#productViewerImg{width:100%;}
}
@media all and (min-width:801px){
	.mo-close-btn{display: none;}
	.product-viewer-num:hover .viewer-link-list .list-item a .img-box,
	.product-viewer-num:hover .viewer-link-list .list-item a .txt-box{opacity:1; transition-delay:0.2s;}
	.product-viewer-num:hover .viewer-link-list .list-item a .txt-box:before{width:100%;}

	.product-viewer-num:hover{z-index:9;}
	.product-viewer-num:hover .viewer-link-list{width:25rem; /* height:auto; */ padding:3rem 2rem; }
}
@media all and (max-width:1280px){
	.prd-viewer-info{padding-top:calc(var(--header-height) + 3rem)}
	.prd-viewer-info .prd-tit{font-size:6rem;}
	.prd-viewer-info .prd-txt{font-size:1.6rem; margin-top:1rem;}
}
@media all and (max-width:800px){
	#product-viewer{background:transparent; margin-top:5rem;}

	.prd-viewer-info{padding-top:calc(var(--header-height) + 3rem);}
	.prd-viewer-info .prd-tit{font-size:4rem;}
	
	.prd-viewer-info.white-ver .prd-tit,
	.prd-viewer-info.white-ver .prd-txt{color:#fff;}
	.prd-viewer-info.white-ver #scroll-move-JS{opacity:0;}
	
	#scroll-move-JS{margin-block:2rem;}

	.product-viewer-num{width:2.5rem; height:2.5rem; font-size:1rem;}
	.product-viewer-num .num{width:1rem; height:1rem; top: calc(50% - 0.5rem); left: calc(50% - 0.5rem);}
	.product-viewer-num .num i{display: none;}
	#productViewerBtn.active .product-viewer-num .wave:nth-child(-n+2){display: none;}
	
	.prd-tab-style{width:calc(100% - (2 * var(--area-padding))); bottom:auto;}
	.prd-tab-style .sub-drop-menu-style ul{padding-top:2.5rem;}
	
	.product-viewer-wrap{top:5rem;}
	
	.mo-close-btn{display: block; position: absolute; top: 1rem; right: 1rem; font-size: 3rem; color: #fff;}
	.viewer-link-list{transition: opacity 0.4s ease-in-out, width 0s; opacity: 0;}
	.viewer-link-list .list-item a{display: block; width:21rem; margin:auto;}
	.viewer-link-list .list-item a .mobility-viewer-slide{transform:translateX(0);}
	.viewer-link-list .list-item a .txt-box{width:100%;}

	.product-viewer-num.hover{z-index:9;}
	.product-viewer-num.hover .viewer-link-list{position: fixed; top: 50%; left: 50%; bottom:auto; right:auto; transform: translate(-50%, -50%); width: calc(100vw - (2 * var(--area-padding))); padding:3rem 2rem; opacity:1; background: rgba(0, 0, 0, 0.2);}
	#prdNumInterior .product-viewer-num.hover .viewer-link-list,
	#prdNumControl .product-viewer-num.hover .viewer-link-list{background:rgba(255,255,255, 0.2)}
	
	.product-viewer-num.hover .viewer-link-list .list-item a .img-box,
	.product-viewer-num.hover .viewer-link-list .list-item a .txt-box{opacity:1; transition-delay:0.2s;}
	.product-viewer-num.hover .viewer-link-list .list-item a .txt-box:before{width:100%;}
	
	/* ios */
	.ios-os .product-viewer-num.hover .viewer-link-list{background: rgba(0, 0, 0, 0.8);}
}


/* ****************** Non-Mobility ****************** */
@media all and (max-width:1460px){
	/* 각 항목별 위치 */
	/* damperItem */
	#damperItem .banner-img-box .dots-list .list-item.item01{margin-top:7.1918vw; margin-left:0vw;}
	#damperItem .banner-img-box .dots-list .list-item.item02{margin-top:-2.0548vw; margin-left:10.2740vw;}
	#damperItem .banner-img-box .dots-list .list-item.item03{margin-top:-19.1781vw; margin-left:31.5068vw;}
	/* latchItem */
	#latchItem .banner-img-box .dots-list .list-item.item01{margin-top:0vw; margin-left:4.1096vw;}
	/* homeItem01 */
	#homeItem01 .banner-img-box .dots-list .list-item.item01{ margin-top: 5.1369vw; margin-left: -17.0548vw; }
	#homeItem01 .banner-img-box .dots-list .list-item.item02{ margin-top: 4.4518vw; margin-left: 14.3836vw; }
	#homeItem01 .banner-img-box .dots-list .list-item.item03{ margin-top: 11.6438vw; margin-left: 9.5890vw; }
	#homeItem01 .banner-img-box .dots-list .list-item.item04{ margin-top: 18.4932vw; margin-left: 17.4658vw; }
	#homeItem01 .banner-img-box .dots-list .list-item.item05{ margin-top: -19.8630vw; margin-left: 16.4384vw; }
	/* homeItem02 */
	#homeItem02 .banner-img-box .dots-list .list-item.item01{margin-top:4.7945vw; margin-left:-36.9863vw;}
	#homeItem02 .banner-img-box .dots-list .list-item.item02{margin-top:-8.9041vw; margin-left:34.2466vw;}
	/* outdoorItem */
	#outdoorItem .banner-img-box .dots-list .list-item.item01{margin-top:-4.1096vw; margin-left:-0.6849vw;}
	#outdoorItem .banner-img-box .dots-list .list-item.item02{margin-top:-11.6438vw; margin-left:9.5890vw;}
	#outdoorItem .banner-img-box .dots-list .list-item.item03{margin-top:-8.2192vw; margin-left:15.0685vw;}
	#outdoorItem .banner-img-box .dots-list .list-item.item04{margin-top:-2.0548vw; margin-left:17.8082vw;}
	#outdoorItem .banner-img-box .dots-list .list-item.item05{margin-top:2.0548vw; margin-left:11.6438vw;}
	#outdoorItem .banner-img-box .dots-list .list-item.item06{margin-top:5.4795vw; margin-left:13.6986vw;}
	#outdoorItem .banner-img-box .dots-list .list-item.item07{margin-top:14.3836vw; margin-left:-4.1096vw;}
	#outdoorItem .banner-img-box .dots-list .list-item.item08{margin-top:16.4384vw; margin-left:-0.6849vw;}
	#outdoorItem .banner-img-box .dots-list .list-item.item09{margin-top:17.8082vw; margin-left:-5.4795vw;}
}
@media all and (max-width:800px){
	.non-prd-item{margin-bottom:5rem;}
	.non-prd-tit{font-size:3rem; margin-bottom:2rem;}
	
	.non-prd-item .banner-img-box{margin-bottom:3rem;}
	.non-prd-item .banner-img-box .banner-img img{border-radius:1rem;}
	.non-prd-item .banner-img-box .dots-list{transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 100%; height: 100%;}
	.non-prd-item .banner-img-box .dots-list .list-item{width:0.5rem; height:0.5rem; transform:none;}
	.non-prd-item .banner-img-box .dots-list .list-item .dot{width:0.5rem; height:0.5rem;}
	.non-prd-item .banner-img-box .dots-list .list-item .dot .wave{width:0.5rem; height:0.5rem; animation:dots-wave-M 4.5s linear infinite;}
	
	/* non-Mobility style01 */
	.non-prd-tbl .tbl-item{display: block; font-size:1.4rem; padding:2rem 0;}
	.non-prd-tbl .tbl-item .tit{width:100%; padding:0 var(--area-padding) 1rem;}
	.non-prd-tbl .tbl-item .txt{width:100%; padding:0 var(--area-padding); box-sizing:border-box;}
	
	/* 모바일 */
	/* .non-prd-item .banner-img-box .dots-list .list-item > .dot,
	.non-prd-item .banner-img-box .dots-list .list-item .hover-box{display: none;}
	.non-prd-item .banner-img-box .dots-list .list-item .mobile-btn{display: block;} */
	
	.non-prd-item .banner-img-box .dots-list .list-item .hover-box{position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); bottom: auto !important; right: auto !important;}
	.non-prd-item .banner-img-box .dots-list .list-item.hover .hover-box{width: calc(100vw - (2 * var(--area-padding)));}
}


/* "지속가능 개선활동 하단" 슬라이드 추가 2026-02-05 추가 */
@media all and (max-width:1280px){
	.gnnp-info-box{padding:3rem;}
}
@media all and (max-width:800px){
	.gnnp-slide-wrap{display: block; padding:2rem;}
	.gnnp-img-slide{width:100%}
	.gnnp-info-box{width:100%; padding:3rem 1rem;}
	.gnnp-txt-slide .list-item .txt{font-size:2rem; margin-top:1rem;}
	.gnnp-slide-dots{margin-top:3rem;}
	.gnnp-slide-dots ul li button{width:0.6rem; height:0.6rem;}
	.gnnp-slide-arrows{margin-top:2rem;}
	.gnnp-slide-arrows .slick-arrow{width:4rem; height:4rem; font-size:1.6rem;}
}


/* 지속가능 개선활동 하단 추가 2026-02-10 */
@media all and (max-width:1280px){
	.gnnp-activity-style01 .activity-item{padding:4rem;}
	
	.gnnp-activity-style02 .middle-item{top:calc(50% - 1rem);}
	.gnnp-activity-style02 .activity-item{padding:4rem;}
	.gnnp-activity-style02 .activity-item:nth-child(n+2){padding-top:6rem;}
	.gnnp-activity-style02 .activity-item:nth-child(-n+3){padding-top:4rem; padding-bottom:6rem;}
}
@media all and (max-width:800px){
	.gnnp-activity-wrap{margin-bottom:8rem;}
	
	.gnnp-activity-style01{display: block; justify-content:space-between;}
	.gnnp-activity-style01 .middle-item{position: relative; top:auto; left:auto; transform:none !important; width:100%; height:auto; border-radius:7rem; margin-bottom:3rem; padding:1rem 0;}
	.gnnp-activity-style01 .middle-item:before{display: none;}
	.gnnp-activity-style01 .middle-item .txt{font-size:1.8rem;}
	.gnnp-activity-style01 .middle-item .txt br{display: none;}
	.gnnp-activity-style01 .activity-item{width:100%; padding:3rem; margin-bottom:3rem;}
	.gnnp-activity-style01 .activity-item:last-child{margin-bottom:0;}
	.gnnp-activity-style01 .activity-item .img-box{width:100%;}
	.gnnp-activity-style01 .activity-item .txt-box{margin-top:3rem;}
	.gnnp-activity-style01 .activity-item .txt-box .tit{font-size:1.8rem;}
	.gnnp-activity-style01 .activity-item .txt-box .txt{font-size:1.4rem; margin-top:1.5rem;}

	.gnnp-activity-style01 .activity-item.left-item{padding-right:3rem;}
	.gnnp-activity-style01 .activity-item.right-item{padding-left:3rem;}
	
	
	.gnnp-activity-style02{display: block; margin:0rem;}
	.gnnp-activity-style02 .middle-item{position: relative; top:auto; left:auto; transform:none !important; width:100%; height:auto; border-radius:7rem; margin-bottom:3rem; padding:1rem 0;}
	.gnnp-activity-style02 .middle-item:before{display: none;}
	.gnnp-activity-style02 .middle-item .txt{font-size:1.8rem;}
	
	.gnnp-activity-style02 .activity-item{flex-direction:column-reverse; width:100%; margin:0 0 3rem; padding:3rem;}
	.gnnp-activity-style02 .activity-item .txt-box{width:100%; text-align:center; margin-bottom:0; padding-right:0rem; margin-top:3rem;}
	.gnnp-activity-style02 .activity-item .txt-box .category{font-size:1.4rem;}
	.gnnp-activity-style02 .activity-item .txt-box .tit{font-size:1.8rem; margin-top:1.5rem;}
	.gnnp-activity-style02 .activity-item .txt-box .txt{font-size:1.4rem; margin-top:1.5rem;}

	.gnnp-activity-style02 .activity-item .img-box{width:100%;}

	.gnnp-activity-style02 .activity-item:nth-child(n+2){padding-top:3rem;}
	.gnnp-activity-style02 .activity-item:nth-child(-n+3){padding-top:3rem; padding-bottom:3rem;}
}


/* 모빌리티 뷰페이지 */
@media all and (max-width:800px){
	.prd-mobility-wrap{padding:0rem 0 8rem;}
	.prd-mobility-tit{font-size:3rem; padding-bottom:3rem;}
	
	.prd-mobility-item{display: block; padding:3rem 0; width:100% !important; margin:0 !important;}
	.prd-mobility-item .left-box{width:100%; padding-right:0rem;}
	.prd-mobility-item .left-box .tit{display: block; font-size:3rem; margin-bottom:2rem;}
	.prd-mobility-item .left-box .tit br{display: none;}
	.prd-mobility-item .right-box{width:100%;}
	
	.mobility-inner-list .list-item{padding:3rem 1.5rem 2rem;}
	.mobility-inner-list .list-item .mobility-inner-slide .slide .img-box span{padding-top:56.25%;}
	
	.wide .mobility-inner-list .list-item.full-slide-item{padding-top:56.25%;}
	.wide .mobility-inner-list .list-item.full-slide-item .mobility-inner-slide .slide .img-box span{padding-top:56.25%;}

	.mobility-inner-list .list-item .mobility-inner-txt{font-size:1.4rem; margin-top:1rem;}

	.mobility-inner-list .list-item .mobility-inner-slide-dots{margin-top:1rem;}
	.mobility-inner-list .list-item .mobility-inner-slide-dots ul li{margin:0 2px;}
	.mobility-inner-list .list-item .mobility-inner-slide-dots ul li button{width:0.6rem; height:0.6rem; }

	.mobility-inner-list.list03 .list-item{width:calc(50% - 1rem);}

	.mobility-inner-info{margin-top:3rem;}
	.mobility-inner-info dl{display: block; padding:2rem 1.5rem; font-size:1.6rem;}
	.mobility-inner-info dl dt{width:100%; margin-bottom:1.5rem;}
	.mobility-inner-info dl dd{width:100%;}
	.mobility-inner-info dl dd p{margin-bottom:0.8rem; line-height: 1.2;}
	
	.prd-mobility-item.half-item .left-box{margin-bottom:2rem;}
	
	.mobility-inner-list .list-item .mobility-inner-slide .slide .img-box span .plus-item .plus-img-box{width:8rem; height:6rem; padding:0.5rem;}
	.mobility-inner-list .list-item .mobility-inner-slide .slide .img-box span .plus-item .plus-img-box img{max-width:70%; max-height:70%;}
	.mobility-inner-list .list-item .mobility-inner-slide .slide .img-box span .plus-item.top .plus-img-box{top:3rem;}
	.mobility-inner-list .list-item .mobility-inner-slide .slide .img-box span .plus-item.bottom .plus-img-box{top:-3rem;}
	
	.mobility-inner-list .list-item.full-slide-item .mobility-inner-txt{bottom:2.5rem}
	.mobility-inner-list .list-item.full-slide-item .mobility-inner-slide-dots{bottom:0.5rem;}
}


/* 인증현황 팝업 */
@media all and (max-width:800px){
	.cer-modal-content{width:calc(100vw - 30px); margin:50px 15px}
	.footer-inner-box {max-width:90%; margin: 0 auto;}
	.cer-pop-inner-box{margin-right:0;}
	.cer-pop-container {flex-direction: column; height:auto; max-height:calc(100vh - 100px); overflow:scroll;}
	.cer-img-box {width: 100%; border-radius:0px; padding: 3.5rem 0;}
	.cer-detail-box{width: 100%; padding: 3rem; box-sizing:border-box; margin: 0;}
	.cer-pop-detail {width: 100%; padding: 0; box-sizing:border-box; margin: 0;}
	.modal-close-btn {right: -0.5rem; top: 0;}
	.modal-close-btn i {font-size:3rem;}
	.cer-pop-img {width: 100%; margin:0;}
	.cer-pop-img span{padding-top:30rem; margin:3rem;}
	.cer-category {font-size:1.2rem;}
	.cer-detail-tit strong {font-size:3rem;}
	.cer-detail-tit p {font-size: 1.4rem;}
	.cer-detail-info-list {margin-top: 2rem;}
	.cer-detail-info-list dt {width: 11rem;}
	
	.cer-modal-content .modal-close-btn{z-index:999; top:1rem; right:1rem !important;}
	.cer-modal-content .modal-close-btn i{color:#000; font-size:3rem;}
	.cer-pop-btn-box{position: absolute; top:20rem; z-index:999; width:100%;}
	.cer-pop-btn{font-size:3rem; color:#000;}
	.cer-pop-btn.prev{left:1rem;}
	.cer-pop-btn.next{right:1rem;}
}

@media all and (max-width:480px){
	.modal-close-btn {right: -0.7rem;}
	.modal-close-btn i {font-size:2.5rem;}
}


/* 연구분야 추가 컨텐츠 */
@media all and (max-width:800px){
	.innovation-con{margin-top:8rem;}
	.inno-tit-box{display: block; margin-bottom:3rem;}
	.inno-tit-box .tit{font-size:3rem; margin-bottom:1.5rem;}
	.inno-tit-box .txt{font-size:1.6rem; margin-left:0rem;}

	.inno-img-box{min-height:auto; padding:2rem 1.5rem;}
	.innovation-con #fixedContentM1 .inno-img-box img{max-width:60%;}

	.inno-process-box{margin-top:4rem;}
	.inno-process-tit{font-size:2.2rem; margin-bottom:2rem;}
	.inno-process-list .list-item{padding:1.5rem;}
	.inno-process-list .list-item .img-box{margin-bottom:2rem;}
	.inno-process-list .list-item .txt-box .txt{font-size:2rem;}
}
@media all and (max-width:480px){
	.inno-process-list .list-item{width:calc(100% - 2rem);}
}


/* 회사개요 Busniess 슬라이드 추가 2026-02-19 추가 */
@media all and (max-width:800px){
	.summary-business-list{max-height:45rem;}
	.summary-business-list{width:80%;}
	.summary-business-list .list-item{padding:1.5rem; min-height:45rem;}
	.summary-business-list .list-item .txt-box{margin-top:1.5rem;}
	.summary-business-list .list-item .txt-box .tit{font-size:2rem;}
	.summary-business-list .list-item .txt-box .txt{font-size:1.4rem;}
	.summary-business-list .list-item .category-box .category{padding:0.5rem 0.6rem; font-size:1.2rem;}
}