@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; }
	.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:40px; }
	.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; border-radius: 5px; 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; z-index:11; 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}
	.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 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent; border-color: #eee;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ******************  커스텀 탭 01 ********************** */
@media all and (max-width: 800px) {
	.custom-style01 {margin-bottom: 3rem; z-index: 99;}
}

/* ******************  공통 상단 텍스트 ********************** */
@media all and (max-width: 800px) {
	.esg-item-wrap {margin-top: 5rem;}
	.sub-top-txt-box .sub-top-txt01 {margin-bottom: 2rem; font-size: 2.6rem;}
}

/* ******************  공통 flex 영역 ********************** */
@media all and (max-width: 800px) {
	.cm-flex-wrap {display: block;}
	.cm-flex-wrap .cm-flex-tit-area {width: 100%;}
	.cm-flex-tit {font-size: 2.4rem;}
	.cm-flex-tit br {display: none;}
	.cm-flex-wrap .cm-flex-content-area {width: 100%; margin: 2rem 0 0 0;}
}

/* ******************  공통 버튼 ********************** */
@media all and (max-width: 800px) {
	.cm-sub-btn-box .cm-sub-btn {width: 19rem; height: 5rem;}
}

/* ******************  회사 :: 공통 ********************** */
/* @media all and (max-width: 800px) {
	.company-con-tit {font-size: 3.6rem;}
}
 */
/* ******************  회사 :: 인사말 ********************** */
@media all and (max-width: 1280px) {
	.greeting-page {padding-bottom: 10rem;}
	.greeting-page::after {width: 83.9rem; height: 84.4rem;}
	.greeting-page::before {height: 59.5rem; border-radius: 5rem 5rem 0 0;}
	.greeting-con .txt-area {width: 54.576%; margin-right: 3%;}
	.greeting-con .tit-box {margin-bottom: 6rem;}
	.company-con-tit {font-size: 4rem;}
}

@media all and (max-width: 800px) {
	.greeting-page::before {height: 100%; bottom: -15rem;}
	.greeting-page::after {width: 61.9rem; height: 62.4rem; bottom: -17%;}
	.greeting-con {display: block;}
	.company-con-tit {font-size: 2.8rem;}
	.greeting-info-txt {margin-bottom: 2.5rem; font-size: 2.2rem;}
	.greeting-con .txt-area {width: 100%; margin-right: 0; margin-bottom: 4rem;}
	.greeting-con .img-area {width: 100%; max-width: 560px;}
}

/* ******************  회사 :: 개요 ********************** */
@media all and (max-width: 1280px) {
	.summary-map-wrap .map-area {height: auto;}
	.summary-map-wrap .summary-map-info-box {margin-top: -10rem;}

	.summary-history-con .custom-style02 .sub-tab-list-style.top-fixed {top: calc(var(--header-height) + 5rem)}
}

