.donut_charts{display:flex;justify-content:space-between;gap:24px}.donut_charts article{display:flex;flex-direction:column;gap:14px}.donut_charts article p{font-family:CjOnlyOnetitleBold,sans-serif !important;font-size:24px;color:#333}.donut_charts svg g text:first-child{font-weight:700}.focus_list{width:100%;display:flex;justify-content:center;gap:12px}.focus_list li{position:relative;display:flex;justify-content:center;align-items:center;width:194px;height:60px;color:#005b45;border:2px solid #c6c6c6;border-radius:30px;box-sizing:border-box;padding:0 30px}.focus_list li:hover{border-color:#005b45}.focus_list li a{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:30px}.focus_list li,.focus_list li svg{transition-duration:.4s}.focus_list li:hover svg{scale:1.5}.focus_list li:hover svg g path{transform-origin:center;fill:#005b45} #contents.brand_new .section .inner h3.subtitle{margin:120px 0 40px;font-size:24px}.risk_process .desc{display:flex;align-items:center;justify-content:space-between}.risk_process .desc .item p{position:relative;width:240px;height:240px;padding-top:160px;font-size:18px;text-align:center;border-radius:50%;border:4px solid #c1ede0;box-sizing:border-box;color:#000}.risk_process .dot_line{display:flex;width:100%}.risk_process .dot_line svg:nth-child(1){margin-left:238px}.risk_process .dot_line svg:nth-child(2){margin-left:394px}.risk_process .info{display:flex}.risk_process .info .wrap{position:relative;width:300px;padding:40px 0;background-color:#f1f7f3;border-radius:40px}.risk_process .info .wrap .wrap_title{font-size:24px;line-height:17px;font-weight:bold;color:#008f69;margin-bottom:40px;font-family:"CjOnlyOnetitleBold",sans-serif}.risk_process .info .wrap .wrap_subtitle{font-size:20px;line-height:14px;font-weight:bold;color:#000;margin-bottom:20px;font-family:"CjOnlyOnetitleBold",sans-serif}.risk_process .info .wrap p{font-size:18px;line-height:12px;color:#000}.risk_process .info .wrap p:not(:last-child){margin-bottom:16px}.risk_process .desc>div:nth-child(1)>p{background:url(/_resource/images/sustainabilityManagement/riskProcess_1_issue.svg) center 37px/80px no-repeat}.risk_process .desc>div:nth-child(2)>p{background:url(/_resource/images/sustainabilityManagement/riskProcess_2_report.svg) center 55px/86px no-repeat}.risk_process .desc>div:nth-child(3)>p{background:url(/_resource/images/sustainabilityManagement/riskProcess_3_react.svg) center 42px/100px no-repeat}.risk_process .desc>div:nth-child(4)>p{background:url(/_resource/images/sustainabilityManagement/riskProcess_4_result.svg) center 57px/96px no-repeat}.risk_process .desc>div:not(:nth-child(4))>p:after{position:absolute;content:"";top:50%;right:-46px;transform:translateY(-50%);width:46px;height:4px;background-color:#c1ede0;border-radius:14px}.risk_process .wrap:nth-child(1){margin-left:128px}.risk_process .wrap:nth-child(2){margin-left:230px}.risk_process .info .wrap:nth-of-type(2):after{position:absolute;content:"* BRM: Business Risk Management";left:50%;transform:translateX(-50%);bottom:-36px;width:100%;color:gray;font-size:12px}.risk_process .info .wrap>h5:nth-of-type(2){margin-top:72px;position:relative}.risk_process .info .wrap>h5:nth-of-type(2):after{content:"";position:absolute;top:-36px;left:50%;width:40px;height:3px;margin-left:-20px;z-index:2;background-color:#86cab6;border-radius:14px}#contents.sustainability_management *{box-sizing:border-box}#contents.sustainability_management ul{margin-top:60px}#contents.brand_new .section .inner h3+p{margin:20px 0 60px;} #contents .section_top+.section.tab.safe_manage{margin-top:0;padding:0 0 40px}#contents.sustainability_management .section.gray{background-color:#f6f8f8} #contents.sustainability_management .component_button{background-color:#fff} #contents.sustainability_management .component_button:after{content:"";display:inline-block;width:13px;height:13px;vertical-align:middle;background-image:url(/_resource/images/sustainabilityManagement/skip.svg);background-repeat:no-repeat;background-size:cover;background-position:0 0} body:not(.main) #contents .section#focus_list{padding:0}body:not(.main) #contents .section#focus_list li{width:190px} #contents .section.tab.safe_manage li{width:100%;height:62px;margin:0}#contents .section.tab.safe_manage li a{height:60px;padding:0;line-height:60px;background-color:#f5f5f5;border-bottom:0;border:1px solid #ccc;font-size:16px;cursor:pointer}#contents .section.tab.safe_manage li a.on{background-color:#fff;border-bottom:0;color:#005b45}#contents.sustainability_management .section.gray{background-color:#f6f8f8;padding:120px 0}#contents .section ul.food_center{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;margin:60px 0 23px 0}#contents .section ul.food_center li{position:relative;box-sizing:border-box;width:200px;height:200px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;border-radius:100px;border:3px solid #b6dfd3}#contents .section ul.food_center li p{font-family:CjOnlyOnetitleMedium,sans-serif;color:#000}#contents .section ul.food_center li dl{color: #666666 !important; position:absolute;top:220px;width:220px;font-size:16px;line-height:18px;text-align:left}#contents .section ul.food_center:after{position:absolute;content:"";top:100%;left:50%;transform:translate(-50%, -58%);width:444px;height:345px;background:url(/_resource/images/sustainabilityManagement/food_safety.svg) center no-repeat;z-index:2}#contents .section ul.food_center dl>dt,#contents .section ul.food_center dl>dd{position:relative}#contents .section ul.food_center li:not(:nth-of-type(2)) dl>dt:before,#contents .section ul.food_center li:not(:nth-of-type(2)) dl>dd:before{content:"";position:absolute;top:6px;left:-6px;display:inline-block;width:4px;height:4px;border-radius:100%;background-color:#005b45;transform:translateX(-6px)}#contents .section ul.food_center dl>dd{margin-top:10px}#contents .section ul.food_center li:nth-of-type(1){transform:translateX(78px)}#contents .section ul.food_center li:nth-of-type(1):after{position:absolute;content:"";width:79px;height:16px;top:50%;right:0;transform:translate(100%, -50%);background:url(/_resource/images/sustainabilityManagement/food_safety_arrow_01.svg) center no-repeat;z-index:3}#contents .section ul.food_center li:nth-of-type(3){transform:translateX(-39px)}#contents .section ul.food_center li:nth-of-type(3):after{position:absolute;content:"";width:116px;height:16px;top:50%;left:0;transform:translate(-100%, -50%);background:url(/_resource/images/sustainabilityManagement/food_safety_arrow_02.svg) center no-repeat;z-index:3}#contents .section ul.food_center li:nth-of-type(2){position:relative;width:390px;height:390px;justify-content:start;border-radius:200px;z-index:-1}#contents .section ul.food_center li:nth-of-type(2) p{color:#fff;margin-top:85px;font-size:24px;font-family:CjOnlyOnetitleBold,sans-serif}#contents .section ul.food_center li:nth-of-type(2) dl{width:185px;display:flex;top:137px;justify-content:right;flex-wrap:wrap;gap:4px;font-size:18px;line-height:28px;color:#fff}#contents .section ul.food_center li:nth-of-type(2) dl dd{margin:0}#contents .section ul.food_center li:nth-of-type(2):after{position:absolute;content:"";width:340px;height:340px;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#4ab78e;z-index:-1} #contents.food_safety .section.strategy ul{margin:40px 0 60px 0;display:flex;justify-content:center;gap:45px;color:#000}#contents.food_safety .section.strategy ul li{text-align:center; position:relative;display:flex;width:180px;height:80px;font-size:18px;align-items:center;justify-content:center;border:2px solid #b6dfd3;border-radius:50px;background-color:#fff;z-index:1}#contents.food_safety .section.strategy ul li:not(:nth-of-type(5)):after{position:absolute;content:"";width:32px;height:10px;top:50%;right:0;transform:translate(90%, -50%);background:url(/_resource/images/sustainabilityManagement/food_safety_arrow_03.svg) center no-repeat;z-index:2} #contents.food_safety .section.strategy .component_button{width:251px;padding:0;background-color:#fff} #contents.food_safety .section.strategy .component_button:nth-of-type(1){margin-right:8px} #contents .section.activities .board_thumbs{margin-top:40px;color:#000} #contents .section.activities .board_thumbs ul li .context h5{font-family:CjOnlyOnetitleMedium,sans-serif;height:auto} #contents.industry_safety .section.safe_management ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;margin-top:60px} #contents.industry_safety .section.safe_management ul li{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;color:#000;font-size:18px} #contents.industry_safety .section.safe_management ul li:nth-of-type(1){position:relative;display:flex;align-items:center;justify-content:center;width:270px;height:270px;border-radius:100%;background-color:#b6dfd3;z-index:-1} #contents.industry_safety .section.safe_management ul li:nth-of-type(1) p{position:relative;width:170px;height:170px;line-height:170px;border-radius:100%;text-align:center;background-color:#fff;color:#005b45;font-family:CjOnlyOnetitleMedium,sans-serif;z-index:2} #contents.industry_safety .section.safe_management ul li:nth-of-type(1):before{position:absolute;content:"";width:220px;height:220px;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#86cab6;z-index:0} #contents.industry_safety .section.safe_management ul li:nth-of-type(2), #contents.industry_safety .section.safe_management ul li:nth-of-type(3){display:flex;width:480px;height:80px;border-radius:80px;border:2px solid #b6dfd3} #contents.industry_safety .section.safe_management ul li:nth-of-type(3){background-color:#b6dfd3} #contents.industry_safety .section.safe_management ul li:nth-of-type(4){width:480px;height:2px;background-color:#b6dfd3} #contents.industry_safety .section.safe_management ul li:nth-of-type(1):after, #contents.industry_safety .section.safe_management ul li:nth-of-type(2):after, #contents.industry_safety .section.safe_management ul li:nth-of-type(3):after{position:absolute;content:"";width:10px;height:51px;top:100%;left:50%;transform:translate(-50%, -5px);background:url(/_resource/images/sustainabilityManagement/industrial_safety_arrow_1.svg) center no-repeat} #contents.industry_safety .section.safe_management ul li:nth-of-type(5){display:flex;gap:104px;justify-content:space-between} #contents.industry_safety .section.safe_management ul li:nth-of-type(5) div{position:relative;width:374px;height:320px;justify-content:start} #contents.industry_safety .section.safe_management ul li:nth-of-type(5) div:before{position:absolute;content:"";top:0;left:50%;transform:translate(-50%, -100%);width:2px;height:46px;background-color:#b6dfd3} #contents.industry_safety .section.safe_management ul li:nth-of-type(5) div dl{display:flex;flex-wrap:wrap;gap:20px} #contents.industry_safety .section.safe_management ul li:nth-of-type(5) div dl dt{width:374px;height:80px;line-height:80px;border-radius:80px;background-color:#e7f4f0;border:2px solid #b6dfd3;text-align:center} #contents.industry_safety .section.safe_management ul li:nth-of-type(5) div dl dd{width:177px;height:80px;line-height:80px;border:2px solid #b6dfd3;border-radius:80px;margin-top:2px} #contents.industry_safety .section.safe_management ul li:nth-of-type(5) div dl dd:last-child{color: #666666 !important; font-size:14px;height:16px;line-height:16px;width:100%;margin:0;border:0} #contents.industry_safety .section.strategy ul{display:flex;justify-content:center;gap:78px;margin:60px 0} #contents.industry_safety .section.strategy ul li{display:flex;flex-direction:column;justify-content:space-between;width:240px;height:321px}#contents.industry_safety .section.strategy ul li p{font-size:54px;color:#b6dfd3;font-family:CjOnlyOnetitleMedium,sans-serif}#contents.industry_safety .section.strategy ul li:not(:nth-of-type(3)) div:after{position:absolute;content:"";width:62px;height:14px;top:50%;right:0;transform:translate(92%, -50%);background:url(/_resource/images/sustainabilityManagement/industrial_safety_arrow_2.svg) center no-repeat}#contents.industry_safety .section.strategy ul li div{position:relative;display:flex;flex-direction:column;width:240px;height:240px;border-radius:100%;border:2px solid #b6dfd3;display:flex;justify-content:start;align-items:center;padding-top:86px}#contents.industry_safety .section.strategy ul li div:before{position:absolute;content:"";width:208px;height:208px;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#008f69}#contents.industry_safety .section.strategy ul li div span:nth-of-type(1){text-align: center; position:relative;display:inline-block;font-family:CjOnlyOnetitleBold,sans-serif !important;color:#fff;font-size:19px}#contents.industry_safety .section.strategy ul li div span:nth-of-type(1):before{position:absolute;content:"PROCESS";font-family:"CjOnlyOneBodyRegular",sans-serif;top:-25px;left:50%;transform:translateX(-50%);font-size:13px;line-height:13px;color:#b6dfd3}#contents.industry_safety .section.strategy ul li div span:nth-of-type(2){font-family:"CjOnlyOneBodyRegular",sans-serif;color:#fff;font-size:12px;line-height:12px;margin-top:28px;z-index:0} #contents.industry_safety .section.strategy .component_button{width:173px;padding:0;background-color:#fff} #contents.industry_safety .section.strategy .component_button:nth-of-type(1){margin-right:8px} #contents.industry_safety .section.activities ul{max-width:1080px;margin:60px auto 0;overflow:hidden;display:flex;flex-wrap:wrap} #contents.industry_safety .section.activities ul li{width:50%;flex-shrink:0;text-align:left} #contents.industry_safety .section.activities ul li:nth-of-type(2n){padding-left:20px} #contents.industry_safety .section.activities ul li .img{position:relative;max-width:100%;overflow:hidden;width:540px;height:300px} #contents.industry_safety .section.activities ul li .img img{position:absolute;left:0;top:0;width:520px;height:300px}#contents.industry_safety .section.activities ul li dl{text-align:left; padding-bottom:65px}#contents.industry_safety .section.activities ul li dl .tit{font-size:24px;line-height:30px;color:#000;letter-spacing:-0.5px;padding:30px 0 15px}#contents.industry_safety .section.activities ul li dl dd{position:relative;padding:5px 0;font-size:18px;line-height:23px;color:#666}#contents.human_right.brand_new ul.human_paper{max-width:1080px;display:flex;margin:60px 0 120px}#contents.human_right.brand_new ul.human_paper li{width:50%;display:flex;flex-direction:column;align-items:center} #contents.human_right.brand_new ul.human_paper li h3{font-family:CjOnlyOnetitleMedium,sans-serif;font-size:20px;line-height:32px}#contents.human_right.brand_new ul.human_paper li p{max-width:400px;font-size:18px;line-height:28px;margin:14px 0 30px}#contents.human_right.brand_new ul.human_paper li img{height:280px} #contents.human_right.brand_new .component_button{margin-top:60px} #contents.supply_net .section#focus_list{box-sizing:border-box} #contents.supply_net .section#focus_list .focus_list li{width:251px} #contents.supply_net .section.supply_chart ul{position:relative;display:flex;justify-content:center;gap:75px;margin-top:60px} #contents.supply_net .section.supply_chart ul li{width:146px} #contents.supply_net .section.supply_chart ul li dl{display:flex;flex-direction:column;justify-content:center;gap:30px} #contents.supply_net .section.supply_chart ul li dl dt{position:relative;height:156px;display:flex;justify-content:center }#contents.supply_net .section.supply_chart ul li dl dt div{position:relative;width:100px;height:100px;border-radius:100%;background-color:#e7f4f0} #contents.supply_net .section.supply_chart ul li dl dt:before{position:absolute;display:block;content:"";width:2px;height:100%;background-color:#e7f4f0;top:0;left:50%;transform:translateX(-50%)} #contents.supply_net .section.supply_chart ul li dl dt:after{position:absolute;display:block;content:"";width:6px;height:6px;border-radius:6px;background-color:#008f69;bottom:0;left:50%;transform:translateX(-50%)} #contents.supply_net .section.supply_chart ul li dl dd:nth-of-type(1){text-align: center; font-family:CjOnlyOnetitleMedium,sans-serif;font-size:18px;color:#008f69} #contents.supply_net .section.supply_chart ul li dl dd p{text-align:center; width:100%;padding:12px 0;font-size:16px;line-height:16px;color:#000;background-color:#e7f4f0;border-radius:14px 0} #contents.supply_net .section.supply_chart ul li dl dd p:not(:nth-of-type(1)){margin-top:38px} #contents.supply_net .section.supply_chart ul li dl dd span{text-align:center; position:relative;display:block;font-size:14px;line-height:18px;padding:10px 0;color:#666;letter-spacing:-0.02em} #contents.supply_net .section.supply_chart ul li dl dd span:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:1px;background-color:#e7f4f0} #contents.supply_net .section.supply_chart ul li div:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:url(/_resource/images/sustainabilityManagement/supply_chain_01.svg) center no-repeat;z-index:2}#contents.supply_net .section.supply_chart ul li:nth-of-type(2) div:before{background:url(/_resource/images/sustainabilityManagement/supply_chain_02.svg) center no-repeat} #contents.supply_net .section.supply_chart ul li:nth-of-type(3) div:before{background:url(/_resource/images/sustainabilityManagement/supply_chain_03.svg) center no-repeat} #contents.supply_net .section.supply_chart ul li:nth-of-type(4) div:before{background:url(/_resource/images/sustainabilityManagement/supply_chain_04.svg) center no-repeat} #contents.supply_net .section.supply_chart ul li:nth-of-type(5) div:before{background:url(/_resource/images/sustainabilityManagement/supply_chain_05.svg) center no-repeat} #contents.supply_net .section.supply_chart ul li:nth-of-type(3):after{position:absolute;content:"";width:1080px;height:44px;top:131px;left:0;background:url(/_resource/images/sustainabilityManagement/supply_arrow.svg) center no-repeat;z-index:-1}#contents.supply_net .section.supply_chart ul li:nth-of-type(5) dt div{background-color:#fff8f8} #contents.supply_net .section.supply_chart ul li:nth-of-type(5) dt:before{background-color:#fff8f8} #contents.supply_net .section.supply_chart ul li:nth-of-type(5) dt:after{background-color:#fc5555} #contents.supply_net .section.supply_chart ul li:nth-of-type(5) dd:nth-of-type(1){color:#ef151e} #contents.supply_net .section.supply_chart ul li:nth-of-type(5) dd p{background-color:#ffdede} #contents.supply_net .section.strategy h3:nth-of-type(2){font-size:24px;margin-top:120px} #contents.supply_net .section.strategy ul{max-width:1080px;display:flex;justify-content:center;gap:73px} #contents.supply_net .section.strategy ul li{width:312px;height:225px;border-radius:18px;outline:1px solid #e6e6e6;overflow:hidden} #contents.supply_net .section.strategy ul li dl dt{width:100%;height:50px;line-height:50px;font-family:CjOnlyOnetitleMedium,sans-serif !important;font-size:20px;text-align:center;color:#fff;background-color:#008f69} #contents.supply_net .section.strategy ul li dl dd{text-align:center; position:relative;display:flex;flex-direction:column;justify-content:center;gap:20px;font-size:18px;line-height:24px;height:175px;color:#000;background-color:#fff;padding:24px} #contents.supply_net .section.strategy ul li dl dd:after{position:absolute;content:"";width:264px;height:1px;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#d5ede6} #contents.supply_net .section.strategy p.action{text-align:center; display:flex;justify-content:center;gap:12px;margin-top:60px} #contents.supply_net .section.strategy p.action .component_button{width:255px;background-color:#fff} #contents.supply_net .section.activities ul.activities_tab{display:flex;gap:14px;justify-content:center;margin-top:40px} #contents.supply_net .section.activities ul.activities_tab a.mot2{display:block;width:194px;height:50px;line-height:50px;font-size:16px;color:#000;background-color:#fff;border:1px solid #ccc} #contents.supply_net .section.activities ul.activities_tab a.mot2.on{color:#fff;background-color:#008f69} #contents.supply_net .section.activities p{margin-top:20px;line-height:34px} #contents.supply_net .section.activities .supply_program{display:flex;justify-content:center} #contents.supply_net .section.activities .supply_program ul{text-align: center; position:relative;width:671px;height:671px;background:url(/_resource/images/sustainabilityManagement/supply_chain_figure.svg) center no-repeat} #contents.supply_net .section.activities .supply_program ul li{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)} #contents.supply_net .section.activities .supply_program ul li p{font-size:20px;color:#000;margin:0} #contents.supply_net .section.activities .supply_program ul li span{display:inline-block;margin-top:10px;font-size:16px;line-height:auto} #contents.supply_net .section.activities .supply_program ul li:nth-of-type(1) p{font-family:CjOnlyOnetitleBold,sans-serif;color:#008f69} #contents.supply_net .section.activities .supply_program ul li:nth-of-type(2){top:160px;left:250px} #contents.supply_net .section.activities .supply_program ul li:nth-of-type(3){top:160px;left:420px} #contents.supply_net .section.activities .supply_program ul li:nth-of-type(4){top:300px;left:523px} #contents.supply_net .section.activities .supply_program ul li:nth-of-type(5){top:460px;left:500px} #contents.supply_net .section.activities .supply_program ul li:nth-of-type(6){top:540px;left:333px} #contents.supply_net .section.activities .supply_program ul li:nth-of-type(7){top:464px;left:175px} #contents.supply_net .section.activities .supply_program ul li:nth-of-type(8){top:290px;left:140px} #contents.supply_net .section.activities table{margin:60px 0 0;border-top:2px solid #000;font-size:16px} #contents.supply_net .section.activities table tr td{height:55px} #contents.supply_net .section.activities table tr td:not(:last-child){border-right:1px solid #d9d9d9} #contents.supply_net .section.activities table tr:nth-of-type(1){font-family:CjOnlyOnetitleBold,sans-serif} #contents.supply_net .section.activities table tr:nth-of-type(1) td:not(:nth-of-type(3)){width:160px} #contents.social_contribute .section h3:not(:nth-of-type(1)){font-size:24px;margin-top:120px} #contents.social_contribute .section.strategy ul{display:flex;flex-direction:column;gap:200px;margin:60px 0} #contents.social_contribute .section.strategy ul li{width:100%;display:flex;flex-direction:column;gap:40px} #contents.social_contribute .section.strategy ul li h4{font-size:24px} #contents.social_contribute .section.strategy ul li:nth-of-type(1) h4{color:#008f69} #contents.social_contribute .section.strategy ul li:nth-of-type(1) dl{position:relative;display:flex;justify-content:center;gap:40px} #contents.social_contribute .section.strategy ul li:nth-of-type(1) dl dt,#contents.social_contribute .section.strategy ul li:nth-of-type(1) dl dd{display:flex;justify-content:center;align-items:center;width:360px;height:120px;line-height:32px;text-align:center;border:2px solid #008f69;border-radius:120px;background-color:#fff;color:#333;font-family:CjOnlyOnetitleBold,sans-serif} #contents.social_contribute .section.strategy ul li:nth-of-type(1) dl:after{position:absolute;content:"";width:410px;height:147px;bottom:-141px;left:50%;transform:translateX(-50%);background:url(/_resource/images/sustainabilityManagement/society_arrow_01.svg) center no-repeat;z-index:1} #contents.social_contribute .section.strategy ul li:nth-of-type(2) h4{color:#666} #contents.social_contribute .section.strategy ul li:nth-of-type(2) dl{position:relative;display:flex;justify-content:center;gap:40px} #contents.social_contribute .section.strategy ul li:nth-of-type(2) dl dt,#contents.social_contribute .section.strategy ul li:nth-of-type(2) dl dd{display:flex;flex-direction:column;justify-content:center;align-items:center;width:360px;height:120px;font-size:16px;line-height:24px;text-align:center;border:2px solid #c6c6c6;border-radius:120px;background-color:#e6e6e6;color:#333} #contents.social_contribute .section.strategy ul li:nth-of-type(2) dl dt span,#contents.social_contribute .section.strategy ul li:nth-of-type(2) dl dd span{position:relative;width:228px;text-align:left;margin-left:24px}#contents.social_contribute .section.strategy ul li:nth-of-type(2) dl dt span:before,#contents.social_contribute .section.strategy ul li:nth-of-type(2) dl dd span:before{position:absolute;content:"";width:2px;height:2px;left:-24px;top:10px;border-radius:2px;margin:0 12px 6px;background-color:#000} #contents.social_contribute .section.strategy ul li:nth-of-type(2) dl:after{position:absolute;content:"";width:410px;height:140px;bottom:-140px;left:50%;transform:translateX(-50%);background:url(/_resource/images/sustainabilityManagement/society_arrow_02.svg) center no-repeat;z-index:1} #contents.social_contribute .section.strategy ul li:nth-of-type(3) h4{color:#007651}#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl{display:flex;justify-content:center;gap:78px}#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt,#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd{display:flex;flex-direction:column;justify-content:space-between;width:240px} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt div,#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd div{position:relative;display:flex;flex-direction:column;width:240px;height:240px;border-radius:100%;border:2px solid #b6dfd3;display:flex;justify-content:start;align-items:center;padding-top:69px} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt div:before,#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd div:before{position:absolute;content:"";width:208px;height:208px;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#008f69} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt div span:nth-of-type(1),#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd div span:nth-of-type(1){position:relative;display:inline-block;font-family:CjOnlyOnetitleBold,sans-serif !important;color:#fff;font-size:19px;line-height:25px} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt div span:nth-of-type(1):before,#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd div span:nth-of-type(1):before{position:absolute;font-family:CjOnlyOnetitleMedium,sans-serif !important;bottom:-16px;left:50%;transform:translateX(-50%);font-size:16px;line-height:8px;color:#fff} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt div span:nth-of-type(1):before,#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt div span:nth-of-type(1):before{content:"2025";} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd:nth-of-type(1) div span:nth-of-type(1):before,#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd:nth-of-type(1) div span:nth-of-type(1):before{content:"2027";} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd:nth-of-type(2) div span:nth-of-type(1):before,#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd:nth-of-type(2) div span:nth-of-type(1):before{content:"2030";} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt div span:nth-of-type(2),#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd div span:nth-of-type(2){font-family:"CjOnlyOneBodyRegular",sans-serif;color:#fff;font-size:19px;line-height:25px;margin-top:27px;text-align:center;z-index:0} #contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dt div:after,#contents.social_contribute .section.strategy ul li:nth-of-type(3) dl dd:nth-of-type(1) div:after{position:absolute;content:"";width:62px;height:14px;top:50%;right:0;transform:translate(92%, -50%);background:url(/_resource/images/sustainabilityManagement/industrial_safety_arrow_2.svg) center no-repeat} #contents.environment_manage .section.map ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;margin-top:60px} #contents.environment_manage .section.map ul li{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;color:#000;font-size:18px} #contents.environment_manage .section.map ul li:nth-of-type(1){position:relative;display:flex;align-items:center;justify-content:center;width:270px;height:270px;border-radius:100%;background-color:#b6dfd3;z-index:-1} #contents.environment_manage .section.map ul li:nth-of-type(1) p{position:relative;width:170px;height:170px;line-height:170px;border-radius:100%;text-align:center;background-color:#fff;color:#005b45;font-family:CjOnlyOnetitleMedium,sans-serif;z-index:2} #contents.environment_manage .section.map ul li:nth-of-type(1):before{position:absolute;content:"";width:220px;height:220px;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#86cab6;z-index:0} #contents.environment_manage .section.map ul li:nth-of-type(2),#contents.environment_manage .section.map ul li:nth-of-type(3){display:flex;width:480px;height:80px;border-radius:80px;border:2px solid #b6dfd3;font-size:20px} #contents.environment_manage .section.map ul li:nth-of-type(3){background-color:#b6dfd3} #contents.environment_manage .section.map ul li:nth-of-type(4){width:851px;height:2px;background-color:#b6dfd3} #contents.environment_manage .section.map ul li:nth-of-type(1):after,#contents.environment_manage .section.map ul li:nth-of-type(2):after,#contents.environment_manage .section.map ul li:nth-of-type(3):after{position:absolute;content:"";width:10px;height:51px;top:100%;left:50%;transform:translate(-50%, -5px);background:url(/_resource/images/sustainabilityManagement/industrial_safety_arrow_1.svg) center no-repeat} #contents.environment_manage .section.map ul li:nth-of-type(5){display:flex;width:100%;justify-content:space-between} #contents.environment_manage .section.map ul li:nth-of-type(5) div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:231px;height:100px;border-radius:100px;border:2px solid #b6dfd3;gap:7px} #contents.environment_manage .section.map ul li:nth-of-type(5) div p{font-size:20px;color:#000} #contents.environment_manage .section.map ul li:nth-of-type(5) div span{font-size:16px;color:#666} #contents.environment_manage .section.map ul li:nth-of-type(5) div:before{position:absolute;content:"";top:0;left:50%;transform:translate(-50%, -100%);width:2px;height:46px;background-color:#b6dfd3} #contents.environment_manage .section.strategy ul{display:flex;flex-wrap:wrap;justify-content:center;gap:60px;margin:60px 0} #contents.environment_manage .section.strategy ul li{display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:20px} #contents.environment_manage .section.strategy ul li h4{font-size:24px;color:#008f69;font-family:CjOnlyOnetitleBold,sans-serif} #contents.environment_manage .section.strategy ul li p{font-size:20px;color:#000;font-family:CjOnlyOnetitleMedium,sans-serif;margin-bottom:10px} #contents.environment_manage .section.strategy ul li span{font-size:18px;color:#666} #contents.environment_manage .section.strategy ul li dl{display:flex;flex-wrap:wrap;background-color:#fff;border-radius:20px;padding:40px 80px;text-align:left} #contents.environment_manage .section.strategy ul li:nth-of-type(1){width:100%;max-width:898px} #contents.environment_manage .section.strategy ul li:nth-of-type(1) dl{flex-wrap:wrap;gap:40px;justify-content:space-between} #contents.environment_manage .section.strategy ul li:nth-of-type(1) dl dt,#contents.environment_manage .section.strategy ul li:nth-of-type(1) dl dd{width:320px} #contents.environment_manage .section.strategy ul li:not(:nth-of-type(1)){max-width:419px;width:calc((100% - 60px)/2)} #contents.environment_manage .section.strategy ul li:not(:nth-of-type(1)) dl{gap:40px} #contents.environment_manage .section.strategy .component_button{width:173px;padding:0;background-color:#fff} #contents.environment_manage .section.strategy .component_button:nth-of-type(1){margin-right:8px} #contents.environment_manage .section.activities ul{display:flex;flex-flow:row wrap;justify-content:flex-start} #contents.environment_manage .section.activities ul li{width:calc((100% - 60px)/3);margin-right:30px;margin-bottom:60px} #contents.environment_manage .section.activities ul li:nth-of-type(3n){margin-right:0} #contents.environment_manage .section.activities ul li .thumb{overflow:hidden;display:block;position:relative;border-radius:20px;height:200px} #contents.environment_manage .section.activities ul li .thumb .img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover} #contents.environment_manage .section.activities ul li .context{margin-top:25px} #contents.environment_manage .section.activities ul li .context .title{color:#000;font-size:20px;line-height:30px;text-align:left;font-family:"CjOnlyOnetitleMedium",sans-serif} #contents.environment_manage .section.activities ul li .context .description{display:block;margin-top:10px;color:#666;font-size:16px;line-height:26px;text-align:left;}/*# sourceMappingURL=sustainability_management.css.map */ #contents.information_protect .section.chart ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;margin-top:60px} #contents.information_protect .section.chart ul li{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#000;font-size:18px} #contents.information_protect .section.chart ul li p{font-size:20px;line-height:20px} #contents.information_protect .section.chart ul li span{margin-top:12px;font-size:14px;line-height:20px;color:#666} #contents.information_protect .section.chart ul li:not(:nth-of-type(4)){display:flex;width:376px;height:110px;border-radius:110px;background-color:#fff;border:2px solid #b6dfd3} #contents.information_protect .section.chart ul li:nth-of-type(1){background-color:#008f69;color:#fff} #contents.information_protect .section.chart ul li:nth-of-type(1) span{color:#f2f2f2} #contents.information_protect .section.chart ul li:nth-of-type(1):after,#contents.information_protect .section.chart ul li:nth-of-type(2):after{position:absolute;content:"";width:10px;height:51px;top:100%;left:50%;transform:translate(-50%, -5px);background:url(/_resource/images/sustainabilityManagement/industrial_safety_arrow_1.svg) center no-repeat} #contents.information_protect .section.chart ul li:nth-of-type(3):after{position:absolute;content:"";width:500px;height:87px;top:100%;left:50%;transform:translate(-50%, -5px);background:url(/_resource/images/sustainabilityManagement/information_chart.svg) center no-repeat} #contents.information_protect .section.chart ul li:nth-of-type(4){position:relative;display:flex;flex-direction:row;min-width:866px;margin-top:40px;gap:104px;justify-content:space-between} #contents.information_protect .section.chart ul li:nth-of-type(4) dl{display:flex;flex-direction:column;justify-content:center;width:376px;height:130px;border-radius:110px;background-color:#f2f2f2} #contents.information_protect .section.chart ul li:nth-of-type(4) dl dt{font-size:20px;line-height:20px;margin-bottom:10px} #contents.information_protect .section.chart ul li:nth-of-type(4) dl dd{font-size:14px;line-height:20px;color:#666} #contents.information_protect .section.strategy ul{display:flex;justify-content:center;gap:72px;margin:60px 0} #contents.information_protect .section.strategy ul li{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:312px;height:292px} #contents.information_protect .section.strategy ul li p{text-align:center;font-size:32px;color:#008f69;font-family:CjOnlyOnetitleMedium,sans-serif} #contents.information_protect .section.strategy ul li:nth-of-type(1):after{position:absolute;content:"";width:1080px;height:22px;top:0;left:0;transform:translateY(52px);background:url(/_resource/images/sustainabilityManagement/information_arrow.svg) center no-repeat;z-index:0} #contents.information_protect .section.strategy ul li div{text-align: center; position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:312px;height:180px;border:1px solid #c6c6c6;background-color:#fff;gap:10px} #contents.information_protect .section.strategy ul li div:before{box-sizing:border-box;position:absolute;content:"";width:20px;height:20px;border-radius:100%;top:0%;left:50%;transform:translate(-50%, -60px);border:3px solid #4ab78e;background-color:#fff;z-index:1} #contents.information_protect .section.strategy ul li div:after{position:absolute;content:"";width:20px;height:40px;top:0%;left:50%;transform:translate(-50%, -40px);background:url(/_resource/images/sustainabilityManagement/information_stroke.svg) center no-repeat} #contents.information_protect .section.strategy ul li div span:nth-of-type(1){position:relative;display:inline-block;font-family:CjOnlyOnetitleMedium,sans-serif !important;color:#007651;font-size:19px} #contents.information_protect .section.strategy ul li div span:nth-of-type(2){display:block;width:100px;height:1px;background-color:#d5ede6} #contents.information_protect .section.strategy ul li div span:nth-of-type(3){font-family:"CjOnlyOneBodyRegular",sans-serif;color:#666;font-size:16px;line-height:21px;z-index:0} #contents.information_protect .section.strategy .component_button{padding:0 32px;background-color:#fff} #contents.information_protect .section.strategy .component_button:nth-of-type(1){margin-right:8px} #contents.information_protect .section.activities ul{display:flex;flex-flow:row wrap;justify-content:flex-start}#contents.information_protect .section.activities ul li{width:calc((100% - 60px)/3);margin-right:30px;margin-bottom:60px} #contents.information_protect .section.activities ul li:nth-of-type(3n){margin-right:0}#contents.information_protect .section.activities ul li .thumb{overflow:hidden;display:block;position:relative;border-radius:20px;height:200px} #contents.information_protect .section.activities ul li .thumb .img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover}#contents.information_protect .section.activities ul li .context{margin-top:25px}#contents.information_protect .section.activities ul li .context .title{color:#000;font-size:20px;line-height:30px;text-align:left;font-family:"CjOnlyOnetitleMedium",sans-serif}#contents.information_protect .section.activities ul li .context .description{display:block;margin-top:10px;color:#666;font-size:16px;line-height:26px;text-align:left;}/*# sourceMappingURL=food_safety.css.map */ .sustainability .contribution .cultures .inner .list>div:nth-child(1) h4 span{ background-image: url(../images/esg/cultures_social.png) !important; background-size: 60px !important; } .sustainability .contribution .cultures .inner .list>div:nth-child(2) h4 span{ background-image: url(../images/esg/cultures_social.png) !important; background-size: 60px !important; } .sustainability .contribution .cultures .inner .list>div h4{ width: 100% !important; } /* 占쏙옙占쏙옙 占쏙옙타占쏙옙 */ .sustainability .contribution .cultures .inner .list > div { position: relative; margin-bottom: 40px; height: 400px; background: none !important; box-sizing: border-box; overflow: hidden; align-items: center; } /* 占쌔쏙옙트 占쏙옙恬占� 占쌌울옙 占싸깍옙 占쏙옙占쏙옙 占쏙옙占쏙옙 */ .sustainability .contribution .cultures .inner .list > div > * { position: relative; z-index: 2; } /* 占싱뱄옙占쏙옙: 占쏙옙占쏙옙占십울옙 占쌍댐옙 占쏙옙占� */ .sustainability .contribution .cultures .inner .list > div::after { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-size: cover; background-position: center; z-index: 1; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } /* 占싱뱄옙占쏙옙: 占쏙옙占십울옙 占쌍댐옙 占쏙옙占� (2,4,6占쏙옙) */ .sustainability .contribution .cultures .inner .list > div:nth-child(2)::after, .sustainability .contribution .cultures .inner .list > div:nth-child(4)::after, .sustainability .contribution .cultures .inner .list > div:nth-child(6)::after { left: 0; right: auto; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } /* 占쌔쏙옙트 占쏙옙占식듸옙 占쌥댐옙占� */ .sustainability .contribution .cultures .inner .list > div:nth-child(2) > *, .sustainability .contribution .cultures .inner .list > div:nth-child(4) > *, .sustainability .contribution .cultures .inner .list > div:nth-child(6) > * { margin-left: auto; /* 占쌔쏙옙트 占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙 */ } .sustainability .contribution .cultures .inner .list > div:nth-child(1)::after { background-image: url(../images/sustainabilityManagement/social_contribution1.jpg) !important; } .sustainability .contribution .cultures .inner .list > div:nth-child(2)::after { background-image: url(../images/sustainabilityManagement/social_contribution2.jpg) !important; } .sustainability .contribution .cultures .inner .list > div:nth-child(3)::after { background-image: url(../images/esg/contr03.jpg) !important; } .sustainability .contribution .cultures .inner .list > div:nth-child(4)::after { background-image: url(../images/sustainabilityManagement/social_contribution3.jpg) !important; } .sustainability .contribution .cultures .inner .list > div:nth-child(5)::after { background-image: url(../images/esg/contr05.jpg) !important; } .sustainability .contribution .cultures .inner .list > div:nth-child(6)::after { background-image: url(../images/esg/contr06.jpg) !important; } /* .sustainability .contribution .cultures .inner .list>div:nth-child(1){ background-image: url(../images/sustainabilityManagement/social_contribution1.jpg) !important; } .sustainability .contribution .cultures .inner .list>div:nth-child(2){ background-image: url(../images/sustainabilityManagement/social_contribution2.jpg) !important; } .sustainability .contribution .cultures .inner .list>div:nth-child(4){ background-image: url(../images/sustainabilityManagement/social_contribution3.jpg) !important; } */ #contents.sustainability_management .section_top+.section.tab.safe_manage{padding:0 0 120px} #contents.sustainability_management .section_top+.section.tab.safe_manage ul{margin:0;padding:0} #contents.sustainability_management .section_top+.section.tab.safe_manage ul li{width:540px} #contents.waste_resource .section.waste_manage ul{width:100%;display:flex;justify-content:center;gap:180px} #contents.waste_resource .section.waste_manage ul span{display:flex;justify-content:center;align-items:center;width:207px;height:207px;border-radius:200px;background-color:#e7f4f0} #contents.waste_resource .section.waste_manage ul dl{margin:40px 0 0 35px;text-align:left} #contents.waste_resource .section.waste_manage ul dl dt{font-size:24px;font-family:CjOnlyOnetitleMedium,sans-serif !important;color:#008f69;margin-bottom:20px} #contents.waste_resource .section.waste_manage ul dl dd{position:relative;padding:3px 0 3px 6px} #contents.waste_resource .section.waste_manage ul dl dd:before{content:"";position:absolute;left:0;top:11px;width:3px;height:3px;background:#666;border-radius:100%} #contents.waste_resource .section.waste_system{padding-top:120px} #contents.waste_resource .section.waste_system ul{display:flex;justify-content:space-between} #contents.waste_resource .section.waste_system ul li{width:220px} #contents.waste_resource .section.waste_system ul li img{border-radius:20px} #contents.waste_resource .section.waste_system ul li div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:63px;font-size:16px;color:#007651;margin-top:30px} #contents.waste_resource .section.waste_system ul li strong{display:block;margin-top:20px;font-size:24px;font-weight:normal;color:#008f69;font-family:CjOnlyOnetitleMedium,sans-serif !important} #contents.waste_resource .section.waste_system ul li span{position:relative;display:block;font-size:16px;margin-top:30px;padding-top:30px;border-top:1px solid #e6e6e6} #contents.sustainable_distribution .section a.component_button{margin-top:60px} #contents.sustainable_distribution .section.development_farm ul{display:flex;gap:32px;color:#000} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(1){width:294px} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(2){width:336px;margin-right:50px} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(2) dt{position:relative} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(2) dt:before{position:absolute;content:"";width:12px;height:64px;top:100%;left:50%;transform:translate(-50%, -7px);background-image:url(/_resource/images/sustainabilityManagement/environ_link.svg)} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(2) dt:after{position:absolute;content:"";top:50%;left:100%;width:48px;height:15px;transform:translate(16px, -50%);background-image:url(/_resource/images/sustainabilityManagement/environ_arrow.svg)} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(3){width:336px} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(3) dt{position:relative} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(3) dt:before{position:absolute;content:"";width:12px;height:64px;top:100%;left:44px;transform:translateY(-7px);background-image:url(/_resource/images/sustainabilityManagement/environ_link.svg)} #contents.sustainable_distribution .section.development_farm ul li:nth-of-type(3) dt:after{position:absolute;content:"";width:12px;height:64px;top:100%;left:277px;transform:translateY(-7px);background-image:url(/_resource/images/sustainabilityManagement/environ_link.svg)} #contents.sustainable_distribution .section.development_farm ul li img{width:100%;border-radius:16px} #contents.sustainable_distribution .section.development_farm ul li dl dt{position:relative;width:100%;height:60px;border:1px solid #b6dfd3;background-color:#008f69;color:#fff;line-height:60px;border-radius:16px 0} #contents.sustainable_distribution .section.development_farm ul li dl dd:nth-of-type(1){font-size:16px;display:flex;gap:10px} #contents.sustainable_distribution .section.development_farm ul li dl dd:nth-of-type(1) span{display:inline-block;margin:50px 0 28px;width:100%;height:50px;line-height:50px;background-color:#fff;border:2px solid #b6dfd3;border-radius:16px 0} #contents.sustainable_distribution .section.development_farm ul li p{position:relative;width:100%;text-align:left;padding:2px 0 2px 6px;color:#666} #contents.sustainable_distribution .section.development_farm ul li p:before{position:absolute;content:"";width:3px;height:3px;top:12px;left:0;border-radius:2px;background-color:#666} #contents.sustainable_distribution .section.development_product .inner div{margin-top:20px;display:flex;justify-content:center;align-items:center}#contents.sustainable_distribution .section.development_product .inner div img{width:215px} #contents.sustainable_distribution .section.development_product .inner div p{max-width:507px;font-size:20px;line-height:34px;margin-left:30px;text-align:left}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:120px;width:100%;height:480px;position:relative} #contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map p:nth-of-type(1){text-align:center;font-size:24px;font-family:CjOnlyOnetitleMedium,sans-serif !important;color:#008f69;}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map p:nth-of-type(2){display:inline-block;margin-top:90px;padding:7px 27px;color:#fff;font-family:CjOnlyOnetitleMedium,sans-serif !important;font-size:18px;line-height:24px;background-color:#008f69;border-radius:18px;z-index:2} #contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map img{position:absolute;width:439px;top:57px;left:50%;transform:translateX(-50%);z-index:1}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map ul{position:relative;width:458px;display:flex;justify-content:space-between;margin-top:50px;z-index:2} #contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map ul li{display:flex;flex-direction:column;gap:10px}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map ul li span{padding:2px 11px;color:#fff;background-color:#008f69;border-radius:10px;line-height:24px}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map ul li:nth-of-type(1){margin-top:60px}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map ul:before{position:absolute;content:"";width:402px;height:249px;transform:translate(10px, 10px);background-image:url(/_resource/images/sustainabilityManagement/environ_map_link.svg);z-index:-1}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map p:nth-of-type(3){position:absolute;top:394px;left:700px;color:#666}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_map p:nth-of-type(3):before{display:inline-block;content:"";width:12px;height:12px;border-radius:12px;margin-right:10px;background-color:#c44444}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco{display:flex;flex-direction:column;align-items:center}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco ul{position:relative;display:flex;justify-content:center;gap:100px;margin:0}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco ul dl{display:flex;flex-direction:column;gap:30px;width:480px;height:284px;border-radius:24px;background-color:#e7f4f0;justify-content:center;align-items:center}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco ul dl dt{font-family:CjOnlyOnetitleMedium,sans-serif !important;color:#000;font-size:20px}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco ul dl dd{text-align:center;color:#666;line-height:1.6}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco ul:after{position:absolute;content:"";width:596px;height:152px;top:100%;left:50%;transform:translate(-50%, -8px);background-image:url(/_resource/images/sustainabilityManagement/environ_map_arrow.svg)}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco span{text-align:center;display:block;margin-top:174px;font-size:18px;font-family:CjOnlyOnetitleMedium,sans-serif !important;color:#1a1a1a;line-height:1.6}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco div{display:flex;flex-direction:column;justify-content:center;width:500px;height:248px;border-radius:24px;margin-top:30px;background-color:#fff;border:1px solid #008f69}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco div p:nth-of-type(1){font-size:24px;line-height:30px;color:#008f69;font-family:CjOnlyOnetitleMedium,sans-serif !important}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco div p:nth-of-type(2){font-size:24px;line-height:30px;color:#000;margin:12px 0 24px}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco div p:nth-of-type(3),#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco div p:nth-of-type(4){position:relative;font-size:16px;line-height:1.6;color:#666;text-align:left;margin-left:50px;padding-left:6px}#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco div p:nth-of-type(3):before,#contents.sustainable_distribution .section.development_biodiversity .development_biodiversity_eco div p:nth-of-type(4):before{position:absolute;display:inline-block;content:"";width:2px;height:2px;top:50%;left:0;transform:translateY(-50%);border-radius:2px;background-color:#666} #contents.risk_opportunity .section table{margin-top:60px} #contents.risk_opportunity .section table tr:nth-of-type(1) td{border-top:none;color:#008f69;font-size:18px;height:54px} #contents.risk_opportunity .section table tr td{padding:0 0 0 28px;height:90px;font-size:14px;border-left:2px solid #f6f8f8;border-right:2px solid #f6f8f8;border-top:2px solid #f2f2f2;color:#000} #contents.risk_opportunity .section table tr td.td_green{background-color:#008f69;color:#fff;width:104px;padding:0;font-family:CjOnlyOnetitleMedium,sans-serif !important} #contents.risk_opportunity .section table tr td.td_gray{background-color:#E6E6E6;border-bottom:2px solid #f6f8f8;width:181px;padding:0}#contents.risk_opportunity .section table tr td.td_gray span{color:#666}#contents.risk_opportunity .section table tr td.td_gray:last-child{border-bottom:2px solid #f2f2f2}#contents.risk_opportunity .section table tr td p{position:relative;text-align:left;padding-left:6px;line-height:1.6}#contents.risk_opportunity .section table tr td p:before{content:"";position:absolute;left:0;top:8px;width:2px;height:2px;background:#666;border-radius:100%}#contents.risk_opportunity .section table tr td.td_bottom{border-bottom:none} #contents.energy_mgmt .section2 .inner{display:flex;flex-direction:column;align-items:center} #contents.energy_mgmt .section2 .inner table{width:874px;margin-top:60px} #contents.energy_mgmt .section2 .inner table tr td{text-align:left;border-bottom:2px solid #f2f2f2} #contents.energy_mgmt .section2 .inner table tr td.td_green{background-color:#008f69;color:#fff;height:60px;font-family:CjOnlyOnetitleMedium,sans-serif !important;text-align:center} #contents.energy_mgmt .section2 .inner table tr td.td_green:nth-of-type(1){width:154px;border-right:2px solid #fff} #contents.energy_mgmt .section2 .inner table tr td.td_gray{background-color:#f2f2f2;font-family:CjOnlyOnetitleMedium,sans-serif !important;padding:0;text-align:center} #contents.energy_mgmt .section2 .inner table tr td.td_gray span{color:#666} #contents.energy_mgmt .section2 .inner table tr td.td_gray:nth-of-type(1){border-bottom:2px solid #fff} #contents.energy_mgmt .section2 .inner table tr td.td_gray:nth-of-type(2){border-bottom:2px solid #f2f2f2} #contents.energy_mgmt .section2 .inner table tr td p{position:relative;line-height:24px;margin-left:30px;padding:5px 0 5px 6px} #contents.energy_mgmt .section2 .inner table tr td p:before{content:"";position:absolute;left:0;top:13px;width:2px;height:2px;background:#666;border-radius:100%} #contents.energy_mgmt .section2 .inner div{position:relative;margin-top:60px} #contents.energy_mgmt .section2 .inner div p{color:#005b45;position:absolute} #contents.energy_mgmt .section2 .inner div p:nth-of-type(1){top:50%;left:50%;transform:translate(-50%, -50%);font-size:20px;line-height:30px;color:#000} #contents.energy_mgmt .section2 .inner div p:nth-of-type(2){top:71px;left:178px} #contents.energy_mgmt .section2 .inner div p:nth-of-type(3){top:44px;left:360px} #contents.energy_mgmt .section2 .inner div p:nth-of-type(4){top:469px;left:400px} #contents.energy_mgmt .section2 .inner div p:nth-of-type(5){top:490px;left:185px} #contents.energy_mgmt .section2 .inner div p:nth-of-type(6){top:372px;left:22px} #contents.energy_mgmt .section2 .inner div p:nth-of-type(7){top:154px;left:564px} /*# sourceMappingURL=sustainability_management.css.map */ /*centered-management*/ #contents.consumer_centered .section.ccm .inner h3+p{ padding:0 200px; } #contents.consumer_centered .section.ccm .inner .flex{ text-align:center; position:relative; display:flex; justify-content:center; gap:70px; width:100%; height:540px; background:url(../images/sustainabilityManagement/consumer_centered_01_1.svg); background-repeat:no-repeat; background-position:center; margin-top:60px; } #contents.consumer_centered .section.ccm .inner .flex ul{ position:relative; text-align:center; width:540px; height:100%; } #contents.consumer_centered .section.ccm .inner .flex ul li{ position:absolute; top:50%; left:50%; width:76px; height:26px; line-height:26px; font-size:20px; color:#1a1a1a; } #contents.consumer_centered .section.ccm .inner .flex ul li:nth-child(1){ transform:translate(-50%, calc(-50% - 197px)); } #contents.consumer_centered .section.ccm .inner .flex ul li:nth-child(2){ transform:translate(calc(-50% + 144px), calc(-50% - 140px)); } #contents.consumer_centered .section.ccm .inner .flex ul li:nth-child(3){ transform:translate(calc(-50% + 196px), -50%); } #contents.consumer_centered .section.ccm .inner .flex ul li:nth-child(4){ transform:translate(calc(-50% + 144px), calc(-50% + 137px)); } #contents.consumer_centered .section.ccm .inner .flex ul li:nth-child(5){ transform:translate(-50%, calc(-50% + 197px)); } #contents.consumer_centered .section.ccm .inner .flex ul li:nth-child(6){ transform:translate(calc(-50% - 144px), calc(-50% + 137px)); } #contents.consumer_centered .section.ccm .inner .flex ul li:nth-child(7){ transform:translate(calc(-50% - 196px), -50%); } #contents.consumer_centered .section.ccm .inner .flex ul li:nth-child(8){ transform:translate(calc(-50% - 144px), calc(-50% - 140px)); } #contents.consumer_centered .section.ccm .inner .flex ul:after{ position:absolute; content:""; top:50%; left:100%; transform:translate(-7px, -50%); width:57px; height:12px; background:url(../images/sustainabilityManagement/consumer_centered_01_4.svg) no-repeat; } #contents.consumer_centered .section.ccm .inner .flex dl{ list-style:none; position:absolute; top:208px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; font-size:20px; } #contents.consumer_centered .section.ccm .inner .flex dl strong{ font-size:56px; line-height:64px; font-family:CjOnlyOnetitleBold,sans-serif; color:#005b45; } #contents.consumer_centered .section.ccm .inner .flex dl dt{ margin-bottom:12px; } #contents.consumer_centered .section.ccm .inner .flex dl dd{ width:177px; height:26px; line-height:26px; display:flex; justify-content:space-between; color:gray; } #contents.consumer_centered .section.ccm .inner .flex div p{ position:relative; display:flex; justify-content:center; align-items:center; width:180px; height:180px; border-radius:180px; background-color:#e7f4f0; margin:180px 0 20px; } #contents.consumer_centered .section.ccm .inner .flex div span{ display:block; font-size:20px; line-height:26px; color:#1a1a1a; } #contents.consumer_centered .section.ccm .inner .flex div:nth-of-type(1) p:after{ position:absolute; content:""; top:50%; left:100%; transform:translate(-7px, -50%); width:57px; height:12px; background:url(../images/sustainabilityManagement/consumer_centered_01_4.svg); } #contents.consumer_centered .section.gray{ background-color:#f6f8f8; } #contents.consumer_centered .section.gray .inner ul{ width:100%; display:flex; justify-content:center; gap:50px; margin-top:60px; } #contents.consumer_centered .section.gray .inner ul li{ max-width:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; } #contents.consumer_centered .section.gray .inner ul li b{ font-size:24px; font-family:CjOnlyOnetitleBold,sans-serif !important; color:#008f69; margin:30px 0 20px; } #contents.consumer_centered .section.gray .inner ul li div{ display:flex; justify-content:center; align-items:center; width:220px; height:220px; border-radius:100%; background-color:#fff; margin:0; } #contents.consumer_centered .section.gray .inner ul li p{ text-align:center; color:#4d4d4d; font-size:18px; line-height:28px; } #contents.consumer_centered .section.gray .inner ul li:nth-of-type(1) img{ width:76px; height:80px; } #contents.consumer_centered .section.gray .inner ul li:nth-of-type(2) img{ width:70px; height:86px; } #contents.consumer_centered .section.gray .inner ul li:nth-of-type(3) img{ width:116px; height:80px; } #contents.consumer_centered .section.declaration .inner img{ width:400px; }