/* =========================
   공통(ceo 인사말/회사소개/연혁/오시는길 등)
   ========================= */
section.company_01,
section.company_02,
section.company_03,
section.company_04,
section.company_05 {
  font-family: 'NotoSans', sans-serif, Helvetica;
  font-size: 18px;
  line-height: 32px;
  list-style: none;
}

section h3.section_title_01 {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
  line-height: 32px;
}

/* =========================
   회사소개 01 (ceo 인사말)
   ========================= */
section.company_01 p.subj {
  font-size: 33px;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 30px;
  color: #000;
}
section.company_01 p.subj span {
  font-size: 33px;
  font-weight: 300;
  text-align: center;
}
section.company_01 .ceo img {
  float: right;
}
section.company_01 .ceo .message {
  float: right;
  padding-top: 18px;
  font-size: 17px;
}
section.company_01 .ceo .message span {
  font-weight: 900;
  font-family: 'NanumSquare';
}

/* =========================
   회사소개 02
   ========================= */
section.company_02 .company_img01 {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
section.company_02 .box1 {
  display: table;
  width: 100%;
  height: 47vh;
}
section.company_02 .box2 {
  display: table;
  height: 100%;
  width: 100%;
}
section.company_02 .box3 {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 14vh;
}
section.company_02 .box3 dl {
  font-family: 'Ubuntu', sans-serif;
  width: 50%;
  padding-top: 18px;
}
section.company_02 .box3 dl dt {
  font-size: 48px;
  color: #000;
  text-transform: capitalize;
}
section.company_02 .box3 dl dd {
  font-size: 14px;
}
section.company_02 .title-wrap {
  border-bottom: 1px #eee solid;
  margin-top: 50px;
  padding-bottom: 30px;
  text-align: center;
}
section.company_02 .title-wrap h2 {
  font-weight: 600;
}

/* =========================
   연혁 (tabs/timeline)
   ========================= */
section.company_03 #tab_wrap .nav-tabs {
  border-bottom: 0;
}
section.company_03 #tab_wrap .nav-tabs > li > a {
  margin: 0;
}
section.company_03 #tab_wrap .nav-tabs > li > a,
section.company_03 #tab_wrap .nav-tabs > li > a:focus,
section.company_03 #tab_wrap .nav-tabs > li > a:hover {
  color: #fff;
  border-left: 1px #cfcfcf solid;
}
section.company_03 #tab_wrap .nav-tabs > li > a {
  border: none;
  color: #666;
  background: #f8f8f8;
  font-weight: 600;
  border-top: 1px #dedede solid;
  border-bottom: 1px #999999 solid;
  border-left: 1px #dedede solid;
  border-radius: 0;
  line-height: 38px;
  font-size: 16px;
}
section.company_03 #tab_wrap .nav-tabs > li > a > span {
  color: #000;
}
section.company_03 #tab_wrap .nav-tabs > li > a:hover,
section.company_03 #tab_wrap .nav-tabs > li > a#bo_cate_on,
section.company_03 #tab_wrap .nav-tabs > li > a:focus {
  background: #fff;
  color: #000;
  border-top: 1px #cfcfcf solid;
  border-bottom: 1px #fff solid;
  border-left: 1px #cfcfcf solid;
}
section.company_03 #tab_wrap .nav-tabs > li > a#bo_cate_on {
  background-color: #fff;
  border-top: 2px #000 solid;
  font-weight: 900;
}
section.company_03 #tab_wrap .nav-tabs.two > li { width: 50%; text-align: center; }
section.company_03 #tab_wrap .nav-tabs.three > li { width: 33.3333%; text-align: center; }
section.company_03 #tab_wrap .nav-tabs.four > li { width: 25%; text-align: center; }

section.company_03 .tab-pane { padding: 15px 0; }
section.company_03 .tab-content { padding: 20px; }