@media all and (max-width: 800px) {
	.summary-info-wrap .wrap-inner {display: block;}
	.summary-info-wrap .img-area {width: 100%; max-width: 560px;}
	.summary-info-wrap .txt-area {width: 100%; margin-left: 0; margin-top: 4rem;}
	.summary-info-wrap .txt-area .tit-box {margin-bottom: 6rem;}
	.summary-info-wrap .summary-info-list .list-item {padding: 2rem;}
	.summary-info-wrap .summary-info-list .list-item-tit {margin-right: 3rem;}
	.summary-info-wrap .summary-info-list .inner-item-list {width: calc(100% - 8.5rem);}
	.summary-info-wrap .summary-info-list .inner-item-list .list-item-txt {width: 100%;}
	.summary-info-wrap .summary-info-list .list-item-txt {width: calc(100% - 8.5rem);}

	.summary-map-wrap {padding-bottom: 7rem; margin-bottom: 7rem;}
	.summary-map-wrap .map-area {margin-bottom: 3rem;}
	.summary-map-wrap .map-area .cm-scroll-drag-guide {padding: 0 var(--area-padding);}
	.summary-map-wrap .map-area .mCSB_scrollTools.mCSB_scrollTools_horizontal {left: var(--area-padding); width: calc(100% - var(--area-padding) * 2);}
	.summary-map-wrap .summary-map-info-box {max-width: none; margin-top: 0; margin-right: 0;}
	.summary-map-wrap .list-toggle-btn {height: 6rem; padding: 0 2.5rem;}
	.summary-map-wrap .list-toggle-btn span {font-size: 2rem;}
	.summary-map-wrap .list-toggle-btn .num {width: 1.7rem; height: 1.7rem;}
	.summary-map-wrap .inner-list {padding: 0 2.5rem;}
	.summary-map-wrap .inner-list li {padding: 2rem 0;}
	.summary-map-wrap .inner-list .location-name {margin-right: 2rem;}
	.summary-map-wrap .inner-list .location-address {width: calc(100% - 14.5rem);}

	.summary-cm-tit {font-size: 2.8rem;}
	
	.summary-history-con .history-warp {padding-top: 4rem; padding-bottom: 10rem;}
	.summary-history-con .cm-fixed-tab-container-JS {display: block;}
	.summary-history-con .custom-style02 {margin-bottom: 6rem;}
	.summary-history-con .custom-style02 .sub-tab-list-style {position: static;}
	/* .summary-history-con .custom-style02 .sub-tab-list-style.top-fixed {top: var(--header-height); z-index: 99;} */

	.summary-history-con .summary-history-tit {font-size: 3.6rem; margin-bottom: 2rem;}
}

/* ******************  회사 :: 오시는 길 ********************** */
@media all and (max-width: 800px) {
	.location-map-con {display: block; padding-bottom: 7.5rem;}
	.location-map-con .map-area {width: 100%; padding-top: 53%;}
	.location-map-con .info-area {width: 100%; margin-left: 0; margin-top: 2rem; padding: 2.5rem 3rem 3rem 3rem;}
	.location-map-con .info-area .txt-box {margin-bottom: 3rem;}
	.location-map-con .info-area .map-tit {margin-bottom: 1.5rem; font-size: 2.8rem;}
	.location-map-con .cm-sub-btn-box {display: block;}
	.location-map-con .cm-sub-btn-box .cm-more-btn {width: 23rem;}
}

@media all and (max-width: 480px) {
	.location-map-con .map-area {padding-top: 65%;}
}

/* ******************  사업 :: 공통 ********************** */
@media all and (max-width: 800px) {
	.business-cm-bg-con {margin-top: 3rem; padding-top: 40%;}
	.business-page .cm-con-style {padding: 5rem 0;}
	.business-cm-bg-txt {font-size: 2.4rem; margin-top:5rem; width:200%; line-height:1.2;}
	.business-cm-bg-con.animated .business-cm-bg-txt{letter-spacing: 0.4em; white-space:nowrap;}
	.business-cm-wrap-txt {line-height: 1.4; font-size: 1.8rem;}

	.business-cm-gray-item {flex-direction: column; gap: 2.5rem 0 !important; padding: 2rem; margin-top: 2rem;}
	.business-cm-gray-item .img-box, .buniess-cm-red-container .img-box {display: flex; align-items: center; justify-content: center;}

	.buniess-cm-red-container {width: 100% !important;}
	.buniess-cm-red-container .inner {padding: 2rem !important;}
	.buniess-cm-red-container .business-red-tit {font-size: 1.5rem;}

	.business-cm-compe-list {grid-template-columns: repeat(1, 1fr) !important; grid-gap: 1rem 0 !important;}
	.business-cm-compe-list .list-item {padding: 2.5rem;}
	.business-cm-compe-list .list-item .txt-box {margin-bottom: 2rem;}
	.business-cm-compe-list .list-item .img-box {width: 6rem; height: 6rem; padding: 1.5rem;}

	.business-system-info-list .list-item {display: block;}
	.business-system-info-list .list-item .img-box {width: 100%;}
	.business-system-info-list .list-item .inner-info-list {width: 100%; margin-top: 1rem;}

	.business-equip-info-tit {font-size: 2rem;}
}

