/* =========================================================
   SUB PAGE / LEGACY STYLE
   ========================================================= */


/* =========================================================
   1. 공통 타이틀 / 서브 헤더
   ========================================================= */

h2.hb1.h2 {
  text-align: center;
  padding: 15px 0;
  margin: 0;
}

h2.hb1.h2 .f_font {
  font-size: 36px;
  color: #f33030;
}

h2.hb1.h2 span.tit {
  display: inline-block;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  padding: 20px 30px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #dfdfdf;
  word-break: keep-all;
}

h3.hb1.h3 {
  padding: 0 0 0 25px;
  font-size: 15px;
  background: url(/images/sub/icon_h3.png) no-repeat 0 2px;
  margin: 0;
}

@media all and (max-width:1100px) {
  h2.hb1.h2 span.tit {
    font-size: 20px;
    line-height: 150%;
  }

  h2.hb1.h2 .f_font {
    font-size: 26px;
    color: #f33030;
  }
}


/* =========================================================
   2. 공통 배경 스타일
   ========================================================= */

.bg_green {
  background: #00a000;
  color: #fff;
}

.bg_blue {
  background: #0a5fa4;
  color: #fff;
}

.bg_wblue {
  border: 1px solid #e0e0e0;
  overflow: hidden;
  padding: 30px;
  background: #f8f9fb;
}

.bg_gray {
  background: #f1f1f1;
  padding: 30px 20px;
}


/* =========================================================
   3. 공통 테이블
   ========================================================= */

table.t1 {
  width: 100%;
  border-top: 2px solid #787878;
}

table.t1 thead th {
  background: #f4f4f4;
  border: 1px solid #dcdcdc;
  padding: 10px 0;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}

table.t1 tbody th {
  background: #fafafa;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #dcdcdc;
  font-weight: 600;
}

table.t1 tbody td {
  padding: 10px 5px;
  border: 1px solid #dcdcdc;
  vertical-align: middle;
}

table.t1 tbody.center td,
table.t1 tbody tr.center td {
  text-align: center;
  vertical-align: middle;
}

table.t1 tbody.center td img,
table.t1 tbody tr.center td img {
  text-align: center;
  margin: 0 auto;
  vertical-align: middle;
}

table.t2 {
  width: 100%;
  border-top: 2px solid #787878;
  border-bottom: 2px solid #787878;
}

table.t2 thead th {
  background: #d8d8d8;
  border: 1px solid #aaa;
  padding: 8px 0;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
}

table.t2 thead.bg01 th { background: #b7dde8; }
table.t2 thead.bg02 th { background: #ded9c3; }
table.t2 thead.bg03 th { background: #e6b8b8; }
table.t2 thead.bg04 th { background: #fcd5b4; }
table.t2 thead.bg05 th { background: #d8e4bc; }
table.t2 thead.bg06 th { background: #cdc0da; }

table.t2 tbody th {
  padding: 4px 0;
  text-align: center;
  border: 1px solid #dcdcdc;
  font-weight: 600;
  font-size: 15px;
}

table.t2 tbody td {
  padding: 4px 15px;
  border: 1px solid #dcdcdc;
  vertical-align: middle;
  text-align: center;
  font-size: 15px;
}

table.t2 tbody.pd2 td,
table.t2 tbody.pd2 th {
  padding: 10px 15px;
}

@media all and (max-width:800px) {
  table.t1 thead th { font-size: 14px; }
  table.t2 thead th { font-size: 14px; }
  table.t2 tbody th { font-size: 13px; }
  table.t2 tbody td { font-size: 13px; }
}

@media all and (max-width:480px) {
  table.t1 thead th { font-size: 12px; }
  table.t2 thead th { font-size: 12px; }
  table.t2 tbody th { font-size: 12px; }
  table.t2 tbody td { font-size: 12px; }
}


/* =========================================================
   4. 공통 리스트 / 불릿
   ========================================================= */

ul.bu {}

ul.bu li {
  background: url(/images/sub/bu01.gif) no-repeat 0 7px;
  padding: 0 0 0 13px;
  margin: 0 !important;
}


/* =========================================================
   5. 공통 탭 스타일
   ========================================================= */

/* ---------- 더원네이처 탭 ---------- */
#wrap_tab01 {
  width: 100%;
  overflow: hidden;
  margin: 30px 0;
}

#wrap_tab01 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#wrap_tab01 ul li {
  margin: 10px;
  flex: 0 0 23%;
  text-align: center;
  box-sizing: border-box;
}

#wrap_tab01 ul li a {
  position: relative;
  display: block;
  width: 100%;
  background: #3172a2;
  padding: 20px 0;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

#wrap_tab01 ul li a i.ic {
  display: none;
}

#wrap_tab01 ul li.on a,
#wrap_tab01 ul li a:hover {
  font-weight: 900;
  background: #044e8b;
  color: #fff;
}

@media (max-width:768px) {
  #wrap_tab01 ul {
    justify-content: space-between;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  #wrap_tab01 ul li {
    flex: 0 0 20%;
    margin: 0;
    text-align: center;
  }

  #wrap_tab01 ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    text-decoration: none;
    background-color: #f9f9f9;
    color: #333;
  }
}

