@charset "UTF-8";

/* --------------------------- 서브공통 */
/** 이미지 처리 **/
.img_m {display: none;}

@media screen and (max-width:640px){  
.img_m {display: block;}
.img_pc {display: none;}
}


/** 공통 타이틀 (제품정보제외) **/
.headline {margin-bottom:3.75rem; font-size: 3rem;  font-weight: 700; line-height: 140%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.92px; word-break: keep-all;}
.headline span.sm {display: block; font-size: 1.75rem; font-weight: 500;  color: var(--gray-900, #1A1A1A); letter-spacing: -1.12px;}
.content h3 {font-size: 1.875rem; font-weight: 700; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.2px;}


@media screen and (max-width:1024px){  
  .headline  {font-size: 2.2rem;}
}
@media screen and (max-width:640px){  
  .headline br {display: none;}
}


/** 리스트_점 **/
ul.dot_list {display: flex; gap:0.5rem; flex-direction: column;  color: #333; }
ul.dot_list.col2 { flex-wrap: wrap; flex-direction: row;}
ul.dot_list.col2 li { width:calc(50% - 0.875rem);}
ul.dot_list li {display: flex; gap:0.4375rem; font-size: 1.25rem;  font-weight: 500; line-height: 1.4; color: var(--gray-700, #4D4D4D); letter-spacing: -0.8px;}
ul.dot_list li::before {content: "•";}

@media screen and (max-width:1280px){
  ul.dot_list.col2 li { width:100%;}
} 


/** 리스트_스트라이프 **/
ul.stripe_list {overflow: hidden; width:100%;}
ul.stripe_list li { display: flex; justify-content: space-between; padding: 0.875rem; background: #fff;}
ul.stripe_list li.tit {display: block;  width:100%; font-size: 1.125rem; font-weight: 600; line-height: 140%; text-align: center; }
ul.stripe_list li:nth-child(even) {background: #F3F3F3;}
ul.stripe_list li .label { flex-shrink: 0;width:8.75rem; font-size: 1.125rem; font-weight: 600; line-height: 140%; color: var(--gray-000, #000); letter-spacing: -0.72px;}
ul.stripe_list li .value {flex:1; padding:0 0.375rem; font-size: 1.25rem; font-weight: 500; line-height: 140%;color: var(--gray-650, #595959); letter-spacing: -0.8px; word-break: keep-all;}

.spec_box .wide { gap:0 !important; flex-direction: column ;}
.spec_box .wide .stripe_list:nth-child(even) li:nth-child(odd) {background-color: #F3F3F3;}
.spec_box .wide .stripe_list:nth-child(even) li:nth-child(even) {background-color: #fff;}



@media screen and (max-width:640px){  
  ul.stripe_list li { gap:0.5rem; flex-direction: column;}
  ul.stripe_list li .label {width:100%;}
  ul.stripe_list li .value {padding:0;}
} 

/** 리스트_스트라이프_eng **/
html[lang="en"] ul.stripe_list li .label { width:auto;}
html[lang="en"] ul.stripe_list li .label::after {content: " :";}




/** 버튼 **/
.btn_download {display: inline-flex; gap:0.625rem; align-items: center; padding:0.5rem; border-bottom: 2px solid #000; font-size: 1.125rem; font-weight: 600; line-height: 150%; text-transform:uppercase; transition: color 0.3s;}
.btn_download::before {content: url("../../images/ico_download.svg");}
.btn_download:hover {color:var(--primary);}
.btn_download:hover::before {animation:updown 1s infinite forwards; }

@keyframes updown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0); 
  }
}


/* --------------------------- 회사소개 */
/* 경영방침 */
#management .top_img { display: flex; align-items: center; justify-content: center;margin:6rem 0; padding:0 1.25rem; position: relative; height: 100%;}
#management .top_img img {max-width: 100%;}

@media screen and (max-width:1024px){  
  #management .top_img {padding:0;}
} 


#management h3 {padding:2.125rem; background: var(--gray-50, #F8F8F8); font-size: 3.4375rem; font-weight: 600; color: var(--gray-900, #1A1A1A); text-align: center;letter-spacing: -2.2px; border-radius: 20px;}

@media screen and (max-width:1024px){  
  #management h3 {padding:2rem; font-size: 2.5rem;}
} 

#management .management_list { display: flex; gap:1.25rem; align-items: center; justify-content: center; margin-top:3.75rem;}
#management .management_list li { display: flex; align-items: center; justify-content: center; flex-direction: column;position: relative;}
#management .management_list li::after { position: absolute; top:0; left:50%; z-index: -1; width:2px; height:100%; background: var(--metal2, #D7D0C8);content: ""; transform: translateX(-50%);}
#management .management_list li .tit { display: flex; align-items: center; justify-content: center; margin-bottom:3.125rem; border: 1px solid #D7D0C8; width:18.75rem; height:11rem; background-color: #fff; font-size: 1.75rem; font-weight: 600; line-height: 130%; color: var(--gray-650, #595959); text-align: center;  letter-spacing: -1.12px; border-radius: 100px;}
#management .management_list li .img { overflow: hidden;border-radius: 10px;}
#management .management_list li .img img {display: block; width:100%;}

@media screen and (max-width:1024px){  
  #management .management_list li .tit {width:100%; height:176px;}
} 

@media screen and (max-width:640px){  
  #management .management_list { gap:4rem;flex-direction: column;}
  #management .management_list li .tit {padding:2rem 1.5rem; height:auto;}
} 




/* 연혁 */
#history .history_nav { display: flex; align-items: center; margin-bottom:6.25rem; padding:2.5rem; background: var(--gray-50, #F8F8F8);  border-radius: 20px;}
#history .history_nav li { display: flex; align-items: center;}
#history .history_nav li:first-child::before { display: none;}
#history .history_nav li::before { display: block; margin:0 1.875rem; width:1px; height:20px; background: var(--gray-150, #D9D9D9);content: "";}
#history .history_nav li a {display: flex; align-items: center; justify-content: center; padding:1rem; width:12rem; height:4.125rem; font-size: 1.375rem; font-weight: 600; font-weight: 600; color: #000; text-align: center; letter-spacing: -0.88px; transition: all 0.3s ease; border-radius: 38px;}
#history .history_nav li.active a, 
#history .history_nav li a:hover { background: #402A29; font-size: 24px; font-weight: 600; line-height: 140%; color: #fff; letter-spacing: -0.96px;}

@media screen and (max-width:1024px){  
  #history .history_nav {display:none;}
}


#history .history_content { display: flex; justify-content: space-between; min-height: 100vh;}
#history .history_content .history_year {padding-right:5rem; position: sticky; top: 7.5rem; width:25rem; height: fit-content; font-size: 5.875rem; font-weight: 800; line-height: 100%; color: #D5CFCF; letter-spacing: -2.82px; }
#history .history_content .history_year span {display: block; width:100%;   will-change: transform, opacity;}
#history .history_content .history_year span:last-child {text-align: right;}


#history .history_content .history_item { flex:1; padding-left:7.5rem; border-left:1px solid #ddd;} 

#history .history_content .history_item ul {padding-top:14.375rem;}
#history .history_content .history_item ul:first-of-type {padding-top:0;}
#history .history_content .history_item ul {display: flex; gap:2.5rem; flex-direction: column;}
#history .history_content .history_item ul li .txt_box {display: flex; gap:1.5rem;}
#history .history_content .history_item ul li .txt_box .year {width:10rem; font-size: 2.0625rem; font-weight: 800;line-height: 140%; color: #000;}
#history .history_content .history_item ul li .txt_box .desc { flex:1;padding-top:0.375rem; font-size: 1.25rem;font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.8px;}


@media screen and (max-width:1024px){  
  #history .history_content .history_year {padding-right:4rem; width:20rem; font-size: 4rem;}
  #history .history_content .history_item {padding-left:4rem;} 
}

@media screen and (max-width:640px){  
  #history .history_content .history_year {display: none;}
  #history .history_content .history_item {padding-left:0;} 

  #history .history_content .history_item ul {padding-top:6.5rem;}
  #history .history_content .history_item ul li { padding-left:1.5rem;position: relative;}
  #history .history_content .history_item ul li::before { position: absolute; top:14px; left:-6px; width:12px; height:12px; background-color: var(--primary); content: ""; border-radius: 100%; }
  #history .history_content .history_item ul li .txt_box { gap:1rem;flex-direction: column;}
}




/* 오시는길 */
#map .map_box { display: flex; gap:2.5rem; justify-content: space-between; margin-bottom:1.875rem; padding:3.125rem; background: var(--gray-50, #F8F8F8); border-radius: 20px;}
#map .map_box h3 {width:18%; }

#map .map_box .desc {flex:1;}
#map .map_box .desc p.addr {font-size: 1.5rem; font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.96px;}

#map .map_box .desc ul { display: flex; flex-wrap: wrap; margin-top:0.625rem; column-gap:2.5rem; row-gap: 1rem;}
#map .map_box .desc ul li {display:flex; gap:0.5rem; align-items: center; font-size: 1.125rem; font-weight: 500;  color: var(--gray-700, #4D4D4D); letter-spacing: -0.72px;}

#map .map_box .desc ul li.tel::before {content: url("../../images/sub/ico_tel.svg") ;}
#map .map_box .desc ul li.fax::before {content: url("../../images/sub/ico_fax.svg") ;}
#map .map_box .desc ul li.subway::before {content: url("../../images/sub/ico_subway.svg") ;}
#map .map_box .desc iframe {margin-top:2.5rem; width:100%; height:26.875rem; }


@media screen and (max-width:1024px){
  #map .map_box { gap:1.25rem;flex-direction: column;}
  #map .map_box h3 {width:100%;}
}

@media screen and (max-width:640px){  
  #map .map_box {gap:1.25rem; padding:1.8rem;}
  #map .map_box .desc ul li {line-height: 1.4;}
}


/* 오시는길_eng */
html[lang="en"] #map .map_box { gap:1.5rem;flex-direction: column;}
html[lang="en"] #map .map_box h3 {width:100%; }


/* 계열사 */
#affiliate .tab_nav { display: grid; gap:1.25rem; margin-bottom:6.25rem; grid-template-columns: repeat(6,1fr);}
#affiliate .tab_nav li a {display: flex; gap: 0.625rem; align-items: center; justify-content: center; flex-direction: column; padding: 2.5rem 0.625rem;border: 1px solid #D7D0C8; width: 100%; height:100%;background-color: #fff; border-radius: 20px;}
#affiliate .tab_nav li a span.txt { display: flex;gap:0.375rem; align-items: center; justify-content: space-between;flex:1; font-size: 1.25rem; font-weight: 500; line-height: 140%; color: #000; letter-spacing: -0.8px;}
#affiliate .tab_nav li a span.txt::after {content: url("../../images/sub/ico_aff_arrow.svg");}

#affiliate .tab_nav li.active a { background-color: #402A29;}
#affiliate .tab_nav li.active a span.txt {color: #fff;}
#affiliate .tab_nav li.active a span.ico, 
#affiliate .tab_nav li.active a span.txt::after {filter: invert(1) brightness(2) grayscale(1);}

@media screen and (max-width:1024px){  
  #affiliate .tab_nav { grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width:640px){  
  #affiliate .tab_nav { gap:1rem; margin-bottom:4rem; grid-template-columns: repeat(3,1fr);}
  #affiliate .tab_nav li a {padding: 1.8rem 0;}
  #affiliate .tab_nav li a span.txt { font-size:1.125rem; text-align: center; }
  #affiliate .tab_nav li a span.txt::after {display: none;}
  #affiliate .tab_nav li a span.ico { width:50%;}
  #affiliate .tab_nav li a span.ico img {width:100%;}
}

#affiliate .tab_content .tab_item { display: none;}
#affiliate .tab_content .tab_item.active {display: block;}

#affiliate .aff_item {margin-bottom:1.875rem; padding:3.125rem; background: var(--gray-50, #F8F8F8); border-radius: 20px;}
#affiliate .aff_item .desc {margin-top:0.5rem; font-size: 1.5rem;  font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.96px;}
#affiliate .aff_item .box { display: grid; gap:2.5rem; align-items: center; justify-content: space-between; margin-top:1.875rem; grid-template-columns: 1fr 1fr;}
#affiliate .aff_item .box .info { padding:0 0.625rem; min-height:22.5rem; background-color: #fff; border-radius: 10px;}
#affiliate .aff_item .box .info li {display: flex; align-items: center; padding:1.25rem 0; border-bottom: 1px solid #E5E5E5; line-height: 1.2;}
#affiliate .aff_item .box .info li:last-child {border-bottom: 0;}
#affiliate .aff_item .box .info li .tit { flex-shrink: 0;border-right: 1px solid #D7D0C8; width:8.125rem; font-size: 1.25rem; font-weight: 600; text-align: center; letter-spacing: -0.8px;} 

#affiliate .aff_item .box .info li .txt {flex:1; padding:0rem 1.875rem; font-size: 1.25rem;  font-weight: 500;  color: var(--gray-650, #595959); letter-spacing: -0.8px; word-break: keep-all;}
#affiliate .aff_item .box .info li .txt a:hover {text-decoration: underline;}

#affiliate .aff_item .box .img { overflow: hidden;position: relative; height:100%; border-radius: 10px; }
#affiliate .aff_item .box .img img { width:100%;max-width:100%; height:100%;object-fit: cover;}

@media screen and (max-width:1024px){
  #affiliate .aff_item .box { grid-template-columns: 1fr;}
} 
@media screen and (max-width:640px){
  #affiliate .aff_item {padding:1.8rem;}
  #affiliate .aff_item .box .info {order:2;}
  #affiliate .aff_item .box .info li { gap:0.375rem; flex-direction: column;}
  #affiliate .aff_item .box .info li .tit { border-right:0 none;width:100%; } 
  #affiliate .aff_item .box .info li .txt {padding:0 1rem; text-align: center;}
  #affiliate .aff_item .box .img {order:1;}
}


/* 계열사_eng */
html[lang="en"] #affiliate .tab_nav li a span.txt {gap:1rem;}
html[lang="en"] #affiliate .aff_item .box .info li .tit { width:9.375rem;} 

@media screen and (max-width:640px){
html[lang="en"] #affiliate .aff_item .box .info li .tit { width:100%;} 
}


/* 글로벌 네트워크 */
#affiliate .aff_item.global .box {grid-template-columns: 1fr}
#affiliate .aff_item.global .box .info {  min-height:auto}

#affiliate .global_img { margin-bottom:5.625rem; border:1px solid #D9D9D9;overflow: hidden; border-radius: 20px;}
#affiliate .global_img img {display: block; max-width: 100%;}

#affiliate .global_nav { display: grid; margin-bottom:5rem; padding:1.875rem; background: var(--gray-50, #F8F8F8); grid-template-columns: repeat(6,1fr); border-radius: 20px;}
#affiliate .global_nav li {flex: 1;}
#affiliate .global_nav li a {display: flex; align-items: center; justify-content: center; padding:1rem; width: 100%; height:100%; font-size: 1.25rem;  font-weight: 600;  line-height: 140%; color: var(--gray-700, #4D4D4D); text-align: center; letter-spacing: -0.88px; border-radius: 38px;}
#affiliate .global_nav li.active a { background: #402A29; color: #fff;}

#affiliate .global_tab { display: none;}
#affiliate .global_tab.active { display: block; }

#affiliate .global_tab .top_txt {margin-bottom: 3.75rem;}
#affiliate .global_tab .top_txt p {font-size: 1.25rem; font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.8px;}
#affiliate .global_tab .top_txt p.tit {margin-bottom:1.875rem; font-size: 3.4375rem; font-weight: 800; line-height: normal; color: var(--gray-900, #1A1A1A); text-align: center; letter-spacing: -2.2px;}


@media screen and (max-width:1024px){
  #affiliate .global_nav { grid-template-columns: repeat(5,1fr); }
  #affiliate .global_nav li a { padding-right:0; padding-left:0; font-size: 1.25rem;}
}

@media screen and (max-width:768px){
  #affiliate .global_img {display: none;}

  #affiliate .global_nav { padding:0; position: relative; background-color: transparent; grid-template-columns: repeat(1,1fr);}
  #affiliate .global_nav::after { position: absolute; top:30px; right: 2.5rem; color:#fff; content: '▼';  pointer-events: none;   transform: translateY(-50%);}
  #affiliate .global_nav.active::after { content: '▲'; }
  #affiliate .global_nav li {display: none; background: var(--gray-50, #F8F8F8);}
  #affiliate .global_nav.active li {display: block; }
  #affiliate .global_nav.active li.active {display: none;}
  #affiliate .global_nav::before {display: block; display: flex; align-items: center; justify-content: center; padding: 1rem; width: 100%; height:60px; background-color: #402A29; font-size: 1.5rem;  font-weight: bold;  font-weight: 600; color:#fff;  text-align: center;  letter-spacing: -0.88px; content: attr(data-selected); cursor: pointer; border-radius: 38px;} 
}



/* --------------------------- 제품정보 */
/** 타이틀 **/
.product h4 { margin-top:11.25rem; margin-bottom:3.75rem; font-size: 4.375rem; font-weight: 800; line-height: 1.2; color: var(--gray-900, #1A1A1A); letter-spacing: -2.8px}
.product h4:first-of-type {margin-top:0;}
.product h5 { font-size: 1.75rem; font-weight: 700; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.12px;}

@media screen and (max-width:1024px){
  .product h4 { margin-top:7rem; margin-bottom:2rem; font-size: 4rem;}
  .product h5 { font-size: 1.5em;}  
} 

@media screen and (max-width:640px){
  .product h4 {font-size: 2.8rem;}
  .product h4 br {display: none;}
} 

/** 타이틀_eng **/
html[lang="en"] .product h4 { padding-right:1.5rem; font-size:3.5rem;}


/** 품 박스 **/
.product_box { display: flex;margin-bottom:1.25rem; padding:2.5rem; background: var(--gray-50, #F8F8F8); border-radius: 20px;}
.product_box:last-of-type {margin-bottom:0;}
.product_box h5 {min-width:18.75rem;}
.product_box .cont { display: flex; gap:1.25rem;flex:1;}
.product_box .cont p.desc { font-size: 1.25rem; font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.8px;}

@media screen and (max-width:1024px){
  .product_box { gap:1.25rem; flex-direction: column; padding:1.8rem;}
} 

@media screen and (max-width:640px){
  .product_box .cont { gap:0;flex-direction: column;}
  .product_box .cont ul.stripe_list:last-of-type li:nth-child(odd) {background: #F3F3F3;}
  .product_box .cont ul.stripe_list:last-of-type li:nth-child(even) {background: #ffffff;}
} 

/** 품 박스_eng **/
html[lang="en"] .product_box { gap:1rem; flex-direction: column;}





/** 연락처 **/
.product_contact {display: flex; justify-content: space-between; margin-top:6.25rem; padding:5rem 4.375rem; background: #402A29; color:#fff; border-radius: 10px 10px 0px 0px;}
.product_contact .desc p { font-size: 1.25rem;line-height: 140%; letter-spacing: -0.6px; word-break: keep-all;}
.product_contact .desc p.lg {margin-bottom:0.625rem; font-size: 2.5625rem; font-weight: 500; line-height: 150%; letter-spacing: -1.64px;}
.product_contact ul { display: flex; gap:0.625rem; flex-direction: column;padding-right:5.875rem;}
.product_contact ul li {display: flex; gap:0.5rem; align-items: center;}
.product_contact ul li .tit { padding:0.875rem 1.25rem; width:7.25rem; background: #000; font-size: 1.125rem; font-weight: 500; line-height: 140%;text-align: center; border-radius: 30px;} 
.product_contact ul li .value {flex:1; font-size: 1.5rem; font-weight: 500;  line-height: 140%; }


@media screen and (max-width:1420px){
  .product_contact {gap:2rem;}
  .product_contact ul { padding-right:0;}
} 

@media screen and (max-width:1024px){
  .product_contact .desc p br {display: none;}
} 

@media screen and (max-width:798px){
  .product_contact {flex-direction: column;}
} 

@media screen and (max-width:640px){
  .product_contact {margin-top:5rem;}
  .product_contact {padding:1.8rem;}
  .product_contact .desc p.lg {font-size: 2rem; }
  .product_contact ul li .tit { font-size: 1rem;} 
  .product_contact ul li .value {font-size: 1.25rem;}
} 




/** 디자인 type01 **/
.product_info {padding-bottom:8.125rem; background:url("../../images/sub/bg_product_line.png") no-repeat bottom -8.125rem left;}
.product_info > div {display: flex; justify-content: space-between;}
.product_info .left {display: flex; justify-content: space-between; flex-direction: column; width:30%;}
.product_info .right {flex:1;}
.product_info .title p { display: inline-block;margin-top:0.875rem; padding:0.625rem 1.625rem; background: var(--gray-900, #1A1A1A); font-size: 1.125rem; line-height: 180%; color: var(--gray-0, #FFF); border-radius: 60px;}
.product_info .title h4 {margin-bottom:0;}
.product_info .title h4 span { display: block; font-size:2.5rem;}
.product_info .desc {margin-bottom:3rem; font-size: 1.375rem; font-weight: 500; line-height: 170%; color: var(--gray-800, #333); letter-spacing: -0.88px; word-break: keep-all;}

@media screen and (max-width:1024px){
  .product_info > div { gap:4rem;flex-direction: column;}
  .product_info .left {gap:2.5rem;  justify-content: center; width:100%;}
} 

@media screen and (max-width:640px){
  .product_info {padding-bottom:5rem; background: none;}
   html[lang="en"] .product_info .desc br {display: none;}
} 


.product_spec {padding-top:8.5rem; background: url("../../images/sub/bg_spec.png") no-repeat top center; background-attachment: fixed; background-size: cover;}
.product_spec .spec_box {display: flex; justify-content: space-between; margin-bottom:0.625rem; padding:1.875rem 2.25rem; background: rgba(255, 255, 255, 0.90); border-radius: 6px;}
.product_spec .spec_box h5 {width:calc(30% - 2.25rem/2);}
.product_spec .spec_box .cont { display: flex; gap:0.625rem; flex:1;}
.product_spec .spec_box .cont .img {display: flex; align-items: center; justify-content: center; padding:1rem; width:24rem; background: #fff;}
.product_spec .spec_box .cont .img img {width:100%;}



@media screen and (max-width:1024px){
  .product_spec .spec_box { gap:1.25rem; flex-direction: column;}
  .product_spec .spec_box h5 {width:100%;}

} 


@media screen and (max-width:640px){
  .product_spec { padding-top:5rem;}
  .product_spec .spec_box {padding:1.8rem;}
  .product_spec .spec_box .cont { display: flex; flex-direction: column;}
  .product_spec .spec_box .cont .img {width:100%; background-color: #fff;}
} 

/** 디자인 type02 **/
.img_line_box { display: flex; align-items: center; justify-content: center; margin-bottom:2.125rem;padding:1.25rem; border-bottom:1px solid #000;}
.img_line_box img { width:auto;max-width: 100%;}
.img_line_box.fill {padding:0;}



/** 디자인 type03 **/
.half_box { display: flex; gap:1.25rem; justify-content: space-between;margin-bottom:1.25rem;}
.half_box:last-of-type {margin-bottom:0;}
.half_box .product_box { gap:1.25rem; flex:1; flex-direction: column; margin-bottom:0;}
.half_box .product_box .img_box { display: flex; align-items: center; justify-content: center; padding:1.25rem; height: 18.75rem; background-color: #fff;}
.half_box .product_box .img_box img { width: auto;max-width: 100%;}
.half_box .product_box .img_box.fill {padding:0; height:auto;}


@media screen and (max-width:1024px){
  .half_box { flex-direction: column;}
} 

/* --------------------------- 지속가능경영 */
/** 환경경영 **/
#environment .recycle_box {display: flex; gap:3.75rem; align-items: center; justify-content: center; flex-direction: column; padding:3.125rem; background: var(--gray-50, #F8F8F8); border-radius: 20px;} 
#environment .recycle_box .img img { width:100%;max-width: 100%;}
#environment .recycle_box .txt {font-size: 1.75rem; font-weight: 500; line-height: 140%;color: var(--gray-900, #1A1A1A); text-align: center; letter-spacing: -1.12px;}

#environment .environment_box { display: flex;gap:6.25rem; align-items: center;margin-top: 7.5rem;}

@media screen and (max-width:1024px){  
  #environment .environment_box { flex-direction: column;}
} 


#environment .top_img { display: flex; align-items: center; justify-content: center;flex:1;}
#environment .top_img img {max-width: 100%;}

@media screen and (max-width:1024px){  
  #environment .top_img {padding:0;}
} 

#environment .environment_list {display: flex; gap:1.875rem; flex-direction: column; width:30%;}
#environment .environment_list li {display: flex; gap:1.5rem; align-items: center; justify-content: center; flex:1; flex-direction: column; padding:3.125rem 1.875rem; background: var(--gray-50, #F8F8F8); text-align: center; border-radius: 20px;}
#environment .environment_list li .num {display: flex; gap: 0.625rem; align-items: center; justify-content: center; flex-shrink: 0; width: 3.125rem; height: 3.125rem; background: #8A6753; font-size: 1.125rem; font-weight: 900; color:#fff; letter-spacing: -0.18px; border-radius: 100%;}
#environment .environment_list li .tit {font-size: 1.5rem; font-weight: 700; line-height: 180%; color: var(--title-color, #333); letter-spacing: -0.24px;}
#environment .environment_list li .desc {font-size: 1.25rem; line-height: 180%;color: var(--txt-color, #333); letter-spacing: -0.2px; word-break: keep-all;}


@media screen and (max-width:1024px){  
  #environment .environment_list {flex-direction: row; width:100%;}
} 
@media screen and (max-width:768px){  
  #environment .environment_list {flex-direction: column;}
} 


/** 사회적 책임 **/
#society .society_list {display: flex; gap:2.25rem; flex-direction: column;}
#society .society_list li { display: flex; gap:5.625rem; align-items: center; justify-content: space-between; padding:3.125rem 5.625rem; background: var(--gray-50, #F8F8F8); border-radius: 20px;}
#society .society_list li .ico {display: flex; align-items: center; justify-content: center; width: 13.125rem; height: 13.125rem; background: #fff; border-radius: 100%;}
#society .society_list li .txt {flex:1;}
#society .society_list li .txt p {margin-top:0.625rem; font-size: 1.5rem; font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.96px; word-break: keep-all;}

@media screen and (max-width:1024px){  
  #society .society_list li {padding:3.125rem;}
} 
@media screen and (max-width:768px){  
  #society .society_list li { gap:3rem; flex-direction: column;}
  #society .society_list li .txt {text-align: center;}
  #society .society_list li .txt p {font-size: 1.25rem;}
} 


/** 윤리경영 **/
#ethics .ethics_list { display: flex; flex-wrap: wrap;padding-top:3.125rem; column-gap:2.5rem;}
#ethics .ethics_list dt { display: flex; align-items: center; justify-content: center;margin-bottom:4.0625rem; width:100%; font-size: 1.75rem; font-weight: 500; line-height: 140%; color: var(--gray-900, #1A1A1A); text-align: center; letter-spacing: -1.12px;}
#ethics .ethics_list dt > div {display: inline-flex; align-items: center; justify-content: center; flex-direction: column; padding:2.5rem 0; border: 1px solid var(--metal2, #D7D0C8); width:770px; background-color: #fff; text-align: center;  border-radius: 100px;}
#ethics .ethics_list dt .lg {font-size: 3.4375rem; font-weight: 600; line-height: 130%; /* 71.5px */color: var(--gray-650, #595959); text-align: center; letter-spacing: -2.2px;}
#ethics .ethics_list dd {flex:1; padding:3.125rem; background: var(--gray-50, #F8F8F8);border-radius: 20px;}
#ethics .ethics_list dd .ico {height:5.625rem;}
#ethics .ethics_list dd .tit {margin-top:3.125rem; margin-bottom:1.5rem; font-size: 1.875rem; font-weight: 700; line-height: 180%; /* 54px */color: var(--title-color, #333); letter-spacing: -0.3px;}
#ethics .ethics_list dd .desc {font-size: 1.25rem; line-height: 180%; /* 36px */color: var(--txt-color, #333); letter-spacing: -0.8px; word-break: keep-all;}

@media screen and (max-width:1024px){  
  #ethics .ethics_list {gap:2.25rem; padding-top:0;}
  #ethics .ethics_list dt { margin-bottom:2rem; }
  #ethics .ethics_list dt > div {width:100%;}
  #ethics .ethics_list dd {flex:100%;}
} 




/* --------------------------- 재무정보 */
#dart .inner {display: flex; align-items: center; justify-content: center; flex-direction: column;}
#dart .dart_box { padding:3.125rem; background: var(--gray-50, #F8F8F8); border-radius: 20px;}

#dart .dart_box iframe {width:750px; height:1000px; background-color: #fff;}


@media screen and (max-width:1024px){
  #dart .dart_box {padding:1.8rem 0rem; overflow-x: auto;width:100%;}
}