@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);

:root {
    --background-color: #fff; 
    --text-color: #000;

    --font-family-kr: 'Pretendard Variable', sans-serif;
    --font-family-en: 'Inter', sans-serif;
    --font-family-cn: 'Noto Sans SC','Inter' sans-serif;
}

html { background-color: white; }

a { text-decoration: none; cursor: pointer; }
ul, li { list-style: none; margin: 0; padding: 0;}
p { padding: 0; margin: 0; }
.active { color: #011356 !important; font-weight: 650 !important;}
.svg-fill { fill:#444444 }
.svg-stroke { stroke:black }
.header-logo .svg-fill { fill:black }
.home-ul .svg-fill { fill: white !important; }
.home-ul li:hover .svg-fill { fill: #011356 !important;}
.btn-white { position: relative;z-index: 99; margin: 0 13px;width: 221px; height: 48px; display: flex;justify-content: space-between;border: 1px solid white;align-items: center;border-radius: 5px; }
.btn-white h3 { font-family: 'Inter';font-weight: 650; padding-left: 1rem; font-size: 16px;color: white; }
.btn-white svg { padding-right: 1rem } 
.btn-white:hover { /*border: 1px solid #011356;*/ transition: 0.5s; background: #fff; }
.btn-white:hover h3,.btn-white:hover h5 { color: #011356; }
.btn-white:hover .svg-fill { fill: #011356 !important; }
.btn-black { position: relative;z-index: 99;margin: 0 13px;width: 218px; height: 48px; display: flex;justify-content: space-between;border: 1px solid #444444;align-items: center;border-radius: 5px; }
.btn-black h3 { font-family: 'Inter';font-weight: 650; padding-left: 1rem; font-size: 16px; color: #011356;}
.btn-black h5 { font-family: 'Inter';font-weight: 650; padding-left: 1rem; font-size: 16px; color: #011356; text-transform: capitalize;}
.btn-black svg { padding-right: 1rem }
.btn-black:hover { transition: 0.5s;background-color: #011356;border:1px solid #011356 }
.btn-black:hover h3,.btn-black:hover h5 { color: #fff; }
.btn-black:hover .svg-stroke {stroke: white;}
.btn-black:hover .svg-fill { fill: #fff !important; }
.fair-trade-btn a .svg-fill {fill: #011356;}
.fair-trade-btn a:hover .svg-fill { fill: #fff !important; }
.split-hover {position: relative;display: inline-block;overflow: hidden;padding-bottom: 2px;}
.split-hover::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px; background-color: transparent;transform: translateX(-100%);transition: transform 0.3s ease-in-out;}
.split-hover:hover::after {transform: translateX(0);}

.menu-open-con { overflow-y:scroll;margin-bottom:30px;}
.mcfc { position: relative; z-index: -9 !important;}

#globe { display:none }
.page-nav-m { display: none; }

body { /*background-color: var(--background-color);*/color: var(--text-color); margin: 0; padding: 0; overflow-x: hidden; letter-spacing: -0.1px;}
header { width: 100%; position: fixed; top: 0;left: 0;right: 0;transition: transform 0.5s ease;  z-index: 999; height:80px; border-bottom: 1px solid #aaaaaa25; background-color: white;}
header:not(.hidden) {background-color: #fff;}
.header-con { max-width: 1226px; margin: 0 auto; display: grid; grid-template-columns:1fr 1.15fr; padding: 0 24px; }
header.hidden {transform: translateY(-102%);}
.header-logo {height:80px; margin-left: 13px; display: flex;align-items: center; }
.header-logo a svg {     transform: translateY(3px);}
.header-group { display: grid;grid-template-columns: 6fr 1fr 1fr;gap: 0;align-items: end;}
.head-menu { display: flex;width: 100%;justify-content: end; transform: translateY(5px); font-family: 'Inter', sans-serif;}
.head-menu a { color: #848484; padding-bottom: 18px; }
.head-lang { display: flex;width: 100%;justify-content: end;font-size: 18px;z-index: 99;height: 80px;align-items: end;transform: translateY(-18px) translateX(11px); }
.head-ham { display: flex;width: 100%;justify-content: end;transform: translateY(-5px);}
.head-menu ul { display: grid; grid-template-columns: 1fr 1fr 1fr; list-style: none;font-size: 18px; display: flex; gap:32px; }
.custom-select {position: relative;cursor: pointer;}
.selected-language {display: flex;align-items: center; justify-content: space-between; gap: 10px; }
.dropdown-options { position: absolute;width: fit-content;z-index: 1;background-color: white;flex-direction: column;padding: 17px 16px;
    text-align: center;align-items: center;margin-top: 20px;gap: 20px;color: #848484;border-radius: 4px; left: 28%; transform: translateX(-50%);}
.dropdown-options .dropdown-option {font-size: 18px; font-weight: 450; color: #848484;}
.dropdown-options .dropdown-option:hover {color: #011356; }
.arrow { display: flex; align-items: center; transition: transform 0.4s ease;}

.selected-language:hover .arrow {transform: rotate(180deg);  }
.selected-language.active .arrow {transform: rotate(180deg); }
.selected-language:hover .svg-stroke { stroke: #000; transition: stroke 0.4s ease;}


.menu-open { background-color: #000722; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 998; display: none; flex-direction: column;}
.menu-open-con { max-width: 1226px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 3fr 2fr; margin-top: 12vh;height: 100%; }
.menu-open-child h3 { font-size: 32px; color: white; }
.menu-open-child ul li a { font-size: 22px; color: white; }
.menu-open-child { padding-left:10px; font-family: 'Inter'; }
.menu-oepn-footer { max-width: 1226px; margin: 0 auto; width: 100%; color: white; font-size: 14px;margin-bottom: 20px; }
.menu-oepn-footer h3 { padding-left:10px; font-weight: normal; }
.menu-list { display: none; opacity: 0;max-height: 0;overflow: hidden;transition: all 0.4s ease;}
.menu-list.open { display: block; opacity: 1; max-height: 400px; /* Adjust as per the content */}
.menu-icon {transition: transform 0.4s ease;}
.menu-icon.rotated {transform: rotate(180deg);}
.menu-toggle a { color: #ffffff }
.menu-open-con::-webkit-scrollbar {width: 4px; border-radius: 1px; background: #192038;}
.menu-open-con::-webkit-scrollbar-thumb {border-radius: 1px; background: #C5D9FF;}

.group-heading { font-size: 72px; line-height: 82.8px; font-weight: 650;margin: 0 13px;font-family: 'Inter','Pretendard Variable';  }
.group-desc { font-size: 18px; font-weight: 450; line-height: 1.6; margin-bottom: 2rem;margin: 0 13px; } 

.home { display: flex; flex-direction: column; }
.home-group-01, .home-group-02-01, .home-group-02-02,.home-group-03-head,.home-group-04-con, .home-group-05 .home-group-05-con { width: 100%; max-width: 1226px; margin: 0 auto; }
.home-group-title { font-size: 44px; line-height: 1.2; font-weight: 650;margin: 0 13px; font-family: 'Pretendard Variable'; }
.title-small { font-size: 32px; font-weight: 650; font-family: 'Pretendard Variable';  }
.title-medium { font-size: 48px; font-weight: 650; font-family: 'Pretendard Variable'; }
.desc-small { font-size: 18px; }
.home-group-02-01, .home-group-02-02 { position:relative; z-index: 99;} 
.home-group-02 {overflow: hidden;}
.home-ul li { margin-bottom: 15px;width: 344px; height:48px; font-size: 16px;display: flex;justify-content: space-between;border: 1px solid #fff;align-items: center;border-radius: 5px; transition: 0.2s; }
.home-ul li h3 { padding-left: 1rem; font-size: 16px; color: #fff; transition: 0.2s; }
.home-ul li svg { padding-right: 1rem; transition: 0.2s; }
.home-ul li h3 { display: inline; align-items: center; gap:6px}
.home-ul li h3 svg { padding:0; transform: translateY(2px); }
.home-ul li h3 br { display: none; }
.home-ul li:hover { background: #fff; }
.home-ul li:hover h3 {color: #011356; }
.home-ul li:hover .svg-stroke { stroke: #011356; }
.home-video { width:100%; height:100vh;position: relative;z-index: 99; }
.home-video video { width:100%; height: 100%;object-fit: cover;}
.home-video img { width: 100%; height: 100%; object-fit: cover; }
.home-group-01 { height:800px; display: flex;position: relative;z-index: 99;  flex-direction: column; justify-content: center; }
.home-group-01 .group-heading {font-size: 72px; font-weight: 650; color: #000; line-height: 82.8px;}
.home-group-01 .group-desc {font-size: 22px; font-weight: 450; line-height: 35.2px; color: #444; margin: 20px 0 48px; margin: 0 13px;}
.home-group-02 { background: linear-gradient(231.79deg, #030D33 14.1%, #000414 89.16%);color: #fff; height: 2030px; }
.home-group-02-01-01 {     margin-top: -8px; margin-left: -276px;}
.home-group-02-01 { display: grid; grid-template-columns: 3fr 2fr; position: relative;z-index: 99;}
.home-group-02-02 { display: grid; grid-template-columns: 2fr 3fr; }
.home-group-02-02-01 { height: 880px;display: flex;flex-direction: column;justify-content: center;}
.home-group-02-01-02 {display: flex; flex-direction: column; height: 900px; flex-direction: column;justify-content: center; }
.home-group-02-02-02 { position: absolute; right: -123px; z-index: 99; margin-top: -80px !important;position: relative;right: -123px; z-index: 99; margin-top: 152px;}
spline-viewer {
    touch-action: none;
    pointer-events: none;
}

.home-group-02-01-m { height: 61vh;display: flex;flex-direction: column;justify-content: center; display: none;}
.home-group-02-02-m { right: -123px; z-index: 99; margin-top: -80px; height:61vh; display: none;}

.home-group-02-01-f { display: none;}
.home-group-02-02-f { display: none; }

.home-group-03 { height: 570px;display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 99;}
.home-group-03-img { display: flex; flex-direction: column; margin-top: 60px;}
.home-group-03-img img { filter: grayscale(100%);width: 100%;transition: 0.5s; opacity: 0.7;}
.home-group-03-head { display: grid; grid-template-columns: 3fr 2fr; }
.home-group-03-head .group-desc {margin: 0; padding-left:10px }
.home-group-04-con { color: white; }
.home-group-04 { height: 560px; background-size: cover; display: flex;flex-direction: column;justify-content: center;position: relative;}
.home-group-05 { display: flex; height: 480px; background-color: #F1F6FF;}
.home-group-05-con { display: grid; grid-template-columns: 3fr 2fr;    max-width: 1226px;width: 100%; padding-top:100px; padding-bottom:188px }
.home-group-05-02 { display: grid; grid-template-columns: 1fr 1fr; }
.home-group-05-01 .home-group-title { margin-bottom: 24px; }
.home-group-05-left, .home-group-05-right { height: fit-content; display: flex; flex-direction: column; gap: 20px; font-size: 22px; border-left: 1px solid #444444; padding-left: 16px; font-size: 22px; line-height: 1; color: #000;}
.home-ul { padding-left:10px }
.home-group-02-head { margin-bottom: 30px; }
.home-group-02-head .home-group-title { margin-bottom: 15px; }
.home-group-03-head .home-group-title  {  font-family: 'Inter'; font-weight: 700; }
.home-group-04-con .home-group-title { font-family: 'Inter'; font-weight: 650;margin-bottom: 25px; }
.home-group-04-con .group-desc { margin-bottom: 55px; }
.home-group-04-con .group-image {     
	position: absolute;
    width: 300px;
    height: auto;
    right: 10%;
    bottom: 124px;
}

.home-group-05-01 .group-desc { color:#444444 }
.home-group-03-img { display: flex; flex-direction: column; gap: 40px;}
.home-group-03-img-top, .home-group-03-img-bottom, .home-group-03-img-middle { display: flex;overflow: hidden;white-space: nowrap;position: relative;}
.home-group-03-img-top img { width: calc(120% / 7); height: auto;margin-right: 40px; object-fit: cover; flex-shrink: 0; }
.home-group-03-img-middle img { width: calc(130% / 7.5); height: auto;margin-right: 40px; object-fit: cover; flex-shrink: 0; }
.home-group-03-img-bottom img {width: calc(140% / 8); height: auto; margin-right: 40px;object-fit: cover;flex-shrink: 0; }
.image-wrapper {display: flex;}
.home-group-01 .btn-black { margin-top:48px }
.home-group-01 .group-heading { margin-bottom:20px }
.home-group-04-con .svg-fill { fill: white !important }
.home-group-03 { padding:120px 0 100px }

.product { position: relative; z-index: 99;}
.product-header-image img { width: 100%; height: 800px; object-fit: cover; }
.product-header-text { align-items: end; max-width: 1226px; margin: 0 auto; width: 100%;display: grid; grid-template-columns: 3fr 2fr; margin-top: 247px;z-index: 99;  }
.product-header-image { width: 100%; height:800px; margin: 37px auto 0 auto; max-width: 1196px; }
.product-con { top: 120px;max-width: 1226px; margin: 0 auto; width: 100%;display: grid; grid-template-columns: 2fr 3fr;position: relative;/*height: 7218px;*/ padding-bottom: 120px; }
.product-con-con-child-header-title { font-size: 46px; font-weight: 700; padding: 0 13px; font-family:'Pretendard Variable';margin-bottom: 15px; letter-spacing: -0.03rem; color:black }
.product-con-con-child-header-des { font-size: 18px;padding: 0 13px; line-height: 30px; margin-bottom: 40px;}
.product-header { position: relative;}
.product-con-con-child img {width: 100%;}
.product-header-text .group-desc { margin: 0 ; padding-left:10px }
.product-con-con-child-header-title { display:flex; align-items:center; gap:15px }
.product-con-con { display: flex; flex-direction: column; gap: 215px; }
.product-nav-sub { font-size: 18px; font-weight: 550; color: #AAAAAA; }
.product-nav-sub a { font-size: 18px; font-weight: 550; color: #AAAAAA; }
.product-nav-sub a:hover {font-weight: 650; color: #011356;}
.product-con-nav { display: grid; grid-template-columns: 1fr 1fr;position: sticky;top: 100px;height: 70vh; }
.product-con-nav-ul { padding-left:20px; line-height: 35px; }
.product-con-nav-li { margin-bottom:35px; margin: 0 !important; font-weight: 650; }
.product-con-nav-li + .product-con-nav-li {margin-top: 40px !important;}
.product-con-nav-line { position: absolute; }
.product-con-nav-thumb { position: absolute;left: -3.5px; top: 6px; }
.product-banner { width: 100%; display: flex; align-items: center; height: 560px; background-size: cover; margin-top: 240px;}
.product-banner-con { max-width: 1226px; margin: 0 auto; width: 100%; display: grid; gap:70px }
.product-banner-con-text { padding: 0 13px; }
.product-banner-con-text h3 { font-size: 48px; color: #fff; font-family: 'Inter';margin: 0;margin-bottom: 15px;}
.product-banner-con-text h5 { color:#fff; font-size: 18px;font-weight: 450; line-height: 28px; }
.product-banner-con a { color: #fff; font-size: 16px; }
.product-banner-con a h5 { margin-left:1rem }
.product-banner-con a .svg-stroke { stroke: #fff; }
.product-banner-con a:hover .svg-stroke {stroke: #011356;}
.product-banner-con a:hover .btn-white { background-color: #011356; }

.product-child { padding-top:150px; margin-bottom:200px; background-color: white; }
.product-child-nav {position: relative; z-index: 99; max-width: 1200px; margin: 0 auto; width: 100%; padding: 0 24px;display: flex;gap: 15px; }
.current-product-title {display: flex;align-items: center;cursor: pointer; gap: 24px;}
.dropdown-icon {margin-left: 10px;cursor: pointer;transition: transform 0.3s ease;}
.dropdown-icon.open {transform: rotate(180deg); /* 드롭다운이 열릴 때 아이콘 회전 */}
.other-products-list { display: none; list-style: none; padding: 0; margin-top: 10px; width: 210px; position: absolute; top:60px }
.product-child-nav-li { display: flex; gap: 15px; }
.product-child-header { max-width: 1226px;width: 100%; margin: 0 auto; display: flex; flex-direction: column;}
.product-child-header .product-child-header-text-title {padding: 0 13px;}
.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: none; }
.product-child-bottom { display: grid; grid-template-columns: 2fr 3fr; padding: 0 13px; }
.product-child-bottom .product-child-header-img {margin-top: -66px;}
.product-child-header-img img { width: 100%;}
.product-child-app { max-width: 1226px;width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 4fr;}
.swiper-slide { aspect-ratio: 1/1; }
.product-child-app-con {position: relative;width: 100%;overflow: hidden; }
.swiper-container {width: 100%;height: auto;z-index: 99; position: relative;;}
.swiper-wrapper {display: flex;}
.swiper-slide {width: auto;height: auto;flex-shrink: 0;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {aspect-ratio: 1 / 1;width: 100%;max-width: 100%;height: auto; display: block;}
.product-child-app-con svg {    position: absolute;z-index: 99;top: 0;right: -140px;}
.product-child-app-con {position: relative;}
.swiper-slide {position: relative;overflow: hidden; }
.swiper-slide img {width: 100%; height: auto; object-fit: cover;transition: all 0.3s ease; }
.swiper-slide .slide-overlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-color: rgba(0, 7, 34, 0.7); /* 딤 효과 (#000722 배경색) */ display: flex; justify-content: center;
    align-items: center;color: white;opacity: 0;transition: opacity 0.3s ease; }
.swiper-slide .slide-overlay p {font-size: 1.5rem;font-weight: bold;text-align: center;margin: 0;}
.swiper-slide:hover .slide-overlay {opacity: 1; }
.list-image { width: 100% ; overflow: hidden; height:450px }
.list-image img { width: 100%;position: relative; right: -130px; }
.custom-list-block ul {    width: 250px;position: absolute;}

.company { position: relative; z-index: 99;margin-top:60px }
.company-header-image img { width: 100%; height: 800px; object-fit: cover; }
.company-header-text { align-items: end; max-width: 1226px; margin: 0 auto; width: 100%;display: grid; grid-template-columns: 3fr 2fr; margin-top: 247px; }
.company-header-image {  width: 100%; height:800px; margin: 37px auto 0 auto; max-width: 1196px; }
.company-con { max-width: 1226px; margin: 0 auto; width: 100%;display: flex; flex-direction: column; position: relative; }
.company-con-con-child-header-title { font-size: 44px; font-weight: 750; padding-left:10px; font-family: var(--font-family-kr); }
.company-con-con-child-header-des { font-size: 18px;padding-left: 10px; }
.company-con-con { display: flex; flex-direction: column; gap: 85px;  }
.company-header { position: relative;}
.company-header-text .group-desc { margin: 0; padding-left: 10px;}
.nav-con { width: 100%; border-bottom: 1px solid #aaaaaa25; position: sticky; top: 0; background-color: white; z-index: 101;}
.company-con-nav { max-width: 1226px; width: 100%; height: 79px;padding: 20px 10px;font-size: 18px; margin: 0 auto;padding: 0 13px;display: flex;background-color: white; align-items: center; background-color: white;  }
.company-con-nav-list { display: flex; gap: 24px; padding:32px 0 17px 12px;}
.company-con-01 { margin-bottom: 100px;}
.company-con-01,.company-con-02 { display: grid; grid-template-columns: 1fr 4fr; }
.company-con-02-con-table { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.company-con-02-con-img img,.timeline-image { width: 100%; border-radius: 6px;}
.company-con-02-con-img { padding-right:147px }
.company-con-02-con-table-child { border-left: 1px solid #000722; padding-left: 10px; }
.company-con-01-con-table { display: grid; grid-template-columns: 1fr 1fr;row-gap: 50px; }
.company-con-01-con-table-child { border-left: 1px solid #000722; padding-left: 10px; }
.company-con-01-con-head h3 { font-size: 48px; margin: 0; padding-bottom: 20px; font-family: 'Inter', sans-serif; }
.company-con-01-con-head h5 { font-size: 22px; margin: 0; font-weight: 650;padding-bottom: 100px;}
.company-con-01-nav,.company-con-02-nav { padding: 0 13px; font-size: 22px; }
.company-con-01-con-table-child h4 { font-size: 22px; padding-left: 10px; margin: 0;padding-bottom: 20px; }
.company-con-01-con-table-child h6 { font-size: 18px; padding-left: 10px; margin: 0;font-weight: 450;line-height: 27px; }
.company-con-02-con { display: grid; grid-template-columns: 1fr 1fr; }
.company-con-01-con-head { padding-left: 20px; }
.company-con-02-con-text-head h4 { font-size: 32px; padding-left: 10px; margin: 0;padding-bottom: 20px; }
.company-con-02-con-text-head h4:nth-child(2) { font-size: 18px; padding-left: 10px; margin: 0;padding-bottom: 20px;font-weight: 650;line-height: 30px;  }
.company-con-02-con-text-con h6 { font-size: 18px;padding-left: 10px; margin: 0; font-weight: normal; line-height: 30px; margin-top:50px }
.company-con-02-con-table h4 { font-size: 22px; line-height: 28px;margin: 0; margin-bottom:25px }
.company-con-02-con-table h6 { font-size: 16px; line-height: 23.2px; margin: 0;font-weight: normal; }

.company-con-con-child { display: grid; grid-template-columns: 2fr 3fr;}
.product-con-nav-thumb {     top: 166px; }
.company-nav-list { display: flex; gap:24px }

.sustainability { position: relative; z-index: 99;}
.sustainability-header-image img { width: 100%; height: 800px; object-fit: cover; }
.sustainability-header-text { align-items: end; max-width: 1226px; margin: 0 auto; width: 100%;display: grid; grid-template-columns: 3fr 2fr; margin-top: 247px; }
.sustainability-header-image {  width: 100%; height:800px; margin: 37px auto 0 auto; max-width: 1226px; }
.sustainability-con { width: 100%;display: flex; flex-direction: column; position: relative; }
.sustainability-con-con-child-header-title { font-size: 44px; font-weight: 750; padding-left:10px; font-family: var(--font-family-kr); }
.sustainability-con-con-child-header-des { font-size: 18px;padding-left: 10px; }
.sustainability-con-con { display: flex; flex-direction: column; gap: 215px; }
.sustainability-header { position: relative;}
.sustainability-header-text .group-desc { margin: 0; padding-left: 10px; font-size: 18px;}
.sustainability-con-01 { max-width: 1226px; margin: 0 auto; width: 100%; }
.sustainability-con-01-02 { display: grid; grid-template-columns: 2fr 3fr; }

.sustainability-child { position: relative; z-index: 99; top: 88px; max-width: 1226px; width: 100%; margin: 0 auto; }

footer { bottom: 0; background-color: #000019; position: relative; width: 100%; line-height: 1.7; }
.footer-con {  padding: 50px 0;max-width: 1226px; margin: 0 auto; display: grid; grid-template-columns: 2fr 3fr; font-size: 14px; align-items: start; position:relative ;z-index:99; }
.footer-info {     padding-left: 10px;color: white;font-size: 14px;display: flex;height: 100%;flex-direction: column;justify-content: space-between; }
.footer-info h3 { margin: 0; padding: 0;color: white; font-size: 14px; font-weight: 400; }
.footer-logo svg { margin-bottom:15px }
.footer-logo a { color: white; }
.footer-logo { color: white; }
.footer-menu { display: grid; grid-template-columns: 1fr 1fr 1fr; font-size: 14px; }
.footer-menu-child { padding-left: 10px }
.footer-menu-child h3 { font-weight: 550; color: #EEEEEE;margin: 0; padding: 0;margin-bottom:8px }
.footer-menu-child h3 a { color: #fff }
.footer-menu-child ul li a { font-size: 14px; color: #EEEEEE; margin-bottom: 4px;}
.footer-menu-child:nth-child(1),.footer-menu-child:nth-child(2),.footer-menu-child:nth-child(3) { margin-bottom:42px }

.fixed-lines-container {position: fixed;top: 0;left: 0;right: 0;display: none;justify-content: center;height: 100vh;z-index: 9; }
.fixed-lines { max-width: 1226px;width: 100%; display: flex; justify-content: space-between; }
.vertical-line {position: relative; width: 1.5px;background-color:#aaaaaa25;height: 100%;}


/* ----------------- */
:root {
    --black1: #000000;
    --black2: #444;
}
h1, h2, h3, h4, h5, h6 {margin: 0;}

/* menu drop down */
.menu-list.open {padding: 24px 0;}
.menu-list.open li {}
.menu-list.open li + li {margin-top: 20px;}
.menu-open-child h3 {margin: 32px 0 0; width: fit-content; min-width: 270px; display: flex; align-items: center; justify-content: space-between; font-weight: 550;}
.menu-open-footer {width: 100%; max-width: 1226px; margin: 0 auto 64px;}
.menu-open-footer h3 {font-size: 14px; font-weight: 400; color: #fff; margin: 0; padding-left: 10px; }

/* company(common) */
.company {margin-bottom: 240px;}

/* vision-and-philosophy */
.company-con-nav-list .company-con-nav-title a, .company-con-nav-list .company-con-nav-title.active a {color: #848484; transition: all .1s;}
.company-con-nav-list .company-con-nav-title a:hover {color: #011356; font-weight: 650;}
.company-con-con {margin-top: 120px;}
.company-con-01-nav, .company-con-02-nav {font-weight: 750; color: #011356;}
.company-con-01-con-head h3 {color: #000;}
.company-con-01-con-table-child {padding: 0 20px; word-break: keep-all;}
.company-con-01-con-table-child h4 {color: var(--black1); padding: 0 0 14px;}
.company-con-01-con-table-child h6 {color: var(--black2); padding: 0;}
.company-con-02-con-text-head h4 {color :#000;}
.company-con-02-con-text-head h4:nth-child(2) {color: var(--black2);}
.company-con-02-con-text-con h6 {color: var(--black2);}
.company-con-02-con-table-child {padding: 0 20px; word-break: keep-all;}
.company-con-02-con-table h4 {color: var(--black1); margin-bottom: 12px;}

/* history */
.product-con-child-nav-list {padding-left: 20px;}
.product-con-child-nav-list li + li {margin-top: 28px;}
.product-con-nav-thumb {top: 40px;}
.company-con-child-con img + img {margin-top: 400px;}

/* location */
.product-con-child-nav .product-con-nav-ul {line-height: 1;}
.product-con-child-nav .product-con-nav-ul li,.product-con-child-nav-list {font-size: 22px; font-weight: 400; color: #848484;}
.product-con-child-nav .product-con-nav-ul li:first-child {font-size: 22px; font-weight: 450; color: #011356;}
.product-con-child-nav .product-con-nav-ul li + li {margin-top: 28px;}
.application-entry h2 {font-size: 30px; font-weight: 600 !important; color: #000; margin: 0 0 32px; padding-left: 12px;}
.application-entry p {padding-left: 20px; color: #848484; line-height: 1.5;}
.application-entry p:nth-child(3) {padding-bottom: 40px; border-left: 1px solid #848484; max-width: 600px; word-break: keep-all; font-weight: 450;}
.application-entry .application-table {padding-left: 20px; line-height: 1; border-collapse: separate;position: relative; border-left: 1px solid #848484;}
/* .application-entry .application-table::before {content: ''; width: 1px; height: 100%; background: #848484; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} */
.application-entry .application-table tr {display: flex;}
.application-entry .application-table tr td {font-size: 18px; font-weight: 450; color: var(--black2); min-width: 98px; margin-right: 24px; background: unset; padding: 0; display: flex; align-items: center; gap: 10px;}
.application-entry .application-table tr + tr {margin-top: 14px;}
.application-entry .application-table tr td:first-child {font-weight: 600;}
.application-entry .application-table tr:first-child td:last-child {text-decoration: underline; text-underline-offset: 3px; display: inline; line-height: 1.5;}
.application-entry + .application-entry {margin-top: 120px;}
#application-domestic + #application-usa, #application-usa + #application-china {margin-top: 200px;} 
.application-table a { color:#444444 } 

/* affiliate */
.affiliate-con .affiliate-con-child + .affiliate-con-child {margin-top: 120px;}
.affiliate-con-child {display: flex; justify-content: space-between; display: grid; grid-template-columns: 2fr 3fr;}
.affiliate-con-child .affiliate-con-child-title h2 {font-size: 30px; font-weight: 600; color: #000; flex: none; margin: 0; padding-left: 10px;}
.affiliate-con-child .affiliate-con-child-con {max-width: 715px; padding-left: 20px; border-left: 1px solid #848484;}
.affiliate-con-child .affiliate-con-child-con p {font-size: 16px; font-weight: 450; line-height: 24px; color: #848484; word-break: keep-all; letter-spacing: -0.01rem;}
.affiliate-con-child .affiliate-con-child-con .affiliate-table {margin-top: 40px; border-collapse: separate;}
.affiliate-con-child .affiliate-con-child-con .affiliate-table tr {display: flex;}
.affiliate-con-child .affiliate-con-child-con .affiliate-table tr td {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1;}
.affiliate-con-child .affiliate-con-child-con .affiliate-table tr td:first-child {min-width: 100px; margin-right: 22px; font-weight: 600;}
.affiliate-con-child .affiliate-con-child-con .affiliate-table tr:first-child td:last-child {text-decoration: underline; text-underline-offset: 3px; display: inline; align-items: center; gap: 10px; line-height: 1.5;}
.affiliate-con-child .affiliate-con-child-con .affiliate-table tr + tr {margin-top: 14px;}
.affiliate-table a { color:#444444 }

/* battery-mobility-solution/nps */
.current-product-title {font-size: 18px; font-weight: 650; color: #011356;}
.product-child-nav {margin-bottom: 114px;}
.product-child-nav-ul {position: relative;}
.product-child-nav-ul .other-products-list {margin-top: 16px; position: absolute;}
.product-child-nav-ul .other-products-list li a {font-size: 18px; font-weight: 650; color: #848484;}
.product-child-nav-ul .other-products-list li a:hover {color: #011356;}
.product-child-nav-ul .other-products-list li + li {margin-top: 14px;}
.product-child-nav-li .product-nav-sub:hover {font-weight: 650; color: #011356;}
.product-child-header-text-title h3 {font-size: 68px; font-weight: 650; color: #000; margin: 0;}
.product-child-header-text-title h4 {font-size: 48px; font-weight: 650; color: #000; margin: 0; font-family: 'Inter';}
.product-child-header-text-title h3 + h4 {margin-top: 8px;}
.product-child-header-text-desc {margin-top: 40px; line-height: 1.5; font-size: 18px; font-weight: 450; line-height: 28.8px; letter-spacing: -0.02rem; color: #444444;}
.product-child-header-text-desc + .btn-black {margin: 28px 0 0;}
.product-child-app {margin-top: 144px;}
.product-child-app .product-child-app-nav {padding-left: 10px;}
.product-child-app .product-child-app-nav h3 {font-size: 16px; font-weight: 650; color: #011356; text-transform: uppercase; margin: 0;}
.product-child-app .product-child-app-nav ul {margin-top: 32px;}
.product-child-app .product-child-app-nav ul > li + li {margin-top: 18px;}
.product-child-app .product-child-app-nav ul > li a {font-size: 22px; font-weight: 550; color: #000;}
.product-child-app-con {margin: 0 13px;}
.product-child-app .product-child-app-nav ul li {font-size: 22px; font-weight: 550; color: #000;}
.swiper-slide .slide-overlay {padding: 24px; align-items: baseline; justify-content: left;}
.swiper-slide .slide-overlay p {font-weight: 450;}


/* sustainability */
.sustainability-con-01 {margin-top: 300px;}
.sustainability-con-01-01 {padding: 0 13px; margin-bottom: 320px;}
.sustainability-con-01-01 h3 {font-size: 44px; font-weight: 700; color: #000; line-height: 1.3; margin: 0;}
.sustainability-con-01-01 h5 {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6; margin: 20px 0 0;}
.sustainability-con-01-02 {}
.sustainability-con-01-02 .sustainability-con-01-02-title {padding: 0 13px; font-size: 22px; font-weight: 650; color: #000;}
.sustainability-con-01-02 .sustainability-con-01-02-con {padding: 0;}
.sustainability-con-01-02 .sustainability-con-01-02-con .section {padding: 0 13px;}
.sustainability-con-01-02-con .section h2 {font-size: 16px; font-weight: 750; color: #011356; text-align: left; margin: 0 0 16px;}
.sustainability-con-01-02-con .vision-section .vision {background: #011356; font-size: 32px; font-weight: 450; color: #fff; text-align: center; border-radius: 10px; padding: 12px 10px; position: relative; display: flex; justify-content: center; }
.sustainability-con-01-02-con .vision-section .vision::before {content: ''; background-image: url("../../assets/icons/sustainability-arrow.svg"); background-repeat: no-repeat; background-size: cover; width: 26px; height: 12px; position: absolute; top: calc(100% + 28px); left: 50%; transform: translateX(-50%);}
.sustainability-con-01-02-con .esg-strategy-section .esg-strategy {width: -webkit-fill-available; padding: 11px 10px; border: 1px solid #011356; border-radius: 10px; font-size: 32px; font-weight: 550; color: #011356; position: relative; display: flex; justify-content: center;}
.sustainability-con-01-02-con .esg-strategy-section .esg-strategy::before {content: ''; background-image: url("../../assets/icons/sustainability-arrow.svg"); background-repeat: no-repeat; background-size: cover; width: 26px; height: 12px; position: absolute; top: calc(100% + 28px); left: 50%; transform: translateX(-50%);}
.sustainability-con-01-02-con .direction-section .direction {display: flex; gap: 24px;}
.sustainability-con-01-02-con .direction-item {width: 100%; padding: 12px 16px; border-radius: 10px; background: #F1F6FF; position: relative;}
.sustainability-con-01-02-con .direction-item::before {content: ''; background-image: url("../../assets/icons/sustainability-arrow.svg"); background-repeat: no-repeat; background-size: cover; width: 26px; height: 12px; position: absolute; top: calc(100% + 28px); left: 50%; transform: translateX(-50%);}
.sustainability-con-01-02-con .direction-item h3 {margin: 0 0 4px;}
.sustainability-con-01-02-con .direction-item h3 p {font-size: 22px; font-weight: 650; color: #000; margin: 0;}
.sustainability-con-01-02-con .direction-item p {font-size: 18px; font-weight: 650; color: #000;}
.sustainability-con-01-02-con .section + .section {margin-top: 80px;}
.sustainability-con-01-02-con .task-section {margin-bottom: 0;}
.sustainability-con-01-02-con .task-section .tasks {display: flex; gap: 24px;}
.sustainability-con-01-02-con .task-section .tasks .task {padding: 16px; border-radius: 10px; background: #F1F6FF;}
.sustainability-con-01-02-con .task-section .tasks .task h4 {margin: 0; text-align: left; display: none;}
.sustainability-con-01-02-con .task-section .tasks .task h4 p {font-size: 18px; font-weight: 450; color: var(--black2);}
.sustainability-con-01-02-con .task-section .tasks .task ul {padding: 0;}
.sustainability-con-01-02-con .task-section .tasks .task ul > li {padding: 0 0 0 17px; font-size: 18px; font-weight: 450; color: var(--black2); line-height: 23.4px; position: relative; word-break: keep-all;}
.sustainability-con-01-02-con .task-section .tasks .task ul > li::before {content: ''; width: 9px; height: 9px; border-radius: 2px; background: #6085F6; position: absolute; top: 6px; left: 4px;}
.sustainability-con-01-02-con .task-section .tasks .task ul > li + li {margin-top: 8px;}
.sustainability-con-02 {height: 800px; background-repeat: no-repeat; background-size: cover; margin-top: 180px;}
.sustainability-con-02 .sustainability-con-02-con {width: 100%; max-width: 1226px; margin: 0 auto; height: 100%; display: flex; flex-direction: column; justify-content: end;}
.sustainability-con-02 .sustainability-con-02-con .sustainability-con-02-con-title {font-size: 72px; font-weight: 650; color: #fff; line-height: 1.15; padding: 0 13px;}
.sustainability-con-02 .sustainability-con-02-con .sustainability-con-02-con-desc {font-size: 18px; font-weight: 450; color: #EEEEEE; line-height: 1.6; margin: 16px 0 40px; padding: 0 13px;}
.sustainability-con-02 .sustainability-con-02-con .btn-white {width: fit-content; height: auto; padding: 16px; gap: 40px; margin: 0 13px 80px;}
.sustainability-con-02 .sustainability-con-02-con .btn-white h3 {font-size: 16px; font-weight: 650; margin: 0; padding: 0;}
.sustainability-con-02 .sustainability-con-02-con .btn-white svg {padding: 0;}
.sustainability-con-02 .sustainability-con-02-con .btn-white svg .svg-fill {fill: white;}
.sustainability-con-02 .sustainability-con-02-con .btn-white:hover svg {stroke: #011356;}
.sustainability-con-02 .sustainability-con-02-con .btn-white:hover svg .svg-fill {fill: #011356;}
.sustainability-con-03 .sustainability-con-03-con {width: 100%; max-width: 1226px; margin: 0 auto; padding: 160px 0 200px;}
.sustainability-con-03 .sustainability-con-03-con p {}
.sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-01 {font-size: 44px; font-weight: 700; color: #000; line-height: 57.2px; padding: 0 13px;}
.sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 {margin-top: 100px; }
.sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 h5 {font-size: 16px; font-weight: 750; color: #848484; margin: 0; padding: 0 13px;}
.sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con {display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 32px;}
.sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con h4 {margin: 0;}
.sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con h4 p {font-size: 22px; font-weight: 550; color: #000;}
.sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con h3 {margin: 0;}
.sustainability-con-03 .sustainability-con-03-con .sustainability-con-03-con-02 .sustainability-con-03-con-02-con h3 p {font-size: 32px; font-weight: 550; color: #000; margin-top: 8px;}
.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 {border-left: 1px solid #444; padding-left: 20px;}
.sustainability-con-04 {height: 560px; background-repeat: no-repeat; background-size: cover;    background-position: center;margin-top:160px;}
.sustainability-con-04 .sustainability-con-02-con {width: 100%; max-width: 1226px; height: 100%; margin: 0 auto; padding: 124px 0;}
.sustainability-con-04 .sustainability-con-02-con .sustainability-con-02-con-title {font-size: 44px; font-weight: 700; color: #fff; padding: 0 13px;}
.sustainability-con-04 .sustainability-con-02-con .sustainability-con-02-con-desc {font-size: 18px; font-weight: 450; color: #fff; line-height: 1.6; padding: 0 13px; margin-top: 24px;}
.sustainability-con-05 {position: relative; z-index: 100;}
.sustainability-con-05 .sustainability-con-05-con {width: 100%; max-width: 1226px; height: 100%; margin: 0 auto;}
.sustainability-con-05 .sustainability-con-05-con .sustainability-con-05-con-title h2 {font-size: 44px; font-weight: 700; color: #000; padding: 0 13px; margin: 0; line-height: 1.3;}
.sustainability-con-05 .sustainability-con-05-con .sustainability-con-05-con-title h5 {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6; padding: 0 13px; margin: 0; margin-top: 20px; }
.sustainability-con-05-con-title { width: 60%; word-break: keep-all;}
.sustainability-con-05 .sustainability-con-05-con-gal {margin-top: 80px; padding:0 10px }
.sustainability-con-05 .sustainability-con-05-con-gal .caption h4 {margin: 0;}
.sustainability-con-05 .sustainability-con-05-con-gal .caption h4 p {font-size: 18px; font-weight: 600; color: var(--black2); margin: 0;}
.sustainability-con-05 .sustainability-con-05-con-gal .caption p {font-size: 16px; font-weight: 450; color: #848484; margin-top: 6px;}
.sustainability-con-06 {margin-top: 90px; height: 560px; background-repeat: no-repeat; background-size: cover; 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 {width: 100%; max-width: 1226px; height: auto; margin: 0 auto; display: grid; grid-template-columns: 3fr 2fr; padding: 100px 0;}
.sustainability-con-06 .sustainability-con-06-con .sustainability-con-06-con-01 {font-size: 32px; font-weight: 600; color: #fff; line-height: 41.6px; padding: 0 13px;}
.sustainability-con-06 .sustainability-con-06-con .sustainability-con-06-con-02 {display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 100;}
.sustainability-con-06 .sustainability-con-06-con .sustainability-con-06-con-02 .btn-white {width: 100%; max-width: 344px; display: flex; align-items: center; justify-content: space-between;}
.sustainability-con-06 .sustainability-con-06-con .sustainability-con-06-con-02 .btn-white h3 {margin: 0;}
.sustainability-con-06 .sustainability-con-06-con .sustainability-con-06-con-02 .btn-white .svg-fill {fill: white;}
.sustainability-con-06 .sustainability-con-06-con .sustainability-con-06-con-02 .btn-white:hover .svg-fill {fill: #011356;}

.sustainability-con-40 {height: 560px; background-repeat: no-repeat; background-size: cover;    background-position: center; position: relative;}
.sustainability-con-40 .sustainability-con-40-con {width: 100%; max-width: 1226px; height: 100%; margin: 0 auto; padding: 124px 0; }
.sustainability-con-40 .sustainability-con-40-con .sustainability-con-40-con-title {font-size: 44px; font-weight: 700; color: #fff; padding: 0 13px;}
.sustainability-con-40 .sustainability-con-40-con .sustainability-con-40-con-desc {font-size: 18px; font-weight: 450; color: #fff; line-height: 1.6; padding: 0 13px; margin-top: 24px;}

.sustainability-con-40 .sustainability-con-40-con .sustainability-con-40-con2 {
	/*padding: 124px 0;*/ 
    position: absolute;
    top: 124px; /* 오버레이 이미지와 동일한 높이 */
    max-width: 60%; /* 텍스트가 이미지와 겹치지 않도록 */
}
.sustainability-con-40 .sustainability-con-40-con .sustainability-con-40-overlay-image {
    position: absolute;
    width: 300px;
    height: auto;
    right: 10%;
    bottom: 124px;
}

/* corporate-governance */
.cg-con .numbered-section {margin-bottom: 28px;}
.cg-con .number-box { margin-top:-3px;width: 24px; height: 24px; font-size: 16px; font-weight: 650; line-height: 1; color: #fff; margin-right: 16px; border-radius: 2px;}
.cg-con .year-tabs {margin-top: 36px;}
.cg-con .year-tabs .year-tab,.year-tab-app3,.year-tab-app4 {padding: 13px 40px; font-size: 16px; font-weight: 650; color: #011356; border: 1px solid #011356; background: #fff; border-radius: 4px; font-family: 'Inter','Pretendard Variable';}
.cg-con .year-tabs .year-tab.active,.year-tab-app3.active,.year-tab-app4.active  {background: #011356; color: #fff !important;}
/* .year-tab-app4 { margin-top:200px } */
.cg-con > div {padding: 0 13px;}
.cg-con > div + div {margin-top: 200px;}
.cg-con-01 {padding-left: 10px;}
.cg-con-01-btn a {display: flex; align-items: center; justify-content: space-between; border-radius: 4px; border: 1px solid var(--black2); padding: 15px 16px; transition: all .1s; font-size: 16px; font-weight: 650; color: var(--black2); max-width: calc(367px - 34px);}
.cg-con-01-btn a + a {margin-top: 16px;}
.cg-con-01-btn a h5 {margin: 0; font-size: 16px; font-weight: 650; color: var(--black2); line-height: 1;}
.cg-con-01-btn a:hover {border: 1px solid #011356; background: #011356; color: #fff;}
.cg-con-01-btn a:hover h5 {color: #fff;}
.cg-con-01-btn a:hover .svg-fill {fill: #fff;}
.cg-con-02 {max-width: 710px; margin: 0 0 0 auto;}
.cg-con-02 .cg-t-con {max-width: 710px; overflow: auto; padding-bottom: 4px;}
.cg-con-02 .cg-t-con::-webkit-scrollbar {height: 4px; border-radius: 1px; background: #C5D9FF;}
.cg-con-02 .cg-t-con::-webkit-scrollbar-thumb {border-radius: 1px; background: #011356;}
.cg-con-02 .cg-t-con table th, .cg-con-02 .cg-t-con table td {border-left: 0; border-right: 0;}
.cg-con-02 table + .numbered-section {margin-top: 80px;}
.cg-con-02 table {font-size: 16px; border-collapse: collapse; font-weight: 450;color: #848484;line-height: 1.5;}
.cg-con-02 .year-tabs + table thead tr th {border: 0;}
.cg-con-02 .year-tabs + table thead tr th p {width: max-content;}
.cg-con-02 .year-tabs + table tbody tr td {border-left: 0; border-right: 0;}
/* .cg-con table {table-layout: fixed;} */
/* .cg-con table tbody tr td[rowspan="2"] {border: 0;} */
.cg-con table thead tr th {padding: 14px 6px; font-size: 16px; font-weight: 650; color: #fff; line-height: 1.4; background: #011356; border: 1px solid #5B5F81; min-width: 56px; display: table-cell;}
.cg-con table thead tr th:first-child {border-left: 0;}
.cg-con table thead tr th:last-child {border-right: 0;}
.cg-con table thead tr th.cp-r-td-25 {min-width: 120px;}
.cg-con table thead tr th.cp-r-td-05 {min-width: 70px;}
.cg-con table tbody tr td {padding: 17px 14px; font-size: 16px; font-weight: 450; color: #444; line-height: 1.4; background: #F1F6FF; border: 1px solid #C5D9FF; text-align: center; word-break: keep-all; vertical-align: top;}
.cg-con table tbody tr td:first-child {border-left: 0;}
.cg-con table tbody tr td.cp-r-td-10 {text-align: left;}
.cg-con table tbody tr td.cp-r-td-27 {min-width: 100px;}
.cg-con table tbody tr td.cp-r-td-28 {text-align: left; min-width: 260px;}
.tb16 { font-size:16px }
.cg-con table tbody tr td:last-child {border-right: 0;}
.cg-con table tbody tr td[rowspan="2"] {border-right: 1px solid #C5D9FF;}
.cg-con table tbody tr td[rowspan="4"] {border-right: 1px solid #C5D9FF;}
.cg-con table tbody tr td ul > li {text-align: left; min-width: 207px;}
.cg-con table tbody tr td ul > li + li {margin-top: 6px;}
.cg-con table tbody tr:last-child td {border-bottom: 1px solid #6085F6;}

.cg-con-03 {}
.cg-con .shareholder-meeting {margin-top: 40px;}
.cg-con .shareholder-meeting h2 p {font-size: 22px; font-weight: 650; color: #000;}
.cg-con .shareholder-meeting p {font-size: 16px; font-weight: 450; color: #848484; line-height: 1.5;}
.cg-con .shareholder-meeting td p {color: #444444;}
.cg-con .shareholder-meeting ul {margin-top: 24px;}
.cg-con .shareholder-meeting ul > li {font-size: 18px; font-weight: 450; color: var(--black2); position: relative; padding-left: 25px;}
.cg-con .shareholder-meeting ul > li::before {content: ''; width: 9px; height: 9px; border-radius: 2px; background: #6085F6; position: absolute; top: 6px; left: 4px;}
.cg-con .shareholder-meeting ul > li + li {margin-top: 8px;}
.cg-con .shareholder-meeting ul ~ p {margin-top: 16px;}
.cg-con .report-section {margin-top: 64px;}
.cg-con .report-section h3 {font-size: 18px; font-weight: 650; color: var(--black2);}
.cg-con .resolutions-section {margin-top: 64px;}
.cg-con .resolutions-section h3 {font-size: 18px; font-weight: 650; color: var(--black2); margin-bottom: 20px;}
.cg-con .resolutions-section table tbody tr {border-bottom: 1px solid #C5D9FF;}
.cg-con .resolutions-section table th {border: 0;}
.cg-con .resolutions-section table td {border: 0;}
.cg-con .resolutions-section table th {text-align: center; display: flex; align-items: center;justify-content: center;}
.cg-con .resolutions-section table td {text-align: left; align-items: center;}
.cg-con .resolutions-section table tbody tr td:nth-child(3), .cg-con .resolutions-section table tbody tr td:nth-child(4) {text-align: right;}
.cg-con .resolutions-section table tbody tr td:nth-child(5) {text-align: center;}

/*
.cg-con .resolutions-section table thead tr th:nth-child(2), .cg-con .resolutions-section table tbody tr td:nth-child(2) {text-align: right;}
*/

/* finance */
.prc table {border-collapse: collapse; margin-top: 14px; margin-bottom: 0;}
.prc table thead tr th {padding: 14px 6px; font-size: 16px; font-weight: 650; color: #fff; line-height: 1; background: #011356;border-top: 0;}
.prc table thead tr th:first-child {border-left: 0;}
.prc table thead tr th:last-child {border-right: 0;}
.prc table tbody tr td {padding: 23.5px 10px; font-size: 18px; font-weight: 450; color: #444; line-height: 1; background: #F1F6FF; word-break: keep-all; border-bottom: 1px solid #C5D9FF;}
.prc table tbody tr td:first-child {border-left: 0;}
.prc table tbody tr td:last-child {border-right: 0;}
.prc table tbody tr td[rowspan="2"] {border-right: 1px solid #C5D9FF;}
.prc table tbody tr:last-child td {border-bottom: 1px solid #6085F6;}
.prc table + h6 {margin-top: 16px; margin-bottom: 80px;}
#table-wrapper-3 table tbody tr td[rowspan="3"]:last-child, #table-wrapper-4 table tbody tr td[rowspan="6"]:last-child {border-bottom: 1px solid #6085F6;}
#table-wrapper-3 table tbody tr td, #table-wrapper-4 table tbody tr td, #table-wrapper-5 table tbody tr td {border-left: 1px solid #C5D9FF; border-right: 1px solid #C5D9FF;}
#table-wrapper-3 table tbody tr td:first-child, #table-wrapper-4 table tbody tr td:first-child, #table-wrapper-5 table tbody tr td:first-child {border-left: 0;}
#table-wrapper-3 table tbody tr td:last-child, #table-wrapper-4 table tbody tr td:last-child, #table-wrapper-5 table tbody tr td:last-child {border-right: 0;}

.finance-con {}
.finance-con > div {padding-left: 13px; padding-right: 13px;}
.finance-con .finance-tabs {gap: 12px; justify-content: unset; margin-bottom: 16px;}
.finance-con .finance-tabs .tablink {border-radius: 4px; border: 1px solid #011356; font-size: 16px; font-weight: 650; line-height: 1; font-family: var(--font-family-kr); color: #011356;}
.finance-con .finance-tabs .tablink.active {background-color: #011356;}
.finance-con > div + div {margin-top: 262px;}

.finance-con h3 {font-size: 32px; font-weight: 550; color: #000; margin-bottom: 28px;}
.finance-con .btn-black {border-radius: 4px; border: 1px solid #011356; padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 40px; width: fit-content; height: auto; margin: 0;}
.finance-con .btn-black h5 {font-size: 16px; font-weight: 650; color: #011356; padding: 0;}
.finance-con .btn-black svg {padding: 0; }
.finance-con .btn-black svg .svg-stroke {stroke: #011356;}
.finance-con .btn-black .svg-fill {fill: #011356;}
.finance-con .btn-black:hover h5 {color: #fff;}
.finance-con .btn-black:hover svg .svg-stroke {stroke: #fff;}
.finance-con .btn-black:hover .svg-fill {fill: #fff;}
.finance-con .finance-con-02 {}
.finance-con .finance-con-02 div + div {margin-top: 100px;}
.finance-con .finance-con-03 {}
.finance-con .finance-con-03 p {font-size: 22px; font-weight: 550; color: #000; line-height: 1.5; margin-bottom: 32px;}
.finance-con .finance-con-04 {padding: 112px 13px 120px;}
.finance-con .search-bar {margin-bottom: 64px;}
.finance-con .search-bar form {display: grid; grid-template-columns: 1fr; align-items: center; justify-content: space-between; gap: 16px; width: 100%;}
.finance-con .search-bar select {border-radius: 6px 6px 0 0; border: 0; border-bottom: 1px solid #011356; height: 48px; box-sizing: border-box; margin: 0; appearance: none; -webkit-appearance: none; background-image: url("../../assets/icons/dropdown-arrow.svg"); background-repeat: no-repeat; background-position:  right 10px center; min-width: 123px;}
.finance-con .search-bar .input-wrap {display: flex; align-items: center; justify-content: end; gap: 16px; flex: 1; width: 100%;}
.finance-con .search-bar input[type="text"] {border-radius: 6px 6px 0 0; border: 0; border-bottom: 1px solid #011356; height: 48px; box-sizing: border-box; margin: 0; flex: 1; }
.finance-con .search-bar button {height: 48px; background: #fff; font-size: 16px; font-weight: 650; color: #011356; border: 1px solid #011356;}
.finance-con .search-bar button:hover {background: #011356; color: #fff;}
.finance-con .announcement-list {gap: 16px;}
.finance-con .announcement-list .announcement-item {padding: 28px 24px; background-color: #fff; border: 0;}
.finance-con .announcement-list .announcement-item h3 {font-size: 22px; font-weight: 650; color: #000; margin: 0 0 12px;}
.finance-con .announcement-list .announcement-item h3 p {font-size: 22px; font-weight: 650; color: #000;}
.finance-con .announcement-list .announcement-item p {font-size: 18px; font-weight: 450; color: #848484;}
.finance-con .announcement-list .announcement-item a {border-radius: 4px; background: #011356; font-size: 16px; font-weight: 550; color: #fff; padding: 14px 18px;}
.finance-con .pagination {gap: 24px; margin-top: 48px;}
.finance-con .pagination a {font-size: 18px; font-weight: 450; color: #848484; margin: 0; border-radius: 0; padding: 4px;}
.finance-con .pagination a.active {font-weight: 650; color: #011356; border-bottom: 1px solid #011356; background-color: unset;}
.finance-con .pagination a:first-child {margin-right: 12px; font-family: cursive;}
.finance-con .pagination a:last-child {margin-left: 12px; font-family: cursive;}
.finance-con .pagination a:hover {background-color: unset; color: #011356;}
.finance-con .finance-con-05 {margin-top: 200px;}
.finance-con .finance-con-05 h2 {font-size: 32px; font-weight: 550; color: #000; margin: 0 0 28px;}
.finance-con .finance-con-05 h2 p {font-size: 32px; font-weight: 550; color: #000;}
.finance-con .finance-con-05 p {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6;}
.finance-con .finance-con-05 .block-text-22-bold {margin-top: 80px;}
.finance-con .finance-con-05 .block-text-22-bold p {font-size: 22px; font-weight: 650; color: #011356;}
.finance-con .finance-con-05 .numbered-section {margin: 48px 0 16px; align-items: baseline;}
.finance-con .finance-con-05 .numbered-section h3 p {font-size: 22px; font-weight: 550; color: #000;}
.finance-con .finance-con-05 .number-box {width: 22px; height: 22px; font-size: 14px; font-weight: 650; flex: none; transform: translateY(-2px);}
.finance-con .finance-con-05 .block-text-grey p {font-weight: 450; color: #848484; margin-top: 16px;}
.finance-con .finance-con-05 .block-text-22-bold-pt {margin-top: 100px;}
.finance-con .finance-con-05 .block-text-22-bold-pt p {font-size: 22px; font-weight: 650; color: #011356;}
.finance-con .finance-con-05 ul {margin-top: 12px;}
.finance-con .finance-con-05 ul > li {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6; padding-left: 25px; position: relative;}
.finance-con .finance-con-05 ul > li::before {content: ''; width: 9px; height: 9px; border-radius: 2px; background: #011356; position: absolute; top: 8px; left: 4px;}
.finance-con .finance-con-05 ul > li + li {margin-top: 4px;}
.finance-con .finance-con-06 {margin-top: 120px; display: grid; grid-template-columns: 1fr 2fr; padding: 0;}
.finance-con .finance-con-06 .finance-con-06-01 {font-size: 22px; font-weight: 650; color: #011356; line-height: 30.8px; word-break: keep-all; padding-left: 10px;}
.finance-con .finance-con-06 .finance-con-06-02 {display: grid; grid-template-columns: 1fr; padding-left: 20px; border-left: 1px solid #444;}
.finance-con .finance-con-06 .finance-con-06-02, .finance-con .finance-con-06 .finance-con-06-02 a {font-size: 16px; font-weight: 450; color: var(--black2);}
.finance-con .finance-con-06 .finance-con-06-02 a {margin-top: 12px;}
.finance-con .finance-con-06 .finance-con-06-02 h3 {font-size: 30px; font-weight: 600; color: #000; line-height: 39px;}
.finance-con .finance-con-06 .finance-con-06-02 table {border-collapse: separate;}
.finance-con .finance-con-06 .finance-con-06-02 table tr td {font-size: 16px; font-weight: 450; color: #444;}
.finance-con .finance-con-06 .finance-con-06-02 table tr td:first-child {font-weight: 600; min-width: 80px; margin-right: 18px;}
.finance-con .finance-con-06 .finance-con-06-02 table tr {display: flex;}
.finance-con .finance-con-06 .finance-con-06-02 table tr + tr {margin-top: 12px;}

.finance-con .finance-con-09 {margin-top: 262px;} 
.finance-con .finance-con-07 .finance-con-07-con {margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 0;}
.finance-con .finance-con-07 .finance-con-07-con .finance-con-07-con h5 {font-size: 16px; font-weight: 750; color: #848484; margin: 0; padding: 0 13px;}
.finance-con .finance-con-07 .finance-con-07-con .finance-con-07-con-child h4 {margin: 0;}
.finance-con .finance-con-07 .finance-con-07-con .finance-con-07-con-child h4 p {font-size: 22px; font-weight: 550; color: #000;}
.finance-con .finance-con-07 .finance-con-07-con .finance-con-07-con-child h3 {margin: 0;}
.finance-con .finance-con-07 .finance-con-07-con .finance-con-07-con-child h3 p {font-size: 32px; font-weight: 550; color: #000; margin-top: 8px;}
.finance-con .finance-con-07 .finance-con-07-con .finance-con-07-con-child {border-left: 1px solid #444; padding-left: 20px;}

.finance-con-child {}
.finance-con-child table {border-collapse: collapse; margin-bottom: 0; width: 100%;}
.finance-con-child table thead tr th {padding: 14px 6px; font-size: 16px; font-weight: 650; color: #fff; line-height: 1; background: #011356; border: 1px solid #C5D9FF;}
.finance-con-child table thead tr th:first-child {border-left: 0;}
.finance-con-child table thead tr th:last-child {border-right: 0;}
.finance-con-child table tbody tr td {padding: 19px 10px; font-size: 18px; font-weight: 450; color: #444; line-height: 23.4px; background: #F1F6FF; border: 1px solid #C5D9FF; text-align: center; word-break: keep-all;}
.finance-con-child table tbody tr td:first-child {border-left: 0;}
.finance-con-child table tbody tr td:last-child {border-right: 0;}
.finance-con-child table tbody tr td[rowspan="2"] {border-right: 1px solid #C5D9FF;}
.finance-con-child table tbody tr:last-child td {border-bottom: 1px solid #6085F6;}
.tabcontent .finance-con-child table thead tr th {border: 0;}
.tabcontent .finance-con-child table tbody tr:last-child td {border-bottom: 1px solid #6085F6;}
.tabcontent:not(#applications5) .finance-con-child table thead tr th {border: 0; display: table-cell; width: calc(100% / 6);}
.tabcontent:not(#applications5) .finance-con-child table tbody tr td {border: 0; display: table-cell; width: calc(100% / 6);}
#applications5 .finance-con-child table tbody tr:nth-last-child(2) td[rowspan="2"] {border-bottom: 1px solid #6085F6;}
#applications1 .finance-con-child tbody tr:nth-child(3n+3) td {border-bottom: 1px solid #6085F6;}

/* management-policy */
.company-nav-list .company-nav-title a {font-weight: 450; color: #848484; transition: all .1s;}
.company-nav-list .company-nav-title a:hover, .company-nav-list .company-nav-title.active a {color: #011356; font-weight: 650 !important ;}
.company-nav-list .company-nav-title.active a {font-weight: 750;}
.sustainability-child {top: 0; margin: 112px auto 280px;}
.sustainability-child .sustainability-child-header {margin-top: 160px; padding: 0 13px;}
.sustainability-child .sustainability-child-header h1 {font-size: 72px; font-weight: 650; color: #000; margin: 0;}
.sustainability-child .sustainability-child-header h4 {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6; margin-top: 16px;}
.sustainability-child .sustainability-child-header .btn-black {border: 1px solid #011356;}
.sustainability-child .sustainability-child-header .btn-black h3 {color: #011356; line-height: 1; letter-spacing: -0.01rem; font-family: var(--font-family-kr);}
.sustainability-child .sustainability-child-header .btn-black .svg-fill {fill: #011356;}
.sustainability-child .sustainability-child-header .btn-black:hover h3 {color: #fff;}
.sustainability-child .sustainability-child-header .btn-black:hover .svg-fill {fill: #fff;}
.sustainability-child .sustainability-child-con {margin-top: 240px; display: grid; grid-template-columns: 2fr 3fr;}
.sustainability-child .sustainability-child-con:first-child {margin-top: 240px;}
.sustainability-child .sustainability-child-con .sustainability-child-con-title {padding: 0 13px; width: 450px;}
.sustainability-child .sustainability-child-con .sustainability-child-con-title h2 {font-size: 30px; font-weight: 650; color: #000;}
.sustainability-child .sustainability-child-con .sustainability-child-con-title h4 {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6; margin-top: 24px;}
.sustainability-child .sustainability-child-con .sustainability-child-con-con {padding: 60px 13px 0;}
.sustainability-child .sustainability-child-con .sustainability-child-con-con h5 {font-size: 18px; font-weight: 650; color: #011356; margin-bottom: 20px;}
.sustainability-child .sustainability-child-con .sustainability-child-con-con h6 {font-size: 16px; font-weight: 450; color: #848484; line-height: 1.5; margin-top: 16px;}
.sustainability-child .sustainability-child-con .sustainability-child-con-con ul {display: grid; grid-template-columns: repeat(1, 1fr); gap: 8px;}
.sustainability-child .sustainability-child-con .sustainability-child-con-con ul > li {border-radius: 8px; background: #F1F6FF; padding: 24px 28px; font-size: 18px; font-weight: 500; color: var(--black2); line-height: 27px; align-items: baseline;}
.sustainability-child .sustainability-child-con .sustainability-child-con-con-02 ul > li {background: #F2F2F2;}
.sustainability-child .sustainability-child-con .sustainability-child-con-con div + div {margin-top: 48px;}
.sustainability-child-con-con-01 .number-box-01 {font-size: 16px; font-weight: 650; line-height: 1;}

/* fair-trade */
.sustainability-child .fair-trade {margin-top: 180px; padding: 0 13px;}
.sustainability-child .fair-trade h1 {font-size: 44px; font-weight: 700; color: #000; line-height: 57.2px; margin-bottom: 24px; line-height: 1.3;}
.sustainability-child .fair-trade h5 {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 28.8px;}
.sustainability-child .fair-trade a h5 {font-size: 16px; line-height: 1; color: #011356; font-weight: 650;}
.sustainability-child .fair-trade .fair-trade-btn {margin-top: 64px; display: flex; gap: 24px;}
.fair-trade-btn {margin-top: 80px; display: flex; gap: 24px;}
.sustainability-child .fair-trade .fair-trade-btn a, .fair-trade-btn a {border-radius: 4px; border: 1px solid #011356; padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 60px; transition: 0.2s;}
.fair-trade-btn a h5 {font-size: 16px; font-weight: 650; color: #011356; margin: 0; transition: 0.2s;}
.fair-trade-btn a:hover {background: #011356;}
.fair-trade-btn a:hover h5, .sustainability-child .fair-trade a:hover h5 {color: #fff;}
.fair-trade-btn a:hover .svg-stroke {stroke: #fff;}

/* feedback-and-grievance */
.sustainability-child .feedback {margin-top: 180px;}
.sustainability-child .feedback .feedback-header {font-size: 44px; font-weight: 700; color: #000; line-height: 1.3; margin-bottom: 280px; padding: 0 13px;}
.sustainability-child .feedback .feedback-01 {display: grid; grid-template-columns: repeat(5, 1fr);}
.feedback-01-title {font-size: 22px !important; font-weight: 650 !important; color: #011356; padding: 0 13px;}
.sustainability-child .feedback .feedback-01 .feedback-01-child {padding-left: 20px; border-left: 1px solid #011356;}
.sustainability-child .feedback .feedback-01 .feedback-01-child .number-box {width: 24px; height: 24px; border-radius: 2px; background: #011356; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 650; color: #fff;}
.sustainability-child .feedback .feedback-01 .feedback-01-child h3 {font-size: 32px; font-weight: 600; color: var(--black1); line-height: 41.6px; margin-top: 14px;}
.sustainability-child .feedback .feedback-01 .feedback-01-child ul {margin-top: 18px;}
.sustainability-child .feedback .feedback-01 .feedback-01-child ul > li {padding: 0 0 0 24px; font-size: 16px; font-weight: 450; color: var(--black2); line-height: 23.2px; position: relative;}
.sustainability-child .feedback .feedback-01 .feedback-01-child ul > li::before {content: ''; width: 9px; height: 9px; border-radius: 2px; background: #6085F6; position: absolute; top: 6px; left: 4px;}
.sustainability-child .feedback .feedback-01 .feedback-01-child ul > li + li {margin-top: 2px;}
.sustainability-child .feedback .feedback-02 { gap:50px; margin-top: 200px; display: grid; grid-template-columns: 2fr 3fr;}
.sustainability-child .feedback .feedback-02 .feedback-02-title h3 {font-size: 22px; font-weight: 650; color: #011356; padding: 0 13px;}
.sustainability-child .feedback .feedback-02 .feedback-02-child {max-width: 710px; padding: 0 13px;}
.feedback-02-child li { list-style: number;}
.sustainability-child .feedback .feedback-02 .feedback-02-child > ul > li {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6; }
.sustainability-child .feedback .feedback-02 .feedback-02-child > ul > li + li {margin-top: 20px;}
.sustainability-child .feedback .feedback-02 .feedback-02-child > ul > li em {font-size: 16px; font-weight: 450; color: #848484; line-height: 1.5; margin-top: 6px; font-style: unset;}
.sustainability-child .feedback .feedback-03 {margin-top: 160px; display: grid; grid-template-columns: 2fr 3fr;}
.sustainability-child .feedback .feedback-03 .feedback-03-title h3 {font-size: 22px; font-weight: 650; color: #011356; padding: 0 13px;}
.sustainability-child .feedback .feedback-03 .feedback-03-form {max-width: calc(710px - 42px); width: 100%; margin: 0 13px; padding: 32px 20px 32px; background: #F1F6FF;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group {position: relative;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group input, .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group textarea {border-radius: 6px 6px 0 0; border-bottom: 1px solid #011356;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group input:focus, .sustainability-child .feedback .feedback-03 .feedback-03-form .form-group textarea:focus {border: 1px solid #011356;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group input[type="file"] {width: 100%; padding: 12px; font-size: 16px; background: #fff; box-sizing: border-box;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree {display: flex; align-items: flex-start; justify-content: space-between; gap: 40px;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree input[name="agreement"] {width: 20px; height: 20px; border-radius: 2px; margin: 0; border: 1px solid #444; flex: none; appearance: none !important; position: relative; cursor: pointer;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree input[name="agreement"]:checked::before {content: ''; width: 12px; height: 12px; display: inline-block; background: #011356; border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree .form-agree {display: flex; align-items: center; gap: 10px;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree .form-agree a {font-weight: 650; color: #011356; text-decoration: underline; text-underline-offset: 3px;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree button {width: 100%; max-width: 220px; border-radius: 4px; padding: 16px; background: #fff; border: 1px solid #011356; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 650; color: #011356; font-family: var(--font-family-kr); line-height: 1;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree button i {width: 16px; height: 10px; background-image: url("../../assets/icons/submit-arrow.svg"); background-repeat: no-repeat; background-size: contain;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree button.active {background: #011356; border: 1px solid #011356; color: #fff;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-agree button.active i {filter: brightness(10);}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group label {display: flex; align-items: center; gap: 10px;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-cate {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-cate select {border-radius: 6px 6px 0 0; border-bottom: 1px solid #011356; background-image: url("../../assets/icons/dropdown-arrow.svg");}
.sustainability-child .feedback .feedback-03 .feedback-03-form .form-group-cate select:focus {border: 1px solid #011356;}


/* product-inquiry */
.contact-con {max-width: 1226px; width: 100%; font-size: 22px; margin: 0 auto;}
.contact-con .contact-con-nav {height: fit-content; margin: 40px 0 0; padding-left: 10px;}
.contact-con .contact-con-nav-list {display: flex; gap: 24px; }
.contact-con .contact-con-nav-list li a {font-size: 18px; font-weight: 450; color: #848484; transition: all .1s;}
.contact-con .contact-con-nav-list li a:hover {color: #011356; font-weight: 650;}
.contact-con .contact-con-child {margin-top: 120px; margin-bottom: 280px;}
.contact-con .contact-con-child .contact-con-child-con {display: grid; grid-template-columns: 1fr 4fr;}
.contact-con .contact-con-child .contact-con-child-con + .contact-con-child-con {margin-top: 200px;}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-title {font-size: 22px; font-weight: 750; color: #011356; line-height: 28.6px; padding: 0 13px;}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con {display: grid; gap: 88px 0}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child {padding-left: 20px; border-left: 1px solid #444;}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child h2 {font-size: 30px; font-weight: 550; color: #000; line-height: 39px; margin-bottom: 12px;}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child p {font-size: 18px; font-weight: 600; color: #000; line-height: 24.3px;}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child table {margin-top: 36px; line-height: 25px;}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child table tr {display: flex; gap: 18px;}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child table tr td {font-size: 16px; font-weight: 450; color: var(--black2); 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 {font-weight: 550; min-width: 80px;}
.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 {flex: 1;}
.contact-con .contact-con-child .contact-con-child-con .contact-con-child-con-con .contact-con-child-con-con-child table tr:not(:first-child) {margin-top: 4px;}
.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 {text-decoration: underline; text-underline-position: under; }
.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 img { margin-left:3px }
.contact-con .contact-con-child .contact-con-child-con:nth-child(1) .contact-con-child-con-con .contact-con-child-con-con-child:nth-child(1) {grid-column: 1/4;}
₩.contact-con .contact-con-child .contact-con-child-con:nth-child(1) .contact-con-child-con-con .contact-con-child-con-con-child:nth-child(3) {grid-column: 4/4;}
.contact-con .contact-con-child .contact-con-child-con:nth-child(2) .contact-con-child-con-con {grid-template-columns: repeat(2, 1fr); grid-row-gap: 80px;}
.contact-table a { color: #000722 }

/* business-inquiry */
.contact-con .contact-con-child .contact-con-business {display: grid; grid-template-columns: 3fr 2fr; grid-row-gap: 80px;}
.contact-con .contact-con-child .contact-con-business .business-con-child {padding-left: 20px; border-left: 1px solid #444;}
.contact-con .contact-con-child .contact-con-business .business-con-child h2 {font-size: 30px; font-weight: 600; color: #000;}
.contact-con .contact-con-child .contact-con-business .business-con-child table {margin-top: 32px;}
.contact-con .contact-con-child .contact-con-business .business-con-child table tr {display: flex; gap: 18px;}
.contact-con .contact-con-child .contact-con-business .business-con-child table tr td {font-size: 16px; font-weight: 450; color: var(--black2); word-break: keep-all;}
.contact-con .contact-con-child .contact-con-business .business-con-child table tr td:first-child {font-weight: 550; min-width: 80px;}
.contact-con .contact-con-child .contact-con-business .business-con-child table tr td:last-child {flex: 1;}
.contact-con .contact-con-child .contact-con-business .business-con-child table tr + tr {margin-top: 10px;}

/* e-business */
.ebusiness .contact-con-nav {position: absolute; z-index: 99; top: 88px; width: 100%; max-width: 1226px; margin: 0 auto; left: 50%; transform: translateX(-50%); padding-top: 20px;}
.ebusiness .contact-con-nav .contact-con-nav-list {display: flex; gap: 24px;}
.ebusiness .contact-con-nav .contact-con-nav-list a {font-size: 18px; font-weight: 450; color: #fff;}
.ebusiness .contact-con-nav .contact-con-nav-list a.active {font-weight: 750;}
.ebusiness-header {position: relative;}
.ebusiness-header .ebusiness-header-text {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1226px; margin: 0 auto; padding-bottom: 66px;}
.ebusiness-header .ebusiness-header-text .group-heading {font-size: 48px; font-weight: 750; color: #fff; line-height: 1.3; margin: 0;}
.ebusiness-header .ebusiness-header-text .group-desc {display: none;}
.ebusiness-header .ebusiness-header-text a {display: flex; align-items: center; justify-content: space-between; margin: 28px 0 0; max-width: 245px; border-radius: 4px; border: 1px solid #fff; font-size: 16px; font-weight: 650; color: #fff; gap: 20px; }
.ebusiness-header .ebusiness-header-text a svg {filter: invert(1);}
.ebusiness-header-image {width: 100%; height: 800px;}
.ebusiness-header-image img {width: 100%; height: 100%; object-fit: cover;}

/* how-we-work */
.careers-con {margin: 200px 0 240px;}
.careers-con > div + div {margin-top: 235px !important;}
.careers-con .hww-01 {display: grid; grid-template-columns: 3fr 2fr;}
.careers-con .hww-01-01 {font-size: 44px; font-weight: 700; color: #000; line-height: 1.3; padding: 0 13px;}
.careers-con .hww-01-02 {display: grid; grid-template-columns: repeat(1, 1fr); gap: 48px;}
.careers-con .hww-01-02 .hww-01-02-child {padding-left: 20px; border-left: 1px solid #000722;}
.careers-con .hww-01-02 .hww-01-02-child h3 {font-size: 32px; font-weight: 550; color: #000722;}
.careers-con .hww-01-02 .hww-01-02-child h5 {font-size: 18px; font-weight: 550; color: var(--black2);}
.careers-con .hww-01-02 .hww-01-02-child h3 + h5 {margin-top: 18px;}
.careers-con .hww-02 {display: grid; grid-template-columns: 2fr 3fr;}
.careers-con .hww-02 .hww-02-01 {font-size: 22px; font-weight: 750; color: #011356; padding: 0 13px;}
.careers-con .hww-02 .tabs {margin: 0; padding: 0 13px;}
.careers-con .hww-02 .tabs .tab-nav {gap: 12px;}
.careers-con .hww-02 .tabs .tab-nav li {background-color: #fff; border: 1px solid #011356; font-size: 16px; font-weight: 650; color: #011356; line-height: 1; padding: 15px 36px; margin-right: 0;}
.careers-con .hww-02 .tabs .tab-nav li.active,.careers-con .hww-02 .tabs .tab-nav li:hover {background-color: #011356; color: #fff !important;}
.careers-con .hww-02 .tabs .tab-content {margin-top: 32px;}
.careers-con .hww-02 .tabs .tab-content .tab {margin: 0; display: grid; grid-template-columns: repeat(1, 1fr); gap: 16px;}
.careers-con .hww-02 .tabs .tab-content .tab-section {padding: 24px 24px 28px; border-radius: 8px; background: #F1F6FF; }
.careers-con .hww-02 .tabs .tab-content .tab-section h2 {font-size: 22px; font-weight: 650; color: #011356;}
.careers-con .hww-02 .tabs .tab-content .tab-section .tab-content-body {margin-top: 20px;}
.careers-con .hww-02 .tabs .tab-content .tab-section .tab-content-body > ul > li {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.4; position: relative; padding-left: 25px;}
.careers-con .hww-02 .tabs .tab-content .tab-section .tab-content-body > ul > li::before {content: ''; width: 9px; height: 9px; border-radius: 2px; background: #6085F6; position: absolute; top: 7px; left: 4px;}
.careers-con .hww-02 .tabs .tab-content .tab-section .tab-content-body > ul > li + li {margin-top: 8px;}

/* life-at-tcc */
.careers-con.life .hww-01 {grid-template-columns: 2fr 3fr;}
.careers-con.life .hww-01-01 {font-size: 22px; font-weight: 750; color: #011356; padding: 0 13px;}
.careers-con.life .hww-01-02 > ul {display: grid; grid-template-columns: repeat(1, 1fr); gap: 16px !important; padding-left: 10px;}
.careers-con.life .hww-01-02 > ul > li {font-size: 32px; font-weight: 500; color: var(--black1); line-height: 44.8px; display: flex; align-items: baseline; gap: 12px; word-break: keep-all;}
.careers-con.life .hww-01-02 > ul > li .number-box {width: 28px; height: 28px; flex: none; font-size: 16px; font-weight: 650; color: #fff; transform: translateY(-5px);}
.careers-con.life .hww-02 .hww-02-02 {}
.careers-con.life .hww-02 .hww-02-02 .welfare-benefits {padding: 0 13px; gap: 100px;}
.careers-con.life .hww-02 .hww-02-02 .welfare-item {border: 0; border-radius: 0; background: unset; gap: 28px;}
.careers-con.life .hww-02 .hww-02-02 .welfare-item .welfare-item-content {padding: 0; gap: 12px;}
.careers-con.life .hww-02 .hww-02-02 .welfare-item .welfare-item-content .welfare-item-index {border-radius: 3px; background: #011356; font-size: 16px; font-weight: 650; color: #fff; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin: 0; transform: translateY(2px); flex: none;}
.careers-con.life .hww-02 .hww-02-02 .welfare-item .welfare-item-content .welfare-item-details {}
.careers-con.life .hww-02 .hww-02-02 .welfare-item .welfare-item-content .welfare-item-details h2 p {font-size: 32px; font-weight: 550; color: var(--black1); line-height: 1; margin: 0 0 12px; transform: unset;}
.careers-con.life .hww-02 .hww-02-02 .welfare-item .welfare-item-content .welfare-item-details p {font-size: 18px; font-weight: 450; color: var(--black2); margin: 0; transform: translateX(-40px);}
.careers-con .htp-02 .htp-02-02 .recruitment-list {display: grid; grid-template-columns: 1fr; gap: 16px; transition: 1s;}
.careers-con .htp-02 .htp-02-02 .recruitment-item {padding: 28px 24px; border-radius: 8px; background: #fff; border: 0; align-items: baseline; margin-bottom: 0; transition: 1s;}
.careers-con .htp-02 .htp-02-02 .recruitment-item h3 {font-size: 22px; font-weight: 650; color: #000; margin: 0 0 16px;}
.careers-con .htp-02 .htp-02-02 .recruitment-item h3 p {font-size: 22px; font-weight: 650; color: #000;}
.careers-con .htp-02 .htp-02-02 .recruitment-item a {font-size: 18px;}

/* how-to-apply */
.careers-con .htp_01_01 {display: grid; grid-template-columns: 1fr; gap: 130px;}
.careers-con .htp_01_01 > p {font-size: 22px; font-weight: 750; color: #011356;}
.careers-con .htp_01_02 {}
.careers-con .htp_01_02 > ul {display: grid; grid-template-columns: repeat(5, 1fr);}
.careers-con .htp_01_02 > ul > li {font-size: 32px; font-weight: 600; color: #011356; line-height: 1.3; padding-left: 20px; border-left: 1px solid #011356; display: grid; grid-template-columns: 1fr; gap: 12px;}
.careers-con .htp_01_02 > ul > li .number-box {width: 24px; height: 24px; flex: none; border-radius: 2px; background: #011356; font-size: 16px; font-weight: 650; color: #fff; display: flex; align-items: center; justify-content: center;}
.hta-full { background-color: #F1F6FF;}
.hta-full-con { width: 100%; max-width: 1226px; margin: 0 auto;padding: 120px 0; position: relative; z-index: 99;}
.hta-full .htp-02 {display: grid; grid-template-columns: 2fr 3fr;}
.hta-full .htp-02 .htp-02-01 {padding: 0 13px;}
.hta-full .htp-02 .htp-02-01 p {font-size: 22px; font-weight: 750; color: #011356;}
.hta-full .htp-02 .htp-02-02 {padding: 0 13px;}
.hta-full .htp-02 .htp-02-02 .recruitment-item {padding: 28px 24px; background: #fff; align-items: flex-start; border: 0; border-radius: 8px;}
.hta-full .htp-02 .htp-02-02 .recruitment-item a {font-size: 20px;}
.hta-full .htp-02 .htp-02-02 .recruitment-item .recruitment-item-txt h3 {font-size: 22px; font-weight: 650; color: #000; margin: 0 0 16px;}
.hta-full .htp-02 .htp-02-02 .recruitment-item .recruitment-item-txt h3 p {font-size: 22px; font-weight: 650; color: #000;}
.hta-full .htp-02 .htp-02-02 .recruitment-item .recruitment-item-txt p {font-size: 18px; font-weight: 450; color: #848484;}
.hta-full .htp-02 .htp-02-02 .recruitment-item:hover {background: #011356;}
.hta-full .htp-02 .htp-02-02 .recruitment-item:hover .recruitment-item-txt h3 p {color: #fff;}
.hta-full .htp-02 .htp-02-02 .recruitment-item:hover .recruitment-item-txt p {color: #EEEEEE;}
.hta-full .htp-02 .htp-02-02 .recruitment-item:hover .svg-fill {fill: #fff;}
.hta-full .search-bar {margin-bottom: 64px;}
.hta-full .search-bar form {display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%;}
.hta-full .search-bar select {border-radius: 6px 6px 0 0; border: 0; border-bottom: 1px solid #011356; height: 48px; box-sizing: border-box; margin: 0; appearance: none; -webkit-appearance: none; background-image: url("../../assets/icons/dropdown-arrow.svg"); background-repeat: no-repeat; background-position:  right 10px center;}
.hta-full .selected-category {    width: auto;
    min-width: 123px;
    border-radius: 6px 6px 0 0;
    border: 0;
    border-bottom: 1px solid #011356;
    height: 48px;
    box-sizing: border-box;
    margin: 0;}
.hta-full .search-bar .input-wrap {display: flex; align-items: center; justify-content: end; gap: 16px; flex: 1;}
.hta-full .search-bar input[type="text"] {border-radius: 6px 6px 0 0; border: 0; border-bottom: 1px solid #011356; height: 48px; box-sizing: border-box; margin: 0; flex: 1; max-width: 328px;}
.hta-full .search-bar button {width: 100%; max-width: 122px; height: 48px; background: #fff; font-size: 16px; font-weight: 650; color: #011356; border: 1px solid #011356;}
.hta-full .search-bar button:hover {background: #011356; color: #fff;}
.hta-full .pagination {gap: 24px; margin-top: 48px;}
.hta-full .pagination a {font-size: 18px; font-weight: 450; color: #848484; margin: 0; border-radius: 0; padding: 4px;}
.hta-full .pagination a.active {font-weight: 650; color: #011356; border-bottom: 1px solid #011356; background-color: unset;}
.hta-full .pagination a:first-child {margin-right: 12px; font-family: cursive;}
.hta-full .pagination a:last-child {margin-left: 12px; font-family: cursive;}
.hta-full .pagination a:hover {background-color: unset; color: #011356;}
.htp-max { max-width: 1226px; width: 100%; margin: 0 auto; padding: 120px 0 280px 0 }
.htp-max .htp-03 {display: grid; grid-template-columns: 2fr 3fr;}
.htp-max .htp-03 .htp-03-01 {padding: 0 13px;}
.htp-max .htp-03 .htp-03-01 p {font-size: 22px; font-weight: 750; color: #011356;}
.htp-max .htp-03 .htp-03-02 {padding: 0 13px;}
.htp-max .htp-03 .htp-03-02 .faq-list {margin: 0; gap: 24px;}
.htp-max .htp-03 .htp-03-02 .faq-list .faq-item {padding: 28px 24px; background-color: #F1F6FF;}
.htp-max .htp-03 .htp-03-02 .faq-list .faq-item:not(:last-child) {margin: 0;}
.htp-max .htp-03 .htp-03-02 .faq-list .faq-item .faq-question h3 {font-size: 22px; font-weight: 650; color: #011356; margin-bottom: 18px;}
.htp-max .htp-03 .htp-03-02 .faq-list .faq-item .faq-answer p {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6;}

/* r&d */
.rd-con .rd-con-01, .rd-con .rd-con-03, .rd-con .rd-con-05 {max-width: 1226px; margin: 0 auto; width: 100%;}
.rd-con-01 { height:800px }
.rd-con-03 { position: relative; z-index: 100; }
.rd-con-01-con { padding-top:240px ; padding-left:10px }
.rd-con-01 .rd-con-01-con h2 {font-size: 44px; font-weight: 750; color: #000;}
.rd-con-01 .rd-con-01-con h4 {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6; margin-top: 24px;}
.rd-con-02 { height: 600px; padding: 100px 0 96px; background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.rd-con-02::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.2);}
.rd-con-02 .rd-con-02-header {max-width: 1226px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 3fr 2fr; position: relative; z-index: 1;}
.rd-con-02 .rd-con-02-header h2 {font-size: 48px; font-weight: 650; color: #fff; line-height: 57.6px; padding-left: 13px;}
.rd-con-02 .rd-con-02-header h4 {font-size: 18px; font-weight: 450; color: #EEEEEE; line-height: 28.8px; padding-left: 13px; padding-top: 12px;}
.rd-con-02 .rd-con-02-con {max-width: 1226px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); color: #fff; position: relative; z-index: 1;}
.rd-con-02 .rd-con-02-con .rd-con-02-con-child {padding-left: 16px; border-left: 1px solid #fff;}
.rd-con-02 .rd-con-02-con .rd-con-02-con-child h3 {font-size: 72px; font-weight: 550; line-height: 1;}
.rd-con-02 .rd-con-02-con .rd-con-02-con-child h5 {font-size: 16px; font-weight: 450; margin-top: 6px;}
.rd-con-03 {padding: 100px 0;}
.rd-con-02-con .rd-con-02-con-child:last-child {  border-left:0 }
.rd-con-03 h3 {font-size: 22px; font-weight: 750; color: #011356; padding-left: 12px;}
.rd-con-03 h3 + img {margin-top: 40px;}
.rd-con-03 img {width: 100%; max-width: 1200px; height: 560px; object-fit: cover; padding-left: 12px;}
.rd-con-04 {height: 360px; background-repeat: no-repeat; background-size: cover; background-position: top; padding: 100px 0;}
.rd-con-04 .rd-con-04-con {color: #fff; max-width: 1226px; margin: 0 auto; display: grid; grid-template-columns: 3fr 2fr;}
.rd-con-04 .rd-con-04-con h3 {font-size: 32px; font-weight: 650;}
.rd-con-04 .rd-con-04-con h4 {font-size: 22px; font-weight: 750;}
.rd-con-04 .rd-con-04-con h5 {font-size: 18px; font-weight: 450; line-height: 1.6;}
.rd-con-04 .rd-con-04-con h6 {font-size: 18px; font-weight: 450;}
.rd-con-04 .rd-con-04-con h3 + h5 {margin-top: 20px;}
.rd-con-04 .rd-con-04-con h4 + h6 {margin-top: 8px;}
.rd-con-04 .rd-con-04-con .rd-con-04-con-01 {padding-left: 10px;}
.rd-con-04 .rd-con-04-con .rd-con-04-con-02-child {padding-left: 20px; border-left: 1px solid #fff;}
.rd-con-04 .rd-con-04-con .rd-con-04-con-02-child + .rd-con-04-con-02-child {margin-top: 40px;}
.rd-con-05 {padding: 120px 0 200px;}
.rd-con-05 > h3 {font-size: 22px; font-weight: 750; color: #011356; margin-bottom: 90px; padding-left: 10px;}
.rd-con-05 .rd-con-05-child {}
.rd-con-05 .rd-con-05-child > h5 {font-size: 22px; font-weight: 650; color: #000; margin-bottom: 24px; padding-left: 10px; display: flex; align-items: center;}
.rd-con-05 .rd-con-05-child .rd-con-05-child-con {display: grid; grid-template-columns: 2fr 3fr;gap:16px }
.rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-01 {font-size: 18px; font-weight: 450; color: var(--black2); line-height: 1.6; padding-left: 10px; word-break: keep-all;}
.rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 {padding: 0 13px;}
.rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 > h5 {font-size: 18px; font-weight: 650; color: var(--black2); margin-bottom: 20px;}
.rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 .rd-con-05-child-02-group {border-radius: 8px; background: #F1F6FF; padding: 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: 18px; font-weight: 650; color: var(--black2);}
.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: 16px; font-weight: 400; color: #848484; line-height: 1.5;}
.rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 .rd-con-05-child-02-group h5 + h6 {margin-top: 10px;}
.rd-con-05 .rd-con-05-child .rd-con-05-child-con .rd-con-05-child-02 .rd-con-05-child-02-group + .rd-con-05-child-02-group {margin-top: 8px;}
.rd-con-05 .rd-con-05-child + .rd-con-05-child {margin-top: 120px;}
.rd-con-06 {}
.rd-con-06 .swiper-container {height: 800px; overflow-x: hidden; }
.rd-con-06 .swiper-container .swiper-slide {max-width: 100%;}
.rd-con-06 .swiper-container .swiper-slide img {width: 100%; height: 100%;}
.rd-con-06 .swiper-pagination {bottom: 48px !important; display: flex; align-items: center; justify-content: center; gap: 16px;}
.rd-con-06 .swiper-pagination .swiper-pagination-bullet {width: 9px; height: 9px; margin: 0 !important; border-radius: 2px;}
.rd-con-06 .swiper-pagination .swiper-pagination-bullet-active {background: #6085F6;}
.rd-con-06 .swiper-button-prev { width: 40px; height: 76px;}
.rd-con-06 .swiper-button-next { width: 40px; height: 76px;}
.rd-con-06 .swiper-button-prev::after {content: ''; width: 29px; height: 56px; background-image: url("../../assets/icons/swiper-prev.svg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
 .swiper-button-next::after {content: ''; width: 29px; height: 56px; background-image: url("../../assets/icons/swiper-next.svg"); background-repeat: no-repeat; background-size: cover; background-position: center;}

/* modal */
.modal-content { position: relative;margin: 10% auto; width: 80%; max-width: 700px; background-color: #fff;}
.modal-content .close-modal, .close-modal-02{position: absolute;top: 40px; right: 48px;color: #000;font-size: 28px;cursor: pointer;}
.modal-con-con {padding: 80px 114px 15px 48px;}
.modal-con-con .modal-con-con-left {padding-right: 147px;}
.modal-con-con-left h3 {font-size: 32px; font-weight: 650; line-height: 41.6px; word-break: keep-all;}
.modal-con-con-left p {font-size: 18px; font-weight: 450; line-height: 1; margin-top: 20px; color:#444444}
.modal-con-con-left .fair-trade-btn {margin-top: 64px; width: 100%;}
.modal-con-con-left .fair-trade-btn a {width: 100%;}
.modal-con-con-left .fair-trade-btn a h5 {font-size: 16px; font-weight: 650; line-height: 1;}
.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;}

/* finance modal */
.f-modal-01 .container {padding: 0 48px; margin: 96px 0 80px; overflow-y: auto;}
.f-modal-01 .container::-webkit-scrollbar {width: 4px; border-radius: 1px; background: #C5D9FF;}
.f-modal-01 .container::-webkit-scrollbar-thumb {border-radius: 1px; background: #011356;}
.f-modal-01 .container .stock-header h3 {font-size: 32px; font-weight: 650; line-height: 41.6px; margin-bottom: 64px;}
.f-modal-01 .container .stock-header .sh-top-left h3 {font-size: 22px; font-weight: 600; line-height: 1; margin-bottom: 12px;}
.f-modal-01 .container .stock-header .sh-top-left h1 {font-size: 72px; font-weight: 550; line-height: 1;}
.f-modal-01 .container .stock-header .sh-top-right .update-time {font-size: 16px; font-weight: 550; line-height: 1; color: #848484;}
.f-modal-01 .container .stock-header .sh-con {display: grid; grid-template-columns: 1fr 3fr; gap: 92px; margin-top: 64px;}
.f-modal-01 .container .stock-header .sh-con .label-section {display: grid; grid-template-columns: 1fr; gap: 32px;}
.f-modal-01 .container .stock-header .sh-con .label-section p {display: grid; grid-template-columns: 1fr; gap: 10px; font-size: 18px; font-weight: 550; line-height: 1; color: #444 !important;}
.f-modal-01 .container .stock-header .sh-con .label-section p strong {font-size: 32px; font-weight: 550; line-height: 1; color: #000;}
.f-modal-01 .container .stock-header .sh-con .label-section p.price-change strong {color: #FF6253;}
.f-modal-01 .container .stock-header .sh-con .stock-info {gap: 21px;}
.f-modal-01 .container .stock-header .sh-con .info-table {width: 100%;}
.f-modal-01 .container .stock-header .sh-con .info-table tr {display: grid; grid-template-columns: 2fr 3fr;}
.f-modal-01 .container .stock-header .sh-con .info-table tr:not(:last-child) {border-bottom: 1px solid #fff;}
.f-modal-01 .container .stock-header .sh-con .info-table th {font-size: 16px; font-weight: 650; line-height: 1; color: #011356; padding: 14px; display: flex; align-items: center; justify-content: center; background: #C5D9FF;}
.f-modal-01 .container .stock-header .sh-con .info-table td {font-size: 18px; font-weight: 450; line-height: 1; color: #444; padding: 14px; display: flex; align-items: center; justify-content: center; background: #F1F6FF;}
.f-modal-01 .container .tab-container {margin-top: 100px; display: flex; gap: 12px;}
.f-modal-01 .container .tab-container .tab {padding: 16px 54px; font-size: 16px; font-weight: 650; line-height: 1; color: #011356; border-radius: 4px; border: 1px solid #011356;}
.f-modal-01 .container .tab-container .tab.active {color: #fff !important; background: #011356;}
.f-modal-01 .container .tab-content {margin-top: 32px;}
.f-modal-01 .container .tab-content .info-table {width: 100%;}
.f-modal-01 .container .tab-content .info-table tr {display: flex;}
.f-modal-01 .container .tab-content .info-table tbody tr:not(:last-child) {border-bottom: 1px solid #C5D9FF;}
.f-modal-01 .container .tab-content .info-table tbody tr:last-child {border-bottom: 1px solid #6085F6;}
.f-modal-01 .container .tab-content .info-table th {font-size: 16px; font-weight: 650; line-height: 1; color: #fff; padding: 14px; display: flex; align-items: center; justify-content: center; background: #011356; width: 100%;}
.f-modal-01 .container .tab-content .info-table td {font-size: 18px; font-weight: 450; line-height: 1; color: #444; padding: 19px 14px; display: flex; align-items: center; justify-content: center; background: #F1F6FF; width: 100%;}
.f-modal-01 .container #member-trade .info-table thead tr:nth-child(1) th {border-bottom: 1px solid #5B5F81;}
.f-modal-01 .container #member-trade .info-table thead tr:nth-child(1) th + th {border-left: 1px solid #5B5F81;}
.f-modal-01 .container #member-trade .info-table thead tr:nth-child(2) th + th {border-left: 1px solid #5B5F81;}

.f-modal-02-con {margin: 100px 0 80px !important; padding: 0 48px;}
.f-modal-02-con::-webkit-scrollbar {width: 4px; border-radius: 1px; background: #C5D9FF;}
.f-modal-02-con::-webkit-scrollbar-thumb {border-radius: 1px; background: #011356;}

/* 제가 해놨던 부분들! 무시하셔도 됩니다 !!!!!!! 시안대로 해주세욥! 겹치는 부분이 있다면 지워주세요!! 감사합니다 하트하트 */

.company-con { z-index: 99;}

/*.htp-02 { background-color:#F1F6FF}*/

.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8); align-items: center;}
.close-modal {position: absolute;top: 10px;right: 20px;color: #000;font-size: 28px;cursor: pointer;}
.modal img {width: 100%;}

.search-bar {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.search-bar select,
.search-bar input[type="text"] {padding: 10px;font-size: 16px;border: 1px solid #ccc;border-radius: 4px;margin-right: 10px; outline: unset;}
.search-bar button { padding: 10px 20px; font-size: 16px; background-color: #011356; color: white; border: none; border-radius: 4px; cursor: pointer;}
.search-bar button:hover { background-color: #005bb5;}
.recruitment-list {margin-top: 20px;}
.recruitment-item { display: flex; justify-content: space-between; align-items: center; padding: 15px; background-color: #f9f9f9; margin-bottom: 10px;border: 1px solid #ddd; border-radius: 4px;}
.recruitment-item h3 {margin: 0;}
.recruitment-item a { font-size: 24px; color: #011356; text-decoration: none;}
.recruitment-item a:hover { color: #005bb5;}
.pagination { display: flex; justify-content: center; margin-top: 20px;}
.pagination a { padding: 10px 15px; margin: 0 5px; text-decoration: none; border: 1px solid #ccc; color: #333; border-radius: 4px;}
.pagination a.active { background-color: #011356; color: white; border: none;}
.pagination a:hover {background-color: #005bb5;color: white;}
.pagination a.disabled {color: #ccc;pointer-events: none;}

.faq-list { margin-top: 20px;display: flex; flex-direction: column; gap: 20px;}
.faq-item { background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px;padding: 20px;}
.faq-question h3 { font-size: 18px; font-weight: bold; color: #011356; margin-bottom: 10px;}
.faq-answer p {font-size: 16px;color: #333;line-height: 1.5;}
.faq-item:not(:last-child) {margin-bottom: 15px;}

.sustainability-con-01-02-con {padding: 20px;}
.vision-section .vision { background-color: #002366;color: white;padding: 20px;font-size: 24px;font-weight: bold;}
.esg-strategy-section .esg-strategy { border: 2px solid #002366; padding: 15px; font-size: 24px; font-weight: bold; display: inline-block;}
.direction-section .direction {display: flex;justify-content: space-around;}
.direction-item {  text-align: center;  padding: 10px;}
.direction-item h3 {font-size: 18px;font-weight: bold;}
.task-section .tasks {display: flex;justify-content: space-between;}
.task {width: 30%;background-color: #f0f4f8;padding: 15px;border-radius: 5px;}
.task h4 {font-size: 18px;font-weight: bold;margin-bottom: 10px;text-align: center;}
.task ul {list-style-type: disc;padding-left: 20px;text-align: left;}

.sustainability-con-05-con-gal {width: 99%;overflow: hidden;position: relative;}
.slider {display: flex;transition: transform 0.5s ease-in-out;}
.slide {min-width: 33.33%;box-sizing: border-box;padding: 4px;text-align: center;}
.slide img {max-width: 100%;height: auto;border-radius: 4px;}
.caption {margin-top: 20px;}
.caption h4 {font-size: 16px;font-weight: bold;}
.caption p {font-size: 14px;color: gray;}
.slide .caption {text-align: left;}

.tabs { margin: 20px 0; }
.tab-nav {display: flex;list-style: none;padding: 0;margin: 0;}
.tab-nav li {margin-right: 10px;padding: 10px 20px;background-color: #f0f0f0;cursor: pointer;border-radius: 5px;}
.tab-nav li.active {background-color: #0044cc;color: #fff;}
.tab-content .tab {display: none;margin-top: 20px;}
.tab-content .tab.active {display: block;}

.welfare-benefits {display: flex;flex-direction: column;gap: 30px;}
.welfare-item {display: flex;flex-direction: column;background-color: #f9f9f9;border: 1px solid #ddd;border-radius: 8px;overflow: hidden;}
.welfare-item-content {display: flex;align-items: flex-start;padding: 20px;}
.welfare-item-index {font-size: 24px;font-weight: bold;color: #0044cc;margin-right: 15px;}
.welfare-item-details h2 {font-size: 22px;margin: 0;color: #333; }
.welfare-item-details p {font-size: 16px;margin: 5px 0 0;color: #666;}
.welfare-item-image {width: 100%;height: auto; }
.welfare-item-image img { width: 100%;height: auto;object-fit: cover; border-radius: 6px;}

.search-bar {display: flex;gap: 10px;margin-bottom: 20px;}
.announcement-list {display: flex;flex-direction: column;gap: 20px;}
.announcement-item { display: flex; justify-content: space-between; align-items: flex-start; padding: 15px; border: 1px solid #ddd; border-radius: 5px;background-color: #f9f9f9;}
.pagination {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 20px;}
.pagination a { display: inline-block; padding: 5px 10px; border: none; background-color: transparent; color: #999; text-decoration: none; font-size: 16px;  transition: color 0.3s;}
.pagination a:hover { color: #00008b; /* 하이라이트 색상 */ }
.pagination a.active {color: #00008b; /* 선택된 페이지 하이라이트 */border-bottom: 2px solid #00008b;font-weight: bold;}
.pagination a:first-child, .pagination a:last-child {font-size: 18px;color: #00008b; /* 화살표 색상 */}
.pagination a.disabled { pointer-events: none; /*opacity: 0.5;*/ font-size: 0; background-image: url("../../assets/icons/paging-prev.svg"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; width: 14px; height: 6px; }
.pagination a:first-child:not(.disabled) { font-size: 0; background-image: url("../../assets/icons/paging-prev_on.svg"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; width: 14px; height: 6px; transform: rotate(180deg);}
.pagination a:last-child:not(.disabled) { font-size: 0; background-image: url("../../assets/icons/paging-prev_on.svg"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; width: 14px; height: 6px;}
.pagination a:last-child.disabled {transform: rotate(180deg);}

.numbered-section,.pc-section h2 { display: flex; align-items: center; margin-bottom: 10px;}
.pc-section h1 {margin-bottom: 40px !important;}
.pc-section h2 {color: #000; margin-bottom: 24px !important;}
.pc-section h2 em {font-size: 17px; line-height: 1; font-weight: 400; color: #444; font-style: unset; margin-left: 4px; margin-top: 6px;}
.pc-section h3 {margin: 46px 0 20px !important;}
.pc-section figure + h6 {margin-top: 12px !important; margin-bottom: 0 !important;}
.number-box { width: 30px; height: 30px; background-color: #002366; color: white; font-weight: bold; font-size: 18px; line-height: 1; display: flex; justify-content: center;  align-items: center; border-radius: 4px; margin-right: 10px; }
.finance-con-05 h3 { margin: 0; font-size: 20px;}
.pc-section img { width: 100%; }
.gallery-ul li img { height: 220px; width: auto; }

.finance-con-01 { font-size: 14px; color: #333; }
.finance-tabs { display: flex; justify-content: space-between; margin-bottom: 20px;}
.finance-tabs .tablink { background-color: #fff; border: none; padding: 15px 18px; font-weight: bold; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; }
.finance-tabs .tablink:hover { background-color: #011356; color: #fff; }
.finance-tabs .tablink.active { background-color: #011356; color: #fff !important; }

.feedback-03-form {background-color: #f9fbff; padding: 40px; border-radius: 10px; }
.feedback-03-form .form-group {margin-bottom: 20px;position: relative;}
.feedback-03-form label {display: block;font-size: 14px;color: #2D3E50;font-weight: bold;margin-bottom: 8px;}
.feedback-03-form input[type="text"],
.feedback-03-form input[type="tel"],
.feedback-03-form input[type="email"],
.feedback-03-form select,
.feedback-03-form textarea { width: 100%; padding: 12px; font-size: 16px; border: 1px solid #E5E9F2;border-radius: 8px; background-color: #fff;box-sizing: border-box;outline: none; transition: border-color 0.2s;}
.feedback-03-form input[type="text"]:focus,
.feedback-03-form input[type="tel"]:focus,
.feedback-03-form input[type="email"]:focus,
.feedback-03-form select:focus,
.feedback-03-form textarea:focus {border-color: #2D3E50;}
.feedback-03-form select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url('path-to-your-dropdown-icon.svg');background-position: right 10px center;background-repeat: no-repeat;}
.feedback-03-form textarea {resize: none;height: 120px;}
.feedback-03-form button[type="submit"] {  width: 100%; padding: 12px; font-size: 16px; color: #fff; background-color: #2D3E50; border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s;
    display: flex;align-items: center;justify-content: center;}
.feedback-03-form button[type="submit"]:hover {background-color: #1E2A36;}
.feedback-03-form input[type="checkbox"] {margin-right: 10px; border: 1px solid #444; background-color: transparent;}
.feedback-03-form .form-group-checkbox { display: flex;align-items: center;margin-top: 10px;}
.feedback-03-form .form-group-checkbox label {font-size: 14px;}
.feedback-03-form input:required + label::after,
.feedback-03-form textarea:required + label::after { content: " *"; color: #f00;}
.form-group-dropdown { display: flex;gap: 20px;}
.form-group-dropdown .form-group { flex: 1;}
.feedback-03-form input[type="file"] {border: none; font-size: 14px;}
.feedback-03-form .form-group-terms {display: flex;align-items: center;}
.feedback-03-form .form-group-terms input[type="checkbox"] { margin-right: 10px;}
.feedback-03-form .form-group-terms label { font-size: 14px;}
.col-fo { display: grid; grid-template-columns: 1fr 1fr; align-items: center;gap:24px}
.custom-checkbox {width: 20px; height: 20px; background-color: white; border: 1px solid #011356; appearance: none; cursor: pointer;border-radius: 2px !important; position: relative;}
.custom-checkbox:checked {background-color: transparent;}
.custom-checkbox:checked::before {content: ''; width: 12px; height: 12px; display: inline-block; background: #011356; border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.knw-na { display: flex; align-items: center;}
.category-list, .subcategory-list {margin-top: 8px !important; padding: 12px 0 !important; background-color: #6085F6 !important; border-radius: 4px !important;}
.category-list li, .subcategory-list li {padding: 8px 16px !important; font-size: 18px; font-weight: 450; line-height: 1; color: #C5D9FF;}
.category-list li:hover, .subcategory-list li:hover {font-weight: 700; color: #fff; background-color: transparent !important;}


.cg-con-01-graph { display: grid; grid-template-columns: 384px 1fr; padding-left: 40px;}
canvas { width: 100%; height: auto; }
.cg-con-01-graph canvas { width: 384px !important; height: 384px !important;}
.label-item { display: flex; }
.label-item .number-box { background-color: #848484;}
.graph-label { display: flex; flex-direction: column; gap: 40px; margin-left: 67px;}
.text-g-box { margin-top:-7px }
.label-item h1 { margin:0; padding: 0; font-size: 32px; font-weight: 550;margin-bottom: 10px; line-height: 1; letter-spacing: 1.1px;}
.label-item h3 { margin:0; padding: 0; font-size: 16px; font-weight: 550; }
.label-item h5 { margin:0; padding: 0; font-size: 16px; font-weight: 550; }
.label-item h3 + h5 {margin-top: 4px;}

.cg {  display: grid; grid-template-columns: 2fr 3fr; margin-top: 100px;}

.prc { max-width: 1226px; margin: 0 auto; display: grid; grid-template-columns: 2fr 3fr; position: relative; z-index: 99; margin-bottom: 240px;}
.prc .pc-section {padding: 0 13px;}
.prc .pc-section figure + h2 {margin-top: 200px;}
.prc .pc-section#pc_03 p {line-height: 1.6 !important;}
#pc_02 { padding: 0; padding-left: 13px }
.prc #pc_04 {margin-top: 200px;}
.prc #pc_04 h1 {font-weight: 550; color: #000; margin-bottom: 24px !important;}
.prc #pc_04 h1 + figure {margin-top: -12px;}
#pc_04 img { border-radius: 4px; }

.table-head {padding: 14px 10px; font-size: 16px; font-weight: 650; color: #fff; background: #011356;}
blockquote {line-height: 57.2px; color:#000722}
blockquote footer { background-color: transparent; color: #848484; line-height: 1; margin: 16px 0 0 !important;}
blockquote + h1 {margin-top: 120px;}
.custom-list-block { display: flex; align-items: center;width: 100%; }
.custom-list-block li { font-size: 16px; color:#444444; font-family: 'Inter'; }

.product-con-child-nav-list li { display:flex;gap:15px; margin-left:24px }
.product-con-child-nav-list li a {font-size: 22px; font-weight: 550; line-height: 1; color: #848484;}
.product-con-child-nav-list li.active a {font-weight: 750; color: #011356;}
.nav-thumb { margin-top: 14px }
.product-con-child-nav-list { margin-left: -4px;padding-left:0; margin-top: 4px;}
.product-child {margin-bottom: 80px;}
.product-child-full { background-size: cover; margin: 100px 0 0 !important;}
.product-child-full-con {gap: 32px 0 !important;}
.product-child-full-con-child { font-family: 'inter'; border-left: 1px solid #fff; padding: 0 13px; }
.product-child-full-con-child h5 { font-size: 16px; font-weight: 450;}
.product-child-full-con-child h2 { font-size: 72px; display: flex; align-items: start; font-weight: 550; }
.product-child-full-con-child h2 p { display: flex; align-items: start;}

.history-img { width: 100%; height: 100vh; display: flex; align-items: center;}
.company-con-child-con {margin-bottom: 200px;}

figure { margin: 0; }

.stock-header h3 { font-size: 32px;margin-bottom: 64px; }
.sh-top { display: flex; justify-content: space-between; }
.update-time { font-size: 16px; color: #848484;}
.sh-top-left h3 { font-size: 22px;margin-bottom:12px !important }
.sh-top-left h1 { font-size: 72px; font-weight: 550; color: #011356;}
.sh-con { display: grid; grid-template-columns: 1fr 2fr; }
.stock-info { display: grid; grid-template-columns: 1fr 1fr ;}


.finance-con #applications1 tbody tr:nth-child(3n+3) td {background: #C5D9FF; font-weight: 550; color: #011356; border-bottom: 1px solid #6085F6 !important;}
.finance-con #applications2 tbody tr:nth-child(3n+3) td {background: #C5D9FF; font-weight: 550; color: #011356;border-bottom: 1px solid #6085F6 !important;}
.finance-con #applications2 tbody tr:nth-child(7) td {background: #C5D9FF; font-weight: 550; color: #011356;border-bottom: 1px solid #6085F6 !important;}
.finance-con #applications3 tbody tr:nth-child(4) td {background: #C5D9FF; font-weight: 550; color: #011356;border-bottom: 1px solid #6085F6 !important;}
.finance-con #applications3 tbody tr:nth-child(3) td {background: #C5D9FF; font-weight: 550; color: #011356;border-bottom: 1px solid #6085F6 !important;}
.finance-con #applications4 tbody tr:nth-child(4) td {background: #C5D9FF; font-weight: 550; color: #011356;border-bottom: 1px solid #6085F6 !important;}
.finance-con #applications4 tbody tr:nth-child(3) td {background: #C5D9FF; font-weight: 550; color: #011356;border-bottom: 1px solid #6085F6 !important;}

.cg-h6 { font-size: 16px; color: #848484; font-weight: 450; margin-top: 12px; margin-bottom:80px }

.pcd4 { font-size: 18px; color: #848484; font-weight: 450; line-height: 23.4px; padding: 0 13px; margin-top: -40px; height: fit-content; }
.rd-con .rd-con-01 { padding-left:10px }

.small-hd { font-size: 32px; margin-bottom:4px; margin-left:5px; font-weight: 550;}

.gra-wht { position: absolute; right: -114px;}

.hdhf { height: 88px; z-index: -9;}
.timeline-image { width: 100%;}

.swiper-arrow-wrapper { width: 100%; height: 100%; position: absolute; bottom: 0; }
.arrow-con {    max-width: 1226px;width: 100%;margin: 0 auto;display: flex;justify-content: space-between;height: 100%;align-items: center; flex-direction: row-reverse;}
.swiper-button-next, .swiper-button-prev {right: 0; left: 0; position: relative; top: 0; margin-top: unset;}


.company-con-nav-list a { position: relative; text-decoration: none;display: inline-block; color:#848484}
.company-con-nav-list a.active::after { content: ""; position: absolute; bottom: -22px; /* 텍스트 아래 간격 */left: 0;width: 100%; height: 2.2px; /* 라인의 두께 */background-color: #011356;}

.unit {display: flex;width: 100%;justify-content: end;margin-top: -2rem;}

.copy-icon { transform: translateY(2px);padding-left: 6px;}
.cg-con-02-table-02 {     max-width: 710px;overflow: auto;padding-bottom: 4px;}
.cg-con-02-table-03 tr { display: grid
    ;
        grid-template-columns: 1fr 2fr 1fr 1fr 0.5fr;
        text-align: center;}
 
#f2m {     max-width: 850px;
    height: 81vh;
    border-radius: 8px;}

.finace-con-02-01 {    padding-bottom: 152px;}
.fcif {width: 744px; height:967px;}
.gra-wht img {user-drag: none;user-select: none;pointer-events: none;}