@media all and (max-width: 480px) {
	.business-cm-bg-con {padding-top: 50%;}
	.business-cm-bg-txt {font-size: 2rem;}
}

/* ******************  사업 :: 2차전지물류 ********************** */
@media all and (max-width: 800px) {
	.secondary-page {padding-bottom: 5rem;}
	.secondary-accordion-container {margin-top: 3rem;}
	.secondary-accordion-container .accordion-toggle-btn {padding: 0 2.5rem;}
	.secondary-accordion-container .img-box {padding: 2rem;}
	
	.network-address-list {margin-bottom: 3.5rem;}
	.business-cm-table th, .business-cm-table td {font-size: 1.3rem;}
	.business-cm-table th {padding: 1.5rem 0;}
	.business-cm-table td {padding: 1.5rem 1rem;}
	/* .network-address-list {grid-template-columns: repeat(2, 1fr);} */
}

@media all and (max-width: 480px) {
	.secondary-accordion-container .img-box {grid-template-columns: repeat(1, 1fr); grid-gap: 2rem 0;}

	.network-address-list {grid-template-columns: repeat(1, 1fr);}
}

/* ******************  사업 :: Solar-Cell(NPS) ********************** */
@media all and (max-width: 800px) {
	.nps-page {padding-bottom: 7rem;}
	.nps-page .business-cm-gray-item {padding: 2rem;}
	.nps-process-list-wrap .center-circle {position: static; transform: translate(0, 0); margin: 0 auto 4rem;}
	.nps-process-list {grid-template-columns: repeat(1, 1fr);}
	.nps-process-list .list-item {min-height: 20rem; padding: 2rem;}
	.nps-process-list .list-item:nth-child(even) {align-items: flex-start;}
	.nps-process-list .list-item .process-list-item-tit, .nps-process-list .list-item .txt-box {width: 100%;}
	.nps-process-list .list-item .process-list-item-txt {margin-bottom: 0.5rem;}
	.nps-process-list .list-item:nth-child(even) .process-list-item-tit, .nps-process-list .list-item:nth-child(even) .process-list-item-txt {text-align: left;}
	.nps-process-list .list-item:nth-child(even) .process-list-item-txt {padding-right: 0; padding-left: 0.5rem;}
	.nps-process-list .list-item:nth-child(even) .process-list-item-txt::before {right: auto; left: 0;}
}

@media all and (max-width: 480px) {
	.nps-source-con .nps-img-list {grid-template-columns: repeat(1, 1fr); grid-gap: 2rem 0;}
	.nps-process-con .nps-img-list .list-item {grid-template-columns: repeat(1, 1fr); grid-gap: 2rem 0;}
}

/* ******************  사업 :: EMI전자파차폐 ********************** */
@media all and (max-width: 800px) {
	.emi-process-list {grid-template-columns: repeat(3, calc(33.333% - 3.8rem));}
	.emi-process-list::before {display: none;}

	.emi-equip-info-item {display: block;}
	.emi-equip-info-item .emi-equip-info-tit {font-size: 2rem;}
	.emi-equip-info-item .item-inner {width: 100%; margin-right: 0; margin-bottom: 2rem;}
	.emi-equip-info-item .img-box {width: 100%; padding: 6rem 3.4rem;}
}

@media all and (max-width: 640px) {
	.emi-process-list {grid-template-columns: repeat(2, calc(50% - 3.5rem));}
}

/* ******************  사업 :: OLED물류 ********************** */
@media all and (max-width: 800px) {
	.oled-compe-con .business-cm-compe-list .list-item .txt-box {margin-bottom: 3.5rem;}

	.oled-compe-img-list {margin-top: 5rem; padding-top: 5rem;}
	.oled-compe-img-list .list-item .img-list-txt {left: 2rem; bottom: 2rem; font-size: 1.8rem;}

	.oled-equip-info-item {display: block;}
	.oled-equip-info-item .equip-info-txt-list {width: 100%; margin-right: 0; margin-bottom: 4rem;}
	.oled-equip-info-item .equip-info-img-list {width: 100%; align-items: center;}
	.oled-equip-info-item .equip-info-img-list .list-item {max-width: 460px;}
	.oled-equip-info-item .equip-info-txt-list .list-item {padding: 2.5rem 0;}
}