@media (max-width:480px) {
  #wrap_tab01 ul {
    justify-content: space-between;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  #wrap_tab01 ul li {
    flex: 0 0 20%;
    margin: 0;
  }

  #wrap_tab01 ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none;
    background-color: #f9f9f9;
    color: #333;
  }
}

/* ---------- 취급원료 탭 ---------- */
#wrap_tab02 {
  width: 100%;
  overflow: hidden;
  margin: 30px 0;
}

#wrap_tab02 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#wrap_tab02 ul li {
  margin: 10px;
  flex: 0 0 23%;
  text-align: center;
  box-sizing: border-box;
}

#wrap_tab02 ul li a {
  position: relative;
  display: block;
  width: 100%;
  background: #09a122;
  padding: 20px 0;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

#wrap_tab02 ul li a i.ic {
  display: none;
}

#wrap_tab02 ul li.on a,
#wrap_tab02 ul li a:hover {
  font-weight: 900;
  background: #045f1b;
  color: #fff;
}

@media (max-width:768px) {
  #wrap_tab02 ul {
    justify-content: space-between;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  #wrap_tab02 ul li {
    flex: 0 0 20%;
    margin: 0;
    text-align: center;
  }

  #wrap_tab02 ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    text-decoration: none;
    background-color: #f9f9f9;
    color: #333;
  }
}

@media (max-width:480px) {
  #wrap_tab02 ul {
    justify-content: space-between;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  #wrap_tab02 ul li {
    flex: 0 0 20%;
    margin: 0;
  }

  #wrap_tab02 ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none;
    background-color: #f9f9f9;
    color: #333;
  }
}


/* =========================================================
   8. 비전 / CI / 조직도 / 지도
   ========================================================= */

/* ---------- 비전 ---------- */
.vision_wrap {
  width: 771px;
  background: url(/images/sub/01/img010202_01.jpg) no-repeat;
  margin: 0 auto !important;
}

.vision_wrap ul {
  position: relative;
  height: 640px;
}

