:root {
	--font-family-renew: var(--font-pretendard), 'notokr-regular', sans-serif;
}
.font-family-pretendard {
    font-family: var(--font-family-renew);
}
.fallback-inter {
    font-family: var(--font-poppins-inter-fallback);
}

.mt-0 {
    margin-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.border-none {
    border: none !important;
}
/* 
    start: 메인 레이아웃 로고 SVG 스타일 (오버라이딩)
*/
/* 기본 로고 스타일 - 기존 background-image 오버라이딩 */
#header .header_inner h1.logo {
    width: auto;
    max-width: unset;
    height: auto;
}
#header .header_inner h1.logo a {
    display: flex;
    align-items: center;
    gap: 11px;
    width: auto;
    height: auto;
    background: none;
    text-decoration: none;
    text-indent: 0;
    color: inherit;
}
#header .header_inner h1.logo .main-logo-img {
    display: block;
    width: auto;
    height: 33px;
    color: var(--color-brand);
    transition: all 0.3s ease;
}
#header .header_inner h1.logo.active .main-logo-img {
    width: auto;
    height: 33px;
    color: var(--color-brand);
}

/* 로고 파이프 */
#header .header_inner h1.logo .main-logo-pipe {
    flex-shrink: 0;
    width: 2px;
    height: 33px;
    background-color: var(--color-brand);
    transition: width 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
    overflow: hidden;
}

/* 로고 텍스트 */
#header .header_inner h1.logo .main-logo-text {
    max-width: 200px;
    margin-left: 2px;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
    color: var(--color-brand);
    transition: max-width 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
    overflow: hidden;
}

/* 스크롤 고정 상태 로고 스타일 */
.jbFixed #header .header_inner h1.logo {
    width: auto;
    height: auto;
    overflow: visible;
}
.jbFixed #header.active .header_inner h1.logo {
    width: auto;
    height: auto;
    overflow: visible;
}
.jbFixed #header .header_inner h1.logo a {
    display: flex;
    align-items: center;
    gap: 11px;
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
}
.jbFixed #header .header_inner h1.logo .main-logo-img {
    display: block;
    width: auto;
    height: 29px;
    /* color: var(--color-grayscale-0); */
}
.jbFixed #header.active .header_inner h1.logo .main-logo-img {
    width: auto;
    height: 25px;
    /* color: var(--color-grayscale-0); */
}
/*
.jbFixed #header .header_inner h1.logo .main-logo-pipe,
.jbFixed #header .header_inner h1.logo .main-logo-text {
    display: none;
}
*/

/* 헤더 active일 때 로고 스타일 - 파이프와 텍스트가 왼쪽으로 짧아지면서 사라짐 */
/*
#header .header_inner h1.logo.active .main-logo-pipe {
    width: 0;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
}
#header .header_inner h1.logo.active .main-logo-text {
    max-width: 0;
    margin-left: 0;
    opacity: 0;
}
*/
#header .header_inner .nav_pc li.has-dropdown.home {
    width: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

@media (max-width: 1680px) and (min-width: 1401px) {
    /* 헤더 로고와 네비게이션 충돌 방지 */
    #header .header_inner h1.logo .main-logo-img {
        height: 30px;
    }
    #header.active .header_inner h1 { width:210px !important; opacity:0; visibility:hidden; transition:none !important; }
	#header.active .header_inner .top_gnb { opacity:0; visibility:hidden; }
    #header.active .header_inner .nav_pc li.has-dropdown.home {
        width: auto;
        padding: 0 36px;
        margin: 0;
        opacity: 1;
    }
}

@media (max-width: 1400px) and (min-width: 1001px) {
    #header .header_inner h1.logo .main-logo-img {
		height: 24px;
	}
    #header .header_inner .top_gnb {
        top: 40px;
    }
    #header.active .header_inner .nav_pc li.has-dropdown.home {
        width: auto;
        padding: 0 36px;
        margin: 0;
        opacity: 1;
    }

    .jbFixed #header .header_inner h1 {
        top: 22px;
    }
    .jbFixed #header .header_inner h1.logo .main-logo-img {
		height: 24px;
	}
    .jbFixed #header .header_inner .top_gnb {
        top: 0;
        right: 4%;
        gap: 10px;
    }

    .cont_top.contact-cont-top .t1 {
        flex-shrink: unset;
    }
}
@media (max-width: 1200px) and (min-width: 1001px) {
    #header .header_inner h1 {
        top: 64px;
    }
    #header .header_inner h1.logo .main-logo-img {
        height: 18px;
    }
}
/* 모바일 반응형 */
@media (max-width: 1000px) {
    #header .header_inner h1.logo a,
    .jbFixed #header .header_inner h1.logo a {
        gap: 6.29px;
    }
    #header .header_inner h1.logo .main-logo-img {
        width: auto;
        height: 20px;
    }
    .jbFixed #header .header_inner h1.logo .main-logo-img {
        width: auto;
        height: 20px;
        color: var(--color-brand);
    }
     /*
     .jbFixed #header .header_inner h1.logo .main-logo-pipe, .jbFixed #header .header_inner h1.logo .main-logo-text {
        display: block;
    }
    #header .header_inner h1.logo .main-logo-pipe {
        width: 1.14px;
        height: 18.86px;
    }
    #header .header_inner h1.logo .main-logo-text {
        margin-left: 1.66px;
        font-size: 10.29px;
    }
    */
}
/* 
    end: 메인 레이아웃 로고 SVG 스타일
*/

/* 
    start: 푸터 로고 SVG 스타일 (오버라이딩)
*/
#footer .ft_inner {
    padding: 48px 0 80px;
}
/* 푸터 로고 컨테이너 */
#footer .ft_inner .ft_left .ft_logo {
    display: flex;
    align-items: center;
    gap: 11px;
    position: relative;
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
}

/* 푸터 로고 이미지 */
#footer .ft_inner .ft_left .ft_logo .footer-logo-img {
    width: 72.9142px;
    height: 29px;
    display: block;
    color: var(--color-brand);
    transition: all 0.3s ease;
}

/* 푸터 로고 파이프 */
#footer .ft_inner .ft_left .ft_logo .footer-logo-pipe {
    flex-shrink: 0;
    width: 2px;
    height: 25px;
    background-color: var(--color-brand);
}

/* 푸터 로고 텍스트 */
#footer .ft_inner .ft_left .ft_logo .footer-logo-text {
    max-width: 200px;
    margin-left: 2px;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
    color: var(--color-brand);
}

/* 모바일 반응형 */
@media (max-width: 1000px) {
    #footer .ft_inner .ft_left .ft_logo {
        gap: 6.29px;
    }
    #footer .ft_inner .ft_left .ft_logo .footer-logo-img {
        width: 42.7428px;
        height: 17px;
    }
    #footer .ft_inner .ft_left .ft_logo .footer-logo-pipe {
        width: 1.14px;
        height: 15px;
    }
    #footer .ft_inner .ft_left .ft_logo .footer-logo-text {
        margin-left: 1.66px;
        font-size: 10.29px;
    }
}
/* 
    end: 푸터 로고 SVG 스타일
*/


/* 
start: 탭 스타일 (ct_dep_tab) - 기본 스타일 오버라이드
*/
.ct_top {
    gap: 40px;
}
.ct_top h4.title {
    text-wrap: nowrap;
}
.ct_dep_tab_wrapper {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: auto;
    -ms-overflow-style: auto;
    padding-bottom: 3px;
    box-sizing: border-box;
}
.ct_dep_tab {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
}
.ct_dep_tab li {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: auto;
    white-space: nowrap;
    width: auto;
}
.ct_dep_tab li a {
    width: auto;
    white-space: nowrap;
    display: inline-block;
    position: relative;
}
.ct_dep_tab li a,
.ct_dep_tab li a.active,
.ct_dep_tab li a:hover {
    width: auto;
}
/* 
    end: 탭 스타일 (ct_dep_tab)
*/

/* 
    start: 회사 개요
*/
.ov_area1 .ova_lt .ov_ct_txt {
    padding-right: 200px;
}
@media (max-width: 1000px) {
    .ov_area1 {
        position: relative;
        background: none !important; /* 기존 배경 제거 */
    }
    .ov_area1::before {
        content: '';
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: url(../../ijs/images/ov_img2.jpg) no-repeat center 45%;
        background-size: min(80%, 400px);
        filter: blur(2px);
        opacity: 0.3; /* 원하는 opacity 값으로 조절 (0.0 ~ 1.0) */
        pointer-events: none; /* 클릭 이벤트 방지 */

        content: none;
    }
    .ov_area1 > * {
        z-index: 1; /* 텍스트가 배경 위에 오도록 */
        position: relative;
    }
    .ov_area1 .ova_lt .ov_ct_txt {
        padding-right: 0;
    }
}
/* 
    end: 회사 개요
*/

