/** 회사소개 ------------------------------- **/
#introduce .slogan { padding:1.6667rem 0 5.5556rem; text-align: center; } 
#introduce .slogan .title { margin-bottom:2.7778rem; font-size:2.2222rem; font-weight: var(--bold); line-height: 1.4; } 

@media screen and (max-width:640px){
 #introduce .slogan .title { font-size:1.8rem; } 
 }

#introduce .business_wrap { margin-bottom:9.4444rem; padding:9.4444rem 0; background-color: #0D0D0D; } 
/* 백업 241101 분할 철회 CSS  */
/* #introduce .business_wrap { margin-bottom:9.4444rem; background-color: #0D0D0D; }  */

#introduce .business_list { display: flex; flex-direction: column; gap:7.2222rem; color:#fff; } 
#introduce .business_list li { display: flex; justify-content: space-between; gap:4.4444rem; } 
#introduce .business_list li > div { flex:1; } 
#introduce .business_list li .img { flex-shrink: 0; } 
#introduce .business_list li .img img { width:100%; } 
#introduce .business_list li .txt { padding:1.1111rem 0; } 
#introduce .business_list li .txt .ko { margin-bottom:0.5556rem; font-size:0.8889rem; font-weight: var(--medium); } 
#introduce .business_list li .txt .en { margin-bottom:1.6667rem; text-transform: uppercase; font-family: var(--montserrat); font-size:3.2222rem; font-weight: var(--bold); } 
#introduce .business_list li .txt .desc { margin-bottom:3.8889rem; line-height:1.7778rem; letter-spacing: -0.5px; } 
#introduce .business_list li .txt a { display: flex; align-items: center; justify-content: space-between; padding:0 1.3889rem 0 1.6667rem; width:186px; height:51px; border:1px solid #707070; background-color: #fff; color:#2A543D; font-weight: var(--semiBold); font-size:0.7778rem; letter-spacing: 0; transition: var(--btn-transition); } 
#introduce .business_list li .txt a span { font-size:1.2222rem; } 
#introduce .business_list li .txt a:hover { background-color:#2A543D; color:#fff; border-color:#2A543D; } 

@media screen and (max-width:1024px){
 #introduce .business_list { gap:4rem; } 
 #introduce .business_list li .txt .en { font-size:2.5rem; } 
 #introduce .business_list li .txt a { font-size:1rem; } 
 }
 
 @media screen and (max-width:790px){
 #introduce .business_wrap { padding:5.5556rem 0; margin-bottom:5.5556rem } 
 /* 백업 241101 분할 철회 CSS  */
 /* #introduce .business_wrap { margin-bottom:5.5556rem }  */
 #introduce .business_list li { flex-direction: column; gap:2rem; } 
 #introduce .business_list li:nth-child(2) .img { order:1; } 
 #introduce .business_list li:nth-child(2) .txt { order:2 } 
 #introduce .business_list li .txt .desc br { display: none; } 
 }

 @media screen and (max-width:640px){
 #introduce .business_list li .txt .en { font-size:1.8rem; } 
 }

#introduce .rnd_list { display: grid; grid-template-columns: repeat(4,1fr); text-align: center; } 
#introduce .rnd_list li { display: flex; flex-direction: column; align-items: center; } 
#introduce .rnd_list li .ico { margin-bottom:2.2222rem; display: flex; justify-content: center; align-items: center; width:90px; height:90px; } 
#introduce .rnd_list li .txt p.tit { display: flex; flex-direction: column; justify-content: center; gap:0.2778rem; height:90px; margin-bottom:2.2222rem; font-size:1.3333rem; line-height: 1.6111rem; font-weight: var(--semiBold); } 
#introduce .rnd_list li .txt p.tit span { font-size:0.8889rem; font-weight: var(--medium); color:#2A543D; } 
#introduce .rnd_list li .txt p.price { color:#2A543D; font-weight: var(--semiBold); } 
#introduce .rnd_list li .txt p.price strong { font-size:3.5556rem; font-weight: var(--bold); font-family: var(--montserrat); } 

@media screen and (max-width:1024px){
 #introduce .rnd_list { grid-template-columns: repeat(2,1fr); row-gap: 4rem; } 
 #introduce .rnd_list li .ico { margin-bottom:1rem; } 
 #introduce .rnd_list li .txt p.tit { margin-bottom:1rem; } 
 }

@media screen and (max-width:640px){
 #introduce .rnd_list { grid-template-columns: repeat(1,1fr); row-gap: 0rem; } 
 #introduce .rnd_list li { padding:2.5rem; } 
 #introduce .rnd_list li:nth-child(odd) { background-color: rgba(255, 255, 255, 0.25) } 
 }

/** CEO 인사말 ------------------------------- **/
#ceo_message p.ceo { margin-top:5.5556rem; text-align: right; font-size:1rem; font-weight: var(--bold); } 
#ceo_message p.ceo strong { padding-left:0.8333rem; font-size:1.8889rem; } 



/** 비전 & 미션 ------------------------------- **/
#vision_mission p.slogun { margin-bottom:5.5556rem; font-size:2.5556rem; font-weight: var(--bold); line-height: 3.5556rem; } 
#vision_mission .mission_wrap { padding-top:5.5556rem; margin-top:10rem; height:770px; background:#000 url('/assets/images/sub/bg_mission.png') no-repeat top center; background-size: cover; } 
#vision_mission .mission_wrap .wrap { display: flex; justify-content: flex-end; } 
#vision_mission .mission_wrap .wrap p { font-size:2.5rem; line-height: 3.6667rem; font-weight: var(--bold); font-family: var(--montserrat); color:#fff; } 

@media screen and (max-width:640px){
 #vision_mission p.slogun { margin-bottom:5rem; font-size:1.8rem; font-weight: var(--bold); line-height: 2.5rem; } 
 #vision_mission .mission_wrap { padding-top:5rem; margin-top:5rem; height:500px; } 
 #vision_mission .mission_wrap .wrap p { font-size:1.8rem; line-height: 1.5; } 
 }


/** CI ------------------------------- **/
#ci h3.tit { font-size:2rem; } 
#ci .half_wrap { margin-bottom:8.3333rem; } 
#ci .half_wrap:last-child { margin-bottom:0; } 
#ci .half_wrap .right .logo_img_box { padding : 6.3889rem 0; margin-bottom: 2.5rem; background-color: #fff; text-align: center; } 
#ci .half_wrap .right .logo_img_box img { max-width:320px; width:auto; } 

#ci ul.rule { margin-top:5.5556rem; display: flex; flex-direction: column; gap:3.3333rem; } 
#ci ul.rule li { display: flex; } 
#ci ul.rule li .tit { width: 210px; font-weight: var(--bold); } 
#ci ul.rule li .img_box p.rule_txt { margin-bottom:1.6667rem; line-height: 1.3; } 

/* #ci ul.affiliated_company { margin-top:2.7778rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap:1.1111rem; }  */
#ci ul.affiliated_company { margin-top:2.7778rem;display: grid; grid-template-columns: repeat(2, 1fr); gap:1.1111rem; } 
/* #ci ul.affiliated_company li { background:#fff; width:calc(50% - 10px); text-align: center; padding: 4.4444rem 0; }  */
#ci ul.affiliated_company li {display: grid; grid-template-columns: 1fr; gap: 10px; text-align: center; } 
#ci ul.affiliated_company li p{font-size: 1.1rem; font-weight: 600; line-height: normal;}
#ci ul.affiliated_company li > div{display: flex; justify-content: center; align-items: center; width: 100%; background:#fff; text-align: center; padding: 4.4444rem 0; } 
#ci ul.affiliated_company li > div .js_inc{padding: 8px 0;}

