@charset "UTF-8";

/*-------------------------------------------------

title       : Sub 메뉴 03
Author      : EASESOFT
Create date : 2024-04

-------------------------------------------------*/

/* 헌장 */
.charter {display:flex; padding:8rem 8rem 13.5rem; overflow:hidden; position:relative; word-break:keep-all; z-index:1;}
.charter .tt {width:14rem; color:#151515; font-size:3.2rem; font-weight:800; position:relative; line-height:1.4;}
.charter .tt::after {content:''; display:block; background-color:#151515; width:5rem; height:1px; margin-top:5rem;}
.charter .desc {width:calc(100% - 14rem); padding-left:12rem;}
.charter .desc .stt {color:#151515; display:block; font-size:2rem; font-weight:500; line-height:1.6;}
.charter .desc .con {margin:3.5rem 0;}
.charter .desc .con li {display:flex; color:#151515; font-size:1.8rem;}
.charter .desc .con li + li {margin-top:1.5rem;}
.charter .desc .con li strong {display:flex; font-weight:700; width:4.5rem; flex-shrink:0;}
.charter .desc .txt {color:#151515; display:block; font-size:1.8rem; line-height:1.6; margin-bottom:1.5rem;}
.charter .desc .name {color:#151515; display:block; font-size:1.8rem; font-weight:700;}

/* 고객서비스헌장 */
.c030101 .charter {background-color:#FFF9FC;}
.c030101 .charter::after {content:''; background:url('/main/img/sub/sub03/030101-bg.svg') no-repeat center; width:54.2rem; height:16.7rem; position:absolute; left:4rem; bottom:0; z-index:-1;}

/* 윤리·청렴 경영 실천 */
.c030201 .charter {background-color:#F2F4FF;}
.c030201 .charter::after {content:''; background:url('/main/img/sub/sub03/030201-bg.jpg') no-repeat left bottom; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:-1;}
.c030201 .charter .tt {white-space:nowrap; flex-shrink:0;}
.c030201 .charter .stt {color:var(--main-color-light); font-size:2.4rem; font-weight:700; margin-bottom:3.5rem;}
.c030201 .charter p {font-size:1.8rem;}
.c030201 .charter p + p {margin-top:1.5rem;}

/* 윤리ㆍ청렴 실천서약서 */
.c030202 .charter {background-color:#F2F4FF;}
.c030202 .charter::after {content:''; background:url('/main/img/sub/sub03/030202-bg.svg') no-repeat center; width:54.2rem; height:16.7rem; position:absolute; left:4rem; bottom:0; z-index:-1;}

/* 인권경영선언문 */
.c030301 .charter {background-color:#F6FFF2;}
.c030301 .charter::after {content:''; background:url('/main/img/sub/sub03/030301-bg.svg') no-repeat center; width:54.2rem; height:16.7rem; position:absolute; left:4rem; bottom:0; z-index:-1;}

/* ESG 경영 선언 */
.c030401 .charter {background-color:#F2F4FF;}
.c030401 .charter::after {content:''; background:url('/main/img/sub/sub03/030401-bg.svg') no-repeat center bottom; width:66rem; height:30rem; position:absolute; left:8.5rem; bottom:6rem; z-index:-1;}
.c030401 .charter .tt {color:#143F8A; white-space:nowrap; flex-shrink:0;}

/* ESG 경영 추진체계 */
.c030402 .con-group {display:flex; gap:6rem;}
.c030402 .con-group + .con-group {margin-top:5rem;}
.c030402 .con-group .tt {flex-shrink:0; border-top:1px solid #ddd; width:15rem; word-break:keep-all; padding-top:2rem; font-size:2.4rem; font-weight:700; color:#151515; line-height:1.4; letter-spacing:-1px;}
.c030402 .con-group .desc {border-top:1px solid #ddd; width:calc(100% - 15rem); padding-top:2rem; display:flex; gap:1.5rem; width:100%;}
.c030402 .con-group .group {flex:1 1 calc(33.333% - 2rem);}
.c030402 .con-group01 .tt,
.c030402 .con-group01 .desc {border-color:#151515;}
.c030402 .con-group01 .desc strong {background-color:#143F8A; border-radius:4px; min-height:7rem; display:flex; align-items:center; justify-content:center; color:#fff; font-size:2.4rem; font-weight:700; padding:1.5rem 2rem; width:100%; text-align:center; line-height:1.4; word-break:keep-all;}
.c030402 .con-group02 .group strong {border-radius:4px; height:6rem; display:flex; align-items:center; justify-content:center; padding:1rem; font-size:2rem; font-weight:700; color:#fff; text-align:center; line-height:1.4;}
.c030402 .con-group02 .group div {border:1px solid #CBD3E2; display:flex; align-items:center; justify-content:center; padding:2rem; font-size:1.8rem; font-weight:700; color:#151515; text-align:center; margin-top:2rem; height:calc(100% - 8rem); min-height:11.5rem; word-break:keep-all;}
.c030402 .con-group02 .group01 strong {background-color:#26A06C;}
.c030402 .con-group02 .group02 strong {background-color:#0092E5;}
.c030402 .con-group02 .group03 strong {background-color:var(--point-color);}
.c030402 .con-group03 .group {display:flex; flex-direction:column; gap:2rem; height:100%;}
.c030402 .con-group03 .group .item {flex:1 1; border:1px solid; border-radius:4px; padding:2rem 3rem; font-size:1.8rem; color:#151515; text-align:center; word-break:keep-all; line-height:1.4; min-height:13.5rem;}
.c030402 .con-group03 .group .num {border-radius:100%; width:3rem; height:3rem; display:flex; align-items:center; justify-content:center; font-size:1.4rem; font-weight:600; color:#fff; margin:0 auto 1rem;}
.c030402 .con-group03 .group01 .item {border-color:#26A06C;}
.c030402 .con-group03 .group01 .num {background-color:#26A06C;}
.c030402 .con-group03 .group02 .item {border-color:#0092E5;}
.c030402 .con-group03 .group02 .num {background-color:#0092E5;}
.c030402 .con-group03 .group03 .item {border-color:var(--point-color);}
.c030402 .con-group03 .group03 .num {background-color:var(--point-color);}
.c030402 .con-group04 .group {display:flex; flex-direction:column; gap:2rem; height:100%;}
.c030402 .con-group04 .group .item {flex:1 1; background-color:#EDF0F4; border-radius:4px; padding:3rem; font-size:1.8rem; color:#151515; text-align:center; word-break:keep-all; line-height:1.4; min-height:12rem;}
.c030402 .con-group04 .group .num {background-color:#002361; border-radius:100%; width:2.4rem; height:2.4rem; display:flex; align-items:center; justify-content:center; font-size:1.2rem; font-weight:600; color:#fff; margin:0 auto 1rem;}
.c030402 .con-group05 .group strong {border-radius:4px; height:6rem; display:flex; align-items:center; justify-content:center; padding:1rem; font-size:2rem; font-weight:700; color:#fff; text-align:center; line-height:1.4;}
.c030402 .con-group05 .group div {border:1px solid #CBD3E2; border-top:0; margin-top:-4px; padding:3rem; display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:#151515; line-height:1.4; text-align:center; word-break:keep-all;}
.c030402 .con-group05 .group01 strong {background-color:#26A06C;}
.c030402 .con-group05 .group02 strong {background-color:#0092E5;}
.c030402 .con-group05 .group03 strong {background-color:var(--point-color);}
.c030402 .con-group06 .tt,
.c030402 .con-group06 .desc {border-bottom:1px solid #151515; padding-bottom:5rem;}
.c030402 .con-group06 .group {border:1px solid #CBD3E2; padding:3rem; display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:#151515; line-height:1.4; text-align:center; word-break:keep-all;}

/* ESG > 환경(E) */
.c030403 .box_color {background-color:#F1F5F9; padding:5rem; margin-top:4rem;}
.c030403 .box_color strong {color:#151515; display:block; font-size:2rem; font-weight:500; margin-bottom:3rem;}
.c030403 .box_color li {display:flex;}
.c030403 .box_color li + li {margin-top:1rem;}
.c030403 .box_color li b {width:3.5rem; flex-shrink:0;}

/* ESG > 경영 지배구조(G) */
.c030405 .organ > ul {display:flex; justify-content:center;}
.c030405 .organ .group01 {width:100%; position:relative;}
.c030405 .organ .group01 > .item {background-color:var(--point-color); border-radius:100%; width:16rem; height:16rem; color:#fff; font-size:2.4rem; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.c030405 .organ .group02 {display:flex; justify-content:flex-end; padding:0 10rem; margin-top:1rem; position:relative;}
.c030405 .organ .group02 .item {display:block; border:1px solid var(--main-color-light); border-radius:4px; width:28.5rem; overflow:hidden;}
.c030405 .organ .group02 .item strong {display:block; background-color:var(--main-color-light); height:6rem; display:flex; align-items:center; justify-content:center; color:#fff; font-size:2rem; font-weight:600;}
.c030405 .organ .group02 .item span {display:block; background-color:#fff; height:6rem; display:flex; align-items:center; justify-content:center; color:#151515; font-size:1.8rem; font-weight:600;}
.c030405 .organ .group03 {display:flex; justify-content:center; margin-top:2rem;}
.c030405 .organ .group03 > li {width:100%;}
.c030405 .organ .group03 > li > .item {display:block; width:28.5rem; border:1px solid #26A06C; border-radius:4px; margin:0 auto; overflow:hidden;}
.c030405 .organ .group03 > li > .item strong {display:block; background-color:#26A06C; height:6rem; display:flex; align-items:center; justify-content:center; color:#fff; font-size:2rem; font-weight:600;}
.c030405 .organ .group03 > li > .item span {display:block; background-color:#fff; height:6rem; display:flex; align-items:center; justify-content:center; color:#151515; font-size:1.8rem; font-weight:600;}
.c030405 .organ .group04 {margin:4rem auto 0; padding:0 7.5rem; width:80%;}
.c030405 .organ .group04 > li > .item {background-color:#DFE3EC; border-radius:4px 4px 0 0; display:block; height:6rem; display:flex; align-items:center; justify-content:center; color:#151515; font-size:2rem; font-weight:600;}
.c030405 .organ .group04 .team {display:flex;}
.c030405 .organ .group04 .team > li {width:50%; text-align:center;}
.c030405 .organ .group04 .team > li > .item {width:100%; background-color:#fff; height:6rem; display:flex; align-items:center; justify-content:center; color:#151515; font-size:1.8rem; font-weight:600;}
.c030405 .organ .group04 .team > li:first-child > .item {border-left:1px solid #DFE3EC; border-bottom:1px solid #DFE3EC; border-radius:0 0 0 4px;}
.c030405 .organ .group04 .team > li:last-child > .item {border-left:1px solid #DFE3EC; border-right:1px solid #DFE3EC; border-bottom:1px solid #DFE3EC; border-radius:0 0 4px 0;}
.c030405 .organ .group04 .part {display:inline-flex; justify-content:center; gap:1rem; margin-top:5rem; position:relative;}
.c030405 .organ .group04 .part li {width:6rem; height:17rem; display:flex; justify-content:center; color:#fff; font-size:1.7rem; font-weight:600; border-radius:4px; background-color:#1B3463; padding:2rem 2.5rem; text-align:center; line-height:1.1; word-break:break-all; position:relative;}
.c030405 .organ .group01::before {content:''; background-color:#CBD3E2; width:1px; height:50rem; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1;}
.c030405 .organ .group02::before {content:''; background-color:#CBD3E2; width:40%; height:1px; position:absolute; left:50%; top:6rem; z-index:-1;}
.c030405 .organ .group04 .part::before {content:''; background-color:#CBD3E2; width:1px; height:2.5rem; position:absolute; left:50%; top:-5rem; transform:translateX(-50%); z-index:-1;}
.c030405 .organ .group04 .part::after {content:''; background-color:#CBD3E2; width:calc(100% - 6rem); height:1px; position:absolute; left:50%; top:-2.5rem; transform:translateX(-50%); z-index:-1;}
.c030405 .organ .group04 .part li::before {content:''; background-color:#CBD3E2; width:1px; height:2.5rem; position:absolute; left:50%; top:-2.5rem; transform:translateX(-50%); z-index:-1;}

/* 고객의 소리 */
.c030502 {margin-bottom:5.0rem;}
.c030502 .desc ul {margin:0.5rem 0 1.0rem;}
.c030502 .desc .small {font-size:1.6rem; color:#555;}
.c030502 .desc .small + .small {margin-top:0.5rem;}


/* 재난안전대책본부 */
.c0306010 .top {display:grid; grid-template-columns:1fr 23rem; gap:4rem;}
.c0306010 .organization {position:relative; }
.c0306010 .organization::before {content:""; position:absolute; left:50%; top:0; z-index:-1; height:40rem; width:1px; background:#CBD3E2;}
.c0306010 .organization .round {display:flex; flex-direction:column; justify-content:center; align-items:center; width:16rem; height:16rem; margin:0 auto; background:var(--point-color); font-size:2.4rem; font-weight:700; color:#fff; border-radius:100%;}
.c0306010 .organization .round em {font-size:1.8rem; font-weight:300;}
.c0306010 .organization .round.blue {background:#3241AB;}
.c0306010 .organization .depth_02 {margin-top:4rem;}
.c0306010 .organization .depth_03 {position:relative; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:3rem; margin-top:8rem;}
.c0306010 .organization .depth_03::before {content:""; position:absolute; left:calc(12.5% - 11.25px); top:-4rem; width:calc(75% + 22.5px); height:1px; background:#CBD3E2;}
.c0306010 .organization .depth_03 > li {display:flex; flex-direction:column;position:relative;}
.c0306010 .organization .depth_03 > li::before {content:""; position:absolute; left:50%; bottom:100%; z-index:-1; height:4.0rem; width:1px; background: #CBD3E2;}
.c0306010 .organization .depth_03 strong { z-index:1; display:flex; flex-direction:row; align-items:center; justify-content:center; padding:1.5rem 0.5rem; background:var(--main-color); font-size:1.7rem; font-weight:600; color:#fff; border-radius:4px;}
.c0306010 .organization .depth_03 ul { margin-top:-3px; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:2.0rem 0.5rem; border:1px solid #CBD3E2; font-size:1.6rem; border-radius:0 0 4px 4px; word-break:keep-all;}
.c0306010 .emergency {overflow:hidden; margin-top:auto; border:1px solid #CBD3E2; border-radius:0.4rem;}
.c0306010 .emergency .inner {padding:3rem 2rem;}
.c0306010 .emergency .bg {padding:2rem 1.5rem; background:#F4F7F9; border-top:1px solid #CBD3E2;}
.c0306010 .emergency ul.col {position:relative;}
.c0306010 .emergency ul.col::before {content:""; position:absolute; left:50%; height:100%; border-right:1px solid #CBD3E2;}
.c0306010 .emergency ul.col li {position:relative; z-index:1; padding:0.5rem 0; border:1px solid #0048C8; background:#fff; color:#0048C8; font-size:1.6rem; font-weight:600; text-align:center; border-radius:4px;}
.c0306010 .emergency ul.col li + li {margin-top:2rem;}
.c0306010 .emergency ul.col li:nth-child(2n) {border-color:#CBD3E2; color:#333;}
.c0306010 .emergency ul.col li em {display:block; font-weight:300;}
.c0306010 .emergency ul.grid {display:grid; grid-template-columns:1fr 1fr; gap:0.5rem;}
.c0306010 .emergency ul.grid li {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1rem 0; font-size:1.6rem; color:#555; text-align:center; line-height:1.4; background:#fff; word-break:keep-all;}
.c0306010 .box_color {padding:2rem 0; background:#143F8A; color:#fff;}
.c0306010 .box_group.job {gap:1rem;}
.c0306010 .box_group.job .box {border-color:#143F8A; padding:0 2rem 2rem 2.5rem; border-radius:4px;}
.c0306010 .box_group.job .box strong {display:block; width:90%; padding:3rem 0; margin:0 auto 2rem; font-size:2rem; font-weight:800; text-align:center; border-bottom:1px solid #CBD3E2;}

/* 안전보건경영시스템 */
.c0306020 .box_group {gap:4rem 2.4rem;}
.c0306020 .certi_box {display:flex; flex-direction:column; align-items:stretch; justify-content:center;}
.c0306020 .certi_box .img {flex:1; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.c0306020 .certi_box strong {display:block; margin-top:2rem; text-align:center;}

/* 안전점검 */
.c0306030 .box_col .box + .box {margin-top:2rem;}
.c0306030 .box_col .box {min-height:19rem; padding-right:2rem;}

/* 인권경영 추진체계 */
.c030303 .con-group01 .desc.blue strong {background:#6958DC;}
.c030303 .con-group02 .group strong {height:8rem;}
.c030303 .arrow {width:calc(100% - 21rem); height:8.2rem; margin:6rem 0 3rem auto; background:url("/main/img/sub/sub03/030303_arrow.svg") no-repeat center center; transform:rotate(180deg);}
.c030303 .con-group03 .desc {display:flex; flex-direction:row; justify-content:center; align-items:stretch; gap:20px;}
.c030303 .con-group03 .s_box {flex:1; display:flex; flex-direction:column; padding:3.0rem; border:1px solid #CBD3E2; border-radius:0.4rem;}
.c030303 .con-group03 .title { font-size:2.0rem; font-weight:700; text-align:center; color:#143F8A; margin-bottom:1rem; word-break:keep-all;}

/* 소극행정 신고센터 */
.c0305034 .step > ul {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:6.4rem;}
.c0305034 .step .s_box {position:relative;display:flex; flex-direction:column; justify-content:center; align-items:center; height:12rem; padding:0 1rem; background:#1D3B70; border-radius:4px; color:#fff; font-size:1.8rem; text-align:center; word-break:keep-all; line-height:1.2;}
.c0305034 .step .s_box em {font-size:1.6rem; margin-top:0.5rem;}
.c0305034 .step .s_box::before {content:""; position:absolute; left:-3.2rem; top:5.4rem; border-left:10px solid #1D3B70; border-top:7px solid transparent; border-bottom:7px solid transparent;}
.c0305034 .step > ul > li:first-child.s_box::before {display:none;}
.c0305034 .step ul ul {margin-top:6.4rem; position:relative;}
.c0305034 .step ul ul .s_box::before {content:""; position:absolute; left:calc(50% - 5px); top:-3.2rem; border-top:10px solid #1D3B70; border-left:7px solid transparent; border-right:7px solid transparent;}

/* 작업중지 요청 */
.c0306050 .step-box .step li {border:1px solid #CBD3E2; border-radius:4px; position:relative; word-break:keep-all; padding-bottom:25px;}
.c0306050 .step-box .step li strong {position:absolute; left:50%; transform:translateX(-50%); top:-15px; background:#fff; padding:0 10px; font-size:1.8rem; font-weight:700; white-space:nowrap; border:1px solid #CBD3E2; border-radius:1.6rem;}
.c0306050 .step-box .step li em {border-radius:100%; width:3rem; height:3rem; display:flex; align-items:center; justify-content:center; font-size:1.4rem; font-weight:600; color:#fff; background:#0092E5; margin:0 auto 1rem;}

.c0306050 .step-box .step2 li em {background-color:#002361;}


.c0306060 .certi_outer {text-align:center; display:flex; justify-content:center; align-items:center;}
.c0306060 .certi_box {display:inline-flex;}
.c0306060 .information {border-radius:1.6rem; padding:2.4rem; background:#FAFBFD; border:1px solid #ddd; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:1rem;}
.c0306060 .information i {width:5rem; height:5rem; flex:none; display:flex; justify-content:center; align-items:center; font-size:2.4rem; color:#3577E8 ;}
.c0306060 .information strong {display:block; font-size:2rem;}
.c0306060 .information span {display:block; font-size:1.5rem; color:#666;}

.c0306060 .box.blue {background:#FAFBFD; border:none; border-radius:1.6rem; box-shadow:inset 0 0 5px rgba(0,0,0,0.1);}
.c0306060 .box.blue .h4 {color:#3577E8; text-align:center;}

.c0306060 .box.info_4 {border-radius:1.6rem; box-shadow:0 2px 10px rgba(0,0,0,0.1); border:1px solid #ddd; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:0.8rem;}

.c0306060 .box.info_4 i {display:flex; justify-content:center; align-items:center; width:6rem; height:6rem; font-size:3rem; border-radius:2.4rem; background:#dbeafe; color:#2563eb;}
.c0306060 .box.info_4 strong {font-size:2rem;}
.c0306060 .box.info_4 p {font-size:1.6rem; color:#888;}

.c0306060 .box.info_4:nth-of-type(2) i {background:#ffedd5; color:#c2410c;}
.c0306060 .box.info_4:nth-of-type(3) i {background:#fee2e2; color:#dd2929;}
.c0306060 .box.info_4:nth-of-type(4) i {background:#f3e8ff; color:#7e22ce;}

.c0306070 .box {display:flex; flex-direction:column; align-items:center; justify-content:stretch;}
.c0306070 .box .btnbox {margin-top:2rem;}
.c0306070 .box.only_img i {align-self:center;}
.c0306070 .box.only_img .btnbox {margin-top:auto;}
.c0306070 .table_tab {display:none;}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/

/* Media Query */
@media all and (max-width:1300px) {
	/* ESG > 경영 지배구조(G) */
	.c030405 .organ .group02 {padding:0;}
	.c030405 .organ .group04 {width:100%;}

	/* 재난안전대책본부 */
	.c0306010 .top {grid-template-columns:1fr 20rem; gap:2rem;}
	.c0306010 .organization .depth_03 {gap:1rem;}
	.c0306010 .organization .depth_03::before {left:calc(12.5% - 3px); width:calc(75% + 6px);}

	/* 소극행정 신고센터 */
	.c0305034 .step > ul { gap:3.2rem;}
	.c0305034 .step .s_box::before { left:-2rem}
}

@media all and (max-width:1024px) {
	/* 헌장 */
	.charter {padding:4.5rem 3rem;}
	.charter .tt {font-size:2.8rem;}
	.charter .tt::after {margin-top:4rem;}
	.charter .desc {padding-left:8rem;}
	.charter .desc .stt {font-size:1.6rem;}
	.charter .desc .con li {font-size:1.6rem;}
	.charter .desc .con li strong {font-size:1.8rem;}
	.charter .desc .txt {font-size:1.6rem;}
	.charter .desc .name {font-size:1.6rem;}

	/* ESG 경영 추진체계 */
	.c030402 .con-group {flex-wrap:wrap; gap:0;}
	.c030402 .con-group + .con-group {margin-top:2rem;}
	.c030402 .con-group .tt {width:100%; text-align:center;}
	.c030402 .con-group .desc {width:100%; border-top:0}
	.c030402 .con-group06 .tt {border-bottom:0; padding-bottom:0;}

	/* ESG > 환경(E) */
	.c030403 .gra_box .type .group::after {height:8rem;}

	/* 재난안전대책본부 */
	.c0306010 .top {display:block;}
	.c0306010 .emergency {margin-top:4rem; display:grid; grid-template-columns:1fr 1fr; gap:0;}
	.c0306010 .emergency .inner {padding:2rem;}
	.c0306010 .emergency .bg {padding:2rem; display:flex; flex-direction:column;}
	.c0306010 .emergency .inner strong {font-size:1.8rem;}
	.c0306010 .emergency ul.col {margin-top:2rem !important;}
	.c0306010 .emergency ul.grid {flex:1; display:flex; flex-direction:column; align-items:stretch; gap:0.5rem;}
	.c0306010 .emergency ul.grid li {flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;}

	.c030303 .arrow {width:100%; margin:6rem auto 3rem;}

	.c0306050 .step-box .step {gap:5rem;}
}

@media all and (max-width:768px) {
	/* 헌장 */
	.charter {flex-wrap:wrap;}
	.charter .desc {padding-left:0; width:100%; margin-top:4rem;}

	/* 윤리·청렴 경영 실천 */
	.c030201 .charter .stt {font-size:2rem;}
	.c030201 .charter p {font-size:1.6rem;}

	/* ESG 경영 선언 */
	.c030401 .charter::after {width:calc(100% - 3rem); background-size:contain; bottom:1.5rem; left:1.5rem;}

	/* ESG 경영 추진체계 */
	.c030402 .con-group .desc {flex-direction:column;}
	.c030402 .con-group01 .desc strong {font-size:2.2rem;}
	.c030402 .con-group02 .group strong {font-size:2rem;}
	.c030402 .con-group02 .group div {font-size:1.6rem; min-height:auto; padding:3rem; margin-top:1rem;}
	.c030402 .con-group03 .group {gap:1.5rem;}
	.c030402 .con-group03 .group .item {min-height:auto; font-size:1.6rem; padding:3rem;}
	.c030402 .con-group04 .group .item {font-size:1.6rem;}
	.c030402 .con-group05 .group strong {font-size:1.8rem;}
	.c030402 .con-group05 .group div {font-size:1.6rem;}
	.c030402 .con-group06 .group {font-size:1.6rem;}

	/* ESG > 환경(E) */
	.c030403 .box_color {padding:4rem 3rem;}

	/* ESG > 경영 지배구조(G) */
	.c030405 .organ .group02 {justify-content:center; margin-top:2rem;}
	.c030405 .organ .group04 {padding:0; width:28.5rem;}
	.c030405 .organ .group04 .team {flex-direction:column; margin-top:2rem; gap:2rem;}
	.c030405 .organ .group04 .team > li {width:100%;}
	.c030405 .organ .group04 .team > li > .item {width:100%; border:1px solid #DFE3EC !important; border-radius:4px !important;}
	.c030405 .organ .group04 .part {flex-direction:column; width:100%; margin-top:1rem;}
	.c030405 .organ .group04 .part li {width:100%; height:6rem; padding:0; align-items:center;}
	.c030405 .organ .group01::before {height:100%;}
	.c030405 .organ .group02::before,
	.c030405 .organ .group04 .part::before,
	.c030405 .organ .group04 .part::after,
	.c030405 .organ .group04 .part li::before {display:none;}

	/* 재난안전대책본부 */
	.c0306010 .organization::before {height:32rem;}
	.c0306010 .organization .round {width:12rem; height:12rem; font-size:2.2rem; line-height:1.3;}
	.c0306010 .organization .round em {font-size:1.6rem;}
	.c0306010 .organization .depth_03 {display:flex; flex-direction:column; padding-left:4rem; }
	.c0306010 .organization .depth_03::before {left:0; top:-4rem; width:1px; height:100%;}
	.c0306010 .organization .depth_03::after {content:""; position:absolute; left:0; top:-4rem; width:50%; height:1px; background:#CBD3E2;}
	.c0306010 .organization .depth_03 > li::before {left:-4rem; bottom:50%; height:1px; width:4rem;}
	.c0306010 .organization .depth_03 > li:last-child::after {content:""; position:absolute; left:-5rem; top:50%; height:50%; width:2rem; background:#fff;}
	.c0306010 .organization .depth_03 strong { font-size:1.5rem; text-align:center; }
	.c0306010 .organization .depth_03 ul {gap:0.5rem; padding:1rem 0.5rem; font-size:1.4rem; word-break: break-all;}
	.c0306010 .organization .depth_03 ul li {line-height:1.3;}
	.c0306010 .emergency .inner {padding:2rem 1.5rem;}
	.c0306010 .emergency ul.col li em {font-size:1.4rem;}

	/* 안전보건경영시스템 */
	.c0306020 .certi_box + .certi_box {margin-top:4rem;}

	/* 안전점검 */
	.c0306030 .box_col + .box_col {margin-top:2rem;}
	.c0306030 .box_col .box {min-height:inherit;}

	/* 소극행정 신고센터 */
	.c0305034 .step > ul {display:block; padding-left:calc(50% - 21rem);}
	.c0305034 .step > ul > li + li {margin-top:3rem;}
	.c0305034 .step .s_box {width:20rem; height:inherit; padding:2rem 1rem; font-size:1.6rem;}
	.c0305034 .step .s_box em {font-size:1.4rem;}
	.c0305034 .step .row {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:3rem;}
	.c0305034 .step .s_box::before {left:calc(50% - 7px); top:-2rem; border-top:10px solid #1D3B70; border-left:7px solid transparent; border-right:7px solid transparent;}
	.c0305034 .step ul ul {margin-top:0;}
	.c0305034 .step ul ul .s_box::before {left:-2rem; top:calc(50% - 7px); border-left:10px solid #1D3B70; border-top:7px solid transparent; border-bottom:7px solid transparent;}
}

@media all and (max-width:600px) {
	/* 소극행정 신고센터 */
	.c0305034 .step > ul {padding-left:calc(50% - 16rem);}
	.c0305034 .step .s_box {width:16rem;}

	.c0306050 .tel em {display:block; margin-left:20px;}
}

@media all and (max-width:480px) {
	/* 소극행정 신고센터 */
	.c0305034 .step > ul {padding-left:calc(50% - 14rem);}
	.c0305034 .step .s_box {flex:none; width:12.5rem; font-size:1.4rem;}
}