/**
 * Global-ESG 페이지 전용 스타일
 * 이 파일은 Global-ESG 페이지(Constants.ESG_PAGE_BASE_PATH = /global-esg)에서만 로드됨 (다른 페이지 영향 없음)
 */

/* 상세 본문(viewBody): 좌우 여백 동일하게 가운데 배치 */
#wrapper section.esg .viewWrapper .viewBody {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    box-sizing: border-box;
}
@media (min-width: 768px) {
    #wrapper section.esg .viewWrapper .viewBody {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

/* 헤더: 로고만 노출 시 영역 정리 */
#header .innerWrap {
    display: flex;
    align-items: center;
}

/* 제목 "Celltrion Global ESG Framework" — Celltrion Sans 적용, 클릭 시 /global-esg 이동 */
#wrapper section.introduce .contentsHead h2 .sectionTitleLink {
    font-family: 'CelltrionSans', Pretendard, sans-serif;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
#wrapper section.introduce .contentsHead h2 .sectionTitleLink:hover {
    text-decoration: underline;
}

/* 푸터: 위아래 여백 100px (gs-footer 클래스로 Global-ESG 페이지 전용 적용) */
footer#footer.gs-footer {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    box-sizing: border-box !important;
}
footer#footer.gs-footer .innerWrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
}
footer#footer.gs-footer .innerWrap #footerWrap {
    padding: 2.5rem 3.188rem !important;
    height: auto !important;
    min-height: 0 !important;
}
footer#footer.gs-footer .innerWrap #footerWrap .logo {
    margin-top: 0 !important;
}
footer#footer.gs-footer .innerWrap #footerWrap .sideMenu {
    margin-top: 0.5rem !important;
}
footer#footer.gs-footer .innerWrap #footerWrap .gs-footer-inquiry {
    margin: 1rem 0 0 0 !important;
    padding: 0 !important;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.01px;
    color: #666;
}
footer#footer.gs-footer .innerWrap #footerWrap .gs-footer-inquiry a {
    color: inherit;
    text-decoration: underline;
}
footer#footer.gs-footer .innerWrap #footerWrap .gs-footer-inquiry a:hover {
    color: #20c85a;
}
footer#footer.gs-footer .innerWrap #footerWrap address {
    margin-top: 0.5rem !important;
}
footer#footer.gs-footer .innerWrap #footerWrap address p {
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
}

/* 검색 영역 오른쪽 Refresh 버튼 */
#wrapper section.introduce .listHead .btnRefresh {
    margin-left: 0.75rem;
    height: 2.85rem;
    padding: 0 1rem;
    line-height: 2.85rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #20c85a;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
}
#wrapper section.introduce .listHead .btnRefresh:hover {
    background: #f5f5f5;
    border-color: #999;
    color: #20c85a;
}

/* 탭: 가운데 정렬 + 가로 슬라이딩 */
#wrapper section.introduce .tabNavWrap--esgType .tabNavScrollWrap {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
}
#wrapper section.introduce .tabNavWrap--esgType .tabNavList--scroll {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 0;
}
#wrapper section.introduce .tabNavWrap--esgType .tabNavList--scroll li {
    flex-shrink: 0;
}

#wrapper section.introduce .boardBoxType_01 {
    margin-bottom: 50px;
}

#wrapper section.introduce .conts_text_conts {
    font-family: "Pretendard", sans-serif;
    font-size: 1.425rem;
    font-weight: 700;
    line-height: 2.56;
    letter-spacing: -0.02px;
    color: #111;
    margin: 5rem auto;
    max-width: 90rem;
    padding: 0 2rem;
    text-align: center;
}

#wrapper section.introduce .boardBoxType_01 h2 {
    font-family: "Pretendard", sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02px;
    color: #20c85a;
    margin: 0 0 1rem 0;
}

#wrapper section.introduce .boardBoxType_01 .sustain-c {
    font-family: "Pretendard", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #111;
    margin: 0 0 2.5rem 0;
}

#wrapper section.introduce .boardBoxType_01 > ul > li .category {
    font-family: "Pretendard", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    color: #20c85a;
}

#wrapper section.introduce .boardBoxType_01 > ul > li .contsWrap > a p.subject,
#wrapper section.introduce .boardBoxType_01 > ul > li .contsWrap > a p.subject i {
    font-family: "Pretendard", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    color: #111;
}

#wrapper section.introduce .boardBoxType_01 > ul > li .contsWrap > a .date {
    font-family: "Pretendard", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: -0.02px;
    color: #888;
    margin-top: 0.5rem;
    display: block;
}

/* 목록 테이블 헤더 (Category, Title) - 글자 크기·굵게 */
#wrapper section.introduce .boardBoxType_01 .listTableHead {
    display: flex;
    align-items: center;
    padding: 1.5rem 0 1.5rem 3.75rem;
    border-bottom: 1px solid #ddd;
    font-family: "Pretendard", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    color: #333;
}
#wrapper section.introduce .boardBoxType_01 .listTableHead .headCategory,
#wrapper section.introduce .boardBoxType_01 .listTableHead .headTitle {
    font-weight: 700;
}
#wrapper section.introduce .boardBoxType_01 .listTableHead .headCategory {
    flex: 0 0 8rem;
    width: 8rem;
    min-width: 8rem;
}
#wrapper section.introduce .boardBoxType_01 .listTableHead .headTitle {
    flex: 1 1 auto;
    min-width: 0;
}

/* 목록 행: 헤더와 같은 열 너비(Category 8rem, Title 나머지)로 정렬 */
#wrapper section.introduce .boardBoxType_01 > ul.categoryNormal > li {
    display: flex;
    align-items: flex-start;
    padding: 1.5rem 0 1.5rem 3.75rem;
    gap: 0;
}
#wrapper section.introduce .boardBoxType_01 > ul.categoryNormal > li .category {
    flex: 0 0 8rem;
    width: 8rem;
    min-width: 8rem;
    box-sizing: border-box;
}
#wrapper section.introduce .boardBoxType_01 > ul.categoryNormal > li .contsWrap {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
}

/* 상세 페이지: 이전/다음 글이 없을 때 상자 비활성화 */
#wrapper section.esg .viewFooter ul li.disabled {
    opacity: 0.85;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #e8e8e8 !important;
}
#wrapper section.esg .viewFooter ul li.disabled:hover {
    background-color: #e8e8e8 !important;
}
#wrapper section.esg .viewFooter ul li.disabled .disabledLabel {
    display: block !important;
    visibility: visible !important;
    color: #999;
    cursor: default;
    padding: 0;
    position: relative;
    line-height: inherit;
}
#wrapper section.esg .viewFooter ul li.disabled .disabledLabel.ellipsisLine_02 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7.5rem;
    right: 1rem;
}
#wrapper section.esg .viewFooter ul li.disabled:last-child .disabledLabel.ellipsisLine_02 {
    left: 1rem;
    right: 7.5rem;
    text-align: right;
}