/* sub-visual */
.sub-visual { overflow: hidden; position: relative; margin-bottom: -40px; height: 100vh; text-align: center; background: #000; }
.sub-visual::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 185px; background: #fff; border-radius: 120px 120px 0 0; }
.sub-visual .inner { display: flex; flex-direction: column; justify-content: center; padding: 0 0 300px; height: 100%; }
.sub-visual .background { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: subvisualFadeIn ease .85s forwards; }
.sub-visual .background .image { display: block; position: relative; width: 100%; height: 100%; }
.sub-visual .background .image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover !important; transform: scale(1.15); animation: 2s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards, 1s subVisualFade ease forwards; opacity: 0; }
.sub-visual .text { position: relative; font-size: 22px; color: #fff; font-weight: 600; margin-bottom: 0px; text-align: left; }
.sub-visual .title { position: relative; line-height: 1.4; font-size: 62px; color: #fff; font-weight: 600; }
/* .sub-visual .title span{font-family: 'Outfit', sans-serif;} */
.sub-visual .title em{font-size:18px; color:rgb(255, 255, 255, .6); display:block;}
.sub-visual-tabs { z-index: 5; display: flex; justify-content: center; position: sticky; top: 13%; bottom: 47vh; margin-bottom: 100px; margin-right: auto; margin-left: auto; transition: top ease .35s; }
.sub-visual-tabs .toggle { display: none; position: relative; padding: 0 24px; width: 100%; height: 50px; text-align: left; font-weight: 600; color: #fff; background: rgba(255, 255, 255, 0.2); box-shadow: 0 0 0px 1px rgba(24, 24, 24, .11); -webkit-backdrop-filter: saturate(150%) blur(25px); backdrop-filter: saturate(150%) blur(25px); border-radius: 16px; transition: all ease .15s; }
.sub-visual-tabs .toggle::after { content: ''; position: absolute; top: 0; bottom: 0; right: 24px; margin: auto; width: 24px; height: 24px; background: url('/images/chevron-down-light.svg') no-repeat center / auto 100%; transition: all ease .15s; }
.sub-visual-tabs .list { display: inline-flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; padding: 6px; background: rgba(255, 255, 255, 0.2); border-radius: 100px; box-shadow: 0 0 0px 1px rgba(24, 24, 24, .11); }
.sub-visual-tabs a { display: block; position: relative; padding: 0 20px; height: 43px; line-height: 43px; color: #fff; font-weight: 600; border-radius: 45px; transition: color ease .35s; }
.sub-visual-tabs a::after { content: none; position: absolute; top: 0; bottom: 0; right: 18px; margin: auto; width: 24px; height: 24px; background: url('/images/arrow-right.svg') no-repeat center / auto 125%; }
.sub-visual-tabs a.on { background: #005F83; }
.sub-visual-tabs a.on::after { background-image: url('/images/arrow-right-light.svg'); }
.sub-visual-tabs .toggle[aria-pressed="true"] { color: var(--clr-dark); background: #fff; }
.sub-visual-tabs .toggle[aria-pressed="true"]::after { background-image: url('/images/chevron-down.svg'); transform: scaleY(-1); }
.sub-visual-tabs[data-tab-theme="light"] a:not(.on) { color: var(--clr-black); }
.sub-visual-tabs[data-tab-theme="light"] .toggle { color: var(--clr-black); }
.sub-visual-tabs[data-tab-theme="light"] .toggle::after { background-image: url('/images/chevron-down.svg'); }
.header-hide .sub-visual-tabs { top: 2%; }
.sub-visual .marquee { z-index: 2; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); }
.sub-visual .marquee .item { line-height: 1.3; font-size: 220px; font-weight: 500; font-family: "Poppins"; letter-spacing: -0.02em;
    color: transparent;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* .sub-visual--about-ci .marquee .item { font-size: 200px; } */
.sub-visual--customer .marquee .item { background-position: center bottom 10%; background-size: auto; }
.sub-visual--investment-disclosure .marquee .item { background-position: center bottom 36%; }
.sub-visual--investment-announcement .marquee .item { background-position: center bottom 25%; }
.sub-visual--products .marquee .item { background-position: center bottom 60%; }
.sub-visual--about-history .marquee .item { background-position: center bottom; }

.sub-visual--products-bromide .background .image::after { background-image: url('/images/sub/visual-products-bromide.jpg'); }
.sub-visual--products-phosphate .background .image::after { background-image: url('/images/sub/visual-products-phosphate.jpg'); }
.sub-visual--products-zeolite .background .image::after { background-image: url('/images/sub/visual-products-zeolite.jpg'); }
.sub-visual--products-zinc .background .image::after { background-image: url('/images/sub/visual-products-zinc.jpg'); }
.sub-visual--products .background .image::after { background-image: url('/images/sub/visual-products.jpg'); }
.sub-visual--products .marquee .item { background-image: url('/images/sub/visual-products-blurred.jpg'); }
.sub-visual--investment-announcement .background .image::after { background-image: url('/images/sub/visual-investment-announcement.jpg'); }
.sub-visual--investment-announcement .marquee .item { background-image: url('/images/sub/visual-investment-announcement-blurred.jpg'); }
.sub-visual--investment-disclosure .background .image::after { background-image: url('/images/sub/visual-investment-disclosure.jpg'); }
.sub-visual--investment-disclosure .marquee .item { background-image: url('/images/sub/visual-investment-disclosure-blurred.jpg'); }
.sub-visual--business-anti .background .image::after { background-image: url('/images/sub/visual-business-anti.jpg'); }
.sub-visual--business-anti .marquee .item { background-image: url('/images/sub/visual-business-anti-blurred.jpg'); }
.sub-visual--business-absorption .background .image::after { background-image: url('/images/sub/visual-business-absorption.jpg'); }
.sub-visual--business-absorption .marquee .item { background-image: url('/images/sub/visual-business-absorption-blurred.jpg'); }
.sub-visual--business-rnd .background .image::after { background-image: url('/images/sub/visual-business-rnd.jpg'); }
.sub-visual--business-rnd .marquee .item { background-image: url('/images/sub/visual-business-rnd-blurred.jpg'); }
.sub-visual--customer .background .image::after { background-image: url('/images/sub/visual-customer.jpg'); }
.sub-visual--customer .marquee .item { background-image: url('/images/sub/visual-customer-blurred.jpg'); }
.sub-visual--about-mission .background .image::after { background-image: url('/images/sub/visual-about-mission.jpg'); }
.sub-visual--about-mission .marquee .item { background-image: url('/images/sub/visual-about-mission-blurred.jpg'); }
.sub-visual--about-history .background .image::after { background-image: url('/images/sub/visual-about-history.jpg'); }
.sub-visual--about-history .marquee .item { background-image: url('/images/sub/visual-about-history-blurred.jpg'); }
.sub-visual--about-ci .background .image::after { background-image: url('/images/sub/visual-about-ci.jpg'); }
.sub-visual--about-ci .marquee .item { background-image: url('/images/sub/visual-about-ci-blurred.jpg'); }
.sub-visual--about-location .background .image::after { background-image: url('/images/sub/visual-about-location.jpg'); }
.sub-visual--about-location .marquee .item { background-image: url('/images/sub/visual-about-location-blurred.jpg'); }
.sub-visual--management .background .image::after { background-image: url('/images/sub/visual-management.jpg'); }
.sub-visual--management .marquee .item { background-image: url('/images/sub/visual-management-blurred.jpg'); }

.breadcrumb ol { display: flex; justify-content: center; margin-bottom: 14px; }
.breadcrumb li { font-size: 16px; color: #fff; font-weight: 500; }
.breadcrumb li:not(:last-child)::after { content: ''; display: inline-block; vertical-align: middle; margin: 0 12px; width: 3px; height: 3px; background: rgba(221, 221, 221, 0.5); border-radius: 50%; }
.breadcrumb li:first-child::after { background: #fff; }
.breadcrumb a { color: inherit; }
.breadcrumb .icon-home { display: inline-block; vertical-align: -0.2em; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; background-image: url('/images/home.png'); }
@keyframes subVisualFade {
    to { opacity: 1; }
}
@keyframes subVisual {
    to { transform: none; }
}
@media (hover: hover) and (pointer: fine) {
    .breadcrumb .listbox a:hover { color: #000000; }
    .breadcrumb .listbox a:hover span { background-size: 100% 100%; }
}
@media screen and (min-width: 1025px) {
	.sub-visual-tabs .list { -webkit-backdrop-filter: saturate(150%) blur(25px); backdrop-filter: saturate(150%) blur(25px); }
}
@media screen and (max-width: 1024px){
    .sub-visual { margin-bottom: 0; height: 450px; }
    .sub-visual::after { content: none; }
    .sub-visual .inner { padding: 0; }
    .sub-visual .title { font-size: 48px; }
    .sub-visual .text { font-size: 20px; }
    .sub-visual-tabs { top: 10%; bottom: auto; margin-top: -140px; margin-bottom: 180px; width: 90%; }
    .sub-visual-tabs a { padding: 0 16px; height: 38px; line-height: 38px; font-size: 15px; border-radius: 16px; }
    .sub-visual-tabs a::after { content: ''; }
    .sub-visual-tabs a:not(.on) { color: var(--clr-black); }
    .sub-visual-tabs .toggle { display: block; }
    .sub-visual-tabs .list { flex-direction: column; position: absolute; top: 100%; left: 0; margin-top: 8px; width: 100%; background: #fff; border-radius: 16px; visibility: hidden; opacity: 0; transition: all ease .15s; }
    .sub-visual-tabs .list .item { width: 100%; }
    .sub-visual-tabs .toggle[aria-pressed="true"] + .list { visibility: visible; opacity: 1; }
    .sub-visual-tabs[data-tab-theme="light"] .toggle { background: rgb(255, 255, 255, 0.5); }
    .sub-visual .marquee { display: none; }

    .sub-visual--management { margin-bottom: 80px; }
    .sub-visual--products-zeolite .background .image::after { top: 40px; }

    .breadcrumb a { font-size: 12px; }
    .breadcrumb .icon-home { width: 12px; height: 12px; }
    .breadcrumb li { font-size: 13px; }
	.breadcrumb li:not(:last-child)::after { margin: 0 5px; }
}
@media screen and (max-width: 768px){
    .sub-visual { height: 360px; }
    .sub-visual-tabs { margin-top: -120px; margin-bottom: 160px; }
    .sub-visual-tabs a { padding: 0 14px; font-size: 14px; }
    .sub-visual .title { font-size: 30px; }
    .sub-visual .text { font-size: 16px; }
}


.section-heading { margin-bottom: 100px; text-align: center; }
.section-heading .heading { line-height: 1.4; font-size: 50px; font-weight: 600; color: var(--clr-dark); }
.section-heading .heading-large { line-height: 1.4; font-size: 68px; font-weight: 600; color: var(--clr-dark); }
.section-heading .text { margin-top: 20px; font-size: 20px; }

.section-top { padding: 160px 0 100px; text-align: center; }
.section-top .sub { margin-bottom: 14px; font-size: 20px; font-weight: 600; }
.section-top .heading { line-height: 1.45; font-size: 60px; font-weight: 700; color: #2843c0; }
.section-top .text { margin-top: 30px; line-height: 1.7; font-size: 20px; color: #4c4c4c; }

.tabmenu { display: flex; }
.tabmenu-list { flex: 1 1; }
.tabmenu-item { display: block; width: 100%; height: 65px; line-height: 65px; text-align: center; font-size: 18px; color: #4c4c4c; background: #fafafa; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-radius: 0; transition: all ease .2s; }
.tabmenu-item.on { color: #fff; background: #2843c0; border-color: #2843c0; }
.tabmenu-list:first-child .tabmenu-item { border-left: 1px solid #dbdbdb; }
@media screen and (max-width: 1024px) {
    .section-heading { margin-bottom: 65px; }
    .section-heading .heading { font-size: 34px; }
    .section-heading .heading-large { font-size: 40px; }
    .section-heading .text { margin-top: 16px; font-size: 18px; }

    .section-top { padding: 120px 0 60px; }
	.section-top .heading { font-size: 42px; }
    .section-top .sub { margin-bottom: 10px; font-size: 17px; }
    .section-top .text { margin-top: 20px; font-size: 18px; }

    .tabmenu-item { height: 50px; line-height: 50px; font-size: 16px; }
}
@media screen and (max-width: 768px) {
    .section-heading { margin-bottom: 45px; }
    .section-heading .heading { font-size: 20px; }
    .section-heading .heading-large { font-size: 30px; }
    .section-heading .text { font-size: 16px; }

    .section-top { padding: 100px 0 45px; }
	.section-top .heading { font-size: 26px; }
    .section-top .sub { margin-bottom: 8px; font-size: 16px; }
    .section-top .text { font-size: 16px; }

    .tabmenu-item { font-size: 14px; }
}
@media screen and (max-width: 600px) {
    .tabmenu-item { font-size: 13px; }
}


/* 미션 */
.mission-heading { margin-bottom: 48px; font-size: 40px; font-weight: 600; color: var(--clr-black); }
.mission-wrap { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }

.mission-introduce { position: relative; height: 220vh; }
.mission-introduce .sticky { position: sticky; top: 0; left: 0; width: 100%; height: 100vh; }
.mission-introduce .heading { position: absolute; top: 0; left: 0; width: 100%; line-height: 1.4; text-align: center; font-size: 50px; font-weight: 600; color: var(--clr-black); }
.mission-introduce .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
.mission-introduce .background .item { width: 100%; height: 100%; object-fit: cover; }
.mission-introduce .contents { display: flex; flex-direction: column; justify-content: center; margin-left: auto; margin-right: auto; max-width: var(--inner); width: 90%; height: 100%; color: #fff; }
.mission-introduce .title { line-height: 1.4; width: 46%; font-size: 50px; font-weight: 600; }
.mission-introduce .context { display: flex; justify-content: flex-end; padding-left: 56%; }
.mission-introduce .paragraph { font-size: 20px; }
.mission-introduce .paragraph p { margin-top: 20px; }

.mission-feature { padding: 60px 0 180px; }
.mission-feature-wrap { margin-left: auto; margin-right: auto; max-width: var(--inner); width: 90%; }
.mission-feature .marquee .item { font-family: 'Poppins'; text-align: right; font-size: 232px; font-weight: 500; color: rgba(61, 147, 177, 0.3); will-change: transform; }
.mission-feature .list { display: flex; flex-wrap: wrap; margin: -15px; }
.mission-feature .list .item { padding: 15px; width: 25%; }
.mission-feature .list .block { overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 16px; }
.mission-feature .list .block::before { content: ''; display: block; padding-top: calc(550 / 388 * 100%); width: 100%; height: 0; }
.mission-feature .list .context { display: flex; flex-direction: column; justify-content: flex-end; position: absolute; top: 0; left: 0; padding: 40px; width: 100%; height: 100%; color: #fff; }
.mission-feature .list .badge { margin-bottom: auto; font-size: 20px; font-weight: 600; }
.mission-feature .list .title { font-size: 28px; font-weight: 700; }
.mission-feature .list .text { margin-top: 12px; font-size: 20px; }
.mission-feature .list .item:nth-child(1) .block { background-image: url('/images/sub/about/mission/feature-background-1.jpg'); }
.mission-feature .list .item:nth-child(2) .block { background-image: url('/images/sub/about/mission/feature-background-2.jpg'); }
.mission-feature .list .item:nth-child(3) .block { background-image: url('/images/sub/about/mission/feature-background-3.jpg'); }
.mission-feature .list .item:nth-child(4) .block { background-image: url('/images/sub/about/mission/feature-background-4.jpg'); }

.mission-value { padding: 180px 0 280px; background: #F4F6F9; }
.mission-value-wrap { margin-left: auto; margin-right: auto; max-width: var(--inner); width: 90%; }
.mission-value .list { display: flex; justify-content: space-between; }
.mission-value .list .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity ease .65s; }
.mission-value .list .block { overflow: hidden; position: relative; height: 544px; color: #fff; background-repeat: no-repeat; background-color: #222222; background-position: center; background-size: cover; border-radius: 16px; }
.mission-value .list .item { flex: 0 0 7.2%; transition: all ease .65s; }
.mission-value .list .order { position: absolute; bottom: 8%; left: 40%; font-size: 20px; font-weight: 600; opacity: .3; transform: rotate(90deg); transition: opacity ease .35s; }
.mission-value .list .heading { position: absolute; top: 17%; left: 0; width: 100%; font-size: 20px; font-weight: 600; transform: rotate(90deg); transition: opacity ease .35s; }
.mission-value .list .contents { position: absolute; top: 0; left: 0; padding: 60px; width: 100%; height: 100%; color: #fff; visibility: hidden; opacity: 0; transition: all ease .35s; }
.mission-value .list .context { display: flex; flex-direction: column; height: 100%; }
.mission-value .list .number { position: absolute; top: 60px; right: 60px; font-size: 20px; font-weight: 600; }
.mission-value .list .title { font-size: 36px; font-weight: 600; }
.mission-value .list .sub { margin-top: 4px; font-size: 24px; font-weight: 600; }
.mission-value .list .text { margin-top: auto; font-size: 20px; }
.mission-value .list .item.on { flex: 0 0 67.3%; }
.mission-value .list .item.on .order { opacity: 0; }
.mission-value .list .item.on .heading { opacity: 0; }
.mission-value .list .item.on .contents { visibility: visible; opacity: 1; transition-duration: .65s }
.mission-value .list .item.on .background { opacity: 1; }
.mission-value .list .item:not(:first-child).on .background { opacity: 0.7; }
@media screen and (min-width: 1025px) {
	.mission-feature .list .item:nth-child(even) { margin-top: 60px; }

    .mission-value .list .contents { min-width: 800px; }
}
@media screen and (max-width: 1024px) {
    .mission-heading { margin-bottom: 34px; font-size: 32px; }

    .mission-introduce { height: auto; }
    .mission-introduce .sticky { position: static; height: auto; }
    .mission-introduce .background { position: static; margin-right: auto; margin-left: auto; width: 90%; background: transparent; text-align: center; }
    .mission-introduce .background .item { width: 360px; height: 360px; border-radius: 50%; }
    .mission-introduce .contents { display: block; color: inherit; }
    .mission-introduce .title { margin: 65px 0 25px; width: 100%; font-size: 26px; color: var(--clr-dark); }
    .mission-introduce .context { display: block; padding: 0; }
    .mission-introduce .paragraph { font-size: 18px; }
    .mission-introduce .paragraph p { margin-top: 16px; }

    .mission-feature { padding: 45px 0 80px; }
    .mission-feature .marquee .item { font-size: 142px; }
    .mission-feature .list { margin: -10px; }
    .mission-feature .list .item { padding: 10px; }
    .mission-feature .list .context { padding: 24px; }
    .mission-feature .list .badge { font-size: 16px; }
    .mission-feature .list .title { font-size: 22px; }
    .mission-feature .list .text { font-size: 16px; }

    .mission-value { padding: 100px 0 160px; }
    .mission-value .list { display: block; margin: -10px 0; }
    .mission-value .list .item { padding: 10px 0; }
    .mission-value .list .order,
    .mission-value .list .heading { display: none; }
    .mission-value .list .block { height: 300px; }
    .mission-value .list .item.on .contents { background: rgba(0, 0, 0, 0.2); }
    .mission-value .list .contents { position: relative; padding: 36px; visibility: visible; opacity: 1; }
    .mission-value .list .number { top: 40px; right: 36px; font-size: 18px; }
    .mission-value .list .title { font-size: 24px; }
    .mission-value .list .sub { margin-top: 10px; font-size: 18px; }
    .mission-value .list .text { font-size: 16px; }
    .mission-value .list .item:not(:first-child) .background { opacity: 0.7; }
}
@media screen and (max-width: 768px) {
    .mission-heading { margin-bottom: 30px; font-size: 24px; }

    .mission-introduce .background .item { width: 280px; height: 280px; }
    .mission-introduce .title { margin: 45px 0 25px; font-size: 20px; }
    .mission-introduce .paragraph { font-size: 15px; }
    .mission-introduce .paragraph p { margin-top: 12px; }

    .mission-feature { padding: 40px 0 60px; }
    .mission-feature .marquee .item { font-size: 86px; }
    .mission-feature .list .item { width: 50%; }

    .mission-value { padding: 80px 0 120px; }
    .mission-value .list .number { top: 26px; right: 24px; font-size: 16px; }
    .mission-value .list .contents { padding: 24px; }
    .mission-value .list .title { font-size: 20px; }
    .mission-value .list .sub { margin-top: 6px; font-size: 16px; }
    .mission-value .list .text { font-size: 14px; }
}
@media screen and (max-width: 500px) {
    .mission-introduce .background .item { width: 240px; height: 240px; }

    .mission-feature .list .item { width: 100%; }
    .mission-feature .list .block::before { padding-top: calc(550 / 658 * 100%); }
}

/* 연혁 */
.history-wrap { margin-left: auto; margin-right: auto; max-width: var(--inner); width: 90%; }
.history-list .background { position: absolute; object-fit: cover; }
.history-list .section { position: relative; width: 100%; height: 220vh; }
.history-list .section .sticky { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; }
.history-list .heading { position: absolute; left: calc(50% - 60vh); font-size: 40px; font-weight: 600; color: var(--clr-black); }
.history-list .heading .year { font-style: normal; font-size: 80px; }
.history-list .marquee { position: absolute; right: calc(50% - 60vh); margin-right: -0.8em; line-height: 1; font-size: 280px; font-weight: 600; color: rgba(61, 147, 177, 0.1); letter-spacing: -0.01em; white-space: nowrap; }
.history-list .contents { margin-right: auto; margin-left: auto; max-width: 1364px; padding: 10% 0; width: 90%; height: 100%; color: #fff; }
.history-list .title { font-size: 40px; font-weight: 600; }
.history-list .title .year { font-style: normal; font-size: 80px; }
.history-list .list { overflow-y: auto; margin-top: 40px; height: 90%; }
.history-list .list::-webkit-scrollbar{
  width: 10px;
}
.history-list .list::-webkit-scrollbar-thumb{
  background-color: rgba(255,255,255,1);
  border-radius: 10px;
  /* border: 7px solid rgba(0,0,0,0.8); */
}
.history-list .list::-webkit-scrollbar-track{
  background-color: rgba(255,255,255,0.35);
  border-radius: 10px;
}
.history-list .list .item { display: flex; align-items: baseline; margin-top: 20px; }
.history-list .list .year { display: block; width: 140px; font-size: 24px; font-weight: 600; transform: translateY(0.1em); }
.history-list .data { font-size: 20px; }
.history-list .data .row { display: flex; align-items: center; margin-top: 8px; }
.history-list .data .row:first-child { margin-top: 0; }
.history-list .data .dt { flex-shrink: 0; width: 44px; }
@media screen and (max-width: 1024px) {
    .history-list .section { padding-top: 80px; height: auto; }
    .history-list .section:first-child { padding-top: 0; }
    .history-list .section:last-child { padding-bottom: 160px; }
    .history-list .section .sticky { overflow: visible; position: static; margin-left: auto; margin-right: auto; max-width: var(--inner); width: 90%; height: auto; }
    .history-list .heading { position: static; margin-top: 45px; font-size: 32px; }
    .history-list .heading .year { font-size: 60px; }
    .history-list .marquee { display: none; }
    .history-list .background { display: block; position: static; margin: auto; width: 100%; height: auto; border-radius: 16px; }
    .history-list .contents { padding-top: 0; width: 100%; color: inherit; }
    .history-list .title { display: none; }
    .history-list .list { margin-top: 24px; height: auto; }
    .history-list .list .year { width: 80px; font-size: 20px; color: var(--clr-dark); }
    .history-list .list .item { margin-top: 14px; }
    .history-list .data { font-size: 18px; }
    .history-list .data .dt { width: 30px; }
}
@media screen and (max-width: 768px) {
    .history-list .section { padding-top: 60px; }
    .history-list .section:last-child { padding-bottom: 120px; }
    .history-list .heading { margin-top: 20px; font-size: 22px; }
    .history-list .heading .year { font-size: 38px; }
    .history-list .list { margin-top: 22px; }
    .history-list .list .item { flex-direction: column; }
    .history-list .list .year { margin-bottom: 4px; width: 100%; font-size: 18px; }
    .history-list .data { font-size: 16px; }
    .history-list .data .row { align-items: flex-start; }
}


/* CI */
.ci-introduce { padding-bottom: 160px; }
.ci-introduce-wrap { margin-left: auto; margin-right: auto; max-width: var(--inner-sm); width: 90%; }
.ci-introduce .button-wrap { margin-top: 40px; text-align: center; }
.ci-introduce .ci-paper { display: flex; align-items: center; justify-content: center; height: 330px; background-color: white; background-image: linear-gradient(#E0E0E0 1px, transparent 1px), linear-gradient(90deg, #E0E0E0 1px, transparent 1px); background-size: 10px 10px; border-radius: 16px; }
.ci-introduce .ci-paper .item { mix-blend-mode: multiply; margin-top: -3.3%; }

.ci-mark { padding: 160px 0; background: #F4F6F9; }
.ci-mark-wrap { margin-left: auto; margin-right: auto; max-width: var(--inner-sm); width: 90%; }
.ci-mark .section-heading { margin-bottom: 80px; }
.ci-mark .list .heading { margin-bottom: 32px; font-size: 28px; font-weight: 500; color: var(--clr-black); }
.ci-mark .list > .item { margin-top: 100px; }
.ci-mark .list > .item:first-child { margin-top: 0; }
.ci-mark .list-child { overflow: hidden; display: grid; grid-template-columns: 350px 1fr; grid-template-rows: 1fr 1fr; color: #fff; border-radius: 16px; }
.ci-mark .list-child .item { display: flex; flex-direction: column; justify-content: space-between; padding: 40px; }
.ci-mark .list-child .item:nth-child(1) { grid-row: span 2; grid-column: 1; height: 316px; }
.ci-mark .list-child .item:nth-child(2) { grid-row: 1; grid-column: 2; }
.ci-mark .list-child .item:nth-child(3) { grid-row: 2; grid-column: 2; }
.ci-mark .name { font-size: 24px; font-weight: 600; }
.ci-mark .data { display: flex; flex-wrap: wrap; margin-top: 10px; font-weight: 500; }
.ci-mark .data .row { display: flex; align-items: center; justify-content: space-between; margin-top: 2px; width: 100%; }
.ci-mark .data .row dt { width: 80px; }
.ci-mark .data .row dd { display: flex; align-items: center; }
.ci-mark .data .col { display: flex; align-items: center; position: relative; margin-right: 16px; padding-right: 16px; }
.ci-mark .data .col::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 0.75em; background: rgba(255, 255, 255, 0.3); }
.ci-mark .data .col:last-child::after { content: none; }
.ci-mark .data .col dt { margin-right: 12px; }
.ci-mark .data span { margin-left: 8px; }

.ci-motif { padding: 160px 0; }
.ci-motif .section-heading:not(:first-child) { margin-top: 160px; }
.ci-motif-wrap { margin-left: auto; margin-right: auto; max-width: var(--inner-sm); width: 90%; }
.ci-motif .list { display: flex; flex-wrap: wrap; margin: -15px; }
.ci-motif .list .item { padding: 15px; width: 50%; }
.ci-motif .list .title { margin-bottom: 28px; font-size: 28px; font-weight: 500; color: var(--clr-black); }
.ci-motif .list .block { display: flex; align-items: center; justify-content: center; position: relative; height: 297px; background: #F4F6F9; border-radius: 16px; }
/* .ci-motif .list .block::before { content: ''; display: block; padding-top: calc(297 / 667 * 100%); width: 100%; height: 0; background: #F4F6F9; border-radius: 16px; } */
/* .ci-motif .list .image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } */
.ci-motif .typeface { padding: 80px; text-align: center; background: #F4F6F9; border-radius: 16px; }
@media screen and (max-width: 1024px) {
    .ci-introduce { padding-bottom: 80px; }
    .ci-introduce .ci-paper { height: 280px; }
    .ci-introduce .ci-paper .item { width: auto; height: 68px; }

    .ci-mark { padding: 80px 0; }
    .ci-mark .name { font-size: 20px; }
    .ci-mark .list > .item { margin-top: 80px; }
    .ci-mark .list .heading { margin-bottom: 26px; font-size: 24px; }
    .ci-mark .list-child { display: block; }
    .ci-mark .list-child .item { padding: 32px; }
    .ci-mark .list-child .item:nth-child(1) { height: auto; }
    .ci-mark .data { flex-direction: column; margin-top: 16px; font-size: 15px; }
    .ci-mark .data .col { display: flex; justify-content: space-between; margin-right: 0; padding-right: 0; }
    .ci-mark .data .col::after { content: none; }

    .ci-motif { padding-bottom: 160px; }
    .ci-motif .list { margin: -10px; }
    .ci-motif .list .title { margin-bottom: 20px; font-size: 24px; }
    .ci-motif .list .item { padding: 10px; }
    .ci-motif .list .block { height: 237px; }
    .ci-motif .list .image { width: auto; height: 68px; }
    .ci-motif .section-heading:not(:first-child) { margin-top: 80px; }
}
@media screen and (max-width: 768px) {
    .ci-introduce { padding-bottom: 60px; }
    .ci-introduce .ci-paper { height: 200px; }
    .ci-introduce .ci-paper .item { height: 48px; }

    .ci-mark { padding: 60px 0; }
    .ci-mark .list > .item { margin-top: 60px; }
    .ci-mark .list-child .item { padding: 24px; }
    .ci-mark .list .heading { font-size: 20px; }
    .ci-mark .name { font-size: 18px; }
    .ci-mark .data { margin-top: 10px; font-size: 13px; }

    .ci-motif { padding-bottom: 120px; }
    .ci-motif .list { margin: -24px -10px; }
    .ci-motif .list .item { padding: 24px 10px; width: 100%; }
    .ci-motif .list .title { font-size: 20px; }
    .ci-motif .list .block { height: 167px; }
    .ci-motif .list .image { height: 54px; }
    .ci-motif .section-heading:not(:first-child) { margin-top: 60px; }
}
@media screen and (max-width: 500px) {
    .ci-motif .typeface { padding: 36px; }
}


/* 사업부문 */
.business { margin-top: -150px; }
.business-introduce { position: relative; height: 220vh; }
.business-introduce .sticky { overflow: hidden; position: sticky; top: 0; left: 0; height: 100vh; }
.business-introduce .background { position: absolute; object-fit: cover; }
.business-introduce .contents { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; height: 100%; color: #fff;  }
.business-introduce .heading { font-size: 60px; font-weight: 600; }
.business-introduce .text { margin-top: 40px; line-height: 1.55; font-size: 22px; }

.business-material { position: relative; padding: 180px 0 280px; }
.business-material .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.business-material .background .item { width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.business-material-wrap { position: relative; margin-left: auto; margin-right: auto; max-width: var(--inner); width: 90%; }
.business-material .marquee { position: relative; margin-bottom: 50px; }
.business-material .marquee .item { line-height: 1; font-family: 'Poppins'; font-size: 180px; font-weight: 500; color: rgba(61, 147, 177, 0.3); white-space: nowrap; }
.business-material .flex { display: flex; justify-content: space-between; }
.business-material .side { position: relative; width: 55%; }
.business-material .sticky { position: sticky; top: 200px; left: 0; }
.business-material .contents { width: 41%; text-align: center; }
.business-material .badge { font-size: 28px; font-weight: 600; color: var(--clr-primary); }
.business-material .heading { margin-top: 22px; line-height: 1.4; font-size: 50px; font-weight: 600; color: var(--clr-black); }
.business-material .block { max-width: 532px; text-align: left; }
.business-material .list .item { display: flex; justify-content: flex-end; margin-top: 160px; }
.business-material .list .item:first-child { margin-top: 0; }
.business-material .title { margin-top: -1em; margin-bottom: 35px; line-height: 1.5; font-size: 40px; font-weight: 600; }
.business-material .text { line-height: 1.65; }
.business-material .link-primary-light { margin-top: 54px; }
.business-material .badge,
.business-material .heading,
.business-material .context,
.business-material .marquee .item  { transition: color ease .65s; }
.business-material.on .marquee .item { color: #137092; will-change: transform; }
.business-material.on .badge,
.business-material.on .heading,
.business-material.on .context { color: #fff; }

.rnd-introduce { padding-bottom: 160px; }
.rnd-introduce-wrap { position: relative; margin-left: auto; margin-right: auto; max-width: var(--inner); width: 90%; }
.rnd-introduce .ban { overflow: hidden; height: 460px; border-radius: 16px; clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); transition: clip-path 1.2s ease-out 0.15s; }
.rnd-introduce .ban .item { width: 100%; height: 100%; object-fit: cover; }
.rnd-introduce .ban.sr-animate { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.rnd-section { padding: 160px 0; }
.rnd-section--certification { overflow: hidden; }
.rnd-section .flex { display: flex; margin-left: auto; margin-right: auto; max-width: var(--inner); width: 90%; }
.rnd-section .side { z-index: 2; position: relative; width: 25.3%; }
.rnd-section .contents { width: 74.7%; }
.rnd-section .heading { font-size: 50px; font-weight: 600; color: var(--clr-black); }
.rnd-section .card-list { display: flex; flex-wrap: wrap; margin: -10px; }
.rnd-section .card-list .item { padding: 10px; width: 50%; }
.rnd-section .card-list .item-12 { width: 100%; }
.rnd-section .card-list .block { padding: 40px; height: 100%; background: #fff; border-radius: 16px; transition-property: background; transition-timing-function: ease; transition-duration: .35s; }
.rnd-section .card-list .title { font-size: 20px; font-weight: 600; color: var(--clr-dark); transition-property: color; transition-timing-function: ease; transition-duration: .35s; }
.rnd-section .card-list .title .order { display: block; font-style: normal; font-size: 1rem; color: var(--clr-primary); opacity: .3; transition-property: opacity, color; transition-timing-function: ease; transition-duration: .35s; }
.rnd-section .card-list .text { margin-top: 12px; line-height: 1.55; transition-property: color; transition-timing-function: ease; transition-duration: .35s; }
.rnd-section .image-list { display: flex; flex-wrap: wrap; margin: -40px -15px; }
.rnd-section .image-list .item { padding: 40px 15px; width: 33.33333%; }
.rnd-section .image-list .image { border-radius: 16px; }
.rnd-section .image-list .title { margin-top: 20px; line-height: 1.55; text-align: center; font-weight: 500; }
.rnd-section .certification-slider { overflow: visible; padding-bottom: 60px; }
.rnd-section .certification-slider .title { margin-top: 20px; text-align: center; font-weight: 500; }
.rnd-section .certification-slider .image { position: relative; }
.rnd-section .certification-slider .image::before { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid var(--border); border-radius: 16px; }
.rnd-section .certification-slider .image .item { display: block; }
@media (hover: hover) and (pointer: fine) {
	.rnd-section .card-list .block:hover { color: #fff; background: var(--clr-primary); }
    .rnd-section .card-list .block:hover .title,
    .rnd-section .card-list .block:hover .title .order,
    .rnd-section .card-list .block:hover .text { color: #fff; opacity: 1; }
}
@media screen and (min-width: 1025px) {
    .business-material::before { content: ''; z-index: 2; position: absolute; top: 0; left: calc(50vw + 7.7%); width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); pointer-events: none; }

    .rnd-introduce .section-heading .heading { font-size: 42px; }
    .rnd-section--certification .side::before { z-index: -1; content: ''; position: absolute; top: 0; right: 0; width: 50vw; height: 100%; background: #fff; }
}
@media screen and (max-width: 1024px) {
    .business { margin-top: 0; }
    .business-introduce { height: auto; }
    .business-introduce .sticky { overflow: visible; position: static; margin-right: auto; margin-left: auto; height: auto; max-width: var(--inner); width: 90%; }
    .business-introduce .background { position: static; border-radius: 16px; }
    .business-introduce .contents { display: block; width: 100%; color: inherit; }
    .business-introduce .heading { margin-top: 46px; font-size: 34px; color: var(--clr-dark); }
    .business-introduce .text { margin-top: 20px; font-size: 18px; }

    .business-material { padding: 100px 0 160px; }
    .business-material .list .item { margin-top: 80px; }
    .business-material .marquee .item { font-size: 142px; }
    .business-material .flex { display: block; }
    .business-material .badge { font-size: 18px; }
    .business-material .heading { margin-top: 14px; font-size: 30px; }
    .business-material .side { width: 100%; }
    .business-material .contents { margin-top: 60px; width: 100%; }
    .business-material .list .item { justify-content: center; }
    .business-material .block { max-width: none; }
    .business-material .block img { width: 340px; }
    .business-material .title { font-size: 34px; }
    .business-material .link-primary-light { margin-top: 36px; }

    .rnd-introduce { padding-bottom: 80px; }
    .rnd-introduce .ban { height: 300px; }
    .rnd-introduce .rnd-section { padding: 80px 0; }
    .rnd-section { padding: 80px 0; }
    .rnd-section:last-child { padding-bottom: 160px; }
    .rnd-section .heading { margin-bottom: 24px; font-size: 34px; }
    .rnd-section .flex { display: block; }
    .rnd-section .side { width: 100%; }
    .rnd-section .contents { width: 100%; }
    .rnd-section .card-list .block { padding: 36px; }
    .rnd-section .card-list .title { font-size: 18px; }
    .rnd-section .card-list .text { font-size: 16px; }
    .rnd-section .image-list { margin: -20px -10px; }
    .rnd-section .image-list .item { padding: 20px 10px; }
    .rnd-section .image-list .title { margin-top: 14px; }
    .rnd-section .certification-slider .title { margin-top: 16px; }
}
@media screen and (max-width: 768px) {
    .business-material { padding: 80px 0 120px; }
    .business-material .list .item { margin-top: 60px; }

    .business-introduce .heading { margin-top: 34px; font-size: 24px; }
    .business-introduce .text { margin-top: 14px; font-size: 16px; }

    .business-material .marquee .item { font-size: 86px; }
    .business-material .badge { font-size: 16px; }
    .business-material .heading { font-size: 24px; }
    .business-material .block img { width: 260px; }
    .business-material .title { margin-bottom: 20px; font-size: 24px; }
    .business-material .link-primary-light { margin-top: 24px; }

    .rnd-introduce { padding-bottom: 60px; }
    .rnd-introduce .ban { height: 200px; }
    .rnd-introduce .rnd-section { padding: 60px 0; }
    .rnd-section { padding: 60px 0; }
    .rnd-section:last-child { padding-bottom: 120px; }
    .rnd-section .heading { font-size: 24px; }
    .rnd-section .card-list .item { width: 100%; }
    .rnd-section .card-list .block { padding: 24px; }
    .rnd-section .image-list .item { width: 50%; }
    .rnd-section .certification-slider { padding-bottom: 30px; }
    .rnd-section .certification-slider .title { margin-top: 12px; }
}
@media screen and (max-width: 500px) {
    .rnd-introduce .ban { height: 140px; }

    .rnd-section .image-list .item { width: 100%; }
    .rnd-section .image-list .image { width: 100%; }
    .rnd-section .image-list .title { margin-top: 12px; }
}


/* 제품 */
.table { table-layout:fixed; border-top: 2px solid #000; }
.table .bg-0 { background: #F4F6F9; }
.table .bg-1 { background: #D6E3EC; }
.table .bg-2 { background: #C6D8E6; }
.table .bg-3 { background: #B7CEDE; }
.table .bg-4 { background: #A7C3D8; }
.table .bg-5 { background: #96B8D1; }
.table thead th,
.table tbody th { color: var(--clr-black); }
.table thead th { padding: 21px 12px; text-align: center; font-size: 18px; font-weight: 500; color: #000; background: #F0F8FF; border-bottom: 1px solid var(--border); border-right: 1px solid var(--border); }
.table tbody th,
.table tbody td { padding: 20px 12px; text-align: center; font-size: 18px; font-weight: 500; border-bottom: 1px solid var(--border); border-right: 1px solid var(--border); }
.table thead th:last-child,
.table tbody td:last-child { border-right: none; }
.table .diagonal { position: relative; background-image: linear-gradient(to top right, transparent calc(50% - 1px), var(--border) , transparent calc(50% + 1px) ); }
.table .diagonal .item small { position: absolute; }
.table .diagonal .item small:first-child { top: 0.45em; right: 0.65em; }
.table .diagonal .item small:last-child { bottom: 0.45em; left: 0.65em; }
@media screen and (min-width: 1025px) {
	.table .diagonal .item small { font-size: 1em; }
}
@media screen and (max-width: 1024px) {
    .table thead th { padding: 16px 8px; font-size: 16px; }
    .table tbody th,
    .table tbody td { padding: 14px 8px; font-size: 16px; }
    .table .diagonal .item small { font-size: 0.8em; }
    .table .diagonal .item small:first-child { top: 0.25em; right: 0.5em; }
    .table .diagonal .item small:last-child { bottom: 0.25em; left: 0.5em; }
}
@media screen and (max-width: 768px) {
	.table thead th { padding: 10px 6px; font-size: 14px; }
    .table tbody th,
    .table tbody td { padding: 8px 6px; font-size: 14px; }
}

.product { overflow: hidden; padding-bottom: 280px; }
.product .section { padding-top: 120px; }
.product .section:first-child { padding-top: 60px; }
.product .product-heading { margin-bottom: 16px; line-height: 1.4; font-size: 40px; font-weight: 600; color: var(--clr-black); }
.product .product-heading ~ .table,
.product .product-heading ~ .mobile-scroll { margin-top: 48px; }
.product-wrap { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.product-head { padding-bottom: 120px; border-bottom: 2px solid #222; }
.product-head .flex { display: flex; justify-content: space-between; }
.product-head .side { width: 44.64%; }
.product-head .thumbnail { border-radius: 16px; }
.product-head .contents { width: 49.27%; }
.product-head .badge { display: inline-flex; padding: 0 20px; height: 45px; line-height: 45px; font-size: 20px; font-weight: 600; color: var(--clr-primary); border: 1px solid var(--clr-primary); border-radius: 45px; }
.product-head .heading { margin: 16px 0 20px; line-height: 1.4; font-size: 50px; font-weight: 600; color: var(--clr-black); }
.product-head .text { margin-top: 20px; line-height: 1.6; font-size: 20px; }
.product-head .info .title { margin: 34px 0 14px; font-size: 22px; font-weight: 600; color: var(--clr-dark); }
.product-head .info .list { display: flex; margin: 0 -20px; }
.product-head .info .item { padding: 0 20px; color: #202020; }
.product-head .info .en { display: block; margin-top: 0; color: #A5A5A5; }
.product-head .downloads { display: flex; margin: 50px -10px -10px; }
.product-head .downloads .button { margin: 10px; }
.product-body .product-slider { margin-top: 48px; padding-top: 1px; padding-bottom: 30px; }
.product-body .product-slider .swiper-slide { overflow: hidden; flex: 0 1 auto; margin-right: 30px; width: auto; border-radius: 16px; box-shadow: 0 0 0 1px #ddd; }
/* .product-body .product-slider .swiper-slide { overflow: hidden; flex: 1 1; margin-right: 30px; width: auto; border-radius: 16px; box-shadow: 0 0 0 1px #ddd; } */
.product-body .product-slider .swiper-slide:last-child { margin-right: 0; }
@media screen and (max-width: 1024px) {
    .product { padding-bottom: 160px; }

    .product-head { padding-bottom: 80px; }
    .product .section { padding-top: 80px; }
    .product .product-heading { margin-bottom: 10px; font-size: 30px; }
    .product .product-heading ~ .table,
    .product .product-heading ~ .mobile-scroll { margin-top: 34px; }
    .product-head .flex { display: block; }
    .product-head .side { width: 100%; }
    .product-head .contents { margin-top: 45px; width: 100%; }
    .product-head .thumbnail { width: 100%; }
    .product-head .badge { height: 40px; line-height: 40px; font-size: 16px; }
    .product-head .heading { font-size: 36px; }
    .product-head .text { margin-top: 14px; font-size: 18px; }
    .product-head .info .title { font-size: 20px; }
    .product-head .downloads { margin: 35px -5px -5px; }
    .product-head .downloads .button { margin: 5px; }
    .product-body .product-slider { margin-top: 34px; }
    .product-body .product-slider .swiper-slide { margin-right: 15px; }
}
@media screen and (max-width: 768px) {
    .product { padding-bottom: 120px; }

    .product-head { padding-bottom: 60px; }
    .product .section { padding-top: 60px; }
    .product .product-heading { font-size: 24px; }
    .product .product-heading ~ .table,
    .product .product-heading ~ .mobile-scroll { margin-top: 24px; }
    .product-head .badge { font-size: 14px; }
    .product-head .heading { font-size: 24px; }
    .product-head .text { font-size: 16px; }
    .product-head .info .list { margin: -8px; }
    .product-head .info .item { padding: 8px; }
    .product-head .info .title { font-size: 18px; }
    .product-head .downloads { flex-wrap: wrap; }
    .product-head .downloads .button { justify-content: space-between; width: 100%; }
    .product-body .product-slider { overflow: visible; }
    .product-body .product-slider .swiper-slide { flex: 1 0 auto; width: 43.33333%; }
}
@media screen and (max-width: 500px) {
    .product-head .info .list { flex-direction: column; }
    .product-body .product-slider .swiper-slide { flex: 1 0 auto; width: 82%; }
}


/* 지속가능경영 */
.grid { display: flex; flex-wrap: wrap; margin: -15px -15px; }
.grid .col { flex: 1 0 0%; padding: 15px; }
.grid .col-6 { flex: 0 0 auto; width: 50%; }
.grid .col-12 { flex: 0 0 auto; width: 100%; }
.grid .chart-block { padding: 40px; border: 1px solid var(--border); border-radius: 16px; }
.grid .chart-block .chart { height: 260px; }
.grid .footnote { margin-top: 20px; font-size: 16px; }
.grid .image-round { overflow: hidden; border-radius: 16px; }
@media screen and (max-width: 1024px) {
    .grid { margin: -8px; }
	.grid .col { padding: 8px; }
    .grid .chart-block { padding: 24px; }
    .grid .chart-block .chart { height: 240px; }
    .grid .footnote { margin-top: 14px; font-size: 14px; }
}
@media screen and (max-width: 768px) {
    .grid .col-6 { width: 100%; }
    .grid .footnote { margin-top: 12px; font-size: 13px; }
    .grid .chart-block { padding: 16px; }
}
@media screen and (max-width: 500px) {
}

.esg { z-index: 2; position: relative; padding-bottom: 280px; }
.esg-wrap { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.esg-heading { font-size: 40px; font-weight: 600; color: var(--clr-black); }
.esg-title { margin-top: 60px; margin-bottom: 30px; font-size: 24px; font-weight: 600; color: var(--clr-black); }
.esg-text { margin-top: 20px; font-size: 20px; }
.esg-introduce { overflow: hidden; display: flex; align-items: flex-end; position: relative; margin-bottom: 120px; padding: 74px 80px; height: 700px; background: #000; border-radius: 16px; }
.esg-introduce .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.esg-introduce .background .item { width: 100%; height: 100%; object-fit: cover; }
.esg-introduce .contents { padding-right: 200px; width: 100%; color: #fff; }
.esg-introduce .title { z-index: 2; position: relative; font-size: 32px; font-weight: 600; }
.esg-introduce .text { z-index: 2; position: relative; margin-top: 20px; line-height: 1.65; font-size: 20px; }
.esg-introduce .award { position: absolute; top: 48px; right: 48px; }
.esg-main { display: flex; }
.esg-main .side { position: relative; width: 25%; }
.esg-main .side .sticky { position: sticky; top: 120px; left: 0; padding-top: 10px; }
.esg-main .tab .button { padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 600; border: 1px solid var(--border); border-radius: 40px; }
.esg-main .tab .button[aria-selected="true"] { color: #fff; background: var(--clr-primary); }
/* .esg-main .tab .button[aria-selected="true"] .icon { opacity: 1; transform: translateX(0); } */
.esg-main .contents { width: 75%; }
.esg-main .section { margin-top: 160px; }
.esg-main .section:first-child,
.esg-main .section-parent { margin-top: 0; }
.esg-main .section-parent > .section-child { margin-top: 160px; }
.esg-main .button-wrap { margin-top: 40px; }
.esg-main .section-g .grid-1 { margin-top: 15px; }
.esg-main .section figure img { border-radius: 16px; }
.esg-main .section figcaption { margin-top: 20px; text-align: center; font-weight: 500; }
@media screen and (min-width: 1025px) {
	.esg-main .tab .list { display: block; transform: none !important; }
	.esg-main .tab .item { margin-bottom: 12px; }
	.esg-main .tab .item:last-child { margin-bottom: 0; }
	.esg-main .tab .button:hover { color: #fff; background: var(--clr-primary); }
	/* .esg-main .tab .button:hover .icon { transform: translateX(0); opacity: 1; } */
	.esg-main .tab .swiper-scrollbar { display: none; }
}
@media screen and (max-width: 1024px) {
    .esg { overflow: hidden; padding-bottom: 160px; }
    .esg-main { display: block; }
    .esg-main .side { display: none; }
    .esg-main .contents { width: 100%; }
    .esg-main .section-parent > .section-child { margin-top: 80px; }
    .esg-main .button-wrap { margin-top: 24px; }
    .esg-heading { font-size: 30px; }
    .esg-title { margin-top: 45px; margin-bottom: 15px; font-size: 20px; }
    .esg-text { margin-top: 16px; font-size: 18px; }
    .esg-introduce { margin-bottom: 80px; padding: 64px; height: 500px; }
    .esg-introduce .background { background: #000; }
    .esg-introduce .background .item { opacity: 0.7; }
    .esg-introduce .title { font-size: 24px; }
    .esg-introduce .text { margin-top: 14px; font-size: 16px; }
    .esg-introduce .award { top: 32px; right: 32px; width: 180px; height: auto; }
}
@media screen and (max-width: 768px) {
    .esg { padding-bottom: 120px; }
    .esg-heading { font-size: 24px; }
    .esg-main .section-parent > .section-child { margin-top: 60px; }
    .esg-title { margin-top: 35px; margin-bottom: 12px; font-size: 18px; }
    .esg-text { font-size: 16px; }
    .esg-introduce { margin-bottom: 60px; padding: 34px; height: 340px; }
    .esg-introduce .title { font-size: 20px; }
    .esg-introduce .text { font-size: 14px; }
    .esg-introduce .contents { position: static; padding-right: 0; }
    .esg-introduce .award { top: 16px; right: 16px; width: 120px; }
    .section-e .grid-parent > .col { flex: 1 1 auto; width: 100%; }
    .section-e img { width: 100%; height: auto; }
    .section-g .grid-1 .col { flex: 1 1 auto; width: 100%; }
    .section-g .grid-1 img { width: 100%; height: auto; }
    .esg-main .section figcaption { margin-bottom: 30px; }
}
@media screen and (max-width: 500px) {
    .esg-main .button-wrap .button { justify-content: space-between; width: 100%; }
    .esg-introduce .award { width: 96px; }
    .section-e .grid-child .col { flex-basis: 100%; width: 100%; }
}


/* 투자정보 */
.investment { padding-bottom: 280px; }
.investment-wrap { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.investment .section { padding-top: 100px; }
.investment .section:first-child { padding-top: 0; }
.investment .section-title { display: flex; align-items: center; justify-content: space-between; }
.investment .section-title .title { font-size: 32px; font-weight: 600; color: var(--clr-black); }
.investment .section-title .topnote { font-size: 16px; }
.investment .section-title ~ .table,
.investment .section-title ~ .mobile-scroll { margin-top: 40px; }
.investment-flex { display: flex; }
.investment-flex .side { width: 25.3%; }
.investment-flex .contents { width: 74.7%; }
.investment-flex .side .title { padding-right: 80px; font-size: 40px; font-weight: 600; color: var(--clr-dark); }
.investment-flex .side .title small { display: block; margin-top: 12px; font-size: 20px; font-weight: 400; color: #444; }
.investment .chart-list { display: flex; flex-wrap: wrap; margin: -15px; }
.investment .chart-list .item { padding: 15px; width: 50%; }
.investment .chart-list .chart { padding-top: 40px; width: 100%; height: 370px; border: 1px solid var(--border); border-radius: 16px; }
@media screen and (max-width: 1024px) {
    .investment { padding-bottom: 160px; }
    .investment .section { padding-top: 80px; }
    .investment .section-title .title { font-size: 24px; }
    .investment .section-title .topnote { font-size: 14px; }
    .investment .section-title ~ .table,
    .investment .section-title ~ .mobile-scroll { margin-top: 30px; }
    .investment-flex { display: block; }
    .investment-flex .side { width: 100%; }
    .investment-flex .contents { margin-top: 45px; width: 100%; }
    .investment-flex .side .title { font-size: 34px; }
    .investment-flex .side .title small { margin-top: 8px; font-size: 16px; }
    .investment .chart-list { margin: -10px; }
    .investment .chart-list .item { padding: 10px; }
}
@media screen and (max-width: 768px) {
    .investment { padding-bottom: 120px; }
    .investment .section { padding-top: 60px; }
    .investment .section-title { flex-direction: column; align-items: flex-start; }
    .investment .section-title .title { font-size: 20px; }
    .investment .section-title .topnote { margin-top: 4px; font-size: 13px; }
    .investment .section-title ~ .table,
    .investment .section-title ~ .mobile-scroll { margin-top: 24px; }
    .investment-flex .side .title { padding: 0; font-size: 22px; }
    .investment-flex .side .title small { font-size: 14px; }
    .investment .chart-list .item { width: 100%; }
}


/* 오시는 길 */
.location { padding-bottom: 280px; }
.location-wrap { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.location .section { display: flex; justify-content: space-between; margin-bottom: 160px; }
.location .section:last-child { margin-bottom: 0; }
.location .side { width: 49.39%; }
.location .contents { padding-top: 40px; width: 43.29%; }
.location .map { overflow: hidden; position: relative; border-radius: 16px; }
.location .map::before { content: ''; display: block; padding-top: calc(480 / 810 * 100%); width: 100%; height: 0; }
.location .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.location .map .root_daum_roughmap { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.location .map .root_daum_roughmap .map_border { display: none; }
.location .map .root_daum_roughmap .wrap_map { height: 100% !important; }
.location .map .root_daum_roughmap .wrap_controllers { display: none; }
.location .map .root_daum_roughmap .wrap_btn_zoom { display: none; z-index: 3; }
.location .map .block { z-index: 5; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; padding: 24px; width: 100%; height: 100%; font-size: 24px; font-weight: 400; color: #fff; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity ease .35s; }
.location .badge { font-size: 24px; font-weight: 500; color: var(--clr-primary); }
.location .title { margin-top: 4px; font-size: 40px; font-weight: 600; color: var(--clr-black); }
.location .list { display: flex; flex-wrap: wrap; margin: 28px -8px -8px; }
.location .list .item { padding: 8px; width: 33.33333%; }
.location .list .block { padding: 36px; height: 100%; border: 1px solid var(--border); border-radius: 16px; }
.location .list .image { margin-bottom: 30px; }
@media screen and (min-width: 1025px) {
	.location .section:nth-child(even) { flex-direction: row-reverse; }
}
@media screen and (max-width: 1024px) {
    .location { padding-bottom: 160px; }
    .location .section { display: block; margin-bottom: 100px; }
    .location .side { width: 100%; }
    .location .contents { padding-top: 30px; width: 100%; }
    .location .badge { font-size: 18px; }
    .location .title { margin-top: 0; font-size: 30px; }
    .location .list { margin: 20px -5px -5px; }
    .location .list .item { padding: 5px; width: 50%; }
    .location .list .item:first-child { width: 100%; }
    .location .list .block { padding: 24px; }
    .location .list .image { width: 24px; height: auto; margin-bottom: 16px; }
    .location .list .text { font-size: 16px; }
}
@media screen and (max-width: 768px) {
    .location { padding-bottom: 120px; }
    .location .section { margin-bottom: 80px; }
    .location .badge { font-size: 16px; }
    .location .title { font-size: 24px; }
    .location .list { margin-top: 14px; }
    .location .list .text { font-size: 14px; }
    .location .list .image { margin-bottom: 12px; }
    .location .map .block { font-size: 20px; }
}
@media screen and (max-width: 500px) {
    .location .map .block { padding: 16px; font-size: 14px; }
}



























/* 게시판 soro */
.boardListArea { padding-bottom: 80px; }

.listTable caption,
.srboardWrite .writeTable .rowTbl caption { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.srboardView .viewArea .preViewTitle dl { display: flex; align-items: center; }
.srboardView .viewArea .preViewTitle dl dt { color: var(--clr-dark); font-weight: 700; }
.srboardView .viewArea .preViewTitle dl dd { padding: 0 1rem; }
.srboardView .viewArea .preViewTitle dl:first-child { right: auto; left: 0; }
.srboardView .viewArea .preViewTitle dl:last-child { flex-direction: row-reverse; }
@media screen and (max-width: 1024px) {
    .boardListArea { padding-bottom: 40px; }
}
@media screen and (max-width: 768px) {
    .boardListArea { padding-bottom: 20px; }
}




/* 게시판 */
.board .tabmenu { margin-bottom: 60px; }

.board-list { padding-bottom: 140px; }
.board-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 40px; }
.board-head .total { font-weight: 500; color: #666666; }

#fboardlist { margin-bottom: 70px;}
#bo_gall .gall_li .gall_img .no-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#bo_gall .gall_text_href { padding: 0; transition: color ease .15s; }
#bo_sch { z-index: 2 !important; display: block; position: static; padding: 0; width: auto; height: 50px; }
#bo_sch .sch_btn,
#bo_sch .btn_close { visibility: hidden; opacity: 0; }
#bo_sch form,
#bo_sch select,
#bo_sch .sch_input { height: 100%; font-size: 16px; font-weight: 500; color: #000000; }
#bo_sch select,
#bo_sch .sch_input { padding-right: 20px; padding-left: 20px; background-color: #f7f7f7; background-repeat: no-repeat; }
#bo_sch form { display: flex; align-items: center; }
#bo_sch select { margin-right: 10px; padding-right: 40px; background-image: url('/images/search-select-arrow.png'); background-position: center right 20px; background-size: auto 6px; }
#bo_sch .sch_input { padding-right: 50px; background-image: url('/images/search-input-submit.png'); background-position: center right 16px; background-size: auto 17px; }
.bo_btn { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; height: auto; border-bottom: none; }
.bo_btn li a,
.bo_btn li button { margin: 0 5px; width: 210px; height: 64px; line-height: 64px; text-align: center; border-radius: 100px; }
.bo_btn li .btn_b01 { color: #fff; background: #2843c0; border-color: #2843c0; }
.bo_btn li .btn_b02 { color: #000; background: #fff; border: 1px solid #e1e1e1; }
#bo_gall a.btn_b01:focus,
#bo_gall .btn_b01:hover { color: #fff; }

.board-certification .gall_img { overflow: hidden; position: relative; border: 1px solid #cccccc; }
.board-certification .gall_img::before { content: ''; display: block; padding-top: calc(636 / 452 * 100%); width: 100%; height: 0; }
.board-certification #bo_gall #gall_allchk { margin: 0; }
.board-certification #bo_gall #gall_ul { margin: -35px; padding: 0; }
.board-certification #bo_gall .gall_li { padding: 35px; width: 33.33333%; }
.board-certification #bo_gall .gall_li:nth-child(4n+1) { clear: none; }
.board-certification #bo_gall .gall_li .gall_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 85%; height: 85%; object-fit: cover; transition: transform ease .55s; }
.board-certification #bo_gall .gall_li_tit { margin: 18px 0 0; line-height: 1.77; color: #111111; font-weight: 600; }

.board-newsroom .gall_img { overflow: hidden; position: relative; }
.board-newsroom .gall_img::before { content: ''; display: block; padding-top: calc(310 / 513 * 100%); width: 100%; height: 0; }
.board-newsroom #bo_gall #gall_allchk { margin: 0; }
.board-newsroom #bo_gall #gall_ul { margin: -35px -25px; padding: 0; }
.board-newsroom #bo_gall .gall_li { padding: 35px 25px; width: 33.33333%; }
.board-newsroom #bo_gall .gall_li:nth-child(4n+1) { clear: none; }
.board-newsroom #bo_gall .gall_li .gall_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; transition: transform ease .55s; }
.board-newsroom #bo_gall .gall_li_tit { overflow: hidden; margin: 18px 0 0; line-height: 1.77; font-size: 22px; color: #111111; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.board-newsroom #bo_gall .date { float: none; display: block; margin-top: 24px; font-size: 15px; font-weight: 500; color: #999999; }

.board-media .gall_img { overflow: hidden; position: relative; }
.board-media .gall_img::before { content: ''; display: block; padding-top: calc(310 / 513 * 100%); width: 100%; height: 0; }
/* .board-media .gall_img::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 60px; height: 60px; background: url('') no-repeat center / auto 100%; border-radius: 50%; } */
.board-media #bo_gall #gall_allchk { margin: 0; }
.board-media #bo_gall #gall_ul { margin: -35px -25px; padding: 0; }
.board-media #bo_gall .gall_li { padding: 35px 25px; width: 33.33333%; }
.board-media #bo_gall .gall_li:nth-child(4n+1) { clear: none; }
.board-media #bo_gall .gall_li .gall_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; transition: transform ease .55s; }
.board-media #bo_gall .gall_li_tit { overflow: hidden; margin: 18px 0 0; line-height: 1.77; font-size: 22px; color: #111111; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.board-media #bo_gall .date { float: none; display: block; margin-top: 24px; font-size: 15px; font-weight: 500; color: #999999; }

.board-magazine .gall_img { overflow: hidden; position: relative; width: 25%; }
.board-magazine .gall_img::before { content: ''; display: block; padding-top: calc(248 / 380 * 100%); width: 100%; height: 0; }
.board-magazine #bo_gall .gall_text_href { flex: 1 1; padding: 34px 0 0 50px; }
.board-magazine #bo_gall .gall_li_wr { display: flex; }
.board-magazine #bo_gall #gall_allchk { margin: 0; }
.board-magazine #bo_gall #gall_ul { margin: 0; padding: 0; border-top: 2px solid #000; }
.board-magazine #bo_gall .gall_li { padding: 50px 80px; width: 100%; border-bottom: 1px solid #e6e6e6; }
.board-magazine #bo_gall .gall_li:nth-child(4n+1) { clear: none; }
.board-magazine #bo_gall .gall_li .gall_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; transition: transform ease .55s; }
.board-magazine #bo_gall .gall_li_tit { overflow: hidden; line-height: 1.77; font-size: 24px; color: #111111; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.board-magazine #bo_gall .gall_li_txt { overflow: hidden; display: block; margin: 18px 0 40px; line-height: 1.77; font-size: 16px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.board-magazine #bo_gall .date { float: none; display: block; margin-top: 24px; font-size: 15px; font-weight: 500; color: #999999; }

.board-recruit .gall_img { overflow: hidden; position: relative; width: 25%; }
.board-recruit .gall_img::before { content: ''; display: block; padding-top: calc(248 / 380 * 100%); width: 100%; height: 0; }
.board-recruit #bo_gall .gall_text_href { flex: 1 1; padding: 0 34px 0 20px; }
.board-recruit #bo_gall .gall_li_wr { display: flex; }
.board-recruit #bo_gall #gall_allchk { margin: 0; }
.board-recruit #bo_gall #gall_ul { margin: 0; padding: 0; border-top: 2px solid #000; }
.board-recruit #bo_gall .gall_li { padding: 40px 60px; width: 100%; border-bottom: 1px solid #e6e6e6; }
.board-recruit #bo_gall .gall_li:nth-child(4n+1) { clear: none; }
.board-recruit #bo_gall .gall_li .gall_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; transition: transform ease .55s; }
.board-recruit #bo_gall .gall_text_cat .cat { display: inline-block; padding: 0 20px; min-width: 90px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; font-weight: 500; color: #22293c; border: 1px solid #22293c; border-radius: 100px; }
.board-recruit #bo_gall .gall_li_tit { overflow: hidden; margin-top: -0.15em; line-height: 1.77; font-size: 24px; color: #111111; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.board-recruit #bo_gall .gall_li_txt { overflow: hidden; display: block; margin: 18px 0 40px; line-height: 1.77; font-size: 16px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.board-recruit #bo_gall .row { display: flex; align-items: center; margin-top: 10px; }
.board-recruit #bo_gall .chip { display: inline-block; margin-right: 10px; padding: 0 15px; min-width: 70px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #2843c0; background: #eceeff; border-radius: 50px; }
.board-recruit #bo_gall .chip-red { color: #B21016; background: #FBCFD0; }
.board-recruit #bo_gall .date { float: none; display: block; margin-top: 0; font-size: 18px; font-weight: 400; color: #666666; }
.board-recruit #bo_gall .gall_li_chk { position: static; }
.board-recruit #bo_gall .gall_text_button { display: flex; align-items: center; }
.board-recruit #bo_gall .gall_text_button .button { justify-content: space-between; margin-left: 20px; padding-right: 20px; padding-left: 20px; width: 180px; height: 50px; font-weight: 18; font-weight: 700; }
.board-recruit #bo_gall .gall_text_button .button .icon { width: 16px; height: 14px; }

.board-view { padding-top: 170px; padding-bottom: 140px; }
.board-view #bo_v { margin-bottom: 0; padding-bottom: 0; border-top: 2px solid #111111; border-right: none; border-left: none; border-bottom: none; }
.board-view #bo_v_title { padding-top: 42px; text-align: center; }
.board-view .bo_v_tit { margin: 0; font-size: 30px; font-weight: 600; color: #111111; }
.board-view #bo_v_info { padding: 22px 0 46px; text-align: center; font-size: 16px; font-weight: 500; color: #999999; }
.board-view #bo_v_atc { padding: 70px 50px 60px; border-top: 1px solid #e6e6e6; }
.board-view #bo_v_img { margin-bottom: 36px; text-align: center; }
.board-view #bo_v_con { min-height: auto; line-height: inherit; font-size: inherit; color: inherit; }
.board-view .bo_v_nb { margin: 0; border-right: none; border-left: none; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.board-view .bo_v_nb li { border-bottom: none; }
.board-view .bo_v_nb li a { display: flex; padding: 36px 50px; color: #444444; }
.board-view .bo_v_nb .icon { display: inline-flex; margin-right: 20px; width: 10px; height: 10px; }
.board-view .bo_v_nb .icon::before { content: ''; display: block; width: 100%; height: 100%; background: url('/images/board-view-arrow.png') no-repeat center / 100% auto; }
.board-view .bo_v_nb .left { margin-right: 70px; color: #000000; }
.board-view .bo_v_nb .bo_v_next .icon::before { transform: rotate(180deg); }
.board-view .bo_v_nb .bo_v_prev { border-bottom: 1px solid #e6e6e6; }
.board-view #bo_v_bot { display: flex; align-items: center; justify-content: center; margin: 70px 0 0; }
.board-view #bo_v_bot a { margin: 0 5px; width: 210px; height: 64px; line-height: 64px; text-align: center; border-radius: 100px; }
.board-view #bo_v_bot .btn_b01 { color: #fff; background: #2843c0; border-color: #2843c0; }
.board-view #bo_v_bot .btn_b02 { color: #000; background: #fff; border: 1px solid #e1e1e1; }
.board-view .media-container { overflow: hidden; position: relative; margin-right: auto; margin-left: auto; margin-bottom: 36px; }
.board-view .media-container::before { content: ''; display: block; padding-top: 56.25%; height: 0; }
.board-view .media-container video,
.board-view .media-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.board-write { padding-top: 170px; padding-bottom: 140px; }
.board-write #bo_w .bo_w_select select { padding-top: 4px; padding-bottom: 4px; height: 50px; border-radius: 0; border-color: #e1e1e1; }
.board-write #bo_w .bo_w_flie .frm_file { margin-bottom: 0; padding-top: 0; padding-bottom: 0; height: auto; }
.board-write #bo_w .bo_w_flie .file_wr { height: auto; }
.board-write #bo_w .btn_submit { background: #111; }
.board-write .btn_cke_sc { height: auto; }
.board-write .write_div { margin-top: 15px; margin-bottom: 15px; }
.board-write .write_div .h-auto { height: auto; }
@media (hover: hover) and (pointer: fine) {
    #bo_gall .gall_li_wr:hover .gall_li_tit { color: #2843c0; }

	#bo_gall .gall_li_wr:hover .gall_img img { transform: scale(1.1); }
}
@media screen and (max-width: 1024px) {
    .board .tabmenu { margin-bottom: 45px; }
    .board-head { flex-direction: column-reverse;; align-items: flex-start; margin-bottom: 35px; }

    #bo_sch { margin-bottom: 30px; width: 100%; }
    #bo_sch select { width: 150px; height: 50px; }
    #bo_sch .sch_input { flex: 1 1;  height: 50px; }
    #bo_sch form, #bo_sch select, #bo_sch .sch_input { font-size: 14px; }

    #fboardlist { margin-bottom: 35px; }
    .bo_btn li a,
    .bo_btn li button { margin: 0 2px; height: 50px; line-height: 50px; }

    .board-certification #bo_gall #gall_ul { margin: -15px; }
    .board-certification #bo_gall .gall_li { padding: 15px; }

    .board-newsroom #bo_gall .gall_li_tit { margin-top: 12px; font-size: 20px; }
    .board-newsroom #bo_gall .date { margin-top: 16px; font-size: 14px; }

    .board-media #bo_gall .gall_li_tit { margin-top: 12px; font-size: 20px; }

    .board-magazine #bo_gall .gall_li { padding: 36px 0; }
    .board-magazine #bo_gall .gall_text_href { padding: 0 0 0 34px; }
    .board-magazine #bo_gall .gall_li_tit { font-size: 20px; }
    .board-magazine #bo_gall .gall_li_txt { margin: 14px 0 24px; font-size: 15px; }
    .board-magazine #bo_gall .date { margin-top: 14px; font-size: 14px; }

    .board-recruit #bo_gall .gall_li { padding: 30px 24px; }
    .board-recruit #bo_gall .gall_li_tit { font-size: 20px; }
    .board-recruit #bo_gall .gall_text_cat .cat { min-width: 60px; font-size: 14px; }
    .board-recruit #bo_gall .chip { min-width: 60px; font-size: 14px; }
    .board-recruit #bo_gall .date { font-size: 16px; }
    .board-recruit #bo_gall .gall_text_button .button { width: 160px; }

    .board-view { padding-top: 120px; padding-bottom: 120px; }
    .board-view .bo_v_tit { font-size: 24px; }
    .board-view #bo_v_info { font-size: 14px; }
    .board-view #bo_v_atc { padding: 48px 0; }
    .board-view #bo_v_bot { margin-top: 35px; }
    .board-view #bo_v_bot a { margin: 0 2px; height: 50px; line-height: 50px; }
}
@media screen and (max-width: 768px) {
    .board .tabmenu { margin-bottom: 35px; }

    .board-certification #bo_gall .gall_li { width: 50%; }

    .board-newsroom #bo_gall .gall_li_tit { font-size: 18px; }
    .board-newsroom #bo_gall .date { margin-top: 10px; font-size: 13px; }
    .board-newsroom #bo_gall .gall_li { width: 50%; }

    .board-media #bo_gall .gall_li { width: 50%; }
    .board-media #bo_gall .gall_li_tit { margin-top: 10px; font-size: 13px; }

    .board-magazine .gall_img { width: 100%; }
    .board-magazine #bo_gall .gall_li { padding: 24px 0; }
    .board-magazine #bo_gall .gall_li_wr { flex-direction: column; }
    .board-magazine #bo_gall .gall_li_tit { font-size: 18px; }
    .board-magazine #bo_gall .gall_li_txt { font-size: 14px; }
    .board-magazine #bo_gall .gall_text_href { padding: 10px 0 0; }
    .board-magazine #bo_gall .date { font-size: 13px; }

    .board-recruit #bo_gall .gall_li { padding: 30px 0; }
    .board-recruit #bo_gall .gall_li_wr { flex-direction: column; }
    .board-recruit #bo_gall .gall_li_tit { font-size: 16px; }
    .board-recruit #bo_gall .gall_text_href { padding: 14px 0 30px; }
    .board-recruit #bo_gall .gall_text_cat .cat { font-size: 13px; }
    .board-recruit #bo_gall .chip { min-width: 60px; font-size: 12px; }
    .board-recruit #bo_gall .date { font-size: 14px; }
    .board-recruit #bo_gall .gall_text_button .button { margin-left: 0; margin-right: 4px; width: 140px; height: 40px; }

    .board-view { padding-top: 100px; }
    .board-view .bo_v_tit { font-size: 20px; }
    .board-view #bo_v_title { padding-top: 24px; }
    .board-view #bo_v_info { padding-bottom: 24px; }
    .board-view #bo_v_atc { padding: 36px 0; }
    .board-view #bo_v_info { font-size: 13px; }
}


/* ------- 문의하기 ------- */
.inquiry { padding-bottom: 260px; }
.inquiry-container { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.inquiry-container .inquiry-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 14px; }
.inquiry-container .inquiry-head .title { font-size: 40px; font-weight: 700; color: #111111; }
.inquiry-container .inquiry-head .note { margin: 0; color: inherit; }
.inquiry-container .inquiry-body .terms-container { margin-top: 10px; }
.inquiry-container .inquiry-foot { margin-top: 80px; text-align: center; }
.inquiry-container .inquiry-foot .button { max-width: 180px; width: 100%; height: 70px; }
.inquiry-container .inquiry-table { border-top: 1px solid #1c1c1c; }
/* .inquiry-container .inquiry-table tr { border-bottom: 1px solid #dcdcdc; } */
.inquiry-container .inquiry-table td { padding: 16px 0; }
.inquiry-container .inquiry-table td:first-child { padding-right: 30px; }
.inquiry-container .inquiry-table td:last-child { padding-left: 30px; }
.inquiry-container .inquiry-table .th { margin: 16px 0; font-weight: 600; color: var(--clr-black); }
.inquiry-container input,
.inquiry-container select,
.inquiry-container textarea { width: 100%; }
.inquiry-container textarea { height: 420px; }
.inquiry-container .radio label { font-size: inherit; color: inherit; }
.inquiry-container .file-upload { display: flex; align-items: center; position: relative; margin-top: 6px; max-width: 550px; }
.inquiry-container .file-upload:first-child { margin-top: 0; }
.inquiry-container .file-upload .input-wrap { position: relative; width: 100%; }
.inquiry-container .file-upload .input { display: block; padding: 0 40px 0 20px; line-height: 60px; height: 60px; background: #f7f7f7; user-select: none; border-radius: 0; }
.inquiry-container .file-upload .delete { display: none; position: absolute; top: 0; right: 11px; bottom: 0; margin: auto; width: 30px; height: 30px; background: url('/theme/cream/images/icon-close.svg') no-repeat center / auto 50%; cursor: pointer; }
.inquiry-container .file-upload .button { flex: 1 0 150px; width: 150px; line-height: 60px; height: 60px; color: #fff; cursor: pointer; background: #333333; }
.inquiry-container .file-upload .file-input { position: absolute; top: 0; left: 0; margin: 0; padding: 0;  width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
/* .inquiry-container .file-upload .input.is-selected { color: #000; background: #ebebeb; border-color: #ebebeb; } */
.inquiry-container .file-upload .input.is-selected ~ .delete { display: block; }
/* .inquiry-container p { margin-top: 14px; font-size: 16px; color: #999999; } */
.inquiry-container .check input { min-width: auto; width: 24px; }
@media screen and (pointer: fine) {

}
@media screen and (min-width: 1025px) {
	.inquiry-container table td { height: 118px; }
}
@media screen and (max-width: 1024px) {
    .inquiry { padding-bottom: 160px; }
    .inquiry-container input,
    .inquiry-container select,
    .inquiry-container textarea { min-width: auto; width: 100%; }
    .inquiry-container textarea { height: 300px; }
	.inquiry-container .inquiry-table,
	.inquiry-container .inquiry-table tbody,
	.inquiry-container .inquiry-table tr,
	.inquiry-container .inquiry-table th,
	.inquiry-container .inquiry-table td { display: block; }
	.inquiry-container .inquiry-table th { padding: 20px 0 6px; width: 100%; }
	.inquiry-container .inquiry-table td { padding: 16px 0; }
    .inquiry-container .inquiry-table tr:first-child td:first-child { padding-top: 32px; }
    .inquiry-container .inquiry-table td:first-child { padding-right: 0; width: 100% !important; }
    .inquiry-container .inquiry-table td:last-child { padding-left: 0; width: 100% !important; }
    .inquiry-container .inquiry-table .th { margin-top: 0; margin-bottom: 14px; }
	.inquiry-container .input { width: 100%; }
	.inquiry-container .inquiry-head { margin-bottom: 20px; }
	.inquiry-container .inquiry-head .title { font-size: 30px; }
	.inquiry-container .inquiry-head .note { margin-bottom: 6px; font-size: 14px; }
	/* .inquiry-container .inquiry-body .terms-container { margin-top: 40px; } */
	.inquiry-container .inquiry-foot { margin-top: 50px; }
	.inquiry-container .inquiry-foot .button { height: 50px; }
}
@media screen and (max-width: 768px) {
    .inquiry { padding-bottom: 120px; }
    .inquiry-container textarea { height: 200px; }
    .input-group.email { flex-wrap: wrap; }
    .input-group.email .col:last-child { width: 100%; }
    .input-group.email input,
    .input-group.email select { min-width: auto; }
	.inquiry-container .inquiry-head { margin-bottom: 14px; }
	.inquiry-container .inquiry-head .title { font-size: 24px; }
	.inquiry-container .inquiry-head .note { font-size: 13px; }
	/* .inquiry-container .inquiry-body .terms-container { margin-top: 30px; } */
    .inquiry-container .file-upload .input { height: 50px; }
    .inquiry-container .file-upload .button { height: 50px; }
    .inquiry-container .inquiry-foot { margin-top: 35px; }
}