/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/
/* subVisual */
#subVisual
{height: 50rem;position: relative;background: #fff;background-position:center; background-repeat: no-repeat;background-attachment: fixed;background-size: 130% auto;  transition: background-size 2.5s ease-out;}
#subVisual.is-loaded {background-size: 100% auto;}
#subVisual.intro{background-image: url(/wp-content/uploads/2026/05/subVisual01.jpg);}
#subVisual.prd{background-image: url(/wp-content/uploads/2026/05/subVisual02.jpg);}
#subVisual.customer{background-image: url(/wp-content/uploads/2026/05/subVisual03.jpg);}
#subVisual::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000000; opacity: 0.5;}

/* sub-top-title */
.sub-visual-top
{display: block;margin: 15rem 0 0;text-align: left;}
.sub-top-title h3
{font-family: var(--font1);font-weight: 600;color: #fff!important; font-size: 6.5rem;  margin-top: 3rem;margin-bottom: 3rem}
.sub-top-title small
{color: #fff;  font-size: 1.8rem;  font-weight: 700;  font-family: var(--font1);display: flex;flex-direction: row;align-items: center;margin-bottom: 4rem;}
.sub-top-title small::before
{content: '';display: block;width: 6px;height: 16px;background-color: #e60012;margin-right: 1rem;}
.sub-visual-top ul.title-detail
{display: flex;  justify-content: flex-end;}
.sub-visual-top ul.title-detail li
{display: inline-block;vertical-align: middle;margin-right: 0.5rem;margin-bottom: .5rem;color: #fff;font-weight: 500;  font-family: var(--font1);}
.sub-visual-top ul.title-detail li i
{color: #fff;font-weight: 500;}

/* deatilMenu */
#detailMenu.detail-menu
{width: 100%;max-width: 1560px;margin: auto;position: relative; border-top: 1px solid #ffffff61; padding-top: 3rem;}
#detailMenu.detail-menu ul
{display: flex;gap: 1.5rem;}
#detailMenu.detail-menu ul li a
{font-weight: 600;font-size: 2rem; cursor: pointer;font-family: var(--font1);color: #7b7b7b!important; transition: var(--transition1);padding: 2rem 6rem; display: flex; flex-direction: column; align-items: center;background-color: #ffffff41!important;backdrop-filter: blur(8px);color: #fff!important;border-radius: 7px;}
#detailMenu.detail-menu ul li .elementor-item-active,
#detailMenu.detail-menu ul li.current-menu-item a,
#detailMenu.detail-menu ul li a:hover,
#detailMenu.detail-menu ul li.current-menu-parent a
{color:var(--text-color)!important;font-weight: 600;box-shadow: var(--box-shadow);background-color: #f2f2f2!important;}
#detailMenu.detail-menu ul li .elementor-item-active:hover
{color: var(--text-color)!important;background-color: #f2f2f2!important;;}

/* subContent */
.sub-content{/*min-height: 700px;*/ margin: 10rem 0 10rem;}
.sub-con-wrap{margin: 0 0 10rem;}
.sub-con-wrap:last-child{margin: 0;}
.sub-content .sub-bg
{background-color: var(--main-bg-color);  padding: 7rem 0;  }
.sub-content .point
{color: var(--main-color);}

/* sub-title */
#subContent .sub-title{display: none;}

/* stitle */
.stitle
{display: flex;align-items: flex-start;margin-bottom: 5rem;}
.stitle h3
{font-size: 3rem;  font-family: var(--font1);  font-weight: bold;color: var(--text-color);}

/* sub01 */
/* 회사소개 */
.intro-con{}
.intro-con .intro-txt-wrap
{display: flex;flex-direction: row;align-items: center;}
.intro-con .intro-txt-wrap .intro-txt h2
{font-size: 4rem;  line-height: 1.4;  font-weight: 500;  font-family: var(--font1);}
.intro-con .intro-txt-wrap .intro-txt ul
{margin-top: 5rem;width: 75%;}
.intro-con .intro-txt-wrap .intro-txt ul p
{margin-bottom: 1rem;  font-family: var(--font1);  font-weight: 400;  color: #444;  line-height: 1.5;  word-break: keep-all;}
.intro-con .intro-txt-wrap .intro-img
{background: url(/wp-content/uploads/2026/05/intro-img.jpg) no-repeat center;background-size: cover;width: 70%;height: 50rem;border-radius: 1rem;}
.intro-con .intro-address-wrap
{width: 100%; display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;}
.intro-con .intro-address-wrap dl
{width: calc(100%/2 - 15px);display: flex;  flex-direction: row;  flex-wrap: wrap; align-items: center;  border-top: 1px solid #cdcdcd;  padding: 4rem ;}
.intro-con .intro-address-wrap dl:nth-child(3),
.intro-con .intro-address-wrap dl:nth-child(4)
{border-bottom: 1px solid #cdcdcd;}
.intro-con .intro-address-wrap dl dt
{min-width: 15rem;  min-width: 15rem;font-weight: 600;  font-family: var(--font1);display: flex;flex-direction: row;align-items: center;gap: 1rem; }
.intro-con .intro-address-wrap dl dt i
{color: var(--sub-color);}
.intro-con .intro-address-wrap dl dd
{font-weight: 400;  font-family: var(--font1); }

/* sub03 */
/* 견적 문의하기 */
#inquiry-style04-tbl table.table-common th
{font-size:1.8rem; color:#000;font-weight: 600; max-width: 19rem;}
#inquiry-style04-tbl table.table-common th b
{color: #e03333;margin-right: 2px;}
#inquiry-style04-tbl table.table-common td input,
#inquiry-style04-tbl table.table-common td textarea ,
#inquiry-style04-tbl table.table-common td select
{background:#fff; padding:1.5rem; font-size:1.5rem; color:#484848; border-radius:0px; border: 1px solid #a1a1a1;}
#inquiry-style04-tbl table.table-common td input:focus,
#inquiry-style04-tbl table.table-common td textarea:focus,
#inquiry-style04-tbl table.table-common td select:focus
{outline: none;}
#inquiry-style04-tbl table.table-common td input::placeholder,
#inquiry-style04-tbl table.table-common td textarea::placeholder
{color:#999;}
#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;font-weight: 600;border-radius: 1rem;transition: var(--transition1);}
#inquiry-style04-tbl .submit-con input:hover
{background-color: var(--sub-color);}
#inquiry-style04-tbl .terms
{display: flex;flex-direction: column;gap: 2rem;;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;}
.write-box ul li::before{display: none;}
.wpcf7-list-item-label
{ pointer-events: auto!important; 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;}
.inquiry-con
{background-color: #fff;}
.inquiry-con dl dt
{padding: 2.5rem 4rem;font-weight: 700;color: #fff;border-radius: 1rem;background-color: var(--text-color);;}
.inquiry-con dl dd
{padding: 4rem ;display: flex;  flex-direction: row;  justify-content: space-between;  align-items: flex-start;background: #f4f4f4;border-radius: 1rem;margin: 2rem 0 0;}
.inquiry-con dl dd ul
{display: flex;  flex-direction: column;  gap: 1rem;width: 100%;}
.inquiry-con dl dd ul li
{line-height: 1.7;color: #777;font-weight: 500;font-size: 1.6rem;}
.inquiry-con dl dd ul li i
{font-size: 1.8rem;color: var(--sub-color);font-weight: 600;}
.inquiry-con dl dd ul li b
{color: #111;font-weight: 600; font-family: var(--font1);font-size: 1.8rem;    margin-top: 1rem;display: flex;flex-direction: row;align-items: center;gap: 0.5rem;}
.inquiry-con dl dd ul li:first-child b{margin-top: 0;}
.inquiry-con dl dd ul p
{display: flex;  flex-direction: row;  align-items: center;line-height: 1.5;}

/* sub02 */
.sub-prd-con{}
.sub-prd-con .prd-wrap{}
.sub-prd-con .prd-con
{display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;gap: 4rem;flex-wrap: wrap;}
.sub-prd-con .prd-con a
{width: calc(100%/2 - 20px);box-shadow: var(--box-shadow);;padding:4rem;transition: var(--transition1);border-radius: 2rem;}
.sub-prd-con .prd-con a dl
{display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;margin-bottom: 1.5rem;}
.sub-prd-con .prd-con a dl dt
{font-family: var(--font1);  color: #000;  font-size: 1.8rem;  font-weight: 700;}
.sub-prd-con .prd-con a dl dd
{display: flex;flex-direction: row;align-items: center;gap: 2rem;width: 32px;height: 32px;background-color: #e60012;justify-content: center;border-radius: 100%; transition: var(--transition1);overflow: hidden;position: relative;}
.sub-prd-con .prd-con a dl dd span
{opacity: 0;visibility: hidden; font-size:1.4rem ;color: #fff;font-family: var(--font1);font-weight: 600;width: 0%;transition: var(--transition2);position: absolute;left: 1.5rem;}
.sub-prd-con .prd-con a dl dd i
{color: #fff;  font-size:1.8rem; rotate: 45deg;font-weight: 600;;transition: var(--transition1);;}
.sub-prd-con .prd-con a .prd-img
{min-width: 335px;height: 200px;background-repeat: no-repeat;background-size: contain;background-color: #fff;background-position: center; border: 2px solid #ececec;  border-radius: 1rem;transition: var(--transition1);}
.sub-prd-con .prd-con a:nth-child(1) .prd-img{background-image: url(/wp-content/uploads/2026/05/main-prd01.png);background-size: 25%;}
.sub-prd-con .prd-con a:nth-child(2) .prd-img{background-image: url(/wp-content/uploads/2026/05/main-prd02.png);background-size: 50%;}
.sub-prd-con .prd-con a:nth-child(3) .prd-img{background-image: url(/wp-content/uploads/2026/05/main-prd03.png); background-size: 25%;}
.sub-prd-con .prd-con a:nth-child(4) .prd-img{background-image: url(/wp-content/uploads/2026/05/main-prd04.png);background-size: 50%;}
.sub-prd-con .prd-con a .prd-txt
{margin-top:3rem;}
.sub-prd-con .prd-con a .prd-txt p
{font-size: 2rem;font-family: var(--font1);color: #000000;font-weight: 700;}
.sub-prd-con .prd-con a:hover dd
{width: 140px;height: 32px;background-color: #e60012;border-radius: 5rem;display: flex;  flex-direction: column;  align-items: flex-end;}
.sub-prd-con .prd-con a:hover dd span
{opacity: 1;visibility: visible;width:100%;}
.sub-prd-con .prd-con a:hover dd i
{color: #fff;justify-content: flex-end;margin-right: 1.7rem;}
.sub-prd-con .prd-con a:nth-child(even):hover .prd-img{background-size: 55%}
.sub-prd-con .prd-con a:nth-child(odd):hover .prd-img{background-size: 30%}

/* prd list con */
.prd-li-con{}
.prd-li-con .prd-boxes
{display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: stretch;gap: 2rem;}
.prd-li-con .prd-boxes .prd-box
{width: calc(100% / 3 - 15px);  height: 100%;background: #f7f7f7; border-radius: 1rem;overflow: hidden;border: 1px solid #ddd;}
.prd-li-con .prd-boxes .prd-box dl
{display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;gap: 1.5rem;padding: 3rem 5rem; }
.prd-li-con .prd-boxes .prd-box dl dt,
.prd-li-con .prd-boxes .prd-box dl dd
{border-radius: 1rem;font-weight: 600;font-family: var(--font1);min-height: 45px;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: var(--transition1);}
.prd-li-con .prd-boxes .prd-box dl dt
{background-color: #696969;border: 1px solid #696969;color: #fff;width: 100%;padding: 0 2rem;flex: 2;font-size: 1.6rem;}
.prd-li-con .prd-boxes .prd-box dl dd
{border: 1px solid #696969;color: #696969;width: 100%;flex: 1.5;font-size: 1.4rem;}
.prd-li-con .prd-boxes .prd-box .prd-img
{height: 24rem; overflow: hidden;  background: #fff;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  padding: 3rem;border-radius: 1rem; width: 80%;margin: auto;transition: var(--transition1);}
.prd-li-con .prd-boxes .prd-box .prd-img img
{height: 100%;}
.prd-li-con .prd-boxes .prd-box .prd-name
{width: 100%;height: 100%;background-color: #141414;padding: 3rem 5rem;margin-top: 3rem;}
.prd-li-con .prd-boxes .prd-box .prd-name p
{font-size: 2rem;font-weight: 600;font-family: var(--font1);color: #fff;display: flex;flex-direction: row;align-items: center;gap: 1rem;}
.prd-li-con .prd-boxes .prd-box .prd-name p::before
{content: '';display: block;width: 5px;height: 24px;background-color: #fff;border-radius: 5rem;}
/* hover */
.prd-li-con .prd-boxes .prd-box:hover dl dt
{background-color: #141414;border: 1px solid #141414;;color: #fff;}
.prd-li-con .prd-boxes .prd-box:hover dl dd
{background-color: var(--sub-color);border: 1px solid var(--sub-color);;color: #fff;}
.prd-li-con .prd-boxes .prd-box:hover .prd-img
{padding: 2rem;}

/* prd detail con */
.prd-detail-con{}
.prd-detail-con .prd-detail-box
{background: #f7f7f7;  display: flex;  flex-direction: row;  align-items: stretch;  justify-content: space-between;padding: 4rem 5rem;border-radius: 2rem;gap: 10rem;}
.prd-detail-con .prd-detail-box .box-le
{flex: 2;}
.prd-detail-con .prd-detail-box .box-le dl
{display: flex;flex-direction: row;align-items: stretch;gap: 1.5rem;margin-bottom: 3rem;}
.prd-detail-con .prd-detail-box .box-le dl dt,
.prd-detail-con .prd-detail-box .box-le dl dd
{border-radius: 1rem;font-size: 1.6rem;font-weight: 600;font-family: var(--font1);min-height: 45px;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: var(--transition1);padding:0 2rem}
.prd-detail-con .prd-detail-box .box-le dl dd
{background-color: var(--sub-color2);border: 1px solid var(--sub-color2);color: #fff;}
.prd-detail-con .prd-detail-box .box-le dl dt
{border: 1px solid var(--sub-color2);color: var(--sub-color2);}
.prd-detail-con .prd-detail-box .box-le .prd-name
{border-bottom: 1px solid #222;padding-bottom: 2rem;margin-bottom: 2rem;}
.prd-detail-con .prd-detail-box .box-le .prd-name h2
{font-family: var(--font1);  font-weight: 600;  font-size: 3rem;}
.prd-detail-con .prd-detail-box .box-le .detail-txt
{width: 95%;}
.prd-detail-con .prd-detail-box .box-le .detail-txt p
{font-family: var(--font1);  color: #595959;  font-weight: 300;  margin-bottom: 1rem;  line-height: 1.5;word-break: keep-all;}
.prd-detail-con .prd-detail-box .box-ri
{position:relative;background-color: #fff;flex: 1; max-height: 35rem;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;}
.prd-detail-con .prd-detail-box .box-ri::after
{content: '';display: block;background: url(/wp-content/uploads/2026/05/main-icon.png) no-repeat center;background-size: contain; width: 180px;  height: 77px;  position: absolute;  left: -9.5rem;  bottom: -1.94rem;}
.prd-detail-con .prd-detail-box .box-ri img
{padding: 3rem;height: 100%;}

.prd-detail-con .prd-bg
{padding: 8rem 0;background-color: var(--sub-bg-color);position: relative;}
.prd-detail-con .prd-bg::before
{content: '';display: block;background: url(/wp-content/uploads/2026/05/tech-icon.png) no-repeat center;width: 445px;height: 180px;background-size: contain;opacity: 0.05;position: absolute;left: 0rem;bottom: 0rem;}
.prd-detail-con .prd-detail-inline
{display: flex;flex-direction: row;align-items: start;justify-content: space-between;position: relative;}
.prd-detail-inline .stitle
{flex: 1;position: sticky;top: 15rem;}
.prd-detail-inline .detail-con-wrap
{flex: 2;}
.prd-detail-inline .detail-con-wrap dl
{margin-bottom: 10rem;}
.prd-detail-inline .detail-con-wrap dl:last-child{margin-bottom: 0;}
.prd-detail-inline .detail-con-wrap dl dt
{font-family: var(--font1);  font-weight: 600;  font-size: 2.1rem;  margin-bottom: 2.5rem;color: var(--text-color);display: flex;flex-direction: row;align-items: center;gap: 1rem;}
.prd-detail-inline .detail-con-wrap dl dt::before
{width:15px;height:15px;background-color: var(--text-color);border-radius: 4px;content: '';display: block;}
.prd-detail-inline .detail-con-wrap dl dd
{font-family: var(--font1);  color: #595959;  font-weight: 300;  margin-bottom: 2.5rem;  line-height: 1.5;word-break: keep-all;}
.prd-detail-inline .detail-con-wrap dl .img-wrap
{width: 100%;height: 100%;padding: 3rem;border-radius: 2rem;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.prd-detail-con .txt-li
{margin-top: 2rem;padding: 3rem;background-color: #fff;}
.prd-detail-con .txt-li p
{font-family: var(--font1);  font-weight: 600;  font-size: 1.8rem;  margin-bottom: 1.5rem;  color: var(--text-color); }
.prd-detail-con .txt-li ul li
{ display: flex;  flex-direction: row;  align-items: flex-start;  gap: 1rem;font-size: 1.7rem;font-weight: 400;line-height: 1.4;margin-bottom: 1rem;color: #222;}
.prd-detail-con .txt-li ul li:last-child{margin-bottom: 0;}
.prd-detail-con .txt-li ul li::before
{content: '';display: block;min-width: 5px;min-height: 5px;background-color: #afafaf;border-radius: 100%;margin-top: 8.5px;}

.prd-detail-con p.table-txt
{font-size: 1.8rem;font-weight: 400;color: #777;margin: 2rem 0;display: flex;flex-direction: row;justify-content: end;}
.xl2-plus-con iframe{min-height: 60rem;}
.benchtop-edx-con .table-img{max-height: 20rem;}
.prd-detail-con p.table-name
{margin-bottom: 2rem;font-size: 2rem;font-weight: 600;}

.prd-accordion{position: relative;}
.prd-accordion .accordion
{padding: 0;margin: 0;width: 100%;display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: stretch;}
.prd-accordion .accordion li
{background-color: #000; ;max-height: 500px;position: relative;background-repeat: no-repeat; background-position: center; background-size: cover;}
.prd-accordion-05 .accordion li{min-width: 200px}
.prd-accordion-04 .accordion li{min-width: 300px}
.prd-accordion-03 .accordion li{min-width: 400px}
.prd-accordion .accordion li::after
{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000000; opacity: 0.6;}
.prd-accordion .accordion li.active button
{display: none; transition: var(--transition2);}
.prd-accordion .accordion button
{border-radius: 0; display: flex;min-height: 500px; width: 100%;border: none;cursor: pointer;outline: none; transition: var(--transition2);background-repeat: no-repeat; background-position: center center;background-size: cover;}
.prd-accordion .accordion .content
{display:none; display: block!important;  opacity: 0;  visibility: hidden;  white-space: nowrap;  transition: opacity 0.5s ease, visibility 0.5s ease;}
.prd-accordion li.active .content
{opacity: 1;  visibility: visible;  transition-delay: 0.1s;}
.prd-accordion .accordion li.active
{width: 100%;}
.prd-accordion .accordion li.active::after{display: none;}
.prd-accordion .prd-txt
{padding: 7rem;  display: flex;  flex-direction: column;  height: 100%;  margin-top: 34rem;  align-items: flex-end;}
.prd-accordion .prd-txt::before
{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(0, 0, 0, 1) 100%);; opacity: 0.6;}
.prd-accordion .prd-txt h2
{color: #fff;font-size: 3.2rem;font-weight: 700;position: inherit;z-index: 1;}
.prd-detail-con .img-con img
{display: block;margin: auto;}
.jeets-con .img-wrap img{max-width: 500px;}

/* 전자내시경 JEET 시리즈 전부 */
.jeet-con .prd-accordion li.prd01{background: url(/wp-content/uploads/2026/06/jeetk-bg01.jpg);}
.jeet-con .prd-accordion li.prd02{background: url(/wp-content/uploads/2026/06/jeetk-bg02.jpg);}
.jeet-con .prd-accordion li.prd03{background: url(/wp-content/uploads/2026/06/jeetk-bg03.jpg);}
.jeet-con .prd-accordion li.prd04{background: url(/wp-content/uploads/2026/06/jeetk-bg04.jpg);}
.jeet-con .prd-accordion li.prd05{background: url(/wp-content/uploads/2026/06/jeetk-bg05.jpg);}

/* 휴대용 XRF 분석기 XL2 100 시리즈 */
.xl2-100-con .prd-accordion li.prd01{background: url(/wp-content/uploads/2026/06/xl2-1000-bg01.jpg);}
.xl2-100-con .prd-accordion li.prd02{background: url(/wp-content/uploads/2026/06/xl2-1000-bg02.jpg);}
.xl2-100-con .prd-accordion li.prd03{background: url(/wp-content/uploads/2026/06/xl2-1000-bg03.jpg);}

/* 휴대용 XRF 분석기 XL2 plus 시리즈 */
.xl2-plus-con .prd-accordion li.prd01{background: url(/wp-content/uploads/2026/06/jeetk-bg05.jpg);}
.xl2-plus-con .prd-accordion li.prd02{background: url(/wp-content/uploads/2026/06/xl2-1000-bg01.jpg);}
.xl2-plus-con .prd-accordion li.prd03{background: url(/wp-content/uploads/2026/06/xl2-plus-bg03.jpg);}
.xl2-plus-con .prd-accordion li.prd04{background: url(/wp-content/uploads/2026/06/xl2-plus-bg04.jpg);}

/* 휴대용 XRF 분석기 XL5 plus 시리즈 */
.xl5-plus-con .prd-accordion li.prd01{background: url(/wp-content/uploads/2026/06/jeetk-bg05.jpg);}
.xl5-plus-con .prd-accordion li.prd02{background: url(/wp-content/uploads/2026/06/xl2-plus-bg04.jpg);}
.xl5-plus-con .prd-accordion li.prd03{background: url(/wp-content/uploads/2026/06/xl5-plus-bg03.jpg);}
.xl5-plus-con .prd-accordion li.prd04{background: url(/wp-content/uploads/2026/06/xl5-plus-bg04.jpg);}

/* benchtop 귀금속 분석기  */
.benchtop-edx-con .prd-accordion li.prd01{background: url(/wp-content/uploads/2026/06/benchtop-edx-bg01.jpg);}
.benchtop-edx-con .prd-accordion li.prd02{background: url(/wp-content/uploads/2026/06/benchtop-edx-bg02.jpg);}
.benchtop-edx-con .prd-accordion li.prd03{background: url(/wp-content/uploads/2026/06/xl2-1000-bg02.jpg);}
.benchtop-edx-con .prd-accordion li.prd04{background: url(/wp-content/uploads/2026/06/benchtop-edx-bg04.jpg);}
.benchtop-edx-con .prd-accordion li.prd05{background: url(/wp-content/uploads/2026/06/benchtop-edx-bg05.jpg);}
.benchtop-edx-con .prd-accordion li.prd06{background: url(/wp-content/uploads/2026/06/benchtop-edx-bg06.jpg);}

/* RoHS 성분분석기 */
.benchtop-rohs-con .prd-accordion li.prd01{background: url(/wp-content/uploads/2026/06/xl5-plus-bg04.jpg);}
.benchtop-rohs-con .prd-accordion li.prd02{background: url(/wp-content/uploads/2026/06/benchtop-edx-bg06.jpg);}
.benchtop-rohs-con .prd-accordion li.prd03{background: url(/wp-content/uploads/2026/06/benchtop-rohs-bg01.jpg);}

/* 도금 두께 측정기 */
.benchtop-do-con .prd-accordion li.prd01{background: url(/wp-content/uploads/2026/06/benchtop-do-bg01.jpg);}
.benchtop-do-con .prd-accordion li.prd02{background: url(/wp-content/uploads/2026/06/benchtop-do-bg02.jpg);}
.benchtop-do-con .prd-accordion li.prd03{background: url(/wp-content/uploads/2026/06/benchtop-do-bg03.jpg);}
.benchtop-do-con .prd-accordion li.prd04{background: url(/wp-content/uploads/2026/06/jeetk-bg01.jpg);}
.benchtop-do-con .prd-accordion li.prd05{background: url(/wp-content/uploads/2026/06/xl2-1000-bg02.jpg);}

/* 휴대용 LIBS 분석기 */
.thermo-apollo-con .prd-accordion li.prd01{background: url(/wp-content/uploads/2026/06/thermo-apollo-bg01.jpg);}
.thermo-apollo-con .prd-accordion li.prd02{background: url(/wp-content/uploads/2026/06/thermo-apollo-bg02.jpg);}
.thermo-apollo-con .prd-accordion li.prd03{background: url(/wp-content/uploads/2026/06/thermo-apollo-bg03.jpg);}

/* back-btn */
.back-btn
{background: var(--text-color);  color: #fff;  font-size: 1.8rem;  padding: 2rem 0; font-weight: 600;  border-radius: 1rem;  transition: var(--transition1);display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 15rem;margin: auto;}
.back-btn:hover
{background-color: var(--hover-color);color: #fff;}


/* 반응형 */
@media screen and (max-width : 1550px) {
  /* subVisual */
  #detailMenu.detail-menu
  {padding: 3rem 3rem 0;}

}
@media screen and (max-width : 1440px) {
  #subVisual.is-loaded
  {background-size: cover}
  .sub-visual-top
  {margin: 10rem 0 0}
}
@media screen and (max-width : 1280px) {
  .prd-accordion .accordion
  {flex-direction: column;overflow: hidden}
  .prd-accordion .accordion li
  {width: 100%;height: 200px; max-height: 400px;}
  .prd-accordion .accordion li.active
  {height: 400px;background-size: 100%;}
  .prd-accordion .prd-txt
  {margin-top: 24rem}
  .prd-accordion li
  {background-size: 100%!important;}
}

@media screen and (max-width : 1150px) {
  #subVisual
  {height: 46rem;background-size: cover}
  .sub-top-title h3
  {font-size: 5.5rem}
  .sub-visual-top
  {margin: 9rem 0 0}
  .sub-visual-top ul.title-detail
  {justify-content: flex-start}
  #detailMenu.detail-menu
  {display: block!important;margin-top: 5rem}
  #detailMenu.detail-menu ul li a
  {padding: 1.7rem 4rem;font-size: 1.7rem;}

  /* 회사소개 */
  .intro-con .intro-txt-wrap .intro-img
  {width: 100%}
  .intro-con .intro-txt-wrap .intro-txt h2
  {font-size: 3.2rem;}
  .intro-con .intro-txt-wrap .intro-txt h2 br{display: none;}
  .intro-con .intro-txt-wrap
  {flex-wrap: wrap;}
  .intro-con .intro-txt-wrap .intro-txt ul
  {margin-top: 3rem;width: 95%;word-break: keep-all;margin-bottom: 4rem;}
  .intro-con .intro-txt-wrap .intro-img
  {height: 30rem}
  .intro-con .intro-address-wrap dl
  {width: 100%;padding: 3.5rem}
  .intro-con .intro-address-wrap dl:nth-child(3)
  {border-bottom: none;}

  /* 견적문의 */
  #inquiry-style04-tbl table.table-common th,
  #inquiry-style04-tbl .submit-con input
  {font-size: 1.6rem;}

  /* 제품소개 */
  .sub-prd-con .prd-con
  {gap: 3rem;}
  .sub-prd-con .prd-con a
  {padding: 3rem;width: calc(100%/2 - 15px);}

  .prd-li-con .prd-boxes .prd-box
  {width: calc(100%/2 - 15px);}
  .prd-li-con .prd-boxes .prd-box dl
  {padding: 3rem;}
  .prd-li-con .prd-boxes .prd-box .prd-img
  {width: 85%}
  .prd-li-con .prd-boxes .prd-box .prd-name p
  {font-size: 1.8rem;}
  .prd-li-con .prd-boxes .prd-box .prd-name
  {padding: 2.5rem 4rem}

  /* prd detail */
  .prd-detail-con .prd-detail-box .box-le
  {width: 60%;flex: auto;}
  .prd-detail-con .prd-detail-box .box-ri
  {width: 40%;flex: auto;}
  .prd-detail-con .prd-detail-box .box-ri::after
  {width: 150px; left: -5.5rem}
  .prd-detail-con .prd-detail-box .box-ri img
  {padding: 5rem;height: auto;}
  .prd-detail-con .prd-detail-box
  {align-items: center;gap: 5rem;padding: 4rem 3rem}
  .prd-detail-con .prd-detail-inline
  {flex-direction: column}
  .prd-detail-inline .stitle
  {width: 95%;flex: auto;margin: 0 auto 5rem;position: relative;top: 0;}
  .prd-detail-inline .detail-con-wrap
  {width: 95%;flex: auto;margin: auto;}
  .prd-accordion .accordion li
  {background-size: cover !important;height: 150px; max-height: 300px;}
  .prd-accordion .accordion li.active
  {height: 300px;background-size: cover;}
  .prd-accordion .prd-txt
  {margin-top: 16rem}
  .prd-accordion .prd-txt h2
  {font-size: 2.7rem;}
}
@media screen and (max-width : 880px)  {
  .sub-content
  {margin: 7rem 0 7rem;min-height: 100%;}
  .sub-con-wrap
  {margin: 0 0 7rem;}

  #subVisual
  {height: 100%;}
  .sub-visual-top
  {margin: 7rem 0 0}
  .sub-top-title h3
  {font-size: 4.5rem}
  .sub-visual-top ul.title-detail li,
  .sub-top-title small
  {font-size: 1.6rem;}
  #detailMenu.detail-menu
  {padding: 3rem 2rem;}
  #detailMenu.detail-menu ul
  {gap: 0.7rem;width: 100%;}
  #detailMenu.detail-menu ul li
  {min-width: calc(100% / 2 - 4px);max-width: 100%;}
  #detailMenu.detail-menu ul li a
  {padding: 1.3rem 2.5rem; font-size: 1.6rem;width: 100%;}

  .intro-con .intro-txt-wrap .intro-txt ul p,
  .intro-con .intro-address-wrap dl dt,
  .intro-con .intro-address-wrap dl dd
  {font-size: 1.6rem;}

  .inquiry-con dl dt
  {padding: 2rem 3rem;font-size: 1.6rem;}
  .inquiry-con dl dd
  {padding: 3rem}
  .inquiry-con dl dd ul li b,
  .inquiry-con dl dd ul p,
  .wpcf7-list-item-label
  {font-size: 1.6rem;}

  .sub-prd-con .prd-con a
  {gap: 3rem 2rem;}
  .sub-prd-con .prd-con a .prd-img
  {min-width: 100%;height: 160px;}

  .sub-prd-con .prd-con a:nth-child(odd) .prd-img,
  .sub-prd-con .prd-con a:nth-child(odd):hover .prd-img
  {background-size: 30%;}
  .sub-prd-con .prd-con a:nth-child(even) .prd-img,
  .sub-prd-con .prd-con a:nth-child(even):hover .prd-img
  {background-size: 60%;}
  .sub-prd-con .prd-con a dl dt
  {font-size: 1.6rem;}
  .sub-prd-con .prd-con a dl dd i
  {font-size: 1.4rem;}
  .sub-prd-con .prd-con a .prd-txt p
  {font-size: 1.8rem;}

  .prd-detail-con .prd-detail-box
  {flex-direction: column;gap: 2rem;padding: 2rem;align-items: flex-start;}
  .prd-detail-con .prd-detail-box .box-le dl dt,
  .prd-detail-con .prd-detail-box .box-le dl dd
  {font-size: 1.4rem;min-height: 40px;padding: 1rem;line-height: 1.2;word-break: keep-all}
  .prd-detail-con .prd-detail-box .box-le,
  .prd-detail-con .prd-detail-box .box-ri,
  .prd-detail-con .prd-detail-box .box-le .detail-txt
  {width: 100%;}
  .prd-detail-con .prd-detail-box .box-ri img
  {min-height: 100%;max-height: 28rem;padding: 2rem}
  .prd-detail-con .prd-detail-box .box-ri::after
  {left: 0rem;bottom: 0rem;opacity: .1}
  .prd-detail-con .prd-detail-box .box-le .prd-name h2,
  .stitle h3
  {font-size: 2.7rem;word-break: keep-all; line-height: 1.3}
  .prd-detail-inline .detail-con-wrap dl dt
  {font-size: 1.9rem;line-height: 1.3; word-break: keep-all;align-items: baseline}
  .prd-detail-con .prd-detail-box .box-le .detail-txt p,
  .prd-detail-inline .detail-con-wrap dl dd,
  .prd-detail-con p.table-txt
  {font-size: 1.6rem;}
  .prd-detail-con .txt-li p
  {font-size: 1.7rem;}
  .prd-detail-con .txt-li ul li
  {font-size: 1.5rem;}
  .prd-detail-con .txt-li
  {padding: 1.5rem;}
  .prd-detail-con .prd-detail-box .box-le dl
  {gap: 1rem}

  .xl2-plus-con iframe
  {min-height: 40rem}

  .jeets-con .img-wrap img
  {max-width: 100%}
}
@media screen and (max-width : 767px) {
  .sub-visual-wrap .container{padding: 0;}
  .sub-visual-top
  {margin: 6rem 0 0}
  .prd-detail-inline .detail-con-wrap dl dt::before
  {min-width: 15px;}
  .sub-top-title h3
  {font-size: 3.5rem;line-height: 1.2;word-break: keep-all}

  #detailMenu.detail-menu ul li a
  {padding: 1.2rem ; font-size: 1.4rem;}
  .sub-visual-top ul.title-detail
  {flex-wrap: wrap;}

  .intro-con .intro-txt-wrap .intro-txt h2
  {word-break: keep-all;font-size: 2.7rem;}
  .intro-con .intro-address-wrap dl
  {padding: 2.5rem;}

  .inquiry-con dl dd ul p
  {font-size: 1.4rem;}
  #inquiry-style04-tbl table.table-common th
  {width: 23%;}
  #inquiry-style04-tbl .submit-con input
  {padding: 1.2rem 4rem;font-size: 1.4rem;}

  .prd-detail-con .prd-detail-box
  {border-radius: 1rem;}
  .prd-detail-inline .stitle,
  .sub-prd-con .prd-con a,
  .prd-li-con .prd-boxes .prd-box
  {width: 100%;}
  .sub-prd-con .prd-con a
  {padding: 2rem 2rem 3rem;}
  .prd-detail-inline .detail-con-wrap dl
  {margin-bottom: 7rem;}
  .prd-li-con .prd-boxes .prd-box .prd-name p
  {font-size: 1.6rem;}
  .prd-li-con .prd-boxes .prd-box .prd-name
  {padding: 2rem 3rem;}
  .prd-li-con .prd-boxes .prd-box .prd-img
  {height: 20rem}
  .prd-li-con .prd-boxes .prd-box dl
  {gap: 1rem;padding: 2rem}
  .prd-li-con .prd-boxes .prd-box dl dt
  {background-color: #141414;border: 1px solid #141414;;color: #fff;line-height: 1.3;padding: 0.8rem 1rem;font-size: 1.4rem}
  .prd-li-con .prd-boxes .prd-box .prd-img
  {width: 90%;}
  .prd-li-con .prd-boxes .prd-box dl dd
  {font-size: 1.3rem;background-color: var(--sub-color);border: 1px solid var(--sub-color);color: #fff;padding: 0 1rem}
  .prd-detail-inline .detail-con-wrap
  {width: 100%;}
  .prd-detail-con .prd-bg::before
  {width: 60%;}
  .prd-detail-inline .detail-con-wrap dl dd
  {word-break: break-all;}
  .prd-detail-con .txt-li ul li
  {gap: 0.7rem}
  .prd-detail-con .txt-li ul li::before
  {margin-top: 6px;}
  .table-wrap
  {overflow: scroll;}
  .table-common th,
  .table-common td
  {font-size: 1.6rem;}

  .back-btn
  {font-size: 1.6rem;padding: 1.7rem 0}

  .prd-detail-inline .detail-con-wrap dl .img-wrap
  {padding: 1rem;border-radius: 0;}
  .prd-accordion .accordion li
  {min-height: 200px; max-height: 200px;height: 200px;width: 100%;height: 100%;}
  .prd-accordion .accordion li.active
  {min-height: 200px;height: 200px;width: 100%;height: 100%;}
  .prd-accordion-03 .accordion li
  {min-width: auto;}
  .prd-accordion .prd-txt
  {margin-top: 12rem;padding: 2rem; }
  .prd-accordion .accordion li::after,
  .prd-accordion .prd-txt::before
  {display: none;}
  .prd-detail-con p.table-txt
  {line-height: 1.3;font-size: 1.4rem;}
  .prd-accordion .accordion .content,
  .prd-accordion li.active .content
  {display: block !important; opacity: 1;visibility: visible;}
  .prd-accordion .accordion .content::after
  {content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #ffffff;    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(0, 0, 0, 1) 100%);    opacity: 0.6;}
  .prd-accordion .accordion button
  {min-height: auto;}

  .prd-detail-inline .detail-con-wrap dl dt
  {margin-bottom: 1rem}

  .sub-visual-top ul.title-detail li
  {font-size: 1.4rem;}
}
@media screen and (max-width : 550px) {
  .table-common th,
  .table-common td
  {font-size: 1.4rem;padding: 1.2rem}
  .xl2-plus-con iframe
  {min-height: 22rem}
  .prd-detail-con .txt-li ul li
  {font-size: 1.4rem;line-height: 1.4;}
  #subVisual,
  #subVisual.is-loaded
  {background-attachment: local}

}
@media screen and (max-width : 380px) {
  .intro-con .intro-address-wrap dl
  {flex-direction: column;gap: 1.5rem;align-items: flex-start;padding: 2rem 1rem}
  .intro-con .intro-address-wrap dl dd
  {margin-left: 2.7rem}
  #inquiry-style04-tbl table.table-common th,
  #inquiry-style04-tbl table.table-common td
  {padding: 1rem;}
  #inquiry-style04-tbl table.table-common th
  {width: 30%;font-size: 1.4rem;}
  #inquiry-style04-tbl table.table-common td input
  {font-size: 1.4rem;}

  .prd-accordion .prd-txt h2
  {font-size: 2.2rem}
}
@media screen and (max-width : 350px){
  #detailMenu.detail-menu ul li
  {min-width: 100%}
}