@import url('sub.css');

/**** S:: ESG 경영 ****/
/* 01 경영방침 - esg_policy */
.esg_policy { list-style: none; margin: 0; padding: 60px; border: 1px solid var(--border); }
.esg_policy li { display: flex; gap: 10px; padding: 5px 0; align-items: flex-start; line-height: 32px; }
.esg_policy li:first-child { padding-top: 0; }
.esg_policy li:last-child { padding-bottom: 0; }
.esg_policy li .fs18_lbl { flex-shrink: 0; color: var(--black); }
.esg_policy li .fs18 { color: var(--basic); /* text-align: justify;  */}

/* 02 지속가능경영 */
.esg_cards { display: flex; gap: 30px; }
.esg_card { flex: 1; background: var(--blackBg); padding: 50px 30px; box-sizing: border-box; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; }
.esg_card:nth-child(1) { background-image: url('/esg/img/esg_img01.jpg'); }
.esg_card:nth-child(2) { background-image: url('/esg/img/esg_img02.jpg'); }
.esg_card:nth-child(3) { background-image: url('/esg/img/esg_img03.jpg'); }
.esg_card_tit {border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 25px; padding-bottom: 20px;}
.esg_card_tit .fs24 { color: var(--white);  font-size:1.666rem;}
.esg_card_tit .fsE15 { color: var(--white); margin-top: 5px; text-transform: uppercase; opacity: 0.8;}
.esg_card_list { list-style: none; margin: 0; padding: 0;  text-align:left;}
.esg_card_list li { color: var(--white); padding:4px 0; opacity: 0.9; padding-left:15px; box-sizing:border-box; position:relative;}
.esg_card_list li::before {content:''; width:4px; aspect-ratio: 1 / 1; background:var(--white); position:absolute; top:18px;left:0; border-radius:100%; display:block;}
.esg_card_list li:last-child { border-bottom: none; }

/* 03 체계강화 */
.esg_cont { position: relative; padding: 40px; background: var(--white); border: 1px solid var(--border); box-sizing: border-box; display: flex; align-items: center; }
.esg_illust { position: absolute; left: 70px; top: 50%; transform: translateY(-50%); width: 210px; }
.esg_illust img { width: 100%; display: block; }
.esg_check { list-style: none; margin: 0; padding: 0 0 0 350px; display: flex; flex-direction: column; gap: 5px; }
.esg_check li { padding-left: 26px; color: var(--basic); background: url('/img/check_icon.svg') no-repeat left 4px; background-size: 20px 20px; }
/**** E:: ESG 경영 ****/

/**** S:: 품질경영방침 ****/
/* quality_cont - 2열 레이아웃 */
.quality_cont { display: flex; gap: 60px; padding: 60px; border: 1px solid var(--border); box-sizing: border-box; }
.quality_cont .quality_col { flex: 1; min-width: 0; }
.quality_col:first-child { border-right: 1px solid var(--border); padding-right: 30px; }
.quality_cont .quality_col_tit { color: var(--black); margin-bottom:15px; }
.quality_cont .bold {color: var(--black); margin-bottom:15px; }
.quality_cont .quality_col_txt { color: var(--gray); }
.quality_cont .quality_col_txt .fs16 {color: var(--gray); margin-bottom:10px;}
.quality_cont .quality_col_txt .fs16:last-child { margin-bottom: 0; }
/**** E:: 품질경영방침 ****/



/* ============================================
   미디어 쿼리
   ============================================ */


 /* 1590px 이하 */
@media all and (max-width: 1590px) {
    
    /**** S:: ESG 경영 ****/
    .esg_policy { padding: 40px; }
    .esg_cards { gap: 10px; }
    .esg_cont { padding: 40px 30px; }
    .esg_illust { left: 40px; }
    .esg_check { padding: 0 0 0 280px; }
    /**** E:: ESG 경영 ****/

    /**** S:: 품질경영방침 ****/
    .quality_cont { padding: 40px; gap: 30px; }
    .quality_col:first-child { padding-right: 20px; }
    /**** E:: 품질경영방침 ****/

}


/* 980px 이하 */
@media all and (max-width: 980px) {

	.esg_card_list li::before {top:15px;}
	
    /**** S:: ESG 경영 ****/
    .esg_illust {width: 180px;}
    .esg_check {padding: 0 0 0 215px;}
    /**** E:: ESG 경영 ****/

}

/* 680px 이하 */
@media all and (max-width: 680px) {

    /**** S:: ESG 경영 ****/
    /* 01 경영방침 */
    .esg_policy { padding: 20px; }
    .esg_policy li { gap: 8px; padding: 2px 0; }

    /* 02 지속가능경영 */
    .esg_cards { flex-direction: column; gap: 10px; }
    .esg_card { flex: none; display: flex; flex-direction: row; gap: 10px; align-items: stretch; text-align: left; padding: 20px; }
    .esg_card_tit { width: 120px; flex-shrink: 0; border-bottom: none; border-right: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 0; margin-right: 10px; padding-bottom: 0; padding-right: 10px; }
    .esg_card_list { flex: 1; }
    .esg_card_list li {padding:2px 0; padding-left:12px;}
	.esg_card_list li::before {top:12px; width:3px;}

    /* 03 체계강화 */
    .esg_cont { padding: 20px;  }
    .esg_illust { display:none }
    .esg_check { padding: 0; gap: 4px; }
    .esg_check li { padding-left: 20px; background-size: 15px 15px; background-position: left 2px;}
    /**** E:: ESG 경영 ****/

     /**** S:: 품질경영방침 ****/
    .quality_cont { flex-direction: column; padding: 20px; gap: 20px; }
    .quality_col:first-child { border-right: none; padding-right: 0; }
    .quality_cont .quality_col_tit {margin-bottom:5px; }
    .quality_cont .bold {margin-bottom:5px; }
    .quality_cont .quality_col_txt .fs18 {margin-bottom:0;}
     /**** E:: 품질경영방침 ****/

}