@charset "utf-8";

body .manage {}

.manage .tabWrap {margin:0 0 70px;}
.manage .subTit {padding:0 0 30px; font-size:var(--fs24); font-weight:800; line-height:1;}

.manage .manage-tit {width:100%; gap:70px; display:flex;}
.manage .manage-tit .txt {width:calc(100% - 570px);}
.manage .manage-tit .txt h4 {color:var(--blue); font-size:var(--fs36); font-weight:700; line-height:1.4;}
.manage .manage-tit .txt p {padding:30px 0 0; font-size:var(--fs18); line-height:1.8;}
.manage .manage-tit .txt a {
	margin:30px 0 0; padding:20px 30px 20px 65px; font-size:var(--fs18); font-weight:700; letter-spacing: -1.08px;
	line-height:1; border-radius:100px; border:3px solid var(--red); display:inline-block;
	background:url(../../images/manage/esgIcon_01.svg)30px 50% no-repeat;
}
.manage .manage-tit .txt a:hover {background-color:#f1f1f1;}
.manage .manage-tit .img {width:500px; background:url(/images/manage/ag-ceremony1.webp)center /cover no-repeat;}
.manage .manage-tit .img.esgImg02 {background-image:url(../../images/manage/esgImg_02.WEBP);}
.manage .manage-tit .img.safeImg {background-image:url(../../images/manage/safeImg_01.WEBP);}
.manage .manage-tit .img.qualityImg {background-image:url(../../images/manage/qualityImg_01.WEBP);}
.manage .manage-tit .img.socialImg {background-image:url(../../images/manage/socialImg_01.WEBP);}
.manage .manage-tit .img.problemImg {background-image:url(../../images/manage/problemImg_01.WEBP);}
.manage .social-gallery {display:flex; gap:15px; width:500px; }
.manage .social-gallery img {max-width:100%;}
.manage .social-gallery .docu {display:grid; grid-template-columns:1fr; border:1px solid #ddd; width:45%;}
.manage .social-gallery .docu li {}
.manage .social-gallery .docu li img {height:100%; width:100%; aspect-ratio:140/198; object-fit:contain;}
.manage .social-gallery .photo {height:100%; width:55%; display:grid; grid-template-columns:1fr; gap:10px;}
.manage .social-gallery .photo li+li {}
.manage .social-gallery .photo li img {height:100%; width:100%; aspect-ratio:1000/563; object-fit:cover;}

.manage .manage-factor {}
.manage .manage-list {display:flex; flex-wrap:wrap; gap:20px;}
.manage .manage-list li {padding:40px; width:calc((100% - 40px)/3); border:1px solid var(--gray2);}
.manage .manage-list li h6 {font-size:var(--fs20); font-weight:700; line-height:1.4;}
.manage .manage-list li p {padding:10px 0 0; line-height:1.8; color:#333;}
.manage .manage-list.view2 li {width:calc((100% - 20px)/2);}
.manage .manage-list.view3 li {width:calc((100% - 40px)/3);}
.manage .manage-list.view4 li {width:calc((100% - 60px)/4);}

/* esg */
.esg .esg-goal {}
.esg .esg-goal ul {display:flex;}
.esg .esg-goal ul li {width:300px; text-align:center;}
.esg .esg-goal ul li+li {margin-left:-25px;}
.esg .esg-goal ul li h6 {padding:50px 0; color:#fff; font-size:var(--fs24); font-weight:800; line-height:1; mix-blend-mode: multiply; border-radius:100px; position:relative;}
.esg .esg-goal ul li h6:after {width:11px; left:50%; top:175%; aspect-ratio: 1/1; background:#1C2B50; border-radius:50%; transform:translateX(-50%);position:absolute; content:''; display:block;}
.esg .esg-goal ul li:nth-child(1) h6 {background:#4770D8;}
.esg .esg-goal ul li:nth-child(2) h6 {background:#324E95;}
.esg .esg-goal ul li:nth-child(3) h6 {background:#2C437C;}
.esg .esg-goal ul li:nth-child(4) h6 {background:#324E95;}
.esg .esg-goal ul li:nth-child(5) h6 {background:#4770D8;}
.esg .esg-goal ul li p {padding:120px 32px 0; font-size:var(--fs18); font-weight:700; line-height:1.4; position:relative;}
.esg .esg-goal ul li p:before {width:1px; height:95px; left:calc(50% - 1px); top:0; border:1px dashed #000;position:absolute; content:''; display:block;}

.esg .esg-plan {display:flex; justify-content:space-between;}
.esg .esg-plan .img {margin:0 auto;}

.esg .esg-list {display:flex; gap:20px;}
.esg .esg-item {width:calc((100% - 40px)/3);}
.esg .esg-item:nth-child(1) .img {background:#2C437C;}
.esg .esg-item:nth-child(2) .img {background:#7E2727;}
.esg .esg-item:nth-child(3) .img {background:#153E43;}
.esg .esg-item .img {height:300px; position:relative;}
.esg .esg-item .img h3 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:var(--fs48); font-weight:800; line-height:1; color:#fff; position:absolute; left:0; top:0; z-index:1;}
.esg .esg-item .img img {opacity:.5;}
.esg .esg-item .txt {height:calc(100% - 300px); padding:50px; border:1px solid var(--gray2);}
.esg .esg-item .txt p {font-size:var(--fs20); font-weight:700; line-height:1.8;}
.esg .esg-item .txt p+p {margin:10px 0 0;}
.esg .esg-item .txt p.dot {padding-left:15px; position:relative;}
.esg .esg-item .txt p.dot:before {width:5px; height:5px; background:var(--blue2); border-radius:50%; left:0; top:14px; position:absolute; content:''; display:block;}

/* 안전경영 */
.safe .safe-wrap {display:flex; justify-content:space-between;}
.safe .safe-goal {width:650px;}
.safe .safe-goal-list {padding:20px 0 0; gap:30px; display:flex; flex-direction:column;}
.safe .safe-goal-item {min-height:70px; padding:0 0 0 90px; position:relative;}
.safe .safe-goal-item .num {width:70px; font-size:var(--fs14); font-weight:800; display:flex; justify-content:center; align-items:center; left:0; top:0; aspect-ratio:1/1; border-radius:50%; color:#fff; position:absolute;}
.safe .safe-goal-item .tit {font-size:var(--fs18); font-weight:800; line-height:1.8; color:var(--blue);}
.safe .safe-goal-item .txt {font-size:var(--fs18); line-height:1.4;}
 
.safe .safe-goal-item:nth-child(1) .num {background:#2C437C;}
.safe .safe-goal-item:nth-child(2) .num {background:#37549D;}
.safe .safe-goal-item:nth-child(3) .num {background:#3F62B9;}
.safe .safe-goal-item:nth-child(4) .num {background:#5592E2;}
.safe .safe-goal-item:nth-child(5) .num {background:#7EAEED;}
.safe .safe-goal-item:nth-child(6) .num {background:#A4CBFD;}

.safe .safe-strategy {}
.safe .safe-strategy .img {padding:20px 0 0; }



/* 품질경영 */

/* 사회공헌 */

/* 고충처리 */

/* qna */





/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	body .manage {}
	
	.manage .tabWrap {margin:0 0 50px;}
	
	.manage .subTit {padding:0 0 25px;}
	
	.manage .manage-tit {gap:30px; flex-direction:column;}
	.manage .manage-tit .txt {width:100%;}
	.manage .manage-tit .txt p {padding:20px 0 0;}
	.manage .manage-tit .txt a {margin:20px 0 0; padding:18px 25px 18px 60px; background-position:25px 50%;}
	.manage .manage-tit .img {max-width:100%; aspect-ratio:5/3;}
	
	.manage .manage-list {gap:10px;}
	.manage .manage-list li {padding:30px;}
	.manage .manage-list li p {padding:5px 0 0;}
	
	.manage .manage-list.view2 li {width:calc((100% - 10px)/2);}
	.manage .manage-list.view3 li {width:calc((100% - 10px)/2);}
	.manage .manage-list.view4 li {width:calc((100% - 10px)/2);}
	
	/* esg */
	.esg .esg-goal {}
	.esg .esg-goal ul {}
	.esg .esg-goal ul li {}
	.esg .esg-goal ul li h6 {padding:40px 0;}
	.esg .esg-goal ul li h6:after {width:10px;top:170%;}
	.esg .esg-goal ul li p {padding:100px 30px 0;}
	.esg .esg-goal ul li p:before {height:80px;}
	
	.esg .esg-list {gap:10px;}
	.esg .esg-item {width:calc((100% - 10px)/3);}
	.esg .esg-item .img {}
	.esg .esg-item .txt {padding:30px;}
	.esg .esg-item .txt p {line-height:1.7;}
	.esg .esg-item .txt p+p {margin:5px 0 0;}
	.esg .esg-item .txt p.dot:before {top:12px}
	
	
	/* 안전경영 */
	.safe .safe-wrap {gap:50px; flex-direction:column;}
	.safe .safe-goal {width:100%; }
	.safe .safe-goal-list {padding:0; gap:20px;}
	.safe .safe-goal-item {padding:0 0 0 70px;}
	.safe .safe-goal-item .num {width:60px;}
	
	.safe .safe-strategy .img {width:650px; max-width:100%; padding:0;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	body .manage {}
	
	.manage .tabWrap {margin:0 0 30px;}
	
	.manage .subTit {padding:0 0 15px;}
	
	.manage .manage-tit .txt p {padding:10px 0 0;}
	.manage .manage-tit .txt a {margin:16px 0 0; padding:12px 20px 12px 45px; border-width:2px; background-position:20px 50%; background-size:18px;}
	
	.manage .manage-list {gap:5px;}
	.manage .manage-list li {padding:20px; width:calc((100% - 5px)/2);}
	
	.manage .manage-list.view2 li {width:calc((100% - 5px)/2);}
	.manage .manage-list.view3 li {width:calc((100% - 10px)/3);}
	.manage .manage-list.view4 li {width:calc((100% - 15px)/4);}
	
	

	
	/* esg */
	.esg .esg-goal {}
	.esg .esg-goal ul {flex-direction:column; gap:20px;}
	.esg .esg-goal ul li {width:100%;}
	.esg .esg-goal ul li+li {margin:0;}
	.esg .esg-goal ul li h6 {width:180px; white-space:nowrap; padding:18px 0;}
	.esg .esg-goal ul li h6:after {display:none;}
	.esg .esg-goal ul li p {width:100%; padding:5px 0 0 14px; text-align:left;}
	.esg .esg-goal ul li p:before {width:80px; height:1px; display:none;}
	.esg .esg-goal ul li p:after {width:5px; height:5px; background:#000; border-radius:50%; left:0; top:13px; position:absolute; content:''; display:block;}
	
	.esg .esg-plan {display:block;}
	
	
	.esg .esg-list {flex-direction:column;}
	.esg .esg-item {width:100%;}
	.esg .esg-item .img {height:40vw; min-height:200px;}
	.esg .esg-item .txt {padding:30px;}
	.esg .esg-item .txt p {line-height:1.6;}
	.esg .esg-item .txt p+p {margin:5px 0 0;}
	.esg .esg-item .txt p.dot:before {top:10px}
	
	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) { 
.manage .social-gallery .docu {grid-template-columns:1fr;}
.manage .social-gallery .photo {flex-direction:column;}
.manage .social-gallery {width:100%;}
}