.header_img { background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%), url(./img/head.png) no-repeat center center / cover; }

/* CEO 인사말 페이지 */
.ceo-container {max-width: 100%;margin: 0 auto;position: relative;}

/* 워터마크 */
.ceo-watermark { display:none; font-size:100px; font-weight:700; line-height:1; color:rgba(0,0,0,0.03); text-align:right; letter-spacing:-3px; margin-bottom:100px; padding-right:16%; }

/* 컨텐츠 영역 */
.ceo-content { display:flex; flex-direction:row; gap:100px; align-items:flex-start; padding-bottom:180px; }

/* 이미지 영역 */
.ceo-image { position: absolute; left: calc(-50vw + 50%); top: 0; width: 50vw; height: 100%; z-index: 1; }
.ceo-image img {width: 85%;max-width: 800px;max-height: 1100px;object-fit: cover;display: block;border-radius: 30px;}

/* 텍스트 영역 */   
.ceo-text { flex:1; margin-left:50%; padding:0 100px 200px 0; padding-right:16%; }

/* 제목 */
.ceo-title {font-size: 64px;font-weight: 700;line-height: 1.4;color: var(--black);margin-bottom: 50px;}
.ceo-company { color: var(--main-color); font-size: 64px; display: block; }

/* 본문 */
.ceo-description { margin-bottom: 60px; }
.ceo-description p {font-size: 20px;line-height: 40px;margin-bottom: 40px;}
.ceo-description p:last-child { margin-bottom: 0; }

/* 서명 */
.ceo-signature {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0 40px;
}
.ceo-signature-company {font-size: 20px;}
.ceo-signature-name {font-size: 28px;font-weight: 700;color: var(--main-color); white-space: nowrap;}

/* 태블릿 반응형 */
@media (max-width: 1200px) {
    .ceo-watermark {font-size: 80px;padding-right: 20%;}
    .ceo-text {padding: 150px 30px 150px 30PX;}
    .ceo-title { font-size: 40px; margin-bottom: 40px; }
    .ceo-company { font-size: 36px; }
    .ceo-description p { font-size: 17px; line-height: 1.8; margin-bottom: 18px; }
}

/* 모바일 반응형 */
@media (max-width: 1024px) {
    .ceo-container { padding: 0; }
    .ceo-watermark {padding-right: 20px;margin-bottom: 20px;font-size: 64px;}
    .ceo-content {flex-direction: column;min-height: auto;padding: 0 20px;}
    .ceo-image {position: static;width: 100%;}
    .ceo-image img {width: 100%;}
    .ceo-text {margin-left: 0;padding: unset;padding-bottom: 180px;}
    .ceo-title { font-size: 24px; margin-bottom: 30px; }
    .ceo-company { font-size: 22px; }
    .ceo-description { margin-bottom: 40px; }
    .ceo-description p { font-size: 15px; line-height: 1.7; margin-bottom: 16px; }
    .ceo-signature { gap: 0 20px; }
    .ceo-signature-company { font-size: 13px; }
    .ceo-signature-name { font-size: 18px; }
}

/* 소형 모바일 반응형 */
@media (max-width: 768px) {
    .ceo-title { font-size: 36px; margin-bottom: 25px; }
    .ceo-company { font-size: 36px; }
    .ceo-description p { font-size: 20px; line-height: 1.8; margin-bottom: 14px; word-break: keep-all; }
    .ceo-signature { gap: 0 15px; }
    .ceo-signature-company { font-size: 16px; }
    .ceo-signature-name { font-size: 24px; }
}


/* 오시는 길 - 상세정보 */
.loc-wrap { margin-bottom: 100px; }
.loc-title {font-size: 36px;font-weight: 700;color: var(--black);text-align: left;margin-bottom: 60px;}
.loc-grid {display: flex;flex-direction: column;gap: 0;border-top: 1px solid #000;border-bottom: 1px solid #000;}

.loc-item {display: flex;flex-direction: row;align-items: center;gap: 0 50px;padding: 35px 20px;border-bottom: 1px solid var(--line-color);}
.loc-row { display: flex; border-bottom: 1px solid var(--line-color); }
.loc-row .loc-item {flex: 1;border-bottom: none;position: relative;}
.loc-row .loc-item:first-child {padding-right: 40px;border-right: 1px solid var(--line-color);border-bottom: 0;}
.loc-row .loc-item:last-child {padding-left: 40px;}

.loc-icon { width: 80px; height: 80px; border-radius: 50%; background: var(--main-color); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.loc-icon svg { width: 32px; height: 32px; }
.loc-item-content { flex: 1; }
.loc-item-title {font-size: 20px;font-weight: 700;color: #000;margin: 0 0 12px 0;}
.loc-item-text {font-size: 20px;line-height: 1.75;margin: 0;word-break: keep-all;}
.loc-item-text a { color: var(--grey-5); text-decoration: none; transition: color 0.2s; }
.loc-item-text a:hover { color: var(--main-color); }

/* 오시는 길 - 반응형 */
@media (max-width: 1024px) {
    .loc-wrap { margin-bottom: 60px; }
    .loc-grid { gap: 0; }
    .loc-title { font-size: 24px; margin-bottom: 40px; padding-bottom: 14px; }
    .loc-item {gap: 0 40px;padding: 30px 0;}
    .loc-row { flex-direction: column; }
    .loc-row .loc-item { padding: 30px 0 !important;}
    .loc-row .loc-item:first-child{border-right: 0;border-bottom: 1px solid var(--line-color);}
    .loc-icon { width: 70px; height: 70px; }
    .loc-icon svg { width: 24px; height: 24px; }
    .loc-item-title {font-size: 20px;margin-bottom: 10px;}
    .loc-item-text {font-size: 16px;}
}

/* 인증서 */
.certificate-section {padding: 120px 0;width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
.certificate-section:nth-child(2),
.certificate-section:nth-child(4) {background: #F9F9F9;}
.certificate-section .certificate-section-title,
.certificate-section .certificate-grid {max-width: 1324px;margin: 0 auto;}
.certificate-section-title {font-size: 44px;padding-bottom: 40px;font-weight: 700;color: var(--black);margin: 0 0 60px;letter-spacing: -0.01em;}
.certificate-section-title::before {content: "·";padding-right: 10px;}
.certificate-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;}
.certificate-item {position: relative;border-radius: 12px;overflow: hidden;background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.05);aspect-ratio: 423 / 602;}
.certificate-item img {display: block;width: 100%;height: 100%;object-fit: cover;}

/* 인증서 - 반응형 */
@media (max-width: 1024px) {
    .certificate-section {padding: 60px 0;}
    .certificate-section .certificate-section-title,.certificate-section .certificate-grid {padding: 20px;}
    .certificate-section-title {font-size: 24px;margin-bottom: 40px;}
    .certificate-section-title::before {padding-right: 5px;}
    .certificate-grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
}