@import url('sub.css'); 



/**** S:: ESG > 컴플라이언스 ****/
.compliance_ceo{}
.compliance_ceo .fs40{padding:0 0 50px; text-align:center;}
.compliance_ceo dl{display:flex; flex-wrap:wrap; flex-direction: row-reverse;}
.compliance_ceo dl dt{width:40%;}
.compliance_ceo dl dt img{max-width:100% !important; width:100% !important; height:auto !important; border-radius:var(--borderR40);}
.compliance_ceo dl dt img.mo{display:none;}
.compliance_ceo dl dd{width:60%; box-sizing:border-box; padding:0 50px 0 0;}
.compliance_ceo dl dd .fs30{font-weight:700; padding:0 0 20px;}
.compliance_ceo dl dd .fs20{font-weight:400; padding:0 0 12px;}
.compliance_ceo dl dd .fs16{padding: 0 0 34px;}
.compliance_ceo dl dd .ceo{color:var(--black); font-weight:400;}
.compliance_ceo dl dd .ceo strong{display:inline-block; margin-left:10px; padding: 0;}

.compliance_program{}
.compliance_program .tit_box{text-align:center; padding:0 0 50px;}
.compliance_program .tit_box .fs26{color:var(--main); font-weight: 400; letter-spacing: 0.52px; padding:20px 0 0;}
.compliance_program .tit_box .fs18{opacity: 0.7; padding:10px 0 0;}
	.compliance_program_info{box-sizing:border-box; padding:50px 40px; background:var(--white); border-radius:var(--borderR30);}
	.compliance_program_info h4.fs18{display:inline-block; padding:6px 20px 4px; border-radius:50px; background:var(--main); color:var(--white); opacity: 1;}
	.compliance_program_info .fs18{padding:8px 0 0; opacity: 0.7;}
	.compliance_program_info ul{padding:30px 0 0; display:flex; flex-wrap:wrap;} 
	.compliance_program_info ul li{margin:0 5px 0 0; width:calc((100% - 15px)/4);}
	.compliance_program_info ul li:nth-child(4n){margin-right:0;}
	.compliance_program_info ul li img{max-width:100% !important; width:100% !important; height:auto !important; border-radius:var(--borderR15);}
	.compliance_program_info ul li .fs20{font-weight: 700; color:var(--black); padding:15px 0 0;}

.compliance_organ{}
.compliance_organ .fs40{padding:0 0 10px;}

.compliance_element{background:url('/esg/img/compliance_bg.jpg') no-repeat center/cover;}
.compliance_element ul{padding:60px 0 0; display:flex; flex-wrap:wrap;}
.compliance_element ul li{margin:0 30px 30px 0; width:calc((100% - 90px)/4); padding:55px 40px; border-radius:var(--borderR15); box-sizing:border-box; background:var(--white);}
.compliance_element ul li:nth-child(4n){margin-right:0;}
.compliance_element ul li:nth-child(n+5){margin-bottom:0;}
.compliance_element ul li .num{display:block; width:35px; height:35px; line-height:37px; font-size:1rem; letter-spacing: -0.32px; font-weight: 700; color:var(--white); background:var(--main); border-radius:50%; text-align:center; margin:0 0 10px;}
.compliance_element ul li .fs20{font-weight:700;}
/**** E:: ESG > 컴플라이언스 ****/



/**** S:: ESG > 윤리경영 ****/
.ethics_cont .basic_style2 .cont_area p.fs18 {color:var(--basic); padding-bottom: 40px;}
.ethics_cont .basic_style2 .cont_area .img_box{border-radius:var(--borderR15); overflow:hidden;}

	.behavior_area{display:flex; flex-wrap:wrap;}
	.behavior_area li{margin:0 30px 0 0 ; width:calc((100% - 60px)/3); padding:40px; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR15);}
	.behavior_area li:nth-child(3n){margin-right:0;}
	.behavior_area li .fs20{color:var(--black); font-weight:700;}
	.behavior_area li .fs20 span{display:inline-block; margin:0 6px 0 0;}
	.behavior_area li .fs16{padding:10px 0 0;}
	.behavior_area li .detail_btn{margin:25px 0 0;}
/**** E:: ESG > 윤리경영 ****/





/**** S:: ESG > 환경정책 ****/
.environment_cont{}
.environment_cont .btn{text-align:center; margin:70px auto 0;}
.environment_cont .detail_btn{width:210px;}
.environment_cont .basic_style2 article:last-child{border-bottom:1px solid var(--border);}
.environment_cont .basic_style2 article .tit_area .pointColor{padding:0 0 10px; display: block;}
.environment_cont .basic_style2 article .cont_area .fs18{color:rgba(34,34,34,.6); padding:0 0 30px;}
.environment_cont .basic_style2 article .cont_area .img_box{border-radius:var(--borderR15); overflow:hidden;}
/**** E:: ESG > 환경정책 ****/





/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){

/**** S:: ESG > 윤리경영 ****/
	.behavior_area{}
	.behavior_area li{padding:30px;}
/**** E:: ESG > 윤리경영 ****/


}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){



/**** S:: ESG > 컴플라이언스 ****/
.compliance_ceo{}
.compliance_ceo dl dd{padding:0 30px 0 0;}
.compliance_ceo dl dd .fs30{padding:0 0 15px;}
.compliance_ceo dl dd .fs20{padding:0 0 10px;}
.compliance_ceo dl dd .fs16{padding: 0 0 25px;}

.compliance_program{}
	.compliance_program_info{padding:40px 30px;}

.compliance_organ{}
.compliance_organ .img_box img{max-width:80% !important;}

.compliance_element ul li{padding:40px 30px;}
/**** E:: ESG > 컴플라이언스 ****/



/**** S:: ESG > 윤리경영 ****/
	.behavior_area{}
	.behavior_area li{margin:0 0 20px; width:100%; padding:30px;}
	.behavior_area li:last-child{margin:0;}
/**** E:: ESG > 윤리경영 ****/



}

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


