@CHARSET "UTF-8";

/********************************
 03ESG 경영
********************************/

/*03ESG 경영 > 01윤리경영 > 02윤리강령*/
.creed_box {}
.creed_box .creed_h5 {margin-top:35px; color:#0d61b7; padding:12px 2px; font-size:2.0rem; font-weight:500; border-top:1px solid #0d61b7; border-bottom:1px solid #0d61b7;}
.creed_box .creed_h6 {color:#222; font-size:1.75rem; padding:28px 0 12px;}

@media screen and (max-width:768px){
	.creed_box .creed_h5 {margin-top:30px; font-size:1.8rem;}
	.creed_box .creed_h6 {font-size:1.65rem; padding:22px 0 8px;}
}


/*03ESG 경영 > 01인권경영 > 04인권보호센터 */
.ppcenter_box {}
.ppcenter_listbox {}
.ppcenter_listbox > li {position:relative; margin-bottom:70px;}
.ppcenter_listbox > li:after {content:''; display:block; position:absolute; bottom:-70px; left:50%; margin:0px 0 0 -9px; width:17px; height:70px;}
.ppcenter_listbox > li:first-child:after {background:url(../../images/web/esg/arr_blue01.png) no-repeat;}
.ppcenter_listbox > li:nth-child(2):after {background:url(../../images/web/esg/arr_blue02.png) no-repeat;}
.ppcenter_listbox > li:last-child:after {display:none;}
.ppcenter_listbox > li .ctr_inbox {}
.ppcenter_listbox > li .ctr_inbox span.tit {position:relative; display:block; padding:35px; text-align:center; border-radius:15px; color:#fff; font-weight:500;}
.ppcenter_listbox > li .ctr_inbox.ctr01 span.tit{background-color:#1cabe2;}
.ppcenter_listbox > li .ctr_inbox.ctr02 span.tit{background-color:#0074df;}
.ppcenter_listbox > li .ctr_inbox.ctr03 span.tit{background-color:#143376;}
.ppcenter_listbox > li .ctr_inbox .innerlist {display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; margin-top:-25px; padding:30px; gap:20px; text-align:center; border-radius:15px;}
.ppcenter_listbox > li .ctr_inbox.ctr02 .innerlist {border:2px solid #0074df; background-color:#eef7ff;}
.ppcenter_listbox > li .ctr_inbox.ctr03 .innerlist {border:2px solid #143376; background-color:#eff4ff;}

.ppcenter_listbox > li .ctr_inbox .innerlist li {position:relative; margin-top:25px; padding:22px; box-sizing:border-box; border-radius:5px; background-color:#fff;}
.ppcenter_listbox > li .ctr_inbox .innerlist li:before {content:''; display:block; position:absolute; top:50%; left:-28px; margin:-18px 0 0 0px; width:36px; height:36px; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:50%; background:#fff url(../../images/web/esg/arr_sm.png) center no-repeat;}
.ppcenter_listbox > li .ctr_inbox .innerlist li:first-child:before {display:none;}
.ppcenter_listbox > li .ctr_inbox.ctr02 .innerlist li {width:50%; border:1px solid #0074df;color:#0074df;}
.ppcenter_listbox > li .ctr_inbox.ctr03 .innerlist li {width:33.3333%; border:1px solid #143376; color:#143376;}

@media screen and (max-width:920px){
	.ppcenter_listbox > li .ctr_inbox span.tit {padding:20px; border-radius:12px; font-size:1.9rem;}
	.ppcenter_listbox > li .ctr_inbox.ctr02 .innerlist {border-radius:12px;}
	.ppcenter_listbox > li .ctr_inbox .innerlist li {padding:15px; border-radius:5px; font-size:1.7rem;}
}
	
@media screen and (max-width:768px){
	.ppcenter_listbox > li .ctr_inbox .innerlist {flex-wrap:wrap; gap:0px;}
	.ppcenter_listbox > li .ctr_inbox .innerlist li {margin-top:18px;}
	.ppcenter_listbox > li .ctr_inbox.ctr02 .innerlist li, 
	.ppcenter_listbox > li .ctr_inbox.ctr03 .innerlist li {width:100%;}
	.ppcenter_listbox > li .ctr_inbox .innerlist li:before {top:-30px; bottom:0; left:50%; margin:0 0 0 -18px; transform:rotate(90deg);}
}
	
@media screen and (max-width:640px){
	.ppcenter_listbox > li .ctr_inbox span.tit {padding:15px; font-size:1.8rem;}
	.ppcenter_listbox > li .ctr_inbox .innerlist li {padding:12px; font-size:1.6rem;}
	.ppcenter_listbox > li .ctr_inbox .innerlist li:before {top:-28px;}
}
	
	
/* 03ESG 경영 > 03안전경영 > 01안전보건방침  */	
.safety_h3 {font-size:4.0rem; margin:0; padding:0; text-align:center; color:#333;}
.safety_h3:before {display:none;}
.safety_h3 .colortext {display:block; padding-top:15px; font-size:3.3rem; color:#0184cc;}
.safety_text {position:relative; font-size:1.7rem !important; line-height:1.8; padding:30px 70px; margin-top:70px;}
.safety_text:before {content:''; display:block; position:absolute; top:-40px; left:50%; width:1px; height:47px; background-color:#dbdbdb;}

.safetyPolicy_box {position:relative; padding:60px; margin-top:120px; border-radius:40px; background-color:#f7f7fc;}
.safetyPolicy_box:before,
.safetyPolicy_box:after {content:''; display:block; position:absolute; left:50%;}
.safetyPolicy_box:before {top:-130px; margin-left:-88px; width:176px; height:161px; z-index:20; background:url(../../images/web/esg/character_safety.png) no-repeat;}
.safetyPolicy_box:after {top:0; margin-left:-203px; width:406px; height:85px; z-index:10; background:url(../../images/web/esg/character_bgW.png) no-repeat;}
.safetyPolicy_list {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; margin-top:90px;}
.safetyPolicy_list > li {width:calc(50% - 10px);}
.safetyPolicy_list > li > .innerbox {}
.safetyPolicy_list > li > .innerbox .tit {display:block; padding:18px; font-size:1.7rem; text-align:center; margin-bottom:10px; background-color:#4771d2; color:#fff; border-radius:10px;}
.safetyPolicy_list > li > .innerbox .txt {padding:20px; text-align:center; background-color:#fff; color:#555; border-radius:14px; box-shadow:0 0 10px rgba(221,223,227,0.5);}

.safetyPolicy_box .date {display:block; padding-top:60px; font-size:1.7rem; text-align:center;}
.safetyPolicy_box > .ceoSign {text-align:center;}

@media screen and (max-width:1000px){
	.safety_h3 {font-size:3.4rem;}
	.safety_h3 .colortext {font-size:3.0rem;}
	.safety_text {line-height:1.8 !important;}
}

@media screen and (max-width:800px){
	.safetyPolicy_list > li {width:calc(100% - 10px);}
	.safetyPolicy_list > li > .innerbox .tit {padding:13px;}
	.safetyPolicy_list > li > .innerbox .txt {padding:15px;}
}

@media screen and (max-width:767px){
	.safety_h3 {font-size:2.7rem;}
	.safety_h3 .colortext {font-size:2.4rem;}
	.safety_text {font-size:1.6rem !important; margin-top:50px; padding:30px 50px;}
	.safety_text:before {top:-30px; height:40px;}

}

@media screen and (max-width:600px){
	.safety_text {padding:30px 30px;}
	.safetyPolicy_box {padding:40px;}
	.safetyPolicy_box .date {padding-top:40px; font-size:1.6rem;}
}

@media screen and (max-width:480px){
	.safety_h3 {font-size:2.4rem;}
	.safety_h3 .colortext {padding-top:10px; font-size:2.2rem;}
	.safetyPolicy_box {padding:30px;}
	.safetyPolicy_box:before {top:-110px; margin-left:-78px; width:156px; height:141px; background-size:100%;}
	.safetyPolicy_box:after {margin-left:-165px; width:330px; background-size:100%;}
	.safety_text {padding:30px 20px;}
}


	
/* 03ESG 경영 > 03안전경영 > 02안전보건 목표 및 전략  */	
.safetyGoal_box {}
.safetyGoal_dl {display:flex; flex-wrap:nowrap; justify-content:flex-start; margin-bottom:60px;}
.safetyGoal_dl dt.tit {position:relative; z-index:5; display:block; width:123px; height:123px; text-align:center;}
.safetyGoal_dl dt.tit:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; transform:rotate(45deg); border-radius:37px;} 
.safetyGoal_dl.dl01 dt.tit:before {background-color:#24309e;}
.safetyGoal_dl.dl02 dt.tit:before {background-color:#31ab8d;}
.safetyGoal_dl.dl03 dt.tit:before {background-color:#ab3170;}
.safetyGoal_dl dt.tit span {position:relative; display:block; line-height:123px; font-size:1.8rem; color:#fff;}
.safetyGoal_dl dd.txt {align-content:center; width:calc(100% - 113px); margin-left:-10px; padding:20px; background-color:#f4f6f9; border-radius:72px; font-size:2.1rem; text-align:center;}
.safetyGoal_dl dd.txt em {padding:5px;}

.safetyTask_box {padding:70px; background-color:#f2f3f5;}
.safetyTask_dl {font-size:1.8rem; display:flex; flex-wrap:nowrap; justify-content:center; gap:10px; margin-bottom:10px;}
.safetyTask_dl.dl01.mo {display:none;}
.safetyTask_dl.dl04 {margin-bottom:0;}
.safetyTask_dl dt {align-content:center; width:210px; border-radius:5px; text-align:center; color:#fff;}
.safetyTask_dl.dl01 dt {background-color:#323232;}
.safetyTask_dl.dl02 dt {background-color:#22387a;}
.safetyTask_dl.dl03 dt {background-color:#067ba5;}
.safetyTask_dl.dl04 dt {background-color:#058367;}
.safetyTask_dl dt .bk768 {display:block;}
.safetyTask_dl dd {width:calc(100% - 210px); padding:30px; border-radius:5px; background-color:#fff;}
.safetyTask_dl.dl01 dd {text-align:center; border:1px solid #323232; background-color:#323232; color:#fff;}
.safetyTask_dl.dl02 dd {border:1px solid #22387a; color:#22387a;}
.safetyTask_dl.dl03 dd {border:1px solid #067ba5; color:#067ba5;}
.safetyTask_dl.dl04 dd {border:1px solid #058367; color:#058367;}
.safetyTask_dl dd .innerlist {}
.safetyTask_dl dd .innerlist li {padding:5px;}

@media screen and (max-width:1024px){
	.safetyTask_box {padding:50px;}
}

@media screen and (max-width:920px){
	.safetyGoal_dl dd.txt {width:calc(100% - 113px); padding:20px;  border-radius:72px; font-size:1.8rem;}
	.safetyGoal_dl dd.txt em {padding:2px;}
}

@media screen and (max-width:767px){
	.safetyGoal_dl {flex-wrap:wrap; justify-content:center; margin-bottom:60px;}	
	.safetyGoal_dl dt.tit {width:95px; height:95px;}
	.safetyGoal_dl dt.tit span {line-height:95px; font-size:1.8rem; color:#fff;}
	.safetyGoal_dl dd.txt {align-content:center; width:100%; margin-left:0px; margin-top:-10px; padding:20px; font-size:1.6rem;}
	
	.safetyTask_box {padding:35px;}
	.safetyTask_dl.dl01.pc {display:none;}
	.safetyTask_dl.dl01.mo {display:block;}
	.safetyTask_dl.dl01.mo span {display:block; padding:13px; border-radius:5px; text-align:center; border:1px solid #323232; background-color:#323232; color:#fff;}
	.safetyTask_dl {flex-wrap:wrap; font-size:1.7rem;}
	.safetyTask_dl dt {width:100%; padding:15px;}
	.safetyTask_dl dt .bk768 {display:inline; margin-left:4px;}
	.safetyTask_dl dd {width:100%; padding:20px;}
	.safetyTask_dl dd .innerlist li {font-size:1.6rem;}
}

@media screen and (max-width:640px){
	.safetyGoal_dl dd.txt em {padding:5px;}
}

@media screen and (max-width:480px){
}



/* 03ESG 경영 > 03안전경영 > 04산업안전보건위원회  */ 
/*.org_allbox {padding:30px 0; text-align:center; font-size:2.2rem; font-family:'OneMobile'; background-color:#fbf9f7;}*/
.org_allbox {text-align:center; font-size:2.2rem; border-radius:30px;}
.org_allbox:after {content:''; display:block; visibility:hidden; clear:both;}
.org_allbox > ol > li {display:block;position:relative;}
.org_allbox > ol > li:after {content:''; display:block; clear:both; visibility:hidden;}

.org_box01 {display:block; position:relative; margin:0 auto 20px; width:300px; height:120px; background:linear-gradient(130deg, #517edc 0%, #3f8cb5 40%, #2ea69f 90%); border-radius:10px; color:#fff; align-content:center;}
.org_box01 span {font-size:2.0rem;}
.org_box01 span em {font-size:1.7rem;}
.org_box01:after {content:''; display:block; background-color:#d5d7dd; width:1px; height:120px; position:absolute; top:120px; left:50%;}

.org_02 {padding-left:50%;}
.org_box_02 {position:relative;}
.org_box_02:before {content:''; display:block; position:absolute; top:50%; right:auto;/*right:100%;*/ width:255px; height:1px; background-color:#d5d7dd;}
.org_box_02 span {position:relative; display:inline-block; margin:0 auto; line-height:70px; width:250px; height:70px; font-size:1.8rem; border-radius:5px; background-color:#d8f6ff; color:#222; z-index:2;}

.org_box03 {display:block; position:relative; width:100%; margin-top:65px;}
/*.org_box03:before {content:''; position:absolute; top:-36px; left: 12.5%; width: 75%; height:1px; background-color:#d5d7dd;}*/
.org03_list {position:relative; display:flex; flex-wrap:nowrap; justify-content:center; margin:0 10px auto;}
.org03_list:after {content:''; display:block; position:absolute; top:-36px; left:25%; width:50%; height:1px; background-color:#d5d7dd;}
.org03_list li {display:inline-block; width:49%; margin:0 auto; box-sizing:border-box;}
.org03_list li div {position:relative; padding:20px 0; margin:0 auto; border-radius:10px; border:1px solid #ddd; background-color:#fff; color: #444; font-size:1.8rem;}
.org03_list li div > span {display:block; padding-bottom:15px; border-bottom:1px dashed #ddd;}
.org03_list li div > em {padding-top:20px;}
.org03_list li span:before {content:''; position:absolute; width:1px; height:36px; left:50%; top:-36px; background-color:#d5d7dd;}
	
	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.org_box01 {margin:0 auto 20px; width:300px; height:100px; border-radius:10px; color:#fff; align-content:center;}
	.org_box01 span {font-size:1.8rem;}
	.org_box01 span em {font-size:1.6rem;}
	.org_box01:after {height:110px; top:100px;}

	.org_box_02 span {line-height:60px; width:200px; height:60px; font-size:1.8rem;}
	
	.org03_list li div {padding:12px 0; font-size:1.7rem;}
	.org03_list li div > span {padding-bottom:10px;}
	.org03_list li div > em {padding-top:12px;}
}

@media screen and (max-width:767px) {
	.org_box03 {margin-top:25px;}
	.org03_list {flex-wrap:wrap;  margin:0 0px auto;}
	.org03_list:after {display:none;}
	.org03_list li {width:100%;}
	.org03_list li:nth-child(2) {margin-top:8px;}
	.org03_list li:nth-child(2) span:before  {display:none;}
	.org03_list li div {font-size:1.6rem;}
}
@media screen and (max-width:640px) {
	.org_box01 {width:220px; height:80px; border-radius:7px; line-height:1.4;}
	.org_box01:after {top:80px;}
	.org_box01 span {font-size:1.7rem;}
	.org_box01 span em {font-size:1.5rem;}

	.org_box_02:before {top:50%; right:auto; width:100px; height:1px;}
	.org_box_02 span {line-height:50px; width:180px; height:50px; font-size:1.6rem;}
}
@media screen and (max-width:480px) {
	.org_box01 span {font-size:1.6rem;}
	.org_box01 span em {font-size:1.45rem;}

	.org_box_02:before {top:50%; right:auto; width:100px; height:1px;}
	.org_box_02 span {line-height:50px; width:145px; height:50px; font-size:1.5rem;}
	
	.org03_list li div {padding:8px 0; font-size:1.5rem;}
	.org03_list li div > span {padding-bottom:6px;}
	.org03_list li div > em {padding-top:8px;}
}


/* 03ESG 경영 > 03안전경영 > 05안전보건경영시스템 구축*/
.img_list.certificate {justify-content:center; border-radius:12px; background-color:#f5f8f9; padding:30px 20px 20px 20px;}
.img_list.certificate .img_title {background-color:#333; color:#fff;}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
}