#ci .pantione_color { margin-top:2.7778rem; background: var(--primary); padding:3.3333rem 0; } 
#ci .pantione_color p { font-size: 2rem; line-height:2.3333rem; color:#fff; text-align: center; } 
#ci .pantione_color p strong { font-weight: var(--bold); display: block;; } 

#ci ul.pantone_list { margin-top:1.875rem; display: grid; grid-template-columns: repeat(3,1fr); } 
#ci ul.pantone_list li { padding:0 1.25rem; border-right:1px solid #B3B3B3; } 
#ci ul.pantone_list li:last-child { border-right:0 none; } 
#ci ul.pantone_list li p.tit { margin-bottom:0.813rem; font-size: 1.125rem; letter-spacing: -0.2px; font-weight: var(--semiBold); } 

@media screen and (max-width:640px){
 #ci h3.tit { font-size:1.6rem; } 
 #ci .half_wrap .right .logo_img_box { padding:5rem 0; } 
 #ci .half_wrap .right .logo_img_box img { max-width:180px; width:auto; } 
 #ci ul.rule li { flex-direction: column; gap:1.2rem; } 
 #ci ul.rule li .img_box .rule_txt { text-align: left; } 
 /* #ci ul.affiliated_company { flex-direction: column; }  */
 #ci ul.affiliated_company { grid-template-columns: 1fr; gap: 2rem; } 
 #ci ul.affiliated_company li>div { padding: 3.5rem 0; width:100%; } 
 #ci .pantione_color p { font-size: 1.6rem; line-height:2rem; color:#fff; text-align: center; } 
 #ci ul.pantone_list { grid-template-columns: repeat(1,1fr); gap:20px; } 
 #ci ul.pantone_list li { border-right:0 none; } 
 }


