@media (orientation: portrait) {
    .extra-video-wrapper video {position: fixed; top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background-color: black;object-fit: cover;}
    .extra-video-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; background-color: black; }
    
    .fixed-lines { width: 100%; margin:0 15px; }
    #globe { display:flex}
    .page-nav-m { display: flex ;margin: 107px 24px 0;top:20px; position: sticky; }

    header { width: 100vw;}
    .header-logo {margin-left: 0;}
    .header-con { max-width: 100%; margin: 0; padding: 0 9px 0 24px;}
    .head-menu { display: none;}

    .selected-language {font-size: 0; gap: 6px;}
    .selected-language .arrow {width: 24px; height: 24px; margin-right:13px }
    .selected-language .arrow svg {display: none;}
    .selected-language:hover .arrow {transform: unset;}
    .dropdown-options {padding: 14px 11px; margin-left: 4px;}
    .head-ham { transform: none; }

    .footer-con { display: flex; flex-direction: column-reverse; gap: 120px; padding: 40px 0 48px; }
    .footer-menu { grid-template-columns: 1fr 1fr; width: 100%;}
    .footer-menu-child {padding-left: 24px;}
    .footer-info {padding-left: 24px;}
    .footer-info h3 {margin-top: 44px; font-weight: 450;}

    .menu-open-con {display: flex; flex-direction: column; overflow-y: auto; margin-top: 120px;}
    .menu-open-child {padding: 0 27px;}
    .menu-open-child h3 {min-width: unset; width: 100%; font-size: 30px; line-height: 1;}
    .menu-open-child ul li a {font-size: 20px;}
    .menu-open-footer {margin: 48px auto;}
    .menu-open-footer h3 {text-align: center;}
    .menu-open-01,.menu-open-02 { width: 100vw;}

    /* 반응형 작업 */
    .header-group {grid-template-columns: 6fr 1fr; align-items: center;}
    .group-heading {font-size: 54px; line-height: 62.1px; margin: 0 27px;}
    .group-desc {font-size: 20px; margin: 0 27px;}
    .btn-black {margin: 0 27px; }
    .btn-white {margin: 0 27px;}
    .home-ul {padding: 0 27px;}
    .home-ul li {width: 100%;}
    .home-ul li .svg-stroke {stroke: white !important;}
    .home-ul li:hover .svg-stroke {stroke: #011356 !important;}
    .head-lang { align-items: center; transform: none}

    /* main */
    .home-group-01 {height: auto; padding: 200px 0 220px;}
    .home-group-01 .group-heading {font-size: 54px; font-weight: 650; line-height: 62.1px;}
    .home-group-01 .group-desc {font-size: 20px; font-weight: 450; line-height: 31px; margin: 20px 24px 61px;}
    .home-group-01 .group-desc p br { display: none;}
    .home-group-01 .btn-black {margin-top: 0 !important;}
    .home-group-02 {height: auto; padding: 0;}
    .home-group-02-head {margin-bottom: 59px;} 
    .home-group-02-head .home-group-title {margin-bottom: 20px;}
    .home-group-02-head .group-desc {font-size: 20px; line-height: 31px;}
    .home-group-02-head .group-desc br {display: none;}
    .home-group-02-01 {grid-template-columns: 1fr;}
    .home-group-02-01-01 {margin-left: -300px; margin-top: 0 !important; display: none;}
    .home-group-02-01-02 {height: auto; width: 100vw;}
    .home-group-title {font-size: 38px; word-break: keep-all; margin: 0 24px 20px;}
    .home-group-02-02 {display: flex; flex-direction: column-reverse; margin-top: -50px;}
    .home-group-02-02-01 {height: auto; margin-bottom:100px}
    .home-group-02-02-02 {margin-top: 140px !important;}
    .home-group-02-02-02 {display: none;}
    .home-group-02-02-m { display: flex; right:0; position: relative;height: 103vh; }
    .home-group-02-01-m { display: flex; position: relative;height: 93vh;}
    .home-ul h3 br { display: none;}

    .home-group-03 {height: auto; padding: 80px 0 64px; gap: 48px;}
    .home-group-03-head {display: flex; flex-direction: column;}
    .home-group-03-head .group-desc {font-size: 1rem; margin: 0 24px; padding: 0;}
    .home-group-03-head .group-desc br {display: none;}
    .home-group-03-img {margin-top: 0;}

    .home-group-04 {height: auto; padding: 80px 0 140px;position: relative;}
    .home-group-04-con .home-group-title {font-size: 42px; margin-bottom: 18px;}
    .home-group-04-con .group-desc {font-size: 16px;}
    .home-group-04-con .group-desc br { display: none; }
    
    .home-group-04-con .group-image {
        width: 180px;
        height:auto;
        right: 5%;
        bottom: 50px;
    }
	

    .home-group-05 {height: auto; padding: 80px 0 160px;}
    .home-group-05-con {display: flex; flex-direction: column; gap: 80px; padding: 0;}
    .home-group-05-02 {padding: 0 15px;}
    .home-group-05-01 .home-group-title {font-size: 30px; font-weight: 750; margin-bottom: 28px;}
    .home-group-05-01 .group-desc {font-size: 16px;}
    .home-group-05-left, .home-group-05-right {font-size: 20px;}

    .home-group-03-img-top img { width: calc(150% / 7); }
    .home-group-03-img-middle img { width: calc(150% / 7.5); }
    .home-group-03-img-bottom img { width: calc(150% / 8); }

    /* product */
    .product-header-image {max-width: 100% !important;}
    .product-header-text {display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
    .product-header-text .group-desc {font-size: 16px; font-weight: 500; line-height: 25.6px; padding: 0 24px; word-break: keep-all;}
    .product-header-text .group-desc br {display: none;}
    .product-con {display: flex; flex-direction: column; top: 0; height: auto;}
    .product-con-nav {position: relative;z-index: 9; top: 0; height: auto; display: flex; flex-direction: column; padding: 0 24px;background-color: white; z-index: 100; }
    .product-con-nav-ul { display:flex;width: 328px !important; flex-wrap:wrap; background-color:white; width: 370px; gap:24px; padding: 0;}
    .product-con-nav-li {padding-top:28px; padding-bottom:10px }
    .product-con-con {margin-top: 80px; gap: 160px;}
    .product-con-con-child img {max-width: 100%; margin-top: 36px;}
    .product-con-con-child-header-title {font-size: 38px; margin-bottom: 20px; padding: 0 27px; flex-wrap: wrap; gap: 8px !important; align-items: end; display: inline-block; }
    .product-con-con-child-header-des {font-size: 16px; margin-bottom: 32px; padding: 0 27px; word-break: keep-all;}
    .product-con-con-child-header-des br {display: none;}
    .product-con-con-child-header-title svg { transform: translateY(5px);}
    .product-con-con-child-header-title br { display: none !important;}

    .product-banner {height: auto; padding: 80px 0 120px; margin-top: 150px; background-position: center;}
    .product-banner-con {gap: 40px;}
    .product-banner-con-text h3 {font-size: 44px; padding: 0 12px; margin-bottom: 20px;}
    .product-banner-con-text h5 {font-size: 17px; padding: 0 12px; margin-bottom: 20px; word-break: keep-all;}
    .product-banner-con-text h5 br {display: none;}

    .product-child img {max-width: 100%;}
    .product-child-nav {padding: 0 24px; flex-wrap: wrap; font-size: 0; margin-bottom: 80px; width: auto;}
    .product-child-nav-li {flex-wrap: wrap;}
    .product-child-header .product-child-header-text-title {padding: 0 24px;}
    .product-child-header-text-title h3 {font-size: 48px; word-break: keep-all;}
    .product-child-header-text-title h4 {font-size: 36px; word-break: keep-all;}
    .product-child-header-text-title h3 + h4 {margin-top: 16px;}
    .product-child-header-text-desc {line-height: 25.6px; font-size: 16px;}
    .product-child-header-text-desc br { display: none; }
    .product-child-bottom {display: flex; flex-direction: column; gap: 36px; padding: 0 24px;}
    .product-child-bottom .product-child-header-img {margin-top: 0;}
   
    
    .product-child-app {display: flex; flex-direction: column; gap: 48px; margin-top: 100px;}
    .product-child-app .product-child-app-nav {padding-left: 24px;}
    .product-child-app .product-child-app-nav h3 {font-size: 14px;}
    .product-child-app .product-child-app-nav ul {margin-top: 24px;}
    .product-child-app .product-child-app-nav ul > li a {font-size: 20px;}
    .product-child-app .product-child-app-nav ul > li + li {margin-top: 16px;}
    .product-child-app-con {margin-left: 24px; max-width:89vw;}
    /* .product-child-app-con .swiper-slide .slide-overlay {padding: 0;} */
    /* .product-child-app-con .swiper-wrapper {gap: 8px} */
    /* .product-child-app-con .swiper-slide {width: 200px !important; height: 200px;} */
    .product-child-app-con svg {right: 24px; width: 100px; height: 200px; display: none;}

    .product-child-full {margin: 0 0 0 !important; height: auto !important; padding: 80px 0 100px;}
    .product-child-full-text {display: flex !important; flex-direction: column; gap: 20px; padding: 0 24px;}
    .product-child-full-text-01 {font-size: 44px; padding-left: 0; }
    .product-child-full-text-02 {font-size: 16px !important; word-break: keep-all; padding-left: 0;}
    .product-child-full-text-02 br {display: none;}

    .product-child-full-con {margin-top: 0 !important; display: flex !important; flex-direction: column; gap: 32px; padding: 0 16px;}
    .product-child-full-con-child { padding: 0; }
    .product-child-full-text, .product-child-full-con {max-width: calc(100% - 48px) !important; margin-left:12px}
    .product-con-child-nav {padding: 28px 24px 10px;}
    .product-con-child-nav-list {display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 0 !important;}
    .product-con-child-nav-list a {font-size: 18px;}
    .product-con-child-nav-list li {gap: 8px; margin-left: 0;}
    .product-con-child-nav-list li + li {margin: 0 !important;}
    .product-con-child-nav-list .nav-thumb {display: none;}
    .product-con-nav-line { display: none; }
    .product-con-child-nav-list li a { font-size:18px }
    .product-child-header-text-title h3 br,.product-nav-sub a br,.product-con-child-nav-list li a br,
    .product-con-con-child-header-title br { display: flex; }
    .product-nav-title { font-size: 18px ;padding-top: 28px }

    #table-wrapper-1, #table-wrapper-2, #table-wrapper-3, #table-wrapper-4, #table-wrapper-5, #table-wrapper-6,#table-wrapper-7,#table-wrapper-8,#table-wrapper-9 {overflow-x: auto; padding-bottom: 4px; margin-right:10px }
    #table-wrapper-1::-webkit-scrollbar, #table-wrapper-2::-webkit-scrollbar, #table-wrapper-3::-webkit-scrollbar, #table-wrapper-4::-webkit-scrollbar, #table-wrapper-5::-webkit-scrollbar, #table-wrapper-6::-webkit-scrollbar {height: 6px; border-radius: 6px; background: #C5D9FF;}
    #table-wrapper-1::-webkit-scrollbar-thumb, #table-wrapper-2::-webkit-scrollbar-thumb, #table-wrapper-3::-webkit-scrollbar-thumb, #table-wrapper-4::-webkit-scrollbar-thumb, #table-wrapper-5::-webkit-scrollbar-thumb, #table-wrapper-6::-webkit-scrollbar-thumb {border-radius: 6px; background: #011356;}
    #table-wrapper-1 table, #table-wrapper-2 table, #table-wrapper-3 table,#table-wrapper-4 table, #table-wrapper-5 table, #table-wrapper-6 table#table-wrapper-7 table, #table-wrapper-8 table, #table-wrapper-9 table {min-width: max-content; margin-bottom: 0 !important;}

    .prc {display: flex; flex-direction: column; /*margin-top: 100px;*/}
    .prc .product-con-nav {padding: 0; position: sticky; top: 0; border-bottom: 1px solid #DDDDDD; background-color: white; z-index: 9; }
    .prc-con #pc_02 {padding: 80px 0; padding-left: 24px;}
    .prc-con #pc_04 {margin-top: 100px;}
    .prc-con #pc_04 img {max-width: 100%;}
    .prc-con #pc_05 {margin-top: 140px;}
    .prc-con #pc_05 img {max-width: 100%;}
    .prc-con .pc-section {padding-left: 24px;}
    .prc-con .pc-section h1 {font-size: 20px; margin-bottom: 28px;}
    .prc-con .pc-section h2 {font-size: 20px; margin-bottom: 24px;}
    .prc-con .pc-section h3 {font-size: 14px; margin: 48px 0 16px;}
    .prc-con .pc-section h4 {font-size: 30px;}
    .prc-con .pc-section h6 {margin: 16px 0 64px; line-height: 1.5;}
    .prc-con .pc-section p {font-size: 16px; word-break: keep-all; margin-right:10px }
    .prc-con .pc-section p br {display: none;}
    .prc-con .pc-section * + h1 {margin-top: 95px;}
    .prc-con .pc-section * + h2 {margin-top: 80px;}
    .prc-con .pc-section h4 + h1 {margin-top: 95px;}
    .prc-con .pc-section figure + h1 {margin-top: 120px;}
    .prc-con .pc-section figure + h2 {margin-top: 120px;}
    blockquote {font-size: 42px; margin-right:10px !important; word-break: keep-all;}
    blockquote footer {margin: 12px 0 120px !important; line-height: 1.5 !important;}
    .pcd4 {margin-top: 0; padding: 0 24px; display: none; }
    .list-image {height: auto;}

    .prc-con table {min-width: max-content; overflow-x: auto; margin-bottom: 0 !important;}
    .prc-con .gallery-ul {gap: 8px; overflow-x: auto;}
    .prc-con .gallery-ul::-webkit-scrollbar {height: 6px; border-radius: 6px; background: #C5D9FF;}
    .prc-con .gallery-ul::-webkit-scrollbar-thumb {border-radius: 6px; background: #011356;}

    .pc-section h2 em {margin-top: 4px;}

    .custom-list-block {width: 100%;}
    .custom-list-block > ul {display: grid; gap: 16px;}
    .custom-list-block > ul > li {color: #444;}

    table thead tr th {font-size: 14px;}
    table tbody tr td {font-size: 16px;}

    /* r&d */
    .rd-con-01 .rd-con-01-con {padding: 0 24px;}
    .rd-con-01 .rd-con-01-con h2 {font-size: 40px; word-break: keep-all;}
    .rd-con-01 .rd-con-01-con h4 {font-size: 17px; word-break: keep-all; margin-top: 30px;}
    .rd-con-02 { padding: 80px 0 100px; height: auto; gap: 80px;}
    .rd-con-02 .rd-con-02-header {display: flex; flex-direction: column; gap: 20px;}
    .rd-con-02 .rd-con-02-header h2 {font-size: 44px; padding: 0 24px;}
    .rd-con-02 .rd-con-02-header h4 {font-size: 16px; padding: 0 24px;}
    .rd-con-02 .rd-con-02-con {display: flex; flex-direction: column; gap: 32px; padding: 0 15px; max-width: calc(100% - 30px);}
    .rd-con-03 {padding: 80px 0 10px; overflow-x: auto;}
    .rd-con-03::-webkit-scrollbar {height: 6px; border-radius: 6px; background: #C5D9FF;}
    .rd-con-03::-webkit-scrollbar-thumb {border-radius: 6px; background: #011356;}
    .rd-con-03 h3 {font-size: 20px; padding-left: 24px;}
    .rd-con-03 img {min-width: 840px;height: auto;padding-left: 24px;}
    .rd-con-04 {margin-top: 100px; height: auto; padding: 80px 0 100px;}
    .rd-con-04 .rd-con-04-con {display: flex; flex-direction: column; gap: 100px;}
    .rd-con-04 .rd-con-04-con .rd-con-04-con-01 {padding-left: 24px;}
    .rd-con-04 .rd-con-04-con h3 {font-size: 30px;}
    .rd-con-04 .rd-con-04-con h4 {font-size: 20px;}
    .rd-con-04 .rd-con-04-con h5 {font-size: 17px;}
    .rd-con-04 .rd-con-04-con h6 {font-size: 17px;}
    .rd-con-04 .rd-con-04-con .rd-con-04-con-02 {padding: 0 24px;}
    .rd-con-05 {padding: 100px 0 160px;}
    .rd-con-05 > h3 {font-size: 20px; margin-bottom: 50px; padding: 0 24px;}
    .rd-con-05 .rd-con-05-child > h5 {font-size: 20px; padding: 0 24px;}
    .rd-con-05 .rd-con-05-child .rd-con-05-child-con {display: flex; flex-direction: column; gap: 48px;}
    .rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-01 {font-size: 17px; padding: 0 24px;}
    .rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 {padding: 0 24px;}
    .rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 > h5 {font-size: 17px;}
    .rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 .rd-con-05-child-02-group {padding: 20px 24px;}
    .rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 .rd-con-05-child-02-group h5 {font-size: 17px; line-height: 24px;}
    .rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 .rd-con-05-child-02-group h6 {font-size: 14px;}
    .rd-con-06 .swiper-container {height: 300px;}
    .rd-con-06 .swiper-button-prev {left: 24px; width: 22px; height: 42px;}
    .rd-con-06 .swiper-button-next {right: 24px; width: 22px; height: 42px;}
    .rd-con-06 .swiper-button-prev::after {width: 22px; height: 42px;}
    .rd-con-06 .swiper-button-next::after {width: 22px; height: 42px; }
    .rd-con-06 .swiper-pagination {bottom: 24px !important;}
    .swiper-arrow-wrapper { width: 96%; }

    /* company */
    .company {}
    .company-header-text {display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
    .company-header-text .group-desc {font-size: 16px; padding: 0 24px; word-break: keep-all;}
    .company-con-nav,.contact-con-nav {padding: 0 24px; max-width: fit-content; }
    .company-con-nav-list {flex-wrap: wrap; gap: 12px 24px;}
    .company-con-con {margin-top: 80px; gap: 80px;}
    .company-con-01 {margin-bottom: 80px;}
    .company-con-01, .company-con-02 {display: flex; flex-direction: column; gap: 48px;}
    .company-con-01-nav, .company-con-02-nav {font-size: 20px; padding: 0 24px;}
    .company-con-01-con-head {padding: 0 24px;}
    .company-con-01-con-head h3 {font-size: 44px; padding-bottom: 20px;}
    .company-con-01-con-head h5 {font-size: 20px; padding-bottom: 80px;}
    .company-con-01-con-table {display: flex; flex-direction: column; gap: 44px; padding: 0 15px;}
    .company-con-01-con-table-child {padding-left: 16px;}
    .company-con-01-con-table-child h4 {font-size: 20px;}
    .company-con-01-con-table-child h6 {font-size: 16px; word-break: keep-all;}
    .company-con-01-con-table-child h6 br {display: none;}
    .company-con-02-con {display: flex; flex-direction: column; gap: 40px;}
    .company-con-02-con .company-con-02-con-img {padding: 0 24px;}
    .company-con-02-con .company-con-02-con-img img {width: 243px; height: 324px;}
    .company-con-02-con .company-con-02-con-text {padding: 0 24px;}
    .company-con-02-con .company-con-02-con-text-head h4 {font-size: 30px; padding-left: 0;}
    .company-con-02-con .company-con-02-con-text-head h4:nth-child(2) {font-size: 18px;}
    .company-con-02-con .company-con-02-con-text-con h6 {font-size: 17px; margin-top: 48px; padding-left: 0;}
    .company-con-02-con .company-con-02-con-text-con h6 br { display: none; }
    .company-con-02-con-table {display: flex; flex-direction: column; gap: 44px; padding: 0 15px; margin-bottom: 0;}
    .company-con-02-con-table-child {padding-left: 16px;}
    .company-con-02-con-table-child h4 {font-size: 20px;}
    .company-con-02-con-table-child h6 {font-size: 16px; word-break: keep-all;}

    .company-con-con-child {display: flex; flex-direction: column;}
    .company-con-con-child .product-con-child-nav {padding: 0 0 16px;}
    /* .company-con-con-child .product-con-child-nav-list {flex-direction: column; gap: 28px;} */
    .company-con-con-child .product-con-child-nav-list .nav-thumb {display: block; position: absolute; left: -4px;}
    .company-con-child-con {padding: 0 24px; display: flex; flex-direction: column; gap: 100px; margin-bottom: 240px;}
    .company-con-child-con .history-img {height: auto;}
    .company-con-child-con .history-img img {width: 100%;}

    .timeline-image { display: none; }
    #whtgr { display: none; }

    /* location */
    .application-entry {margin: 0 -9px;}
    .application-entry:first-child {margin-top: 80px;}
    .application-entry + .application-entry {margin-top: 0;}
    .application-entry h2 {font-size: 28px; margin-bottom: 20px; padding-left: 9px;}
    .application-entry .application-table {padding-left: 14px; border-spacing: 0 10px;}
    .application-entry .application-table tr td {font-size: 16px; line-height: 22.4px; word-break: keep-all; min-width: 76px; flex-direction: column; align-items: baseline;}
    .application-entry .application-table tr td:first-child {vertical-align: top; margin-right: 12px;}
    .application-entry p {padding-left: 14px; word-break: keep-all;}
    #application-domestic + #application-usa, #application-usa + #application-china {margin-top: 100px;}

    /* affiliate */
    .affiliate-con-child {flex-direction: column; gap: 28px; padding: 0 15px; display: flex;}
    .affiliate-con-child .affiliate-con-child-title h2 {font-size: 28px; padding-left: 9px;}
    .affiliate-con-child .affiliate-con-child-con {padding-left: 14px;}
    .affiliate-con-child .affiliate-con-child-con p {line-height: 24px; word-break: keep-all;}
    .affiliate-con-child .affiliate-con-child-con .affiliate-table {padding-left: 14px; border-spacing: 0 10px; padding: 0;}
    .affiliate-con-child .affiliate-con-child-con .affiliate-table tr td {font-size: 16px; line-height: 22px; word-break: keep-all; min-width: 76px;}
    .affiliate-con-child .affiliate-con-child-con .affiliate-table tr td:first-child {vertical-align: top; min-width: 76px; margin-right: 12px;}
    .affiliate-con-child .affiliate-con-child-con .affiliate-table tr:first-child td:last-child {flex-direction: column; align-items: baseline;}

    /* finance */
    .finance-con > div {padding: 0 24px;}
    .finance-con > div + div {margin-top: 120px;}
    .finance-con .finance-tabs {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 16px; margin: 40px 0 60px;}
    .finance-con h3 {font-size: 28px;}
    .finance-con .btn-black h5 {line-height: 1;}

    .finance-con .search-bar {margin-bottom: 56px;}
    .finance-con .search-bar form {flex-wrap: wrap; display: flex; flex-direction: column; align-items: start;}
    .finance-con .search-bar select {width: 50%;}
    .finance-con .search-bar input[type="text"] {flex: 1; max-width: calc(100% - 117px);}

    .finance-con .announcement-list .announcement-item {padding: 24px; flex-direction: column; align-items: baseline; gap: 24px;}
    .finance-con .announcement-list .announcement-item h3 {margin-bottom: 10px;}
    .finance-con .announcement-list .announcement-item h3 p {font-size: 20px;}
    .finance-con .announcement-list .announcement-item a {padding: 14px 24px;}
    .finance-con .finance-con-03 p {font-size: 20px; word-break: keep-all; margin-bottom: 28px;}
    .finance-con .finance-con-04 {padding: 80px 24px 100px;}
    .finance-con .finance-con-05 h2 p {font-size: 28px; word-break: keep-all;}
    .finance-con .finance-con-05 p {font-size: 17px; word-break: keep-all;}
    .finance-con .finance-con-05 .block-text-22-bold {margin-top: 80px;}
    .finance-con .finance-con-05 .block-text-22-bold p {font-size: 20px; font-weight: 650; color: #011356;}
    .finance-con .finance-con-05 .numbered-section h3 p {font-size: 20px;}
    .finance-con .finance-con-06 {margin-top: 100px; display: flex; flex-direction: column; gap: 40px;}
    .finance-con .finance-con-06 {padding: 0 15px;}
    .finance-con .finance-con-06 .finance-con-06-01 {padding-left: 9px;}
    .finance-con .finance-con-06 .finance-con-06-02 {padding-left: 16px;}

    .finance-con-child {overflow-x: auto;}
    .finance-con-child::-webkit-scrollbar {height: 6px; border-radius: 1px; background: #C5D9FF;}
    .finance-con-child::-webkit-scrollbar-thumb {border-radius: 1px; background: #011356;}
    .finance-con-child table {min-width: fit-content;}

    /* sustainbility */
    .sustainability-con-01 {margin-top: 120px;}
    .sustainability-con-01-01 {padding: 0 24px; margin-bottom: 0;}
    .sustainability-con-01-01 h3 {font-size: 40px; word-break: keep-all;}
    .sustainability-con-01-01 h5 {font-size: 16px; word-break: keep-all; margin-top: 28px;}
    .sustainability-con-01-02 {margin-top: 200px; display: flex; flex-direction: column; gap: 48px; padding: 0 24px;}
    .sustainability-con-01-02 .sustainability-con-01-02-title {padding-left: 0;}
    .sustainability-con-01-02-con,.sustainability-con-01-02 { position: relative; z-index: 99;}
    .sustainability-con-01-02 .sustainability-con-01-02-con .section {padding: 0;}
    .sustainability-con-01-02 .sustainability-con-01-02-con .section.direction-section .direction, .sustainability-con-01-02 .sustainability-con-01-02-con .section.task-section .tasks{overflow-x: auto; padding-bottom: 40px; scrollbar-width: none; overflow-y: scroll; z-index: 103;}
    /* .sustainability-con-01-02 .sustainability-con-01-02-con .section.direction-section .direction::-webkit-scrollbar, .sustainability-con-01-02 .sustainability-con-01-02-con .section.task-section .tasks::-webkit-scrollbar {width: 6px; height: 6px; border-radius: 6px; background: #E1E1E1;}
    .sustainability-con-01-02 .sustainability-con-01-02-con .section.direction-section .direction::-webkit-scrollbar-thumb, .sustainability-con-01-02 .sustainability-con-01-02-con .section.task-section .tasks::-webkit-scrollbar-thumb {border-radius: 6px; background: #011356;} */
    .sustainability-con-01-02 .sustainability-con-01-02-con .section:last-child .tasks {padding-bottom: 0;}
    .sustainability-con-01-02-con .direction-section .direction {gap: 8px;}
    .sustainability-con-01-02-con .direction-item {min-width: 212px;}
    .sustainability-con-01-02-con .task-section .tasks {gap: 8px;}
    .sustainability-con-01-02-con .task-section .tasks .task {min-width: 212px;}
    .sustainability-con-01-02-con .task-section .tasks .task ul > li {font-size: 16px;}
    .sustainability-con-01-02-con .vision-section .vision {padding: 12px 40px;}
    .sustainability-con-02 {height: auto; position: relative;}
    .sustainability-con-02::before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0;}
    .sustainability-con-02 .sustainability-con-02-con {padding: 64px 0 48px;}
    .sustainability-con-02 .sustainability-con-02-con-sma {transform: unset !important; z-index: 1; padding: 0 24px; font-size: 20px; font-weight: 650; color: #fff; line-height: 1;}
    .sustainability-con-02 .sustainability-con-02-con .sustainability-con-02-con-title {font-size: 54px; padding: 0 24px; margin-top: 285px;}
    .sustainability-con-02 .sustainability-con-02-con .sustainability-con-02-con-desc {font-size: 16px; line-height: 26px; padding: 0 24px;}
    .sustainability-con-02 .sustainability-con-02-con .sustainability-con-02-con-desc br {display: none;}
    .sustainability-con-02 .sustainability-con-02-con .btn-white {margin: 0 24px; width: 100%; word-break: keep-all; max-width: -webkit-fill-available; align-items: end;}
    .sustainability-con-02 .sustainability-con-02-con .btn-white svg {padding-bottom: 3px;}
    .sustainability-con-03 .sustainability-con-03-con {padding-top: 114px;}
    .sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-01 {font-size: 40px; word-break: keep-all; padding: 0 24px;}
    .sustainability-con-03 .sustainability-con-03-con p {padding: 0;}
    .sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 {margin-top: 80px;}
    .sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 h5 {padding: 0 24px;}
    .sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con {padding: 0 15px; display: flex; flex-direction: column; gap: 36px;}
    .sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con .sustainability-con-03-con-02-con-child {padding-left: 16px;}
    .sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con h4 p {font-size: 20px;}
    .sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con h3 p {font-size: 30px;}
    .sustainability-con-04 {height: 800px; background-repeat: no-repeat; background-size: cover; padding: 0 24px; position: relative; margin-top:24px;}
    .sustainability-con-04::before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0;}
    .sustainability-con-04 .sustainability-con-02-con {padding: 100px 0 0;}
    .sustainability-con-04 .sustainability-con-02-con .sustainability-con-02-con-title {font-size: 40px; padding-left: 0;}
    .sustainability-con-04 .sustainability-con-02-con .sustainability-con-02-con-desc {font-size: 16px; padding-left: 0; line-height: 26px;}
    .sustainability-con-05 {margin-top: 0px;}
    .sustainability-con-05 .sustainability-con-05-con .sustainability-con-05-con-title h2 {font-size: 40px; line-height: 52px; word-break: keep-all; padding: 0 24px;}
    .sustainability-con-05 .sustainability-con-05-con .sustainability-con-05-con-title h5 {font-size: 16px; line-height: 26px; word-break: keep-all; margin-top: 28px; padding: 0 24px;}
    .sustainability-con-05 .sustainability-con-05-con .sustainability-con-05-con-title h5 br {display: none;}
    .sustainability-con-05 .sustainability-con-05-con p {padding: 0;}
    .sustainability-con-05 .sustainability-con-05-con-gal .slider {padding-left: 14px; height: 370px;}
    .sustainability-con-05 .sustainability-con-05-con-gal .slider .slide {min-width: 66.66%;}
    .sustainability-con-06 {margin-top: 160px; padding: 0 24px; height: auto;position: relative;}
    .sustainability-con-06::before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0;}
    .sustainability-con-06 .sustainability-con-06-con {display: flex; flex-direction: column; gap: 80px; padding: 80px 0 160px;}
    .sustainability-con-06 .sustainability-con-06-con .sustainability-con-06-con-01 {font-size: 30px; line-height: 40px; padding: 0; word-break: keep-all;}
    .sustainability-con-06 .sustainability-con-06-con .sustainability-con-06-con-02 .btn-white {max-width: 100%; margin: 0;}
    .sustainability-con-05 .sustainability-con-05-con-gal {margin: 80px 16px;padding: 0;width: unset; }
    .sustainability-con-06-con-01 p br {display: none;}
    .sustainability-con-40 {height: 800px; background-repeat: no-repeat; background-size: cover; padding: 0 24px; position: relative;}
    .sustainability-con-40::before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0;}
    .sustainability-con-40 .sustainability-con-40-con {padding: 100px 0 0;}
    .sustainability-con-40 .sustainability-con-40-con .sustainability-con-40-con-title {font-size: 40px; padding-left: 0;}
    .sustainability-con-40 .sustainability-con-40-con .sustainability-con-40-con-desc {font-size: 16px; padding-left: 0; line-height: 26px;}

    .sustainability-con-40 .sustainability-con-40-con .sustainability-con-40-con2 {
        max-width: 100%;
        bottom: 200px; /* 모바일에서 텍스트 위치 조정 */
    }
    .sustainability-con-40 .sustainability-con-40-con .sustainability-con-40-overlay-image {
        width: 200px;
        height:auto;
        right: 5%;
        bottom: 150px;
    }

    /* management-policy */
    .sustainability-child {margin: 107px 0 200px;}
    .sustainability-child .sustainability-child-header {margin-top: 120px; padding: 0 24px;}
    .sustainability-child .sustainability-child-header h1 {font-size: 54px; line-height: 62px;}
    .sustainability-child .sustainability-child-header h4 {font-size: 16px; line-height: 26px; word-break: keep-all;}
    .sustainability-child .sustainability-child-header h4 br {display: none;}
    .sustainability-child .sustainability-child-con {display: flex; flex-direction: column; gap: 48px; margin-top: 160px;}
    .sustainability-child .sustainability-child-con .sustainability-child-con-title {width: 100%; max-width: calc(100% - 48px); font-size: 28px; padding: 0 24px;}
    .sustainability-child .sustainability-child-con .sustainability-child-con-title h4 {font-size: 17px; margin-top: 20px;}
    .sustainability-child .sustainability-child-con .sustainability-child-con-con {padding: 0 24px;}
    .sustainability-child .sustainability-child-con .sustainability-child-con-con ul > li {font-size: 17px;}
    .sustainability-child .sustainability-child-con .sustainability-child-con-con h6 {line-height: 26px;}

    /* fair-trade */
    .sustainability-child .fair-trade {margin-top: 115px; padding: 0 24px;}
    .sustainability-child .fair-trade h1 {font-size: 40px; line-height: 52px; margin-bottom: 30px;}
    .sustainability-child .fair-trade h1 br {display: none;}
    .sustainability-child .fair-trade h5 {font-size: 17px; line-height: 27px; margin: 0;}
    .sustainability-child .fair-trade h5 br {display: none;}
    .sustainability-child .fair-trade .fair-trade-btn {flex-direction: column; gap: 16px; }
    .sustainability-child .fair-trade .fair-trade-btn a {max-width: 243px;}
    .sustainability-child .fair-trade .fair-trade-btn a h5 {font-size: 16px;}
    
    /* feedback-and-grievance */
    .company-nav-list {flex-wrap: wrap;}
    .company-nav-list .company-nav-title a {font-size: 16px;}
    .sustainability-child .feedback {margin-top: 115px;}
    .sustainability-child .feedback .feedback-header {font-size: 40px; line-height: 52px; word-break: keep-all; margin-bottom: 200px; padding: 0 24px;}
    .sustainability-child .feedback .feedback-header br {display: none;}
    .sustainability-child .feedback .feedback-01 {padding: 0 13px; grid-template-columns: 1fr 1fr; grid-template-areas: 'one one' 'two three' 'four five'; row-gap: 36px;}
    .sustainability-child .feedback .feedback-01 .feedback-01-title {padding: 0 12px; grid-area: one; margin-bottom: 12px;}
    .sustainability-child .feedback .feedback-01 .feedback-01-child {padding-left: 16px;}
    .sustainability-child .feedback .feedback-01 .feedback-01-child:nth-child(2) {grid-area: two;}
    .sustainability-child .feedback .feedback-01 .feedback-01-child:nth-child(3) {grid-area: three;}
    .sustainability-child .feedback .feedback-01 .feedback-01-child:nth-child(4) {grid-area: four;}
    .sustainability-child .feedback .feedback-01 .feedback-01-child:nth-child(5) {grid-area: five;}
    .sustainability-child .feedback .feedback-01 .feedback-01-child h3 {font-size: 28px;}
    .sustainability-child .feedback .feedback-01 .feedback-01-child ul {margin-top: 10px;}

    .sustainability-child .feedback .feedback-02 {display: flex; flex-direction: column; gap: 28px; margin-top: 160px; padding: 0 24px;}
    .sustainability-child .feedback .feedback-02 .feedback-02-title h3 {font-size: 20px; padding-left: 0;}
    .sustainability-child .feedback .feedback-02 .feedback-02-child {max-width: 100%; padding-left: 0;}
    .sustainability-child .feedback .feedback-02 .feedback-02-child > ul > li {font-size: 17px; line-height: 27px; margin-left: 24px;}
    .sustainability-child .feedback .feedback-03 {display: flex; flex-direction: column; gap: 28px; padding: 0 24px;}
    .sustainability-child .feedback .feedback-03 .feedback-03-title h3 {font-size: 20px; padding-left: 4px;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form {max-width: calc(100% - 40px); margin: 0; padding: 32px 20px;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-cate {grid-template-columns: 1fr; gap: 0;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree {flex-direction: column; gap: 40px;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree input[name="agreement"] {width: 18px; height: 18px; transform: translateY(2px);}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree input[name="agreement"]:checked::before {width: 10px; height: 10px;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree .form-agree {align-items: flex-start; gap: 6px;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree .form-agree .form-group-agree-text {letter-spacing: -0.9px; font-weight: 450;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group.col-fo {gap: 10px;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group.col-fo .custom-checkbox {width: 18px; height: 18px; position: relative; margin-right: 6px;}
    .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group.col-fo .custom-checkbox:checked::before {width: 10px; height: 10px;}

    /* corporate-governance */
    .cg {grid-template-columns: 1fr; margin-top: 86px;}
    .cg .product-con-child-nav {padding: 0;}
    .cg-con {margin-top: 48px; overflow: hidden;}
    .cg-con > div {padding-left: 0;}
    .cg-con table {min-width: max-content; width: 100%;}
    .cg-con .numbered-section {margin-bottom: 24px;}
    .cg-con .cg-con-01-graph {padding-left: 0; grid-template-columns: 1fr; gap: 80px; max-width: 100%;}
    .cg-con-01-graph canvas {width: 70vw !important; height: 70vw !important; margin: 0 auto;}
    .cg-con .cg-con-01-graph .graph-label {margin: 0; padding: 0 15px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 0;}
    .cg-con .cg-con-01-graph .graph-label .label-item {flex-direction: column; gap: 16px; padding-left: 9px;}
    .label-item h1 {font-size: 30px;}
    .cg-con .cg-con-01-btn {padding: 0 24px; margin-top: 80px;}
    .cg-con .cg-con-02 {padding: 0 24px;}
    .cg-con .cg-con-02 h3 {font-size: 20px;}
    .cg-con .shareholder-meeting h2 p {font-size: 20px;}
    .cg-con .shareholder-meeting ul > li {font-size: 17px; line-height: 24px; word-break: keep-all;}
    .cg-con .shareholder-meeting ul > li::before {top: 8px; left: 2px;}
    .cg-con-01-btn a {width: auto !important;}
    .cg-con-02-table-02 {max-width: 710px; overflow-x: auto; padding-bottom: 4px;}
    .cg-con-02-table-02::-webkit-scrollbar {height: 4px; border-radius: 1px; background: #C5D9FF;}
    .cg-con-02-table-02::-webkit-scrollbar-thumb {border-radius: 1px; background: #011356;}
    .cg-con-02-table-03 {max-width: 710px; overflow-x: auto; padding-bottom: 4px;}
    .cg-con-02-table-03::-webkit-scrollbar {height: 4px; border-radius: 1px; background: #C5D9FF;}
    .cg-con-02-table-03::-webkit-scrollbar-thumb {border-radius: 1px; background: #011356;}

    /* product-inquiry */
    .contact-con .contact-con-child {margin-top: 80px}
    .contact-con .contact-con-child .contact-con-child-con {grid-template-columns: 1fr; gap: 40px; padding: 0 15px;}
    .contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con {display: flex; flex-direction: column; gap: 64px;}
    .contact-con .contact-con-child .contact-con-child-con:nth-child(2) .contact-con-child-con-con {grid-template-columns: 1fr; gap: 64px;}
    .contact-con .contact-con-child .contact-con-child-con:nth-child(2) .contact-con-child-con-con .contact-con-child-con-con-child table tr:first-child td:last-child {display: inline; flex-direction: column; align-items: baseline; gap: 10px; word-break: keep-all;}
    .contact-con .contact-con-child .contact-con-child-con + .contact-con-child-con {margin-top: 160px;}
    .contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child {padding-left: 16px;}
    .contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child h2 {font-size: 28px;}
    .contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child p {font-size: 16px; word-break: keep-all;}
    .contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child table tr td:first-child {min-width: 64px;}
    .contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child table tr td:last-child {word-break: break-all;}
    .contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-title {font-size: 20px; line-height: 1.2; padding-left: 9px;}
    .contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-title br {display: none;}

    /* business-inquiry */
    .contact-con .contact-con-nav {padding: 0 24px;}
    .contact-con .contact-con-child .contact-con-business {grid-template-columns: 1fr; gap: 64px; padding: 0 15px;}
    .contact-con .contact-con-child .contact-con-business .business-con-child {padding-left: 16px;}
    .contact-con .contact-con-child .contact-con-business .business-con-child h2 {font-size: 28px;}

    /* e-business */
    .ebusiness {height: 100% !important;}
    .ebusiness-header .ebusiness-header-text {position: relative; z-index: 1; padding: 310px 0 48px;}
    .ebusiness-header .ebusiness-header-text .group-heading {font-size: 40px; font-weight: 700; line-height: 52px; word-break: keep-all; padding: 0 24px;}
    .ebusiness-header .ebusiness-header-text a {padding: 0; margin: 32px 24px 0; max-width: 210px; line-height: 1;}
    .ebusiness-header .ebusiness-header-text a h3 {font-size: 16px;}
    .ebusiness-header-image {height: 100% !important; position: absolute; top: 0;}
    .ebusiness-header-image img {object-position: 58%;}
    .ebusiness .contact-con-nav { padding-left:51px !important}
    .ebusiness, .ebusiness-header { height: 95vh !important}

    /* how-we-work */
    .careers-con {margin: 80px 0 240px !important;}
    .careers-con .hww-01 {grid-template-columns: 1fr; gap: 80px; padding: 0 26px;}
    .careers-con .hww-01-01 {font-size: 36px; line-height: 46px; word-break: keep-all; padding-left: 12px;}
    .careers-con .hww-01-02 {gap: 36px;}
    .careers-con .hww-01-02 .hww-01-02-child {padding-left: 16px;}
    .careers-con .hww-01-02 .hww-01-02-child h3 {font-size: 30px;}
    .careers-con .hww-01-02 .hww-01-02-child h5 {font-size: 17px; word-break: keep-all;}
    .careers-con .hww-01-02 .hww-01-02-child h3 + h5 {margin-top: 16px;}
    .careers-con > div + div {margin-top: 140px;}
    .careers-con .hww-02 {grid-template-columns: 1fr; gap: 48px; padding: 0 24px; margin-top: 160px !important;}
    .careers-con .hww-02 .hww-02-01 {font-size: 20px; padding-left: 0;}
    .careers-con .hww-02 .tabs {padding: 0;}
    .careers-con .hww-02 .tabs .tab-nav {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 17px;}
    .careers-con .hww-02 .tabs .tab-nav li {text-align: center;}
    .careers-con .hww-02 .tabs .tab-content .tab {display: block;}
    .careers-con .hww-02 .tabs .tab-content .tab-section h2 {font-size: 20px;}
    .careers-con .hww-02 .tabs .tab-content .tab-section .tab-content-body > ul > li {font-size: 17px; line-height: 24px; word-break: keep-all;}
    .careers-con .hww-02 .tabs .tab-content .tab-section + .tab-section {margin-top: 16px;}

    /* life-at-tcc */
    .careers-con.life .hww-01 {grid-template-columns: 1fr; gap: 40px;}
    .careers-con.life .hww-01-01 {font-size: 20px; padding: 0;}
    .careers-con.life .hww-01-02 > ul {padding-left: 0; gap: 16px !important;}
    .careers-con.life .hww-01-02 > ul > li {font-size: 24px; line-height: 33.6px;}
    .careers-con.life .hww-01-02 > ul > li .number-box {width: 22px; height: 22px; font-size: 14px; margin-right: 0; transform: translateY(-3px);}
    .careers-con.life .hww-01 + .hww-01 {margin-top: 140px !important;}
    .careers-con.life .hww-02 .hww-02-02 .welfare-benefits {padding: 0; gap: 60px;}
    .careers-con.life .hww-02 .hww-02-02 .welfare-item {gap: 16px;}
    .careers-con.life .hww-02 .hww-02-02 .welfare-item .welfare-item-content .welfare-item-index {width: 22px; height: 22px; font-size: 14px; transform: unset;}
    .careers-con.life .hww-02 .hww-02-02 .welfare-item .welfare-item-content .welfare-item-details h2 p {font-size: 24px;}
    .careers-con.life .hww-02 .hww-02-02 .welfare-item .welfare-item-content .welfare-item-details p {font-size: 17px; line-height: 25px; word-break: keep-all; transform: translateX(-34px);}
    .welfare-item-image img {border-radius: 6px; min-height: 200px;}

    /* how-to-apply */
    .hta-full-con {padding: 80px 0 100px !important;}
    .hta-full .htp-02 {grid-template-columns: 1fr; gap: 58px;}
    .hta-full .search-bar {margin-bottom: 56px;}
    .hta-full .search-bar form {flex-direction: column; align-items: baseline;}
    .hta-full .search-bar .input-wrap {width: 100%;}
    .hta-full .search-bar input[type="text"] {max-width: 100%;}
    .hta-full .htp-02 .htp-02-01 {padding: 0 24px;}
    .hta-full .htp-02 .htp-02-02 {padding: 0 24px;}
    .hta-full .htp-02 .htp-02-02 .selected-category {min-width: 152px;}
    .hta-full .htp-02 .htp-02-02 .category-list {width: 100%;}
    .hta-full .search-bar button {max-width: fit-content; padding: 0 14.5px;}
    .hta-full .htp-02 .htp-02-02 .recruitment-item {padding: 24px; align-items: flex-end;}
    .hta-full .htp-02 .htp-02-02 .recruitment-item .recruitment-item-txt h3 p {font-size: 20px;}
    .hta-full .htp-02 .htp-02-02 .recruitment-item .recruitment-item-txt p {font-size: 17px;}
    .htp-max .htp-03 .htp-03-01 p {font-size: 20px;}
    .htp-max .htp-03 .htp-03-02 .faq-list .faq-item .faq-question h3 {font-size: 20px;}
    .htp-max .htp-03 .htp-03-02 .faq-list .faq-item .faq-answer p {font-size: 17px; line-height: 27.2px;}
    .htp-max {padding: 100px 0 240px;}
    .htp-max .htp-03 {grid-template-columns: 1fr; gap: 40px; padding: 0 24px;}
    .htp-max .htp-03 .htp-03-01 {padding: 0;}
    .htp-max .htp-03 .htp-03-02 {padding: 0;}
    .careers-con.htp {margin: 80px 0 100px !important;}
    .careers-con .htp_01_01 {gap: 72px !important;}
    .careers-con .htp_01_01 > p {padding: 0 24px !important; font-size: 20px;}
    .careers-con .htp_01_02 {padding-left: 15px;}
    .careers-con .htp_01_02 > ul {grid-template-columns: repeat(2, 1fr); gap: 48px 0; width: 92vw;}
    .careers-con .htp_01_02 > ul > li {padding-left: 16px; color: #000722; line-height: 41.6px;}
    .careers-con .htp-02 {margin-top: 100px; padding: 80px 0 100px; grid-template-columns: 1fr;}
    .careers-con .htp-02 .htp-02-01 {font-size: 20px; padding-left: 24px;}
    .careers-con.htp .htp-02 .htp-02-02 {margin-top: 68px; padding: 0 24px;}
    .careers-con .search-bar {margin-bottom: 56px;}
    .careers-con .search-bar form {flex-wrap: wrap;}
    .careers-con .search-bar select {width: 50%;}
    .careers-con .search-bar input[type="text"] {flex: 1; max-width: calc(100% - 117px);}
    .careers-con .htp-02 .htp-02-02 .recruitment-item {padding: 24px; align-items: end;}
    .careers-con .htp-03 {margin-top: 100px; grid-template-columns: 1fr; gap: 40px;}
    .careers-con .htp-03 .htp-03-01 {padding: 0 24px;}
    .careers-con .htp-03 .htp-03-01 p {font-size: 20px;}
    .careers-con .htp-03 .htp-03-02 {padding: 0 24px;}
    .careers-con .htp-03 .htp-03-02 .faq-list .faq-item .faq-question h3 {font-size: 20px;}
    .careers-con .htp-03 .htp-03-02 .faq-list .faq-item .faq-answer p {font-size: 17px; line-height: 27px; word-break: keep-all;}

    /* how-to-apply detail */
    .modal-content {border-radius: 8px 8px 0 0 !important;    width: 94%;}
    .f-modal-02-con { padding: 0; }
    .modal-content .close-modal, .close-modal-02 { right: 9px; }
    .modal-content .close-modal {top: 16px; right: 14px;}
    .modal-con-con {padding: 64px 24px 0; grid-template-columns: 1fr !important; gap: 40px;}
    .modal-con-con-left h3 {font-size: 28px; line-height: 36px; word-break: keep-all;}
    .modal-con-con-left p {font-size: 16px; color: #444;}
    .modal-con-con-left h3 + p {margin-top: 16px;}
    .modal-con-con-left .fair-trade-btn {margin-top: 40px; width: 100%; max-width: 243px;}
    .modal-con-con-left .fair-trade-btn a {width: 100%;}
    .modal-con-con .modal-con-con-left {padding-right: 0;}
    .modal-con-con-right {padding-right: 4px;}
    .modal-con-con-right::-webkit-scrollbar {width: 4px; border-radius: 1px; background: #C5D9FF;}
    .modal-con-con-right::-webkit-scrollbar-thumb {border-radius: 1px; background: #011356;}

    .footer-menu-child:nth-child(even) { padding-left:12px }

    .company-con-02-con-table-child br { display: none;}

    .nav-con { overflow-y: scroll; height: 79px;}
    .company-con-nav, .contact-con-nav { overflow-y: scroll;width: 700px; padding:0 5px; }
    .company-con-nav-list,.product-con-child-nav-list { width: 550px;overflow-y: scroll;      transform: translateY(6px);   }
    .company-con-nav-list a.active::after { display: none;}
    .company-con-nav-list {
        display: flex;
        align-items: end;border-radius: 0 !important;}
    .company-con-nav-list { padding: 32px 0 12px 12px;}
    .unit { right: 10px;position: relative;}

    .rd-con .rd-con-01{     padding-left: 10px;display: flex;align-items: center;}
    .rd-con .rd-con-03 img { padding-right: 19px; }
    .rd-con-03 { width: 98%;}

    .company-m-con-image img { margin-bottom:10px }
    .rd-con .rd-con-01, .rd-con .rd-con-03, .rd-con .rd-con-05 {
        max-width: unset !important;margin: 0 !important; width: unset !important;
    }
    .sustainability-con-05-con-title { width: 100%;}
    .swiper-slide img { width: 100% !important; }

    .product-nav-title.highlight::after {content: "";display: block;width: 100%;height: 2px; background-color: #011356; /* 밑줄 색상 */
        transform: translateY(9px);animation: underline-appear 0.3s ease-in-out;
    }
    .product-con-nav { border-bottom: 1px solid #DDDDDD;}
    .pc-section figure { margin-right:11px }

    .f-modal-01 .container .stock-header .sh-con { grid-template-columns: 1fr ;}
    .f-modal-01 .container .tab-container .tab { padding: 16px;}

    .f-modal-01 .container .stock-header .sh-con .stock-info { display: flex; flex-direction: column;}
    .f-modal-01 .container .tab-container { display: grid; grid-template-columns: 1fr 1fr; }
    .f-modal-01 .container .tab-container .tab { display: flex; justify-content: center;}
    .f-modal-01 .container { padding: 0 28px; }
    .f-modal-01 .container .tab-content { overflow-y: scroll;}
    .sh-top { display: flex; flex-direction: column; gap: 16px;}
    .f-modal-01 .container .tab-content .info-table { width:630px ;}
    #daily-stats .info-table { width: 830px;}
    .fcif {width: 100%; height:55vh;}
}


@media (max-width: 450px) and (orientation:portrait) {
    .home-group-02-01-m { height:630px; margin-bottom:5rem }
    .home-group-02-02-m { height:108vh }
    .pc-section figure {
        margin-right: 15px;
    }
}

@media (min-width: 450px) and (max-width: 1244px) and (orientation:portrait) {
    .company-con-nav, .contact-con-nav { width: 100%; max-width: unset; }
    .company-con-nav-list { width: 100%; }
    .company-con-nav, .contact-con-nav { padding:0 24px }
    .product-header-text .group-desc { padding:0 29px }
    .home-group-02-02-m { display: none;}
    .home-group-02-01-m { display: none; }
    
    .home-group-02-02-f { display: flex; right:0; position: relative;height: 96vh; }
    .home-group-02-01-f { display: flex; position: relative;height: 69vh; right: 1rem; }
    .home-group-02-02-01 { height: auto; margin-bottom: 140px; margin-top: -150px;}

    .cg-con .cg-con-01-graph .graph-label { gap: 40px 16px}
    .cg-con-02,.cg-con-02-table-02,.cg-con-02 .cg-t-con,.cg-con-02-table-03 { max-width: 100vw;}
    .header-group {         grid-template-columns: 8fr 1fr;}
    .product-child-app-con {margin-left: 24px;max-width: 92vw;}
    .ebusiness-header .group-heading p { word-break: break-all !important;}
}

@media (min-width: 450px) and (max-width: 768px) and (orientation:portrait) {
    .home-group-02-02-f { display: flex; right:0; position: relative;height: 96vh; }
    .home-group-02-01-f { display: flex; position: relative;height: 89vh; right: 1rem; }
    .home-group-02-02-01 { height: auto; margin-bottom: 140px; margin-top: -150px;}
    .home-group-02-01-02 { margin-top: -10vh; margin-bottom: 100px;}

    .pc-section figure {         margin-right: 16px;}

}

@media (min-width: 768px) and (max-width: 1270px) and (orientation:portrait) {
    .home-group-02-02-f { display: flex; right:0; position: relative;height: 96vh; }
    .home-group-02-01-f { display: flex; position: relative;height: 87vh; right: 1rem; }
    .home-group-02-02-01 { height: auto; margin-bottom: 140px; margin-top: -150px;}
    .home-group-02-01-02 { margin-top: -10vh;}

    .sustainability-con-01-01 h3 br { display: none; }

    .cg-con-01-graph canvas { width:444px !important;height: 444px !important;}
    .cg-con-02,.cg-con-02-table-02,.cg-con-02 .cg-t-con,.cg-con-02-table-03 { max-width: 100vw;}
    .cg-con .cg-con-01-graph { grid-template-columns: 2.8fr 1fr;        gap: 20px; max-width: 100%;margin: 0 0 0 27px;}
    .cg-con .cg-con-01-graph .graph-label { display: flex; flex-direction: column;}
    .pc-section figure {margin-right: 15px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    /* 768px 이상 1024px 이하일 때의 스타일 */
}