/* 
    start: 회사 소개: 파트너사
*/
.partners-list ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    gap: 12px 24px;
    max-width: 912px;
}
.partners-list ul li img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
/* 
    end: 회사 소개: 파트너사
*/
/* 
    start: 회사 소개: ceo 메세지
*/
#containor.ceo-container {
    padding-bottom: 160px;
}
.ceo_sign {
    justify-content: flex-end;
} 
.ceo-sign-img {
    margin-left: 10px;
    height: 52px;
    object-fit: cover;
}
/* 
    end: 회사 소개: ceo 메세지
*/

/* 
    start: 기업연혁 (views/ijs/company/bootstrap/history.php)
*/
.renew-history-list .his_block .his_list li span {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 0;
    border: 1px solid var(--color-grayscale-100-primary-text);
    font-size: 16px;
    line-height: 150%;
    color: var(--color-grayscale-100-primary-text);

    display: none;
}
/* 기존 active 처리 제거 */
.renew-history-list .his_block:first-child {
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.renew-history-list .his_block.active {
    border-bottom: 1px dashed rgba(0,0,0,0.1);
}
.renew-history-list .his_block::before {
    content: none;
}
.renew-history-list .his_block .his_list li {
    gap: 16px;
    margin: 0;
    font-size: 16px;
    line-height: 150%;
}
.renew-history-list .his_block.active .his_list li {
    color: var(--color-grayscale-100-hover);
}
.renew-history-list .his_block .his_list li.point {
    color: var(--color-brand);
}
.his_block.active .month {
    background: var(--color-grayscale-0) !important;
}
/* 기업연혁 반응형 레이아웃 제어 */

/* 기업연혁 반응형 레이아웃 제어 */
.renew-history-3columns,
.renew-history-2columns {
    display: none;
}

/* 데스크톱 3컬럼 레이아웃 (기본) */
@media (min-width: 1000px) {
    .renew-history-3columns {
        display: flex;
        gap: 40px;
        align-items: flex-start;
        margin-top: 40px;
    }
    .renew-history-3columns .his-info-view-column {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
}

/* 태블릿 2컬럼 레이아웃 (1000px ~ 481px) */
@media (max-width: 999px) and (min-width: 481px) {
    .renew-history-2columns {
        display: flex;
        gap: 40px;
        align-items: flex-start;
        margin-top: 40px;
    }
    .renew-history-2columns .his-info-view-column {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
}
/* 공통 his_block 스타일 */
.renew-history-3columns .his-info-view-column .his_block,
.renew-history-2columns .his-info-view-column .his_block {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 16px;
}
.renew-history-3columns .his-info-view-column .his_block .year,
.renew-history-2columns .his-info-view-column .his_block .year {
    flex-shrink: 0;
    position: static;
    top: unset;
    left: unset;
    align-self: flex-start;
    width: 70px;
    height: 100%;
    margin-top: 4px;
    margin-right: 2px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-grayscale-100-primary-text);
}
.renew-history-3columns .his-info-view-column .his_block .his_list,
.renew-history-2columns .his-info-view-column .his_block .his_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 0;
}
/* 모바일/데스크톱 전용 표시 제어 */
.renew-history-list .his_block .his_list li.mobile-only {
    display: none;
}
.renew-history-3columns .his-info-view-column .his_block.desktop-only,
.renew-history-2columns .his-info-view-column .his_block.desktop-only {
    display: flex;
}
/* 
    end: 기업연혁 (views/ijs/company/bootstrap/history.php)
*/

/* 
    start: 제품소개
*/
.pro_top.swip {
    flex-direction: row-reverse;
}
/* 
    end: 제품소개
*/

/* 
    start: 신기술 (views/ijs/rnd/bootstrap/technology.php)
*/
.renew-tech-list .esg_ls_dep2 {
    margin-top: 40px
}
.renew-tech-list .ab_ly .ab_ly_l img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Technology 스와이퍼 스타일 */
.tech-swiper-wrapper {
    margin-top: 40px;
    position: relative;
}

/* 네비게이션 버튼 위치 계산용 기준 요소 */
.tech-nav-reference {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
}
.tech-nav-reference .ab_ly {
    margin-top: 0;
}

.tech-swiper {
    width: 100%;
    height: fit-content;
    overflow: hidden;
}
.tech-swiper * {
    font-family: var(--font-family-renew);
}

.tech-swiper .swiper-slide {
    height: fit-content;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.tech-swiper .swiper-slide-active {
    opacity: 1;
}
/* ab_ly_l 영역 내부에 버튼이 위치하도록 조정 */
.tech-swiper .ab_ly {
    position: relative;
    margin-top: 0;
}

/* 이미지 영역에 relative 포지션 추가 */
.tech-swiper .ab_ly_l {
    position: relative;
}
.tech-swiper .ab_ly_l img {
    aspect-ratio: 1.8/1;
}

/* 이미지 로드 실패 시 스타일 */
.tech-swiper .ab_ly_l.no-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1.8 / 1;
    background-color: var(--color-grayscale-10);
}

.tech-swiper .ab_ly_l.no-image .no-image-text {
    font-family: var(--font-family-renew);
    font-size: 16px;
    color: var(--color-grayscale-55-secondary-text);
}
.tech-swiper .ab_ly_r {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.tech-swiper .tech_title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    color: var(--color-grayscale-100-primary-text);
}

.tech-swiper .tech_desc {
    position: relative;
    padding-left: 15px;
    font-size: 18px;
    line-height: 150%;
    color: var(--color-grayscale-100-primary-text);
}

.tech-swiper .tech_desc::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 12px;
    width: 4px;
    height: 4px;
    /* background: var(--color-blue-22); */
    background: var(--color-brand);
}

.tech-swiper .tech_list,
.tech-swiper .tech_desc ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: -6px;
    padding-left: 15px;
    list-style: none;
}

.tech-swiper .tech_list li,
.tech-swiper .tech_desc ul li {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: var(--color-grayscale-60);
}

/* 스와이퍼 네비게이션 버튼 - 이미지 영역에 위치 */
.tech-swiper .swiper-button-next,
.tech-swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px !important;
    height: 60px !important;
    margin-top: 0;
    border-radius: 0;
    background: var(--color-grayscale-100-primary-text);
    color: var(--color-grayscale-0);
    transition: all 0.3s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tech-swiper .swiper-button-next:hover,
.tech-swiper .swiper-button-prev:hover {
    background: rgba(0, 0, 0, 0.8);
}

.tech-swiper .swiper-button-next::after,
.tech-swiper .swiper-button-prev::after {
    display: none;
}

.tech-swiper .swiper-button-next .tech-nav-icon,
.tech-swiper .swiper-button-prev .tech-nav-icon {
    display: block;
    width: 6px;
    height: 10px;
    stroke: var(--color-grayscale-0);
}

/* 네비게이션 버튼 위치 - 기준 요소(tech-nav-reference)의 ab_ly_l 영역에 맞춤 */
.tech-swiper .swiper-button-prev {
    left: 0;
}

.tech-swiper .swiper-button-next {
    left: calc(48% - 60px);
}
/* 
    end: 신기술 (views/ijs/rnd/bootstrap/technology.php)
*/

/* 
    start: 특허 (views/ijs/rnd/bootstrap/patent.php)
*/
html[lang="en"] .patent_wp .pat_box .pat_info li {
    padding-left: 80px;
}
/* 제목 3줄 제한 및 더보기 기능 */
.patent_wp .pat_box .pat_title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: 1.5;
    transition: max-height 0.3s ease;
}
.patent_wp .pat_box .pat_title.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible;
}
.patent_wp .pat_box .pat_title-toggle-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}
.patent_wp .pat_box .pat_title-toggle {
    display: inline-block;
    font-size: 0.9em;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: underline;
    white-space: nowrap;
    color: var(--color-grayscale-40);
    cursor: pointer;
}
.patent_wp .pat_box .pat_title-toggle:hover {
    color: var(--color-default);
    opacity: 0.8;
}
.patent_wp .pat_box .pat_title-toggle.hidden {
    display: none;
}
/* 
    end: 특허 (views/ijs/rnd/bootstrap/patent.php)
*/