/**** S:: ESG > 컴플라이언스 ****/
.compliance_ceo{}
.compliance_ceo .fs40{padding:0 0 30px;}
.compliance_ceo dl{}
.compliance_ceo dl dd{padding:0 30px 0 0;}
.compliance_ceo dl dd .fs30{padding:0 0 10px;}
.compliance_ceo dl dd .fs20{padding:0 0 8px;}
.compliance_ceo dl dd .fs16{padding: 0 0 20px;}
.compliance_ceo dl dd .ceo strong{margin-left:5px;}

.compliance_program{}
.compliance_program .tit_box{padding:0 0 30px;}
.compliance_program .tit_box .fs26{padding:12px 0 0;}
.compliance_program .tit_box .fs18{padding:8px 0 0;}
	.compliance_program_info{padding:30px 20px;}
	.compliance_program_info h4.fs18{padding:6px 15px 4px;}
	.compliance_program_info .fs18{padding:6px 0 0;}
	.compliance_program_info ul{padding:20px 0 0;} 
	.compliance_program_info ul li .fs20{padding:12px 0 0;}

.compliance_element ul{padding:40px 0 0;}
.compliance_element ul li{margin:0 20px 20px 0; width:calc((100% - 40px)/3); padding:30px 20px;}
.compliance_element ul li:nth-child(4n){margin-right:20px;}
.compliance_element ul li:nth-child(3n){margin-right:0;}
.compliance_element ul li:nth-child(n+5){margin-bottom:20px;}
.compliance_element ul li:nth-child(n+7){margin-bottom:0;}
.compliance_element ul li .num{width:30px; height:30px; line-height:32px; margin:0 0 8px; font-size:13px;}
/**** E:: ESG > 컴플라이언스 ****/


/**** S:: ESG > 환경정책 ****/
.environment_cont{}
.environment_cont .btn{margin:50px auto 0;}
.environment_cont .detail_btn{width:180px;}
.environment_cont .basic_style2 article .tit_area .pointColor{padding:0 0 8px;}
.environment_cont .basic_style2 article .cont_area .fs18{padding:0 0 20px;}
/**** E:: ESG > 환경정책 ****/



/**** S:: ESG > 윤리경영 ****/
.ethics_cont .basic_style2 .cont_area p.fs18 {padding-bottom: 25px;}

	.behavior_area{}
	.behavior_area li{margin:0 0 10px; padding:20px;}
	.behavior_area li .fs20 span{margin:0 4px 0 0;}
	.behavior_area li .fs16{padding:8px 0 0;}
	.behavior_area li .detail_btn{margin:12px 0 0;}
/**** E:: ESG > 윤리경영 ****/


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/**** S:: ESG > 컴플라이언스 ****/
.compliance_ceo{}
.compliance_ceo .fs40{padding:0 0 20px;}
.compliance_ceo dl{flex-direction: column-reverse;}
.compliance_ceo dl dt{width:100%;}
.compliance_ceo dl dt img.pc{display:none;}
.compliance_ceo dl dt img.mo{display:block;}
.compliance_ceo dl dd{width:100%; padding:0 0 20px;}
.compliance_ceo dl dd .fs30{padding:0 0 8px;}
.compliance_ceo dl dd .fs20{padding:0 0 6px;}
.compliance_ceo dl dd .fs16{padding: 0 0 12px;}

.compliance_program{}
.compliance_program .tit_box{padding:0 0 20px;}
.compliance_program .tit_box .fs26{padding:10px 0 0;}
.compliance_program .tit_box .fs18{padding:6px 0 0;}
	.compliance_program_info ul li{margin:0 5px 10px 0; width:calc((100% - 5px)/2);}
	.compliance_program_info ul li:nth-child(4n){margin-right:5px;}
	.compliance_program_info ul li:nth-child(2n){margin-right:0;}
	.compliance_program_info ul li .fs20{padding:10px 0 0;}

.compliance_organ .img_box img{max-width:100% !important;}

.compliance_element ul{padding:25px 0 0;}
.compliance_element ul li{margin:0 10px 10px 0; width:calc((100% - 10px)/2); padding:20px;}
.compliance_element ul li:nth-child(4n){margin-right:10px;}
.compliance_element ul li:nth-child(3n){margin-right:10px;}
.compliance_element ul li:nth-child(2n){margin-right:0;}
.compliance_element ul li:nth-child(n+5){margin-bottom:10px;}
.compliance_element ul li:nth-child(n+7){margin-bottom:0;}
.compliance_element ul li .num{width:25px; height:25px; line-height:27px; font-size:10px;}
/**** E:: ESG > 컴플라이언스 ****/

/**** S:: ESG > 환경정책 ****/
.environment_cont{}
.environment_cont .btn{margin:30px auto 0;}
.environment_cont .detail_btn{width:155px;}
.environment_cont .basic_style2 article .cont_area .fs18{padding:0 0 15px;}
/**** E:: ESG > 환경정책 ****/


/**** S:: ESG > 윤리경영 ****/
.ethics_cont .basic_style2 .cont_area p.fs18 {padding-bottom: 15px;}

	.behavior_area{}
	.behavior_area li .detail_btn{margin:10px 0 0;}
/**** E:: ESG > 윤리경영 ****/

}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){




}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}