/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1784162730
Updated: 2026-07-16 00:45:30

*/
/********************** main **********************/
/********************** main **********************/
/********************** main **********************/
/* main title common */
.main-title
{width: 100%;margin: 0 auto;}
.main-title h3
{font-size: 4.2rem;color: #111111;font-weight: 500;text-align: center;}
.main-title h4
{color: #000000; font-size: 2rem;font-weight: 400; padding-bottom: 3rem;text-align: center;display: flex;flex-direction: row;align-items: center;gap: 1rem;justify-content: center;}
.main-title h4::before
{content: '';display: block;min-width: 10px;min-height: 10px;border-radius: 100%;background-color: #7fbf1d;}

/* main 기술소개 */
#mainTech
{background: url(/wp-content/uploads/2026/07/logo-icon-bg.png) no-repeat right bottom;}
#mainTech .main-title
{padding-bottom: 7rem;padding-top: 6rem;}
.tech-accordion
{position: relative;display: flex;}
.tech-accordion .accordion
{padding: 0; margin: 0; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; gap: 2rem; }
.tech-accordion .accordion a.acco-tech
{background-color: #fff; max-height: 500px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; min-width: 220px; border-radius: 2rem; overflow: hidden; overflow: hidden;flex: 1 ;box-shadow: var(--box-shadow);box-shadow: 1px 5px 7px 7px #0000000d;transition: var(--transition1);}
/* default */
.tech-accordion .accordion a.acco-tech.active .acco-default
{display: none; opacity: 0; visibility: hidden;transition: opacity .5s ease-out, transform .5s ease-out, visibility .5s ease-out;}
.tech-accordion .accordion .acco-default
{border-radius: 0; min-height: 500px;border: none; cursor: pointer; outline: none; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; flex-direction: column;  transition: opacity .5s ease-out, transform .5s ease-out, visibility .5s ease-out;  opacity: 1; visibility: visible;padding: 6rem 3.5rem 6rem 4.5rem;justify-content: space-between;}
.default-title
{display: flex;flex-direction:row-reverse;gap: 1rem;}
.default-title .default-small-txt p
{writing-mode: sideways-rl;font-size: 2rem; font-weight: 500; text-transform: capitalize;color: #072f80;}
.default-title .default-big-txt p
{writing-mode: sideways-rl;font-size: 3.2rem; font-weight: 500;transition: var(--transition1);color: #000}
.default-view-more
{position: relative;}
.default-view-more p
{writing-mode: sideways-rl;font-size: 1.6rem; font-weight: 600; text-transform: capitalize;color: #000000;transition: var(--transition1)}
.default-view-more img.tech-arr
{margin: 1rem 0rem 0 -0.6rem ;transition: var(--transition1);bottom: 0;position: relative;}
/* hover */
.tech-accordion .accordion .acco-hover
{display: block!important; opacity: 0; visibility: hidden; white-space: nowrap; transform: translateY(20px);  transition: opacity .5s ease-out, transform .5s ease-out, visibility .5s ease-out;position: relative;}
.tech-accordion .accordion .hover-title-wrap
{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 3.5rem;}
.tech-accordion .accordion .acco-hover .hover-view-more
{display: flex;flex-direction: row;align-items: center;gap: 2rem;transition: opacity .5s ease-out, transform .5s ease-out, visibility .5s ease-out;  opacity: 0; visibility: hidden;}
.tech-accordion .accordion .acco-hover .hover-view-more p
{color: #fff;}
.tech-accordion .accordion .acco-hover .hover-title
{display: flex;flex-direction: row;align-items: flex-end;gap: 1rem;position: relative;}
.acco-hover .hover-title .hover-big-title p
{font-size: 3.6rem;font-weight: 600;color: #fff}
.acco-hover .hover-title .hover-small-title p
{font-size: 2rem;color: #aad6ff;font-weight: 500}
.tech-accordion a.acco-tech.active .acco-hover
{opacity: 1; visibility: visible; transition-delay: 0.1s; transform: translateY(0);padding: 6rem 5rem 5rem 5rem;overflow: hidden;}
.tech-accordion .accordion a.acco-tech.active
{width: 100%; flex-grow: 5; background: url(/wp-content/uploads/2026/07/tech-acco-bg.jpg) no-repeat center;background-size: cover;min-width: 760px;max-width: 760px;box-shadow: 1px 5px 7px 7px #0000000d}
.tech-accordion a.acco-tech.active .hover-con .hover-video
{width: 660px;height: 320px;border-radius: 2rem;overflow: hidden;background-color: #1B1F22;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.tech-accordion a.acco-tech.active .hover-con .hover-video video,
.tech-accordion a.acco-tech.active .hover-con .hover-video img
{height: auto;width: 85%;}
.tech-accordion a.acco-tech.acco-tech01.active .hover-con .hover-video
{background-color: #d3d3d3;}
.tech-accordion a.acco-tech.acco-tech03.active .hover-con .hover-video
{background-color: #B3B6C9;}
.tech-accordion a.acco-tech.acco-tech04.active .hover-con .hover-video img
{height: auto;width: 100%;}
/* hover event */
.tech-accordion .accordion .acco-default:hover .default-view-more p
{color: var(--main-color);}
.tech-accordion .accordion .acco-default:hover img.tech-arr
{bottom: -1rem;}
.tech-accordion .accordion  a.acco-tech:hover
{box-shadow: 1px 5px 10px 10px #0000001c;}
.tech-accordion .accordion .acco-hover:hover .hover-view-more
{opacity: 1; visibility: visible;}

/* main prd 제품소개 */
#mainPrd
{background: url(/wp-content/uploads/2026/07/main-prd-bg.jpg) no-repeat center;background-size: cover;position: relative;}
#mainPrd .main-title
{position: absolute;top: 145px;left: 50%;transform: translateX(-50%);width: 100%}
.main-prd-link-wrap
{width: 100vw;height: 100vh;display: flex;flex-direction: row;align-items: flex-start}
.main-prd-link-wrap a.main-prd-link
{width: calc(100%/3);height: 100vh;display: flex;  flex-direction: column;  align-items: center;  justify-content: flex-end;padding-bottom: 11.5rem;transition: var(--transition1);}
a.main-prd-link .main-prd-icon
{width: 300px;height: 300px;border-radius: 100%;background: #ffffff9a;display: flex;flex-direction: column;justify-content: center;align-items: center;backdrop-filter: blur(7px);box-shadow: 0 0 5px 7px #0000000d;box-shadow: 0 0 15px 13px #00000005;transition: var(--transition1);}
/* a.main-prd-link .main-prd-icon img{transition: var(--transition1);} */
a.main-prd-link .main-prd-name
{padding-top: 3.5rem}
a.main-prd-link .main-prd-name h5
{font-size: 3.6rem;color: #111111;font-weight: 500;padding-top: 2rem;text-align: center;}
a.main-prd-link .main-prd-name h6
{font-size: 2rem;font-weight: 500;color: #0c224e;text-transform: none;text-align: center;}
a.main-prd-link .main-prd-hover-view
{padding: 2.5rem 2rem;border-radius: 5rem;background-color: #fff;display: flex;flex-direction: row;align-items: center;gap: 1rem;justify-content: center;visibility: hidden;opacity: 0;transition: var(--transition1);height: 2rem;}
a.main-prd-link .main-prd-hover-view p
{font-size: 1.6rem;color: #111111;font-weight: 600;text-transform: capitalize;}
/* hover effect */
a.main-prd-link:hover .main-prd-hover-view
{visibility: visible;opacity: 1;margin-top: 5rem;height: 4.5rem;}
a.main-prd-link:hover
{background-color: #e8f2f9;}
a.main-prd-link:hover .main-prd-icon
{background: #106DB7;background:  linear-gradient(167deg,rgba(16, 109, 183, 1) 0%, rgba(8, 70, 154, 1) 52%, rgba(15, 24, 103, 1) 100%);}
a.main-prd-link:hover .main-prd-icon img
{filter: invert(100) brightness(100)}

/* main about  회사소개 */
#mainAbt
{background: url(/wp-content/uploads/2026/07/main-intro-bg.jpg) no-repeat center;background-size: cover;}
.main-abt-con-wrap
{display: flex;flex-direction: row;align-items: flex-start;}
#mainAbt .main-title
{display: flex;flex-direction: column;align-items: flex-start}
#mainAbt .main-title h3
{color: #fff;  line-height: 1.4;  text-align: left}
#mainAbt .main-title h4
{color: #fff;}
#mainAbt .main-title h4::before
{background-color: #fff;}
.main-abt-link-wrap
{display: flex;flex-direction: row;align-items: stretch;gap: 3rem;}
.main-abt-link-wrap a.main-abt-link
{width: 100%;min-width: 340px;min-height: 480px;border-radius: 2rem;background-color: #ffffffb9;padding: 6rem 4rem; display: flex;  flex-direction: column;  justify-content: space-between;transition: var(--transition2);}
a.main-abt-link .link-top-txt
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: flex-end;padding-bottom: 5rem;min-height: 12rem;}
a.main-abt-link .link-top-txt .main-abt-title{}
a.main-abt-link .link-top-txt .main-abt-title p
{font-size: 2.8rem;  font-weight: 500;  color: #111111;;}
a.main-abt-link .link-top-txt .main-abt-icon,
a.main-abt-link .link-top-txt .main-abt-icon img
{transition: var(--transition2);}
a.main-abt-link .main-abt-txt p
{font-size: 2rem;  font-weight: 400;  color: #111111;  line-height: 1.8;}
a.main-abt-link .main-abt-view
{display: flex;flex-direction: row;align-items: center;gap: 1rem;}
a.main-abt-link .main-abt-view p
{font-size: 1.6rem;  color: #111111;  font-weight: 700;}
a.main-abt-link .main-abt-view .main-abt-more-icon
{position: relative;transition: var(--transition1);}
a.main-abt-link .main-abt-view .main-abt-more-icon::after
{content: '';display: block;width: 45px;height: 30px;background: url(/wp-content/uploads/2026/07/more-icon3.png) no-repeat center;background-size: contain;position: absolute;left: 0;top: 0;visibility:hidden;opacity: 0;transition: var(--transition1);}
a.main-abt-link .main-abt-view .main-abt-more-icon img
{visibility: visible;opacity: 1;transition: var(--transition1);}
/* hover effect */
a.main-abt-link:hover .main-abt-more-icon::after
{visibility: visible;opacity: 1;}
a.main-abt-link:hover .main-abt-view .main-abt-more-icon img
{visibility:hidden;opacity: 0;}
a.main-abt-link:hover .main-abt-icon img
{filter: invert(100) brightness(100)}
a.main-abt-link:hover
{background: linear-gradient(167deg,#015692 0%, #093782 52%, #131470 100%);}
a.main-abt-link:hover .main-abt-title p,
a.main-abt-link:hover .main-abt-view p
{color: #fff;}
a.main-abt-link:hover .main-abt-txt p
{color: #dddddd;}

/* main support 고객지원 */
#mainSup{}
#mainSup .main-title
{padding-bottom: 7rem;padding-top: 6rem;}
.main-sup-wrap
{display: flex;flex-direction: row;align-items: stretch;background: url(/wp-content/uploads/2026/07/main-support-bg.jpg) no-repeat center;background-size: cover;border-radius: 2rem;overflow: hidden;}
.main-sup-wrap a.main-sup-link
{width: calc(100%/3);min-height: 500px;max-height: 500px;height: 100%;position: relative;display: flex;  flex-direction: column;align-items: center;  justify-content: center;transition: var(--transition1);}
.main-sup-wrap a.main-sup-link-1::after,
.main-sup-wrap a.main-sup-link-2::after
{content: '';display: block;width: 1px;height: 360px;background-color: #f7f7f7;position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: var(--transition2);}
a.main-sup-link .main-sup-title p
{font-size: 2.8rem;font-weight: 500;color: #fff;padding-bottom: 4.5rem;transition: var(--transition1);}
a.main-sup-link .main-sup-txt
{transition: var(--transition1)}
a.main-sup-link .main-sup-txt p
{font-size: 2rem;font-weight: 400;text-align: center;line-height: 1.8;transition: var(--transition1);color: #eeeeee;}
a.main-sup-link .main-sup-hover-view
{padding: 2.5rem 2rem;border-radius: 5rem;background-color: #fff;display: flex;flex-direction: row;align-items: center;gap: 1rem;justify-content: center;visibility: hidden;opacity: 0;transition: var(--transition2);}
a.main-sup-link .main-sup-hover-view p
{font-size: 1.6rem;color: #111111;font-weight: 600;text-transform: capitalize;}
/* hover effect */
a.main-sup-link:hover .main-sup-hover-view
{visibility: visible;opacity: 1;height: 4.5rem;}
a.main-sup-link:hover .main-sup-txt
{padding-bottom: 5rem;}
a.main-sup-link:hover .main-sup-title p
{color: #000000}
a.main-sup-link:hover .main-sup-txt p
{color: #484747;}
a.main-sup-link:hover
{background-color: #e6ecf3d5;backdrop-filter: blur(7px);}
.main-sup-wrap:has(.main-sup-link-1:hover) .main-sup-link-1::after
{visibility: hidden;opacity: 0;}
.main-sup-wrap:has(.main-sup-link-2:hover) .main-sup-link-1::after,
.main-sup-wrap:has(.main-sup-link-2:hover) .main-sup-link-2::after
{ visibility: hidden;opacity: 0;}
.main-sup-wrap:has(.main-sup-link-3:hover) .main-sup-link-2::after
{visibility: hidden;opacity: 0;}

/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/
.sub-content ul li:last-child{margin-bottom: 0!important;}

/* 회사개요 */
.com-top-txt-wrap
{margin-bottom: 10rem;}
.com-top-txt-wrap .com-top-title
{margin-bottom: 3rem;}
.com-top-txt-wrap .com-top-title p
{font-size: 4rem;  font-weight: 600;  text-align: left;line-height: 1.4;text-align: center; }
.com-top-txt-wrap .com-top-txt p
{font-size: 2.2rem;  font-weight: 400;  text-align: left;  line-height: 1.4;  color: #666;  word-break: keep-all;margin-bottom: 5px;text-align: center;}
.com-top-txt-wrap .com-top-txt p:last-child{margin-bottom: 0;}

.com-img-txt-wrap
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: flex-start;}
.com-img-txt-wrap .com-img
{width: 50%;  height: 50rem;  background:url(/wp-content/uploads/2026/09/sub-company-img01.jpg) no-repeat center;background-size: cover;  box-shadow: var(--box-shadow2);border-radius: 7rem 0;position: relative;}
/* .com-img-txt-wrap .com-img::after
{content: ''; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(/wp-content/uploads/2026/07/logo.png) no-repeat center;background-size: auto;width:186px;height: 58px;opacity: 0.1;} */

.com-img-txt-wrap .com-txt
{width:45%}
.com-img-txt-wrap .com-txt .company-table th,
.com-img-txt-wrap .com-txt .company-table td
{text-align: left;background-color: transparent!important;}
.com-img-txt-wrap .com-txt .company-table a.company-location-link
{display: flex;align-items: center;gap: 1rem;transition: var(--transition1);}
.com-img-txt-wrap .com-txt .company-table a.company-location-link i
{padding: 8px;font-size: 1.6rem;color: #fff;background-color: var(--text-color);border-radius: 3rem;}
.com-img-txt-wrap .com-txt .company-table a.company-location-link:hover
{color: var(--text-color);text-decoration: underline;font-weight: 500}

.sub-company-con .table-top
{margin-bottom: 3rem;}
.sub-company-con .table-top p
{font-size: 2.1rem;  font-weight: 600;display: flex;align-items: center;}
.sub-company-con .company-table td,
.sub-company-con .company-table td a
{color: #111;}

/* ceo 인사말 */
.sub-ceo-con-wrap{}
.sub-ceo-con-wrap .ceo-greeting-con
{display: flex;flex-direction: row;align-items: flex-start;justify-content:space-between;}
.sub-ceo-con-wrap .greeting-top
{margin-bottom: 6rem;display: block;width: 100%;}
.sub-ceo-con-wrap .greeting-top h2
{ font-size: 4.2rem;  font-weight: 500; line-height: 1.6;text-align: center;}
.sub-ceo-con-wrap .greeting-top h2 strong
{ font-size: 4.5rem;  font-weight: 800;color: var(--main-color);}
.sub-ceo-con-wrap .ceo-greeting-con .greeting-left
{width: 45%;}
.sub-ceo-con-wrap .ceo-greeting-con .greeting-left .greeting-img
{background: url(/wp-content/uploads/2026/09/ceo-bg.jpg) no-repeat center;background-size: cover;height: 60rem;border-radius: 2rem;box-shadow: var(--box-shadow2);}
.sub-ceo-con-wrap .ceo-greeting-con .greeting-right
{width: 50%;position: relative;}
.sub-ceo-con-wrap .ceo-greeting-con .greeting-right::before
{background: url(/wp-content/uploads/2026/07/logo-icon-bg.png) no-repeat; background-size:contain;content: '';position:absolute;right: -12.5rem;  bottom: -9.5rem;width: 500px;height: 200px;opacity: .8}
.sub-ceo-con-wrap .greeting-txt-con .txt-con p
{font-weight: 400;  line-height: 1.6;  margin-bottom: 2rem;  word-break: keep-all;color: #333}
.sub-ceo-con-wrap .greeting-txt-con .txt-con p strong
{color: var(--sub-color);font-size: 2rem;;}
.sub-ceo-con-wrap .greeting-txt-con .ceo-name
{display: flex;  flex-direction: column;  align-items: flex-end;}
.sub-ceo-con-wrap .greeting-txt-con .ceo-name p
{color: #000000;font-size: 2rem;font-weight: 600;}

/* 연혁 */
.sub-history-con{}
.sub-history-con .tab-content .sub-con-wrap
{margin-bottom: 6rem;  display: flex;  flex-direction: row;  align-items: stretch;border-top: 1px solid #7f7f7f;}
.sub-history-con .tab-content .sub-con-wrap:last-child
{margin-bottom: 0;}
.sub-history-con .history-txt
{ width: 100%;padding: 3rem;}
.sub-history-con .year
{width: 15%;border-right: 1px solid #959595;padding: 3rem;}
.sub-history-con .year h4
{color: var(--text-color); font-size: 3.5rem;font-weight: 800;position: relative;font-family: var(--font1);position: relative;display: flex;flex-direction: row;gap: 1rem;}
.sub-history-con .history-txt dl
{display: flex;  flex-direction: row;  align-items: baseline;  margin-bottom: 5rem;  gap: 2rem;}
.sub-history-con .history-txt dl:last-child
{margin-bottom: 0;}
.sub-history-con .history-txt dl dt
{min-width: 25rem;color: var(--text-color);  font-weight: 700;font-family: var(--font1);font-size: 1.9rem}
.sub-history-con .history-txt dl dd,
.sub-history-con .history-txt dl dd p
{color: #666;line-height: 1.7;font-weight: 400;font-size: 1.8rem;font-family: var(--font1);position: relative;padding-left: 1rem;}
.sub-history-con .history-txt dl dd p::before
{content: '';width: 5px;height: 5px;position: absolute;left: -5px;top: 50%;transform: translateY(-50%);background-color: #bdbdbd;border-radius: 100%;}

.link-wrap
{position: relative;}
.link-wrap .sub-con-wrap
{scroll-margin-top: 20rem;}
.detail-link
{display: flex;flex-direction: row;padding: 1rem;margin-bottom: 5rem;gap: 1rem;justify-content: center;position: sticky;  top: 11rem;  left: 0;  width: 100%;  z-index: 6;}
.detail-link ul
{border-radius: 5rem;background-color: var(--main-color);padding: 2rem 1rem;}
.detail-link a
{padding: 1rem 3rem;border-radius: 5rem;font-size: 1.7rem;font-weight: 500;color: #fff;background-color:  var(--main-color);transition: var(--transition1);}
.detail-link a.active_2
{background-color: #fff!important;color: var(--main-color);font-weight: 600;}


/* 조직도 */
.sub-group-con{}
.group-table-wrap
{display: flex;  flex-direction: column;  align-items: center;}
.group-table-wrap dl
{display: flex; flex-direction: column;  align-items: center;border: var(--border); min-width: 27rem;border-radius: 5px;}
.group-table-wrap dl dt
{font-weight: 600;  width: 100%;  text-align: center;color: #fff; border-bottom: var(--border);  padding: 2.5rem 1rem;text-transform: uppercase;font-size: 2rem;background-color: #194373;}
.group-table-wrap dl dd
{font-weight: 400;  width: 100%;  text-align: center; color: var(--text-color2);padding: 2.5rem 1rem;text-transform: uppercase;}
/* group-line */
.group-table-wrap .group-top
{margin-bottom: 10rem;position: relative;z-index: 1;}
.group-table-wrap .group-top::before
{height: 100%;width:0.1px;  background: #ddd;  content: '';  position: absolute;  z-index: -1;  bottom:-100%;  left: 50%;  transform: translate(-50%);z-index: -1;}
.group-table-wrap .group-bottom
{display: flex; flex-direction: row;  align-items: stretch;  gap: 4rem;position: relative;z-index: 1}
.group-table-wrap .group-bottom::before
{width: 82%;height: 0.1px;  background: #ddd;  content: '';  position: absolute;  z-index: -1;  top: -35%;  left: 50%;  transform: translate(-50%);z-index: -1;}
.group-table-wrap .group-bottom-line
{position: relative;z-index: 1;}
.group-table-wrap .group-bottom-line::before
{height: 37%;width:0.1px;  background: #ddd;  content: '';  position: absolute;  z-index: -1;  top:-36%;  left: 50%;  transform: translate(-50%);z-index: -1;}

/* 인증 특허 보유 현황 */
.sub-certification-con{}
.sub-certification-con .cer-boxes-title
{margin-bottom: 2rem;}
.sub-certification-con .cer-boxes-title h2
{font-size: 3.2rem;  font-weight: 700;word-break: keep-all;line-height: 1.4;position: relative;padding-left: 2rem;}
.sub-certification-con .cer-boxes-title h2::before
{content: '';width: 7px;height: 30px;background-color: var(--main-color);left: 0;top: 50%;transform: translateY(-50%);position: absolute;}
.sub-cer-boxes
{display: flex;  flex-direction: row;  flex-wrap: wrap;gap: 2rem;margin-bottom: 6rem}
.sub-cer-boxes a.sub-cer-box
{width: calc(100% / 5 - 2rem)}
.sub-cer-boxes a.sub-cer-box .cer-img
{width: 100%;  background: #fff;  height: auto;  border-radius: 1rem;  box-shadow: var(--box-shadow2);  border: var(--border);transition: var(--transition1);min-height: 37rem;overflow: hidden;}
/* .sub-cer-boxes a.sub-cer-box .cer-img::after
{content: '진행중'; font-size: 2rem;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  color: #ababab;height: 100%} */
.sub-cer-boxes a.sub-cer-box .cer-img img
{height: 100%}
.sub-cer-boxes a.sub-cer-box .cer-name
{padding: 2rem;}
.sub-cer-boxes a.sub-cer-box .cer-name p
{font-weight: 500;color: var(--text-color);font-size: 2rem;line-height: 1.3;  word-break: keep-all;text-align: center;}
.sub-cer-boxes a.sub-cer-box:hover .cer-img
{border: 1px solid #111;}

/* 오시는 길 */
.root_daum_roughmap .cont .section.lst{display: none;}
.load{border-radius: 1rem;}
.load .map{width: 100%;height: 50rem;}
.root_daum_roughmap .wrap_map{height: 100%!important}
.sub-location-con{}
.sub-loca-con{}
.sub-loca-con .load
{margin-bottom: 7rem;}
.add-title-wrap
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;margin-bottom: 4rem}
.add-title-wrap .add-title p
{font-size: 4rem;  font-weight: 600}
.add-title-wrap .add-title-link
{width: 30%;display: flex;flex-direction: row;align-items: center;gap: 1rem;}
.add-title-wrap .add-title-link a
{width: calc(100% / 2);  padding: 1.5rem;  border-radius: 5rem;  border: 1px solid #222;  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  gap: 1rem;  color: #222;  font-family: var(--font1);  font-weight: 500;transition: var(--transition1);}
.add-title-wrap .add-title-link a i
{font-size: 2rem;transition: var(--transition1);}
.add-title-wrap .add-title-link a.kako-map i
{color: #391b1b;}
.add-title-wrap .add-title-link a.naver-map i
{color: #2eb400;}
.add-title-wrap .add-title-link a:hover
{box-shadow: var(--box-shadow);  background: var(--main-color);color: #fff;border: 1px solid var(--main-color);}
.add-title-wrap .add-title-link a:hover i
{filter: brightness(0) invert(1);}
.sub-loca-address .add-txt-wrap
{display: flex; flex-direction: row;  align-items: stretch;  justify-content: space-between;border-top: 1px solid #555}
.sub-loca-address .add-txt-wrap .add-txt
{width: calc(100% / 4);padding: 3rem;border-right: 1px solid #555}
.sub-loca-address .add-txt-wrap .add-txt:last-child
{border-right: none;}
.add-txt .add-top
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;margin-bottom: 3rem}
.add-txt .add-top .add-name p
{text-transform: uppercase;  font-size: 2rem;  font-weight: 600}
.add-txt .add-top .add-icon i
{font-size: 2rem; /*color: transparent;  background-image: linear-gradient(115deg, rgba(22, 72, 171, 1) 0%, rgba(125, 182, 38, 1) 100%); background-clip: text*/}
.add-txt .add-ex p
{font-weight: 400;  color: #777;  line-height: 1.5;  word-break: keep-all;}

/* 제올라이트분리막 */
.sub-zeolite-con{}
.sub-zeolite-con .zeo-mech-dehy-wrap
{margin: 10rem 0;}
.zeo-mech-dehy-wrap .inner
{display: flex; flex-direction: row;  justify-content: space-between;align-items: center}
.zeo-mech-dehy-wrap .inner .zeo-mech-dehy-img
{width: 50%;padding: 0 2rem;}
.zeo-mech-dehy-wrap .inner .zeo-mech-dehy-ex-wrap
{width: 45%;}
.zeo-mech-dehy-ex-wrap .zeo-mech-dehy-title
{margin-bottom: 3rem}
.zeo-mech-dehy-ex-wrap .zeo-mech-dehy-title p
{font-size: 4rem;font-weight: 600;color: var(--text-color);text-transform: capitalize;line-height: 1.2}
.zeo-mech-dehy-ex-wrap .zeo-mech-dehy-title small
{font-size: 2.1rem;font-weight: 600;color:var(--sub-color);margin-bottom: 5px;  display: block}
.zeo-mech-dehy-ex-wrap .zeo-mech-dehy-ex ul li
{margin-bottom: 2.5rem;line-height: 1.3;word-break: keep-all;font-size: 2rem;font-weight: 400;display: flex;flex-direction: row;align-items: center;}
.zeo-mech-dehy-ex-wrap .zeo-mech-dehy-ex ul li b.num
{font-size: 1.6rem; color: #fff;  background-color: var(--main-color);border-radius: 7px;padding: 10px;  font-weight: 600;margin-right: 1rem}

.zeo-mech-img-wrap
{background: var(--sub-bg-color);  padding: 7rem 0;}
/*.zeo-mech-img-wrap .inner
{display: flex; flex-direction: row;  justify-content: space-between;}
 .zeo-mech-img-wrap .inner .zeo-mech-img-title
{width: 40%;}
.zeo-mech-img-wrap .inner .zeo-mech-img-title p
{font-size: 4rem;font-weight: 700;color: var(--text-color);text-transform: capitalize;line-height: 1.2} */
.zeo-mech-img-wrap .inner .zeo-mech-img
{width: 100%;display: flex; flex-direction: row; align-items: stretch;  justify-content: space-between;gap: 3rem;}
.zeo-mech-img-wrap .inner .zeo-mech-img .mech-img01
{width: 45%;}
.zeo-mech-img-wrap .inner .zeo-mech-img .mech-img02
{width: 55%;}
.zeo-mech-img-wrap .inner .zeo-mech-img img
{min-height: 100%;width: 100%;}

.zeo-module-con-wrap .inner
{padding: 6rem;  background: var(--sub-bg-color);  border-radius: 2rem;}
.zeo-module-con-wrap .inner .module-img-wrap
{padding: 6rem; background: #fff;  border-radius: 2rem;display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap: 3rem;    margin-bottom: 5rem}
.zeo-module-con-wrap .inner .module-img
{width: 100%;}
.zeo-module-con-wrap .inner .module-img01
{width: 45%;}
.zeo-module-con-wrap .inner .module-img02
{width: 55%;}
.zeo-module-con-wrap .inner .module-img02 img
{border-radius: 2rem;overflow: hidden;}
.module-table-wrap .med-table
{margin-top: 5rem;}

.sub-zeolite-con .table-top
{margin-bottom: 3rem;}
.sub-zeolite-con .table-top p
{font-size: 2.5rem; font-weight: 600;text-transform: capitalize;}

.tech-table th,
.tech-table td
{padding: 1.7rem;color: var(--text-color);border-bottom: 1px solid #8b8b8b !important;}
.tech-table th
{background-color: #e3e3e3!important}
.tech-table td
{background-color: #fff!important}
.tech-table:first-child td
{border-left: 1px solid #8b8b8b!important;}

.module-txt-wrap
{padding: 4rem 0; display: flex;  flex-direction: row;  align-items: center;justify-content: space-between;}
.module-txt-wrap .module-img02
{width: 50%;padding: 6rem;  background: #fff;  border-radius: 2rem;text-align: center}
.module-txt-wrap .module-txt-title-wrap
{width: 100%; display: flex;  flex-direction: row;  align-items: flex-start;justify-content: space-between}
.module-txt-wrap .module-txt-title
{margin-bottom: 3rem;width: 40%;}
.module-txt-wrap .module-txt-title p
{font-size: 3.5rem;font-weight: 600;color: var(--text-color);text-transform: capitalize;line-height: 1.2;}
.module-txt-wrap .module-txt
{width: 60%;}
.module-txt-wrap .module-txt ul li
{margin-bottom: 2.5rem;line-height: 1.3;word-break: keep-all;font-size: 2rem;font-weight: 400;}
.module-txt-wrap .module-txt ul li::before
{content: '-';margin-right: 1rem;}
.module-txt-wrap .module-txt ul li ol
{padding: 2rem;background-color: #fff;margin: 1rem 0;}
.module-txt-wrap .module-txt ul li ol li
{color: #515151;font-size: 1.8rem;font-weight: 400;}
.module-txt-wrap .module-txt ul li ol li::before{display: none}

.zeo-med-con-wrap .inner
{padding: 6rem;  background: var(--sub-bg-color);  border-radius: 2rem;}
.zeo-med-con-wrap .inner .med-table
{margin-bottom: 5rem;}
.zeo-med-con-wrap .inner .med-table:last-child
{margin-bottom: 0;}

.sub-zeolite-con .table-bottom
{margin-top: 1rem;text-align: right;width: 100%;}
.sub-zeolite-con .table-bottom p
{font-size: 1.7rem; font-weight: 600;  text-transform: capitalize;  color: #072f80;  display: block}

.med-img-con-wrap
{display: flex;  flex-direction: row;  align-items: flex-start;  gap: 5rem;margin-bottom: 5rem}
.med-img-con-wrap .med-img-con
{width: 100%;min-height: 100%;}
.med-img-con-wrap .med-img
{ border-radius: 2rem;min-height: 100%;  display: flex;  flex-direction: column;  justify-content: center;overflow: hidden;}
.med-img-con-wrap .med-img-con .med-ex
{background-color: var(--main-color);border-radius: 5rem;width: auto;padding: 1.5rem 2rem;display: block;text-align: center;margin: 2rem auto 0;}
.med-img-con-wrap .med-img-con .med-ex p
{font-weight: 600;color: #fff;}

.sub-video-wrap .sub-video
{display: flex;  flex-direction: column;  justify-content: space-between;  align-items: center; }
.sub-video-wrap .sub-video video
{box-shadow: var(--box-shadow2);border-radius: 3rem;overflow: hidden;width: 100%;height: 79rem}
/* .sub-video-wrap .video-iframe
{box-shadow: var(--box-shadow2);border-radius: 2rem;overflow: hidden;width: 100%;height: 79rem} */
.sub-video-wrap .sub-video-title
{background-color: var(--main-color);border-radius: 5rem;width: auto;padding: 1.5rem 2rem;display: block;text-align: center;margin-bottom:3rem;}
.sub-video-wrap .sub-video-title p
{font-weight: 600;color: #fff;font-size: 2.2rem}

.zeo-bottom-video-con-wrap .sub-video-title
{background-color: var(--main-color);border-radius: 5rem;width: auto;padding: 1.5rem 2rem;display: block;text-align: center;margin-bottom:3rem;}
.zeo-bottom-video-con-wrap .sub-video-title p
{font-weight: 600;color: #fff;font-size: 2.2rem}
.zeo-video-name
{margin-bottom: 3rem}
.zeo-video-name p
{font-size: 3.5rem;font-weight: 600;color: var(--text-color);text-transform: capitalize;line-height: 1.2;}
.zeo-bottom-video .zeo-video video
{margin-bottom: 3rem;}
/* .sub-video-wrap .sub-video
{display: flex;  flex-direction: column;  justify-content: space-between;  margin-bottom: 5rem;  align-items: center; box-shadow: var(--box-shadow2);  padding: 5rem;  border-radius: 2rem; background: url(/wp-content/uploads/2026/08/zeo-video-bg.jpg) no-repeat center;  background-size: cover} */

/* 세라믹분리막 */
.cer-field-con
{display: flex;flex-direction: row;align-items: flex-start;gap: 5rem;}
.cer-field-con .field-title-wrap
{display: flex;flex-direction: row;align-items: center;}
.cer-field-con .field-title-wrap .field-num
{border-right: var(--border);padding-right: 2rem;  margin-right: 2rem;transition: var(--transition1);}
.cer-field-con .field-txt
{background: var(--sub-bg-color);  padding: 3rem;}
.cer-field-con .field-txt ul li
{margin-bottom: 0.5rem;  line-height: 1.3;  word-break: keep-all;  font-size: 1.8rem;  font-weight: 400;}
.cer-field-con .field-txt ul li::before
{content: '-';margin-right: 1rem;}
.cer-field-accordion li.active .field-num,
.cer-field-accordion li:hover .field-num
{color: var(--main-color);}

.cer-mech-img
{margin-bottom: 5rem;}
.cer-mech-img img
{display: block;width: 100%;margin: auto;border-radius: 2rem;}
.sub-cer-mech-layer-wrap
{margin: 10rem 0;  background-color: var(--sub-bg-color);  padding: 8rem 0}
.sub-cer-mech-layer-con:first-child
{margin-bottom: 8rem;}
.sub-cer-mech-layer-con .cer-mech-layer-title-wrap
{margin-bottom: 5rem;}
.cer-mech-layer-title-wrap .cer-mech-layer-title
{margin-bottom: 1rem;}
.cer-mech-layer-title-wrap .cer-mech-layer-title p
{font-size: 3.5rem;  font-weight: 600;;line-height: 1.4;text-align: center; }
.cer-mech-layer-title-wrap .cer-mech-layer-stitle p
{font-size: 2rem;  font-weight: 500;;line-height: 1.4;text-align: center; color: var(--main-color);}

.sub-cer-mech-layer-con .cer-mech-layer-con-wrap
{display: flex;  flex-direction: row;  align-items: stretch;  gap: 4rem}
.cer-mech-layer-con-wrap .cer-mech-layer-con
{width: calc(100%/3 - 2rem);box-shadow: var(--box-shadow2);background-color: #fff;padding: 4rem;border-radius: 2rem;border: var(--border);}
.cer-mech-layer-con-wrap .cer-mech-layer-con .layer-num
{margin-bottom: 2rem;display: flex;}
.cer-mech-layer-con-wrap .cer-mech-layer-con .layer-num p
{padding: 1.2rem;border-radius: 1rem;background-color: var(--main-color);color:#fff;font-size: 1.7rem;font-weight: 600;}
.cer-mech-layer-con-wrap .cer-mech-layer-con .layer-name
{margin-bottom: 2rem;}
.cer-mech-layer-con-wrap .cer-mech-layer-con .layer-name p
{font-size: 2.1rem;  font-weight: 600;line-height: 1.4;;}
.cer-mech-layer-con-wrap .cer-mech-layer-con .layer-name small
{font-size: 1.6rem;  font-weight: 600;line-height: 1.4;;color: var(--main-color);display: block;padding-top: 5px;}
.cer-mech-layer-con-wrap .cer-mech-layer-con .layer-txt p
{word-break: keep-all;line-height: 1.4;font-size: 1.7rem;font-weight: 400;}

.sub-cer-press-wrap
{margin-top: 8rem;}
.cer-press-title
{margin-bottom: 3rem;}
.cer-press-title p
{font-size: 4rem;  font-weight: 600;;line-height: 1.4;text-align: center; }
.cer-press-con-wrap
{display: flex;  flex-direction: row;  align-items: stretch;  gap: 5rem;margin-bottom: 17rem;}
.cer-press-con-wrap .cer-press-con
{width: 100%;min-height: 100%;}
.cer-press-con-wrap .cer-press
{ border-radius: 2rem;min-height: 100%;  display: flex;  flex-direction: column;  justify-content: center;overflow: hidden;background-color: #F2F2F2;padding: 0 3rem}
.cer-press-con-wrap .cer-press img
{border-radius: 2rem;overflow: hidden;}
.cer-press-con-wrap .cer-press-con .cer-ex
{background-color: var(--main-color);border-radius: 5rem;width: auto;padding: 1.5rem 2rem;display: block;text-align: center;margin: 2rem auto 0;}
.cer-press-con-wrap .cer-press-con .cer-ex p
{font-weight: 600;color: #fff;text-transform: capitalize;}


/* accordion 설정 */
.cer-field-accordion
{padding: 0;margin: 0;width: 50%; }
.cer-field-accordion li.cer-field-txt-wrap
{width: 100%; overflow: hidden;margin-bottom: 1.5rem;background: #fff;}
.cer-field-accordion button.acco-btn
{width: 100%;padding:2.5rem  3rem;  text-align: left;border: none;  cursor: pointer;  outline: none;  font-size: 2rem;  font-weight: 600;  display: flex; gap: 2rem; flex-direction: row;;align-items: center;position: relative;  color: var(--text-color);}
.cer-field-accordion button.acco-btn:hover ,
.cer-field-accordion button.acco-btn:focus
{background:transparent; }
.cer-field-accordion .content
{display:none;padding:0 2rem;}
.cer-field-accordion li.cer-field-txt-wrap button.acco-btn::after
{font-family: 'xeicon';  font-size: 2.2rem;  position: absolute;  right: 4rem;  top: 54%;  transform: translateY(-50%);  content: "\e913";  font-weight: 100;color: var(--text-color);}
.cer-field-accordion li.cer-field-txt-wrap.active > button.acco-btn::after
{content: "\e91a";}
.cer-field-con .cer-field-bg-wrap
{position: relative; width: 50%;height: 40rem; inset: 0;  z-index: 0;  pointer-events: none;box-shadow: var(--box-shadow2)}
.cer-field-con .cer-field-bg
{ position: absolute;  inset: 0;  background-repeat: no-repeat;background-position: center;  background-size: cover;  opacity: 0;  transition: opacity 0.7s ease;}
.cer-field-bg.active
{opacity: 1;}
.cer-field-accordion
{position: relative;  z-index: 1;}

.sub-cer-chart-wrap
{margin: 10rem 0;background-color: var(--sub-bg-color);padding: 10rem 0;}
.sub-cer-chart-wrap .cer-chart-title
{text-align: center;display: block;margin-bottom: 7rem;}
.sub-cer-chart-wrap .cer-chart-title p
{font-size: 4rem;  font-weight: 600; color: #111111;;}
.sub-cer-chart-wrap .cer-chart-con
{display: flex; flex-direction: row;  align-items: center;  gap: 5rem;}
.sub-cer-chart-wrap .cer-chart-img
{text-align: center;margin: 0 auto;width: 50%}
.sub-cer-chart-wrap .cer-chart-ex
{display: flex;flex-wrap: wrap;width: 40%;flex-direction: column;gap: 4rem;}
.sub-cer-chart-wrap .cer-chart-ex dl
{display: flex;gap: 2rem;flex-direction: column;}
.sub-cer-chart-wrap .cer-chart-ex dl dt
{font-size: 2.2rem;font-weight: 700;color: var(--main-color);}
.sub-cer-chart-wrap .cer-chart-ex dl dd
{font-weight: 400;  color: #222}
/*
.sub-cer-video .cer-video
{display: flex;  flex-direction: column;  justify-content: space-between;  margin-bottom: 5rem;  align-items: center; box-shadow: var(--box-shadow2);  padding: 5rem;  border-radius: 2rem; background: url(/wp-content/uploads/2026/08/cer-video-bg.jpg) no-repeat center;  background-size: cover}
.sub-cer-video .cer-video .cer-video-title
{background-color: var(--main-color);border-radius: 5rem;width: auto;padding: 1.5rem 2rem;display: block;text-align: center;margin-bottom:3rem;}
.sub-cer-video .cer-video .cer-video-title p
{font-weight: 600;color: #fff;font-size: 2.2rem}
.cer-video iframe.cer-iframe
{width: 90rem;  height: 50.6rem;border-radius: 2rem} */

/* 파우더포집장치 */
.sub-powder-system-wrap{}
.sub-powder-system-wrap .powder-system-img
{background-color: #B3B6C9;}
.sub-powder-system-wrap .powder-system-img img
{height: 100%;margin: auto;display: block;}

.sub-powder-system-wrap .inner
{margin: 10rem 0 ;}
.sub-powder-system-wrap .inner .powder-system-txt-title
{margin-bottom: 3rem;}
.sub-powder-system-wrap .inner .powder-system-txt-title p
{font-size: 4rem;  font-weight: 600;  color: var(--text-color);}
.sub-powder-system-wrap .inner .powder-system-txt p
{font-size: 2.2rem;  font-weight: 400;  line-height: 1.5;  word-break: keep-all;  color: #2b2b2b}
.powder-system-ex-wrap
{display: flex;flex-direction: row;align-items: flex-start; gap: 6rem;justify-content: center;margin-top:5rem ;border-top: var(--border); padding-top: 4rem;}
.powder-system-ex-wrap dl
{display: flex;flex-direction: column;align-items: center;gap: 2rem;}
.powder-system-ex-wrap dl dt
{min-width: 14rem;min-height: 14rem;display: flex;flex-direction: column;;align-items: center;justify-content: center;font-size: 3rem;font-weight: 600;background-color: #fff;padding: 3rem;box-shadow: var(--box-shadow2);border-radius: 100%;;color: #365b87}
.powder-system-ex-wrap dl dd
{font-weight: 500;text-align: center;color: #222;font-size: 2.2rem;}

.sub-powder-performance-wrap
{padding: 10rem 0;background-color: var(--sub-bg-color);}
.sub-powder-performance-wrap .powder-perform-boxes
{display: flex;  flex-direction: row;  flex-wrap: wrap;  align-items: flex-start;gap: 4rem;}
.powder-perform-box
{width: calc(100%/2 - 2rem);display: flex;  flex-direction: row;  align-items: stretch;  gap: 4rem;}
.powder-perform-box .powder-perform-img
{width: 30%}
.powder-perform-box .powder-perform-txt-wrap
{width: 70%}
.powder-perform-txt-title
{margin-bottom: 3rem; display: flex;  align-items: center;}
.powder-perform-txt-title p
{font-size: 2.2rem;font-weight: 600;color: var(--text-color);}
.powder-perform-txt-title .title-num p
{color: #272727;background-color: #fff;border-radius: 7px;padding: 10px;  font-weight: 600;margin-right: 1rem;box-shadow: var(--box-shadow)}
.powder-perform-txt{}
.powder-perform-txt ul li
{margin-bottom: 1.5rem;line-height: 1.5;word-break: keep-all;font-weight: 400;display: flex;font-size: 1.9rem;}
.powder-perform-txt ul li::before
{content: '-';margin-right: 1rem;}

.sub-powder-chart-wrap
{padding: 10rem 0}
.sub-powder-chart-wrap .inner{}
.sub-powder-chart-wrap .inner .powder-chart-title
{margin-bottom: 5rem;}
.sub-powder-chart-wrap .inner .powder-chart-title p
{font-size: 4rem;  font-weight: 600;  text-align: center;line-height: 1.4;text-align: center; }
.sub-powder-chart-wrap .inner .powder-chart-img
{display: flex;  flex-direction: row;  align-items: stretch;  gap: 8rem;  justify-content: center}
.sub-powder-chart-wrap .inner .powder-chart-img-wrap
{padding: 8rem 4rem;  box-shadow: var(--box-shadow2);  border-radius: 2rem}
.sub-powder-chart-wrap .inner .powder-chart-txt
{margin-top: 2rem;display: block;text-align: right;}
.sub-powder-chart-wrap .inner .powder-chart-txt p
{font-weight: 500;color:#777;}

.sub-powder-field-wrap .inner .powder-field-title
{margin-bottom: 3rem;}
.sub-powder-field-wrap .inner .powder-field-title p
{font-size: 4rem;  font-weight: 600;  text-align: center;line-height: 1.4;text-align: center; }
.powder-field-con-wrap
{display: flex;flex-direction: row;align-items: flex-start;gap: 3rem;flex-wrap: wrap;}
.powder-field-con-wrap .powder-field-con
{width: calc(100% / 3 - 2rem)}
.powder-field-con-wrap .powder-field-con .filed-img
{border-radius: 2rem;box-shadow: var(--box-shadow2);margin-bottom: 2rem;overflow: hidden;line-height: 0}
.powder-field-con-wrap .powder-field-con .fiedl-title
{margin-bottom: 1rem}
.powder-field-con-wrap .powder-field-con .fiedl-title p
{font-weight: 600;text-align: center;color: #111;font-size: 2.4rem;line-height: 1.4;word-break: keep-all;}
.powder-field-con-wrap .powder-field-con .fiedl-txt p
{font-weight: 500;text-align: center;color: #666;line-height: 1.4;word-break: keep-all;font-size: 1.9rem;}

/* 엔지니어링 */
.sub-engine-con{}
.sub-engine-con .sub-engine-top-txt-wrap
{margin-bottom: 5rem}
.sub-engine-top-txt-wrap .sub-engine-top-title
{margin-bottom: 5rem;}
.sub-engine-top-txt-wrap .sub-engine-top-title p
{font-size: 3.5rem;  font-weight: 600;;line-height: 1.4;text-align: center; }
.sub-engine-top-txt-wrap .sub-engine-top-title p strong
{font-size: 4.2rem;  font-weight: 700;;line-height: 1.4;text-align: center;color: var(--main-color); }
.sub-engine-top-txt-wrap .sub-engine-top-txt p
{font-weight: 500;text-align: center;color: #222;font-size: 2.2rem;line-height: 1.5;word-break: keep-all;margin-bottom: 1rem}
.sub-engine-top-txt-wrap .sub-engine-top-txt p:last-child
{margin-bottom: 0;}
/* 엔진 tab */
.engine-tab-wrap .tab-buttons
{display: flex;margin-bottom: 4rem;background-color: transparent;gap: 1rem;align-items: stretch;justify-content: flex-start}
.engine-tab-wrap .tab-buttons
{display: flex;box-shadow: inset 0 -2px 0 #ccc;margin-bottom: 4rem}
.engine-tab-wrap .tab-btn
{font-size: 2rem; border: none;width: auto; font-weight: 600;color: var(--text-color);  font-family: var(--font1);  padding: 2.5rem;text-align: left;border-radius: 0;transition: var(--transition1);border-bottom: 2px solid transparent;text-transform: capitalize;background-color: transparent!important;box-shadow: none}
.engine-tab-wrap .tab-btn:hover
{color:var(--main-color);}
.engine-tab-wrap .tab-btn.active,
.engine-tab-wrap .tab-btn:focus
{color:var(--main-color)!important;border-bottom: 2px solid var(--main-color);}

.engine-con-wrap
{display: flex;  flex-direction: row;  align-items: stretch;justify-content: space-between; gap: 4rem}
.engine-con-wrap .engine-con-box
{width: calc(100% / 2);  display: flex;  flex-direction: column;  align-items: flex-start; box-shadow: var(--box-shadow2);border-radius: 2rem;  border: var(--border);overflow: hidden;}
.engine-con-wrap .engine-con-box .engine-img
{padding: 4rem;  border-bottom: var(--border); max-height: 50rem;    text-align: center;  width: 100%;}
.engine-con-wrap .engine-con-box .engine-img img
{max-height: 100%;}
.engine-con-wrap .engine-con-box .engine-ex-wrap
{padding: 4rem;  width: 100%;  background: #053671; height: 100%}
.engine-con-wrap .engine-con-box .engine-ex-wrap .engine-ex-title
{margin-bottom: 3rem;}
.engine-con-wrap .engine-con-box .engine-ex-wrap .engine-ex-title p
{font-size: 3.5rem;  font-weight: 600;  text-align: left;line-height: 1.4;text-align: center;color: #fff}
.engine-con-wrap .engine-con-box .engine-ex-wrap .engine-ex ul li
{margin-bottom: 0.5rem;  line-height: 1.3;  word-break: keep-all;  font-size: 1.8rem;  font-weight: 400;color: #fff}
.engine-con-wrap .engine-con-box .engine-ex-wrap .engine-ex ul li::before
{content: '-';margin-right: 1rem;}

.sub-engine-modeling-con-wrap
{margin: 10rem 0;  padding: 10rem 0;  background: var(--sub-bg-color);}
.engine-modeling-txt-wrap{}
.engine-modeling-txt-wrap .engine-modeling-title
{margin-bottom: 3rem;}
.engine-modeling-txt-wrap .engine-modeling-title p
{font-size: 4rem;  font-weight: 600;  color: var(--text-color);text-align: center;}
.engine-modeling-txt-wrap .engine-modeling-txt p
{font-size: 2.2rem;  font-weight: 400;  line-height: 1.5;  word-break: keep-all;  color: #2b2b2b;text-align: center;}

.engine-modeling-arrow-wrap
{margin-top: 5rem;}
.engine-modeling-arrow-wrap .modeling-arrow
{display: flex;  flex-direction: row;  align-items: center;  gap: 3rem;justify-content: center}
.engine-modeling-arrow-wrap .modeling-arrow img
{width: 88%;}
.engine-modeling-arrow-wrap .engine-modeling-ex
{display: flex;  flex-direction: row;  justify-content: space-between;}
.engine-modeling-arrow-wrap .engine-modeling-ex .modeling-ex
{width: calc(100% / 2 - 2rem);margin-top: 4rem}
.engine-modeling-arrow-wrap .modeling-arrow-name{}
.engine-modeling-arrow-wrap .modeling-arrow-name p
{font-size: 4.5rem;  font-weight: 600;  color: var(--sub-color);}
.modeling-ex .model-ex-title
{margin: 2rem 0;background: var(--main-color);  border-radius: 4rem;  padding: 1rem 3rem;}
.modeling-ex .model-ex-title p
{font-size: 2.2rem;  font-weight: 400;  line-height: 1.5;  word-break: keep-all;color: #fff;text-align: center;}
.modeling-ex .model-ex-txt
{padding: 0 3rem}
.modeling-ex .model-ex-txt ul li
{margin-bottom: 1rem; line-height: 1.5;  word-break: keep-all;  font-size: 2rem;  font-weight: 400;display: flex;flex-direction: row;align-items: center;}
.modeling-ex .model-ex-txt ul li::before
{content: '';margin-right: 1rem;    min-width: 7px;  min-height: 7px;  border: 2px solid #2e4f93;}

/* sub03 제품소개 */
.sub-prd-zeo-con{}
.sub-prd-zeo-intro-wrap
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: flex-start;}
/* .sub-prd-zeo-intro-wrap .sub-prd-zeo-tab-con-wrap{width: calc(100% / 3 - 2rem);} */
.sub-prd-zeo-tab-con
{display: flex; flex-direction: column;  align-items: center;}
.sub-prd-zeo-tab-con .prd-zeo-img
{text-align: center; margin: auto}
.sub-prd-zeo-tab-con .prd-zeo-img img
{border-radius: 2rem;max-height: 35rem;}
.sub-prd-zeo-tab-con .prd-zeo-txt-wrap .prd-zeo-title
{padding-top: 3rem;margin-bottom: 2rem;}
.sub-prd-zeo-tab-con .prd-zeo-txt-wrap .prd-zeo-title p
{font-size: 2.4rem;  font-weight: 600;  color: var(--text-color);text-align: center;}
.sub-prd-zeo-tab-con .prd-zeo-txt-wrap .prd-zeo-txt ul li
{margin-bottom: 1rem; line-height: 1.5;  word-break: keep-all;  font-size: 1.8rem;  font-weight: 400;display: flex;flex-direction: row;align-items: center;}
.sub-prd-zeo-tab-con .prd-zeo-txt-wrap .prd-zeo-txt ul li::before
{content: '';margin-right: 1rem;    min-width: 7px;  min-height: 7px;  border: 2px solid #2e4f93;}

.sub-prd-zeo-chart-con
{margin: 10rem 0;}
.sub-prd-zeo-chart-con .zeo-chart-title
{margin-bottom: 3rem}
.sub-prd-zeo-chart-con .zeo-chart-title p
{font-size: 4rem;font-weight: 600;color: var(--text-color);text-transform: capitalize;line-height: 1.2}
.sub-prd-zeo-chart-con .zeo-chart-img
{margin-bottom: 10rem;}
.sub-prd-zeo-con-wrap
{background-color: var(--sub-bg-color);  padding: 8rem 0;}

/* sub model A,B,C,D 공통 */
.sub-model-con .model-title-wrap
{margin-bottom: 4rem; display: flex;  flex-direction: column;  align-items: center;}
.sub-model-con .model-title
{margin-bottom: 1rem}
.sub-model-con .model-title p
{font-size: 4rem;font-weight: 600;color: var(--text-color);text-transform: capitalize;line-height: 1.2}
.sub-model-con .model-stitle
{display: flex;}
.sub-model-con .model-stitle p
{font-size: 2rem;  font-weight: 500;;line-height: 1.4;color: #fff;padding: 1rem 2rem;background-color: var(--main-color);border-radius: 5rem;}
.sub-model-con .model-con-wrap
{display: flex;  flex-direction: row;  align-items: stretch;  gap: 2rem;flex-wrap: wrap}
.model-con-wrap .model-con
{width: calc(100%/2 - 2rem);box-shadow: var(--box-shadow2);background-color: #fff;padding: 4rem;border-radius: 2rem;border: var(--border);}
.model-con-wrap .model-con .model-name
{margin-bottom: 2rem;background: var(--main-bg-color); padding: 2rem 3rem;border-radius: 2rem}
.model-con-wrap .model-con .model-name p
{font-size: 3rem;  font-weight: 600;line-height: 1.4;color: var(--main-color);}
.model-con-wrap .model-con .model-name small
{font-size: 1.6rem;  font-weight: 600;line-height: 1.4;display: block;padding-top: 5px;color: #111;}
.model-con-wrap .model-con .model-txt
{padding-left: 2rem}
.model-con-wrap .model-con .model-txt ul li
{word-break: keep-all;line-height: 1.4;font-weight: 400;list-style: disc;margin-bottom: 5px;}

/* 제품소개 table-wrap 공통 */
.sub-prd-com .table-inner
{padding: 6rem;  background: var(--sub-bg-color);  border-radius: 2rem;}
.sub-prd-com .table-inner .med-table
{margin-bottom: 5rem;}
.sub-prd-com .table-inner .med-table:last-child
{margin-bottom: 0;}
.sub-prd-com .prd-table-wrap
{margin-bottom: 5rem;}
.sub-prd-com .prd-table-wrap:last-child
{margin-bottom: 0;}
.sub-prd-com .table-top
{margin-bottom: 3rem;}
.sub-prd-com .table-top p
{font-size: 2.1rem;  font-weight: 600;display: flex;align-items: center;text-transform: capitalize;}
.sub-prd-com .table-common th:first-child
{width:20%;}
.sub-prd-com .table-common td:nth-child(2)
{width:35%;}
.sub-prd-com .table-common td:nth-child(3)
{width:35%;}
.sub-prd-com .table-common td img
{border-radius: 2rem;}

/* Ceramic Membrane */
.prd-cer-img-con-wrap
{margin-bottom: 5rem;border-radius: 2rem;box-shadow: var(--box-shadow2);padding: 4rem;}
.prd-cer-img-con-wrap .prd-cer-img-title
{margin-bottom: 3rem;border-bottom: var(--border);padding-bottom: 2rem;}
.prd-cer-img-con-wrap .prd-cer-img-title p
{font-size: 3rem;font-weight: 700;  line-height: 1.4;text-transform: capitalize;;}
.prd-cer-img-con-wrap .prd-cer-img-con
{display: flex; flex-direction: row;justify-content: center}
.prd-cer-img-con-wrap .prd-cer-img-con .prd-cer-img
{display: flex;flex-direction: column;}
.prd-cer-img-con-wrap .prd-cer-img-con .prd-cer-img img
{max-height: 50rem;}
.sub-prd-cer-table-wrap
{margin-bottom: 8rem;}

.sub-prd-cer-simg-wrap
{display: flex;  flex-direction: row;  align-items: stretch;  gap: 5rem;margin-bottom: 5rem;}
.sub-prd-cer-simg-wrap .simg-con
{width: 100%;min-height: 100%;}
.sub-prd-cer-simg-wrap .simg-con .simg
{display: flex;flex-direction: column;align-items: center;gap: 2rem;}
.sub-prd-cer-simg-wrap .simg-con .simg img
{height: 207px;  width: 255px}
.sub-prd-cer-simg-wrap .cer-press
{ border-radius: 2rem;min-height: 100%;  display: flex;  flex-direction: column;  justify-content: center;overflow: hidden;background-color: #F2F2F2;padding: 0 3rem}
.sub-prd-cer-simg-wrap .simg-con .simg-name
{background-color: var(--main-color);border-radius: 5rem;width: auto;padding: 1.5rem 2rem;display: block;text-align: center;margin: 2rem auto 0;}
.sub-prd-cer-simg-wrap .simg-con .simg-name p
{font-weight: 600;color: #fff;text-transform: capitalize;}

.sub-prd-com.sub-prd-ceramic-con .table-common td:nth-child(2),
.sub-prd-com.sub-prd-ceramic-con .table-common td:nth-child(3),
.sub-prd-com.sub-prd-ceramic-con .table-common td:nth-child(4)
{width:auto;}

/* PCS System */
.prd-pcs-img-con-wrap
{background: #fff;border-radius: 2rem; padding: 5rem;display: flex; flex-direction: row;  justify-content: space-between;gap: 4rem;align-items: center;justify-content: center;margin-bottom: 5rem;}
.sub-prd-com .prd-pcs-table th:first-child
{width:15%;}
.sub-prd-com .prd-pcs-table td:nth-child(2)
{width:20%!important;}
.sub-prd-com .prd-pcs-table td:nth-child(3)
{width:20%!important;}
.sub-prd-com .prd-pcs-table td:nth-child(4)
{width:20%!important;}
.prd-pcs-img-con .prd-pcs-img
{display: flex;flex-direction: row;align-items: flex-start; gap: 4rem;}

/* 지속가능경영 */
.sub-esg-con{}
.sub-esg-con .esg-title
{margin-bottom: 10rem;margin-top: 10rem}
.sub-esg-con .esg-title .title
{text-align: center;display: block;margin-bottom: 3rem;}
.sub-esg-con .esg-title .title h4
{font-size: 4rem;  font-weight: 600; color: #111111;margin-bottom: 3rem;}
.sub-esg-con .esg-title .title h5
{font-size: 3rem;  font-weight: 600; color: #272727;}
.sub-esg-con .esg-title .stxt
{display: block;margin: auto;}
.sub-esg-con .esg-title .stxt p
{font-size: 2rem;  font-weight: 500; color: #666;text-align: center;line-height: 1.5;}

.sub-esg-con .esg-img-con
{padding: 0 10rem;position: relative;z-index: 0;overflow: hidden;}
.sub-esg-con .esg-img-con .esg-bg
{display: flex;flex-direction: row;align-items: flex-end;justify-content: space-between;padding: 0 0 7rem 0}
.sub-esg-con .esg-img-con::before
{background-color: #001541;content: '';width: 100%;border-radius: 3rem;height: 75%;position: absolute;z-index: -1;left: 0;bottom: 0;}
.sub-esg-con .esg-img-con::after
{background: url(/wp-content/uploads/2026/07/logo-icon-bg.png) no-repeat; background-size:contain;content: '';position:absolute;right: 5rem;  bottom: -2rem;width: 500px;height: 200px;opacity: .2;filter: brightness(0) invert(1);}
.sub-esg-con .esg-img-con .esg-img
{border-radius: 2rem;border: var(--border);box-shadow: var(--box-shadow);overflow: hidden;max-width: 40rem;line-height: 0}
.sub-esg-con .esg-img-con .esg-img img
{height: 100%;}

.sub-esg-con .esg-img-con .esg-txt
{width: 60%;padding-bottom: 5rem;}
.sub-esg-con .esg-img-con .esg-txt p
{font-size: 2.4rem;font-weight: 500;color: #fff;margin-bottom: 1rem;  line-height: 1.3;}
.sub-esg-con .esg-img-con .esg-txt ul
{margin-top: 2.5rem;border-left: 2px solid #fff;padding-left: 1rem;}
.sub-esg-con .esg-img-con .esg-txt ul li
{font-size: 1.9rem;font-weight: 500;color: #fff;position: relative;padding-left: 1rem;line-height: 1.5;margin-bottom: 1.5rem;word-break: keep-all;}
/* .sub-esg-con .esg-img-con .esg-txt ul li::before
{content: '';width: 5px;height: 5px;position: absolute;left: -5px;top: 50%;transform: translateY(-50%);background-color: #fff;border-radius: 100%;} */


/* 반응형 */
@media screen and (max-width : 1550px) {
  /* main */
  #mainTech .main-title
  {padding-bottom: 3rem}
  .main-title h3
  {font-size: 4rem}
  .main-title h4
  {padding-bottom: 2rem}

  .tech-accordion .accordion
  {width: 95%;}
  .tech-accordion .accordion a.acco-tech
  {min-width: 180px;max-width: 180px}

}

@media screen and (max-width : 1440px) {
  .tech-accordion
  {overflow-x: scroll;padding: 4rem;background: var(--sub-bg-color);}
  .tech-accordion::-webkit-scrollbar
  {width: 6px;height: 6px;}
  .tech-accordion::-webkit-scrollbar-track
  {background: #d1d1d1;}
  .tech-accordion::-webkit-scrollbar-thumb
  {background: var(--main-color);border-radius: 10px;}
  .tech-accordion .accordion
  {justify-content: flex-start;}
  .acco-hover .hover-title .hover-big-title p
  {font-size: 3rem}
  .acco-hover .hover-title .hover-small-title p
  {font-size: 1.8rem}
  .tech-accordion .accordion .acco-hover .hover-view-more p
  {font-size: 1.7rem}
  .tech-accordion .accordion a.acco-tech
  {max-height: 480px;display: flex;}
  .tech-accordion .accordion .acco-default
  {min-height: auto;padding: 3rem 4.5rem;}
  .tech-accordion .accordion a.acco-tech.active
  {min-width: 700px;max-width: 700px}
  .tech-accordion a.acco-tech.active .hover-con .hover-video
  {width: 100%;height: 300px}

  #mainAbt .main-title
  {flex: 1;}
  .main-abt-link-wrap
  {flex: 3;width: 100%;}
  .main-abt-link-wrap a.main-abt-link
  {width: calc(100% / 3);min-width: auto}
}

@media screen and (max-width : 1280px) {
  #mainPrd .main-title
  {top: 100px}
  a.main-prd-link .main-prd-icon
  {width: 270px; height: 270px;}
  a.main-prd-link .main-prd-name h5
  {font-size: 3.3rem;padding-top: 1rem}
  a.main-prd-link .main-prd-name
  {padding-top: 2.5rem}

  .main-abt-con-wrap
  {flex-direction: column;align-items: center;}
  #mainAbt .main-title
  {align-items: center;padding-bottom: 3rem;}
  #mainAbt .main-title h3
  {text-align: center;}
  #mainAbt .main-title h3 br{display: none;}
  #mainAbt .main-title
  {flex: auto;width: 100%;}
  .main-abt-link-wrap
  {flex: auto;width: 100%;}
}

@media screen and (max-width : 1024px) {
  .main-title h4
  {font-size: 1.8rem;color: #6b9924;font-weight: 600}
  .main-title h3
  {font-size: 3.3rem;}

  #mainTech .main-title
  {padding-top: 8rem}
  .tech-accordion
  {overflow-x: hidden; padding: 2rem 0 8rem;background-color: transparent;}
  .tech-accordion .accordion
  {width: 100%;flex-direction: row;flex-wrap: wrap;gap: 3rem;padding: 0 8rem}
  .tech-accordion .accordion a.acco-tech
  {min-width: calc(100%/2 - 1.5rem );max-width: calc(100%/2 - 1.5rem );max-height: 200px;display: block;border: 1px solid #5379a5}
  .tech-accordion .accordion .acco-default
  {width: 100%;padding: 3rem;height: 100%}
  .default-title .default-small-txt p
  {writing-mode: horizontal-tb;font-size: 1.7rem;}
  .default-title .default-big-txt p
  {writing-mode: horizontal-tb;font-size: 2.7rem;}
  .default-title
  {flex-direction: column}
  .default-view-more
  {display: flex;flex-direction: row;align-items: center;justify-content: space-between}
  .default-view-more p
  {writing-mode: horizontal-tb;color: var(--main-color);}
  .default-view-more img.tech-arr{display: none;}
  .tech-accordion .accordion a.acco-tech:hover
  {background-color: #e6f5ff}

  #mainPrd
  {padding: 7rem 0}
  #mainPrd .main-title
  {position: relative;top: 0;left: 0;transform: none;width: 100%;padding-bottom: 3rem;}
  .main-prd-link-wrap
  {height: auto;flex-direction: column;align-items: center;gap: 2rem;}
  .main-prd-link-wrap a.main-prd-link
  {height: auto; flex-direction: row;padding-bottom: 0;padding: 2rem 5rem 2rem 2rem;justify-content: space-between;width: 80%;border-radius: 20rem;background-color: #e8f2f94f;backdrop-filter: blur(10px);box-shadow: var(--box-shadow);border: 1px solid #bccbe1}
  a.main-prd-link .main-prd-icon
  {width: 200px; height: 200px;/*background: linear-gradient(167deg, rgba(16, 109, 183, 1) 0%, rgba(8, 70, 154, 1) 52%, rgba(15, 24, 103, 1) 100%);*/padding: 4rem}
  /* a.main-prd-link .main-prd-icon img
  {filter: invert(100) brightness(100);} */
  a.main-prd-link .main-prd-hover-view,
  a.main-prd-link:hover .main-prd-hover-view
  {/*visibility: visible;opacity: 1;*/margin-top: 0;height: 4.5rem}
  a.main-prd-link .main-prd-name
  {padding-top: 0;}
  a.main-prd-link .main-prd-name h6
  {text-align: left;font-size: 1.7rem;}
  a.main-prd-link .main-prd-name h5
  {text-align: left;font-size: 2.7rem;}

  #mainAbt
  {padding: 7rem 0}
  #mainAbt .main-title
  {padding-bottom: 6rem}
  a.main-abt-link .link-top-txt .main-abt-title p
  {font-size: 2.5rem;}
  a.main-abt-link .main-abt-txt p
  {font-size: 1.7rem;}
  a.main-abt-link .main-abt-view p
  {font-size: 1.5rem;}
  a.main-abt-link .main-abt-txt p br{display: none;}
  .main-abt-link-wrap a.main-abt-link
  {min-height: 400px;}
  a.main-abt-link .link-top-txt
  {flex-direction: column-reverse;align-items: flex-start;gap: 1rem}
  .main-abt-icon
  {height: 4rem}
  .main-abt-icon img
  {height: 100%;}

  #mainSup
  {padding: 7rem 0;}
  #mainSup .main-title
  {padding-top: 0;padding-bottom: 5rem}
  a.main-sup-link .main-sup-title p
  {font-size: 2.4rem}
  a.main-sup-link .main-sup-txt p
  {font-size: 1.8rem;}

}

@media screen and (max-width : 860px) {
  .main-prd-link-wrap a.main-prd-link
  {width: 95%}
}

@media screen and (max-width : 768px) {
  .main-title h4
  {font-size: 1.7rem;}
  .main-title h3
  {font-size: 2.8rem;font-weight: 700;}

  #mainTech
  {background-size: 80%}
  .tech-accordion .accordion
  {gap: 1.5rem;justify-content: center;padding: 0}
  .default-title .default-small-txt p
  {font-size: 1.6rem;}
  .default-title .default-big-txt p
  {font-size: 2.2rem;}
  .default-view-more p
  {font-size: 1.5rem;}


  .main-prd-link-wrap
  {flex-direction: row;overflow-x: scroll;padding: 0 2rem 2rem 0;width: 90%; margin: auto}
  .main-prd-link-wrap::-webkit-scrollbar
  {width: 6px;height: 6px;}
  .main-prd-link-wrap::-webkit-scrollbar-track
  {background: #d1d1d1;}
  .main-prd-link-wrap::-webkit-scrollbar-thumb
  {background: var(--main-color);border-radius: 10px;}
  .main-prd-link-wrap a.main-prd-link
  {flex-direction: column;width: calc(100%/3 - 2rem);min-width: 23rem;gap: 2rem;padding: 2rem 2rem 3rem 2rem;}
  a.main-prd-link .main-prd-hover-view,
  a.main-prd-link:hover .main-prd-hover-view
  {padding: 0;border-radius: 0;background-color: transparent;display: flex;flex-direction: row;align-items: center;height: auto;}
  a.main-prd-link .main-prd-hover-view p
  {font-size: 1.5rem; color: var(--main-color)}
  a.main-prd-link .main-prd-hover-view img
  {display: none;}
  a.main-prd-link .main-prd-name h6
  {text-align: center;font-size: 1.6rem;}
  a.main-prd-link .main-prd-name h5
  {text-align: center;font-size: 2.2rem;}
  .main-prd-link-wrap a.main-prd-link
  {padding: 2rem;}
  a.main-prd-link .main-prd-hover-view,
  a.main-prd-link:hover .main-prd-hover-view
  {visibility: visible;opacity: 1;}
  .main-prd-link-wrap a.main-prd-link:hover
  {border: 1px solid #133f7f}

  #mainAbt
  {position: relative;z-index: 0;background-position: center right 76%}
  #mainAbt::after
  {content: '';width: 100%;height: 100%;left: 0;top: 0;background-color: #00000047;position: absolute;z-index: 1}
  /* #mainAbt .main-title h4
  {color: #6b9924}
  #mainAbt .main-title h4::before
  {background-color: #7fbf1d}
  #mainAbt .main-title h3
  {color: #111111;} */
  .main-abt-con-wrap
  {position: relative;z-index: 2}
  .main-abt-link-wrap
  {gap: 2rem;}
  .main-abt-txt,
  .main-abt-more-icon
  {display: none;}
  a.main-abt-link .link-top-txt
  {padding-bottom: 2rem;}
  .main-abt-link-wrap
  {flex-wrap: wrap;}
  .main-abt-link-wrap a.main-abt-link
  {min-height: auto;backdrop-filter: blur(7px);flex: auto;}
  a.main-abt-link .link-top-txt .main-abt-title p
  {font-size: 2.2rem;font-weight: 600}
  a.main-abt-link .main-abt-view p
  {font-weight: 500;}

  .main-sup-wrap
  {flex-direction: column}
  .main-sup-wrap a.main-sup-link
  {width: 100%;min-height: 180px;max-height: 180px;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;padding: 0 2rem 0 6rem}
  a.main-sup-link .main-sup-hover-view
  {display: none;}
  .main-sup-title
  {flex: 1;}
  a.main-sup-link .main-sup-title p
  {padding-bottom: 0;}
  a.main-sup-link .main-sup-txt p
  {text-align: left;}
  a.main-sup-link .main-sup-txt,
  a.main-sup-link:hover .main-sup-txt
  {padding-bottom: 0;flex: 2}
  .main-sup-wrap
  {background-position: center right 26%}
  .main-sup-wrap a.main-sup-link-1::after,
  .main-sup-wrap a.main-sup-link-2::after
  {display: none;}
  .main-sup-wrap a.main-sup-link-1,
  .main-sup-wrap a.main-sup-link-2
  {border-bottom: 1px solid #ffffff59;}
}


@media screen and (max-width : 480px) {
  .main-title
  {width: 80%!important;}

  .tech-accordion .accordion a.acco-tech
  {min-width: 100%;max-width: 100%;max-height: 180px}

  .tech-accordion .accordion .acco-default
  {background-color: #e6f5ff;}

  .main-abt-link-wrap a.main-abt-link
  {padding: 5rem 3rem}

  .main-sup-wrap a.main-sup-link
  {padding: 3rem 2rem;flex-direction: column;min-height: auto;max-height: max-content;gap: 1.5rem}
  a.main-sup-link .main-sup-title p
  {font-size: 2rem;font-weight: 600;}
  a.main-sup-link .main-sup-txt p
  {font-size: 1.7rem;text-align: center;}
}

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