/* 
    start: 탭 스타일 (tab-his-st) - patent.php, policy.php 공통
*/
/* ov_t1과 tab-his-st가 겹치지 않도록 - 일반 탭 */
#contents .ov_t1 {
    padding-right: 400px;
}
/* 영어일 때 패딩 조정 */
html[lang="en"] #contents .ov_t1 {
    padding-right: 450px;
}
/* renew-tech-tab이 형제로 있을 때 ov_t1의 패딩 조정 (480px 탭 너비 고려) */
#contents .ov_t1:has(+ .tab-his-st.renew-tech-tab) {
    padding-right: 500px;
}
/* 일반 tab-his-st 탭 버튼 스타일 통일 */
.tab-his-st a {
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
}
/* 
    end: 탭 스타일 (tab-his-st)
*/

/* 
    start: 지속가능경영 (views/ijs/esg/bootstrap/sustainability.php)                                    
*/
.renew-sustainability-sv.sv .sv_txt .svt1_2 {
    margin-right: 97.74px;
}
.renew-sustainability-container #contents.mt-30 {
    margin-top: 30px;
}
.esg_top.bg1 {
    background: url(../../images/ijs/esg/img_esg_sustainability_01.jpg) no-repeat right center;
    background-size: cover;
}
.renew-sustainability-container .esg-top-img-mobile {
    display: none;
}
.renew-sustainability-container .esg_stl {
    font-family: var(--font-poppins-inter-fallback);
    font-size: 19.8px;
    line-height: 100%;
    letter-spacing: normal;
}
.renew-sustainability-container .esg_stl em {
    margin-left: 8px;
}
.renew-sustainability-container .esg_stl::after {
    top: unset;
    bottom: -8px;
    left: 0;
    width: 150px;
    height: 2px;
    box-shadow: none;
}
.renew-sustainability-container .esg_ls_dep1 {
    margin-top: 120px;
}
.renew-sustainability-container .esg_ls_dep1.mb-130 {
    margin-top: 130px;
}
.renew-sustainability-container .esg_ls_dep1 div.exp {
    line-height: 45px;
}
.renew-sustainability-container .esg_ls_dep1:not(:has(.font-family-pretendard)) div.exp em {
    font-family: var(--font-poppins-inter-fallback);
}
.renew-sustainability-container .finacial_wp {
    gap: 48px;
    margin-top: 80px;
}
.renew-sustainability-container .finacial_wp * {
    font-family: var(--font-pretendard);
}
.renew-sustainability-container .fb_tl {
    padding: 12px 0;
    border-top: 1px solid var(--color-grayscale-10);
    border-bottom: 1px solid var(--color-grayscale-10);
}
.renew-sustainability-container .fb_tl em {
    top: 14px;
    font-size: 13px;
    color: var(--color-grayscale-55-secondary-text);
}
.renew-sustainability-container .fb_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px 0;
}
.renew-sustainability-container .fb_list li {
    position: relative;
    margin: 1px 0;
    line-height: 24px;
    color: var(--color-grayscale-100-primary-text);
}
.renew-sustainability-container .fb_list li::after {
    content: '';
    z-index: -1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    width: var(--bar-width, 0);
    max-width: 192px;
    min-width: 0;
    height: 100%;
    background-color: var(--color-grayscale-20);
    transition: width 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.renew-sustainability-container .fb_list li.col::after {
    background-color: var(--color-pink-50);
}
.renew-sustainability-container .fb_list li:not(.col):nth-child(2)::after {
    background-color: var(--color-grayscale-30);
}
.renew-sustainability-container .fb_list li:not(.col):nth-child(3)::after {
    background-color: var(--color-grayscale-20);
}
.renew-sustainability-container .fin_total {
    padding: 22px 0;
    border-top: 1px solid var(--color-grayscale-10);
    border-bottom: 1px solid var(--color-grayscale-10);
}

/* Environmental 차트 및 표 */
.renew-sustainability-container .environmental-chart-table {
    display: flex;
    gap: 48px;
    margin-top: 60px;
    align-items: flex-start;
}
/* 공통 차트 및 표 스타일 */
.renew-sustainability-container .chart-wrapper,
.renew-sustainability-container .table-wrapper {
    flex: 1;
}
.renew-sustainability-container .chart-title,
.renew-sustainability-container .table-title {
    margin-bottom: 23px;
    font-family: var(--font-pretendard);
    font-size: 1.35em;
    font-weight: 600;
    color: var(--color-grayscale-100-primary-text);
}
.renew-sustainability-container .table-title {
    margin-bottom: 32px;
}
.renew-sustainability-container .social-chart-table .chart-title {
    font-size: 18px;
    margin-bottom: 32px;
}
.renew-sustainability-container .social-chart-table .chart-title em {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-grayscale-55-secondary-text);
    margin-left: 4px;
}
.renew-sustainability-container .bar-chart-wrapper {
    display: flex;
    gap: 15px;
    position: relative;
}
/* 차트 높이 변수 정의 */
.renew-sustainability-container {
    --chart-height: 328.5px; /* 차트 전체 높이 (데스크톱) */
    --bar-max-height: 286px; /* 바 최대 높이 (데스크톱) */
}