section.company_03 #tab_wrap {
  border-left: 1px #dedede solid;
  border-right: 1px #dedede solid;
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 80px;
}
section.company_03 dt {
  width: auto;
  margin-bottom: 10px;
}
section.company_03 dd {
  padding-left: 20px;
  border-left: 3px #eee solid;
}
section.company_03 .history-left { text-align: left; }
section.company_03 .history-left h2 {
  font-size: 48px;
  margin-bottom: 20px;
  font-weight: 900;
  color: #000;
  margin-top: 0;
  float: left;
}
section.company_03 .history-left span {
  padding-left: 20px;
  line-height: 48px;
  font-weight: 300;
  font-size: 26px;
  color: #474747;
}
section.company_03 .history-left p.text {
  color: #474747;
  font-size: 16px;
  line-height: 24px;
}
section.company_03 .history-left p.image { margin-top: 30px; }
section.company_03 .history-right {
  background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
  margin-top: 10px;
  margin-left: 80px;
}
section.company_03 .history-right ul {
  background: url(../../img/sub/dot.png) 0 2% no-repeat;
  margin-bottom: 35px;
  border-bottom: 0;
}
section.company_03 .history-right li.title {
  font-size: 25px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  padding-bottom: 12px;
}
section.company_03 .history-right li span.mon {
  font-weight: 600;
  color: #000;
  font-size: 12px;
  background-color: #fff;
  border: 1px #f3f3f3 solid;
  margin-right: 7px;
}
section.company_03 .history-right li span.mon2 {
  font-weight: 400;
  color: #2B4471;
  font-size: 12px;
}
section.company_03 .history-right ul.list-unstyled {
  border-bottom: 0 !important;
  padding-left: 40px;
}





/* =========================
   오시는 길 / 표
   ========================= */
section.company_04 .embed-container {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
section.company_04 .embed-container iframe,
section.company_04 .embed-container object,
section.company_04 .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section .table_wrap .table {
  border-top: 2px #000 solid;
  border-bottom: 1px #ddd solid;
}
section .table_wrap caption {
  font-weight: 900;
  color: #000;
  font-size: 18px;
}
section .table_wrap .table th {
  width: 120px;
  padding-left: 18px;
  font-weight: 900;
}
section .table_wrap .table th,
section .table_wrap .table td {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 25px;
}
section.company_04 dl { padding-bottom: 0; margin-bottom: 15px; }
section.company_04 dl dt { padding-top: 10px; }
section.company_04 dl dd { padding-left: 20px; }
section.company_04 .d-map {
  padding: 0 8px;
  background: #2c77dd;
  color: #fff;
  font-size: 11px;
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 900;
  border-radius: 2em;
}
section.company_04 .btn {
  font-size: 15px;
  border-radius: 0;
  border: 1px #000 solid;
  color: #000;
  font-weight: 600;
}

/* =========================
   레이어 팝업
   ========================= */
.overlay-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9999999999999;
}
.overlay-popup:target {
  visibility: visible;
  opacity: 1;
}
.popup-content {
  margin: 70px auto;
  background: #fff;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
  padding-bottom: 10px;
}
.popup-content h2 {
  background: linear-gradient(#44474e, #35383f);
  margin-top: 0;
  color: #fff;
  font-family: 'NotoSans';
  font-size: 18px;
  line-height: 52px;
  padding-left: 20px;
  font-weight: 600;
  padding-top: 5px;
}
.popup-content .close {
  position: absolute;
  top: 15px;
  right: 15px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff !important;
  opacity: 1;
  text-shadow: none;
  line-height: 0;
  padding-top: 12px;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
.popup-content .close:hover { color: #06D85F; }
.popup-content .content {
  height: 420px;
  padding: 25px 20px;
  font-size: 13px;
  overflow-y: auto;
}
.popup-content .content p,
.popup-content .content span { font-size: 13px; }
.popup_text_point {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 12px;
}

/* =========================
   반응형 (<= 992px)
   ========================= */
@media (max-width: 992px) {
  section.company_01 { text-align: center; }

  section h3.section_title_01 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 60px;
    line-height: 26px;
  }

  section.company_01 p.subj {
    font-size: 26px;
    font-weight: 900;
    line-height: 42px;
    margin-bottom: 30px;
    color: #000;
  }
  section.company_01 p.subj span {
    font-size: 26px;
    font-weight: 300;
    text-align: center;
  }
  section.company_01 .ceo {
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center;
  }
  section.company_01 .ceo img {
    float: none;
    text-align: center;
    width: 100%;
  }
  section.company_01 .ceo .message {
    float: right;
    padding-top: 18px;
    font-size: 14px;
  }
  section.company_01 .ceo .message span {
    font-weight: 900;
    font-family: 'NanumSquare';
  }

  /* 회사소개 02 (모바일) */
  section.company_02 .company_img01 {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  section.company_02 .box1 {
    display: table;
    width: 100%;
    height: 47vh;
  }
  section.company_02 .box2 {
    display: table;
    height: 100%;
    width: 100%;
  }
  section.company_02 .box3 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 6vh;
    padding-right: 6vh;
  }
  section.company_02 .box3 dl {
    font-family: 'Ubuntu', sans-serif;
    width: 100%;
    padding-top: 18px;
  }
  section.company_02 .box3 dl dt {
    font-size: 32px;
    color: #000;
    text-transform: capitalize;
  }
  section.company_02 .box3 dl dd { font-size: 14px; }

  /* 연혁(모바일) */
  section.company_03 #tab_wrap .nav-tabs > li > a {
    border: none;
    color: #666;
    background: #f8f8f8;
    font-weight: 600;
    border-top: 1px #dedede solid;
    border-bottom: 1px #999999 solid;
    border-left: 1px #dedede solid;
    border-radius: 0;
    line-height: 24px;
    font-size: 14px;
  }
  section.company_03 #tab_wrap { margin-bottom: 50px; }
  section.company_03 .history-left h2 {
    font-size: 26px;
    margin-bottom: 10px;
    font-weight: 900;
    color: #000;
    margin-top: 0;
    float: left;
  }
  section.company_03 .history-left span {
    padding-left: 14px;
    line-height: 32px;
    font-weight: 300;
    font-size: 18px;
    color: #474747;
  }
  section.company_03 .history-left p.text {
    color: #474747;
    font-size: 14px;
    line-height: 22px;
  }
  section.company_03 .history-left p.image { margin-top: 30px; }
  section.company_03 .history-left p.image img { width: 100%; }
  section.company_03 .history-right {
    background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
    margin-top: 10px;
    margin-left: 0px;
  }
  section.company_03 .history-left { margin-bottom: 40px; }
  section.company_03 .history-right li.title {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    padding-bottom: 6px;
  }

  .popup-content { width: 70%; }
}

/* =========================
   PC/모바일 표시 제어 (줄바꿈용)
   ========================= */
/* 기본: PC에서 보임, 모바일 전용 숨김 */
.pc-only, br.pc-only { display: inline; }
.mobile-only, br.mobile-only { display: none; }

/* 768px 이하: PC전용 숨김, 모바일전용 보임 */
@media (max-width: 768px) {
  .pc-only, br.pc-only { display: none !important; }
  .mobile-only, br.mobile-only { display: inline !important; }
}
/* =========================
   갤러리 전체 레이아웃
   ========================= */
.gallery-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin: 40px auto;
  max-width: 1200px;
}

