@charset "utf-8";
.table-wrap table {width: 100%; border-collapse: collapse; text-align: center;}
.table-wrap th {background: #f9f9f9; font-weight: 600;}
.table-wrap th, .table-wrap td {border: 1px solid #ddd; padding: 16px 5px;}
.bdrs16, .border-box.bdrs16:before {border-radius: var(--bdrs16); overflow: hidden;}
.bdrs24, .border-box.bdrs24:before {border-radius: var(--bdrs24); overflow: hidden;}
.indent10 {text-indent: -10px; padding-left: 10px;}
.circle-list>li {position: relative; padding-left: 20px;}
.circle-list>li:before {position: absolute; content: 'ㆍ'; left: 0; font-weight: 900; color: var(--primary-color);}
.bb {border-bottom: 1px solid #ddd;}
.greeting-box {padding: clamp(25px, calc( 90 / var(--inner) * 100vw ), 90px) var(--container-space); font-size: 28px;}
.greetings h2 {position: relative; padding-bottom: clamp(30px, calc( 57 / var(--inner) * 100vw ), 57px); margin-bottom: clamp(10px, calc( 17 / var(--inner) * 100vw ), 17px);}
.greetings h2:before {position: absolute; content: ''; bottom: 0; left: 0; width: 1px; height: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); background: var(--primary-color);}
.cert .sec:not(:last-child) {margin-bottom: clamp(40px, calc( 75 / var(--inner) * 100vw ), 75px);}
.cert h2 {position: relative; padding-left: 12px;}
.cert h2:before {position: absolute; content: ''; left: 0; top: 50%; width: 4px; height: 21px; margin-top: -10px; background: vaR(--primary-color);}
.cert-items {display: flex; flex-wrap: wrap; gap: 30px 0; margin: 0 calc(clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) * -1);}
.cert-item {width: 25%; padding: 0 clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.cert-img {position: relative; width: 100%; padding-bottom: 140.74074%; overflow: hidden; margin-bottom: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px);}
.cert-img:before {z-index:1;}
.cert-img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: contain;}
.direction-img {min-width: 25%; margin-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.direction-items {margin-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
html[lang="en"] .direction-items {flex-wrap: wrap; gap: 20px 0;}
.direction-item {display: flex; align-items: center; gap: 10px;}
html[lang="en"] .direction-item:first-child {width: 100%;}
html[lang="en"] .direction-item:first-child:before {content: none;}
.direction-item:not(:last-child) {position: relative; padding-right: clamp(15px, calc( 45 / var(--inner) * 100vw ), 45px); margin-right: clamp(15px, calc( 45 / var(--inner) * 100vw ), 45px);}
.direction-item:not(:last-child):before {position: absolute; content: ''; right: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background: #ddd;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .google-maps iframe, .google-maps iframe {width: 100% !important;}
.root_daum_roughmap .wrap_controllers {background-color: #f9f9f9;border: 1px solid rgba(0,0,0,.1);border-radius: 0 0 2px 2px;overflow: hidden;padding: 7px 11px}
.root_daum_roughmap .wrap_controllers .tit_controllers {float: left}
.root_daum_roughmap .wrap_controllers .tit_controllers img {display: block;height: 16px;width: 72px}
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview {float: right;font-size: 11px;position: relative;top: 1px}
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview .txt {color: #000;float: left;height: 15px;line-height: 15px;padding-top: 1px}
.information .sec:not(:last-child) {margin-bottom: clamp(40px, calc(100 / var(--inner) * 100vw ), 100px);}
.information .sec.sec-feature, .information .sec.sec-result2 {margin-bottom: 0;}
.info-process-img {margin: clamp(10px, calc(20 / var(--inner) * 100vw ), 20px) 0;}
.info-process {margin: 0 calc(clamp(15px, calc(45 / var(--inner) * 100vw ), 45px) * -1);}
.info-process-item {padding: 0 clamp(15px, calc(45 / var(--inner) * 100vw ), 45px);}
.info-process-item ul {margin-top: 10px;}
.info-process-step {display: block; padding: 7px; border-radius: 20px; font-weight: 700;}
.solution-img {padding: clamp(20px, calc(60 / var(--inner) * 100vw ), 60px) var(--container-space);}
.model-view {display: flex;}
.model-photo {position: relative; width: 33.33335%; margin-right: clamp(25px, calc(40 / var(--inner) * 100vw ), 40px);}
.model-photo .model-img {margin-bottom: 0; }
.model-spec strong {display: block;}
.model-photo .slick-dots {display: flex; justify-content: center; gap: 8px; position: absolute; bottom: 20px; left: 0; width: 100%; line-height: 0;}
.model-photo .slick-dots button {display: block; width: 10px; height: 10px; border-radius: 100%; background: #ddd; border: 0; overflow: hidden; text-indent: -999em;}
.model-photo .slick-dots .slick-active button {background: var(--primary-color);}
.model-photo .slick-arrow { filter: brightness(.5);}
.model-photo .slick-arrow:hover {filter: none;}
.sec-result .table-wrap td {text-align: left; padding-left: 20px;}
.table-logo {margin-left: 5px;}
.result-items {gap: clamp(20px, calc(40 / var(--inner) * 100vw ), 40px);}
.result-tit {padding: 12px; margin-bottom: clamp(12px, calc(20 / var(--inner) * 100vw ), 20px); background: rgba(253,184,19,.2); border-radius: 20px; text-align: center; color: var(--dark-color); font-weight: 700; font-size: clamp(15px, calc(18 / var(--inner) * 100vw ), 18px);}
.result-gallery {gap: 12px;}
.cert-wrapper {display: flex; gap: clamp(10px, calc(20 / var(--inner) * 100vw ), 20px);}
html[lang="en"] .cert-wrap {gap: clamp(20px, calc(40 / var(--inner) * 100vw ), 40px);}
.extinguisher-mid {padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 0; margin: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.usage-items {display: flex; flex-wrap: wrap; margin: -12px;}
.usage-item {width: 20%; padding: 12px;}
.usage-wrap {display: flex; justify-content: center; align-items: center; height: 100%; padding: 17px; border-radius: 30px; background: rgba(253,184,19,.4); font-weight: 500; text-align: center;}
.info-product-txt {padding-left: clamp(25px, calc(45 / var(--inner) * 100vw ), 45px);}
.map-overlay {display: flex; flex-direction: column-reverse;}
.direction-add {display: block;padding: 0 70px;background: #fff;font-size: 13px;}
.customoverlay {position: relative; bottom: 170px; padding-bottom: 60px;}
.information .sec-cert {display: none;}