.vision_wrap ul li {
  width: 130px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.vision_wrap ul li.b01 { position: absolute; left: 320px; top: 110px; }
.vision_wrap ul li.b02 { position: absolute; left: 40px; top: 390px; color: #4153a3; }
.vision_wrap ul li.b03 { position: absolute; left: 320px; bottom: 45px; color: #2c879c; }
.vision_wrap ul li.b04 { position: absolute; right: 40px; top: 390px; color: #4c8c3e; }

.vision_wrap p {
  display: none;
}

@media all and (max-width:1100px) {
  .vision_wrap {
    width: 100%;
    background: none;
  }

  .vision_wrap p {
    display: block;
    margin: auto;
    text-align: center;
    width: 100%;
  }

  .vision_wrap p img {
    width: 100%;
    max-width: 771px;
    margin: auto;
    text-align: center;
  }

  .vision_wrap ul {
    display: none;
  }
}

/* ---------- CI ---------- */
.ci_wrap {
  overflow: hidden;
}


/* ---------- 조직도 ---------- */
.orga_wrap {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
}

.orga_wrap .m {
  display: none;
}

.orga_wrap .l img {
  width: 100%;
}

@media all and (max-width:800px) {
  .orga_wrap .m { display: block; }
  .orga_wrap .l { display: none; }
}

/* ---------- 지도 ---------- */
.frame_s {
  width: 1038;
  height: 430px;
  padding: 0;
  margin: 0 auto;
  border: 1px solid #e4e4e4;
}

.map_txt {
  word-break: keep-all;
}

.map_txt ul {
  padding: 0;
  margin: 0;
}

.map_txt ul li {
  padding: 0 10px 10px;
  margin: 0;
}

@media all and (max-width:1100px) {
  .root_daum_roughmap {
    width: 100% !important;
  }
}

/* =========================================================
   살균분말사업 - 현재 HTML 사용분만
   ========================================================= */

/* WHY 영역 */
.t01_box01 {
  width: 100%;
  height: 380px;
  margin: 20px auto 40px auto;
  overflow: hidden;
  text-align: center;
}

.t01_box01 .list {
  position: relative;
  padding: 200px 0 0 0;
}

.t01_box01 .list li {
  width: 220px;
  float: left;
  margin: 30px 0 0 110px;
}

.t01_box01 .list li:first-child {
  margin-left: 0;
}

.t01_box01 .list li dl dt {
  font-weight: 600;
  font-size: 17px;
  padding-bottom: 15px;
}

.t01_box01 .list li.ab01 {
  position: absolute;
  top: 195px;
  left: 25px;
}

.t01_box01 .list li.ab02 {
  position: absolute;
  top: 0;
  right: 110px;
}

.t01_box01 .list li.ab03 {
  position: absolute;
  top: 195px;
  right: 0;
}

/* PC / 모바일 이미지 전환 */
.t01_box01 .m {
  display: none;
}

.t01_box01 .l {
  width: 100%;
  margin: auto;
  text-align: center;
}

.t01_box01 .l img {
  width: 100%;
  max-width: 908px;
  text-align: center;
  margin: auto;
}

/* 반응형 */
@media all and (max-width:1100px) {
  .t01_box01 .list {
    display: none;
  }

  .t01_box01 {
    width: 100%;
    height: inherit;
    background: none;
  }
}

@media all and (max-width:800px) {
  .t01_box01 .m {
    display: block;
    width: 100%;
  }

  .t01_box01 .m img {
    width: 100%;
  }

  .t01_box01 .l {
    display: none;
  }
}


/* =========================================================
   10. 전문분말사업
   ========================================================= */
.powder_intro_block{
  margin:10px 0 40px;
  text-align:center;
}

.powder_intro_line{
  display:block;
  width:46px;
  height:4px;
  margin:0 auto 14px;
  border-radius:999px;
  background:#0661aa;
}

.powder_intro_title{
  margin:0 0 6px;
  font-size:22px;
  font-weight:800;
  color:#00518f;
}

.powder_intro_sub{
  margin:0 0 14px;
  font-size:15px;
  color:#666;
  line-height:1.7;
}

.powder_intro_txt{
  max-width:900px;
  margin:0 auto;
  font-size:16px;
  line-height:1.9;
  color:#333;
  word-break:keep-all;
}

.powder_intro_txt strong{
  color:#00518f;
  font-weight:700;
}
.t03_wrap {
  position: relative;
  background: url(/images/sub/02/img0203_01.gif) no-repeat center 45px;
  width: 100%;
  height: 1600px;
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px dashed #ccc;
}

.t03_wrap .tbox {
  width: 480px;
}

.t03_wrap .tbox h2.tit {
  font-size: 25px;
  color: #00518f;
  font-weight: 600;
  padding: 2px 0;
  text-align: left;
}

.t03_wrap .tbox h2.tit span {
  display: inline-block;
  background: #0860a8;
  color: #fff;
  border-radius: 30px;
  padding: 5px 7px;
  letter-spacing: -2px;
  font-size: 20px;
}

.t03_wrap .tbox .txt {
  background: #f1f1f1;
  padding: 15px 20px;
  margin: 20px 0;
  border-radius: 10px;
}

.t03_wrap .po01 { position: absolute; }
.t03_wrap .po02 { position: absolute; right: 0; top: 220px; }
.t03_wrap .po03 { position: absolute; left: 0; top: 405px; }
.t03_wrap .po04 { position: absolute; right: 0; top: 585px; }
.t03_wrap .po05 { position: absolute; left: 0; top: 800px; }
.t03_wrap .po06 { position: absolute; right: 0; top: 975px; }
.t03_wrap .po07 { position: absolute; left: 0; top: 1170px; }
.t03_wrap .po08 { position: absolute; right: 0; top: 1350px; }

.tech02_set1 {
  width: 100%;
}

.tech02_set1 div {
  float: left;
}

.tech02_set1 .left {
  width: 60% !important;
  vertical-align: top;
}

.tech02_set1 .left ul {
  width: 100%;
  vertical-align: top;
  margin: 0;
}

.tech02_set1 .left ul li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-right: -3px;
}

.tech02_set1 .left ul li img {
  vertical-align: top;
  width: 95%;
  max-width: 280px;
}

.tech02_set1 .right {
  width: 38% !important;
  margin-left: 2%;
  vertical-align: top;
}

@media all and (max-width:1100px) {
  .tech02_img1 img { width: 100% !important; }

  .t03_wrap {
    background: none;
    height: auto;
    margin-top: 30px;
    padding-top: 40px;
    border-top: 1px dashed #ccc;
  }

  .t03_wrap .tbox h2.tit {
    background: url(/images/sub/02/arrow.gif) no-repeat left;
    padding: 2px 0 2px 20px;
  }

  .t03_wrap .tbox {
    width: 80%;
    text-align: center;
    margin: 0 auto 45px;
  }

  .t03_wrap .tbox img {
    width: 100%;
    max-width: 240px;
  }

  .t03_wrap .tbox div div ul li {
    text-align: left;
  }

  .t03_wrap .po01,
  .t03_wrap .po02,
  .t03_wrap .po03,
  .t03_wrap .po04,
  .t03_wrap .po05,
  .t03_wrap .po06,
  .t03_wrap .po07,
  .t03_wrap .po08 {
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
  }
}

@media all and (max-width:1000px) {
  .tech02_set1 .left,
  .tech03_set1 .left {
    width: 100% !important;
    margin: 0 auto 20px;
    text-align: center;
  }

  .tech02_set1 .right,
  .tech03_set1 .right {
    width: 100% !important;
    margin-left: 0;
  }

  .tech02_set1 .left ul li img {
    text-align: center;
    margin: auto;
  }

  .tech03_set1 .left img {
    text-align: center;
    margin: auto;
    max-width: 430px;
    width: 100%;
  }
}

@media all and (max-width:800px) {
  .t03_wrap .tbox {
    width: 100%;
  }

  .t03_wrap .tbox h2.tit {
    font-size: 20px;
  }

  .tech02_set1 .left ul li img {
    width: 80%;
    max-width: 100%;
  }

  .tech02_txt1 {
    font-size: 18px !important;
    line-height: 150% !important;
  }
}


/* =========================================================
   11. 숙지황 제조사업 / 식품안전팀
   ========================================================= */

.tech04_imgset ul li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.tech05_imgset1 {
  width: 100%;
}

.tech05_imgset1 ul {
  padding: 0;
  margin: 0;
}

.tech05_imgset1 ul li {
  width: calc(50% - 3px);
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 0;
}

.tech05_imgset1 ul li img {
  width: 100%;
}

@media all and (max-width:800px) {
  .tech04_imgset ul li {
    margin-right: 0;
    text-align: center;
  }

  .tech04_imgset ul li img {
    text-align: center;
    margin: auto;
  }

  .tech05_txt1 {
    font-size: 14px !important;
  }
}

@media all and (max-width:560px) {
  .tech04_imgset ul li {
    width: 100%;
  }

  .tech05_imgset1 ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}


/* =========================================================
   12. 스마트 물류시스템
   ========================================================= */

.t04_wrap {
  position: relative;
  background: url(/images/sub/04/img0403_01.jpg) no-repeat center 5px;
  width: 100%;
  height: 1050px;
}

.t04_wrap .m { display: none; }
.t04_wrap .l { display: none; }

.t04_wrap .list li {
  width: 165px;
  font-weight: 600;
  background: #e4e4e4;
  font-size: 17px;
  border-radius: 20px;
  padding: 10px 0 10px 10px;
}

.t04_wrap .list li dl dt {
  background: #e4e4e4;
  font-size: 17px;
  border-radius: 20px;
  padding: 10px 5px;
  font-weight: 600;
}

.t04_wrap .list li span.num {
  display: inline-block;
  width: 50px;
  padding: 2px 0;
  background: #888;
  font-size: 11px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
}

.t04_wrap .list li dl dd {
  text-align: center;
  margin-top: 10px;
}

.t04_wrap .list li.po01 { position: absolute; top: 120px; left: 15px; }
.t04_wrap .list li.po02 { position: absolute; top: 120px; left: 213px; }
.t04_wrap .list li.po03 { position: absolute; top: 120px; left: 412px; }
.t04_wrap .list li.po04 { position: absolute; top: 120px; left: 610px; }
.t04_wrap .list li.po05 { position: absolute; top: 120px; left: 808px; }
.t04_wrap .list li.po06 { position: absolute; top: 490px; left: 845px; }
.t04_wrap .list li.po07 { position: absolute; top: 490px; left: 648px; }
.t04_wrap .list li.po08 { position: absolute; top: 490px; left: 450px; }
.t04_wrap .list li.po09 { position: absolute; top: 490px; left: 253px; }
.t04_wrap .list li.po10 { position: absolute; top: 490px; left: 55px; }
.t04_wrap .list li.po11 { position: absolute; top: 860px; left: 15px; }
.t04_wrap .list li.po12 { position: absolute; top: 860px; left: 213px; }
.t04_wrap .list li.po13 { position: absolute; top: 860px; left: 412px; }
.t04_wrap .list li.po14 { position: absolute; top: 860px; left: 610px; }
.t04_wrap .list li.po15 { position: absolute; top: 860px; left: 808px; }

@media all and (max-width:1100px) {
  .t04_wrap .l { display: block; }
  .t04_wrap .l img { width: 100%; }
  .t04_wrap .list { display: none; }
  .t04_wrap { background: none; height: auto; }
}

@media all and (max-width:700px) {
  .t04_wrap .m { display: block; }
  .t04_wrap .m img { width: 100%; }
  .t04_wrap .l { display: none; }
}


/* =========================================================
   13. 일반 살균분말
   ========================================================= */

@media all and (max-width:800px) {
  .pro01_tbl { width: 100% !important; }
  .notice_box { font-size: 13px; }
}


/* =========================================================
   14. 기술 카드 / 카테고리 카드 / 검색 영역
   ========================================================= */

/* ---------- 공통 컨테이너 ---------- */
.tech2-wrap,
.cat4-wrap {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 50px;
  box-sizing: border-box;
}

@media (max-width:900px) {
  .tech2-wrap,
  .cat4-wrap {
    padding: 0 18px;
  }
}

/* ---------- 핵심적용기술 ---------- */
.tech2-head {
  margin-bottom: 18px;
}

.tech2-title {
  margin: 0 0 6px;
  font-size: 26px;
  font-weight: 900;
  color: #2C3333;
  letter-spacing: -0.3px;
}

.tech2-sub {
  margin: 0;
  font-size: 16px;
  line-height: 1.85;
  color: #666;
}

.tech2-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.tech2-item {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.04);
  transition: all 0.25s ease;
}

.tech2-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 28px rgba(0,0,0,0.08);
}

.tech2-name {
  font-size: 16px;
  font-weight: 900;
  color: #2C3333;
  margin-bottom: 8px;
}

.tech2-desc {
  font-size: 14px;
  line-height: 1.75;
  color: #555;
}

@media (max-width:950px) {
  .tech2-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:560px) {
  .tech2-grid { grid-template-columns: 1fr; }
}

/* ---------- 카테고리 카드 ---------- */
.cat4-card {
  padding: 30px 0;
  border-top: 1px solid #e9e9e9;
}

.cat4-card:first-child {
  border-top: 2px solid #e9e9e9;
}

.cat4-title {
  margin: 0 0 6px;
  font-size: 24px;
  font-weight: 900;
  color: #337A5B;
  letter-spacing: -0.2px;
}

.cat4-sub {
  margin: 0 0 18px;
  font-size: 16px;
  color: #666;
  line-height: 1.7;
}

.cat4-long {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: none;
  transition: all 0.3s ease;
}

.cat4-long.is-open {
  display: block;
  -webkit-line-clamp: unset;
}

.cat4-more {
  margin-top: 10px;
  padding: 6px 14px;
  border-radius: 12px;
  border: 1px solid #337A5B;
  background: #fff;
  color: #337A5B;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
}

.cat4-more:hover {
  background: #f1f8f4;
}

/* ---------- 행 레이아웃 ---------- */
.row-align {
  display: flex;
  gap: 18px;
  padding: 18px;
  border: 1px solid #eee;
  border-radius: 18px;
  margin-bottom: 16px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,0.03);
  transition: all 0.2s ease;
}