@media all and (max-width: 480px) {
	.oled-compe-img-list {grid-template-columns: repeat(1, 1fr);}
}

/* ******************  사업 :: 자동차물류 ********************** */
@media all and (max-width: 1280px) {
	.automobile-compe-con .compe-list-box {max-width: 75rem;}
	.automobile-compe-con .compe-list-box .compe-list .list-item {width: 21rem; font-size: 1.3rem;}
}

@media all and (max-width: 800px) {
	.smart-page {padding-bottom: 8rem;}
	.automobile-compe-con .business-cm-gray-item {padding-top: 4rem; padding-bottom: 4rem;}
	.automobile-compe-con .compe-list-box {position: static; gap: 0 2rem; max-width: none;}
	.automobile-compe-con .compe-list-box .compe-list {align-items: center !important;}
	.automobile-compe-con .compe-list-box .compe-list .list-item {width: 100%; margin: 0 !important;}

	.automobile-character-list {margin-bottom: 2rem;}
}

@media all and (max-width: 480px) {
	.automobile-compe-con .compe-list-box {flex-direction: column; gap: 2rem 0;}
	.automobile-compe-con .compe-list-box .compe-list {width: 100%;}

	.automobile-img-list {grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 0;}
	.automobile-character-list .list-item {display: block;}
	.automobile-character-list .list-item .business-dot-txt {width: 100% !important; margin-right: 0 !important; margin-bottom: 0.7rem;}
	.automobile-character-list .list-item .character-list-txt {width: 100% !important;}
}

/* ******************  사업 :: 스마트물류 ********************** */
@media all and (max-width: 800px) {
	.business-spec-list {grid-template-columns: repeat(2, calc(50% - 1rem));}
	.business-spec-list .spec-list-item .img-box {margin-bottom: 1.5rem;}
	.business-spec-list .spec-list-item .txt-box {margin-bottom: 4rem;}
	.business-spec-list .spec-list-item .spec-prd-tit {font-size: 2rem;}
	.business-spec-list .spec-list-item .spec-item-list .spec-type {width: 8rem; font-size: 1.3rem;}
	.business-spec-list .spec-list-item .spec-item-list .spec-value {width: calc(100% - 9.2rem); font-size: 1.3rem;}
	
	.smart-shuttle-con .shuttle-img-box {width: 100%; margin-top: 2rem;}

	.smart-amr-con .container-wrap {max-width: none; width: 100%;}

	.factory-img-list-box {grid-template-columns: repeat(1, 1fr); grid-gap: 2rem 0;}
	.factory-img-list {grid-template-columns: repeat(2, 1fr) !important;}
	.factory-img-list .img-list-item:first-child, .factory-img-list .img-list-item:nth-child(2) {margin-bottom: 2rem;}
	.factory-img-list .img-list-item:nth-child(2) {border-right: none;}
	.factory-img-list-box .factory-img-list .img-list-item:first-child, .factory-img-list-box .factory-img-list .img-list-item:nth-child(2) {margin-bottom: 0;}
	.smart-factory-con .accent-txt {width: 100%; font-size: 1.4rem; padding: 2rem; box-sizing: border-box;}
}

@media all and (max-width: 480px) {
	.business-spec-list {grid-template-columns: repeat(1, 100%); grid-gap: 1rem 0;}

	.factory-img-list {grid-template-columns: repeat(1, 1fr) !important; grid-gap: 2rem 0;}
	.factory-img-list .img {padding-top: 35%;}
	.factory-img-list .img-list-item {border: none !important;}
}

/* ******************  소식 :: 재무정보 ********************** */
@media all and (max-width: 800px) {
	.financial-info-page .chart-list-box {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 0; margin-bottom: 4rem;}
}

