.sub_visual{position: relative;height: 610px;background-size: cover !important;overflow: hidden;}
.sub_visual:after{content: '';width:100%;height: 346px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 87.84%);position: absolute;bottom: -5px;left: 0;}

@media screen and (max-width:768px) {
  .sub_visual{height: 30rem;}
}

.sub_layout .content{padding-bottom: 16.25rem;}

@media screen and (max-width:768px) {
  .sub_layout .content{padding-bottom: 5rem;}
}

.trt{text-align: right;}
.tlt{text-align: left;}
.tct{text-align: center;}
.sub_tab{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 5rem;margin-bottom: 1.875rem;}
.sub_tab li{flex: 1 1 calc(33.333% - 10px);display: flex;}
.sub_tab li button{width:100%;border-radius: 20px;border: 1px solid var(--gray-100, #E5E5E5);padding: 1.125rem;font-size: 1.25rem;font-weight: 600;line-height: 140%;letter-spacing: -0.8px;display: flex;align-items: center;justify-content: center;word-break: keep-all;}
.sub_tab li.active button{border: 1px solid var(--gray-800, #333);background: var(--gray-800, #333);color: #fff;}
.gray_box{padding: 3.125rem;border-radius: 20px;border-radius: 20px;background: var(--gray-50, #F8F8F8);}
.border_box{border: 1px solid var(--gray-100, #E5E5E5);padding:2.125rem}

.full_img_box {padding: 0 !important;}
.full_img_box img{display: block;}
.full_img_box .list_wrap{padding: 1.25rem;}
.full_img_box .list_wrap > .item{border: 0;padding: 0 !important;}

@media screen and (max-width:768px) {
  .sub_tab{margin-top: 3.125rem;}
  .sub_tab li{flex:1 1 calc(50% - 5px)}
  .sub_tab li button{font-size: .9375rem;}
  .gray_box{padding: 2.5rem 1.875rem;}
}
.tct{text-align: center !important;}
.deep_gray_bg{background: #555 !important;color: #fff !important;}
.radio_list{display: flex;gap: 20px;flex-wrap: wrap;}
.radio-wrap{display: flex;align-items: center;gap:5px}
.radio-wrap input[type="radio"] {display: none;}
.fake-radio{width:20px;height:20px;border-radius: 50%;border: 4px solid #ccc;background: #fff;position: relative;}
.radio-wrap input[type="radio"]:checked + .fake-radio::after{content: '';display: block;position: absolute;top: 50%;left: 50%;width:100%;height:100%;border:4px solid var(--primary);border-radius: 50%;transform: translate(-50%,-50%);}
.radio-wrap input[type="radio"]:checked + .fake-radio{border:none}
.full_width.report_write{width:100%;display: block;}
.full_width.report_write .write_area{width:100%}

.sub_visual.company{background: url(../../images/sub/bg_company.png) no-repeat;}
.sub_visual.business{background: url(../../images/sub/bg_business.png) no-repeat;}
.sub_visual.products{background: url(../../images/sub/bg_product.png) no-repeat;}
.sub_visual.patent-status{background: url(../../images/sub/bg_tech.png) no-repeat;}
.sub_visual.public-notice{background: url(../../images/sub/bg_ir.png) no-repeat;}
.sub_visual.support{background: url(../../images/sub/bg_support.png) no-repeat;}
.sub_visual .inner{display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;height: 100%;gap: 30px;}
.sub_visual h2{font-family: Prompt;font-size: 6.25rem;font-weight: 700;letter-spacing: -1px;line-height: 100%;text-transform: uppercase;}
.sub_visual p{text-align: center;font-size: 1.125rem;font-weight: 500;line-height: 150%;letter-spacing: -0.72px;word-break: keep-all;}

@media screen and (max-width:768px) {
  .sub_visual .inner{gap: 1.25rem;}
  .sub_visual h2{font-size: 2.8125rem;}
  .sub_visual p br{display: none;}
}

.bread_crumbs{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 3.75rem;}
.bread_crumbs li{padding-right: 14px;margin-right: 14px;position: relative;}
.bread_crumbs li:last-child{padding-right: 0;margin-right: 0;}
.bread_crumbs li:after{content: '';display: block;opacity: 0.3;background: var(--gray-300, #B2B2B2);width:1px;height: 12px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.bread_crumbs li:last-child:after{display: none;}
.bread_crumbs li:first-child a{display: block;text-indent: -9999px;background: url(../../images/sub/ico_home.svg) no-repeat center;width:16px;height: 16px;}
.bread_crumbs li{color: var(--gray-700, #4D4D4D);font-size: 1.125rem;font-weight: 500;letter-spacing: -0.72px;}

@media screen {
  .bread_crumbs li{font-size: 1rem;}
}

/* 공통 */
.tit_box{margin-bottom: 5rem;}
.tit_box h2{color: var(--gray-900, #1A1A1A);font-size: 2.125rem;font-weight: 600;}
.tit_box .en{color: var(--gray-250, #BFBFBF);font-family: Prompt;font-size: 4.375rem;font-weight: 600;letter-spacing: -0.7px;text-transform: uppercase;line-height: 100%;margin-top: 1.25rem;margin-bottom: 1.875rem;}
.tit_box .desc{color: var(--gray-900, #1A1A1A);font-size: 1.4375rem;font-weight: 500;line-height: 140%;letter-spacing: -0.92px;}  

@media screen and (max-width:768px) {
  .tit_box{margin-bottom: 2.5rem;}
  .tit_box h2{font-size: 1.375rem;}
  .tit_box .en{font-size: 2rem;margin-top:.9375rem;margin-bottom: 1.25rem;}
  .tit_box .desc{font-size: 1.125rem;}
}

.dot_list {list-style:disc;padding-left: 0.9em;} 
.dot_list li{font-size: 1.125rem;font-weight: 500;letter-spacing: -0.72px;line-height: 160%;word-break: keep-all;}
.bar_list li{position: relative;padding-left: 10px;font-weight: 500;letter-spacing: -0.72px;line-height: 160%}
.bar_list li:before{content: '-';display: block;position: absolute;left: 0;top: 0;}


@media screen and (max-width:768px) {
  .dot_list li,
  .bar_list li{font-size: 1rem;}
}

.inner_ul{padding-left: 130px;}
.img_wrap{text-align: center;}
.img_wrap img{max-width: 100%;}
.bar_title{position: relative;padding-left: 16px;font-size: 1.25rem;font-weight: 600;line-height: 100%;letter-spacing: -.4px;margin-bottom: 1.25rem;border-left: 4px solid #000;display: flex;align-items: center;gap: 10px;}
.bar_title span{color: var(--gray-500, #808080);font-size: 1.25rem;font-weight: 500;letter-spacing: -0.4px;}
caption{position: absolute;left: -9999px;}
.table_style01{width:100%}
.table_style01 tbody:only-child{border-top: 1px solid #000;border-bottom: 1px solid #000;}
.table_style01 tbody.border_gray{border-top:1px solid var(--gray-150, #D9D9D9);border-bottom: 1px solid var(--gray-150, #D9D9D9);}
.table_style01 th{color: #fff;padding:14px;position: relative;background: var(--gray-400);font-size: 1.25rem;}
.table_style01 th:after{content: '';display: block;width:1px;height: calc(100% - 8px);background: #B2B2B2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.table_style01 th:last-child:after{display: none;}
.table_style01 tbody td{padding: 14px;font-size: 18px;font-weight: 500;letter-spacing: -0.72px;line-height: 140%;}
.table_style01 tbody tr:nth-child(even),
.table_style01 tbody tr.even{background: #F3F3F3;}
.table_style01 tbody tr.odd{background: #fff;}
.table_style01 tbody tr.bg_gray{background: #F3F3F3 !important;}
.table_style01 tbody tr.bg_white{background: #fff !important;}
.border_wrap_gray{border: 1px solid #D9D9D9;}
.point{background: #6C96DF !important;}

.table_style01 .border-right td{border-right: 1px solid var(--gray-150);}
.table_style01 .border-right td:last-child{border-right: 0;}
.table_style01 .white-right{border-right: 1px solid #fff !important;}
.table_style01 .white-bottom{border-bottom: 1px solid #fff;}
.table_style01 .border-top > *{border-top:1px solid #B2B2B2}

/* 대각선 헤더  */
.bg_darkgray th{background: #777;} 
.diagonal-header{position: relative;width: 150px;height: 80px;overflow: hidden;background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #b2b2b2, transparent calc(50% + 1px)) !important;background-size: 120% 120% !important;background-position: center !important;}
.diagonal-header:after{height: 100% !important;}
.diagonal-header .top-text{position: absolute;top: 10px;right: 10px;}
.diagonal-header .bottom-text{position: absolute;bottom: 10px;left: 10px;}
.table_style01 thead tr:nth-child(2) th{position: relative;}
.table_style01 thead tr:nth-child(2) th:after{content: '';display: block;height:1px;width: 100%;background: #B2B2B2;position: absolute;left: 50%;top:0;transform: translateX(-50%);}

.gray{color: var(--gray-650, #595959);}
.bold{font-weight:700 ;}

/* 회사소개 > ceo */
.ceo_wrap{display: flex;}
.ceo_wrap > div{border-radius: 30px;}  
.ceo_wrap .bg{width:41%;background: url(../../images/sub/bg_ceo.png) no-repeat center;background-size: cover;}
.ceo_wrap .txt{flex: 1 1;background: var(--gray-50, #F8F8F8);padding: 5rem;display: flex;flex-direction: column;gap: 1.875rem;}
.ceo_wrap .txt h3{font-size: 1.625rem;font-weight: 700;line-height: 140%;letter-spacing: -1.44px;}
.ceo_wrap .txt .desc{font-size: 1.125rem;font-weight: 500;line-height: 160%;letter-spacing: -.72px;word-break: keep-all;}
.ceo_wrap .txt .sign {text-align: right;font-weight: 600;font-size: 1.25rem;line-height: 160%;letter-spacing: -.8px;}

@media screen and (max-width:1024px) {
  .ceo_wrap{flex-direction: column;}
  .ceo_wrap .bg{height: 31.25rem;}
  .ceo_wrap .bg,
  .ceo_wrap .txt{width:100%}
}

@media screen and (max-width:768px) {
  .ceo_wrap .bg{height: 18.75rem;}
  .ceo_wrap .txt{padding: 2.5rem 1.875rem;gap: 2.5rem;}
  .ceo_wrap .txt h3{font-size: 1.625rem;}
}

/* 회사소개 > bisiness */
/* .business_area{display: flex;flex-direction: column;gap: 20px;}
.business_area .item{display: flex;}
.business_area .item h3{padding: 3.75rem;color: var(--gray-900, #1A1A1A);font-size: 2.25rem;font-weight: 700;line-height: 140%;letter-spacing: -1.44px;border-radius: 30px;background: var(--gray-50, #F8F8F8);}
.business_area .item.img_item h3{flex: 0 0 580px;}
.business_area .item:not(.img_item) h3{flex: 0 0 360px;}
.business_area .item .bg_com01{background: url(../../images/sub/bg_company02.png) no-repeat;background-size: cover;color: #fff;}
.business_area .item .bg_com02{background: url(../../images/sub/bg_company03.png) no-repeat;background-size: cover;color: #fff;}
.business_area .item .cont.img{border-radius: 30px;background: #D9D9D9;overflow: hidden;flex: 1 1 0;min-width: 300px;}
.business_area .item .cont.img img{width:100%;height: 100%;object-fit: cover;}
.business_area .item .cont:not(.img){border-radius: 30px;background: #ECECEC;padding: 3.125rem;flex: 1 1 0;min-width: 300px;}
.business_area .link_area{margin-top: 3rem;display: flex;gap:16px ;}
.business_area .link_area a{flex: 1 1;background: #fff;border-radius: 30px;padding: 30px 20px 20px 20px;text-align: center;display: flex;flex-direction: column;word-break: keep-all;}
.business_area .link_area a:after{content: '';background: url(../../images/main/ico_link_white.svg) no-repeat center #b2b2b2;width:46px;height: 46px;border-radius: 50%;margin-top: auto;margin-left: auto;transition: all 0.3s;}
.business_area .link_area.link_area_six{flex-wrap: wrap;}
.business_area .link_area.link_area_six a{flex: none;width: calc((100% - 32px)/3);}
.business_area .link_area a:hover:after{background-color: var(--primary);}
.business_area .link_area .name{font-size: 1.75rem;font-weight: 700;}
.business_area .link_area .title{font-size: 1.375rem;font-weight: 600;line-height: 140%;letter-spacing: -0.88px;margin-top: 4px;margin-bottom: 13px;}
.business_area .link_area .title2{font-size: 1.5625rem;font-weight: 600;line-height: 140%;letter-spacing: -1px;margin-bottom: 14px;}
.business_area .link_area .desc{color: var(--gray-550, #737373);font-weight: 500;line-height: 140%;letter-spacing: -0.64px;margin-bottom: 20px;}

@media screen and (max-width:1024px) {
  .business_area .item{flex-direction: column;}
  .business_area .item.img_item h3{flex: none;width:100%;flex: 0 0 260px;}
  .business_area .item .cont.img{flex: none;width:100%;height: 15.625rem;}
  .business_area .link_area{flex-wrap: wrap;}
  .business_area .link_area a{width: calc(50% - 8px);flex: none;}
  .business_area .item:not(.img_item) h3{flex: 0 0 260px;}
}

@media screen and (max-width:768px) {
  .business_area .item.img_item h3{flex: none;font-size: 1.625rem;}
  .business_area .item h3{font-size:1.625rem;padding: 1.875rem;}
  .business_area .item:not(.img_item) h3{flex: none;padding-bottom: 3.75rem;}
  .business_area .item .cont:not(.img){padding: 1.875rem;}
  .business_area .link_area{flex-direction: column;}
  .business_area .link_area a{flex: 1 1;width: auto;}
  .business_area .link_area .name{font-size: 1.375rem;}
  .business_area .link_area .title{font-size: 1.0625rem;}
  .business_area .link_area .title2{font-size: 1.125rem;}
  .business_area .link_area a:after{width: 40px;height: 40px;background-size: 12px;}
}
  
*/

@charset "utf-8";

:root {
  --color_primary: #df414e;
  --color_black: #1a1a1a;
  --color_gray_700: #4d4d4d;
  --color_gray_650: #595959;
  --color_gray_400: #999;
  --color_gray_150: #d9d9d9;
  --color_gray_100: #f0f0f0;
  --color_gray_50: #f8f8f8;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  color: var(--color_black);
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  word-break: keep-all;
}

p,
h1,
h2,
h3 {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


.m_show{display: none;}


.intro_wrap {
  border-radius: 30px;
  background: #EFEFF3;
  padding: 5rem 3.4375rem;
  display: flex;
  align-items: center;
}

.intro_wrap .desc{
  background: #fff;
  min-height: 312px;
  display: flex;
  flex-direction: column;
  padding: 3.5rem 3.75rem;
  border-radius: 1.875rem;
  max-width: 480px;
}
.intro_wrap .desc p{
  flex: 1 1;
font-size: 1.25rem;
font-weight: 600;
line-height: 160%; 
}

.intro_wrap .desc p + p{
  border-top: 1px solid #b2b2b2;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}

.bisi_wrap{
  background: url(../../images/sub/img_ico_busi01.png) no-repeat right bottom #EFEFF3;
}

.motion_wrap .intro_wrap{
  background: url(../../images/sub/ico_motion01.png) no-repeat right bottom #EFEFF3;
}


.function_wrap {
  margin-top: 115px;
}

.section_title {
  padding-left: 16px;
  border-left: 4px solid #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

.function_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 10px;
  margin-top: 32px;
}

.function_item {
  min-height: 230px;
  padding: 12px 19px 20px;
  border: 1px solid var(--color_gray_150);
  border-radius: 20px;
  text-align: center;
}

.function_item .item_title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  padding: 8px 12px;
  border-radius: 10px;
  background: var(--color_gray_100);
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.04em;
}

.function_item .item_desc {
  display: flex;
  min-height: 125px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  color: var(--color_gray_700);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.04em;
}

.function_item .point_text {
  color: var(--color_primary);
}

.industry_wrap {
  margin-top: 90px;
}

.table_area {
  margin-top: 32px;
  overflow-x: auto;
  border-bottom: 1px solid var(--color_gray_150);
}

.industry_table {
  width: 100%;
  min-width: 1100px;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--color_gray_650);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.industry_table .industry_col { width: 172px; }
.industry_table .field_col { width: 193px; }
.industry_table .effect_col { width: 664px; }
.industry_table .model_col { width: 389px; }

.industry_table thead th {
  height: 49px;
  padding: 10px 15px;
  border-right: 1px solid #b2b2b2;
  background: var(--color_gray_400);
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.industry_table tbody th,
.industry_table tbody td {
  height: 51px;
  padding: 8px 20px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  line-height: 1.5;
}

.industry_table tbody th:not(.industry_name) {
  font-weight: 500;
  text-align: center;
}

.industry_table .industry_name {
  color: #000;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}

.industry_table .industry_name img {
  width: 50px;
  height: 50px;
  margin: 0 auto 8px;
  object-fit: contain;
}

@media (max-width: 1600px) {
  .intro_wrap{background-size: 600px !important;}

}

@media (max-width: 1100px) {
  .intro_wrap  {
    padding: 0;
    background: #EFEFF3 !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .intro_wrap .cont{display: flex;justify-content: center;}
  .intro_wrap .desc{margin: 1.875rem;}

  .intro_wrap .img_wrap {display: flex;}

  .intro_wrap .img_wrap img {max-width: 100%;object-fit:contain}

  .m_show{display: flex !important;}

  .function_item .item_title {
    font-size: 21px;
  }

  .function_item .item_desc {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .intro_wrap .cont{flex-direction: column-reverse;align-items: center;}
  .intro_wrap .img_wrap{border-bottom: 1px solid #ddd;}
  .intro_wrap .desc{min-height: auto;margin: 1.25rem;padding: 1.875rem 2.5rem;}


  .function_wrap {
    margin-top: 72px;
  }

  .function_list {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
  }

  .function_item {
    min-height: 205px;
  }

  .function_item .item_title {
    font-size: 20px;
  }

  .function_item .item_desc {
    min-height: 110px;
  }

  .industry_wrap {
    margin-top: 72px;
  }

  .table_area {
    margin-top: 24px;
  }
}


/* 회사소개 > 경영이념 */
/* .philosophy_wrap{display: flex;flex-wrap: wrap;gap: 20px;}
.philosophy_wrap > .item{flex: 1 1;display: flex;flex-direction: column;}
.philosophy_wrap > .item .img{width:100%;height: 397px;border-radius: 30px;overflow: hidden;background: #ddd;}
.philosophy_wrap > .item .img img{width: 100%;height: 100%;object-fit: cover;}
.philosophy_wrap > .item .txt{padding: 3.75rem;border-radius: 30px;background: var(--gray-50, #F8F8F8);display: flex;flex-direction: column;gap: 1.875rem;flex: 1;}
.philosophy_wrap > .item .txt h4{text-align: center;font-size: 2.25rem;font-weight: 700;line-height: 140%;letter-spacing: -0.09rem;}
.philosophy_wrap > .item .txt ul li{font-size: 1.125rem;font-weight: 500;line-height: 160%;letter-spacing: -0.045rem;}

@media screen and (max-width:1024px) {
  .philosophy_wrap{flex-direction: column;}
}
@media screen and (max-width:768px) {
.philosophy_wrap > .item .img{height: 18.75rem;}
.philosophy_wrap > .item .txt h4{font-size: 1.625rem;}
} */

.philosophy_wrap .item {
  display: flex;
  align-items: center;
  gap: 6rem;
}

.philosophy_wrap .item + .item {
  margin-top: 146px;
}

/* 1420px inner에서 841px 비율 */
.philosophy_wrap .item .img {
  width: 50%;
  aspect-ratio: 841 / 410;
  overflow: hidden;
  border-radius: 30px;
  background-color: #d9d9d9;
}

.philosophy_wrap .item .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.philosophy_wrap .item .txt {
  flex: 1;
  min-width: 0;
  color: var(--text-primary);
  word-break: keep-all;
}

/* 홀수: 텍스트 → 이미지 */
.philosophy_wrap .item:nth-child(odd) .txt {
  order: 1;
}

.philosophy_wrap .item:nth-child(odd) .img {
  order: 2;
}

/* 짝수: 이미지 → 텍스트 */
.philosophy_wrap .item:nth-child(even) .img {
  order: 1;
}

.philosophy_wrap .item:nth-child(even) .txt {
  order: 2;
}

.philosophy_wrap .txt h4 {
  margin: 0 0 0.625rem;
  color: var(--text-primary);
  font-size: clamp(1.875rem, 2.5vw, 2.25rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.04em;
}

.philosophy_wrap .item .desc {
  margin: 0 0 1.875rem;
  color: var(--gray-700, #4d4d4d);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.04em;
}

.philosophy_wrap .dot_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.philosophy_wrap .dot_list li {
  position: relative;
  padding-left: 0.875rem;
  color: var(--text-primary);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.04em;
}

.philosophy_wrap .dot_list li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
}

/* 태블릿 */
@media (max-width: 1200px) {
  .philosophy_wrap .item {
    
    gap: 5rem;
  }

  .philosophy_wrap .item + .item {
    margin-top: 110px;
  }

  .philosophy_wrap .item .img {
    flex-basis: 56%;
    width: 56%;
  }

  .philosophy_wrap .item .desc,
   .philosophy_wrap .dot_list li {
    font-size: 1.25rem;
  }
}
@media (max-width: 1024px) {
  .philosophy_wrap .item {
    flex-direction: column;
    align-items: stretch;
    gap: 1.75rem;
  }

    .philosophy_wrap .item .img {
    order: 1;
    flex: none;
    width: 100%;
    aspect-ratio: 335 / 210;
    border-radius: 20px;
  }

  .philosophy_wrap .item .txt {
    order: 2;
    width: 100%;
  }

}

/* 모바일 */
@media (max-width: 767px) {
  .philosophy_wrap .item {
    flex-direction: column;
    align-items: stretch;
    gap: 1.75rem;
  }

  .philosophy_wrap .item + .item {
    margin-top: 72px;
  }

  /* 모바일은 모두 이미지 → 텍스트 */
  .philosophy_wrap .item .img {
    order: 1 !important;
    flex: none;
    width: 100%;
    aspect-ratio: 335 / 210;
    border-radius: 20px;
  }

  .philosophy_wrap .item .txt {
    order: 2  !important;
    width: 100%;
  }

  .philosophy_wrap .txt h4 {
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
    line-height: 1.35;
  }

  .philosophy_wrap .item .desc {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.6;
  }

  .philosophy_wrap .dot_list li {
    padding-left: 1.125rem;
    font-size: 1rem;
    line-height: 1.7;
  }
}

@media (max-width: 374px) {
  .philosophy_wrap .txt h4 {
    font-size: 1.5625rem;
  }

  .philosophy_wrap .item .desc {
    font-size: 1rem;
  }

  .philosophy_wrap .dot_list li {
    font-size: 0.9375rem;
  }
}

/* product */
.pro_tit{color: var(--gray-900, #1A1A1A);font-family: Prompt;font-size: 3.25rem;font-weight: 600;line-height: 100%;margin-bottom: 3.125rem;text-transform:capitalize}
.pro_tit02{display: inline-flex;gap: 15px;align-items: center;border-top: 1px solid var(--gray-100, #E5E5E5);padding-top: 2.5rem;}
.pro_tit02 h4{color: var(--gray-900, #1A1A1A);font-family: Prompt;font-size: 2.5rem;font-weight: 700;line-height: 100%;text-transform: uppercase;}
.pro_tit02 h4 span{color: var(--gray-900, #1A1A1A);font-size: 2.25rem;font-weight: 700;line-height: 100%;letter-spacing: -1.44px;text-transform: uppercase;}
.pro_tit02 p{color: var(--gray-500, #808080);font-family: Prompt;font-size: 1.625rem;font-weight: 500;line-height: 100%;text-transform: uppercase;}
.pro_tab {display: flex;gap: 15px 5px;margin-bottom: 5.625rem;flex-wrap: wrap;}
.pro_tab li.active a{background: var(--gray-900, #1A1A1A);border-color: var(--gray-900);color: #fff;font-weight: 700;}
.pro_tab li a{display: flex;border-radius: 50px;border: 1px solid var(--gray-100, #E5E5E5);font-size: 1.125rem;font-weight: 500;padding: 1.25rem 2.25rem;transition: all 0.3s;justify-content: center;align-items: center;}

@media (max-width: 768px) {
  .pro_tit02{flex-direction: column;}
  
  .pro_tab { display: flex; flex-wrap: nowrap; overflow-x: auto;  -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; }
  .pro_tab li { flex: 0 0 auto; scroll-snap-align: start; }
 
  .pro_tab::-webkit-scrollbar { display: none; }
  .pro_tab li a{font-size: 1rem;padding: .9375rem 1.25rem;}
}



.product-info{display: flex;gap: 100px;}
.product-info .product-name{color: var(--gray-900, #1A1A1A);font-family: Prompt;font-size: 3.75rem;font-weight: 700;line-height: 100%;text-transform: uppercase;margin-bottom: .875rem;}
.product-info .product-header{border-top: 1px solid var(--gray-100, #E5E5E5);padding-top:2.5rem}
.product-info  .product-details{padding-top:2.5rem;display: flex;flex-direction: column;gap: 1.875rem;}
.product-info .product-subtitle{color: var(--Primary, #DF414E);font-family: Prompt;font-size: 1.625rem;font-weight: 500;line-height: 100%;}
.product-info .product-desc-title{color: var(--gray-900, #1A1A1A);font-size: 1.625rem;font-weight: 700;line-height: 160%;margin-bottom: .5rem;}
.product-info .product-desc{color: var(--gray-600, #666);font-size: 1.125rem;font-weight: 500;line-height: 160%;letter-spacing: -0.36px;}
.product-info .product-desc-sub-title{color: var(--gray-900, #1A1A1A);font-size: 1.125rem;font-weight: 600;line-height: 160%;letter-spacing: -0.0225rem;margin-bottom: .3125rem;}
.spec_list{display: flex;flex-wrap: wrap;gap:40px}
.spec_list li{display: flex;gap: 20px;}
.spec_list li strong{font-weight: 600;color: var(--gray-950);}


@media screen and (max-width:768px) {
  .spec_list{gap: .9375rem;flex-direction: column;}
  .spec_list li{flex-direction: column;gap: .3125rem;}
}

.product-card .product-image{margin-top: 3.75rem;border-radius: 30px;background: linear-gradient(180deg, #F4F4F4 0%, #DFDFDF 100%);text-align: center;padding: 3.375rem 0;display: flex;justify-content: center;align-items: center;}
.product-card .product-image img{max-width: 95%;}

.product-card .product-sub-detail{display: flex;flex-wrap: wrap;gap: 20px;;margin: 1.5625rem 0 1.25rem 0;}
.product-card .product-sub-detail .item{width: calc(50% - 10px);}
.product-card .product-sub-detail .item .img{border-radius: 20px;border: 1px solid var(--gray-150, #D9D9D9);overflow: hidden;display: flex;align-items: flex-end;justify-content: center;margin-bottom: .625rem;}
.product-card .product-sub-detail .item .img img{max-width: 90%;}
.product-card .product-sub-detail .item p{color: var(--gray-600, #666);
  font-size: 1.125rem;font-weight: 600;line-height: 100%;text-transform: uppercase;text-align: right;}
  .product-card .product-sub-detail.mh320 .img{height: 20rem;}
.product-card .product-link{display: flex;justify-content: flex-end;margin-top: 1.25rem;}
.product-card .product-link ul{display: flex;gap: 1.75rem;border-radius: 60px;background: var(--gray-50, #F8F8F8);align-items: center;padding: .625rem;}
.product-card .product-link ul li:first-child{margin-left: 1.875rem;}
.product-card .product-link ul li a{display: flex;font-size: 1.25rem;font-weight: 600;letter-spacing: -0.4px;line-height: 100%;align-items: center;gap: 10px;}
.product-card .product-link ul li a:after{content: '';width:60px;height: 60px;border-radius: 50%;background: url(../../images/sub/ico_link.svg) no-repeat center var(--gray-900);}
.product-card .product-link ul li:last-child a:after{background:url(../../images/sub/ico_down.svg) no-repeat center var(--primary) !important;background-size: 20px !important;}
.product-section{display: flex;margin-top: 6.25rem;gap:20px ;}
.product-section-item{flex: 1 1;border-radius: 20px;border: 1px solid var(--gray-150, #D9D9D9);padding: 20px;}
.product-section-item.full_item{padding: 30px;}
.section-title{border-radius: 10px;background: #F0F0F0;display: flex;gap: 18px;padding: 1.125rem;align-items: center;font-size: 1.625rem;font-weight: 600;line-height: 100%;letter-spacing: -1.04px;margin-bottom: 1.25rem;}
.section-title span{color: var(--gray-400, #999);font-size: 1.625rem;font-weight: 400;}
.product-section-item .dot_list{color: var(--gray-700);}
.flex_wrap .tit{margin-bottom: 1.25rem;font-size: 1.125rem;}
.flex_wrap02 .item .tit{padding-left: 1.125rem;}
.product-detail-image{display: flex;margin-top: 25px;gap: 22px;}
.product-detail-image.gray_bg .item .img{background: #f8f8f8;}
.product-detail-image > .item{flex: 1 1;}
.product-detail-image > .item .img{border-radius: 20px;text-align: center;overflow: hidden;border: 1px solid var(--gray-150, #D9D9D9);position: relative;height: 288px;width:100%}
.product-detail-image > .item .img img{position: absolute;max-width: 100%;max-height: 100%;}
.product-detail-image > .item .img.center_bottom img{bottom: 0;left: 50%;transform: translateX(-50%);}
.product-detail-image > .item .img.left img{left: 0;bottom: 0;}
.product-detail-image > .item .img.center img{top: 50%;left: 50%;transform: translate(-50%,-50%);}
.product-detail-image > .item p{font-size: 1.125rem;text-align: center;letter-spacing: -0.36px;font-weight: 600;line-height: 100%;margin-top: .75rem;}

.product .full_item{margin-top: 7.5rem;}

.product-specifi .table_flex{display: flex;flex-wrap: wrap;gap: 50px 40px;}
.product-specifi .table_flex .item:not(.large_item){flex: 1 1;}
.product-specifi .table_flex .item.large_item{width:100%}

.product-flow .bar_title{margin-top: 2.5rem;margin-bottom: 1.25rem;word-break: keep-all;}
.section-title + div .bar_title{margin-top: 1.25rem;}
.product-flow .flow_area{display: flex;gap: 66px;}
.product-flow .flow_area .img{width:35.4%;border: 1px solid #e5e5e5;display: flex;justify-content: center;align-items: flex-end;}
.product-flow .flow_area .img img{max-width:90%;max-height: 99%;}
.product-flow .flow_area .cont{flex: 1 1;color: var(--gray-700);}
.pt0{padding-top: 0 !important;}
.mt0{margin-top: 0 !important;}
.mt20{margin-top: 1.25rem;}
.mt40{margin-top: 2.5rem;}
.mt120{margin-top:7.5rem}
.product-flow .flow_area .cont .dot_list + .size{margin-top:2.5rem ;}
.product-flow .flow_area .cont .size h5{font-size: 1.125rem;font-weight: 600;padding: .625rem 1rem;border-radius: 30px;background: var(--gray-100, #E5E5E5);display: inline-block;margin-bottom: 1.25rem;}
.line_center{display: block;width:80px;height:1px;background: #000;margin:2.5rem auto ;}
.flex_wrap{flex-wrap: wrap;display: flex;}
.flex_wrap > .item{width:calc(50% - 11px);flex: auto !important;}
.flex_wrap02 {gap: 20px;}
.flex_wrap02 > .item{width: inherit;}
.list_wrap{display: flex;justify-content: space-between;gap: 22px;}
.list_wrap > .item{flex: 1 1;padding:2.125rem;border: 1px solid var(--gray-100, #E5E5E5);text-align: center;}
.list_wrap > .item p{font-size: 1.125rem;font-weight: 600;letter-spacing: -.36px;margin-bottom: 1.25rem;}
.list_wrap > .item  img{max-width:95%}
.item_ten{flex-wrap: wrap;}
.item_ten > .item{width: calc((100% - 88px) / 5);flex: none;}


@media screen and (max-width:1024px) {
  .item_ten > .item{width: calc((100% - 44px) / 3);}
}

@media screen and (max-width:768px) {
  .list_wrap.item_ten{flex-direction: row;}
  .item_ten > .item{width: 100%;}
}

.flex_half{display: flex;gap: 20px;}
.flex_half > * {flex:  1 1;}
.flex_half:has(> .item:nth-child(2):last-child) {gap: 2.5rem;}

.list_wrap_sty02 .first_item{width: 40%;flex: inherit;}
.list_wrap_sty02 .second_item .img_wrap{flex: 1 1;}
.list_wrap_sty02 .img_wrap img{max-width: 100%;}

.flex_three {display: flex;gap:20px}
.flex_three > .item{width: calc((100% - 40px) / 3);flex: auto;} 
.product-list{display: flex;flex-wrap: wrap;gap: .3125rem 1.25rem ;}
.product-list li{width:calc(50% - .625rem)}
.spec {display: grid;grid-template-columns: 0.9fr 1.1fr;gap: 5px;}
.spec dl {display: grid;grid-template-columns: 120px 1fr;font-size: 1.125rem;font-weight: 600;line-height: 160%;letter-spacing: -0.72px;gap:5px}
.spec dt {font-weight: 600;color: #222;}
.spec dd {color: var(--gray-600, #666);font-weight: 500;}
.cont_img{display: flex;gap: 20px;}
.cont_img .cont{ flex: 0 0 54.23%;}
.cont_img .img_wrap{flex: 1;display: flex;justify-content: center;align-items: center;}
.cont_img .img_wrap img{max-width:80%}
/* product_list */
.product_list{display: flex;flex-wrap: wrap;gap:70px 20px;}
.product_list .product_item{width:calc((100% - 40px) / 3);}
.product_list .product_item .img_area{height: 400px;border-radius: 30px; background: linear-gradient(180deg, #F4F4F4 0%, #DFDFDF 100%);display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.product_list .product_item .img_area::after{content: '';display: block;width:52px;height: 52px;border-radius: 50%;background: url(../../images/main/ico_link.svg) no-repeat center #fff;position: absolute;right: 15px;bottom: 15px;}

.product_list .product_item a:hover .img_area img{transform: scale(1.1);}
.product_list .product_item .img_area img{max-width: 97%;transition: all 0.3s;}
.product_list .product_item .txt{margin-top: 1.25rem;text-align: center;}
.product_list .product_item .txt h3{color: var(--gray-750, #404040);
  font-size: 1.875rem;font-weight: 700;line-height: 100%;text-transform: uppercase;}
  .product_list .product_item .txt p{margin-top: .625rem;color: var(--gray-550, #737373);font-weight: 500;line-height: 100%;}
.tit_mg{margin: 3.3125rem 0 5rem 0;}
.pro_tab_mg{margin-bottom: 3.3125rem;}


@media screen and (max-width:1024px) {
  .pro_tit{font-size: 1.875rem;}
  .product_list .product_item{width: calc((100% - 20px) / 2);}
  .product-info{flex-direction: column;gap: .9375rem;}
  .product-info .product-desc-title{margin-bottom: 0;}
  .product-info .product-details{padding-top: 0;gap:.625rem;}
  .product-specifi .table_flex{flex-direction: column;}
  .product-specifi .table_flex .item{flex: none !important;width: 100%;}
  .table_wrap{width: 100%;overflow-x: auto;position: relative;}
  .table_wrap table{margin-top: 1.875rem;}
  .table_wrap table::before{content: '\e9ec'; font-family: 'Material Icons'; font-size: 1.25rem; margin-left: 8px; vertical-align: middle; display: inline-block;animation:scrollInfo 1.5s ease-in-out infinite;position: absolute;top: 0;left: 0;}
  .table_wrap table::after{content: '좌, 우로 이동 가능합니다.';display: block;font-size: .9375rem;color: var(--gray-500);font-weight: 500;margin-bottom: 5px;position: absolute;left: 50px;top: 2px;}
  .table_wrap table { width: 100%; min-width: 600px; border-collapse: collapse; }
  @keyframes scrollInfo { 0%, 100% { transform: translateX(0); }
 50% { transform: translateX(10px); }
 }
 .product-flow .flow_area{flex-direction: column;gap: 1.875rem;}
 .product-flow .flow_area .img{width: 100%;}
 .flex_half{flex-direction: column;}
 .spec{display: flex;flex-direction: column;}
 .cont_img{flex-direction: column;}
 .cont_img .img_wrap{height: 500px;flex: none;width: 100%;}
 .cont_img .img_wrap img{max-height: 90%;}
}

.pl60{padding-left: 60px;}

@media screen and (max-width:1024px) {
  .pl60{padding-left: 0;}
}

@media screen and (max-width:768px) {
  .product-section-item.full_item{padding: 1.875rem 1.25rem;}
  .product-section-item{padding: 1.25rem;}
  .section-title{flex-direction: column;align-items: flex-start;justify-content: center;gap: .625rem;}
  .product_list .product_item .txt h3{font-size: 1.375rem;}
  .product_list .product_item .img_area{height: 300px;}
  .product-info .product-name{font-size: 2rem;}
  .product-info .product-subtitle,
  .product-info .product-desc-title{font-size: 1.25rem;}
  .product-info .product-desc{font-size: 1rem;}
  .product-card .product-image{margin-top: 1.875rem;}
  .product-card .product-link ul li a{font-size: 1rem;}
  .product-card .product-link ul li a:after{width: 50px;height: 50px;background-size: 10px;}
  .section-title,
  .section-title span{font-size: 1.125rem;}
  .product-section{flex-direction: column;}
  .product-detail-image{flex-wrap: wrap;}
  .product-detail-image > .item{flex: none;width: calc(50% - 11px);}
  .pro_tit02 h4{font-size: 1.25rem;}
  .pro_tit02 p{font-size: 1.125rem;}
  .table_style01 th,
  .table_style01 tbody td{font-size: 1rem;}
  .product .full_item,
  .product-section,
  .mt120{margin-top: 3.75rem;}
  .product-flow .flow_area .img{height: 250px;}
  .product-detail-image > .item .img{height: 200px;}
  .product-detail-image > .item .img.center img{width: 90%;max-height: 80%;}
  .mt20{margin-top: 20px !important;}
  .product-flow .bar_title{flex-direction: column;align-items: flex-start;}
  .list_wrap{flex-direction: column;}
  .list_wrap.flex_wrap > .item{width: auto;}
  .spec dl{grid-template-columns:100px 1fr}
  .flex_three > .item{width: calc((100% - 20px) / 2);}
  .cont_img .img_wrap{height: 350px;}
  .list_wrap_sty02 .first_item{width: 100%;}
}

@media screen and (max-width:640px) {
  .product_list .product_item{width: 100%;}
  .product_list .product_item .img_area{height: 250px;}
  .product-flow .flow_area .img img{max-height: 90%;}
}


/* 연혁 */
.history_wrap{display: flex;flex-direction: column;gap: 2.5rem;}
.history_wrap .history_item{display: flex;justify-content: space-between;gap:3.4375rem}
.history_wrap .history_item .year_area{width:580px;padding: 60px;border-radius: 30px;background: var(--gray-50, #F8F8F8);}
.history_wrap .history_item .year_area h3{font-size: 3.125rem;font-weight: 700;line-height: 140%;letter-spacing: -2px;margin-bottom: 1.25rem;}
.history_wrap .history_item .img_area{border-radius: 1.25rem;overflow: hidden;width: 43%;height: 41.875rem;}
.history_wrap .history_item .img_area img{width: 100%;height: 100%;object-fit: cover;}
.history_wrap .history_item .year_text{color: var(--gray-300, #B2B2B2);font-family: Prompt;
font-size: 4rem;font-weight: 400;line-height: 100%;
letter-spacing: -2.56px;margin-bottom: 3.125rem;}
.history_wrap .history_item .cont{flex: 1 1;}
.history_wrap .history_item .cont .timeline{display: flex;padding-bottom: 2.5rem;margin-bottom: 2.5rem;border-bottom: 1px solid var(--gray-100, #E5E5E5);gap: 20px;}
.history_wrap .history_item .cont .timeline .year{font-size: 1.625rem;font-weight: 700;letter-spacing: -0.26px;text-transform: uppercase;}
.history_wrap .history_item .cont .timeline .event{display: flex;gap: 20px;line-height: 140%;}
.history_wrap .history_item .cont .timeline .event + .event {margin-top: 20px;}
.history_wrap .history_item .cont .timeline .event-date{font-size: 1.625rem;font-weight: 700;letter-spacing: -0.26px;word-break: keep-all;} 
.history_wrap .event-desc{color: var(--gray-700, #4D4D4D);font-size: 1.25rem;font-weight: 500;letter-spacing: -0.0125rem;line-height: 140%;word-break: keep-all;}


@media screen and (max-width:1500px) {
  .history_wrap .history_item .img_area {height:fit-content}
  .history_wrap .history_item .img_area img{height: auto;}
}

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

  .history_wrap .history_item .year_area{width: 100%;}
  .history_wrap .history_item .cont{width: 100%;}
}

@media screen and (max-width:768px) {
  .history_wrap .history_item{flex-direction: column;gap: 3.125rem;}
  .history_wrap .history_item .img_area{width: 100%;height: 500px;position: relative;}
  .history_wrap .history_item .img_area img{object-position: bottom center;position: absolute;left: 0;bottom: -15%;min-height: calc(100% + 15%);}
  .history_wrap .history_item .year_area{padding: 2.5rem;}
  .history_wrap .history_item .year_area h3{font-size: 1.625rem;}
  .history_wrap .history_item .year_area .year_text{font-size: 2.5rem;}
  .history_wrap .history_item .cont .timeline .year,
  .history_wrap .history_item .cont .timeline .event-date{font-size: 1.125rem;}
  .history_wrap .event-desc{font-size: 1rem;}
  .history_wrap .history_item .img_area{width: 100%;height: 25rem;}
}

/* 회사소개 > 관계사 현황 */
.overview_info{border-radius: 1.875rem;background: url(../../images/sub/bg_overview.png) no-repeat center;background-size: cover;padding: 5.625rem 5.625rem 14.75rem 5.625rem;margin-bottom: 5rem;}
.overview_info h4{color: #FFF;text-align: center;font-size: 1.875rem;font-weight: 600;line-height: 140%;letter-spacing: -0.075rem;}
.overview_area{display: flex;flex-direction: column;gap: 83px;align-items: center;max-width: 890px;margin: auto;width: 100%;}
.overview_area .elc_area{background: url(../../images/sub/bg_overview02.svg) no-repeat center #fff;display: flex;justify-content: center;align-items: center;width: 100%;height: 367px;position: relative;}
.overview_area .elc_area:after{content: '';height: 83px;width: 5px;background: #DF414E;position: absolute;bottom: -83px;left: 50%;transform: translateX(-50%);}
.overview_area .elc_area img{max-width: 412px;width: 80%;}
.overview_area .suhwoo_area{display: flex;width: 100%;}
.overview_area .suhwoo_area .item{padding: 1.875rem 7.5rem;border-radius: 2.5rem;border: 1px solid var(--Primary, #DF414E);display: flex;align-items: center;width: calc(100% - 150px);background: #fff;}
.overview_area .suhwoo_area img{max-width: 80%;}
.overview_area .suhwoo_area .btn{display: flex;align-items: center;justify-content: center;border-radius: 2.5rem;background: url(../../images/sub/ico_link02.svg) no-repeat center #DF414E;width: 150px;height: 150px;text-indent: -9999px;transition: all 0.5s;flex-shrink: 1;}
.overview_area .suhwoo_area .btn:hover{transform: translateY(-8px);}

@media screen and (max-width:1024px) {
  .overview_area .elc_area{background-size: 100%;aspect-ratio:221 / 92;height: auto;}
  .overview_area .suhwoo_area .item{padding: 1.875rem 3.125rem;width: calc(100% - 130px);}
  .overview_area .suhwoo_area .btn{width: 130px;height: 130px;}
}

@media screen and (max-width:768px) {
  .overview_info{padding: 3.125rem 1.875rem 5rem 1.875rem;}
  .overview_info h4{font-size: 1.25rem;word-break: keep-all;}
  .overview_info h4 br{display: none;}

  .overview_area{gap: 60px;}
  .overview_area .elc_area:after{height: 60px;bottom: -60px;}
  .overview_area .elc_area img{max-width: 200px;}

  .overview_area .suhwoo_area .item{width: calc(100% - 80px);border-radius: 1.5rem;padding: 1.875rem;height: 80px;}
  .overview_area .suhwoo_area .btn{width: 80px;height: 80px;border-radius: 1.5rem;background-size: 1.25rem;}
}




/* 회사소개 > 윤리경영 */
.intro_area{display: flex;}
.intro_area .intro_txt{width: 59.15%;padding: 3.75rem;border-radius: 30px;background: var(--gray-50, #F8F8F8);font-size: 1.875rem;font-weight: 700;line-height: 140%;letter-spacing: -1.2px;word-break: keep-all;}
.intro_area .intro_img{width:40.85%;background: #eee;border-radius: 30px;height: 344px;}
.intro_area .intro_img.ethics_bg{background: url(../../images/sub/img_ethics.png) no-repeat;background-size: cover;}
.ethics_list > li + li{margin-top: 2.5rem;}
.ethics_list li .tab_tit{font-size: 1.25rem;font-weight: 600;line-height: 140%;letter-spacing: -0.8px;margin-bottom: .625rem}
.ethics_list li .desc{color: var(--gray-700, #4D4D4D);font-size: 1.125rem;font-weight: 500;line-height: 140%;letter-spacing: -0.72px;}

@media screen and (max-width:768px) {
  .intro_area{flex-direction: column-reverse;}
  .intro_area .intro_img{height: 15.625rem;}
  .intro_area .intro_txt{width:100%;padding: 2.5rem 1.875rem;font-size: 1.25rem;}
  .intro_area .intro_img{width: 100%;}
  .ethics_list li .tab_tit{font-size: 1rem;}
  .ethics_list li .desc{font-size: .9375rem;}
}

/* 회사소개 > 오시는길 */
.location_wrap{display: flex;flex-direction: column;gap: 2.5rem;}
.location_wrap .location_item{display: flex;}
.location_wrap .location_item .txt{border-radius: 30px;background: var(--gray-50, #F8F8F8);padding:3.75rem;width: 40.85%;}
.location_wrap .location_item .txt .title{font-size: 1.875rem;font-weight: 700;line-height: 160%;letter-spacing: -1.2px;margin-bottom: .625rem;}
.location_wrap .location_item .txt .desc{color: var(--gray-700, #4D4D4D);font-size: 1.5rem;font-weight: 500;line-height: 170%;letter-spacing: -0.96px;}
.location_wrap .location_item .txt .laca_info{display: flex;gap: 2.5rem;margin-top: 2.5rem;}
.location_wrap .location_item .txt .laca_info li{display: flex;gap: 10px;align-items: center;color: var(--gray-700, #4D4D4D);font-size: 1.125rem;font-weight: 500;line-height: 170%;letter-spacing: -0.72px;}
.location_wrap .location_item .txt .laca_info .ico.tel{background: url(../../images/sub/ico_tel.svg) no-repeat center;width:17px;height: 17px;}
.location_wrap .location_item .txt .laca_info .ico.fax{background: url(../../images/sub/ico_fax.svg) no-repeat center;width:20px;height: 20px;}
.location_wrap .location_item .map{height: 410px;border-radius: 30px;overflow: hidden;width:59.15%}
.location_wrap .location_item .map iframe{width:100%;height:100%;}

@media screen and (max-width:1420px) {
  .location_wrap .location_item .txt .laca_info{flex-direction: column;gap: .9375rem;}
}

@media screen and (max-width:1024px) {
  .location_wrap .location_item .txt{padding: 2.5rem;}
  .location_wrap .location_item .txt .title{font-size: 1.625rem;}
  .location_wrap .location_item .txt .desc{font-size: 1.25rem;}
}

@media screen and (max-width:768px) {
  .location_wrap .location_item{flex-direction: column;}
  .location_wrap .location_item .txt{width: 100%;}
  .location_wrap .location_item .map{width: 100%;height: 21.875rem;}
  .location_wrap .location_item .txt .title{font-size: 1.25rem;}
  .location_wrap .location_item .txt .desc{font-size: 1rem;}
}

/* 회사소개 > 제보하기 */
.intro_area .intro_img.report_bg{background: url(../../images/sub/img_report.png) no-repeat;background-size: cover;}
.report .red{color: #BA797F;font-size: 1.125rem;font-weight: 500;line-height: 140%;letter-spacing: -0.72px;}
.report .desc_wrap{display: flex;justify-content: space-between;gap:20px ;}
.report .intro_area{margin-bottom: 3.125rem;}
.report .desc_wrap .desc_item{flex: 1 1;background: #fff;border-radius: 20px;padding:1.875rem}
.report .desc_wrap .desc_item .desc_caption{font-size: 1.25rem;font-weight: 600;line-height: 140%;letter-spacing: -0.8px;}
.report .desc_wrap .desc_item .dot_list{margin-top: .625rem;color: var(--gray-700, #4D4D4D);font-size: 1.125rem;line-height: 160%;letter-spacing: -0.72px;} 
.report .btn-wrap{display: flex;justify-content: flex-end;margin-top: 2.5rem;}
.report_btn{display: flex;padding: 1.625rem 4.375rem;gap: 30px;align-items: center;border-radius: 20px;background: var(--Primary, #DF414E);color: #fff;font-size: 1.375rem;font-weight: 600;line-height: 100%;letter-spacing: -0.88px;}
.report_btn:after{content: '';background: url(../../images/sub/ico_arrow02.svg) no-repeat
  center;width:25px;height:15px}
.report_write {display: flex;gap: 150px;}
.report_write .txt{border-radius: 30px;border: 1px solid var(--gray-150, #D9D9D9);background: url(../../images/sub/img_report02.png) no-repeat center;background-size: cover;padding: 3.75rem;width:32.39%}
.report_write .txt p{color: var(--gray-0, #FFF);font-size: 1.375rem;font-weight: 600;line-height: 140%;letter-spacing: -0.88px;}
.report_write .write_area{width:57.04%}
.report_write .write_area .item{display: flex;}
.report_write .write_area .item + .item{margin-top: 10px;}
.report_write .write_area .item .title{width:160px;color: var(--gray-800, #262626);font-size: 1.25rem;font-weight: 600;line-height: 160%;letter-spacing: -0.8px;}
.report_write .write_area .item .title label{display: flex;align-items: center;gap: 10px;}
.report_write .write_area .item .title .red{background: url(../../images/sub/ico_required.svg) no-repeat center;width: 11px;height: 12px;text-indent: -9999px;}
.report_write .write_area .item .cont{flex: 1;}
.report_write .write_area .item .cont_bg{border-radius: 10px;background: #F5F5F5;padding:.9063rem 1.25rem }
.report_write .write_area .item select{padding: .9375rem 1.25rem;border-radius: 10px;background: url(../../images/sub/ico_select_arrow.svg) no-repeat center right 20px #F5F5F5;width:100%;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.report_write .write_area .item select::-ms-expand {display: none}
.report_write .write_area .item textarea{resize: none;padding: .9375rem 1.25rem;border-radius: 10px;background: #f5f5f5;height: 250px;border: none;width:100%}
.report_write .write_area .file-box{display: flex;gap: 10px;}
.report_write .write_area .file-box input[type="text"]{background: #f5f5f5;border-radius: 10px;padding: .9375rem 1.25rem;font-size: 1.125rem;font-weight: 500;letter-spacing: -0.72px;flex: 1;border: 0;}
.report_write .write_area .file-box input::placeholder{color: var(--gray-450, #8C8C8C);}
.report_write .write_area .file-box .file-upload{display: none;}
.report_write .write_area .file-box .file-label{border-radius: 10px; background:url(../../images/sub/ico_search02.svg) no-repeat center var(--gray-800, #333);text-indent: -9999px;width:120px}
.bo_privacy{margin-top: 4.375rem;}
.bo_privacy .title{font-size: 1.25rem;font-weight: 600;line-height: 140%;letter-spacing: -0.8px;margin-bottom: 1.25rem;}
.bo_privacy .agr_content{background: #fff;padding:1.875rem;border-radius: 20px;height: 290px;overflow-y: auto;}
.bo_privacy .agr_content .gray_txt{color: var(--gray-700, #4D4D4D);font-size: 1.125rem;font-weight: 500;line-height: 160%;letter-spacing: -0.72px;}
.bop_check{font-weight: 300;line-height: 140%;letter-spacing: -0.64px;margin-top: 1.25rem;}
.prevent input[type="text"]{margin: .625rem 0;}

@media screen and (max-width:1200px) {
  .report_write{gap: 3.125rem;}
}

@media screen and (max-width:1024px) {
  .report_write{flex-direction: column;}
  .report_write .txt{width: 100%;padding: 3.75rem 3.75rem 8rem 3.75rem;}
  .report_write .write_area{width: 100%;}
}

@media screen and (max-width:768px) {
  .report .red{font-size: 1rem;}
  .report .desc_wrap{flex-direction: column;}
  .report_btn{font-size: 1.0625rem;padding: 1.25rem 1.875rem;border-radius: 1.25rem;}
  .report_btn:after{background-size: 20px;width: 20px;}
  .report_write .write_area .item .title{width: 100px;}
  .report_write .txt{padding: 2.5rem 2.5rem 8rem 2.5rem;}
  .report_write .txt p{font-size: 1.125rem;}
  .report_write .write_area .item textarea{height: 200px;}
  .report_write .write_area .file-box input[type="text"]{font-size: .9375rem;}
  .bo_privacy .title{font-size: 1.125rem;margin-bottom: .625rem;}
  .bo_privacy .agr_content .gray_txt{font-size: .9375rem;}
  .report_write .write_area .file-box .file-label{width: 50px;background-size: 15px;}
  .report_write .write_area .item .cont{flex: 1 1;width: calc(100% - 100px);}
}

/**벨리데이션 텍스트**/
.report_write .alert { margin-top:0.625rem; color: var(--gray-500, #949494); line-height: 1.4; } 
.report_write .alert.alert-warning , .board label.error { color: #EA9090; line-height: 1.4; font-size: 0.875rem; } 
.report_write label.error::before { content: "*"; display: inline-block; padding-top: 3px;}
.report_write label.error {margin-top:0.625rem; } 

/* 특허현황 > 인증현황 */
.cert_wrap{display: flex;flex-wrap: wrap;gap: 40px 20px;}
.cert_wrap .item{width:calc(50% - 10px)}
.cert_wrap .item a{display: block;}
.cert_wrap .item .title{padding:1.875rem 3.125rem;display: flex;justify-content: space-between;align-items: center;border-radius: 30px;background: #F0F0F0;color: var(--gray-900, #1A1A1A);font-size: 1.625rem;font-weight: 700;line-height: 140%;letter-spacing: -1.04px;}
.cert_wrap .item .title span{display: flex;border-radius: 30px;border: 2px solid #FFF;background: var(--gray-0, #FFF);padding:1.125rem 1.25rem;gap: 10px;color: var(--gray-700, #4D4D4D);font-weight: 500;line-height: 100%;letter-spacing: -0.64px;font-size: 1rem;margin-left: auto;transition: all 0.3s;}
.cert_wrap .item .title span:after{content: '';background: url(../../images/sub/ico_red_arrow.svg) no-repeat center;width:22px;height: 14px;transition: all 0.3s;}
.cert_wrap .item a:hover .title span{background: var(--primary);color: #fff;}
.cert_wrap .item a:hover .title span:after{background: url(../../images/sub/ico_arrow_active.svg);}
.cert_wrap .item .bg{border-radius: 30px;background: #D9D9D9;height:344px}
.cert_wrap .item.item01 .bg{background: url(../../images/sub/img_tech01.png) no-repeat;background-size: cover;}
.cert_wrap .item.item02 .bg{background: url(../../images/sub/img_tech02.png) no-repeat;background-size: cover;}
.cert_wrap .item.item03 .bg{background: url(../../images/sub/img_tech03.png) no-repeat;background-size: cover;}
.cert_wrap .item.item04 .bg{background: url(../../images/sub/img_tech04.png) no-repeat;background-size: cover;}
.pswp{z-index: 999999999;}

@media screen and (max-width:1024px) {
  .cert_wrap{flex-direction: column;}
  .cert_wrap .item{width: 100%;}
}

@media screen and (max-width:768px) {
  .cert_wrap .item .title{font-size: 1.25rem;padding: 1.25rem 1.875rem;}
  .cert_wrap .item .bg{height: 250px;}
}


.patents_board.board .board_top{display: none;}
.patents_board.board .gallery_list.list_row4{border-top: 0;border-bottom: 0;gap: 3.75rem 5.625rem;}
.patents_board.board .gallery_list li > a .img{border-radius: 20px;overflow: hidden;border: 1px solid var(--gray-100, #E5E5E5);position: relative;}
.patents_board.board .gallery_list li .info .title{text-align: center;font-size: 1.25rem;font-weight: 500;color: var(--gray-900, #1A1A1A);line-height: 140%;letter-spacing: -0.8px;word-wrap: break-word;}
.patents_board.board .gallery_list li > a .img:after{content: '';width:100px;height: 100px;border-radius: 50%;background: url(../../images/sub/ico_down.svg) no-repeat center #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;opacity: 0;z-index: 5;}
.patents_board.board .gallery_list li > a:hover .img:after{opacity: 1;}
.patents_board.board .gallery_list li > a .img::before{content: '';display: block;width:100%;height:100%;background: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.3s;z-index: 3;}
.patents_board.board .gallery_list li > a:hover .img::before{opacity: 1;}

.notice_board thead{display: none;}
.notice_board .search_form{display: none;}
.notice_board.board .board_table tbody td.list-num{color:var(--gray-350, #A6A6A6);font-weight: 600;letter-spacing: -0.88px;}
.notice_board.board .board_table .list-name,
.notice_board.board .board_table .list-view{display: none;}
.notice_board.board .board_table .list-date{color: var(--gray-500, #808080);width:8rem}


/* 기술자료 */
.board .download_list li{border: none;background: var(--gray-50, #F8F8F8);}
.board .download_list li a.download{width:50px;height: 50px;border-radius: 50%;text-indent: -9999px;background: url(../../images/sub/ico_down.svg) no-repeat center #000;background-size: 21px;bottom: -15px;}
.board .download_list .date{color: var(--gray-500, #808080);font-weight: 500;margin-top: 2.1875rem;}
.board .download_list li .tit_box .tit {
  font-size: 1.375rem;
  line-height: 1.5;          
  height: calc(1.375rem * 1.5 * 2);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-weight: 600;
}
.board .download_list li{padding-top: 0;}
.board .download_list li .tit_box{margin: 2.5rem 2.5rem  4rem  2.5rem;position: relative;}
.full_width.report_write .write_area .item .title{width:200px}
.full_width.report_write .write_area  input[type="text"],
.form-control{background: #f5f5f5;border-radius: 10px;padding: .9375rem 1.25rem;font-size: 1.125rem;font-weight: 500;letter-spacing: -0.72px;flex: 1;border: 0;max-width:100%;height: auto;}
.full_width.report_write .write_area .email_area{display: flex;align-items: center;gap:5px}
.full_width.report_write .write_area .email_area input{max-width:260px;font-size: 1rem;}
.full_width.report_write .write_area select{height: auto;width:243px}

@media screen and (max-width:768px){
  .full_width.report_write .write_area .item .title{width: 100px;}
  .full_width.report_write .write_area .email_area{flex-wrap: wrap;}
  .full_width.report_write .write_area select{width: 100%;}
}
@media screen and (max-width:640px){
  .board .btn-wrap{align-items: flex-end;}
}

/*-- iris100--*/
.mt60{margin-top: 3.75rem !important;}
.mt30{margin-top: 1.875rem !important;}
.no-border{border: 0 !important;padding-top: 0 !important;}
.img_harf{display: flex;align-items: center;gap: 3.125rem;justify-content: center;}
.border_gray td,
.two_td_gray td{color: var(--gray-650, #595959);font-weight: 500;}
.border_gray td strong,
.two_td_gray td strong{color: #000;font-weight: 600;}
.right_border td{border-right: 1px solid var(--gray-150, #D9D9D9);}
.right_border td:last-child{border-radius: 0;}


/* 특허현황 */
.board .gallery_list.patents_list li .info .title{text-align: center;font-size: 1.25rem;font-weight: 500;line-height: 140%;letter-spacing: -0.8px;color: #1A1A1A;}
.board.gallery_download .gallery_list.patents_list a.a_download::before{width:100px;height: 100px;border-radius: 50%;text-indent: -9999px;background: url(../../images/sub/ico_down.svg) no-repeat center #000;}

/* 로그인 */
.login_wrap{padding: 10rem 0;width: calc(100% - 40px);}


/* ── 공시 ── */
   .dart {
       font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
       font-size: 14px; color: #333;  
   }
   
   /* ── 헤더 ── */
   .dart .d-header {
       display: flex; justify-content: space-between; align-items: center;
       padding: 14px 24px; background: #fff; border-bottom: 2px solid #e0e0e0;
   }
   .dart .d-header__title { font-size: 20px; font-weight: 800; color: #111; letter-spacing: -0.5px; }
   .dart .d-header__logo  { height: 34px; }
   
   /* ── 본문 래퍼 ── */
   .dart .d-wrap {  margin: 20px auto; padding: 0 16px; }
   
   /* ── 검색박스 ── */
   .dart .search-box {
       background: #fff; border: 1px solid #ccc; border-radius: 8px;
       padding: 14px 16px; margin-bottom: 12px;
       display: flex; flex-direction: column; gap: 10px;
   }
   
   /* 기간 행 */
   .dart .row-date {
       display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap;
   }
   .dart .s-label { font-weight: 700; font-size: 13px; color: #222; flex-shrink: 0; white-space: nowrap; }
   .dart .date-inner { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; }
   .dart input[type="date"] {
       padding: 5px 7px; border: 1px solid #ddd; border-radius: 4px;
       height: 34px; font-size: 13px; font-family: inherit; color: #333; cursor: pointer;
   }
   .dart input[type="date"]:focus { outline: none; border-color: #1a66d4; }
   .dart .date-sep { color: #aaa; font-size: 14px; }
   
   /* 빠른 기간 버튼 */
   .dart .qbtns { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
   .dart .q-btn {
       padding: 10px 11px; border: 1px solid #ddd; border-radius: 4px; background: #fff;
       font-size: 12px; color: #555; cursor: pointer; font-family: inherit; white-space: nowrap; transition: all 0.15s;
   }
   .dart .q-btn:hover, .dart .q-btn.on { background: #1a66d4; color: #fff; border-color: #1a66d4; }
   .dart .sel-more {
       padding: 3px 7px; border: 1px solid #ddd;font-size: 12px;
       height: 34px; cursor: pointer; font-family: inherit; background: #fff; color: #555;
   }
   
   /* 최종보고서 체크 + 필터 묶음 행 */
   .dart .row-filter {
       display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap;
   }
   .dart .chk-last {
       display: flex; align-items: center; gap: 5px; font-size: 13px;
       cursor: pointer; white-space: nowrap; padding: 6px 0; flex-shrink: 0;
   }
   .dart .chk-last input { cursor: pointer; accent-color: #1a66d4; width: 15px; height: 15px; }
   
   /* 필터 그리드 */
   .dart .filter-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; flex: 1; }
   .dart .f-item {
       display: flex; align-items: center; justify-content: center;
       font-size: 12px; color: #555; padding: 8px 4px; border: 1px solid #ddd;
       border-radius: 4px; background: #fafafa; cursor: pointer;
       transition: all 0.15s; user-select: none; text-align: center;
   }
   .dart .f-item:hover  { border-color: #1a66d4; color: #1a66d4; background: #f0f4ff; }
   .dart .f-item.is-checked { border-color: #1a66d4; background: #eef3ff; color: #1a66d4; font-weight: 700; }
   
   /* ── 안내 문구 ── */
   .dart .info-bar { font-size: 12px; color: #666; margin-bottom: 1.875rem; display: flex; align-items: center; gap: 4px; }
   .dart .info-bar .ico { color: #1a66d4; }
   
   /* ── 로딩바 ── */
   .dart .loading-bar { height: 3px; background: #e8edf5; border-radius: 2px; margin-bottom: 8px; overflow: hidden; display: none; }
   .dart .loading-bar.show { display: block; }
   .dart .loading-bar__fill { height: 100%; background: #1a66d4; animation: dartProg 1s ease-in-out infinite; }
   @keyframes dartProg {
       0%   { width: 0%;  margin-left: 0%; }
       50%  { width: 55%; margin-left: 22%; }
       100% { width: 0%;  margin-left: 100%; }
   }
   
   /* ── 툴바 ── */
   .dart .toolbar {
       display: flex; justify-content: space-between; align-items: center;
       margin-bottom: 8px; flex-wrap: wrap; gap: 8px;
   }
   .dart .cnt-wrap { display: flex; align-items: center; gap: 7px; font-size: 13px; color: #444; }
   .dart .cnt-wrap select {
       padding: 3px 8px; border: 1px solid #ccc; border-radius: 4px;
       font-size: 13px; height: 30px; font-family: inherit; cursor: pointer;
   }
   .dart .sort-wrap { display: flex; gap: 5px; }
   .dart .sort-btn {
       padding: 4px 13px; border: 1px solid #ccc; border-radius: 4px; font-size: 12px;
       color: #555; background: #fff; cursor: pointer; white-space: nowrap; transition: all 0.15s;
       display: inline-flex; align-items: center; gap: 3px; text-decoration: none;
   }
   .dart .sort-btn:hover { border-color: #1a66d4; color: #1a66d4; }
   .dart .sort-btn.on    { background: #333; color: #fff; border-color: #333; }
   
   /* ── 결과 영역 ── */
   .dart .result-wrap { position: relative; }
   .dart .result-wrap.loading { opacity: 0.35; pointer-events: none; }
   
   /* ── 에러 박스 ── */
   .dart .err-box {
       padding: 14px; background: #fff3f3; border: 1px solid #fcc;
       border-radius: 6px; font-size: 13px; color: #c00;
   }
   
   /* ── 테이블 ── */
   .dart .board-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
   .dart .board { width: 100%; border-top: 2px solid #222; border-collapse: collapse; min-width: 540px; }
   .dart .board th {
       padding: 10px 8px; background: #f5f6f8; border-bottom: 1px solid #ccc;
       font-size: 13px; font-weight: 700; text-align: center; white-space: nowrap; color: #333;
   }
   .dart .board td {
       padding: 9px 8px; border-bottom: 1px solid #e8e8e8;
       font-size: 13px; color: #444; text-align: center; vertical-align: middle;
   }
   .dart .board .td-l { text-align: left; }
   .dart .board tr:hover td { background: #f7faff; }
   .dart .corp-tag {
       display: inline-flex; align-items: center; justify-content: center;
       width: 20px; height: 20px; color: #fff; font-size: 11px; font-weight: 700;
       border-radius: 3px; margin-right: 4px; flex-shrink: 0; vertical-align: middle;
   }
   .dart .rpt-link { color: #004499; text-decoration: none; font-weight: 500; }
   .dart .rpt-link:hover { text-decoration: underline; }
   .dart .xbrl-badge {
       display: inline-block; padding: 2px 5px; background: #f39c12; color: #fff;
       font-size: 11px; border-radius: 3px; margin-left: 4px; font-weight: 700; vertical-align: middle;
   }
   .dart .rm-tag {
       display: inline-flex; align-items: center; justify-content: center;
       width: 20px; height: 20px; color: #fff; font-size: 11px; font-weight: 700; border-radius: 3px;
   }
   .dart .empty-msg { padding: 50px 0; text-align: center; color: #999; font-size: 14px; }
   
   /* ── 카드뷰 (모바일) ── */
   .dart .board-cards { display: none; }
   .dart .card-item {
       background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 13px; margin-bottom: 8px;
   }
   .dart .card-no    { font-size: 11px; color: #bbb; margin-bottom: 4px; }
   .dart .card-head  { display: flex; justify-content: space-between; align-items: flex-start; gap: 6px; margin-bottom: 6px; }
   .dart .card-corp  { display: flex; align-items: center; font-size: 13px; font-weight: 700; gap: 4px; }
   .dart .card-title { font-size: 13px; margin-bottom: 7px; line-height: 1.5; }
   .dart .card-meta  { display: flex; justify-content: space-between; font-size: 12px; color: #888; flex-wrap: wrap; gap: 4px; }
   
   /* ── 페이징 ── */
   .dart .pg-wrap {
       margin-top: 14px; display: flex; justify-content: space-between;
       align-items: center; flex-wrap: wrap; gap: 8px;
   }
   .dart .pg-sp  { width: 90px; }
   .dart .pg     { display: flex; gap: 3px; justify-content: center; flex-wrap: wrap; flex: 1; }
   .dart .pg a, .dart .pg strong {
       display: inline-flex; align-items: center; justify-content: center;
       min-width: 30px; height: 30px; padding: 0 5px; border: 1px solid #ddd;
       text-decoration: none; font-size: 13px; color: #555; border-radius: 3px; cursor: pointer; transition: all 0.15s;
   }
   .dart .pg strong  { background: #1a66d4; color: #fff; border-color: #1a66d4; font-weight: 700; }
   .dart .pg a:hover { background: #f0f4ff; border-color: #1a66d4; color: #1a66d4; }
   .dart .pg-info    { font-size: 12px; color: #888; white-space: nowrap; }
   
   /* ── 하단 범례 ── */
   .dart .legends { margin-top: 18px; display: flex; flex-direction: column; gap: 10px; padding-bottom: 30px; }
   .dart .leg-card { background: #fff; border: 1px solid #d9e0ea; border-radius: 8px; padding: 14px 18px; }
   .dart .leg-card__title { font-weight: 700; font-size: 13px; color: #111; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #eee; }
   .dart .leg-grid { display: flex; flex-wrap: wrap; gap: 10px 22px; }
   .dart .leg-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #444; }
   .dart .leg-tag {
       display: inline-flex; align-items: center; justify-content: center;
       width: 22px; height: 22px; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 700; flex-shrink: 0;
   }
   
   /* ── 반응형: 태블릿 (≤900px) ── */
   @media (max-width: 900px) {
       .dart .d-header { padding: 12px 16px; }
       .dart .d-header__title { font-size: 17px; }
       .dart .d-wrap { padding: 0 12px; margin: 14px auto; }
       .dart .filter-grid { grid-template-columns: repeat(4, 1fr);width: 100%;}
       .dart .board th.col-no,  .dart .board td.col-no,
       .dart .board th.col-flr, .dart .board td.col-flr { display: none; }
   }
   
   /* ── 반응형: 모바일 (≤600px) ── */
   @media (max-width: 600px) {
       .dart .d-header { padding: 10px 12px; }
       .dart .d-header__title { font-size: 15px; }
       .dart .d-header__logo  { height: 24px; }
       .dart .d-wrap { padding: 0 10px; margin: 10px auto; }
       .dart .search-box { padding: 12px; gap: 10px; }
       .dart .row-date { flex-direction: column; align-items: flex-start; }
       .dart .date-inner { width: 100%; }
       .dart input[type="date"] { flex: 1; min-width: 130px; }
       .dart .qbtns { width: 100%; }
       .dart .q-btn  { flex: 1; text-align: center; padding: 5px 4px; }
       .dart .sel-more { flex: 1; }
       .dart .row-filter { flex-direction: column; gap: 8px; }
       .dart .filter-grid { grid-template-columns: repeat(2, 1fr); }
       .dart .toolbar { flex-direction: column; align-items: flex-start; }
       .dart .sort-wrap { flex-wrap: wrap; }
       .dart .board-table { display: none; }
       .dart .board-cards { display: block; }
       .dart .pg-sp   { display: none; }
       .dart .pg-wrap { justify-content: center; }
       .dart .pg-info { width: 100%; text-align: center; }
   }
   
   @media (max-width: 360px) {
       .dart .filter-grid { grid-template-columns: repeat(2, 1fr); }
       .dart .f-item { font-size: 11px; padding: 5px 3px; }
   }

/* 특허*/
.board .gallery_list li .info .title .category{display: none;}
.board .gallery_list li > a .img{border-radius: 1.25rem;border: 1px solid var(--gray-100, #E5E5E5);
  background: #eee;}
.board.gallery_download .gallery_list a.a_download::after{border-radius: 1.25rem;}

.board .download_list li .tit_box .titf{font-weight: 500 !important;}


.product_area .item {
  cursor: pointer;
}

/* PC hover */
@media (hover: hover) and (pointer: fine) {
  .product_area .item:hover img {
    transform: scale(1.05);
  }

  .product_area .item:hover .txt {
    transform: translateY(-100%);
    background: #fff;
    padding: 1.875rem 0;
    position: relative;
    z-index: 5;
  }

  .product_area .item:hover .img::before {
    opacity: 0.4;
  }
}


/* 모션 */
.motion_industry_wrap{margin-top: 5rem;}
.motion_industry_wrap h4{border-radius: 30px;
background: #000;color: var(--gray-0, #FFF);
font-size: 1.25rem;font-weight: 700;line-height: 100%;padding: 1.25rem 2.5rem;display: inline-flex;margin-bottom:1.25rem;}
.motion_industry_wrap table{text-align: center;}
.motion_industry_wrap .ico_wrap{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: .625rem;}
.motion_industry_wrap .ico_wrap span{color: var(--gray-000, #000);text-align: center;font-size: 1.125rem;font-weight: 600;letter-spacing: -0.72px;}

.motion_wrap table tbody td{text-align: left;}