/* 공통 Y축 스타일 */
.renew-sustainability-container .chart-y-axis {
    position: relative;
    height: var(--chart-height);
    padding: 9.5px 0 33px;
    min-width: 40px;
}
.renew-sustainability-container .chart-y-axis .y-axis-label {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    padding-right: 8px;
    font-family: var(--font-pretendard);
    font-size: 14px;
    line-height: 1;
    text-align: right;
    color: var(--color-grayscale-55-secondary-text);
}
.renew-sustainability-container .chart-y-axis .y-axis-label:nth-child(1) {
    top: 9.5px;
}
.renew-sustainability-container .chart-y-axis .y-axis-label:nth-child(2) {
    top: calc(9.5px + var(--bar-max-height) * 0.2);
}
.renew-sustainability-container .chart-y-axis .y-axis-label:nth-child(3) {
    top: calc(9.5px + var(--bar-max-height) * 0.4);
}
.renew-sustainability-container .chart-y-axis .y-axis-label:nth-child(4) {
    top: calc(9.5px + var(--bar-max-height) * 0.6);
}
.renew-sustainability-container .chart-y-axis .y-axis-label:nth-child(5) {
    top: calc(9.5px + var(--bar-max-height) * 0.8);
}
.renew-sustainability-container .chart-y-axis .y-axis-label:nth-child(6) {
    top: calc(9.5px + var(--bar-max-height));
}
/* 공통 차트 바 스타일 */
.renew-sustainability-container .bar-chart {
    position: relative;
    flex: 1;
    display: flex;
    gap: 88px;
    align-items: flex-end;
    height: var(--chart-height);
    padding: 9.5px 0 33px;
    padding-left: 51px;
    padding-right: 3px;
    overflow: visible;
}
/* 공통 그리드 라인 스타일 */
.renew-sustainability-container .chart-grid-lines {
    position: absolute;
    top: 9.5px;
    left: 0;
    right: 0;
    height: var(--bar-max-height);
    pointer-events: none;
    z-index: 0;
}
.renew-sustainability-container .chart-grid-lines .grid-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--color-grayscale-10);
    transform: translateY(-50%);
}
.renew-sustainability-container .chart-grid-lines .grid-line:nth-child(1) {
    top: 0;
}
.renew-sustainability-container .chart-grid-lines .grid-line:nth-child(2) {
    top: calc(var(--bar-max-height) * 0.2);
}
.renew-sustainability-container .chart-grid-lines .grid-line:nth-child(3) {
    top: calc(var(--bar-max-height) * 0.4);
}
.renew-sustainability-container .chart-grid-lines .grid-line:nth-child(4) {
    top: calc(var(--bar-max-height) * 0.6);
}
.renew-sustainability-container .chart-grid-lines .grid-line:nth-child(5) {
    top: calc(var(--bar-max-height) * 0.8);
}
.renew-sustainability-container .chart-grid-lines .grid-line:nth-child(6) {
    top: var(--bar-max-height);
    height: 2px;
    background-color: var(--color-default);
    transform: translateY(0);
}
/* 공통 차트 아이템 및 바 스타일 */
.renew-sustainability-container .bar-chart .chart-item {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: var(--bar-max-height);
    width: 88px;
    flex-shrink: 0;
    align-self: flex-end;
}
.renew-sustainability-container .bar-chart .chart-bar {
    position: relative;
    width: 88px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
    --bar-height: 0px;
}
.renew-sustainability-container .bar-chart .chart-item:has(.not-zero),
.renew-sustainability-container .bar-chart .chart-item:has(.not-zero) .chart-bar {
    width: 106px;
}
.renew-sustainability-container .bar-chart .bar-fill {
    width: 100%;
    height: var(--bar-height, 0px);
    min-height: 0;
    max-height: var(--bar-max-height);
    background-color: var(--color-blue-22);
    transition: height 0.3s ease;
    position: relative;
    z-index: 0;
}
.renew-sustainability-container .bar-chart .bar-fill.gradient {
    background: linear-gradient(180deg, var(--color-pink-30) 0%, var(--color-pink-15) 100%);
}
.renew-sustainability-container .bar-chart .bar-fill.gradient.gray {
    background: linear-gradient(180deg, #E5E5E5 0%, #F2F2F2 50%, #FFFFFF 100%);
}
.renew-sustainability-container .bar-chart .bar-icon {
    position: absolute;
    z-index: 2;
    bottom: calc(var(--bar-height, 0px) - 67px);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.renew-sustainability-container .bar-chart .bar-icon img {
    width: auto;
    height: auto;
    max-width: 57px;
    max-height: 52px;
    object-fit: contain;
    position: relative;
    z-index: 2;
}
.renew-sustainability-container .bar-chart .bar-icon.not-zero {
    bottom: 5.15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: fit-content;
}
.renew-sustainability-container .bar-chart .bar-icon .net-zero-text {
    font-family: var(--font-family-renew);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    color: var(--color-pink-50);
}
.renew-sustainability-container .bar-chart .bar-icon .arrow-down {
    width: 40.95px;
    max-width: unset;
    height: 167.85px;
    max-height: unset;
    object-fit: cover;
}
.renew-sustainability-container .bar-chart .chart-label {
    position: absolute;
    bottom: -33px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: var(--color-grayscale-55-secondary-text);
    font-family: var(--font-pretendard);
    white-space: nowrap;
}
/* 공통 테이블 스타일 */
.renew-sustainability-container .data-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid var(--color-grayscale-10);
    border-bottom: 1px solid var(--color-grayscale-10);
    font-family: var(--font-pretendard);
}
.renew-sustainability-container .data-table thead {
    background-color: var(--color-pink-10);
}
.renew-sustainability-container .data-table th {
    padding: 18.25px 21.5px 17.25px;
    border-bottom: 1px solid var(--color-grayscale-10);
    font-size: 1.2em;
    font-weight: 500;
    white-space: pre-line;
    color: var(--color-default);
}
.renew-sustainability-container .data-table th .year-text {
    color: inherit;
}
.renew-sustainability-container .data-table td {
    padding: 29.25px 9.5px 28.25px;
    border-bottom: 1px solid var(--color-grayscale-10);
    font-size: 1.2em;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: var(--color-grayscale-100-primary-text);
}
.renew-sustainability-container .data-table tbody tr:last-child td {
    border-bottom: none;
}
/* Social 차트 및 표 - 차이점만 별도 처리 */
.renew-sustainability-container .social-chart-table {
    display: flex;
    gap: 48px;
    margin-top: 60px;
    align-items: flex-start;
}
.renew-sustainability-container .social-chart-table .chart-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.renew-sustainability-container .social-chart-table .chart-title-unit {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-grayscale-55-secondary-text);
}
/* Social 차트 Y축 라벨 5개 기준으로 재계산 */
.renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(1) { top: 9.5px; } /* 8 */
.renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(2) { top: calc(9.5px + var(--bar-max-height) * 0.25); } /* 6 */
.renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(3) { top: calc(9.5px + var(--bar-max-height) * 0.5); } /* 4 */
.renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(4) { top: calc(9.5px + var(--bar-max-height) * 0.75); } /* 2 */
.renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(5) { top: calc(9.5px + var(--bar-max-height)); } /* 0 */
/* Social 차트 그리드 라인 5개 기준으로 재계산 */
.renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(1) { top: 0; } /* 8 */
.renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(2) { top: calc(var(--bar-max-height) * 0.25); } /* 6 */
.renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(3) { top: calc(var(--bar-max-height) * 0.5); } /* 4 */
.renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(4) { top: calc(var(--bar-max-height) * 0.75); } /* 2 */
.renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(5) {
    top: var(--bar-max-height);
    height: 2px;
    background-color: var(--color-default);
    transform: translateY(0);
}
.renew-sustainability-container .social-chart-table .bar-chart .bar-fill.gradient.gray {
    background: linear-gradient(180deg, #E5E5E5 0%, #F2F2F2 100%);
}

/* 
    end: 지속가능경영 (views/ijs/esg/bootstrap/sustainability.php)
*/

/* 
    start: esg 사회공헌 (views/ijs/esg/bootstrap/social.php)
*/
.renew-sustainability-container .img_ty {
    gap: 48px;
    padding: 120px 0 60px 0;
}
.renew-sustainability-container .img_ty .lt {
    width: 61.11%;
}
.renew-sustainability-container .img_ty .rt {
    width: 34.72%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left: 0;
}
.img_ty .rt img {
    width: 100%;
    object-fit: contain;
}

/* 
    end: esg 사회공헌 (views/ijs/esg/bootstrap/social.php)
*/

/* 
    start: esg 인권경영 (views/ijs/esg/bootstrap/charter.php)
*/

html[lang="ko"] .esg_img img.img_pc.lang-en,
html[lang="en"] .esg_img img.img_pc.lang-ko,
html[lang="ko"] .esg_img img.img_mo.lang-en,
html[lang="ko"] .esg_img img.img_mo.lang-ko,
html[lang="en"] .esg_img img.img_mo.lang-en,
html[lang="en"] .esg_img img.img_mo.lang-ko {
    display: none;
}
html[lang="ko"] .esg_img img.img_pc.lang-ko,
html[lang="en"] .esg_img img.img_pc.lang-en {
    display: block;
}

@media (max-width: 1000px) {
    html[lang="ko"] .esg_img img.img_mo.lang-en,
    html[lang="en"] .esg_img img.img_mo.lang-ko,
    html[lang="ko"] .esg_img img.img_pc.lang-en,
    html[lang="ko"] .esg_img img.img_pc.lang-ko,
    html[lang="en"] .esg_img img.img_pc.lang-en,
    html[lang="en"] .esg_img img.img_pc.lang-ko {
        display: none;
    }
    html[lang="ko"] .esg_img img.img_mo.lang-ko,
    html[lang="en"] .esg_img img.img_mo.lang-en {
        display: block;
    }
}
/* 
    end: esg 인권경영 (views/ijs/esg/bootstrap/charter.php)
*/


/* 

    start: 채용공고 (views/ijs/recruit/bootstrap/notification.php)
*/
.renew-recruit-notification-container .nt_top {
    margin-top: 80px;
}
.renew-recruit-notification-container .nt_list {
    margin-top: 32px;
}
.renew-recruit-notification-container .paging {
    margin: 33px 0 0 0;
}
.renew-recruit-notification-container .ly_ty01 {
    flex-direction: column;
    align-items: center;
    gap: 50px;
}
.renew-recruit-notification-container .ly_ty01 .l_tl {
    width: fit-content;
    margin-top: 80px;
    font-size: 2.6em;
    text-transform: capitalize;
}
.renew-recruit-notification-container .ly_ty01 .l_tl:after {
    top: unset;
    right: 0;
    bottom: -8px;
    width: 100%;
}
.renew-recruit-notification-container .ly_ty01 .r_comm {
    justify-content: center;
    align-items: center;
    padding-left: 0;
}
.renew-recruit-notification-container .ly_ty01 .r_comm.renew-recruit-form {
    width: 70%;
    padding: 0 83.21px
}
.renew-recruit-notification-container .ly_ty01 .r_comm.renew-recruit-form .r_area {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.renew-recruit-form-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.renew-recruit-form-content-list {
    display: flex;
    flex-direction: column;
    list-style-type: '- ';
    padding-left: 16px;
}
.renew-recruit-form-content-list li {
    font-size: 16.8px;
    font-weight: 400;
    line-height: 26.88px;
    color: #71747A;
}
.renew-recruit-form-content form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* recruit-field 통합 스타일 (이메일, 파일 입력 필드 공통) */
.renew-recruit-form-content .recruit-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 0;
}
.recruit-field-label {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-grayscale-100-primary-text);
}

