/* ceo_page CSS */
#ceo_icon {float: right; width: 40%; margin-right: 5vw;}

.hero {
    position: relative;
    height: 50vh;
    background: url('/img/ceo_banner.jpg') center center / cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }
  .hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
  }
  .hero-overlay {
    position: relative;
    text-align: center;
    z-index: 1;
  }
  .hero-overlay h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .hero-overlay p {
    font-size: 1.2rem;
    opacity: 0.9;
  }

  .ceo-message {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    margin: 5rem auto;
    padding: 0 1rem;
    gap: 2rem;
    font-family: 'NanumSquareNeo', sans-serif;
  }
  .ceo-photo {
    flex: 1;
    text-align: center;
  }
  .ceo-photo img {
    max-width: 350px;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  }
  .ceo-text {
    flex: 2;
    background-color: #f9f9f9;
    padding: 2rem;
    border-left: 4px solid #013082;
  }
  .ceo-text h2 {
    font-size: 1.8rem;
    color: #013082;
    margin-bottom: 1.5rem;
    font-family: 'WanjuNuri', sans-serif;
  }
  .ceo-text p {
    font-size: 1rem;
    line-height: 1.9;
    color: #333;
  }
  .signature {
    margin-top: 2rem;
    font-weight: bold;
    font-size: 1.1rem;
    color: #555;
    font-family: 'WanjuNuri', cursive;
  }

  @media (min-width: 768px) {
    .ceo-message {
      flex-direction: row;
      align-items: center;
    }
    .ceo-photo {
      text-align: left;
    }
  }

/* ceo_page CSS */

/* company_page CSS */
.history-box {width: 100%; height: auto; display: flex;}
.history-box:last-child {padding-bottom: 15vh;}
.history-box li:first-child {width: 40%;}
.history-box li > p > span {margin-left: 2.5vw;}
.history-con-txt{width: 60%;}
.history-con-txt > p {margin-top: 1.4vw;}

.history-hero {
    background: linear-gradient(to right, #001f3f, #013082);
    color: white;
    padding: 6rem 1rem 4rem;
    text-align: center;
  }
  .history-hero h1 {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: 2px;
  }

  .history-section {
    background-color: #f7f8fa;
    padding: 5rem 1rem;
  }

  .timeline {
    max-width: 900px;
    margin: 0 auto;
    border-left: 3px solid #013082;
    position: relative;
  }

  .timeline-entry {
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 3rem;
  }

  .timeline-entry::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: -0.6rem;
    width: 1rem;
    height: 1rem;
    background-color: white;
    border: 3px solid #b39a1e;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #f7f8fa;
  }

  .timeline-year {
    font-size: 1.5rem;
    font-weight: bold;
    color: #013082;
    margin-bottom: 0.5rem;
  }

  .timeline-details {
    font-size: 1rem;
    color: #333;
    line-height: 1.8;
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  }

  @media (max-width: 768px) {
    .timeline {
      border-left: 2px solid #013082;
      padding-left: 0.5rem;
    }
    .timeline-entry {
      padding-left: 2rem;
    }
  }
/* company_page CSS */

/* location_page CSS */
.location-btn-box > button {width: 10vw; height: 4vw; text-align: center; position: relative; background-color: #fff; font-size: 1.2vw; font-weight: bold;}
.btn-b {color: #013082; border: 2px solid #013082;}
.btn-b:hover{box-shadow: 0px 4px 7px 0px #013082;}
.btn-g {color: #b39a1e; border: 2px solid #b39a1e;}
.btn-g:hover{box-shadow: 0px 4px 7px 0px #b39a1e;}
.btn-sb {color: #6c9ae9; border: 1px solid #6c9ae9;}
.btn-sb:hover{box-shadow: 0px 4px 7px 0px #6c9ae9;}

.location-area { width: 100%; height: 75vh; margin-top: 1vw; margin-bottom: 3vw; background-image: url("../img/location_sd.png"); background-size: cover;}
.location-txt { text-align: center; padding-bottom: 8vw;}
/* location_page CSS */

/* manage_page CSS */
.manage_tit{display: flex; flex-direction: row; height: 15vw; position: relative; margin-top: 5vw;}
.manage_tit::before{content: ""; background-image: linear-gradient(to bottom, #013082, #6c9ae9); position: absolute; background-size: cover; width: 100%; height: 100%; opacity: 0.8;}
.manage_tit > * {z-index: 998;}
.manage_tit > div {display: flex; flex-direction: column;}
.manage_tit > div > p {margin-top: 2vw; margin-bottom: 1vw;}
.manage_con {margin-top: 10vw;}
.manage_con > li{position: relative;}
.manage_con > li:first-child > span {font-weight: bold; font-size: 2vw; margin-bottom: 1vw; display: inline-block;}
.manage_con > li:first-child > span:first-child { color: #6c9ae9;}
.manage_con > li:first-child > span:nth-child(2) {color: #000; margin-left: 2vw;}
.manage_con > li:first-child::before {content: ""; display: block; position: absolute; width: 0.7vw; height: 17%; bottom: 0.15vw; background-color: #aaa;}
.manage_con > li:first-child::after {border-bottom: 3px solid #aaa; content: ""; display: block; position: absolute; width: 35%; bottom: 10%;}
.manage_con:last-child {padding-bottom: 8vw;}

.ceo-point-txt {font-family: 'WanjuNuri'; margin: 0; color: #013082; font-weight: bold; font-size: 1.3vw;}
/* manage_page CSS */