/* ******************  소식 :: 홍보센터 ********************** */
@media all and (max-width: 800px) {
	.customer-page {padding-bottom: 0;}
	.customer-con .cm-flex-wrap {margin-top: 5rem; padding-top: 3rem;}
	.pr-page {padding-bottom: 0;}
	.pr-list {grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; padding-bottom: 0;}
	.pr-list .list-item .txt-area {padding: 2rem;}
	.pr-list .list-item .txt-area .tit {margin-bottom: 2rem; font-size: 1.6rem;}
	.pr-list .list-item .txt-area .txt {font-size: 1.4rem;}
}

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

/* ******************  지원 :: 고객센터 ********************** */
@media all and (max-width: 800px) {
	.customer-info-wrap {grid-template-columns: repeat(1, 1fr); grid-gap: 2rem 0;}
	.customer-info-wrap .info-item {padding: 4rem 3rem;}
	.customer-info-wrap .info-item .txt-area {margin-bottom: 2rem;}
	.customer-info-wrap .info-item .info-num {font-size: 2.4rem;}
	.customer-num-tit {margin-top: 2rem;}
}

/* ******************  지원 :: 협력사모집 ********************** */
@media all and (max-width: 800px) {
	.partner-page {padding-bottom: 0;}
	.partner-con .cm-flex-wrap {margin-top: 5rem; padding-top: 3rem;}
}

/* ******************  채용 :: 공통 ********************** */
@media all and (max-width: 800px) {
	.recruit-cm-bg-con {padding-top: 45%; margin-bottom: 6rem;}
	.recruit-cm-bg-con .txt-area .recruit-cm-bg-txt01 {font-size: 3rem;}
	.recruit-cm-bg-con .txt-area .recruit-cm-bg-txt02 {font-size: 1.5rem;}
}

@media all and (max-width: 480px) {
	.recruit-cm-bg-con {padding-top: 55%;}
}

/* ******************  채용 :: 인재상 ********************** */
@media all and (max-width: 1280px) {
	.talent-schema-con .schema-box {max-width: 55.635rem;}
}

@media all and (max-width: 800px) {
	.talent-page {padding-bottom: 5rem;}
	.talent-schema-con {margin-bottom: 5rem;}
	.talent-schema-con .schema-box {margin-bottom: 5rem;}
	.talent-schema-con .circle-list {grid-gap: 20rem;}
	.talent-schema-con .circle-list .list-item .talent-circle-tit {font-size: 2rem;}
	/* .talent-schema-con .circle-list {position: static; transform: none; grid-gap: 10rem;} */
	.talent-schema-con .down-arrow-box {margin-top: 4rem;}

	.talent-active-list .list-item {padding: 2rem;}
	.talent-active-list .list-item .img-box {width: 8rem; height: 8rem;}
	.talent-active-list .list-item .txt-box {width: calc(100% - 10rem); margin-left: 2rem;}
}

@media all and (max-width: 480px) {
	.talent-schema-con .circle-list {grid-gap: 12rem;}
}

/* ******************  채용 :: 인사제도 ********************** */
@media all and (max-width: 800px) {
	.process-step-circle-list {grid-template-columns: repeat(3, 1fr); margin-bottom: 5rem;}
	.process-step-circle-list .step-circle-list-item:nth-child(3) .img-area::before {display: none;}
	.process-step-circle-list .img-area {margin-bottom: 2rem;}
	.process-step-circle-list .step-circle-item-txt {font-size: 2rem;}

	.process-step-txt-list .step-circle-txt-item {padding: 3rem 0;}
	.process-step-txt-list .tit-box {width: 20rem;}
	.process-step-txt-list .dot {width: calc(100% - 17rem); margin: 0 2rem 0 1.5rem;}
}

@media all and (max-width: 480px) {
	.process-step-circle-list {grid-template-columns: repeat(2, 1fr);}
	.process-step-circle-list .step-circle-list-item:nth-child(3) .img-area::before {display: block;}

	.process-step-txt-list .step-circle-txt-item {display: block;}
	.process-step-txt-list .tit-box {margin-right: 0; margin-bottom: 1rem;}
	.process-step-txt-list .step-txt-list-txt {width: 100%;}
}