/* =========================
   각 이미지 아이템
   ========================= */
.gallery-item {
  flex: 1 1 calc(20% - 20px); /* 5장 기준 */
  text-align: center;
}

.gallery-item img {
  width: 100%;
  height: 320px; /* 세로 길이 넉넉히 확보 */
  object-fit: contain; /* ✅ 비율 유지하면서 전체 보이기 */
  background-color: #fafafa; /* 이미지 비율 여백 생길 때 깔끔하게 */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
}

.gallery-item img:hover {
  transform: scale(1.05);
  cursor: pointer;
}

/* 제목 (캡션) */
.gallery-item .caption {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  line-height: 20px
}

/* =========================
   반응형 (모바일 대응)
   ========================= */
@media (max-width: 992px) {
  .gallery-item {
    flex: 1 1 calc(33.333% - 20px);
  }

  .gallery-item img {
    height: 280px;
  }
}

@media (max-width: 600px) {
  .gallery-item {
    flex: 1 1 calc(50% - 20px);
  }

  .gallery-item img {
    height: 220px;
  }
}

/* =========================
   Lightbox 이미지 표시 강화
   ========================= */
.lightboxOverlay {
  z-index: 999998 !important;
  opacity: 0.85 !important;
}

#lightbox {
  z-index: 999999 !important;
}

#lightbox img.lb-image {
  width: auto !important;
  height: auto !important;
  max-width: 95vw !important;
  max-height: 90vh !important;
  display: block !important;
  opacity: 1 !important;
  position: static !important;
  visibility: visible !important;
}

#lightbox .lb-outerContainer,
#lightbox .lb-container,
#lightbox .lb-dataContainer {
  background: none !important;
  display: block !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1000000 !important;
}