/** 사업장소개 ------------------------------- **/
/** 용인R&D & 광주캠퍼스 **/
.common_map p.title { margin-bottom: 5.5556rem; font-size: 2.7778rem; font-weight:var(--semiBold); letter-spacing:-1px; color:#191919; line-height: 3.8889rem; } 

@media screen and (max-width:1024px){
 .common_map p.title { font-size: 1.8rem; line-height: 1.5; } 
 .common_map p.title br { display: none; } 
 }

 @media screen and (max-width:640px){
 .common_map p.title { font-size: 1.6rem; } 
 }

.common_map .map_wrap { padding-bottom: 5.5556rem; margin-bottom: 5.5556rem; border-bottom: 1px solid #B2B2B2; } 
.common_map .map_wrap .map_box { padding-bottom: 5rem; display: flex; justify-content: space-between; gap:6rem; } 
.common_map .map_wrap .map_box .map { display: flex; flex-direction: column; width:35%; gap:1.9444rem; } 
.common_map .map_wrap .map_box .map iframe { height:310px; } 
.common_map .map_wrap .map_box .map a { width:100%; } 
.common_map .map_wrap .map_box .desc { flex:1; word-break: break-all; } 

.common_map .map_wrap ul.img_list { display: grid; grid-template-columns: repeat(4,1fr); gap:1.6666rem; } 
.common_map .map_wrap ul.img_list li img { width:100%; } 

@media screen and (max-width:1280px){
 .common_map .map_wrap { gap:4rem; } 
 }

 @media screen and (max-width:1024px){
 .common_map .map_wrap ul.img_list { grid-template-columns: repeat(2,1fr); } 
 }

 @media screen and (max-width:860px){
 .common_map .map_wrap .map_box { flex-direction: column; } 
 .common_map .map_wrap .map_box .map { width:100% } 
 }

 @media screen and (max-width:640px){
 .common_map .map_wrap ul.img_list { grid-template-columns: repeat(1,1fr); } 
 }
 
.common_map h3 { margin-bottom:4.1667rem; font-size:2.2222rem; font-weight: var(--bold); color:#B2B2B2; } 

.common_map .contact_wrap { position: relative; display: flex; justify-content: space-between; padding-right:5rem; } 


@media screen and (max-width:940px){
 .common_map .contact_wrap { flex-direction: column; padding-right:0; } 
 }
 

.common_map .contact_wrap .tit { font-size:1.3333rem; font-weight: var(--bold) } 
.common_map .contact_wrap .contact_list { display: flex; flex-direction: column; padding-right:5rem; border-right:1px solid #DEDEDE; } 
.common_map .contact_wrap .contact_list > li { display: flex; padding:2.7778rem; padding-left:0; border-top:1px solid #DEDEDE; line-height:1.6667rem; } 
.common_map .contact_wrap .contact_list > li:first-child { padding-top:0; border-top:0 none; } 
.common_map .contact_wrap .contact_list > li .tit { width:100px; } 
.common_map .contact_wrap .contact_list > li .info { flex:1; font-weight: var(--medium); } 
.common_map .contact_wrap .contact_list > li.bus { flex-direction: column; gap:1.6667rem; } 
.common_map .contact_wrap .contact_list > li.bus ul { display: flex; flex-direction: column; gap:0.5556rem; } 
.common_map .contact_wrap .contact_list > li.bus ul li { display: flex; flex-direction: column; gap:0.5556rem; } 
.common_map .contact_wrap .contact_list > li.bus ul li .type { display: flex; align-items: center; gap:0.5556rem; } 
.common_map .contact_wrap .contact_list > li.bus ul li .type span { padding:0.2778rem 0.8333rem; background-color:#8B8B8B; color:#fff; font-weight: var(--semiBold); border-radius:5px; flex-shrink: 0; } 
.common_map .contact_wrap .contact_list > li.bus ul li .type_desc { font-size:0.8889rem; font-weight: var(--medium); color:#7D7D7D; } 

.chn .common_map .contact_wrap .contact_list > li .tit { width:140px; } 

.eng .common_map .contact_wrap .contact_list > li { flex-direction: column; gap:1.6667rem; } 
.eng .common_map .contact_wrap .contact_list > li .tit { width:auto; } 


@media screen and (max-width:1200px){
 .common_map .contact_wrap .contact_list { border-right:0 none; } 
 }
 @media screen and (max-width:768px){
 .common_map .contact_wrap .contact_list { padding-right:0rem; } 
 }

 @media screen and (max-width:640px){
 .common_map .contact_wrap .tit { font-size:1.2rem; } 
 .chn .common_map .contact_wrap .contact_list > li  {flex-direction: column; gap:1.6667rem;} 
 }

.common_map .contact_wrap .load_map { display: flex; gap:3.3333rem; } 
.common_map .contact_wrap .load_map .car_wrap { display: flex; gap:3.3333rem; } 
.common_map .contact_wrap .load_map .car_wrap dl { flex:1; } 
.common_map .contact_wrap .load_map .car_wrap dl dt { padding: 0.5556rem 2.7778rem; display: inline-block; background:#8B8B8B; color:#fff; text-align: center; word-break: keep-all; } 
.common_map .contact_wrap .load_map .car_wrap dl dd:first-of-type { padding-top:1.3333rem; } 
.common_map .contact_wrap .load_map .car_wrap dl dd { position:relative; margin-left:1.1111rem; padding:0.6667rem; border-left: 1px solid #C0C0C0; line-height: 1.3; } 
.common_map .contact_wrap .load_map .car_wrap dl dd:before { position:absolute; left: -6px; top: 50%; transform: translateY(-50%); width:7px; height:7px; border:2px solid #C0C0C0; background:#fff; content: ''; display: block; border-radius: 5px; margin-right:0.625rem; } 
.common_map .contact_wrap .load_map .car_wrap dl dd:first-of-type::before { top:60% } 

.eng .common_map .contact_wrap .load_map { flex-direction: column; gap:1.6667rem;} 



@media screen and (max-width:1350px){
 .common_map .contact_wrap .load_map { flex-direction: column; gap:1.6667rem; } 
 }

 @media screen and (max-width:768px){
 .common_map .contact_wrap .load_map { padding:2.7778rem 0; border-top:1px solid #DEDEDE } 
 }

@media screen and (max-width:640px){
 .common_map .contact_wrap .load_map .car_wrap { flex-direction: column; } 
 }

.modal_popup.campus .campus_img img { width:100%; } 
.modal_popup.campus .modal_content { height:auto !important; padding:0 !important; background-color: transparent; } 

/** 해외지사 **/
#international_branch .branch_list > li { display: flex; justify-content: space-between; gap:5rem; padding:4.4444rem 0; border-bottom:1px solid #C0C0C0; } 
#international_branch .branch_list > li .title { width:40%; font-size: 2rem; font-weight: var(--bold); letter-spacing: -1px; font-family: var(--montserrat); line-height: 1.2; } 
#international_branch .branch_list > li .con { flex:1; } 
#international_branch .branch_list > li .con p { line-height:2rem; } 
#international_branch .branch_list > li .con p strong { font-weight: var(--bold); margin-right:10.0008px; } 
#international_branch .branch_list > li:last-child { border-bottom: 0; } 


@media screen and (max-width:1024px){
 #international_branch .branch_list > li { gap:2.5rem; } 
 #international_branch .branch_list > li .title { width:30%; } 
 }

@media screen and (max-width:798px){
 #international_branch .branch_list > li .title { width:100%; } 
 #international_branch .branch_list > li { flex-direction: column; } 
 }

@media screen and (max-width:640px){
 #international_branch .branch_list > li .title { font-size: 1.6rem; } 
 }


#international_branch .contact_list { margin-bottom:1.9444rem; display: flex; line-height:2rem; flex-wrap: wrap; } 
#international_branch .contact_list li { display: flex; align-items: center; gap:5px; } 
#international_branch .contact_list li::after { content: ''; display: inline-block; margin:0 0.8333rem; width:1px; height:15px; background-color: #191919; } 
#international_branch .contact_list li:last-child::after { display: none; } 
#international_branch .contact_list li strong { font-weight: var(--bold); } 
#international_branch .contact_list li a:hover { text-decoration: underline; } 


@media screen and (max-width:798px){
 #international_branch .contact_list { flex-direction: column; } 
 #international_branch .contact_list li::after { display: none; } 
 }

 #international_branch .m_animation_image img { height:auto !important } 

#international_branch .branchs_list { margin-top:3rem; display: flex; flex-direction: column; gap:1.1111rem; } 
#international_branch .branchs_list li { display: flex; align-items: center; gap:10px; font-weight: var(--semiBold); font-family: var(--montserrat); letter-spacing: -0.3px; } 
#international_branch .branchs_list li::before { display: inline-block; content: ''; width:22px; height:30px; background: url('/assets/images/sub/ico_branch.svg'); background-size: cover; flex-shrink: 0; } 






/** ESG평가등급 ------------------------------- **/
#esg .esg_table { margin-top:60px; width:100%; } 
#esg .esg_table tr:first-child td { padding:2.7778rem 0; background-color: #fff; } 
#esg .esg_table tr:first-child td:nth-child(1) { font-size:2.4444rem; font-weight: var(--bold); font-family: var(--montserrat); } 
#esg .esg_table tr:first-child td:nth-child(n+3) { color:#434343; font-size:1.1111rem; } 
#esg .esg_table tr:first-child td:nth-child(3) span { color:var(--primary); } 
#esg .esg_table tr:first-child td span { padding-bottom:1.1111rem; font-size:3.3333rem !important; font-weight: var(--bold) !important; font-family: var(--montserrat); } 

#esg .esg_table tr td { padding:1.1111rem 0; text-align: center; vertical-align: middle; width:16%; } 
#esg .esg_table tr:not(:first-child) td { border-bottom:1px solid #E4E4E4; } 
#esg .esg_table trc:nth-child(2) td { border-color:#C0C0C0 } 

#esg .esg_table tr td:nth-child(1) { font-size:1.4444rem; font-weight: var(--medium); font-family: var(--montserrat); } 
#esg .esg_table tr td:nth-child(2) { font-size:1rem; font-weight: var(--semiBold); } 
#esg .esg_table tr td:nth-child(n+3) { color:#B2B2B2; font-size:0.8889rem; font-weight: var(--medium); } 
#esg .esg_table tr td:nth-child(n+3) span { display: block; position: relative; font-size:2.2222rem; font-weight: var(--semiBold); font-family: var(--montserrat); color:#7d7d7d; } 
#esg .esg_table tr td:nth-child(3) span { color:var(--primary); font-weight: var(--bold); } 
#esg .esg_table tr td span { padding-bottom:0.8333rem; } 


#esg .esg_list { margin-top:3.3333rem; border-bottom:1px solid #E4E4E4 } 
#esg .esg_list li { padding:1.1111rem 0; display: flex; border-top:1px solid #E4E4E4; } 
#esg .esg_list li .row_year, #esg .esg_list li .row_grade { display: flex; } 
#esg .esg_list li .row_year p , #esg .esg_list li .row_grade p { flex:1; text-align: center; display: flex; align-items: center; justify-content: center; } 
#esg .esg_list li .row_year { width:35% } 
#esg .esg_list li .row_year p { font-size:1rem; font-weight: var(--semiBold); } 
#esg .esg_list li .row_year p.year { font-family: var(--montserrat); font-size:1.4444rem; font-weight: var(--medium); } 
#esg .esg_list li .row_grade { flex:1; } 
#esg .esg_list li .row_grade p { display: flex; align-items: center; flex-direction: column; color:#979797 } 
#esg .esg_list li .row_grade p span { display: block; padding-bottom:0.8333rem; font-family:var(--montserrat); font-size:2.2222rem; color:#7D7D7D; font-weight: var(--semiBold); } 
#esg .esg_list li .row_grade p:first-child span { color:var(--primary) !important; font-weight: var(--bold); } 

#esg .esg_list li:first-child { padding:2.7778rem 0; margin-bottom:2.7778rem; background-color: #fff; border-top:0 none } 
#esg .esg_list li:first-child .row_year p.year { font-size:2.4444rem; font-weight: var(--bold); } 
#esg .esg_list li:first-child .row_grade p { font-size:1.1111rem; font-weight: var(--medium); color:#434343 } 

#esg .esg_list li:first-child .row_grade p span { font-size:3.3333rem; color:#434343; font-weight: var(--bold); } 

/* #esg .table_info { display:none; }  */

@media screen and (max-width:768px){
 #esg .esg_list li:first-child .row_year p.year { font-size:1.4444rem; } 
 #esg .esg_list li:first-child .row_grade p span { font-size:2.2222rem; } 
 }

@media screen and (max-width:640px){
 #esg .esg_list li { flex-direction: column; gap:30px; padding-top:0; padding-bottom:30px; } 
 #esg .esg_list li .row_year { width:100%; text-align: left; justify-content: flex-start; } 
 #esg .esg_list li .row_year p.year { padding:0.8333rem 0; background-color: rgba(255, 255, 255, 0.3); font-size:1.4444rem; font-weight: var(--bold); } 
 #esg .esg_list li .row_year .text { display: none; } 
 #esg .esg_list li:first-child { padding:1.6667rem 0; margin-bottom:2.7778rem; background-color: #fff; border-top:0 none } 
 /* #esg .table_info { display:block; }  */
 #esg .esg_list li:first-child .row_year p.year { font-size:1.4444rem; } 

 .eng #esg .esg_list li .row_grade { padding:1rem; flex:1;  display: grid; grid-template-columns: repeat(2,1fr); gap:1.875rem; } 
 }


/** 지속가능경영 CSS **********************************/

.box_wrap:first-child { padding-top:8.8889rem !important; } 

/** 지속가능경영 공통 **/
.sustainability_management { } 
.sustainability_management div.box { margin-bottom: 6.6667rem; margin-top: 5.5556rem; } 
.sustainability_management div.box_wrap { padding-top: 10rem } 
.sustainability_management div.box:last-child() { margin-bottom: 0 !important;; } 

@media screen and (max-width:640px){
 .box_wrap:first-child { padding-top:5rem !important; } 
 .sustainability_management div.box_wrap { padding-top: 5rem } 
 .sustainability_management div.box { margin-bottom: 6.6667rem; margin-top: 1.5rem; } 
 }


.sustainability_management div.row { display: flex; flex-direction: row; gap:8.3333rem;; } 
.sustainability_management div.wrap { } 
.sustainability_management h3 { font-size: 2.5556rem; font-weight: var(--bold); color:#0D0D0D; margin-bottom: 2.7778rem; line-height: 3.1111rem; } 
.sustainability_management h4 { font-size: 1.6667rem; font-weight: var(--bold); color:#0D0D0D; margin-bottom: 2.7778rem; line-height: 2.2222rem; } 
.sustainability_management h5 { font-size: 1.1111rem; font-weight: var(--bold); color:#282828; margin-bottom: 1.6667rem; line-height: 1.6667rem; } 
.sustainability_management p.txt { font-size: 1rem; font-weight: var(--medium); line-height: 2rem;; margin-bottom: 2.7778rem; } 
.sustainability_management p.push4 { padding-left:27.1111rem; } 
.sustainability_management p.txt_more { font-size: .8889rem; color:#979797; font-weight: var(--medium); line-height: 1.5;; } 
.sustainability_management p.al_r { text-align: right;; } 
.sustainability_management p.al_l { text-align: left;; } 
.sustainability_management p.al_c { text-align: center;; } 
.sustainability_management .pt_12rem { padding-top: 1.2rem; } 
.standard_box p.slogun { margin-bottom:3.8889rem; color:#282828; font-size:1.3333rem; font-weight: var(--semiBold); letter-spacing: -0.3px; line-height: 2.2222rem; } 
.standard_box ul.slogun_list li { padding:1.6667rem 0; border-bottom: .0556rem solid #DEDEDE; display: flex;; } 
.standard_box ul.slogun_list li p { font-size: 1rem; font-weight: var(--semiBold); line-height: 1.5556rem; color:#434343;;; } 
.standard_box ul.slogun_list li span { display: block; font-size: 1rem; font-weight: var(--bold); line-height: 1.5556rem; color:#434343; margin-right: 1.1111rem; } 
ul.standard_list { display: flex; flex-direction: column; gap:1.1111rem; } 
ul.standard_list li { display: flex; align-items: center; line-height: 1.5; font-weight: var(--semiBold); } 
ul.standard_list li span { display: flex; align-items: center; line-height: 1.7; font-weight: var(--semiBold); color:#0D0D0D; } 
ul.standard_list li .number { display: block; width:4rem; font-size:3.3333rem; font-weight: var(--semiBold); letter-spacing: -0.0111rem; font-family: var(--montserrat); color:#2A543D; } 
ul.standard_list li .txt { flex:1; } 
ul.radio_img_ul { display: grid; grid-template-columns: repeat(3,1fr); justify-content: center; gap:1.6667rem; margin-bottom: 2.7778rem;; } 
ul.radio_img_ul.grid1 { grid-template-columns: repeat(1,1fr); } 
ul.radio_img_ul.grid2 { grid-template-columns: repeat(2,1fr); } 
ul.radio_img_ul.grid3 { grid-template-columns: repeat(3,1fr); } 
ul.radio_img_ul.grid4 { grid-template-columns: repeat(4,1fr); } 
.img_box_radio { position: relative; padding-top:65%; } 
.img_box_radio.radio45p { padding-top:45%; } 
.img_box_radio.radio85p { padding-top:85%; } 
.img_box_radio.radio100p { padding-top:100%; } 
.img_box_radio.radio141p { padding-top:141%; } 
.img_box_radio .img_box { overflow: hidden; position: absolute; top:0; left:0; right:0; bottom:0; } 
.img_box_radio .img_box img { width:100%; height:100%; object-fit: cover; } 
ul.radio_img_ul p { padding-left:0.75rem; font-weight: var(--medium); position: relative; color:#7D7D7D; line-height: 1.75rem; letter-spacing: -0.0125rem; margin-top: 0.5rem; } 
ul.radio_img_ul p::before { content: '-'; position: absolute; left: 0; top: 0%; } 

.chn .sustainability_management p.txt {  word-break: break-all; } 
.chn .standard_box ul.slogun_list li p { word-break: break-all; } 

@media screen and (max-width:1024px){
 .sustainability_management p.push4 { padding-left:0; } 
 .sustainability_management h3 { font-size: 2rem; margin-bottom: 2.7778rem; line-height: 2.2222rem; } 

 }
@media screen and (max-width:640px){
 .sustainability_management p.txt { font-size: 1.1111rem; line-height: 1.8rem; font-weight: var(--regular); margin-bottom: 3.5rem; } 
 .sustainability_management h3 { font-size: 1.5rem; margin-bottom: 1.5rem; line-height: 2.2222rem; } 
 .sustainability_management h4 { font-size: 1.3rem; margin-bottom: 1.1111rem; line-height: 1.6667rem; } 
 .standard_box p.slogun { margin-bottom: 3rem; font-size:1.1rem; font-weight: var(--medium); line-height:1.6; } 
 ul.radio_img_ul.grid1 { grid-template-columns: repeat(1,1fr); } 
 ul.radio_img_ul.grid2 { grid-template-columns: repeat(1,1fr); } 
 ul.radio_img_ul.grid3 { grid-template-columns: repeat(1,1fr); } 
 ul.radio_img_ul.grid4 { grid-template-columns: repeat(1,1fr); } 
 ul.standard_list li { align-items: flex-start; } 
 ul.standard_list li .number { display: block; width:3rem; font-size:2rem; font-weight: var(--semiBold); letter-spacing: -0.0111rem; font-family: var(--montserrat); line-height: 2.6rem; color:#2A543D; } 
 ul.standard_list li span { font-weight: var(--medium); line-height: 1.6rem; } 
 ul.radio_img_ul.area_small{width: 100%;} 
 }


.chn ul.standard_list li span  {word-break: break-all;}

/** 환경 **/
.system_list { display: grid; grid-template-columns: repeat(4,1fr); gap:2.5556rem; } 
.system_list li { position: relative; background-color: #4C4C4C; padding: 2.7778rem 1.9444rem 1.6667rem 1.9444rem; text-align: center; color:#fff; } 
.eng .system_list li { padding:1.5rem 1rem; display: flex; flex-direction: column; justify-content: space-between; } 

.system_list li:before { width: 40px; height: 40px; content: ''; display: block; position: absolute; top:50%; right: -50px; background: url(/assets/images/sub/system_list_arrow.png) no-repeat;; } 
.system_list li:last-child::before { display: none;; } 
.system_list li strong { font-size:1.2222rem; font-weight: var(--semiBold); margin:1.6667rem 0; display: block;; } 
.system_list li div.txt { border-top:1px solid rgba(240, 240, 240, 0.1); padding: 1.6667rem 0 0 0; line-height: 1.2222rem; display: flex; height:11.1111rem; flex-direction: column; justify-content: space-between; font-size: .8333rem; } 
.system_list li div.txt .from { background: #fff; color:#434343; padding: .5556rem 0; font-size: .9444rem; width: 100%;; } 

.eng .system_list li div.txt {font-size:0.875rem; flex:1; display: flex; gap:1rem;} 
.eng .system_list li div.txt .from {font-size: 0.875rem;} 


.ul_title { text-align: center; margin: 1.6667rem 0; font-size: .8889rem; color:#7D7D7D;; } 
.waste_chart { border-bottom:1px solid #DEDEDE; display: flex; flex-direction: row;  } 
.waste_chart > div.list { border-right: 1px solid #DEDEDE; width: 33.33%;; } 
.waste_chart > div.list:last-child { border-right:0; } 
.waste_chart > div.list > div.year_tit { border-top:1px solid #707070; border-bottom: 1px solid #DEDEDE; text-align: center; font-size: 1.8889rem; font-weight: var(--bold); padding: 1.3889rem 0;; } 
.waste_chart > div.list > div.chart_wrap { padding: 1.3889rem } 
.waste_chart > div.list > div.chart_wrap .summary_wrap { display: flex; flex-direction: row; justify-content: center; gap:1.1111rem;; } 
.waste_chart > div.list > div.chart_wrap .summary_wrap .summary { width:130px; height: 130px; background: #fff; text-align: center; border-radius: 50%; display: flex; align-items: center; justify-content: center } 
.waste_chart > div.list > div.chart_wrap .summary_wrap .summary.green { background: #007E3A;; } 
.waste_chart > div.list > div.chart_wrap .summary_wrap .summary.green > p { color: #fff;; } 
.waste_chart > div.list > div.chart_wrap .summary_wrap .summary > p { font-size: .7778rem;; } 
.waste_chart > div.list > div.chart_wrap .summary_wrap .summary > p span { display: block; font-size: 1.1111rem; font-weight: var(--bold); margin-top: .3rem;; } 
/* .waste_graph_wrap { display: flex;; } */
.waste_graph_wrap > div:first-child { max-width:65%; margin: 0 auto; } 
/* .waste_graph_wrap > div:first-child { width: 65%; } */
/* .waste_graph_wrap > div:last-child { width: 35%;; } */
.waste_chart_thum { border-bottom:1px solid #707070; padding: 20px 0; } 
.waste_chart_thum ul.tag { display: flex; flex-direction: row; gap:20px; justify-content: center; } 
.waste_chart_thum ul.tag li { font-size: .7778rem; font-weight: var(--bold); color:#282828;; } 
.waste_chart_thum ul.tag li::before { width:22px; height: 12px; background: red; display: inline-block; content: ''; margin-right: 8px; } 
.waste_chart_thum ul.tag li.primary::before { background: #2A543D;; } 
.waste_chart_thum ul.tag li.gray::before { background: #8C8C8C;; } 
.waste_chart_thum ul.tag li.black::before { background: #191919;; } 
.row_graph_wrap > div.graph { height: 100px; margin-top: 40px;; } 
.carbon { margin: 4.4444rem 0; } 
#graph_carbon { height: 500px } 
.initiative { display: grid; grid-template-columns: repeat(2,1fr); gap:1.1111rem; margin-bottom: 40px;; } 
.purification_list { display: grid; grid-template-columns: repeat(4,1fr); gap:1.1111rem; margin-bottom: 40px;; } 
 
@media screen and (max-width:1024px){
 .waste_chart { flex-direction: column; } 
 .waste_chart > div.list { width: 100%; border-right: none; display: flex; flex-direction: row; } 
 .waste_chart > div.list > div.year_tit { width:8.8889rem; padding: 1.6667rem 0.5rem; } 
 .waste_chart > div.list > div.chart_wrap { width: 100%; border-top:1px solid #707070; border-left: 1px solid #DEDEDE; } 
 }

@media screen and (max-width:768px){
 .waste_chart > div.list { width: 100%; border-right: none; display: flex; flex-direction: column; } 
 .waste_chart > div.list > div.year_tit { width:100%; font-size: 1.6rem; } 
 .waste_chart > div.list > div.chart_wrap { width: 100%; border-top: none; border-left: none } 
 }

.eng .half_wrap.wide {flex-direction: column; gap:2.5rem;}



/*안전보건*/
.goal { display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.goal:after { width: 5px; height: 60px; background: #fff; display: block; content: ''; } 
.goal .goal_tit { background: #2A543D; border-radius: 50%; color:#fff; width: 5.5556rem; height: 5.5556rem; font-size: .8889rem; line-height: 5.5556rem; text-align: center; margin-bottom: 1.1111rem;; } 
.goal > p { font-size: 1.7778rem; font-weight: var(--bold); color:#2A543D; text-align: center; line-height: 2.3333rem; margin-bottom: 1.1111rem; } 
ul.goal_list { display: flex; gap:4rem; justify-content: space-around; position: relative; align-items: flex-start } 
ul.goal_list:after { width: 70%; height: 1px; background: #707070; content: ''; display: block; position: absolute; top: 110px; left: 210px; z-index: -1;; } 
ul.goal_list > li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 33% } 
ul.goal_list > li > div.tit { width: 12.2222rem; height: 12.2222rem; background: #fff; border:1px solid #A6A6A6; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
ul.goal_list > li > div.tit > p { font-size: 1.1111rem; font-weight: var(--semiBold); line-height: 2.4444rem;; } 
ul.goal_list > li div.desk:before { display: block; content: ''; width: 1px; height: 20px; background:#707070; margin: 0 auto;; } 
ul.goal_list > li div.desk { } 
ul.goal_list > li div.desk div.tit { background: #4C4C4C; text-align: center; color:#fff; font-size: 1rem; font-weight: var(--semiBold); padding: 1rem 0; line-height: 1.8;;; } 
ul.goal_list > li div.desk ul.desk_list { background: #fff; padding: 1rem 1.3rem; border-radius: 10px; margin-top: 2px; } 
ul.goal_list > li div.desk ul.desk_list li { padding-left:0.75rem; font-weight: var(--medium); position: relative; color:#7D7D7D; line-height: 1.75rem; letter-spacing: -0.0125rem; font-size: .8333rem; } 
/* 240624작업 */
ul.goal_list > li div.desk ul.desk_list li .br_hide { display: block; } 

.eng ul.goal_list > li > div.tit > p {text-align: center; line-height: 1.5; font-size: 1rem;}


@media screen and (max-width:1280px) { ul.goal_list > li div.desk ul.desk_list li .br_hide { display: none; } 
 }
.safety_health_goal td.active { background: url(/assets/images/sub/img_arrow_green_table.png)no-repeat center right; } 

/* //240624작업 */


ul.goal_list > li div.desk ul.desk_list li::after { content: '-'; position: absolute; left: 0; top: 0%; } 
.point_out_list { display: flex;; } 
.point_out_list li { width: 50%;; } 
.point_out_list li .title { width: 190px; height: 190px; background: #fff; border-radius: 50%; display: flex; justify-items: center; align-items: center; flex-direction: column; justify-content: center; line-height: 1.6; text-align: center; } 
.point_out_list li .title strong { font-size: 1.5556rem; font-weight: var(--bold); } 
.safe_list { position: relative; display: grid; grid-template-columns: repeat(4,1fr); justify-content: center; gap:2.7778rem; margin-bottom:2.7778rem } 
.safe_list::after { width: 100%; height: .0556rem; background: #A6A6A6; display: block; content: 'ㅇㅇ'; position: absolute; top:50%; z-index: -1; } 
.safe_list > li { background:#fff; padding: 2.7778rem 1.6667rem; text-align: center; } 
.safe_list > li p strong { font-size: 1.2222rem; font-weight: var(--semiBold); margin-bottom: 2.2222rem; display: block; margin-top: 2rem;; } 
.safe_list > li p.tit { font-size: 1rem; font-weight: var(--semiBold); margin-bottom:1.3889rem;; } 
.safe_list li > ol { list-style-type: decimal; text-align: left; margin-left: 1.1111rem;; } 
.safe_list li > ol li { line-height: 1.5rem; font-size: .8889rem; color:#7D7D7D; } 
.safe_list li > ol li::marker { } 
.safe_edu_img { display: flex; gap:1.6666rem; } 
.safe_edu_img > ul:nth-child(1) { width: calc(100% / 2); } 
.safe_edu_img > ul:nth-child(2) { width: calc(100% / 1); } 

@media screen and (max-width:1024px) { ul.goal_list { gap:2rem; } 
 .safe_list { grid-template-columns: repeat(2,1fr); gap:1.6667rem; } 
 .safe_list::after { display: none;; } 
 }

@media screen and (max-width:912px) { ul.goal_list { flex-direction: column;; gap:2rem; } 
 ul.goal_list:after { display: none; } 
 ul.goal_list li { width: 100%;; } 
 ul.goal_list > li div.desk { width: 80%;; } 
 
 .point_out_list { flex-direction: column; gap:4rem } 
 .point_out_list li { width: 100%;; } 

 .safe_edu_img { flex-direction: column; } 
 .safe_edu_img > ul:nth-child(1) { width: 100%; } 
 .safe_edu_img > ul:nth-child(2) { width: 100% } 
 }

@media screen and (max-width:640px){
 .safe_list { grid-template-columns: repeat(1,1fr); } 
 .goal > p { font-size: 1.3rem; font-weight: var(--semiBold); line-height: 1.8rem; letter-spacing: -1px; } 
 .sustainability_management h3 { margin-bottom: 2.5rem; } 
 ul.goal_list > li div.desk ul.desk_list li { line-height: 1.6rem; font-size: 1rem; } 
 .point_out_list li .title { width: 180px; height: 180px; padding-top: 0.5556rem; font-weight: var(--medium); } 
 .safe_list li > ol li { font-size: 1rem; font-weight: var(--medium); } 
 }

@media screen and (max-width:430px) { ul.goal_list > li div.desk { width: 100%;; } 
 }


/*윤리경영*/ 
.activity_list { display: grid; grid-template-columns: repeat(3,1fr); justify-content: center; gap:3.8889rem; } 
.activity_list li { display: flex; flex-direction: column;; } 
.activity_list li img { margin-bottom: 3.3333rem; } 
.activity_list li strong { font-size: 1.2rem; font-weight: var(--bold); margin-bottom: 1.6667rem; display: block; } 
.activity_list li:nth-child(2) { margin-top:8.8889rem; } 
.activity_list li:nth-child(3) { margin-top: 3.8889rem; } 
.human_right_list { } 
.human_right_list li { display: flex; justify-content: space-between } 
.human_right_list li strong { width:18.3333rem; display:block; padding-top:2.2222rem; border-top: .0556rem solid #707070; font-weight: var(--bold); font-size: 1.2222rem;; } 
.human_right_list li p { width: calc(100% - 22.2222rem);; padding:2.2222rem 0 3.3333rem 0; margin-bottom: 0 !important; border-top: .0556rem solid #fff; } 
.diversity_list { display: grid; grid-template-columns: repeat(2,1fr); justify-content: center; gap: 4.4444rem 2.7778rem; } 
.diversity_list li { display: flex; flex-direction: row; justify-content: space-between } 
.diversity_list li p.title { background:#fff; border-radius: 50%; text-align: center; width: 8.3333rem; height: 8.3333rem; display: flex; align-items: center; justify-content: center; line-height: 1.6667rem;; } 
.diversity_list li div.graph { width:calc(100% - 12.2222rem); height:21.875rem; margin-top: 10rem; } 
.familial_list { display: grid; grid-template-columns: repeat(4,1fr); justify-content: center; gap:1.6667rem; } 
.familial_list li { border-top:.0556rem solid #707070; padding: 2.2222rem 0; } 
.familial_list li strong { color:#282828; font-size: 1.4444rem; font-weight: var(--bold); margin-bottom: 2.2222rem; display: block;;; } 
.familial_list li strong span { display: block; color:#434343; font-size: 1rem; font-weight: var(--medium); margin-bottom: .8333rem; } 
.reduce_turnover_circle { width: 22.2222rem; height: 22.2222rem; border-radius: 50%; background: #fff; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;; }
.reduce_turnover_circle p {}

.reduce_turnover_circle strong { display: block; font-size: 1.7778rem; font-weight: var(--bold); margin-bottom: .5556rem; } 
.reduce_turnover_circle strong span { font-size: 3.5556rem;; } 
.people_grop_tit { text-align: center; font-weight: var(--bold); font-size: 1.7778rem; color:#2A543D; margin-bottom: 3.5rem; padding-top: 3rem;;; } 
.fair_trade_list { padding-left:7.7778rem; list-style-type: decimal-leading-zero; } 
.fair_trade_list li { padding: 1.6667rem 0; font-weight: var(--semiBold); color:#434343; line-height: 1.6667rem; } 
.fair_trade_list li::marker { color:#B2B2B2; font-family:var(--montserrat); font-size: 1.1667rem; font-weight: var(--medium);; } 
.policy_list { position: relative; display: grid; grid-template-columns: repeat(4,1fr); justify-content: center; gap:2.7778rem; } 
.policy_list::after { width: 100%; height: .0556rem; background: #A6A6A6; display: block; content: ''; position: absolute; top:50%; z-index: -1; } 
.policy_list > li { background:#fff; padding: 3.3333rem 1.6667rem; text-align: center; } 
.policy_list > li p strong { font-size: 1.2222rem; font-weight: var(--semiBold); margin-bottom: 2.2222rem; display: block;;; } 
.policy_list > li p.tit { font-size: 1rem; font-weight: var(--semiBold); margin-bottom:1.3889rem;; } 
.policy_list li > ol { list-style-type: decimal; text-align: left; margin-left: 1.1111rem; margin-bottom: 2.2222rem;; } 
.policy_list li > ol li { line-height: 1.6667rem; font-size: .8889rem;; } 
.policy_list li > ol li::marker { } 


/* 인권 경영 */
.human_right_process p.txt { margin-bottom: 0; color: #0D0D0D; font-size: 1rem; font-weight: var(--medium); line-height: 1.6; } 
/* 고충처리 프로세스 */

.grievances_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } 
.grievances_list > li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 40px; } 
.grievances_list > li ~ li::before { content: ""; position: absolute; top: 15%; left: -10%; width: 50px; height: 50px; background: url(/assets/images/common/img_process_arrow_gray.png)no-repeat center /contain; transform: translateY(-15%); } 
.grievances_list .process_circle { display: flex; align-items: center; justify-content: center; } 

.grievances_list .process_circle p { display: flex; align-items: center; justify-content: center; width: 173px; height: 173px; border-radius: 100%; border: 1px solid #191919; background-color: #fff; color: #2A543D; font-size: 1.2222rem; font-weight: var(--medium); line-height: 1.6; } 
.grievances_list .process_circle_info { position: relative; width: 100%; height: 100%; padding:30px; background-color: #fff; } 
.grievances_list .process_circle_info::before { content: ""; position: absolute; top: -3.3333rem; left: 50%; width: 1px; height: 5rem; background-color: #707070; transform: translateX(-50%); z-index: -1; } 
.grievances_list .process_circle_info ul { display: grid; gap: 10px; counter-reset: num; } 
.grievances_list .process_circle_info li { display: flex; align-items: flex-start; } 
.grievances_list .process_circle_info li::before { content: counter(num)"."; counter-increment: num 1; width: 15px; margin-right: 5px; font-size: 1rem; line-height: 1.6; } 


.eng .grievances_list .process_circle p { text-align: center;} 

@media screen and (max-width:1270px){
 .grievances_list { grid-template-columns: 1fr; gap: 50px; } 
 .grievances_list > li { flex-direction: row; } 

 .grievances_list > li ~ li::before,
 .grievances_list .process_circle_info::before { display: none; } 
 .grievances_list > li ~ li .process_circle p { position: relative; } 
 .grievances_list > li ~ li .process_circle p::before { content: ""; position: absolute; top: -3.3333rem; left: 50%; width: 1px; height: 5rem; background-color: #707070; transform: translateX(-50%); z-index: -1; } 
 .grievances_list .process_circle_info { display: grid; align-items: center; } 
 }

 @media screen and (max-width:640px){
 .grievances_list { gap: 30px; } 
 .grievances_list > li { flex-direction: column; } 
 .grievances_list .process_circle_info::before { display: block; } 
 .grievances_list > li ~ li .process_circle p::before { display: none; } 
 }

/* 위험관리 프로세스 */
.risk_management_list {display: grid; gap: 70px; } 
.risk_management_list > li { display: flex; justify-content: space-between; gap: 30px; } 
.risk_management_list li > div { display: flex; align-items: center; padding: 64px 0; } 
.risk_management_list li .risk_management_title {position: relative; justify-content: center; width: 18.3333rem; color: #fff; font-weight: var(--bold); font-size: 1.2222rem; background-color: #2A543D; } 
.risk_management_list li ~ li .risk_management_title::before {content: ""; position: absolute; top: -55px; left: 50%; width: 46px; height: 46px; background: url(/assets/images/common/img_process_arrow_circle_black.png)no-repeat center / contain;  transform: translateX(-50%);}
.risk_management_list li .risk_process_info { width: 100%; padding: 30px; background-color: #FFF; } 
.risk_management_list li .risk_process_info ul { display: grid; gap: 10px; counter-reset: num; } 
.risk_management_list li .risk_process_info ul li { display: flex; align-items: flex-start; } 
.risk_management_list li .risk_process_info ul li::before { content: counter(num)"."; counter-increment: num 1; width: 15px; margin-right: 5px; font-size: 1rem; line-height: 1.6; flex-shrink: 0;} 

.eng .risk_management_list li .risk_management_title {text-align: center; } 

@media screen and (max-width:900px) {
  .risk_management_list > li{flex-direction: column; gap: 0;}
  .risk_management_list li > div {padding: 30px;}
  .risk_management_list li .risk_management_title{width: 100%;}

}



@media screen and (max-width:1500px){
  #social_contribution .half_wrap .ratio8 {width: 100%;}
}
@media screen and (max-width:1024px){
 .activity_list { grid-template-columns: repeat(1,1fr); gap:1.1111rem; } 
 .activity_list li { flex-direction: row; gap:1.6667rem; } 
 .activity_list li .img_box { width: 15.5556rem; } 
 .activity_list li img { margin-bottom: 0; } 
 .activity_list li .txt_box { width: calc(100% - 16.6667rem) } 
 .activity_list li:nth-child(2) { margin-top:0; } 
 .activity_list li:nth-child(3) { margin-top:0; } 
 .human_right_list li { gap:1.6667rem; } 
 .human_right_list li strong { width: 15.5556rem; } 
 .human_right_list li p { width:calc(100% - 16.6667rem) } 
 .diversity_list li { flex-direction: column;; } 
 .diversity_list li p.title { width:100%; border-radius: .5556rem; height: unset; padding: 1.1111rem 0; font-size: 1rem; font-weight: var(--medium); } 
 .diversity_list li div.graph { width:100%; margin-top: 1.1111rem;; } 
 .familial_list { grid-template-columns: repeat(2,1fr); } 
 .fair_trade_list { padding-left: 2.2222rem; } 
 .policy_list { grid-template-columns: repeat(2,1fr); gap:1.6667rem; } 
 .policy_list::after { display: none;; } 
 .system_list { grid-template-columns: repeat(2,1fr); gap: 1.6667rem } 
 .system_list li::before { display: none;; } 
 }

@media screen and (max-width:768px){
 .people_grop_tit { font-size: 1.5556rem; } 
 .system_list li div.txt { height: 10rem; } 
 }

@media screen and (max-width:640px){
 .activity_list li { flex-direction: column; gap:1.6667rem; } 
 .activity_list li .img_box { width: 100%; } 
 .activity_list li img { margin-bottom: 0; } 
 .activity_list li .txt_box { width: 100% } 
 .human_right_list li { flex-direction: column;; } 
 .human_right_list li strong { width: 100%;; } 
 .human_right_list li p { width:100%; border-top: none; padding: 0 0 2.2222rem 0; } 
 .diversity_list { grid-template-columns: repeat(1,1fr); } 
 .familial_list { grid-template-columns: repeat(1,1fr); gap: 0; } 
 .familial_list li strong { display: flex; align-items: center; gap: .5rem; font-size: 1.2222rem; margin-bottom: 1.1111rem; } 
 .familial_list li strong span { margin-bottom: 0; } 
 .familial_list li { border-top:.0556rem solid var(--gray-400); padding: 2.2222rem 0; } 
 .policy_list { grid-template-columns: repeat(1,1fr); gap: 0.6rem; } 
 .activity_list li strong { text-align: center; } 
 .reduce_turnover_circle { width: 100%; height: 10.2222rem; border-radius: 0; background: #fff; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
 .half_wrap .ratio5 p.txt { margin-bottom: 2rem; } 
 .reduce_turnover_circle strong span { font-size: 3rem; } 
 .people_grop_tit { margin-bottom: 2rem; } 
 .policy_list li > ol li { font-size: 1rem; } 
 .policy_list > li p strong { font-size: 1.4rem; } 
 }

@media screen and (max-width:430px){
 .system_list { grid-template-columns: repeat(1,1fr); gap: 1rem } 
 }
 
/*사회공헌활동*/ 
.link_ilwoon { display: flex; justify-content: flex-end } 
.link_ilwoon a { background:#fff; padding: 1.6667rem 2.7778rem; width:calc((100% - 3.3333rem) / 3); } 
.link_ilwoon a img { display: block; margin-bottom: .5556rem;; } 
.img_wrap img { width:100%; } 
.img_wrap.cooperation { padding-right:2.2222rem; } 


#social_contribution .right .basic_table,
#social_contribution .right .basic_table .scroll_table_w,
#social_contribution .right .basic_table .scroll_table_w .scroll_table,
#social_contribution .right .basic_table .scroll_table_w .scroll_table table{height: 100%; width: 100%;}
@media screen and (max-width:1280px) { } 

@media screen and (max-width:1200px){
 .link_ilwoon { justify-content: center } 
 .link_ilwoon a { width: 50%; } 
 }

@media screen and (max-width:1500px){
 .img_wrap.cooperation { padding-right:0; } 
 }

@media screen and (max-width:768px){
 .link_ilwoon a { width: 100%; } 
 .img_wrap.cooperation.mb_18 { margin-bottom: 1rem; } 
 }

@media screen and (max-width:640px){
 .link_ilwoon a { display: grid; justify-content: center } 
 .link_ilwoon a img { justify-self: center } 
 }

 

.mb0 { margin-bottom:0rem !important } 
.mb20 { margin-bottom : 1.1111rem !important } 
.mb80 { margin-bottom:4.4444rem !important } 
.mb100 { margin-bottom:5.5556rem !important } 
.environment .table_info p { color: #434343; } 

/* 컴플라이언스 */
#compliance h3.tit { font-size:2rem; } 
#compliance .half_wrap { margin-bottom:0; } 
.compliance__top-box { display: grid; grid-template-columns: 18.3333rem 1fr; gap: 8.8889rem; } 
.compliance__title { font-size: 2.5556rem; font-weight: var(--bold); color: #282828; } 
.compliance__text { display: grid; grid-template-columns: 1fr; gap: 3.3333rem; font-size: 1rem; font-weight: var(--medium); line-height: 2rem; } 

.compliance__text-box { margin-top:60px; padding: 2.2222rem; background: var(--white); letter-spacing: -1px; } 
.compliance__text-box b { display: block; margin-bottom:0.5556rem; font-weight: var(--bold); } 
.compliance__table-top { display: flex; justify-content: center; align-items: center; padding: 0.5556rem 0 1.1111rem; } 
.compliance__table-top img { height: 100%; } 
.compliance__table { width: 100%; text-align: left; line-height: 2rem; } 
.compliance__table caption { overflow: hidden; display: block; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); } 
.compliance__table tr { border-top: 1px solid #BEBEBE; } 
.compliance__table th { font-size: 1.3333rem; font-weight: var(--semiB
 old); } 
.compliance__table td { padding: 2.2222rem 0 2.2222rem; } 
.compliance__table td ul { display: grid; gap: 2.2222rem; } 
.compliance__table td b { font-weight: var(--bold); } 
.compliance__table td p { position: relative; padding-left: 0.75rem; } 
.compliance__table td p::before { content: "-"; position: absolute; left: 0; top: 0; } 
.btn_compliance_box { display: flex; justify-content: flex-end; margin-top: 4.8333rem; } 
.btn_compliance_down { background: #fff; border: 1px solid #BEBEBE; font-size: 0.8889rem; font-weight: var(--bold); line-height: 1.0556rem; padding: 1.1111rem 1.6667rem; } 
.btn_compliance_down:hover { text-decoration: underline; } 
.btn_compliance_down::after { content: ""; display: inline-flex; align-items: center; width: 30px; height: 25px; margin-left: 2.2222rem; background: url(/assets/images/sub/icon_down.svg) no-repeat right/ contain; vertical-align: 0.2778rem; } 

@media screen and (max-width:1024px){
 .compliance__top-box { display: grid; grid-template-columns: 1fr; gap: 2.8889rem; } 
 .compliance__text-box { font-size:0.8889rem !important; line-height: 1.6; } 
 }
 
@media screen and (max-width:640px){
 #compliance h3.tit { font-size:1.6rem; } 
 .compliance__table-top img { width: 100%; } 
 .compliance__table tr { display: grid; grid-template-columns: 1fr; } 
 .compliance__table th { padding: 2rem 0 0; } 
 .compliance__table td { padding: 1.5556rem 1.1111rem; } 
 .compliance__table td ul { gap: 1.1111rem; } 
 }

/* 환경 환경이슈 리스크 관리 */

.risk_management_table ul { text-align: left; display: grid; gap: 5px; width:100%; } 
.risk_management_table ul li { display: flex; align-items: flex-start; gap: 5px; } 
.risk_management_table ul li::before { content: "•"; } 

.chn .risk_management_table ul li { word-break:break-all;}

 /* 환경 기후변화 표 */

 .envi4__table { position: relative; display: grid; grid-template-columns:1fr 1fr; justify-content: center; gap: 1.6667rem; } 
 .envi4__table .arrow-green { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); background: none; } 
 .envi4__table> div { display: grid; background:#F6F6F6; } 
 .envi4__table .envi4__table-left { padding: 2.2222rem; } 
 .envi4__table .envi4__table-right { padding: 2.2222rem 1.5rem; } 
 .envi4__table_title-box { text-align: center; } 
 .envi4__table_title { font-size: 1.4444rem; font-weight: var(--bold); line-height: 1.6667rem; margin-bottom: 0.7778rem; } 
 .envi4__table_sub { font-weight: var(--medium); line-height: 1.4444rem; } 
 .envi4__table-right .envi4__table_m-text-box { margin: 7.1667rem 0 0; } 
 .envi4__table-left .envi4__table_m-text-box { flex-direction: column; align-items: center; } 
 .envi4__table_m-text-box { justify-self: center; position: relative; display: flex; gap: 1.5rem; margin: 3.0556rem 0 0; } 
 .envi4__table_m-text-box > .envi4__table_text-box-r { display: flex; } 
 .envi4__table_m-text-box >div { position: relative; display: grid; } 
 .envi4__table_m-text-box >.envi4__table_text-left { display: flex; align-items: center; justify-content: center; width: 19.5556rem; height: 19.5556rem; border-radius: 100%; background: #333; } 
 .envi4__table_m-text-b { color: #fff; text-align: center; font-size: 2.2222rem; font-weight: var(--bold); } 
 .envi4__table_text-right { position: relative; display: flex; justify-content: center; } 
 .envi4__table_m-text-box .envi__circle-w { justify-self: center; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 10.9444rem; height: 10.9444rem; margin-bottom: 7.1667rem; border: 1px solid #CDCDCD; border-radius: 100%; background: #fff; } 
 .envi4__table_m-text-w { font-size: 2.2222rem; font-weight: var(--bold); text-align: center; } 

 .chn .envi4__table * {word-break: break-all;}

 
 .m-text-w__top { font-size: 1.1111rem; font-weight: var(--bold); line-height: 2.3333rem; } 
 .m-text-w__bt { font-size: 1rem; font-weight: var(--semiBold); margin-top: 0.5556rem; } 

 .eng .envi4__table_m-text-w { font-size: 1.6rem; } 
 .eng .m-text-w__top { font-size: 1rem; line-height:1.4; } 
 .eng .m-text-w__bt { font-size: 0.8rem;  } 
 

 .envi4__table_line { position: absolute; left: 50%; top:100%; width: 1px; height: 100px; background: #707070; transform: translateX(-50%); } 

 .envi__bt_text { position: absolute; top: 12.6667rem; left: -0.2778rem; display: grid; grid-template-columns: 1fr 1fr; width: 100%; font-size: 1rem; font-weight: var(--semiBold); line-height: 1.2222rem; text-align: center; } 
 


 .envi4__table_info-box { display: grid; grid-template-columns: 1fr 217px; gap: 3.5rem; } 
 .envi4__table-right .envi4__table_info-box { grid-template-columns: 1fr; } 
 .envi4__table_info-box ul { width: 100%; } 
 .envi4__table_info-box ul li { position: relative; padding-left: 0.75rem; } 
 .envi4__table_info-box ul li p::before { content: "·"; position: absolute; top: 0; left: 0; margin-right: 0.2778rem; } 
 .envi4__table_info-b { font-size: 0.8889rem; font-weight: var(--bold); line-height: 1.5556rem; } 
 .envi4__table_info-r { font-size: 0.8889rem; font-weight: var(--medium); line-height: 1.3333rem; } 

 @media screen and (max-width:1300px){
 .envi4__table { grid-template-columns: 1fr; gap: 5rem; } 
 .envi4__table .envi4__table-left,
 .envi4__table .envi4__table-right { padding-left: 20px; padding-right: 20px; } 
 .envi4__table .envi4__table-right { grid-template-columns: 1fr; } 
 .envi4__table .envi4__table-left .envi4__table_info-box { grid-template-columns: 1fr; } 
.envi4__table_title-box { grid-column: 1 / -1; } 
.envi4__table .arrow-green { display: none; } 
.envi4__table-right .envi4__table_m-text-box { flex-direction: column; margin: 2.1667rem 0 1.6111rem; } 
.envi4__table_info-box { grid-template-columns: 1fr 1fr; gap: 2.0556rem; } 
.envi4__table-right .envi4__table_info-box { align-items: center; } 
.envi4__table_m-text-box >div { grid-template-columns: 1fr 1fr; } 
 }
@media screen and (max-width:640px){
 .envi4__table { gap: 3rem; } 
 .envi4__table_info-box { grid-template-columns: 1fr; gap: 1.2rem; } 
 .envi4__table_m-text-box { gap: 2rem; } 
 .envi__circle-w> div { gap: 1.1111rem; left: -0.7778rem; } 
 .envi4__table .arrow-green img { height: 3.3333rem; } 
 .envi4__table_m-text-b { font-size: 1.9rem; line-height: 2rem; } 
 .envi4__table_m-text-box >.envi4__table_text-left { display: flex; align-items: center; justify-content: center; width: 14rem; height: 14rem; border-radius: 100%; background: #333; } 
 .envi4__table_m-text-box >div { grid-template-columns: 1fr; } 
 }