/* form-control-custom 스타일 (dispatch_form.php 참고) */
.renew-recruit-form-content .form-control-custom {
    width: 100%;
    padding: 15px 20px;
    border-radius: 0;
    border: 1px solid var(--color-grayscale-40);
    font-size: 16px;
    font-family: var(--font-family-renew);
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.renew-recruit-form-content .form-control-custom:focus {
    outline: none;
    border-color: var(--color-grayscale-100-primary-text);
}

.renew-recruit-form-content .form-control-custom::placeholder {
    color: var(--color-grayscale-40);
    opacity: 1;
}

/* form-control-custom-wrapper 스타일 (dispatch_form.php 참고) */
.renew-recruit-form-content .form-control-custom-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.renew-recruit-form-content .form-control-custom-wrapper .input-clear-btn {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: none;
    border: none;
    z-index: 3;
}

.renew-recruit-form-content .form-control-custom-wrapper .input-clear-btn.has-value {
    display: flex;
}

.renew-recruit-form-content .form-control-custom-wrapper .input-clear-btn svg {
    width: 24px;
    height: 24px;
}

/* Input에 클리어 버튼이 있을 때 padding 조정 */
.renew-recruit-form-content .form-control-custom-wrapper input.form-control-custom:not(:disabled):not([readonly]) {
    padding-right: 50px;
}

/* 파일 입력 래퍼 */
.file-input-wrapper {
    position: relative;
}

/* 실제 file input 숨기기 */
.file-input-wrapper .file {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    font-size: 0;
    margin: 0;
    padding: 0;
}

/* fakefile 내부 구조 조정 */
.recruit-field .fakefile {
    position: relative;
    width: 100%;
}

/* fakefile input을 이메일 input과 동일한 스타일로 */
.recruit-field .fakefile .form-control-custom.file-input-button {
    cursor: pointer;
    caret-color: transparent;
    -webkit-caret-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
}
.recruit-field .fakefile .form-control-custom.file-input-button:focus {
    outline: none;
    caret-color: transparent;
    -webkit-caret-color: transparent;
}

/* 파일 input에도 클리어 버튼이 있을 때 padding 조정 */
.recruit-field .fakefile.form-control-custom-wrapper .form-control-custom.file-input-button {
    padding-right: 50px;
}

/* 모바일용 다운로드 버튼 - 데스크톱에서 숨김 */
.renew-recruit-form-download-buttons-mobile {
    display: none;
}
.renew-recruit-form-buttons {
    display: flex;
    gap: 12px;
}
.renew-recruit-form-buttons a.file_down {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 0;
    padding: 15px;
    border: 1px solid var(--color-grayscale-100-primary-text);
    background: var(--color-grayscale-100-primary-text);
    font-size: 16px !important;
    color: var(--color-grayscale-0) !important;
    transition: all 0.3s ease;
}
.renew-recruit-form-buttons a.file_down:hover {
    background: var(--color-grayscale-100-hover);
}
.renew-recruit-form-buttons .download-icon {
    width: 24px;
    height: 24px;
    color: var(--color-grayscale-0);
}
.renew-recruit-form-buttons button.send_file {
    width: 100%;
    padding: 15px;
    margin-top: 0;
    border-radius: 0;
    border: 1px solid var(--color-default);
    background: var(--color-default);
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.renew-recruit-form-buttons button.send_file:hover {
    background: var(--color-default-hover);
}

/* 
    end: 채용공고 (views/ijs/recruit/bootstrap/notification.php)
*/

/* 
    start: 파트너십 (views/ijs/partnership/bootstrap/partnership.php)
*/
.ly_ty01.partnership-info {
    padding: 0 0 80px;
}
.renew-recruit-notification-container .ly_ty01.partnership-info .l_tl {
    margin-top: 0;
}

/* 파트너십 파일 입력 래퍼 */
.mt-40 {
    margin-top: 40px;
}
.pg_f_field .file-input-wrapper {
    position: relative;
    width: 100%;
}

/* 실제 file input 숨기기 */
.pg_f_field .file-input-wrapper .file {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    opacity: 0;
    cursor: pointer;
}

/* 파일 선택 버튼 스타일 */
.pg_f_field .pg_file_select_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    border-radius: 0;
    border: 1px solid var(--color-grayscale-40);
    background: var(--color-grayscale-0);
    font-size: 16px;
    font-family: var(--font-family-renew);
    color: var(--color-grayscale-100-primary-text);
    cursor: pointer;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.pg_f_field .pg_file_select_btn:hover {
    border-color: var(--color-grayscale-100-primary-text);
    background-color: var(--color-grayscale-10);
}

.pg_f_field .pg_file_select_btn:focus {
    outline: none;
    border-color: var(--color-grayscale-100-primary-text);
}

.pg_f_field .pg_file_select_btn_text {
    font-weight: 500;
}

.pg_f_field .pg_file_select_btn_count {
    font-weight: 400;
    color: var(--color-grayscale-55-secondary-text);
}

/* 파일 리스트 스타일 */
.pg_attachment_file_list {
    margin-top: 12px;
}

.pg_attachment_file_items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pg_attachment_file_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border: 1px solid var(--color-grayscale-20);
    background-color: var(--color-grayscale-10);
    font-size: 14px;
}

.pg_attachment_file_name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-grayscale-100-primary-text);
}

.pg_attachment_file_size {
    flex-shrink: 0;
    font-size: 13px;
    color: var(--color-grayscale-55-secondary-text);
}

.pg_attachment_file_remove_btn {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 4px;
    border: none;
    background: none;
    color: var(--color-grayscale-55-secondary-text);
    cursor: pointer;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.pg_attachment_file_remove_btn:hover {
    background-color: var(--color-grayscale-20);
    color: var(--color-grayscale-100-primary-text);
}

.pg_attachment_file_remove_btn svg {
    width: 16px;
    height: 16px;
}

/* 
    end: 파트너십 (views/ijs/partnership/bootstrap/partnership.php)
*/

#pay_mo_one .t_f a {
    padding: 25px 40px 25px 0;
}