#lightbox a.lb-close,
#lightbox a.lb-prev,
#lightbox a.lb-next {
  opacity: 1 !important;
  z-index: 1000001 !important;
}


/* =========================
   OUR FACTORY 섹션
   ========================= */
.factory-section {
  margin: 80px auto;
  max-width: 1200px;
  text-align: center;
}

.factory-title {
  font-size: 28px;
  font-weight: 800;
  color: #333;
  margin-bottom: 40px;
  text-align: left;
}

.factory-gallery {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.factory-item {
  flex: 1 1 calc(33.333% - 20px);
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.factory-item img {
  max-width: 100%;
  height: 280px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.factory-item img:hover {
  transform: scale(1.05);
  cursor: pointer;
}

/* 반응형 (모바일 대응) */
@media (max-width: 992px) {
  .factory-item {
    flex: 1 1 calc(50% - 20px);
  }
  .factory-item img {
    height: 240px;
  }
}

@media (max-width: 600px) {
  .factory-item {
    flex: 1 1 100%;
  }
  .factory-item img {
    height: 220px;
  }
}

/* ===== WHAT IS CORK? ===== */
.cork-hero{
  padding: 0px 0 96px;
  background: #fff;
}
.cork-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0px;
}

.cork-eyebrow{
  text-align: center;
  font-weight: 800;
  letter-spacing: .06em;
  color: #3b3f46;
  margin: 0;
}
.cork-divider{
  width: 80px; height: 2px; background: #cfd6dd;
  margin: 10px auto 28px;
}
.cork-quote{
  text-align: center;
  font-size: clamp(26px, 4.2vw, 44px);
  font-weight: 800;
  color: #454c53;
  margin: 0 0 32px;
}

/* 카드 */
.cork-card{
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 40px;
  padding: 36px;
  border-radius: 22px;
  background: linear-gradient(180deg, #e8fff5 0%, #f1fffb 100%);
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}
.cork-photo{
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
.cork-photo img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cork-text h3{
  margin: 100px 0 14px;
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: 800;
  color: #2d5a42;
}
.cork-text p{
  margin: 10px 0;
  line-height: 1.8;
  color: #5a6672;
  font-size: clamp(15px, 1.3vw, 17px);
}
.cork-text .accent{
  color: #1aa36f;
  font-weight: 700;
}
.cork-text .accent-strong{
  color: #0c8a60;
  font-weight: 800;
}

/* 반응형 */
@media (max-width: 992px){
.cork-text h3{
  margin: 10px 0 14px;
 
}
  .cork-card{
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 24px;
  }
  .cork-photo{ order: 1; }
  .cork-text{ order: 2; }
}
/* ==============================
   공통 컨테이너 가로폭 1200px
   ============================== */
.cork-container,
.cmp-container,
.factory-section { /* 공장 섹션도 같이 센터 고정 */
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ==============================
   WHAT IS CORK? (상단 섹션 살짝 리프레시)
   ============================== */
.cork-hero{ padding:2px 0 50px; background:#fff; }
.cork-eyebrow{
  text-align:center; font-weight:800; letter-spacing:.18em;
  color:#3a424a; opacity:.85; margin:0;
}
.cork-divider{
  width:96px; height:3px; margin:12px auto 28px;
  background: linear-gradient(90deg,#cfe5da 0%, #9fdcc0 100%);
  border-radius:3px;
}
.cork-quote{
  text-align:center; margin:50px 0 36px;
  font-size: clamp(26px, 4vw, 44px); font-weight:900; color:#384046;
}
.cork-card{
  display:grid; grid-template-columns:1.05fr 1fr; gap:44px;
  padding:32px; border-radius:24px;
  background: linear-gradient(180deg,#ecfff7 0%, #f6fffb 100%);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
  transform: translateY(6px);
  animation: floatIn .7s ease-out both;
  margin-bottom:50px;
}
.cork-photo{ margin:0; border-radius:18px; overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.12); }
.cork-photo img{ width:100%; height:100%;  object-fit:cover; display:block; }

.cork-card2 {
  display: flex;
  justify-content: center; /* 가로 가운데 정렬 */
  align-items: center;      /* 세로 가운데 정렬 (필요 시) */
  width: 100%;
  background: #f8fffa;      /* 배경색 예시 */
  padding: 40px 0;          /* 여백 */
}

.cork-photo2 img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 10px; /* 모서리 둥글게 (선택사항) */
}


.cork-text h3{ margin:6px 0 14px; font-weight:900; color:#2b6b4e; font-size:clamp(20px,2.3vw,28px); }
.cork-text p{ margin:10px 0; line-height:1.85; color:#5b6a74; font-size:clamp(15px,1.25vw,17px); }
.cork-text .accent{ color:#1aa36f; font-weight:700; }
.cork-text .accent-strong{ color:#0c8a60; font-weight:800; }

@media (max-width: 992px){
  .cork-card{ grid-template-columns:1fr; gap:22px; padding:24px; }
}

/* ==============================
   비교/장점 섹션 — 1200px 정렬 + 새 룩 & 효과
   ============================== */
.cork-compare{ padding:64px 0 96px; background:#fff; }
.cmp-eyebrow{ text-align:center; font-size:25px; color:#7c8a95; font-weight:700; margin-bottom:30px; }
.cmp-lead{ text-align:center;  font-size:28px; color:#7c8a95; margin:6px 0 10px; }
.cmp-strong{ text-align:center;  font-size:35px; color:#2a2f33; font-weight:900; margin:0 0 54px; }

.cmp-card, .why-card{
  position:relative;
  border-radius:20px;
  padding:28px;
  background:#ffffff;
  border:1px solid #e6eef0;
  box-shadow: 0 14px 32px rgba(0,0,0,.06);
  overflow:hidden;
  animation: floatIn .7s ease-out both;
}
.cmp-card::before{
  content:""; position:absolute; inset:-1px;
  border-radius:22px;
  background: linear-gradient(180deg, rgba(164,233,187,.25), rgba(255,255,255,0));
  pointer-events:none;
}
.cmp-title{ margin:0 0 6px; font-size:36px; font-weight:900; color:#2f3d32; }
.cmp-sub{ margin:0 0 18px;   font-size:21px; color:#7c8b96; }

/* 그리드 */
.cmp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cmp-col{
  background:#fbfdfd; border:1px solid #e7edf0; border-radius:14px; padding:18px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cmp-col:hover{
  transform: translateY(-6px);
  border-color:#cfe6d7;
  box-shadow: 0 14px 28px rgba(33,150,83,.12);
}
.cmp-col h5{ margin:2px 0 30px; font-size:21px; font-weight:800; color:#2f3b33; }
.cmp-col.highlight{
  background:#0f5324;
  border-color:#bfe9c5;
}

/* 리스트 아이콘 약간 다른 스타일 */
.cmp-list{ list-style:none; padding:0; margin:0; display:grid; gap:9px; }
.cmp-list li{ position:relative; text-align:left; font-size:1.2em;  padding-left:28px; line-height:1.55; color:#50606a; }
.cmp-list li.plus::before,
.cmp-list li.minus::before{
  content:""; position:absolute; left:0; top:3px; width:19px; height:19px; border-radius:6px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
.cmp-list li.plus::before{
  background:#16a069;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M20.285 6.709l-11.4 11.4-5.657-5.657 1.414-1.414 4.243 4.243 9.986-9.986z"/></svg>') center/13px no-repeat;
}
.cmp-list li.minus::before{
  background:#c5ced6;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>') center/13px no-repeat;
}

/* WHY 카드: 칩 스타일 + 호버 리프트 */
.why-card{
  margin-top:22px;
  background:linear-gradient(180deg,#eff9f3 0%, #f8fffb 100%);
  border:1px solid #d9efe2;
}
.why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:12px; }
.why-item{
  background:#fff; border:1px solid #e6ecef; border-radius:16px; padding:18px; text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.05);
  transition: transform .25s ease, box-shadow .25s ease;
}
.why-item:hover{ transform: translateY(-6px); box-shadow:0 18px 36px rgba(0,0,0,.08); }
.why-ico{ font-size:48px; line-height:1; margin-bottom:20px; }
.why-tt{ font-weight:900; font-size:1.5em; color:#2e3a33; margin-bottom:6px; }
.why-tx{ color:#62707a; line-height:1.65; font-size:1.2em; }

/* 등장 애니메이션 + 순차 지연 */
@keyframes floatIn{
  from{ transform:translateY(14px); opacity:0 }
  to{ transform:translateY(0); opacity:1 }
}
.cmp-card{ animation-delay:.05s }
.cmp-grid .cmp-col:nth-child(1){ animation:floatIn .6s ease-out both .1s }
.cmp-grid .cmp-col:nth-child(2){ animation:floatIn .6s ease-out both .18s }
.cmp-grid .cmp-col:nth-child(3){ animation:floatIn .6s ease-out both .26s }
.why-item:nth-child(1){ animation:floatIn .6s ease-out both .12s }
.why-item:nth-child(2){ animation:floatIn .6s ease-out both .2s }
.why-item:nth-child(3){ animation:floatIn .6s ease-out both .28s }
.why-item:nth-child(4){ animation:floatIn .6s ease-out both .36s }

/* 접근성: 모션 최소화 선호 시 애니메이션 제거 */
@media (prefers-reduced-motion: reduce){
  .cmp-card, .why-card, .cmp-grid .cmp-col, .why-item{ animation:none !important; }
  .cmp-col:hover, .why-item:hover{ transform:none; }
}

/* 반응형 */
@media (max-width: 992px){
  .cmp-grid{ grid-template-columns:1fr; }
  .why-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 560px){
  .why-grid{ grid-template-columns:1fr; }
}

ark.green{
  background-color: rgba(80, 255, 0, 0.3);
}
.highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

.highlight.two-highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, rgb(132, 250, 176) 0%, rgb(143, 211, 244) 100%);
}

.half-highlight {
  background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #FFD0AE 50%);
}

/* ===== 코르크 단면도 ===== */
.cork-cutaway { padding: 72px 0 96px; background:#fff; }
.cutaway-container { max-width:1200px; margin:0 auto; padding:0 24px; }

.cutaway-title {
  text-align:center; font-size:36px; font-weight:900; color:#2f3439; margin:0;
}
.cutaway-divider{
  width:80px; height:3px; border-radius:3px;
  background: linear-gradient(90deg,#cfe5da 0%, #9fdcc0 100%);
  margin:12px auto 28px;
}

/* 상단 카드 */
.cutaway-card{
  background: linear-gradient(180deg,#eafaf4 0%, #f6fffb 100%);
  border:1px solid #d9efe2;
  border-radius:22px;
  box-shadow:0 18px 40px rgba(0,0,0,.06);
  padding:26px;
}
.cutaway-header h3{ margin:4px 0 6px; font-size:28px; font-weight:900; color:#2b3a34; }
.cutaway-sub{ margin:0 0 18px; font-size:21px; color:#6b7881; }

/* 그리드 */
.cutaway-grid{ display:grid; grid-template-columns: 1.05fr 1fr; gap:28px; }
.cutaway-illust{
  margin:0; background:#fff; border:1px solid #e8eff2; border-radius:16px;
  overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.cutaway-illust img{ max-width:100%; height:100%; object-fit:cover; display:block; }

/* 우측 사양 */
.cutaway-spec{
  background:#fff; border:1px solid #e8eff2; border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  padding:18px 18px 8px;
}
.cutaway-spec h4{ margin:0 0 12px; font-size:18px; font-weight:900; color:#2f3b33; }

.spec-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.spec-list li{
  display:grid; grid-template-columns: 18px 1fr auto; align-items:center;
  gap:12px; background:#fbfdfd; border:1px solid #e8eff2; border-radius:12px; padding:12px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.spec-list li:hover{ transform: translateY(-4px); box-shadow:0 10px 22px rgba(0,0,0,.06); border-color:#cfe6d7; }

.spec-text b{ display:block; color:#2f3b33; }
.spec-text small{ color:#6a7681; }

.badge{
  background:#e8fff2; color:#19a36f; font-weight:800; border-radius:999px;
  padding:6px 10px; font-size:13px; white-space:nowrap; border:1px solid #ccefdc;
}
.badge-soft{ background:#f3f6f9; color:#5e6b76; border-color:#e2e8ef; }

/* 컬러 점 */
.dot{ width:20px; height:20px; border-radius:50%; display:inline-block; }
.dot-top{ background:#DAA520; }
.dot-mid{ background:#CD853F; }
.dot-primer{ background:#8B4513; }
.dot-conc{ background:#a0a0a0; }
.dot-base{ background:#8B4513; }

/* 하단 장점 카드 */
.benefit-wrap{
  margin-top:22px;
  display:grid; grid-template-columns: repeat(4,1fr); gap:18px;
}
.benefit-item{
  background:#fff; border:1px solid #e6ecef; border-radius:16px; padding-top:50px; padding-bottom:50px;text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.05);
  transition: transform .25s ease, box-shadow .25s ease;
}
.benefit-item:hover{ transform: translateY(-6px); box-shadow:0 18px 36px rgba(0,0,0,.08); }
.benefit-ico{ font-size:38px; line-height:1; margin-bottom:8px; }
.benefit-tt{ font-weight:900; font-size:24px; color:#2e3a33; margin-bottom:6px; }
.benefit-item p{ color:#62707a; font-size:15px; line-height:1.6; margin:0; }

/* 반응형 */
@media (max-width: 992px){
  .cutaway-grid{ grid-template-columns: 1fr; }
  .benefit-wrap{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px){
  .benefit-wrap{ grid-template-columns: 1fr; }
}
.cutaway-illust {
  width: 100%;
  max-width: 1200px; /* 페이지 전체 폭에 맞추고 싶을 때 */
  margin: 0 auto;
  text-align: center;
  background:#edeef0;
}

.cutaway-illust img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; /* 중앙 정렬 */
}
/* ---- 레이아웃 ---- */
.cork-features{
  max-width:1200px; margin:40px auto;
  display:grid; grid-template-columns:repeat(2,1fr); gap:32px;
}

/* ---- 카드 ---- */
.cork-feature-card{
  position:relative; background:#fff; border-radius:20px;
  padding:48px 56px; box-shadow:0 10px 28px rgba(0,0,0,.06);
  overflow:hidden; isolation:isolate; transition:transform .25s ease, box-shadow .25s ease;
}
/* 상단 녹색 라인 */
.cork-feature-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:8px; z-index:-1;
  background:linear-gradient(90deg,#2e7d32,#66bb6a);
  border-top-left-radius:20px; border-top-right-radius:20px;
  opacity:.9; transform:translateY(-3px);
}

/* 호버 효과 */
.cork-feature-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 36px rgba(0,0,0,.10);
}
.cork-feature-card:hover::before{ height:10px; }
.cork-feature-card:hover .cork-ico{ transform:translateY(-2px) scale(1.05); }

/* ---- 아이콘 ---- */
.cork-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; font-size:26px; line-height:1;
  border-radius:12px; background:#e8f5e9; box-shadow:inset 0 0 0 2px #a5d6a7;
  margin-bottom:14px; transition:transform .25s ease;
}

/* ---- 타이틀 ---- */
.cork-title{
  font-size:39px; line-height:1.25; font-weight:700; color:#344054;
  margin:8px 0 22px;
  text-align:center;
}

/* ---- 리스트 ---- */
.cork-list{ list-style:none; margin:0;  text-align:center; }
.cork-list li{
  position:relative; padding-left:18px; margin:12px 0; color:#4b5563; font-size:21px;
}
/*
.cork-list li::before{
  content:""; position:absolute; left:0; top:.6em;
  width:8px; height:8px; border-radius:50%; background:#2e7d32;
}
*/

/* ---- 반응형 ---- */
@media (max-width: 980px){
  .cork-features{ grid-template-columns:1fr; gap:20px; }
  .cork-feature-card{ padding:32px 24px; }
  .cork-title{ font-size:28px; }
}
.fc_ver2_pointer {color:#C53428; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;}
	.daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
	.daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

	.daon_ver2_sub_type1 {width:100%; }
	.daon_ver2_sub_type1:after{ content:""; display:block; clear:both;}
	.daon_ver2_sub_type1 .special_area {width:100%; padding:40px 0px; }
	.daon_ver2_sub_type1 .special_area:first-child {padding-top:0;}
	.daon_ver2_sub_type1 .special_area ul {min-height:450px; }
	.daon_ver2_sub_type1 .special_area ul li{ position:relative; width:100%; min-height:450px; overflow:hidden;  }
	.daon_ver2_sub_type1 .special_area ul li:last-child {margin-bottom:0;}
	.daon_ver2_sub_type1 .special_area ul li div{overflow:hidden; box-sizing:border-box;}
	.daon_ver2_sub_type1 .special_area ul li .special_img{width:48%; top:0; right:0; position:absolute; }
	.daon_ver2_sub_type1 .special_area ul li .special_img img {width:100%; }
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_img{right:unset; left:0;}
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{text-align:left; }
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{float:right; right:0; width:50%; padding-right:0; padding-left:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
	.daon_ver2_sub_type1 .special_area ul li .special_info{position:relative; width:50%; display:table; min-height:415px; padding-right:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {display:table-cell; vertical-align:top;  }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl{width:100%; margin:0; padding:0; overflow:hidden; background-color:none; }
.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt em {
  display: inline-block; /* 박스로 보이게 */
  margin: 0;
  padding: 4px 8px; /* 박스 여백 */
  font-size: 13px;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  color: #fff; /* 흰색 글씨 */
  background-color: #d32f2f; /* 진한 빨간색 배경 */
  border-radius: 4px; /* 살짝 둥근 사각형 */
  letter-spacing: 0.05em;
}

	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt.special_tit{font-size:1.9em; font-weight:800; margin:15px 0 20px 0; }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dd{position:relative; color:#333; font-weight:600; font-size:1.2em;  line-height:1.6em;  word-break:keep-all;}
	.daon_ver2_sub_type1 table.special_tbl{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee; margin-top:20px; }
	.daon_ver2_sub_type1 table.special_tbl th{ text-align:center; color:#333; font-size:1em; font-weight:800; padding:8px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
	.daon_ver2_sub_type1 table.special_tbl td{ text-align:left; font-size:0.9em; padding:8px 20px;  font-weight:600;  border-bottom:1px solid #eee; border-right:1px solid #eee;}	


	@media screen and (max-width:1240px){		
		.daon_ver2_sub_type1 .special_area ul li .special_img{width:47%; }
		.daon_ver2_sub_type1 .special_area ul li {min-height:auto; }
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {vertical-align:top;}
	}
		
	@media screen and (max-width:992px){		
		.daon_content_wrap{padding:0 2%;}
		.daon_ver2_page_title{margin-bottom:50px;}	
		.daon_ver2_page_title h1{font-size:1.85em;}
		.daon_ver2_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.daon_ver2_sub_type1 .special_area ul li .special_img{position:relative; width:100%; }
		.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{  float:none;  width:94%; margin:0 auto; padding:0 5%; background-color:rgba(255,255,255,1);}
		.daon_ver2_sub_type1 .special_area ul li .special_info{top:0px; float:none; width:94%;  margin:0 auto; padding:0 5%; background-color:rgba(255,255,255,1);}
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {float:left; width:100%; margin-top:30px; text-align:center; }
	}

	/* =========================
   연혁 리스트: 월 배지 고정 + 행걸이 들여쓰기
   ========================= */

/* 긴 항목(제목 제외)에만 적용 */
section.company_03 .history-right ul.list-unstyled li:not(.title) {
  position: relative;
  /* 40px(점 아이콘 여백) + 60px(배지폭) + 10px(간격) = 110px */
  padding-left: 110px;               /* ← 두 번째 줄부터 이 선에 맞춰 정렬됨 */
  line-height: 1.8;
  word-break: keep-all;
  font-size:0.9em;
  padding-bottom:10px;
}

/* 월(배지) 고정 위치 */
section.company_03 .history-right ul.list-unstyled li:not(.title) .mon {
  position: absolute;
  left: 40px;                        /* ← ul의 dot 아이콘 여백만큼 띄운 지점 */
  top: 2px;
  width: 60px;                       /* 배지 폭 */
  text-align: center;
  display: inline-block;
  /* 기존 배지 스타일 유지 + 살짝 보강(선택) */
  background-color: #eee;
  color:#000;
  border: 1px #dcdcdc solid;
  border-radius: 999px;
  font-weight: 600;
}

/* 모바일(<= 992px): 좌우 여백 조금 줄이기 */
@media (max-width: 992px) {
  section.company_03 .history-right ul.list-unstyled li:not(.title) {
    /* 30px(점 아이콘 여백) + 52px(배지폭) + 8px(간격) = 90px 정도 */
    padding-left: 90px;
    line-height: 1.7;
  }
  section.company_03 .history-right ul.list-unstyled li:not(.title) .mon {
    left: 30px;
    width: 52px;
  }
}

@media (max-width: 992px){
  .pc-hide{ display:none !important; }
}