.row-align:hover {
  border-color: #d8e8df;
  box-shadow: 0 12px 24px rgba(0,0,0,0.06);
}

.row-label {
  flex: 0 0 130px;
  font-size: 15px;
  font-weight: 900;
  color: #123b25;
  letter-spacing: -0.2px;
  padding-top: 2px;
}

.row-content {
  flex: 1;
  font-size: 15px;
  line-height: 1.95;
  color: #333;
  word-break: keep-all;
}

@media (max-width:700px) {
  .row-align {
    flex-direction: column;
    gap: 10px;
  }

  .row-label {
    flex: auto;
  }
}

/* ---------- 원료 검색 영역 ---------- */
.rm-search {
  margin: 60px auto 50px;
  padding: 35px;
  background: #f8faf9;
  border: 1px solid #edf2ef;
  border-radius: 30px;
  box-shadow:
    0 15px 35px rgba(0,0,0,0.03),
    0 5px 15px rgba(0,0,0,0.01);
}

.rm-search-title {
  font-size: 18px;
  font-weight: 900;
  color: #123b25;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.rm-search-title::before {
  content: "🔍";
  font-size: 16px;
}

.rm-search-row {
  display: flex;
  gap: 10px;
  align-items: center;
}

.rm-search-row input {
  flex: 1;
  min-width: 240px;
  height: 52px;
  border: 2px solid #e1e8e4;
  border-radius: 16px;
  padding: 0 20px;
  font-size: 15px;
  background: #ffffff;
  transition: all 0.3s ease;
}

