/* sub01 */
.history-con .sub-container{position: relative;}
.history-con .history-con-wrap
{display: flex;flex-direction: row; align-items: start;position: relative;  flex-wrap: wrap;  justify-content: space-between;}
.history-con .history-con-wrap .history-img-wrap
{width: 40%; position: sticky;top: 15rem;margin-bottom: 10rem;}
.history-con .history-con-wrap .history-img-wrap h2
{font-size: 5rem; font-family: var(--font2);  font-weight: 600;
  color: var(--main-color);  margin-bottom: 2rem;}
.history-con .history-con-wrap .history-img
{background-position: center;background-repeat: no-repeat;background-size: cover;    width: 100%; height: 30rem;background-color: var(--sub-bg-color);}
.history-con .history-con-wrap .history-img.hisimg01
{background-image: url(/wp-content/uploads/2026/04/main-situ-img01.jpg);}
.history-con .history-con-wrap .history-img.hisimg02
{background-image: url(/wp-content/uploads/2026/06/history-img01.jpg);}
.history-con .history-con-wrap .history-txt
{width: 60%;padding-left: 7%;}
.history-con .history-con-wrap .history-txt dl
{margin-bottom: 5rem;padding-bottom: 5rem;border-bottom: 1px solid #ddd;}
.history-con .history-con-wrap .history-txt dl:last-child{border-bottom: none;}
.history-con .history-con-wrap .history-txt dl dt
{color: var(--hover-color); font-size: 3rem;font-weight: 800;margin-bottom: 3rem;position: relative;}
.history-con .history-con-wrap .history-txt dl dd
{display: flex;flex-direction: row;align-items: baseline;list-style: disc;margin-left: 2rem;margin-bottom: 4rem;}
.history-con .history-con-wrap .history-txt dl dd:last-child
{margin-bottom: 0rem;}
.history-con .history-con-wrap .history-txt dl dd p
{min-width: 13rem;color: #333;font-weight: 800;}
.history-con .history-con-wrap .history-txt dl dd span
{color: #777;line-height: 1.5;font-weight: 500;font-size: 1.7rem;word-break: keep-all;}

/* 조직도 */
.group-con{}
.group-con .group-img
{display: block;margin: auto;text-align: center;border-radius: 2rem;}

.leri-wrap
{display: flex;flex-direction: row;align-items: start;justify-content: space-between;gap: 5rem;}
.leri-wrap .left-con{width: 40%;}
.leri-wrap .right-con{width: 55%;}
.leri-wrap .left-con .inner,.leri-wrap .right-con .inner{width: 100%;}
.leri-wrap .left-con .stitle
{display: flex;flex-direction: column;align-items: start;justify-content: start;}

/* 오시는 길 */
.root_daum_roughmap .cont .section.lst{display: none;}
.load .map{width: 100%;height: 50rem;}
.root_daum_roughmap .wrap_map{height: 100%!important}
.location-con .load-wrap
{display: flex;  flex-direction: row;  justify-content: space-between; background: var(--main-color2);}
.location-con .load-wrap .load
{width: 70%;}
.location-con .load-wrap .address
{width: 30%;height: 50rem;;border-radius: 2rem;padding: 4rem;display: flex;  flex-direction: column;color: #fff;}
.location-con .load-wrap .address dl
{display: flex;  flex-direction: column;  flex-wrap: wrap;  align-items: center;     align-items: flex-start;  gap: 1.5rem;border-bottom: 1px solid #ffffff1a;  padding-bottom: 2rem;margin-bottom: 2rem;}
.location-con .load-wrap .address dl:last-child{border-bottom: none;}
.location-con .load-wrap .address dl dt
{font-weight: 800;  min-width: 11rem;  display: flex;  flex-direction: row;  align-items: center;gap: 1rem;}
.location-con .load-wrap .address dl dt i
{font-size: 1.6rem;}
.location-con .load-wrap .address dl dd
{font-size: 1.6rem;color: #c9c9c9;  font-weight: 400;}

/* sub02 */
.situ-con{}
.situ-con .sub-bg
{background:url(/wp-content/uploads/2026/04/main-situ-bg.png) no-repeat center bottom,linear-gradient(90deg, rgba(15, 30, 121, 1) 9%, rgba(0, 2, 58, 1) 50%, rgba(0, 0, 11, 1) 100%);background-size: cover;}
.prd-con-wrap
{display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: stretch;  gap: 3rem;}
.prd-con-wrap .prd-con
{background: #fff;  border-radius: 2rem;  padding: 7rem;width: 48.7%;}
.prd-con-wrap .prd-con h3
{font-weight: 800;  font-size: 3.5rem;  border-bottom: 1px solid #ddd;  padding-bottom: 3rem;  margin-bottom: 3rem;    display: flex;  flex-direction: row;   align-items: flex-start; gap: 2rem;line-height: 1.2;}
.prd-con-wrap .prd-con h3 small
{padding: 0.8rem 1.5rem;background-color: var(--main-color); color: #fff;border-radius: 5rem;font-weight: 800;font-size: 1.6rem;margin-top: 0.5rem;}
.prd-con-wrap .prd-con .prd-txt
{display: flex;  flex-direction: row; flex-wrap: wrap; justify-content: flex-start;  gap: 3rem; }
.prd-con-wrap .prd-con .prd-txt dl
{display: flex;  flex-direction: row;  align-items: center;  width: 47%;}
.prd-con-wrap .prd-con .prd-txt dl dt
{color: #777;    font-weight: 500;border-right: var(--border);padding-right: 2rem; margin-right: 2rem;}
.table-wrap
{margin-bottom: 5rem;}
.table-wrap:last-child{margin-bottom: 0;}
.table-wrap p
{font-weight: 600; font-size: 2.5rem; margin-bottom: 1.5rem;}
.table-wrap p i
{color: var(--hover-color);  font-size: 1.5rem;  vertical-align: super;  margin-right: 1rem;}

.prd-img
{background-position: center;background-size: cover;background-attachment: fixed;width: 100%;height:45rem;margin-bottom: 10rem;}
.prd-img.prd-img01{background-image: url(/wp-content/uploads/2026/04/subVisual02.jpg);}
.prd-img.prd-img02{background-image: url(/wp-content/uploads/2026/06/prd-img03.jpg);}
.img-container
{view-timeline-name: --image-expand;  view-timeline-axis: block;    width: 100%;  display: flex;  justify-content: center;  overflow: hidden;}
.img-container .prd-img
{width: 80vw;  object-fit: cover;  animation: expand-width linear both;  animation-timeline: --image-expand;  animation-range: entry 0% cover 50%; }
@keyframes expand-width {
  from {
    width: 80vw;
    border-radius: 20px;
  }
  to {
    width: 100vw;
    border-radius: 0;
  }
}

/* 인사말 */
.intro-con{}
.intro-con .prd-img
{height:100vh;position: relative;z-index: 1;}
.intro-con .prd-img::before
{z-index: 2;position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #0000009c;content: '';display: block;backdrop-filter: blur(7px);}
.prd-img.prd-img03
{background-image: url(/wp-content/uploads/2026/05/intro-img.jpg);}
.intro-con .greeting-txt
{position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 11;  display: flex;  flex-direction: row;  align-items: flex-end;  max-width: 1600px;  justify-content: space-between;  width: 100%;    gap: 20rem;}
.intro-con .greeting-txt p.ceo-name
{display: flex;  justify-content: flex-end;  align-items: center;}
.intro-con .greeting-img
{width: 50%;  height: 60rem;  background: url(/wp-content/uploads/2026/05/ceo-img.jpg) no-repeat center;  box-shadow: var(--box-shadow);  background-size: 105%;border-radius: 2rem;}
.greeting-txt ul
{width: 100%;}
.greeting-txt ul p
{margin-bottom: 2rem;font-weight: 600;color: #fff;font-size: 2.1rem;text-shadow: var(--text-shadow);    line-height: 1.7;word-break: keep-all;}
.greeting-txt ul p strong
{font-size: 3.5rem;font-weight: bold;}
.greeting-txt ul p b
{font-size: 2rem;font-weight: bold;color: var(--hover-color);margin-right: 1rem;}
.intro-con .cer-img
{display: flex;  flex-direction: row;  justify-content: center;  align-items: stretch;  gap: 10rem;}
.intro-con .cer-img a
{ display: flex;  flex-direction: column;  gap: 3rem;  align-items: center;}
.intro-con .cer-img img
{height: 50rem;}
.intro-con .cer-img span
{font-weight: 600;  color: #fff;  background: var(--main-color);  width: 100%;  padding: 2rem;  border-radius: 3rem;  text-align: center;transition: var(--transition1);}
.intro-con .cer-img a:hover span
{background-color:var(--text-color);}

/* sub04 */
/* 주요고객 */
.customer-con{}
.customer-con table.table-common td
{background-color: #fff!important;}
.customer-con table.table-common td img
{display: block;  margin: auto;margin-bottom: 1.5rem;border-radius: 2rem;overflow: hidden;}
.customer-con table.table-common td span
{ font-size: 1.6rem;  font-weight: 600;  padding: 0.8rem 2rem;  background: var(--main-color);  color: #fff;  border-radius: 4rem;}

.customer-con .inline .sub-container
{display: flex;flex-direction: row;align-items: start;}
.customer-con .inline .sub-container .stitle{flex: 1;}
.customer-con .inline .sub-container table.table-common{flex: 2;}

/* sub03 */
/* 내항 - 이미지 ver */
/* .service-con{}
.service-con .tab-content img
{border: var(--border);} */
/* .service-con iframe{width: 100%;height: 50rem;} */

/* 내항 + 외항 */
.outport-con{}
.outport-con .out-map
{border: var(--border);}

/* tab common */
.tab-content {display: none;}
.tab-content.active { display: block;}
.tab-buttons { display: flex;}
.tab-wrap .tab-btn
{font-size: 1.8rem; border: none;width: 100%; font-weight: 600;color: #777;  font-family: var(--font1);  padding: 1.8rem;border-radius: 0;position: relative;border-right: var(--border);width: calc(100%/6);background: #fff;}
.tab-wrap .tab-btn:nth-child(-n+6){border-bottom: var(--border)}
.tab-wrap .tab-btn:nth-child(6){border-right:none}
.tab-wrap .tab-btn:hover,.tab-wrap .tab-btn.active,.tab-wrap .tab-btn:focus
{background-color: transparent;}
/* tab sub common */
#subContent .tab-buttons
{justify-content: flex-start;  margin-bottom: 5rem;  gap: 0rem;  background:#fff;box-shadow: var(--box-shadow);display: flex;flex-wrap: wrap;background: #f7f7f7;}
#subContent .tab-wrap .tab-btn.active
{color: #fff!important;background: var(--main-color); }