/* policy */
.policy-con table.table-common td
{border: 1px solid #ddd !important;}
.policy-con .policy-txt
{display: flex;flex-direction: column;gap: 3rem;}
.policy-con .policy-txt dl
{ display: flex;  flex-direction: column;  align-items: stretch;  gap: 1rem;}
.policy-con .policy-txt dl dt
{font-weight: 600;line-height: 1.5; margin: 1rem 0;}
.policy-con .policy-txt dd
{font-size: 1.6rem;margin-left: 1rem;}
.policy-con .policy-txt dd p
{margin-bottom: 1rem;line-height: 1.5; font-weight: 500;color: #666;}
.policy-con .policy-txt li
{line-height: 1.5; font-weight: 500;margin-bottom: 1rem;color: #666;}
.policy-con .policy-txt span
{line-height: 1.5; font-weight: 500;margin-bottom: 1rem;color: #666;}
.policy-con .policy-txt li::before{display: none;}
.policy-con .policy-txt dl a i.xi-link{transform: rotate(-45deg);}
.policy-con .policy-txt dl ol
{padding: 2rem;background-color: var(--sub-bg-color);margin-bottom: 1rem;}

/* subVisual */
#subVisual
{height: 20rem;position: relative;background: #fff;   background-position: right -5% bottom 50%;  background-size: 50%;  background-repeat: no-repeat; }
#subVisual .sub-container
{border-bottom:var(--border);padding-bottom: 2.5rem; }

/* sub-top-title */
.sub-visual-top
{display: block;margin: 2rem 0 0;}
.sub-top-title
{margin-bottom: 4rem;}
.sub-top-title small
{font-weight: 900; text-transform: capitalize; font-size: 1.6rem;  color: var(--hover-color);}
.sub-top-title h3
{font-family: var(--font2);margin-top: 1rem;font-weight: 900;color: var(--text-color)!important;font-size: 4rem;;}
.sub-visual-top ul.title-detail li
{display: inline-block;margin-right: 1rem;}

/* subMenu - dropdown */
.elementor-location-header {position:relative}
#subMenu
{position:absolute; bottom:2rem; }
#subMenu .e-con-inner{padding: 0;}
#breadcrumb
{width:100%;}
#breadcrumb .breadcrumb-con
{display:flex; align-items:center;  height:100%;justify-content: end;}
#breadcrumb .dep-con
{padding: 0 3rem; width:25rem; position: relative; cursor: pointer; height:5.5rem;  border-radius: 7rem; margin-left: 1rem;background: var(--sub-bg-color); color: var(--text-color);}
#breadcrumb .dep-con .dep-tit
{height:100%;}
#breadcrumb .dep-con .dep-tit .dep-active-tit
{display:flex; justify-content:space-between; align-items:center; height:100%;margin: 0;}
#breadcrumb .dep-con .dep-tit .dep-active-tit i
{ font-size:2.5rem;}
#breadcrumb .dep-con .dep-tit .dep-active-tit span
{font-size:1.8rem; font-weight: 600; }
#breadcrumb .dep-menu
{position:absolute; top:7.4rem; left:0;border-radius: 1rem; width:100%;background:#fff; border: var(--border); padding:2rem 3rem; z-index:9; display: none;}
#breadcrumb .dep-menu li a
{font-size:1.8rem; color:#00000071; display:block; padding:1rem 0; transition:all 0.3s ease; font-weight: 600;}
#breadcrumb .dep-menu li.current-menu-parent a,
#breadcrumb .dep-menu li.current-menu-item a
{color:#111;}
#breadcrumb .dep-menu li a:hover
{color:#111;}

/* subContent */
.sub-content{min-height: 700px;font-size: 1.8rem; color: #111;font-family: var(--font1); margin: 7rem 0 10rem;}
.sub-con-wrap{margin: 0 0 5rem;}
.sub-content .sub-bg
{background-color: var(--sub-bg-color);  padding: 7rem 0 5rem;  }
.sub-content .point
{text-decoration: underline;color: var(--point-color);font-weight: 500;text-underline-offset: 4px;}

/* sub-title */
#subContent .sub-title
{display: none;}
/* stitle */
.sub-con-wrap .stitle h3
{ font-size: 2.5rem;position: relative; font-family: var(--font1);  font-weight: bold;display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;margin-bottom:3rem;}
.sub-con-wrap .stitle h3 b
/* {color: var(--hover-color);font-size: 2.1rem; font-weight: 800;} */
{background-color: var(--hover-color);padding: .8rem 1.2rem;border-radius: 8rem;font-size: 1.4rem;font-weight: 800;color: #fff;}

/* detail boxes */
.detail-boxes{}
.detail-boxes .box
{width: auto;  display: flex;  flex-direction: row;  align-items: center;  gap: 1rem; border-radius: 5rem;}
.detail-boxes .box dl
{display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  gap: 1rem;}
.detail-boxes .box dt
{font-weight: bold;text-transform: capitalize;}
.detail-boxes .box dd
{ word-break: keep-all; font-weight: 500; text-align: center;}
.detail-boxes .box img
{max-height:8rem;}

/* detail-txt  */
.detail-txt
{display: flex;flex-direction: column;gap: 3rem;}
.detail-txt ul
{padding-left: 5%;margin-bottom: 1rem;}
.detail-txt li
{list-style: disc;}
.detail-txt dl
{display: flex;  gap: 1rem;  flex-direction: row;}
.detail-txt dl ul
{margin-bottom: 3rem;padding-left: 1rem;}
.detail-txt dl ul:last-child{margin-bottom: 0;}
.detail-txt dl dt
{color: var(--text-color);font-weight: 600;font-size: 2rem;min-width: 10rem;}

/* detail-con */
.detail-con
{background-color: #fff;border-radius: 2rem;overflow: hidden;}
.detail-con dl
{display: flex;  flex-direction: column;  width: 100%;}
.detail-con dl dt
{background: var(--text-color);  color: #fff; padding: 1.5rem;font-weight: 600;width: 100%;text-align: center;}
.detail-con dl dd
{padding: 2.5rem;display: flex;  flex-direction: row;  /*justify-content: space-between; */ align-items: flex-start;gap: 3rem;}
.detail-con dl dd ul
{display: flex;  flex-direction: column;  gap: 1rem;/*width: 100%;*/}
.detail-con dl dd ul li
{line-height: 1.7;  list-style: auto; margin-left: 4rem;font-weight: 500;}
.detail-con dl dd ul p
{font-weight: 600;margin:1rem 1rem 0.2rem; display: flex;  flex-direction: row;  align-items: center;}
.detail-con dl dd ul p::before
{display: inline;  content: '\e9a6';  font-weight: 600;  font-size: 2rem;  color: var(--text-color);  font-family: 'xeicon'; margin-right: 5px;}

/* boxes-03 common */
.detail-boxes.boxes-03 .box
{border-radius: 0;justify-content: center;margin-bottom: 5rem;}
.detail-boxes.boxes-03 dl
{width: 31%;background-color: #fff;border-radius: 3rem;align-items: start;gap: 1rem;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 3rem 0;position: relative;margin-right: 4rem;}
.detail-boxes.boxes-03 dl:nth-child(3n){margin-right: 0;}
.detail-boxes.boxes-03 dl::after
{display: inline;  content: '\ea3e';  font-weight: 600;  font-size: 3rem;  color: #d1d1d1;  font-family: 'xeicon';  position: absolute;  right: -4rem;  top: 50%;  transform: translateY(-50%) ;}
.detail-boxes.boxes-03 .box-default dl:nth-child(3n){position: relative;}
.detail-boxes.boxes-03 .box-default dl:nth-child(3n)::after
{position: absolute;  left: 50%; right: auto; top: 13rem; transform: translateX(-50%) rotate(90deg);}
.detail-boxes.boxes-03 dl dt
{color: var(--hover-color);}
.detail-boxes.boxes-03 .box-re
{flex-direction: row-reverse;margin-bottom: 3rem;}
.detail-boxes.boxes-03 .box-re dl
{margin-right: 0rem;margin-left: 4rem;}
.detail-boxes.boxes-03 .box-re dl:nth-child(1){margin-left: 4rem;}
.detail-boxes.boxes-03 .box-re dl:nth-child(3){margin-left: 0rem;}
.detail-boxes.boxes-03 .box-re dl::after
{left: -4rem; transform: translateY(-50%) rotate(-180deg);}
.detail-boxes.boxes-03 .box-re dl:nth-child(3)::after{display: block;}
.detail-boxes.boxes-03 .box-re dl:nth-child(1)::after{display: none;}

/* boxes-04 common */
.detail-boxes.boxes-04 .box
{border-radius: 0;justify-content: center; margin-bottom: 5rem;}
.detail-boxes.boxes-04 dl
{width: 22%;background-color: #fff;border-radius: 3rem;align-items: start;gap: 1rem;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 3rem 0;position: relative;margin-right: 4rem;}
.detail-boxes.boxes-04 dl:nth-child(4n){margin-right: 0;}
.detail-boxes.boxes-04 dl::after
{display: inline;  content: '\ea3e';  font-weight: 600;  font-size: 3rem;  color: #d1d1d1;  font-family: 'xeicon';  position: absolute;  right: -4rem;  top: 50%;  transform: translateY(-50%) ;}
.detail-boxes.boxes-04 dl:nth-child(4n)::after {display: none;}
.detail-boxes.boxes-04 dl dt
{color: var(--hover-color);}

/* link-common */
.link
{display: flex;  justify-content: center;}
.link a
{padding: 2rem 3rem;border-radius: 2rem;transition: var(--transition1);background-color: var(--text-color);font-weight: 600;color: #fff;display: flex;flex-direction: row;  align-items: center;  justify-content: center;  gap: 0.5rem;}
.link a:hover
{background-color: var(--main-color);}

/* sub slide common */
.slide-arrow-wrap
{position: relative;}
.sub-img-slide
{position: relative;}
.sub-img-slide .sub-img .img-box
{display: flex;flex-direction: row;flex-wrap: wrap;gap: 1rem;justify-content: center;}

/* sub slide arrow */
.sub-slide-controls
{position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  width: 110%;}
.sub-slide-controls .arrow
{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.sub-slide-controls .arrow button
{border: none; color: #fff; width: 6.4rem;height: 6.4rem; border-radius: 1.5rem; background-color: #d5d5d5; font-size: 2.5rem; display: flex;flex-direction: column;align-items: center;justify-content: center;transition: var(--transition1);}
.sub-slide-controls .arrow button:hover{background-color: var(--hover-color);}

/* sub01 */
/* 인사말 */
.intro-con{}
.intro-con .intro-top
{display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between;  text-align: center;  font-size: 4.5rem;  margin: 10rem 0;font-weight: 700;}
.intro-con .intro-top p
{margin: 0;    line-height: 0.5;}
.intro-con .intro-top strong
{color: var(--hover-color);font-weight: 800;font-size: 8rem;opacity: .15;}
.intro-con .intro-top strong b
{color: var(--main-color);font-weight: 800;}
.intro-con .intro-con-wrap
{display: flex;  flex-direction: row;  align-items: start;  justify-content: space-between;gap: 6rem;}
.intro-con .intro-txt
{width: 55%;margin-top: 1rem; ;}
.intro-con .intro-txt ul li
{ margin-bottom: 3rem; font-weight: 400;  word-break: keep-all;    line-height: 1.7;}
.intro-con .intro-txt ul li strong
{ line-height: 1.7;font-size: 3rem;  font-weight: 600;}
.intro-con .intro-txt ul li strong b
{color: var(--main-color); font-size: 3.2rem;  margin-right: 5px;  font-weight: 700;}
.intro-con .intro-txt ul li.ceo-name
{color: #a8a8a8; text-align: right;font-weight: 600;}
.intro-con .intro-img
{background: url(/wp-content/uploads/2026/03/mainVisual02.jpg) no-repeat center; border-radius: 2rem;;background-size: cover;width: 50%;height: 45rem;}

/* 연혁 및 개요 */
.history-con{}
.history-con .history-con-wrap
{display: flex;flex-direction: row;}
.history-con .history-con-wrap .history-txt
{display: flex;  flex-direction: row;  align-items: start;position: relative;  flex-wrap: wrap;  justify-content: space-between;}
.history-con .history-con-wrap .history-txt dl
{width: 50%;padding: 0 0 0  6rem;padding-bottom: 5rem;}
.history-con .history-con-wrap .history-txt dl:last-child{padding-bottom: 0;}
.history-con .history-con-wrap .history-txt dl:nth-child(odd)
{border-right: var(--border);}
.history-con .history-con-wrap .history-txt dl dt
{color: var(--hover-color); font-size: 2.5rem;font-weight: 800;margin-bottom: 3rem;position: relative;}
.history-con .history-con-wrap .history-txt dl dd
{display: flex;flex-direction: row;align-items: baseline;list-style: disc;margin-left: 1rem;margin-bottom: 2rem;}
.history-con .history-con-wrap .history-txt dl dd::before
{display: inline-block;vertical-align: middle; content: '⦁';color: #333;margin-right: 1rem;}
.history-con .history-con-wrap .history-txt dl dd p
{min-width: 13rem;color: #333;font-weight: 600;}
.history-con .history-con-wrap .history-txt dl dd span
{color: #777;line-height: 1.5;font-weight: 400;font-size: 1.8rem;}

/* 조직도 */
.group-con{}
.group-con .chart-img
{display: block;margin: auto;text-align: center}

/* 증명서 */
.cer-con{}
.cer-con .cer-con-wrap ul
{display: flex; flex-wrap: wrap;  justify-content: center;  align-items: flex-start;  gap: 3rem;}
.cer-con .cer-con-wrap ul li
{display: flex;flex-direction: column;align-items: start;justify-content: center;  gap: 2rem;  width: 23%;margin-bottom: 3rem;}
.cer-con .cer-con-wrap ul li p
{margin: 0;  background-color: var(--hover-color);  padding: 0.7rem 1.5rem;  color: #fff;  font-weight: 700;  font-family: var(--font2); border-radius: 7rem;font-size: 1.4rem;}
.cer-con .cer-con-wrap ul li span
{font-size: 2rem;font-weight: 600;color: #777;display: flex;flex-direction: row;align-items: center;gap: 1rem;padding-left: 2rem;}
.cer-con .cer-con-wrap ul li a
{position: relative;background-color: var(--sub-bg-color);border-radius: 3rem; padding: 3rem;overflow: hidden;}
.cer-con .cer-con-wrap ul li a::after
{content: '';background: url(/wp-content/uploads/2026/03/plus.png) no-repeat center,#00000071;background-size: auto;visibility: hidden;opacity: 0;transition: var(--transition1);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.cer-con .cer-con-wrap ul li a:hover::after
{visibility: visible;opacity: 1;}
.cer-con .cer-con-wrap ul li img
{width: 100%;}

/* 오시는 길 */
.direction-con{}
.root_daum_roughmap .cont .section.lst ,
.root_daum_roughmap .map_border
{border-bottom: 0;  display: none;}
.load
{margin-bottom: 2rem;width: 100%;}
.load .map
{width: 100%;}
.load .wrap_map
{height: 50rem!important;border-radius: 1rem;overflow: hidden;}
.direction-con .detail-boxes .box
{align-items: stretch; gap: 1.5rem;width: 100%;display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;;}
.direction-con .detail-boxes .box dl
{width: calc((100% - 1.5rem) / 2);padding: 3rem 4rem;  background: var(--sub-bg-color);border-radius: 1rem;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.direction-con .detail-boxes .box dl dt
{display: flex;flex-direction: row;align-items: center;gap: 1rem;color: var(--main-color);/*min-width: 15rem;*/font-weight: 700;}
.direction-con .detail-boxes .box dl dt i
{background-color: var(--main-color);width: 3rem;height: 3rem;border-radius: 100%;color: #fff;font-weight: 500;font-size: 1.4rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.direction-con .detail-boxes .box dl dd
{font-weight: 500;color: var(--text-color);}
.direction-con .detail-boxes .box-w100 dl
{width: 100%!important;margin-bottom: 1.5rem;/*background-color: var(--sub-color);*/}

/* sub02 */
/* 현장파쇄 서비스 */
.service-con{}
.service-con .sub-img-slide .sub-img .img-box img
{width: 32%;}

/* 입고 */
.incoming-con{}
.incoming-con .sub-img-slide .sub-img .img-box img
{width: 32%;}

/* 정기방문 */
.visit-con{}
.visit-con .sub-img-slide .sub-img .img-box img
{width: 32%;}

/* sub03 */
/* 시스템 + 종합자원 재활용 */
.system-con{}

/* 문서관리 서비스 */
.manage-con{}
.detail-boxes .box-re{justify-content: end;}
.box-logo
{min-height: 13.5rem;/*opacity: .2;*/}

/* 문서 스캔 */
.scan-con{}
.scan-con .stitle
{display: flex;flex-direction: column;text-align: center;}
.scan-con .stitle h2
{font-family: var(--font1);  font-size: 3rem;  font-weight: 600;  line-height: 1.7;margin-bottom: 2rem;}
.scan-con .stitle h2 strong
{font-family: var(--font1);  font-size: 3.5rem;  font-weight: 700;color: var(--main-color);}
.scan-con .stitle h4
{font-family: var(--font1);  font-size: 2.5rem;  font-weight: 600;  line-height: 1.7;margin-bottom: 5rem;;}
.scan-con .stitle h4 b
{color:var(--sub-color); font-weight: 700; }

.scan-con .detail-con-wrap
{display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 2rem;  width: 100%;  align-items: stretch;height: 100%;}
.scan-con .detail-con-wrap .detail-con
{background-color: #f8f8f8; width: calc(100% / 3 - 15px);  min-height: 100%;}
.scan-con .detail-con-wrap .detail-con dt
{ padding: 1.5rem 4rem;gap: 3rem;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;}
.scan-con .detail-con-wrap .detail-con dt i{font-size: 2.2rem;}
.scan-con span.small
{font-family: var(--font1);font-size: 1.6rem;font-weight: 600;color: #777;text-align: right;width: 100%;display: flex;justify-content: end; margin-bottom: 1rem;}
.scan-con .table-wrap
{display: flex;  flex-direction: row;  align-items: baseline;  gap: 12rem;}
.scan-con .table-wrap .table-common
{border-radius: 4rem;overflow: hidden;}
.scan-con .table-wrap .table-common td
{border:1px solid #f0f0f0!important;}
.scan-con .table-wrap .le-title
{flex: 1;}
.scan-con .table-wrap .le-title h3
{font-family: var(--font1);  font-weight: 600; font-size: 3.5rem; word-break: keep-all;  line-height: 1.5;}
.scan-con .table-wrap .le-title h4
{font-family: var(--font1);  font-weight: 500; font-size: 1.8rem; word-break: keep-all;  line-height: 1.5;color: #777;}
.scan-con table.table-common
{flex: 3;  box-shadow: 0 0 10px 3px #00000024;}
.scan-con table.table-common .color
{font-weight: 600;font-family: var(--font1);color: var(--main-color);}
.scan-con .scan-icon-wrap
{display: flex; flex-direction: row;  justify-content: space-evenly; align-items: flex-start;  border-bottom: 1px solid #ddd;  padding-bottom: 5rem;}
.scan-con .scan-icon-wrap dl
{display: flex;  flex-direction: column;  align-items: center;  text-align: center;}
.scan-con .scan-icon-wrap dl dt
{font-family: var(--font2);  font-size: 3rem;  margin-bottom: 1.5rem;font-weight: 600;  color: #111;}
.scan-con .scan-icon-wrap dl dt strong
{color: var(--hover-color);}
.scan-con .scan-icon-wrap dl dd
{color: #555;/*font-style: italic;*/}
.scan-con .scan-icon-wrap .scan-icon
{width: 200px;height: 200px;background-size: cover;background-repeat: no-repeat;}
.scan-con .scan-icon-wrap .scan-icon.sicon01{background-image: url(/wp-content/uploads/2026/05/scan-icon01.png);}
.scan-con .scan-icon-wrap .scan-icon.sicon02{background-image: url(/wp-content/uploads/2026/05/scan-icon02.png);}
.scan-con .scan-icon-wrap .scan-icon.sicon03{background-image: url(/wp-content/uploads/2026/05/scan-icon03.png);}
.scan-con .detail-con-wrap-04
{margin-top: 2rem;}
.scan-con .detail-con-wrap-04 .detail-con
{width: calc(100% / 4 - 15px);}
.scan-con .detail-con-wrap-04 .detail-con dl
{align-items: center;}
.scan-con .detail-con-wrap-04 .detail-con dl dt
{flex-direction: column;;}
.scan-con .detail-con-wrap-04 .detail-con dl dd
{text-align: center;font-weight: 600;}
.scan-con .boxes-04{}
.scan-con .boxes-04 .box
{align-items: stretch;margin-bottom: 4rem;}
.scan-con .boxes-04 .box dl
{min-height: 100%;justify-content: flex-start; width: calc(100% / 4 - 20px);margin-right: 1rem;}
.scan-con .detail-boxes.boxes-04 dl::after{display: none;}
.scan-con .boxes-04 .box dl dd
{text-align: center;}
.scan-con .link1
{justify-content: start;margin-top: 2rem;}
.scan-con .link1 a
{background-color: var(--main-color)}
.scan-con .link2
{margin-top: 3rem;}
.scan-con .link3 a
{background-color: var(--hover-color)}
.scan-con .scan-img-wrap
{display: flex;flex-direction: row;align-items: stretch;justify-content: center;}
.scan-con .scan-img-wrap .scan-img
{background-position: center;background-repeat: no-repeat;background-size: contain;width: calc(100%/3 - 80px);height: 50rem;}
.scan-con .scan-img-wrap .scan-img.simg01{background-image: url(/wp-content/uploads/2026/05/simg01.jpg);}
.scan-con .scan-img-wrap .scan-img.simg02{background-image: url(/wp-content/uploads/2026/05/simg02.jpg);}
.scan-con .scan-img-wrap .scan-img.simg03{background-image: url(/wp-content/uploads/2026/05/simg03.jpg);}

/* sub04 */
/* 재활용 */
.recycling-con{}
.recycling-con .detail-con
{margin: 2rem 0 0 6rem;}
.recycling-con .detail-boxes dl
{background-color: var(--sub-bg-color);}

/* sub05 */
/* 주요고객사 */
.customer-con{}
.customer-con .sub-bg{padding: 10rem 0;}
.customer-con .partner-wrap
{display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 2rem; justify-content: center;}
.customer-con .partner-wrap .img
{flex-direction: column;  align-items: center; width: 18.8%; min-height: 13rem;  background: #fff;  border-radius: 1rem;  display: flex;  justify-content: center;}

/* sub06 */
/* faq */
.faq-con .accordion
{padding: 0;margin: 0;width: 100%;  border-radius: 3rem;  overflow: hidden; border: var(--border);}
.faq-con .accordion li
{width: 100%;  padding:0 2rem;border-bottom: var(--border);}
.faq-con .accordion li:last-child{border-bottom: none;}
.faq-con .accordion button
{width: 100%;padding:3rem  2rem;  text-align: left;border: none;  cursor: pointer;  outline: none;  font-size: 2rem;  font-weight: 600;  color: var(--text-color); display: flex; gap: 2rem; flex-direction: row;;align-items: center;position: relative; }
.faq-con .accordion button::before
{content: 'Q';  font-size: 1.8rem;  color: #777;  width: 4rem;  height: 4rem;  display: flex;  border-radius: 100%;  font-family: var(--font1); font-weight: 500;  background-color: var(--sub-bg-color);  flex-direction: column;  justify-content: center;  align-items: center;}
.faq-con .accordion button:hover ,
.faq-con .accordion button:focus
{background:transparent;}
.faq-con .accordion .content
{display:none;background: #fff;}
.faq-con .accordion .content
{padding:0rem 2rem 2rem;}
.faq-con .accordion .content p
{margin: 0;line-height: 2; width: 93%;word-break: keep-all;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  gap: 2rem}
.faq-con .accordion .content p::before
{content: 'A';  font-size: 1.8rem;  color: var(--hover-color);min-width: 4rem;  height: 4rem;  display: flex;  border-radius: 100%;  font-family: var(--font1);font-weight: 500;  background-color:#ffe7d0;  flex-direction: column;  justify-content: center;  align-items: center;}
.faq-con .accordion li.active > button
{font-weight: 700;}
.faq-con .accordion li button::after
{width: 5rem;height: 5rem;background-color:#0a0a0a;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 1rem;font-family: var(--font2);  font-size: 4rem;  font-weight: 100;position: absolute;right: 2rem;top: 50%;transform: translateY(-50%);}
.faq-con .accordion li.active > button::after
{content: "−";}
.faq-con .accordion li button::after
{content: "+";}

/* 견적문의 */
#inquiry-style04-tbl .write-box
{/*display:flex; flex-wrap:wrap; padding-left: 2%;*/}
#inquiry-style04-tbl .write-box dl
{/*display: flex;flex-direction: row;justify-content: space-between;align-items: baseline;;*/}
#inquiry-style04-tbl .write-box dl.w50
{width: 49%;display: inline-block;    margin-bottom: 1rem;}
#inquiry-style04-tbl .write-box dl.w50:nth-child(odd)
{margin-right: 1.5rem;}
#inquiry-style04-tbl .write-box dl.w100
{width:100%;/* border-bottom: 1px solid #ddd;  padding-bottom: 2rem;*/}
#inquiry-style04-tbl .write-box dl.w100 dd
{width: 100%;}
#inquiry-style04-tbl .write-box dl dt
{font-size:2rem; color:#000;font-weight: 600; min-width: 19rem;}
#inquiry-style04-tbl .write-box dl dt p b
{color: #e03333;margin-right: 2px;}
#inquiry-style04-tbl .write-box dl dd input,
#inquiry-style04-tbl .write-box dl dd textarea ,
#inquiry-style04-tbl .write-box dl dd select
{background:#fff; padding:1.5rem; font-size:1.5rem; color:#484848; border-radius:0px; border:var(--border);border-radius: 1rem;}
#inquiry-style04-tbl .write-box dl dd input::placeholder,
#inquiry-style04-tbl .write-box dl dd textarea::placeholder
{color:#999;}
#inquiry-style04-tbl .terms
{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;width: 100%;border-radius: 2rem;}
#inquiry-style04-tbl .terms p
{display:flex; align-items:baseline;margin: 0;}
#inquiry-style04-tbl .terms p span
{font-size:1.5rem; margin:0;}
#inquiry-style04-tbl .terms a
{margin-left:1rem; color:#101010; display:inline-block; border-bottom:2px solid #101010; font-size:1.8rem; padding:0.5rem 0.7rem;}
#inquiry-style04-tbl .submit-con
{ text-align:left;}
#inquiry-style04-tbl .submit-con input
{border:none; background:var(--text-color); color:#fff; font-size: 1.8rem;  padding: 1.5rem 5rem;  transition: all 0.3s ease;  border-radius: 1rem; font-weight: 600;}
#inquiry-style04-tbl .submit-con input:hover
{ background:var(--main-color);}
#inquiry-style04-tbl .terms
{display: flex;flex-direction: column;gap: 2rem;border: var(--border);margin-top: 3rem;}
#inquiry-style04-tbl .terms-02 p{margin: 0;}
#inquiry-style04-tbl dd.input-02  p
{display: flex;flex-direction: column; width: 100%;  gap: 1rem;margin: 0;}
#inquiry-style04-tbl .terms-02
{display: flex;flex-direction: row;align-items: center;width: 100%; justify-content:center;margin-top: 2rem;margin-bottom: 5rem;}
#inquiry-style04-tbl .terms-02 .wpcf7-spinner{display: none;}
#inquiry-style04-tbl .detail-con{}
#inquiry-style04-tbl .detail-con dl
{width: 100%;}
#inquiry-style04-tbl .detail-con dl dt
{font-weight: 600;    display: flex;  justify-content: center;}
#inquiry-style04-tbl .detail-con dl dd ul p::before{display: none;}
.write-box ul li::before{display: none;}
.wpcf7-list-item-label
{ pointer-events: auto!important; font-size: 2rem;  font-weight: 700;}
.form-hide {  display: none!important;margin-top: 2rem;}
.form-hide.active {  display: block!important}
.js-radio-toggle ul
{display: flex;flex-direction: column;gap: 2rem;}
.wpcf7-list-item{margin: 0;margin-right: 1rem!important;}
.js-amount
{display: flex;flex-direction: column!important;;}
.js-amount .form-hide{margin-top: 1rem;}
ul.form-hide li {margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc;}
ul.form-hide li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
#inquiry-style04-tbl input[value="-"],
#inquiry-style04-tbl input[value="none"],
#inquiry-style04-tbl input[value="default"] {  display: none;}
#inquiry-style04-tbl input[value="-"] + span,
#inquiry-style04-tbl input[value="none"] + span,
#inquiry-style04-tbl input[value="default"] + span {  display: none;}
/* 경고문 none */
#inquiry-style04-tbl .wpcf7-not-valid-tip{display: none;}
/* 안내문 none */
.wpcf7 form .wpcf7-response-output
{border: none!important; display: none;}

/* 팝업 popup 견적문의 */
#popmake-1230{}
.pum-container.pum-responsive.pum-responsive-medium
{margin-left: -32%;  width: 70%; background: #fff;box-shadow: none;}
.pum-theme-1220 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close
{background-color: transparent;border: none;text-shadow: none;box-shadow: none;color: transparent!important;}
.pum-theme-1220 .pum-content + .pum-close::before
{content: '\e921';display: block;font-family: 'xeicon';color: #111!important;position: absolute; right: -3rem;  top: 5px;  font-size: 2.5rem;font-weight: 600;}

/* 기본적으로 모든 서브 페이지에서 팝업창과 어두운 배경(Overlay)을 완전히 증발시킴 */
body:not(.home) #pum-1230,
body:not(.home) .pum-overlay,
body:not(.home) .pum {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


@media screen and (max-width: 1760px) {
.sub-slide-controls {width: auto; top: -8rem; left: auto; right: -5rem; transform: translate(-50%, 0);}
.sub-slide-controls .arrow {gap: 2rem;}
}

@media screen and (max-width: 1300px) {
.intro-con .intro-top {margin: 8rem 0; font-size: 3.2rem;}
.intro-con .intro-top strong {font-size: 6rem;}
.history-con .history-con-wrap .history-txt dl {width: 100%; padding: 3rem;}
.history-con .history-con-wrap .history-txt dl:nth-child(odd) {padding-bottom: 3rem; border-right: 0; border-top: var(--border); border-bottom: var(--border);}
.history-con .history-con-wrap .history-txt dl dd {margin-bottom: 0;}
.history-con .history-con-wrap .history-txt dl dd + dd {margin-top: 2rem;}
.load .map {height: 45rem;}
.scan-con .scan-img-wrap {gap: 3rem;}
.scan-con .scan-img-wrap .scan-img {width: 100%;}
#inquiry-style04-tbl .write-box {display: flex; flex-flow: row wrap; justify-content: space-between;}
#inquiry-style04-tbl .write-box dl.w50:nth-child(odd) {margin: 0;}

.customer-con .partner-wrap .img {width: 20rem; padding: 1rem; min-height: 0;}

}
@media screen and (max-width: 1024px) {
.sub-content {margin: 6rem 0;}
.sub-con-wrap {margin: 0 0 4rem;}
.intro-con .intro-con-wrap {gap: 4rem; flex-flow: row wrap;}
.intro-con .intro-img {height: 35rem; width: 100%;}
.intro-con .intro-txt {width: 100%; margin-top: 0;}
.intro-con .intro-txt ul li {margin-bottom: 1rem; font-size: 1.7rem;}
.intro-con .intro-txt ul li strong,
.intro-con .intro-txt ul li strong b {font-size: 2.4rem;}

.intro-con .intro-top {margin: 6rem 0; font-size: 2.8rem;}
.intro-con .intro-top strong {font-size: 5rem;}
.intro-con .intro-img {height: 30rem;}

.history-con .history-con-wrap .history-txt dl {padding: 2rem;}
.history-con .history-con-wrap .history-txt dl:nth-child(odd) {padding-bottom: 2rem;}
.history-con .history-con-wrap .history-txt dl dt {font-size: 2.1rem;}
.history-con .history-con-wrap .history-txt dl dd+dd {margin-top: 1rem;}
.history-con .history-con-wrap .history-txt dl dd p {min-width: 9rem; font-size: 1.7rem;}
.history-con .history-con-wrap .history-txt dl dd span {font-size: 1.5rem;}

.cer-con .cer-con-wrap ul li {width: 30%; margin-bottom: 0; align-items: center;}
.cer-con .cer-con-wrap ul li a {border-radius: 2rem;  padding: 2rem;}
.cer-con .cer-con-wrap ul li span {padding-left: 0; font-size: 1.7rem;}
.cer-con .cer-con-wrap ul li p {padding: 0.3rem 1rem 0.1rem; font-size: 1.3rem;}

.tab-wrap .tab-btn {font-size: 1.8rem; padding: 2rem 1rem;}
.load .map {height: 35rem;}
.direction-con .detail-boxes .box dl {flex-flow: row wrap; padding: 2.5rem 2rem;}
.direction-con .detail-boxes .box dl dt {font-size: 1.7rem;}
.direction-con .detail-boxes .box dl dt i {width: 2.5rem; height: 2.5rem; font-size: 1.2rem;}
.direction-con .detail-boxes .box dl dd {font-size: 1.5rem;}

.sub-top-title h3 {font-size: 3.6rem;}
.sub-visual-top ul.title-detail li {margin-right: 0.5rem; font-size: 1.7rem;}
#breadcrumb .dep-con {padding: 0 2.1rem; width: 20rem; height: 5rem;}
#breadcrumb .dep-con .dep-tit .dep-active-tit span {font-size: 1.6rem;}
#breadcrumb .dep-con .dep-tit .dep-active-tit i {font-size: 2rem;}
#breadcrumb .dep-menu {top: 6rem; padding: 1rem 2rem;}
#breadcrumb .dep-menu li a {font-size: 1.6rem; padding: 0.8rem 0;}

.sub-con-wrap .stitle h3 {margin-bottom: 2rem; font-size: 2.1rem;}
.sub-con-wrap .stitle h3 b {padding: .5rem 1rem;}
.detail-txt ul {padding-left: 4%;}
.detail-txt li {font-size: 1.7rem;}
.sub-content .sub-bg {padding: 5rem 0;}
.detail-boxes .box dt {font-size: 1.5rem;}
.detail-boxes .box dd {font-size: 1.7rem;}
.detail-boxes.boxes-03 .box {margin-bottom: 3rem; justify-content: space-between;}
.detail-boxes.boxes-03 dl {width: 31%; gap: 0; padding: 2rem 0; margin-right: 2rem; border-radius: 2rem;}
.detail-boxes.boxes-03 dl::after {font-size: 2rem; right: -2.3rem;}
.detail-boxes.boxes-03 .box-re dl {margin: 0;}
.detail-boxes.boxes-03 .box-re dl:nth-child(1) {margin-left: 0;}
.detail-con dl dt {font-size: 1.7rem;}
.detail-con dl dd ul li {margin-left: 2rem; font-size: 1.6rem; line-height: 1.4;}
.sub-slide-controls {top: -5rem; right: -4rem;}
.sub-slide-controls .arrow {gap: 1rem;}
.sub-slide-controls .arrow button {width: 4rem; height: 4rem; font-size: 1.8rem; border-radius: 1rem;}
.link a {padding: 1.5rem 2.5rem; border-radius: 1.5rem; font-size: 1.7rem;}
.detail-boxes.boxes-03 .box-default dl:nth-child(3n)::after {top: 9rem;}
.detail-boxes.boxes-04 .box {gap: 3rem; flex-flow: row wrap;}
.detail-boxes.boxes-04 dl {width: 100%; margin-right: 0;}
.detail-boxes.boxes-04 dl::after {font-size: 2rem; right: auto; top: auto; bottom: -4.5rem; transform: translateY(-50%) rotate(90deg);}
.detail-con dl dd {flex-direction: column; gap: 1rem;}
.detail-con dl dd ul p {margin: 1rem 0rem 0.2rem; font-size: 1.7rem;}

.scan-con .detail-con-wrap .detail-con {width: 100%;}
.scan-con .detail-con-wrap .detail-con dt {padding: 1.5rem 3rem; gap: 0;}
.scan-con .table-wrap {flex-direction: column; gap: 4rem;}
.scan-con .table-wrap .le-title {width: 100%; text-align: center;}
.scan-con .table-wrap .sub-table-wrap {width: 100%;}
.scan-con .link1 {justify-content: center;}
.scan-con .scan-icon-wrap {flex-flow: row wrap; gap: 4rem;}
.scan-con .scan-icon-wrap dl {width: 100%;}

.scan-con .stitle h2,
.scan-con .stitle h2 strong {font-size: 2.8rem; line-height: 1.4; margin-bottom: 0;}
.scan-con .stitle h4 {font-size: 2.1rem; line-height: 1.6; margin-bottom: 4rem;}
.scan-con .table-wrap .le-title h3 {font-size: 2.6rem; line-height: 1.4;}
.scan-con .table-wrap .le-title h4 {font-size: 1.6rem;}

.scan-con .scan-icon-wrap .scan-icon {width: 15rem; height: 15rem;}
.scan-con .scan-icon-wrap dl dt {font-size: 2.4rem; margin-bottom: 1rem;}
.scan-con .scan-icon-wrap dl dd {font-size: 1.7rem;}

.recycling-con .detail-con {margin: 2rem 0 0 0;}
.faq-con .accordion li {padding: 0;}
.faq-con .accordion button {font-size: 1.8rem;}
.faq-con .accordion button::before {width: 3rem; height: 3rem;}
.faq-con .accordion li button::after {width: 4rem; height: 4rem; font-size: 3rem;}
.faq-con .accordion .content p {font-size: 1.7rem; line-height: 1.6;}
.faq-con .accordion .content p::before {min-width: 3rem; height: 3rem;}

.sub-container .sub-container {padding: 0;}

}
@media screen and (max-width: 767px) {
.cer-con .cer-con-wrap ul li a::after {background-size: 20%;}
.sub-content {min-height: 40rem;}
.intro-con .intro-txt ul li {font-size: 1.6rem;}
.intro-con .intro-txt ul li strong,.intro-con .intro-txt ul li strong b {font-size: 2.1rem;}

.intro-con .intro-top {margin: 5rem 0; font-size: 2.1rem;}
.intro-con .intro-img {height: 25rem;}
.intro-con .intro-txt ul li strong, .intro-con .intro-txt ul li strong b {font-size: 1.9rem;}
.intro-con .intro-top strong {font-size: 3.8rem;}

.history-con .history-con-wrap .history-txt dl {padding: 2rem 1rem;}
.history-con .history-con-wrap .history-txt dl dt {margin-bottom: 1rem;}
.history-con .history-con-wrap .history-txt dl dd {flex-flow: row wrap;}
.history-con .history-con-wrap .history-txt dl dd::before {margin-right: 0.5rem;}
.history-con .history-con-wrap .history-txt dl dd span {width: 100%;}
.history-con .history-con-wrap .history-txt dl dd p {margin-bottom: 0;}

.cer-con .cer-con-wrap ul {gap: 2rem 2.5rem;}
.cer-con .cer-con-wrap ul li {width: 46%; gap: 1rem;}
.cer-con .cer-con-wrap ul li span {font-size: 1.6rem; line-height: 1.2; word-break: auto-phrase;}

.tab-wrap .tab-btn {padding: 1.5rem 1rem; font-size: 1.7rem;}
.load .map {height: 30rem;}
.direction-con .detail-boxes .box dl {width: 100%; padding: 2rem;}
#subContent .tab-buttons {margin-bottom: 4rem;}

.sub-top-title {margin-bottom: 3rem;}
.sub-top-title h3 {font-size: 2.8rem; margin-top: 0;}
.sub-visual-top ul.title-detail li {margin-right: 0.1rem; font-size: 1.6rem;}
#subVisual {height: auto;}
#subVisual .sub-container {padding-bottom: 7rem;}
#subMenu {bottom: 1rem;}
#breadcrumb .dep-con {height: 4.5rem; margin: 0;}
#breadcrumb .breadcrumb-con {gap: 1rem;}
#breadcrumb .dep-menu li a {font-size: 1.4rem; padding: 0.5rem 0;}
#breadcrumb .dep-con .dep-tit .dep-active-tit span {font-size: 1.5rem;}
.sub-top-title small {font-weight: 800; font-size: 1.5rem;}

.sub-con-wrap .stitle h3 {font-size: 1.8rem; gap: 0.7rem;}
.sub-con-wrap .stitle h3 b {font-size: 1.3rem; font-weight: 700;}
.detail-txt ul {padding-left: 4%;}
.detail-txt li {font-size: 1.6rem;}
.detail-boxes.boxes-03 .box {margin-bottom: 0; gap: 0; flex-flow: row wrap;}
.detail-boxes.boxes-03 dl,
.detail-boxes.boxes-03 .box-re dl {width: 100%; gap: 0; margin-right: 0; margin-bottom: 3rem;}
.detail-boxes.boxes-03 dl::after {right: auto; top: auto; bottom: -3rem; transform: rotate(90deg);}
.detail-boxes.boxes-03 .box-re dl:nth-child(1),
.detail-boxes.boxes-03 .box-re dl {margin-left: 0;}
.detail-boxes.boxes-03 .box-re dl::after {left: auto; bottom: 7.3rem; transform: translateY(-50%) rotate(90deg);}
.detail-boxes.boxes-03 .box-default dl:nth-child(3n)::after {top: 9rem;}
.detail-con dl dd {padding: 2rem;}
.sub-slide-controls .arrow button {width: 3rem; height: 3rem; font-size: 1.6rem;}
.service-con .sub-img-slide .sub-img .img-box img,
.incoming-con .sub-img-slide .sub-img .img-box img,
.visit-con .sub-img-slide .sub-img .img-box img {width: 48%;}

.scan-con .stitle h2,
.scan-con .stitle h2 strong {font-size: 2.1rem;}
.scan-con .stitle h4 {font-size: 1.8rem; word-break: auto-phrase;}
.scan-con .table-wrap .le-title h3 {font-size: 2.1rem;}
.link a {padding: 1.3rem 2rem; font-size: 1.5rem;}
.scan-con .scan-icon-wrap .scan-icon {width: 12rem; height: 12rem;}
.scan-con .scan-icon-wrap dl dt {font-size: 1.8rem;}
.scan-con .scan-icon-wrap dl dd {font-size: 1.5rem;}

.scan-con .boxes-04 .box dl {width: 100%; margin-right: 0; padding: 2.5rem 0;}
.scan-con .scan-img-wrap .scan-img {height: 30rem;}

.wpcf7-list-item-label {font-size: 1.7rem;}
#inquiry-style04-tbl .write-box dl.w50:nth-child(odd) {width: 100%;}
#inquiry-style04-tbl .write-box dl.w50 {width: 100%;}
#inquiry-style04-tbl .write-box dl p {font-size: 1.6rem;}
#inquiry-style04-tbl .submit-con input {font-size: 1.5rem; padding: 1.3rem 4rem;}
#inquiry-style04-tbl .terms-02 {margin-bottom: 2rem;}

.faq-con .accordion button {padding: 2rem; gap: 1rem; font-size: 1.7rem;}
.faq-con .accordion li button::after {width: 3rem; height: 3rem; font-size: 2rem;}
.faq-con .accordion .content p {font-size: 1.6rem; gap: 1rem;}
.load {margin-bottom: 4rem;}


}
@media screen and (max-width: 560px) {
.intro-con .intro-top strong {font-size: 2.8rem; white-space: nowrap;}
.cer-con .cer-con-wrap ul li a {padding: 1.2rem;}
.direction-con .detail-boxes .box dl {flex-direction: column; align-items: center;}
.direction-con .detail-boxes .box dl dd {text-align: center;}
.scan-con .detail-con-wrap .detail-con dt {padding: 1.5rem 2rem; font-size: 1.6rem;}
.scan-con span.small {font-size: 1.4rem; text-align: left;}
.scan-con .detail-con-wrap-04 .detail-con dl dd {font-size: 1.6rem;}
.scan-con .scan-img-wrap {flex-direction: column;}

.customer-con .partner-wrap .img {width: 100%;}
.customer-con .partner-wrap .img img {height: 6rem;}
.faq-con .accordion li button::after {display: none;}
.faq-con .accordion button::before {min-width: 3rem;}
.faq-con .accordion button {padding: 1.5rem; font-size: 1.6rem; white-space: normal;}
.faq-con .accordion .content {padding: 0rem 1rem 2rem;}
.intro-con .intro-txt ul li strong,
.intro-con .intro-txt ul li strong b {line-height: 1.6;}
#breadcrumb .dep-con {padding: 0 1.8rem;}
.sub-content {margin: 5rem 0;}
.detail-con dl dd ul p {font-size: 1.6rem;}
.detail-con dl dd ul li {font-size: 1.5rem;}
.sub-top-title h3 {font-size: 2.6rem;}
.wpcf7-list-item-label {font-size: 1.6rem;}
.cer-con .cer-con-wrap ul li a {border-radius: 1rem;}
}
@media screen and (max-width: 450px) {
.cer-con .cer-con-wrap ul li {width: 100%;}


}