.rm-search-row input:focus {
  border-color: #1b7f3a;
  background: #fff;
  box-shadow: 0 0 0 5px rgba(27,127,58,0.1);
}

.rm-search-row button {
  height: 52px;
  padding: 0 25px;
  border-radius: 16px;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.rm-search-row button#rmSearchBtn {
  background: #1b7f3a;
  color: #fff;
  border: none;
  min-width: 100px;
}

.rm-search-row button.ghost {
  background: #fff;
  border: 2px solid #e1e8e4;
  color: #666;
}

.rm-search-row button:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(0,0,0,0.1);
}

.rm-search-result {
  margin-top: 24px;
  padding: 20px 24px;
  border-radius: 16px;
  background: #fdfdfd;
  border: 1px dashed #c8d8ce;
  color: #2b5a3f;
  font-size: 15px;
  line-height: 1.8;
  word-break: keep-all;
  display: none;
}

.rm-search-result b {
  color: #1b7f3a;
  font-weight: 900;
  margin: 0 2px;
}

.rm-search-result br {
  display: block;
  content: "";
  margin-top: 10px;
}

.highlight {
  background: #E8F3ED;
  color: #1A432E;
  font-weight: 800;
  padding: 1px 2px;
  border-radius: 4px;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- 하단 안내문 ---------- */
.cat4-footer {
  margin: 22px 0 10px;
  padding: 18px 18px;
  background: #eef7f1;
  border: 1px solid #eef7f1;
  border-radius: 12px;
}

.cat4-footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cat4-footer-list li {
  position: relative;
  padding-left: 14px;
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 1.9;
  color: #444;
}

.cat4-footer-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #444;
}