/* ******************  채용 :: 복리후생 ********************** */
@media all and (max-width: 800px) {
	.welfare-page {padding-bottom: 3.5rem;}
	.welfare-list {grid-template-columns: repeat(2, 1fr);}
	.welfare-list .list-item {min-height: 20rem; padding: 2.5rem;}
}

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

/* ******************  ESG :: 지속가능경영 ********************** */
@media all and (max-width: 1280px) {
	.esg-item-wrap .esg-item .txt-area .esg-item-highlight-txt {font-size: 12.5rem;}
}

@media all and (max-width: 800px) {
	.esg-item-wrap .esg-item .txt-area {display: block; padding: 3.5rem 3.5rem 0 3.5rem;}
	.esg-item-wrap .esg-item .txt-area .esg-item-highlight-txt {bottom: -1.3rem; font-size: 8rem;}
	.esg-item-wrap .esg-item .txt-area .tit-box {width: 100%; margin-bottom: 2rem;}
	.esg-item-wrap .esg-item .txt-area .txt-box {width: 100%;}
	.esg-item-wrap .esg-item .txt-area .esg-item-kr-tit {font-size: 2.6rem;}
	.esg-item-wrap .esg-item .txt-area .esg-item-txt01 {margin-bottom: 1rem;}
}

@media all and (max-width: 480px) {
	.esg-item-wrap .esg-item .txt-area .esg-item-highlight-txt {bottom: -0.7rem; font-size: 5rem;}
}

/* ******************  ESG :: 제보센터 ********************** */
@media all and (max-width: 800px) {
	.report-page {padding-bottom: 2rem;}
	.report-con {margin-top: 4rem;}
	.report-con .cm-flex-wrap {padding: 5rem 0;}
	.report-con .cm-flex-wrap:last-child {padding: 5rem 0 0 0;}
	.report-target-box {display: block; padding: 3rem;}
	.report-target-box .img {width: 100%; padding-top: 45%;}
	.report-target-box .report-target-txt-list {width: 100%; margin-left: 0; margin-top: 3rem;}

	.report-caution-box {padding: 3rem;}

	.report-form-container:last-child {margin-bottom: 0;}
	.report-form-container .form-inner {padding: 1.5rem;}
	.report-form-container .form-flex {flex-direction: column; gap: 1rem 0;}
	.report-form-container .form-flex > .form-inner {width: 100%;}
	.fakeform-selectbox .select-title {text-indent: 1.5rem;}
	.report-form-container .form-inner .form-type-tit {min-width: 6rem;}
	.report-form-container .form-inner .form-type-tit + input {width: calc(100% - 6rem); margin-left: 1rem;}
	.report-form-container .form-inner .form-type-tit + textarea {height: 15rem;}
}

@media all and (max-width: 480px) {
	.report-form-container .radiobox-inner {display: block;}
	.report-form-container .radiobox-inner .radio-input-box {margin-left: 0; margin-top: 1rem; gap: 0 1.5rem;}
	.report-form-container .file-form-inner {display: block;}
	.report-form-container .file-upload-box, .report-form-container .file-ps-txt {margin-left: 0; margin-top: 2rem;}
	.report-form-container .agree-txt {display: block;}
	.report-form-container .agree-txt .more {margin-top: 2rem;}
	.report-form-container .form-inner.security-code-inner .form-type-tit {width: 7rem;}
	.report-form-container .form-inner.security-code-inner input {width: calc(100% - 17rem); flex: initial;}
}

/* ******************  ESG :: 제보센터 :: 제보 작성 완료 ********************** */
@media all and (max-width: 800px) {
	.report-complete-page {padding-bottom: 0;}
	.report-complete-page .report-form-container {padding: 4rem;}
	.report-complete-page .cm-sub-btn-box {margin-top: 3rem;}
	.report-complete-page .sub-top-txt-box {margin-bottom: 2rem;}
}