/* 
    start: 공지사항/뉴스 박스 텍스트 줄임 처리 (nt_box)
*/
.nt_box_wp .nt_box .nt_txt {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* 2줄 줄임 처리 (제목) */
.nt_box_wp .nt_box .nt_suj,
.pr_box .nt_suj,
.nt_list .nt_one .nt_suj {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1000px) {
    .nt_box_wp .nt_box .nt_txt {
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: keep-all;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    /* 2줄 줄임 처리 (제목) */
    .nt_box_wp .nt_box .nt_suj,
    .pr_box .nt_suj,
    .nt_list .nt_one .nt_suj {
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: keep-all;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
/* 
    end: 공지사항/뉴스 박스 텍스트 줄임 처리 (nt_box)
*/

/* 
    start: contact 페이지 cont_top 스타일 (views/ijs/news/bootstrap/contact.php)
*/
.cont_top.contact-cont-top .t1 {
    flex-shrink: 0;
}
.cont_top.contact-cont-top .t2 {
    padding-right: 140px;
}
@media (max-width: 1000px) {
    .cont_top.contact-cont-top .t2 {
        padding-right: 0;
    }
}
/* 
    end: contact 페이지 cont_top 스타일
*/

.brand-emphasis {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    text-wrap: inherit;
    color: var(--color-brand);
    margin: 0 0.2em; /* 번역 시 주변 띄어쓰기 유지 */
}
/* 문장/줄 첫 시작에 쓸 때: 좌측 마진 제거(우측만) */
.brand-emphasis.brand-emphasis--start {
    margin-left: 0;
}

@media (max-width: 1600px) and (min-width: 1001px) {
    /* 
        start: 메인 스와이퍼 텍스트 스타일
    */
    .main_visual_wp .swiper-slide .slide-inner .txt .t1 {
        font-size: 5.5em;
        word-break: keep-all;
        overflow-wrap: break-word;
        white-space: normal;
    }
    .main_visual_wp .swiper-slide .slide-inner .txt .t2 {
        font-size: 1.4em;
        word-break: keep-all;
        overflow-wrap: break-word;
        max-width: 100%;
        min-width: 200px;
        white-space: normal;
    }
    /* 애니메이션 조정 */
    .main_visual_wp .swiper-slide-active .slide-inner .txt {
        animation: txt_ani_1600 4s cubic-bezier(0, 0.68, 0.25, 1) 1s 1 forwards;
    }
    @keyframes txt_ani_1600 {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .main_visual_wp .swiper-slide-active .slide-inner .txt .t2 {
        animation: txt_ani_t2_1600 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;
    }
    @keyframes txt_ani_t2_1600 {
        0% {
            opacity: 0;
            transform: translateX(-100px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    /* 배경 이미지가 하단까지 보이도록 조정 */
    .main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv1,
    .main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv2,
    .main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv3 {
        background-size: cover;
        animation: mv_scale_1600 5.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 forwards;
    }
    @keyframes mv_scale_1600 {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    /* 라인 애니메이션 조정 */
    .main_visual_wp .swiper-slide-active .slide-inner .txt .t1 .t_line {
        animation: line_ani_01_1600 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;
    }
    @keyframes line_ani_01_1600 {
        0% {
            opacity: 0;
            width: 0;
        }
        100% {
            opacity: 1;
            width: 90px;
        }
    }
    .main_visual_wp .swiper-slide-active .slide-inner .txt .t1 .t_line1 {
        animation: line_ani_02_1600 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;
    }
    @keyframes line_ani_02_1600 {
        0% {
            opacity: 0;
            width: 0;
        }
        100% {
            opacity: 1;
            width: 88px;
        }
    }
    .main_visual_wp .swiper-slide-active .slide-inner .txt .t1 .t_line2 {
        animation: line_ani_03_1600 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;
    }
    @keyframes line_ani_03_1600 {
        0% {
            opacity: 0;
            width: 0;
        }
        100% {
            opacity: 1;
            width: 220px;
        }
    }
    /* 
        end: 메인 스와이퍼 텍스트 스타일
    */
    /* 
        start: ESG 페이지 sv_txt 텍스트 스타일
    */
    .sv .sv_txt .svt2 {
        flex-wrap: wrap;
    }
    /* 
        end: ESG 페이지 sv_txt 텍스트 스타일
    */

    /* 
        start: 메인 페이지 섹션별 sec_tl_txt padding-right
    */
    .m_about .sec_tl_txt {
        padding-right: 400px;
    }
    .m_esg .mesg_img {
        position: absolute;
        left: 60%;
        bottom: -160px;
    }
    .m_esg .sec_tl_txt {
        padding-right: 700px;
    }
    .m_rnd .sec_tl_txt {
        padding-right: 600px;
    }
    .rnd_discrip {
        max-width: 450px;
    }
    .m_product .sec_tl_txt {
        padding-right: 450px;
    }
    .rec_top .t2 {
        padding-right: 140px;
    }
    /* 
        end: 메인 페이지 섹션별 sec_tl_txt padding-right
    */
}

@media (max-width: 1280px) and (min-width: 1001px) {
    /* 
        start: 메인
    */
    .m_esg {
        height: 1100px;
    }
    .m_esg .sec_tl_txt {
        padding-right: 0;
    }
    .m_esg .mesg_list_m {
        position: relative;
        right: inherit;
        top: inherit;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 1fr;
        width: 100%;
        gap: 5%;
        margin-top: 30px;
        align-items: stretch;
    }
    /* 
        end: 메인
    */
    /* 
        start: 지속가능경영 (views/ijs/esg/bootstrap/sustainability.php)
    */
    /* 중간 사이즈 화면에서 차트 간격 조정 */
    .renew-sustainability-container .bar-chart {
        justify-content: center;
        gap: 40px;
        padding-left: 22px;
    }
    /* 
        end: 지속가능경영 (views/ijs/esg/bootstrap/sustainability.php)
    */
}

@media (max-width: 1000px) {
    /* 
        start: 메인
    */
    .mesg_s_t {
        margin-top: 40px;
    }
    .mpro_tab {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        height: 100%;
    }
    .mpro_tab a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 14px 40px 14px 20px;
    }
    .m_recurit .rec_top {
        padding-right: 90px;
    }
    .m_recurit .rec_top .t1 {
        flex-wrap: wrap;
    }
    .contents_wp .mbct_box.pr {
        background-position-x: 100%;
    }
    /* 
        end: 메인
    */
    /* 
    start: 회사 소개: 파트너사
    */
    html[lang="en"] .ov_area1 .ova_rt .ovlist ul li .ovlist-label {
        min-width: 134px;
    }
    .partners-list {
        margin-top: 16px;
    }
    .partners-list ul {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 4px 16px;
        width: fit-content;
        margin: 0 auto;
    }
    .partners-list ul li {
        width: fit-content;
    }
    .partners-list ul li img {
        width: 48px;
        height: 48px;
    }
    /* 
        end: 회사 소개: 파트너사
    */
    /* 
        start: 회사 소개: ceo 메세지
    */
    #containor.ceo-container {
        padding-bottom: 120px;
    }
    .ceo_sign {
        justify-content: flex-start;
        margin-top: 48px
    }
    .ceo_sign em {
        margin-left: 24px;
    }
    /* 
        end: 회사 소개: ceo 메세지
    */
    /* 
        start: 기업연혁 (views/ijs/company/bootstrap/history.php)
    */
    .renew-history-list {
        margin-top: 25px;
        margin-bottom: 85.99px;
    }
    /* 태블릿 레이아웃 스타일 */
    .renew-history-2columns .his-info-view-column .his_block {
        flex-direction: column;
        gap: 17px;
        padding: 16px 0;
        align-items: flex-start;
    }
    /* 태블릿에서 데스크톱 전용 요소 숨기기 */
    .renew-history-2columns .his-info-view-column .his_block.desktop-only {
        display: none;
    }
    .renew-history-2columns .his_block .his_list li.mobile-only {
        display: flex;
    }
    /* 
        end: 기업연혁 (views/ijs/company/bootstrap/history.php)
    */
    
    /* 
        start: 신기술 (views/ijs/rnd/bootstrap/technology.php)
    */
    /* 모바일에서 ov_t1과 tab-his-st 겹침 방지 스타일 제거 */
    #contents .ov_t1,
    #contents .ov_t1:has(+ .tab-his-st.renew-tech-tab),
    html[lang="en"] #contents .ov_t1 {
        padding-right: 0;
    }
    .tab-his-st a {
        min-width: unset;
    }
    .tab-his-st.renew-tech-tab,
    .renew-tech-list .esg_ls_dep2,
    .renew-tech-list .tech-swiper-wrapper,
    .renew-tech-list .ab_ly {
        margin-top: 29px;
    }
    .renew-tech-list .ab_ly .ab_ly_r,
    .renew-tech-list .ab_ly .ab_ly_r .tx1.mt {
        margin-top: 24px;
    }

    .tech-nav-reference .ab_ly,
    .tech-nav-reference .ab_ly .ab_ly_r {
        margin-top: 0;
    }
    .tech-nav-reference .ab_ly .ab_ly_r .tech_title {
        height: 0;
    }
    .tech-swiper .ab_ly {
        flex-direction: column;
        gap: 30px;
        margin-top: 0;
    }
    
    .tech-swiper .ab_ly_l {
        flex: 1;
        max-width: 100%;
    }

    .tech-swiper .ab_ly_r {
        gap: 6.17px;
    }
    .tech-swiper .tech_title {
        margin-bottom: 8.63px;
        font-size: 18px;
    }
    .tech-swiper .tech_desc {
        padding-left: 9.25px;
        font-size: 14px;
    }
    .tech-swiper .tech_desc::before {
        top: 9px;
        left: 0;
    }
    .tech-swiper .tech_list {
        gap: 6.17px;
        margin-top: 0.17px;
        padding-left: 9.25px;
    }
    .tech-swiper .tech_list li {
        font-size: 12px;
    }
    
    .tech-swiper .swiper-button-next,
    .tech-swiper .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }
    
    .tech-swiper .swiper-button-prev {
        left: 0;
    }
    
    .tech-swiper .swiper-button-next {
        left: calc(100% - 40px);
    }
    /* 
        end: 신기술 (views/ijs/rnd/bootstrap/technology.php)
    */
    /* 
        start: 지속가능경영 (views/ijs/esg/bootstrap/sustainability.php)
    */
    /* esg 히어로 */
    .renew-sustainability-sv.sv .sv_txt .svt1_2 {
        margin-right: 0;
    }
    .renew-sustainability-sv.sv .sv_txt .svt1_2 br,
    .renew-sustainability-sv.sv .sv_txt .svt1_3 br:nth-of-type(2) {
        display: none;
    }

    /* 탭탭 */
    .ct_dep_tab_wrapper {
        overflow-x: auto;
        overflow-y: visible;
        -ms-overflow-style: none;
        scrollbar-width: none;
        cursor: grab;
        user-select: none; /* 텍스트 선택 방지로 드래그 시 깜빡임 방지 */
        padding-bottom: 5px; /* after 요소(2px)가 잘리지 않도록 여백 추가 */
    }
    .ct_dep_tab_wrapper:active {
        cursor: grabbing;
    }
    .ct_dep_tab {
        flex-wrap: unset;
        border-bottom: 1px solid #e3e3e3;
    }
    .ct_dep_tab li a {
        font-size: 16px !important;
        text-wrap: nowrap;
    }

    /* esg 메인 */
    .esg_top .tx {
        font-size: 20.4px;
        font-weight: 400;
    }
    .renew-sustainability-container .esg_top .tx br:nth-of-type(2) {
        display: block; /* 두 번째 br 태그는 반응형에서도 표시 */
    }
    /* 반응형에서 배경 이미지 제거 */
    .renew-sustainability-container .esg_top.bg1,
    .renew-sustainability-container .esg_top.bg3,
    .renew-sustainability-container .esg_top.bg4,
    .renew-sustainability-container .esg_top.bg5,
    .renew-sustainability-container .esg_top.bg6,
    .renew-sustainability-container .esg_top.bg7 {
        padding: 0;
        background: none;
    }
    .renew-sustainability-container .esg_top .esg_txt br {
        display: none;
    }
    /* 반응형에서 배경 이미지 대신 img 태그 사용 */
    .renew-sustainability-container .esg_top .esg-top-img-mobile {
        display: block; /* 반응형에서만 표시 */
        width: 100%;
        height: auto;
        margin-top: 32px; /* 텍스트와 이미지 사이 간격 32px */
        object-fit: contain;
    }

    /* 컨텐츠 */
    .renew-sustainability-container .esg_stl {
        margin-top: 48px;
        font-size: 1.5em;
    }
    .renew-sustainability-container .esg_stl em {
        font-size: 12.6px;
    }
    .renew-sustainability-container .esg_stl::after {
        width: 135px;
    }
    .renew-sustainability-container .esg_ls_dep1 {
        align-items: flex-start;
        margin-top: 48px;
    }
    .renew-sustainability-container .esg_ls_dep1.mb-130 {
        margin-top: 56px;
    }
    .renew-sustainability-container .esg_ls_dep1 div.exp {
        line-height: 24px;
    }

    .renew-sustainability-container .finacial_wp {
        margin-top: 48px;
    }
    .renew-sustainability-container .finacial_wp .fin_box {
        margin-top: 0;
    }
    .renew-sustainability-container .fb_tl,
    .renew-sustainability-container .fb_list li {
        font-size: 14px;
    }
    .renew-sustainability-container .fb_tl em {
        font-size: 12px;
    }
    .renew-sustainability-container .fb_list li::after {
        max-width: unset;
    }

    .renew-sustainability-container .esg_txt1 {
        margin-top: 48px;
    }

    /* Social 차트 모바일 스타일 */
    .renew-sustainability-container .social-chart-table,
    .renew-sustainability-container .environmental-chart-table {
        flex-direction: column;
        margin-top: 48px;
    }

    /* 차트 모바일 높이 변수 재정의 */
    .renew-sustainability-container {
        --chart-height: 163px; /* 차트 전체 높이 (모바일) */
        --bar-max-height: 129px; /* 바 최대 높이 (모바일) */
    }
    
    /* 공통 차트 모바일 스타일 */
    .renew-sustainability-container .chart-wrapper, 
    .renew-sustainability-container .table-wrapper {
        width: 100%;
    }
    .renew-sustainability-container .environmental-chart-table .bar-chart-wrapper,
    .renew-sustainability-container .social-chart-table .bar-chart-wrapper {
        gap: 8.84px;
    }
    .renew-sustainability-container .environmental-chart-table .chart-y-axis,
    .renew-sustainability-container .social-chart-table .chart-y-axis {
        height: var(--chart-height);
        min-width: 30px;
        padding: 9px 0 24.25px;
    }
    .renew-sustainability-container .environmental-chart-table .chart-y-axis .y-axis-label,
    .renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label {
        font-size: 12px;
        padding-right: 4px;
    }
    /* Environmental 차트 Y축 라벨 위치 (6개) */
    .renew-sustainability-container .environmental-chart-table .chart-y-axis .y-axis-label:nth-child(1) { top: 9px; } /* 1000 */
    .renew-sustainability-container .environmental-chart-table .chart-y-axis .y-axis-label:nth-child(2) { top: calc(9px + var(--bar-max-height) * 0.2); } /* 800 */
    .renew-sustainability-container .environmental-chart-table .chart-y-axis .y-axis-label:nth-child(3) { top: calc(9px + var(--bar-max-height) * 0.4); } /* 600 */
    .renew-sustainability-container .environmental-chart-table .chart-y-axis .y-axis-label:nth-child(4) { top: calc(9px + var(--bar-max-height) * 0.6); } /* 400 */
    .renew-sustainability-container .environmental-chart-table .chart-y-axis .y-axis-label:nth-child(5) { top: calc(9px + var(--bar-max-height) * 0.8); } /* 200 */
    .renew-sustainability-container .environmental-chart-table .chart-y-axis .y-axis-label:nth-child(6) { top: calc(9px + var(--bar-max-height)); } /* 0 */
    .renew-sustainability-container .environmental-chart-table .bar-chart,
    .renew-sustainability-container .social-chart-table .bar-chart {
        justify-content: center;
        gap: 41px;
        height: var(--chart-height);
        padding: 9px 0 24.25px;
        padding-left: 22px;
        padding-right: 3px;
    }
    .renew-sustainability-container .environmental-chart-table .chart-grid-lines,
    .renew-sustainability-container .social-chart-table .chart-grid-lines {
        top: 9px;
        right: 3px;
        height: var(--bar-max-height);
    }
    .renew-sustainability-container .environmental-chart-table .chart-grid-lines {
        left: 0;
    }
    /* Environmental 차트 그리드 라인 위치 (6개) */
    .renew-sustainability-container .environmental-chart-table .chart-grid-lines .grid-line:nth-child(1) { top: 0; } /* 1000 */
    .renew-sustainability-container .environmental-chart-table .chart-grid-lines .grid-line:nth-child(2) { top: calc(var(--bar-max-height) * 0.2); } /* 800 */
    .renew-sustainability-container .environmental-chart-table .chart-grid-lines .grid-line:nth-child(3) { top: calc(var(--bar-max-height) * 0.4); } /* 600 */
    .renew-sustainability-container .environmental-chart-table .chart-grid-lines .grid-line:nth-child(4) { top: calc(var(--bar-max-height) * 0.6); } /* 400 */
    .renew-sustainability-container .environmental-chart-table .chart-grid-lines .grid-line:nth-child(5) { top: calc(var(--bar-max-height) * 0.8); } /* 200 */
    .renew-sustainability-container .environmental-chart-table .chart-grid-lines .grid-line:nth-child(6) {
        top: calc(var(--bar-max-height) + 1px);
        height: 1px;
    }
    .renew-sustainability-container .environmental-chart-table .chart-item,
    .renew-sustainability-container .social-chart-table .chart-item {
        width: 52px;
        flex: 0 0 52px;
        height: var(--bar-max-height);
    }
    .renew-sustainability-container .environmental-chart-table .chart-bar,
    .renew-sustainability-container .social-chart-table .chart-bar {
        width: 52px;
    }
    .renew-sustainability-container .environmental-chart-table .chart-item:has(.not-zero) {
        width: 75px;
        flex: 0 0 75px;
    }
    .renew-sustainability-container .environmental-chart-table .chart-item:has(.not-zero) .chart-bar {
        width: 75px;
    }
    .renew-sustainability-container .environmental-chart-table .bar-fill,
    .renew-sustainability-container .social-chart-table .bar-fill {
        max-height: var(--bar-max-height);
    }
    .renew-sustainability-container .environmental-chart-table .chart-label,
    .renew-sustainability-container .social-chart-table .chart-label {
        font-size: 12px;
        bottom: -24.25px;
    }
    .renew-sustainability-container .bar-chart .bar-icon {
        bottom: calc(var(--bar-height, 0px) - 40px);
    }
    .renew-sustainability-container .environmental-chart-table .bar-icon img {
        max-width: 33px;
        max-height: 30px;
    }
    .renew-sustainability-container .bar-chart .bar-icon .net-zero-text {
        font-size: 12px;
    }
    .renew-sustainability-container .bar-chart .bar-icon .arrow-down {
        margin-top: -5px;
        width: 24px;
        height: 83px;
        object-fit: cover;
        object-position: bottom;
    }
    .renew-sustainability-container .environmental-chart-table .chart-title,
    .renew-sustainability-container .environmental-chart-table .table-title,
    .renew-sustainability-container .social-chart-table .chart-title,
    .renew-sustainability-container .social-chart-table .table-title {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    /* Social 차트 Y축 라벨 위치 (5개) */
    .renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(1) { top: 9px; } /* 8 */
    .renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(2) { top: calc(9px + var(--bar-max-height) * 0.25); } /* 6 */
    .renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(3) { top: calc(9px + var(--bar-max-height) * 0.5); } /* 4 */
    .renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(4) { top: calc(9px + var(--bar-max-height) * 0.75); } /* 2 */
    .renew-sustainability-container .social-chart-table .chart-y-axis .y-axis-label:nth-child(5) { top: calc(9px + var(--bar-max-height)); } /* 0 */
    /* Social 차트 그리드 라인 위치 (5개) */
    .renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(1) { top: 0; } /* 8 */
    .renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(2) { top: calc(var(--bar-max-height) * 0.25); } /* 6 */
    .renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(3) { top: calc(var(--bar-max-height) * 0.5); } /* 4 */
    .renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(4) { top: calc(var(--bar-max-height) * 0.75); } /* 2 */
    .renew-sustainability-container .social-chart-table .chart-grid-lines .grid-line:nth-child(5) {
        top: calc(var(--bar-max-height) + 1px);
        height: 1px;
    }
    .renew-sustainability-container .social-chart-table .bar-value {
        font-size: 12px;
        top: -20px;
    }

    /* table */
    .renew-sustainability-container .data-table th {
        padding: 2px 4px;
    }
    .renew-sustainability-container .data-table td {
        padding: 13px 3.5px 12px; 
    }
    /* 반응형에서 테이블 헤더의 "년" 숨기기 */
    .renew-sustainability-container .data-table th .year-text {
        display: none;
    }
    .renew-sustainability-container .social-chart-table .data-table th {
        padding: 12px 4px;
    }

    .esg_img {
        margin-top: 48px;
    }

    /* 
        end: 지속가능경영 (views/ijs/esg/bootstrap/sustainability.php)
    */

    /* 
        start: esg 사회공헌 (views/ijs/esg/bootstrap/social.php)
    */
    .renew-sustainability-container .img_ty {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 60px 0 0;
        border-bottom: none;
    }
    .renew-sustainability-container .img_ty .lt {
        width: 100%;
    }
    .img_ty .lt p.t01 {
        margin-top: 29.5px;
    }
    .renew-sustainability-container .img_ty .rt {
        gap: 19.68px;
        width: 100%;
        margin-top: 0;
    }

    /* 
        end: esg 사회공헌 (views/ijs/esg/bootstrap/social.php)
    */

    /* 
        start: 채용공고 (views/ijs/recruit/bootstrap/notification.php)
    */
    .renew-recruit-notification-container #contents.m-mt-30 {
        margin-top: 30px;
    }
    .rec_top {
        justify-content: flex-start;
        padding: 24px;
        min-height: 160px;
    }

    .renew-recruit-notification-container .nt_top {
        margin-top: 70px;
    }
    .renew-recruit-notification-container .SelectBox {
        flex-shrink: 0;
    }
    .renew-recruit-notification-container .SelectBox .SelectBox__select {
        padding: 11px 23.25px 12px 10px;
    }
    .renew-recruit-notification-container .inp-st1 {
        width: 100%;
    }
    .renew-recruit-notification-container button.btn_search {
        flex-shrink: 0;
        width: 41.72px;
    }

    .renew-recruit-notification-container .nt_list,
    .renew-recruit-notification-container .paging {
        margin-top: 24px;
    }
    .nt_list .nt_one {
        padding: 22px 10px;
    }
    .nt_list .nt_one .nt_suj {
        line-height: 110%;
    }

    .renew-recruit-notification-container .ly_ty01 {
        display: flex;
        justify-content: center;
        gap: 37px;
        padding: 70px 0 0 0;
    }
    .renew-recruit-notification-container .ly_ty01.partnership-info {
        padding: 0 0 80px;
    }
    .renew-recruit-notification-container .ly_ty01 .l_tl {
        margin-top: 0;
        font-size: 1.7em;
    }
    .renew-recruit-notification-container .ly_ty01 .l_tl:after {
        bottom: -6px;
    }
    .renew-recruit-notification-container .ly_ty01 .r_comm {
        margin-top: 0;
    }

    .renew-recruit-notification-container .ly_ty01 .r_comm.renew-recruit-form {
        width: 100%;
        padding: 0;
    }
    .renew-recruit-notification-container .ly_ty01 .r_comm.renew-recruit-form .r_area,
    .renew-recruit-form-content {
        gap: 15px;
    }

    .renew-recruit-form-content-list {
        margin-bottom: 6px;
    }
    /* 모바일에서 다운로드 버튼이 리스트 아래에 오도록 설정 */
    .renew-recruit-form-download-buttons-mobile {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .renew-recruit-form-download-buttons-mobile a.file_down {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        margin-top: 0;
        padding: 8px;
        border: 1px solid var(--color-grayscale-100-primary-text);
        background: var(--color-grayscale-100-primary-text);
        font-size: 14px !important;
        font-weight: 500 !important;
        color: var(--color-grayscale-0) !important;
    }
    .renew-recruit-form-download-buttons-mobile .download-icon {
        width: 20px;
        height: 20px;
        color: var(--color-grayscale-0);
    }
    /* 모바일에서 데스크톱용 다운로드 버튼 숨김 */
    .renew-recruit-form-buttons .file_down-desktop,
    .renew-recruit-form-buttons a.file_down-desktop {
        display: none !important;
    }
    .renew-recruit-form-content-list li {
        font-size: 14.4px;
        line-height: 23px;
    }
    .renew-recruit-form-content .recruit-field {
        gap: 4px;
    }
    .recruit-field-label {
        font-size: 12px;
        font-weight: 500;
        color: var(--color-grayscale-55-secondary-text);
    }
    .renew-recruit-form-content .form-control-custom {
        padding: 8px;
        font-size: 14px;
    }
    .renew-recruit-form-content .form-control-custom-wrapper input.form-control-custom:not(:disabled):not([readonly]) {
        padding-right: 50px;
    }
    .renew-recruit-form-content .form-control-custom-wrapper .input-clear-btn {
        right: 8px;
    }
    
    /* 
        start: 파트너십 (views/ijs/partnership/bootstrap/partnership.php)
    */
    .pg_inp {
        font-size: 1.2em;
    }
    .pg_f_field .form-control-custom-wrapper .input-clear-btn {
        right: 8px;
    }
    
    .pg_f_field .pg_file_select_btn {
        padding: 8px 12px;
        font-size: 14px;
    }
    
    .pg_f_field .pg_file_select_btn_text {
        font-size: 14px;
    }
    
    .pg_f_field .pg_file_select_btn_count {
        font-size: 13px;
    }
    
    .pg_attachment_file_item {
        padding: 6px 10px;
        font-size: 12px;
        gap: 8px;
    }
    
    .pg_attachment_file_name {
        font-size: 12px;
    }
    
    .pg_attachment_file_size {
        font-size: 11px;
    }
    
    .pg_attachment_file_remove_btn {
        width: 20px;
        height: 20px;
    }
    
    .pg_attachment_file_remove_btn svg {
        width: 14px;
        height: 14px;
    }
    /* 
        end: 파트너십 (views/ijs/partnership/bootstrap/partnership.php)
    */

    /* 
        end: 채용공고 (views/ijs/recruit/bootstrap/notification.php)
    */

    html[lang="en"] .patent_wp .pat_box .pat_info li {
        padding-left: 0;
    }
    /* 모바일에서도 제목 3줄 제한 유지 */
    .patent_wp .pat_box .pat_title {
        -webkit-line-clamp: 3;
    }
    .patent_wp .pat_box .pat_title.expanded {
        -webkit-line-clamp: unset;
        max-height: none;
    }
    .inp-st1 {
        width: calc(100% - 100px);
    }
}
@media (max-width: 768px) {
    html[lang="en"] .ov_area1 .ova_rt .ovlist ul li {
        width: 100%;
    }
    .b_cate_tl {
        flex-direction: column;
    }
    .b_cate_tl em {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        text-align: center;
    }
    .b_cate_tl em:before {
        display: none;
    }
}
@media (max-width: 576px) {
    .renew-history-2columns {
        display: none;
    }
    /* 모바일 1컬럼 레이아웃 */
    .renew-history-3columns {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-top: 40px;
    }
    .renew-history-3columns .his-info-view-column {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    /* 모바일 스타일 적용 */
    .renew-history-3columns .his-info-view-column .his_block {
        flex-direction: column;
        gap: 12px;
        padding: 16px 0;
        align-items: flex-start;
    }
    .renew-history-3columns .his-info-view-column .his_block .year {
        font-size: 24px;
    }
    .renew-history-3columns .his_block .his_list li {
        font-size: 14px;
        line-height: 120%;
    }
}
@media (max-width: 360px) {
    .ov_area1 .ova_rt .ovlist ul li {
        width: 100%;
    }
    .ov_area1 .ova_rt .ovlist ul li .ovlist-label {
        min-width: 60px;
    }
    .partners-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }
    .partners-list ul li {
        flex: 0 0 auto;
    }

    .tab-his-st {
        flex-wrap: wrap;
    }
    .patent_wp .pat_box {
        position: relative;
        width: 100%;
        margin: 5% 0 0 0;
    }
}