.footer-tel {
  font-weight: 800;
  color: #1b7f3a;
}

@media (max-width:768px) {
  .rm-search {
    padding: 30px 20px;
    margin: 40px 0 30px;
    border-radius: 20px;
  }

  .rm-search-title {
    font-size: 20px;
    justify-content: center;
    margin-bottom: 20px;
  }

  .rm-search-row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .rm-search-row input {
    width: 100%;
    height: 70px;
    font-size: 16px;
    border-radius: 14px;
    padding: 0 15px;
    border: 2px solid #e1e8e4;
    box-sizing: border-box;
  }

  .rm-search-row input::placeholder,
  .rm-search-row input::-webkit-input-placeholder,
  .rm-search-row input::-ms-input-placeholder {
    font-size: 13.5px;
    letter-spacing: -0.5px;
  }

  .rm-btn-group {
    display: flex;
    gap: 10px;
    width: 100%;
  }

  .rm-search-row button {
    width: 100%;
    height: 56px;
    font-size: 16px;
    border-radius: 14px;
    margin: 0;
  }

  #rmSearchBtn { flex: 2; }
  .ghost { flex: 1; }

  .tech2-wrap { padding: 18px 14px; }
  .tech2-grid { grid-template-columns: 1fr; }
  .cat4-wrap { padding: 0 14px; }

  .cat4-title { font-size: 22px; }
  .cat4-sub { font-size: 16px; }
  .row-label,
  .row-content { font-size: 16px; }

  .cat4-footer { padding: 16px 14px; }
  .cat4-footer-list li { font-size: 14px; }
}


/* =========================================================
   15. 초미세분말
   ========================================================= */

.micro_wrap {}

.micro_wrap .top_box {
  background: url(/images/sub/03/img0304_01.jpg) no-repeat center 5px;
  width: 100%;
  height: 600px;
}

.micro_wrap .top_box .l,
.micro_wrap .top_box .m {
  display: none;
}

.micro_wrap .top_box .list {
  position: relative;
  height: 600px;
  padding: 0;
  overflow: hidden;
}

.micro_wrap .top_box .list li dl dt {
  font-weight: 600;
  font-size: 17px;
  padding-bottom: 10px;
}

.micro_wrap .top_box .list li.mi01 { position: absolute; top: 30px; right: 200px; width: 220px !important; }
.micro_wrap .top_box .list li.mi02 { position: absolute; top: 200px; right: 50px; width: 140px; }
.micro_wrap .top_box .list li.mi03 { position: absolute; bottom: 75px; right: 110px; width: 140px; }
.micro_wrap .top_box .list li.mi04 { position: absolute; bottom: 75px; left: 120px; width: 140px; }
.micro_wrap .top_box .list li.mi05 { position: absolute; top: 200px; left: 70px; width: 140px; }

.micro_wrap .img_box {
  margin-top: 80px;
  overflow: hidden;
  width: 100%;
}

.micro_wrap .img_box ul li {
  float: left;
  width: 25%;
  height: 228px;
  border-right: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 30px 0 0 30px;
  font-size: 18px;
  font-weight: 600;
  box-sizing: border-box;
}

.micro_wrap .img_box ul li.line02 {
  border-top: 0;
}

.micro_wrap .img_box ul li:first-child,
.micro_wrap .img_box ul li.first {
  border-left: 1px solid #d7d7d7;
}

.micro_wrap .img_box ul li.bg01 { background: #fafcfb; display: flex; align-items: center; justify-content: center; padding: 0 20px; font-size: 28px; line-height: 1.25; font-weight: 700; color: #222; text-align: center; word-break: keep-all; }
.micro_wrap .img_box ul li.bg02 { background: url(/images/sub/03/img0304_02.jpg) no-repeat right; }
.micro_wrap .img_box ul li.bg03 { background: url(/images/sub/03/img0304_03.jpg) no-repeat right; }
.micro_wrap .img_box ul li.bg04 { background: url(/images/sub/03/img0304_04.jpg) no-repeat right; }
.micro_wrap .img_box ul li.bg05 { background: url(/images/sub/03/img0304_05.jpg) no-repeat right; }
.micro_wrap .img_box ul li.bg06 { background: url(/images/sub/03/img0304_06.jpg) no-repeat right; }
.micro_wrap .img_box ul li.bg07 { background: url(/images/sub/03/img0304_07.jpg) no-repeat right; }
.micro_wrap .img_box ul li.bg08 { background: url(/images/sub/03/img0304_08.jpg) no-repeat right; }

@media all and (max-width:1100px) {
  .micro_wrap .top_box .l { display: block; }
  .micro_wrap .top_box .m { display: none; }
  .micro_wrap .top_box .list { display: none; }
  .micro_wrap .top_box { background: none; height: auto; }
}

@media all and (max-width:800px) {
  .micro_wrap .img_box ul li { width: 50%; font-size: 16px; }
  .micro_wrap .img_box ul li.bg01 { border-bottom: none; }
  .micro_wrap .img_box ul li.bg02 { border-bottom: none; }
  .micro_wrap .img_box ul li.bg03,
  .micro_wrap .img_box ul li.bg05,
  .micro_wrap .img_box ul li.bg07 {
    border-left: 1px solid #d7d7d7;
  }

  .micro_wrap .top_box .l { display: none; }
  .micro_wrap .top_box .m { display: block; }
}


/* =========================================================
   16. 시험성적서 섹션
   ========================================================= */

.cert_head {
  text-align: center;
  margin: 40px 0 24px;
}

.cert_head .tit {
  position: relative;
  display: inline-block;
  font-size: 22px;
  font-weight: 800;
  color: #111;
  padding-left: 16px;
  margin: 0 0 8px;
}

.cert_sub {
  margin: 0;
  font-size: 15px;
  color: #666;
  line-height: 1.7;
}

.cert_sub2 {
  margin: 6px 0 0;
  font-size: 14px;
  color: #555;
  line-height: 1.7;
}

.cert_grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  align-items: start;
}

.cert_thumb {
  border: 1px solid #eee;
  border-radius: 0;
  overflow: hidden;
  background: #fafafa;
}

.cert_thumb img {
  width: 100%;
  height: auto;
  display: block;
}

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

.cert_bullets li {
  position: relative;
  padding-left: 22px;
  margin: 0 0 12px 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.8;
  color: #222;
}

.cert_bullets li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.1em;
  font-size: 16px;
  font-weight: 800;
  color: #222;
}

.cert_bullets li.strong {
  color: #FF2B2B;
  font-weight: 800;
}

@media (max-width:900px) {
  .cert_grid {
    grid-template-columns: 1fr;
  }

  .cert_head .tit {
    font-size: 20px;
  }

  .cert_bullets li {
    font-size: 15px;
  }

  .cert_text {
    padding: 16px;
  }
}