/**********************************************************************************
	FONTS
**********************************************************************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Pretendard-Regular.eot");
    src: url("../fonts/Pretendard-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff"), url("../fonts/Pretendard-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Pretendard-Medium.eot");
    src: url("../fonts/Pretendard-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff"), url("../fonts/Pretendard-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Pretendard-Bold.eot");
    src: url("../fonts/Pretendard-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff"), url("../fonts/Pretendard-Bold.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "NanumSquareNeo";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/NanumSquareNeo-dEb.woff") format("woff"), url("../fonts/Pretendard-Bold.ttf") format("truetype");
    font-display: swap;
}

html,
body {
    font-family: "Pretendard", "Poppins", sans-serif;
    color: #1a1a1a;
    overflow-x: hidden;
}
html.on,
body.on {
    overflow: hidden;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overscroll-behavior: none;
}
/*
	normalize / reset
*/
html {
    font-size: 112.5%;
}
body {
    line-height: 1;
    position: relative;
    overflow-x: hidden;
}
body * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
ol,
ul {
    list-style: none;
}

p,
ul,
li,
ol,
dl,
dt,
dd,
figure {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    color: inherit;
    margin: 0;
}

button,
textarea,
input,
select {
    font-family: inherit;
    color: inherit;
    padding: 0;
}

button {
    border: 0;
}
@media (max-width: 767px) {
    html {
        font-size: 100%;
    }
}
/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/
.clear:after {
    display: block;
    clear: both;
    content: "";
}
.container {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}
article.sub .container,
.sub_container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}
.container-full {
    width: 100%;
    position: relative;
}

@media (max-width: 1600px) {
    .container {
        width: 100%;
        padding-left: 48px;
        padding-right: 48px;
    }
}
@media (max-width: 1440px) {
    article.sub .container,
    .sub_container {
        width: 100%;
        padding-left: 48px;
        padding-right: 48px;
    }
}
@media (max-width: 767px) {
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
    article.sub .container,
    .sub_container {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

/* Header */
header .nav .nav-icon {
    display: none;
}

header .nav .nav-icon:after,
header .nav .nav-icon:before,
header .nav .nav-icon div {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    margin: 4px 0;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header .down .nav .nav-icon:after,
header .down .nav .nav-icon:before,
header .down .nav .nav-icon div {
    background-color: #1a1a1a;
}
header .sub .nav .nav-icon:after,
header .sub .nav .nav-icon:before,
header .sub .nav .nav-icon div {
    background-color: #1a1a1a;
}
header .nav .nav-icon.active:after,
header .nav .nav-icon.active:before,
header .nav .nav-icon.active div {
    background-color: #1a1a1a;
}
header .nav .nav-icon:before {
    margin-top: 0;
}
header .nav .nav-icon:after {
    margin-bottom: 0;
}
header .nav .nav-icon.active:before {
    transform: translateY(7px) rotate(135deg);
    -moz-transform: translateY(7px) rotate(135deg);
    -webkit-transform: translateY(7px) rotate(135deg);
}
header .nav .nav-icon.active:after {
    transform: translateY(-5px) rotate(-135deg);
    -moz-transform: translateY(-5px) rotate(-135deg);
    -webkit-transform: translateY(-5px) rotate(-135deg);
}
header .nav .nav-icon.active div {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
.headerArea {
    width: 100%;
    height: 81px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    transition: 0.2s linear;
    position: fixed;
    top: 0;
    z-index: 99;
}
.headerArea .logo a {
    display: block;
    position: relative;
}

.headerArea.up {
    top: -100px;
}
.headerArea.down {
    position: fixed;
    background-color: #fff;
}
.headerArea.up:before {
    height: 0;
}
.headerArea.down .logo a img {
    opacity: 0;
}
.headerArea.down .logo a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: url(../images/logo_color.svg) no-repeat;
    background-size: contain;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.headerArea.down .navbar > li {
    color: #1a1a1a;
}

.headerArea .container {
    width: 100%;
    margin: 0 auto;
}
.headerArea .ly_flex {
    position: relative;
}
.headerArea .login {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.headerArea .login:after {
    content: "";
    background: url(../images/login.svg);
    width: 20px;
    height: 20px;
    margin-left: 6px;
}
.headerArea .login.mo {
    display: none;
}
.headerArea .language {
    color: #fff;
}
.headerArea .language.mo {
    display: none;
}
.headerArea.sub .language {
    color: #1a1a1a;
}
.headerArea.sub .language a::before {
    filter: invert(1);
}
.headerArea.sub .language a::after {
    background-color: #1a1a1a;
}
.headerArea.sub .logo a img {
    opacity: 0;
}
.headerArea.sub .logo a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: url(../images/logo_color.svg) no-repeat;
    background-size: contain;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.headerArea.sub .navbar > li {
    color: #1a1a1a;
}

.headerArea.on .logo {
    position: absolute;
    left: 0;
    z-index: 100;
}
.headerArea.on .logo a img {
    opacity: 0;
}
.headerArea.on .logo a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: url(../images/logo_color.svg) no-repeat;
    background-size: contain;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.headerArea .navbar > li > a {
    font-family: "Poppins";
    text-transform: uppercase;
}
@media (max-width: 1760px) {
    .headerArea .container {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (min-width: 1200px) {
    .headerArea:before {
        width: 100%;
        height: 0;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        left: 0;
        top: 83px;
        content: "";
        transition: height 0.2s linear;
        filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.04));
        backdrop-filter: blur(12px);
    }
    .headerArea .navbar > li > a {
        padding-bottom: 30px;
    }
    .headerArea .navbar > li:hover > a {
        color: #80c41c;
    }
    .headerArea .ly_flex {
        justify-content: space-between;
        align-items: center;
    }
    .headerArea .nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }
    .headerArea .nav .children {
        display: none;
    }
    .headerArea .navbar {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .headerArea .navbar > li {
        position: relative;
        color: #fff;
        padding: 0 50px;
        font-weight: 600;
        font-size: 0.89rem;
        line-height: 1.16;
    }
    .navbar .sub-menu {
        display: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 20px;
        width: auto;
        padding: 20px 25px;
        background: #80c41c;
        color: #fff;
        font-weight: 500;
        font-size: 0.78rem;
        text-align: center;
    }
    :lang(en) .navbar .sub-menu {
        width: auto;
        padding: 20px;
    }
    :lang(en) .navbar .sub-menu li {
        white-space: nowrap;
    }
    .navbar .sub-menu li {
        margin-bottom: 10px;
        opacity: 0.7;
        white-space: nowrap;
    }
    .navbar .sub-menu li:hover {
        opacity: 1;
    }
    .navbar .sub-menu li:last-child {
        margin-bottom: 0;
    }
    .headerArea .navbar > li:hover .sub-menu {
        display: block;
    }
    .headerArea .navbar .menu > ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .headerArea .navbar .menu > ul > li {
        margin-right: 30px;
    }
    .headerArea .language a {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        text-transform: uppercase;
        font-size: 0.89rem;
        font-family: "Poppins";
        font-weight: 600;
    }
    .headerArea .language a::before {
        content: "";
        background: url(../images/language_ic.svg);
        width: 24px;
        height: 24px;
        margin-right: 4px;
    }
    .headerArea .language a::after {
        content: "";
        width: 5px;
        height: 5px;
        background: #ffffff;
        border-radius: 50%;
        margin-left: 12px;
    }
    .headerArea.down .language a {
        color: #1a1a1a;
    }
    .headerArea.down .language a::before {
        filter: invert(1);
    }
    .headerArea.down .language a::after {
        background-color: #1a1a1a;
    }
    .headerArea .language a:hover {
        color: #88d31a;
    }
    .headerArea .language a:hover::before {
        background: url(../images/language_color_ic.svg);
        filter: invert(0);
    }
    .headerArea .language a:hover::after {
        background-color: #88d31a;
    }
    .headerArea .language.pc {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        flex-direction: row;
        width: auto;
        gap: 40px;
    }
    .headerArea .language.pc .donation .btn_donation {
        padding: 10px 20px;
        border-radius: 20px;
        border: 2px solid #fff;
        color: #fff;
        width: auto;
    }
    .headerArea.down .language.pc .donation .btn_donation,
    .headerArea.sub .language.pc .donation .btn_donation {
        border: 2px solid #000;
        color: #000;
    }
    .headerArea .language.pc .donation .btn_donation:hover {
        background-color: #88d31a;
        border: 1px solid #88d31a;
    }
    .headerArea.down .language.pc .donation .btn_donation:hover,
    .headerArea.sub .language.pc .donation .btn_donation:hover {
        border: 2px solid #88d31a;
        background-color: transparent;
    }
    .headerArea.down .language.pc .donation .btn_donation:hover span,
    .headerArea.sub .language.pc .donation .btn_donation:hover span {
        color: #88d31a;
    }
    
    .headerArea .language.pc .donation::before {
        display: none;
    }
    .headerArea .language.pc .donation::after {
        display: none;
    }
}
@media (max-width: 1199px) {
    .headerArea .logo a {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .headerArea .donation {
        position: absolute;
        right: 40px;
    }
    .headerArea.on .donation {
        z-index: 100;
    }
    .headerArea .donation .btn_donation {
        padding: 5px 10px;
        border-radius: 20px;
        border: 1px solid #fff;
        color: #fff;
        width: auto;
        font-size: 0.7rem;
        font-weight: 700;
    }
    .headerArea.on .donation .btn_donation,
    .headerArea.sub .donation .btn_donation {
        border: 1px solid #000;
        color: #000;
    }
    header .nav .nav-icon {
        display: inline-block;
        width: 24px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 100;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    header .nav .navbar {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        padding: 56px 0 100px;
        overflow-y: scroll;
        background: #fff;
        z-index: 99;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin: 0;
    }
    header .nav .navbar::after {
        content: "";
        background: url(../images/nav_bg.svg) no-repeat;
        width: calc(438px / 2);
        height: calc(493px / 2);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -2;
        background-size: contain;
    }
    header .nav .navbar.active {
        opacity: 1;
        visibility: visible;
        overflow-y: scroll;
    }
    header .nav .nav-icon div {
        width: 24px;
        position: relative;
        right: 0;
    }
    .headerArea .navbar > li:first-child {
        margin-top: 32px;
    }
    .headerArea .navbar > li.current_page_item {
        color: #80c41c;
    }
    .headerArea .navbar > li:nth-last-child(1),
    .headerArea .navbar > li:nth-last-child(2) {
        border-bottom: 0;
    }
    .headerArea .sitemap-bt {
        display: none;
    }
    .headerArea {
        background: transparent;
    }
    .headerArea > .container {
        height: 80px;
    }
    .headerArea .ly_flex {
        height: 100%;
        align-items: center;
    }
    .headerArea .navbar > li.active {
    }
    .headerArea .navbar > li.active > a {
        color: #80c41c;
    }
    .headerArea .navbar > li.active > a span {
        position: relative;
    }
    .headerArea .navbar > li.active > a span::after {
        width: calc(100% + 12px);
        transition: width 0.3s;
    }
    .headerArea .navbar > li > a span::after {
        content: "";
        background-color: #3e93f2;
        border-radius: 20px;
        width: calc(100% + 12px);
        height: 8px;
        position: absolute;
        bottom: -1px;
        left: -4px;
        z-index: -1;
        width: 0;
    }
    .headerArea .navbar > li.active.menu-item-has-children > a:before {
        transform: translateY(-50%) rotate(-180deg);
    }
    .headerArea .navbar > li {
        display: block;
        text-align: left;
        margin: 0;
        font-weight: 700;
        color: #111;
    }
    .headerArea .navbar > li > a {
        padding: 18px 24px;
        line-height: normal;
        display: block;
        position: relative;
    }
    .headerArea .navbar > li.menu-item-has-children {
        padding-bottom: 0;
    }
    .headerArea .navbar > li.menu-item-has-children > a:before {
        width: 16px;
        height: 16px;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        background: url(../images/nav-off.svg) no-repeat;
        background-size: contain;
        content: "";
        transition: all 0.3s;
    }
    .headerArea .navbar > li > .sub-menu {
        display: none;
        padding: 30px;
        position: relative;
    }
    .headerArea .navbar > li > .sub-menu::before {
        content: "";
        background: #f5f5f5;
        width: calc(100vw + 24px);
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: -24px;
    }
    .headerArea .navbar > li .sub-menu li {
        font-size: 1rem;
        line-height: 1.18;
        color: #474747;
        font-weight: 400;
        margin-bottom: 24px;
    }
    .headerArea .navbar > li .sub-menu li:hover {
        color: #80c41c;
        font-weight: 700;
    }
    .headerArea .navbar > li .sub-menu li:last-child {
        margin-bottom: 0;
    }
    .headerArea.down .logo {
        position: relative;
        z-index: 100;
        display: flex;
        align-items: center;
    }
    .headerArea .login.pc {
        display: none;
    }
    .headerArea .login.mo {
        display: block;
    }
    .headerArea .login:after {
        display: none;
    }
    .headerArea .navbar > li.login > a {
        display: inline-block;
        position: relative;
        font-weight: 400;
    }
    .headerArea .login a:after {
        content: "";
        background: url(../images/login.svg);
        width: 20px;
        height: 20px;
        margin-left: 0;
        position: absolute;
        top: 50%;
        right: -32px;
        transform: translateY(-50%);
    }
    .headerArea .language.pc {
        display: none;
    }
    .headerArea .language.mo {
        display: block;
        padding: 0 24px;
        position: absolute;
        bottom: 60px;
    }
    .headerArea .language.mo ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        text-transform: uppercase;
    }
    .headerArea .language.mo ul li {
        color: #cccccc;
    }
    .headerArea .language.mo ul li.on {
        color: #88d31a;
    }
    .headerArea .language.mo ul li:last-child {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .headerArea .language.mo ul li:last-child::before {
        content: "";
        background: #cccccc;
        width: 2px;
        height: 12px;
        margin: 0 8px;
    }
}
@media (max-width: 767px) {
    .headerArea {
        height: 56px;
        border-bottom: 0;
    }
    .headerArea.down {
        top: 0;
    }
    .headerArea .logo {
        width: 170px;
    }
    .headerArea .navbar > li > a {
        font-size: 1.25rem;
    }
}
/* Pagination */
.pagination .nav-links {
    text-align: center;
    margin-top: 24px;
}
.pagination .screen-reader-text {
    display: none;
}
.pagination .page-numbers {
    display: inline-block;
    width: 20px;
    height: 40px;
    font-size: 0.89rem;
    vertical-align: top;
    line-height: 40px;
    text-align: center;
    margin: 0 5px;
    color: #808080;
    cursor: pointer;
    font-weight: 500;
}
.pagination .page-numbers span {
    position: relative;
}
.pagination .page-numbers span::after {
    opacity: 0;
    content: "";
    background-color: #1a1a1a;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.pagination .page-numbers.current,
.pagination .page-numbers.current:hover {
    color: #1a1a1a;
}
.pagination .page-numbers.current span::after,
.pagination .page-numbers.current:hover span::after {
    opacity: 1;
}
.pagination .page-numbers:hover {
    color: #1a1a1a;
}
.pagination .page-numbers:hover span::after {
    opacity: 1;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    background: url(../images/pagination.svg) no-repeat center;
    width: 40px;
}
.pagination .page-numbers.prev {
    transform: rotate(180deg);
}
.pagination .page-numbers.prev.disabled,
.pagination .page-numbers.next.disabled {
    opacity: 0.2;
    cursor: auto;
    pointer-events: none;
}

@media (max-width: 767px) {
    .pagination .page-numbers {
        width: 24px;
        height: 24px;
        font-size: 1rem;
        margin: 0 4px;
        line-height: 24px;
    }
}

/* 공통 */
:lang(en),
.en {
    font-family: "Poppins";
}
input,
button {
    outline: none;
}
.mo {
    display: none;
}
.ly_flex {
    display: flex;
    flex-wrap: wrap;
}
.f92 {
    font-size: 5.1rem;
}
.f84 {
    font-size: 4.7rem;
}
.f68 {
    font-size: 3.8rem;
}
.f60 {
    font-size: 3.3rem;
}
.f52 {
    font-size: 2.9rem;
    line-height: 1.3;
}
.f40 {
    font-size: 2.2rem;
    line-height: 1.4;
}
.f36 {
    font-size: 2rem;
}
.f28 {
    font-size: 1.56rem;
}
.f24 {
    font-size: 1.3rem;
    line-height: 1.4;
}
.f22 {
    font-size: 1.2rem;
    line-height: 1.45;
}
.f20 {
    font-size: 1.1rem;
    line-height: 1.4;
}
.f18,
.txt {
    font-size: 1rem;
    line-height: 1.6;
}
.f16 {
    font-size: 0.89rem;
    line-height: 1.4;
}
.f15 {
    font-size: 0.83rem;
}
.f14 {
    font-size: 0.78rem;
}
.f13 {
    font-size: 0.72rem;
}
.f12 {
    font-size: 0.67rem;
}

.ttl_box {
    margin-bottom: 60px;
    text-align: center;
}
.ttl_box h3 {
    font-weight: 700;
}
.ttl_box p {
}
.ttl_box span {
    display: block;
    margin: 15px 0 28px;
    font-weight: 500;
    color: #808080;
}
.ttl_box span.green {
    color: rgba(128, 196, 28, 1);
    margin-bottom: 5px;
}
.center {
    text-align: center;
}
.cate {
    color: #88d31a;
}
.date {
    color: #999999;
}
.green {
    color: rgba(128, 196, 28, 1);
}
.btn_b {
    color: #1a1a1a;
}
.btn_b a::after {
    filter: invert(1);
}
.btn a {
    position: relative;
    display: flex;
    font-size: 0.89rem;
    font-weight: 600;
    z-index: 1;
    padding-left: 17px;
}
.btn a::before {
    content: "";
    background: url(../images/btn_bg.svg);
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.btn a::after {
    content: "";
    background: url(../images/btn_ic.svg);
    width: 16px;
    height: 16px;
    margin-left: 6px;
    transition: 0.3s linear;
}
.btn a:hover::after {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
}

.btn button {
    background: transparent;
    margin: 0 auto;
    position: relative;
    display: flex;
    font-size: 0.89rem;
    font-weight: 600;
    z-index: 1;
    padding-left: 17px;
    color: #fff;
    cursor: pointer;
}
.btn button::before {
    content: "";
    background: url(../images/btn_bg.svg);
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.btn button::after {
    content: "";
    background: url(../images/btn_ic.svg);
    width: 16px;
    height: 16px;
    margin-left: 6px;
    transition: 0.3s linear;
}
.btn button:hover::after {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
}

.btn_box {
    text-align: center;
}
.btn_box button {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
    background: transparent;
    font-size: 0.89rem;
    font-weight: 600;
    width: 180px;
    height: 56px;
    border: 1px solid #1a1a1a;
    transition: all 0.5s;
}
.btn_box button:hover {
    background: #1a1a1a;
    color: #fff;
}

.down_btn a {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 15px 28px;
    border: 1px solid #1a1a1a;
    font-weight: 600;
    font-size: 0.89rem;
    transition: all 0.5s;
}
.down_btn a::after {
    content: "";
    margin-left: 85px;
    background: url(../images/file_ic.svg);
    width: 24px;
    height: 24px;
}
.down_btn a:hover {
    background: #1a1a1a;
    color: #fff;
}
.down_btn a:hover::after {
    filter: invert(1);
}

.more {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 0.89rem;
    font-weight: 600;
}
.more::after {
    content: "";
    background: url(../images/more.svg) no-repeat;
    width: 21px;
    height: 12px;
    margin-left: 12px;
}

.tab {
    display: none;
}
.tab.show {
    display: block;
}
.tab_tit,
.cate_list {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 60px;
}
.tab_tit h2,
.cate_list h2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: #999;
    font-size: 1.3rem;
    font-weight: 600;
    transition: all 0.5s;
}
.tab_tit h2::after,
.cate_list h2::after {
    content: "";
    width: 1px;
    height: 18px;
    margin: 0 12px;
    background: #e4e4e4;
}
.tab_tit h2:last-child::after,
.cate_list h2:last-child::after {
    display: none;
}
.tab_tit h2.on,
.cate_list h2.on {
    color: #1a1a1a;
}
.tab_tit h2:hover,
.cate_list h2:hover {
    color: #1a1a1a;
}

.sub_big_bg .bg {
    animation: visualScale 5s ease-out alternate both;
}
.aos-animate .bg {
    animation: visualScale 5s ease-out alternate both;
}
.visual_section .bg {
    position: relative;
    animation: visualScale 5s ease-out alternate both;
}
.visual_section .bg::before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.visual_section .bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bg {
    width: 100%;
    height: 100%;
}
.bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 767px) {
    .f92 {
        font-size: 3.38rem;
    }
    .f84 {
        font-size: 3.3rem;
    }
    .f68 {
        font-size: 2.5rem;
    }
    .f60 {
        font-size: 2.6rem;
    }
    .f52 {
        font-size: 2rem;
    }
    .f40 {
        font-size: 1.6rem;
    }
    .f28 {
        font-size: 1.25rem;
    }
    .f24 {
        font-size: 1.18rem;
    }
    .f22 {
        font-size: 1.1rem;
    }
    .f20 {
        font-size: 1.06rem;
    }
    .f14 {
        font-size: 0.75rem;
    }
    .f13 {
        font-size: 0.8rem;
    }
    .more {
        font-size: 1rem;
    }
    .tab_tit {
        margin-bottom: 30px;
    }
    .tab_tit h2 {
        font-size: 1.1rem;
    }

    .down_btn a {
        padding: 8px 14px;
    }
    .down_btn a::after {
        margin-left: 40px;
    }
    .ttl_box {
        margin-bottom: 30px;
    }
    .ttl_box span {
        margin: 6px 0 16px;
    }
}

@keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1.08) rotate(0.0001deg);
    }
    100% {
        transform: translateZ(0) scale(1) rotate(0deg);
    }
}

@-webkit-keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1.08) rotate(0.0001deg);
    }
    100% {
        transform: translateZ(0) scale(1) rotate(0deg);
    }
}

@-ms-keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1.08) rotate(0.0001deg);
    }
    100% {
        transform: translateZ(0) scale(1) rotate(0deg);
    }
}
@media (max-width: 767px) {
    .pc {
        display: none;
    }
    .mo {
        display: block;
    }
}

/* 메인 */
section {
    overflow: hidden;
}
.main {
    overflow: hidden;
}
.visual_section {
    width: 100%;
    height: 100vh;
    position: relative;
}
.visual_section .main_tit {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.visual_section .main_tit .tit_box {
    position: relative;
    width: 100%;
    height: 100%;
}
.visual_section h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #fff;
    font-size: 4.6rem;
    font-family: "Poppins";
    font-weight: 700;
    text-align: center;
    transition: opacity 1s;
}
.visual_section h2.on {
    opacity: 1;
}
.scroll_down {
    position: absolute;
    bottom: 52px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.scroll_down.color li {
    color: #1a1a1a;
}
.scroll_down.color li::before {
    background-color: rgba(26, 26, 26, 0.1);
}
.scroll_down li {
    transform: rotate(90deg);
    position: relative;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 0.72rem;
    color: #fff;
}
.scroll_down li::before {
    content: "";
    width: 100px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0px;
    bottom: -2px;
}
.scroll_down li::after {
    content: "";
    width: 50px;
    height: 2px;
    background: #80c41c;
    position: absolute;
    left: 0px;
    bottom: -2px;
    animation: scroll_bar infinite alternate linear;
    animation-duration: 1s;
}
.scroll_down li p {
    padding-bottom: 5px;
}
@keyframes scroll_bar {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(50px);
    }
}
@-webkit-keyframes scroll_bar {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(50px);
    }
}
@-ms-keyframes scroll_bar {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(50px);
    }
}

.intro_section {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #000;
}
.intro_section .container {
    height: 100%;
}
.intro_section .tit_box {
    transform: translate(0, 20px);
    position: absolute;
    top: 190px;
    left: 0;
    color: #fff;
    z-index: 1;
}
.intro_section .tit_box .cate {
    margin-bottom: 32px;
    color: #fff;
    font-family: "Poppins";
    font-weight: 700;
}
.intro_section .tit_box span {
    display: block;
    opacity: 0;
}
.intro_section .tit_box h2 {
    overflow: hidden;
    font-family: "Poppins";
    line-height: 1.2;
}
.intro_section .swiper-slide-active .tit_box span {
    animation: fadeup 1s ease both;
}
.intro_section .swiper-slide-active .tit_box h2:nth-of-type(1) span {
    -webkit-animation-delay: 0.2s !important;
    -moz-animation-delay: 0.2s !important;
    -ms-animation-delay: 0.2s !important;
    -o-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
}
.intro_section .swiper-slide-active .tit_box h2:nth-of-type(2) span {
    -webkit-animation-delay: 0.4s !important;
    -moz-animation-delay: 0.4s !important;
    -ms-animation-delay: 0.4s !important;
    -o-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
}
.intro_section .swiper-slide-active .tit_box h2:nth-of-type(3) span {
    -webkit-animation-delay: 0.6s !important;
    -moz-animation-delay: 0.6s !important;
    -ms-animation-delay: 0.6s !important;
    -o-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
}
.intro_section .swiper-slide-active .scroll_box .bg {
    animation: visualScale 5s linear alternate both;
}
.intro_section .swiper-wrapper .swiper-slide:nth-child(3).swiper-slide-prev {
    opacity: 1 !important;
}
.intro_section .swiper-wrapper .swiper-slide:nth-child(3).swiper-slide-prev .bg {
    animation: visualScale 5s linear alternate both;
}
.intro_section .swiper-wrapper .swiper-slide:nth-child(3).swiper-slide-prev .scroll_down {
    display: none;
}
.intro_section .tit_box p {
    overflow: hidden;
}
.intro_section .tit_box h2:last-child {
    opacity: 0.7;
}
.intro_section .scroll_box {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
}
.intro_section .scroll_box .wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.intro_section .scroll_box .bg {
    transform: scale(1.08);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.intro_section .scroll_box3 .bg .sub_big_bg {
    display: none;
}
.intro_section .scroll_box3 .tit_box {
    top: 50%;
    transform: translate3D(0, -50%, 20px);
}
.intro_section .scroll_box3 .bg img {
    opacity: 0;
}
.intro_section .swiper-slide-active .scroll_box3 .bg {
    animation: none;
}
.intro_section .swiper-slide-active .scroll_box3 .bg img {
    animation: opacity 2s linear alternate both;
}
.intro_section .scroll_box3 .bg .bg_color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.intro_section .scroll_box3 .tit_box {
    color: #000;
}
.intro_section .scroll_box3 .tit_box h2:last-of-type {
    padding-bottom: 8px;
}
.intro_section .scroll_box3 .tit_box h2 .green {
    display: block;
    color: #80c41c;
}
.intro_section .scroll_box3 .tit_box p {
    margin-top: 52px;
}
.intro_section .scroll_box3 .tit_box p span {
    -webkit-animation-delay: 0.8s !important;
    -moz-animation-delay: 0.8s !important;
    -ms-animation-delay: 0.8s !important;
    -o-animation-delay: 0.8s !important;
    animation-delay: 0.8s !important;
}
.intro_section .scroll_box3 .main_logo_ic {
    display: none;
}
.intro_section .scroll_box3 .scroll_down {
    position: absolute;
}
.intro_section .swiper-slide-active .scroll_box3 .bg .bg_color {
    animation: bg_color 1.5s 1.5s linear alternate both;
}
@keyframes bg_color {
    to {
        background-color: #80c41c;
    }
}
@-webkit-keyframes bg_color {
    to {
        background-color: #80c41c;
    }
}
@-ms-keyframes bg_color {
    to {
        background-color: #80c41c;
    }
}
@keyframes fadeup {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeup {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@-ms-keyframes fadeup {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes zindex {
    to {
        z-index: 1;
    }
}
@-webkit-keyframes zindex {
    to {
        z-index: 1;
    }
}
@-ms-keyframes zindex {
    to {
        z-index: 1;
    }
}
@keyframes opacity {
    to {
        opacity: 1;
    }
}
@-webkit-keyframes opacity {
    to {
        opacity: 1;
    }
}
@-ms-keyframes opacity {
    to {
        opacity: 1;
    }
}
.business_section {
}
.business_wrap {
    position: relative;
    margin-bottom: -1px;
}
.business_wrap .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(1.08);
}
.business_wrap .btn {
    opacity: 0;
}
.business_wrap.on .main_tit {
    animation: fadeup 1s ease both;
}
.business_wrap.on .bg {
    animation: visualScale 5s ease-out alternate both;
}
.business_wrap.on .cont_txt {
    animation: fadeup 1s 0.5s ease both;
}
.business_wrap.on .btn {
    animation: fadeup 1s 0.5s ease both;
}
.business_wrap.on .product_box {
    animation: fadeup 1s 1s ease both;
}
.business_box {
    padding: 190px 0 100px;
    width: 100%;
    color: #fff;
    min-height: 100vh;
}
.business_box .main_tit {
    font-family: "Poppins";
    opacity: 0;
}
.business_box .main_tit span {
    display: block;
    font-weight: 700;
}
.business_box .main_tit h2 {
    margin: 22px 0 10px;
    font-family: "Poppins";
    overflow: hidden;
    font-weight: 700;
}
.business_box .main_tit h2 span {
    padding-bottom: 10px;
}
.business_box .main_tit p {
    opacity: 0.7;
}
.business_box .cont_txt {
    position: relative;
    margin: 48px 0 60px;
    line-height: 1.5;
    padding-left: 12px;
    opacity: 0;
}
.business_box .cont_txt::before {
    content: "";
    width: 2px;
    height: 100%;
    background: #80c41c;
    position: absolute;
    top: 0;
    left: 0;
}
.business_box .cont_txt b {
    display: block;
    padding-bottom: 8px;
    line-height: 1;
    font-weight: 700;
}
.business_box .cont_txt span {
    opacity: 0.7;
}
.business_box .product_box {
    margin-top: 92px;
    opacity: 0;
}
.business_box .product_box li {
    position: relative;
    width: 250px;
    height: 250px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    text-align: center;
}
.business_box .product_box li p {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
}
.aos-animate .business_box .main_tit span {
    animation: fadeup 1s linear alternate both;
}
.aos-animate .business_box .main_tit span span {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.aos-animate .business_box .main_tit h2 span {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.aos-animate .business_box .main_tit p span {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.counter_box {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.counter_box .counter {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 992px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    color: #fff;
}
.counter_box .counter li {
    text-align: center;
}
.counter_box .counter li .ic {
    display: block;
    background-size: contain;
    width: 36px;
    height: 36px;
    margin: 0 auto 24px;
}
.counter_box .counter li:nth-child(1) .ic {
    background-image: url(../images/counter_ic1.svg);
}
.counter_box .counter li:nth-child(2) .ic {
    background-image: url(../images/counter_ic2.svg);
}
.counter_box .counter li:nth-child(3) .ic {
    width: 38px;
    background-image: url(../images/counter_ic3.svg);
}
.counter_box .counter li .counter_num {
    margin: 36px 0 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.counter_box .counter li .counter_num .f20 {
    font-weight: 500;
    margin: 0 12px;
}
.counter_box .counter li .counter_num .width1 {
    width: 118px;
}
.counter_box .counter li .counter_num .width2 {
    width: 175px;
}
.counter_box .counter li .counter_num .width3 {
    width: 103px;
}
.counter_box .counter li .counter_num .width4 {
    width: 165px;
}

.news_section {
    padding: 246px 0 222px;
}
.news_section li.txt_box {
    width: 238px;
}
.news_section li.txt_box h2 {
    margin-bottom: 60px;
}
.news_section .slide_wrap {
    width: calc(100% - 441px);
    margin-left: 203px;
    overflow: hidden;
}

.news_section .slide_wrap .txt_box .cate {
    display: block;
    color: #80c41c;
    font-size: 0.72rem;
}
.news_section .slide_wrap .txt_box h2 {
    line-height: 1.5;
    font-size: 1.1rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_section .slide_wrap .txt_box p {
    line-height: 1.6;
    color: #808080;
}
.news_section .slide_wrap .txt_box .date {
    font-size: 0.72rem;
    line-height: 1.2;
    color: #999999;
}
.news_section .img {
    height: 226px;
    overflow: hidden;
}
.news_section .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img {
    overflow: hidden;
}
.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
    -webkit-transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
    will-change: transform;
}
.img:hover img {
    transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
    -webkit-transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
    -ms-transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
    will-change: transform;
    transform: scale(1.05) rotate(0.001deg);
}
section .swiper-pagination {
    position: relative;
    margin-top: 40px;
    height: 2px;
}
section .swiper-container-horizontal > .swiper-pagination-progressbar,
.news_section .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 2px;
}
section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #1a1a1a;
}
.slide_btn {
    position: absolute;
    bottom: 0;
    left: 0;
}
.slide_btn_inner {
    position: relative;
    width: 120px;
    height: 52px;
}
.slide_btn_inner div:hover {
    background-color: rgba(26, 26, 26, 1);
    background-image: url(../images/slide_btn_w.svg);
}
.slide_btn .swiper-button-next,
.slide_btn .swiper-button-prev {
    width: 52px;
    height: 52px;
    margin-top: 0;
    top: 0;
    background: url(../images/slide_btn.svg) no-repeat center;
    background-size: auto;
    border-radius: 50%;
    border: 1px solid rgba(26, 26, 26, 1);
    transition: all 0.5s;
}
.slide_btn .swiper-button-prev {
    transform: rotate(180deg);
    left: 0;
}
.slide_btn .swiper-button-next {
    left: 68px;
}

.carbon_section {
    height: 100vh;
}
.carbon_section .img_logo {
    text-align: center;
    margin-bottom: 40px;
}
.carbon_section .ly_flex {
    align-items: center;
    justify-content: center;
    height: 100%;
}
.carbon_section.on .bg {
    animation: visualScale 5s ease-out alternate both;
}
.carbon_section .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.carbon_section .counter_box {
    position: relative;
    transform: translate(0, 0);
    top: 0;
    left: 0;
    max-width: 988px;
    margin: 0 auto;
}
.carbon_section .counter_box .f15 {
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    opacity: 0.8;
    margin: 28px 0 60px;
}
.carbon_section .counter_box .f52 {
    color: #fff;
    text-align: center;
}
.carbon_section .counter_box .counter {
    margin: 60px -140px 0 0;
    max-width: 100%;
}
.carbon_section .counter_box .counter li {
    margin-right: 140px;
}
:lang(en) .carbon_section .counter_box {
    max-width: 1185px;
}
:lang(en) .carbon_section .counter_box .counter li p {
    white-space: nowrap;
}
.carbon_section .business_wrap {
    height: 100%;
}
@media (min-width: 2000px) {
    .intro_section .scroll_box3 .bg {
        right: 0;
        left: auto;
        width: 100%;
    }
    .intro_section .scroll_box3 .bg .sub_big_bg {
        display: block;
    }
    .intro_section .scroll_box3 .bg .pc_size {
        display: none;
    }
}
@media (max-width: 1600px) {
    .slide_btn {
        left: 24px;
    }
    .counter_box {
        padding-right: 24px;
        padding-left: 24px;
    }
    .intro_section .tit_box {
        left: 24px;
    }
    .navi {
        display: none !important;
    }
}
@media (max-width: 1520px) {
    .intro_section .scroll_box3 .bg {
        background: #fff !important;
    }
    .intro_section .scroll_box3 .bg > img {
        opacity: 0;
    }
    .intro_section .scroll_box3 .tit_box {
        max-width: 50%;
    }
    .intro_section .scroll_box3 .bg .bg_color {
        display: none;
    }
    .intro_section .scroll_box3 .main_logo_ic {
        display: block;
        opacity: 0;
        position: absolute;
        top: 50%;
        right: 0;
        width: 50%;
        transform: translateY(-50%) !important;
    }
    .intro_section .swiper-slide-active .scroll_box3 .main_logo_ic {
        animation: fadeup 1s 1s ease both;
    }
}
@media (max-width: 1199px) {
    .carbon_section .counter_box .counter {
        margin-right: -30px;
    }
    .carbon_section .counter_box .counter li {
        margin-right: 30px;
    }
}
@media (max-width: 1023px) {
    .news_section .slide_btn {
        top: 60px;
        bottom: auto;
        left: auto;
        right: 24px;
    }
    .news_section li.txt_box {
        width: 100%;
    }
    .news_section .slide_wrap {
        width: 100%;
        margin: 80px 0 0;
    }
}
@media (max-width: 920px) {
    .carbon_section {
        height: auto;
    }
    .carbon_section .counter_box {
        padding: 100px 0;
    }
    .carbon_section .counter_box .counter {
        margin-right: 0;
        display: block;
    }
    .carbon_section .counter_box .counter li {
        margin: 0 0 100px 0;
    }
    .carbon_section .counter_box .counter li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .counter_box .counter li .counter_num {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .slide_btn .swiper-button-next,
    .slide_btn .swiper-button-prev {
        width: 48px;
        height: 48px;
        margin: 0;
    }
    .slide_btn .swiper-button-next {
        left: 56px;
    }
    .visual_section h2 {
        font-size: 2.9rem;
        line-height: 1.4;
    }
    .intro_section .tit_box {
        top: 100px;
    }
    .intro_section .tit_box .cate {
        margin-bottom: 18px;
        font-size: 1.4rem;
    }
    .intro_section .scroll_box3 .tit_box {
        max-width: 100%;
        top: 100px;
        transform: translate3D(0, 0, 20px);
    }
    .intro_section .scroll_box3 .tit_box p {
        margin-top: 22px;
    }
    .intro_section .scroll_box3 .main_logo_ic {
        top: auto;
        bottom: 120px;
        left: 24px;
        right: 0;
        width: 100%;
        transform: translateY(0);
    }

    .business_box {
        padding: 80px 0 0;
    }
    .business_box .main_tit h2 {
        padding-bottom: 0;
        margin: 16px 0 10px;
    }
    .business_box .cont_txt {
        margin: 34px 0 40px;
    }
    .business_box .product_box {
        margin-top: 56px;
    }
    .business_box .product_box li {
        width: 150px;
        height: 150px;
    }
    .business_box .product_box li p {
        bottom: 13px;
    }
    .business_box .cont_txt b {
        padding-bottom: 12px;
    }
    .carbon_section .counter_box {
        padding: 120px 0 117px;
    }
    .carbon_section .counter_box .counter {
        margin: 50px 0 0 0;
    }
    .counter_box .counter li .ic {
        margin-bottom: 16px;
    }
    .counter_box .counter li .counter_num {
        margin: 20px -6px 0 0;
    }
    .counter_box .counter li .counter_num .f20 {
        margin: 0 6px;
    }
    .counter_box .counter li .counter_num .f24 {
        margin: 0 6px;
        font-size: 1rem;
    }
    .counter_box .counter li .counter_num .width1 {
        width: 70px;
    }
    .counter_box .counter li .counter_num .width2 {
        width: 103px;
    }
    .counter_box .counter li .counter_num .width3 {
        width: 61px;
    }
    .counter_box .counter li .counter_num .width4 {
        width: 97px;
    }
    .carbon_section .counter_box .counter li {
        position: relative;
        margin-bottom: 41px;
        padding-bottom: 41px;
    }
    .carbon_section .counter_box .counter li::after {
        content: "";
        background: rgba(255, 255, 255, 0.3);
        width: 40px;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .carbon_section .counter_box .counter li:last-child::after {
        display: none;
    }
    .news_section {
        padding: 100px 0;
    }
    .news_section li.txt_box h2 {
        text-align: center;
        margin-bottom: 45px;
    }
    .news_section .slide_btn {
        display: none;
    }
    .news_section .slide_wrap {
        margin: 0;
        overflow: inherit;
    }
    .news_section .swiper-wrapper {
        display: block;
    }
    .news_section .swiper-wrapper .swiper-slide {
        height: auto;
        margin-bottom: 40px;
    }
    .news_section .btn_b {
        margin: 0 auto;
    }
}

.contact_section {
    padding: 310px 0 280px;
    position: relative;
}
.contact_section::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../images/contact_bg.jpg) no-repeat;
    background-size: cover;
}
.contact_section.on::after {
    animation: visualScale 5s ease-out alternate both;
}
.contact_section .tit_box {
    text-align: center;
    color: #fff;
}
.contact_section .tit_box h2 {
    font-family: "Poppins";
    font-weight: 700;
}
.contact_section .tit_box p {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 48px 0 16px;
    font-size: 8px;
}
.contact_section .tit_box p b {
    margin: 0 5px;
    font-size: 1rem;
}
.contact_section .tit_box .f15 {
    display: block;
    margin: 28px 0 60px;
    opacity: 0.8;
    line-height: 1.4;
}

.form_box h4 {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 0.89rem;
    line-height: 1;
}
/* .form .label.required::after { content: "*"; font-weight: 400; font-size: 1.1rem; color: #EE5C5C; margin-left: 4px; } */
.form_box ul {
}
.form_box ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: -40px;
    margin-bottom: 28px;
}
.form_box ul li .col2 {
    width: calc(50% - 40px);
    margin-right: 40px;
}
.form_box ul li .col {
    width: calc(100% - 40px);
    margin-right: 40px;
}
.form_box ul li input {
    padding: 13px 12px;
    width: 100%;
    height: 52px;
    border: 1px solid #e4e4e4;
    font-size: 0.89rem;
}
.form_box ul li input::placeholder {
    color: #cccccc;
}
.form_box ul li:last-child div {
    height: calc(100% - 72px);
}
.form_box ul li textarea {
    font-size: 0.89rem;
    width: 100%;
    height: 100%;
    min-height: 180px;
    padding: 24px;
    border: 1px solid #e4e4e4;
}
.form_box .input_type:focus {
    border-color: #80c41c;
    outline-color: #80c41c;
    outline-width: 1px;
}
.form_box .input_type:focus-visible {
    border-color: #80c41c;
    outline: black;
}
.form_box .alert_txt {
    font-size: 0.89rem;
    width: 100%;
    padding-top: 10px;
    color: #ee5c5c;
    margin-top: 0;
}

/* 체크박스 */
.form_box .ck-input {
    border-bottom: 1px solid #333;
    padding-bottom: 40px;
    margin-bottom: 36px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.form .ck-input label {
    cursor: pointer;
    margin-right: 32px;
}
.form .ck-input span {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    word-break: keep-all;
    font-weight: 500;
    line-height: 1.3;
    color: #969696;
}
.form .ck-input input {
    height: 0;
}
.form .ck-input input:checked + span {
    color: #80c41c;
}
.form .ck-input span::before {
    content: "";
    background-image: url(../images/check2.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 9px;
    margin-top: -1px;
}
.form .ck-input input:checked + span:before {
    background-image: url(../images/check2_on.svg);
}

.privacy_box .alert_txt {
    padding-top: 0;
    margin-left: 8px;
}
.ck-input1 {
    padding-bottom: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.ck-input1 label {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.ck-input1 label a {
    display: block;
    margin-left: 4px;
    text-decoration-line: underline;
    color: #c7c7c7;
}
.ck-input1 span {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    word-break: keep-all;
    font-weight: 500;
    line-height: 1.3;
}
.ck-input1 input {
    height: 0;
    display: none;
}
/* .ck-input1 input:checked+span { color: #80C41C;; } */
.ck-input1 span::before {
    content: "";
    background-image: url(../images/check2.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 9px;
    margin-top: -1px;
}
.ck-input1 input:checked + span:before {
    background-image: url(../images/check2_on.svg);
}

.navi {
    position: absolute;
}
.navi.color .anchor li a {
    color: #808080;
}
.navi.color .anchor li a::before {
    background-color: #808080;
}
.navi .anchor {
    display: none;
}
.navi .anchor.fix {
    display: block;
    position: fixed;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.navi .anchor li {
}
.navi .anchor li a {
    position: relative;
    display: block;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 0.77rem;
    line-height: 1;
    color: #fff;
    padding-left: 15px;
}
.navi .anchor li a::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.navi .anchor li a::after {
    content: "";
    opacity: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #88d31a;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
}
.navi .anchor li.on a::after {
    opacity: 1;
}
.navi .anchor li.on a {
    color: #88d31a;
}

.fix_btn {
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
}
.fix_btn p {
    background: #80c41c;
    width: 60px;
    height: 60px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.fix_btn p img {
    transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
    .ck-input1 label {
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
        white-space: nowrap;
    }
}
@media (max-width: 1680px) {
    .navi .anchor.fix {
        right: 60px;
    }
    .fix_btn {
        right: 30px;
    }
}

@media (max-width: 1440px) {
    .navi .anchor.fix {
        display: none;
    }
}

@media (max-width: 1023px) {
    .rel_box2 br.pc {
        display: none;
    }
    .contact_section .tit_box {
        width: 100%;
    }
    .contact_section .form_box {
        width: 100%;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .scroll {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .scroll::-webkit-scrollbar {
        display: none;
    }
    .form_box .ck-input {
        padding-bottom: 24px;
        margin-bottom: 20px;
    }
    .form_box h4 {
        margin-bottom: 7px;
    }
    .form_box ul {
        margin-right: 0;
    }
    .form_box ul li,
    .form_box ul li .col {
        width: 100%;
        margin: 0;
    }
    .form_box ul li:first-child {
        width: 100%;
    }
    .form_box ul li div {
        margin-bottom: 20px;
    }
    .form_box ul li textarea {
        min-height: 145px;
        padding: 12px;
        font-size: 1rem;
    }
    .form_box ul li:last-child div {
        height: auto;
    }
    .fix_btn {
        right: 0;
        bottom: 44px;
    }
    .fix_btn p {
        margin-bottom: 16px;
        transform: translateY(60px);
        width: 44px;
        height: 44px;
    }
    .fix_btn a {
        width: 44px;
        height: 44px;
    }
    .form_box .alert_txt {
        padding-top: 10px;
        margin-left: 0;
    }
    .ck-input1 {
        margin-top: 30px;
    }
    .ck-input1 label {
        justify-content: flex-start;
    }
    .contact_section {
        padding: 182px 0;
    }
    .contact_section .tit_box .f15 {
        margin: 24px 0 40px;
        line-height: 1.6;
    }
}

/* footer */
footer {
    padding: 80px 0;
    border-top: 1px solid #e2e2e2;
}
footer .ly_flex {
    justify-content: space-between;
    margin-right: -16px;
}
footer .info {
    margin-top: 60px;
}
footer .info p {
    font-size: 0.78rem;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 1.4;
}
footer .info p:last-child {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
footer .copy {
    margin-top: 50px;
    font-weight: 400;
    color: #999999;
    text-transform: capitalize;
}
footer .txt_box {
    width: calc(100% - 288px);
}
footer .sns_box {
    position: relative;
    width: 288px;
}
footer .sns_box li {
    margin-right: 16px;
}
footer .sns_box .privacy {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #80c41c;
    font-weight: 500;
}
@media (max-width: 1280px) {
}
@media (max-width: 767px) {
    footer {
        padding: 50px 0;
    }
    footer .txt_box img {
        max-width: 172px;
    }
    footer .info {
        margin-top: 24px;
    }
    footer .info p {
        font-size: 0.875rem;
        margin-bottom: 12px;
        line-height: 1;
    }
    :lang(en) footer .info p {
        line-height: 1.3;
    }
    footer .copy {
        margin-top: 150px;
        font-size: 0.875rem;
        line-height: 1.4;
    }
    footer .txt_box {
        width: 100%;
    }
    footer .sns_box {
        width: auto;
    }
    footer .sns_box {
        position: absolute;
        bottom: 104px;
    }
    footer .sns_box li {
        width: 40px;
        margin-right: 12px;
    }
    footer .sns_box .privacy {
        bottom: -44px;
        left: 0;
        font-size: 1rem;
    }
}

/* 팝업 */
.pop_wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.pop {
    display: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 600px;
    margin: 0 auto;
    padding: 80px;
    background: #fff;
}
.pop .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: url(../images/ic_x.svg) no-repeat center #80c41c;
    cursor: pointer;
}
.pop .tit_box p {
    font-weight: 400;
    font-size: 0.89rem;
    line-height: 1.6;
    text-align: center;
}
.pop .tit_box h3 {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 16px;
    text-align: center;
}
.pop_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 48px;
}
.pop_btn button {
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 56px;
    border: 1px solid #1a1a1a;
    font-size: 0.89rem;
    font-weight: 600;
    transition: all 0.5s;
}
.pop_btn button:nth-child(2) {
    margin-left: 16px;
}
.pop_btn .btn_w {
    background: #fff;
}
.pop_btn .btn_b {
    background: #1a1a1a;
    color: #fff;
}

.pop.form_pop {
    width: 100%;
    max-width: 960px;
    max-height: 740px;
    height: 90%;
    padding: 0;
    overflow: hidden;
}
.pop.form_pop .wrap {
    overflow-y: scroll;
    padding: 80px;
    height: 100%;
}
.pop.form_pop .wrap::-webkit-scrollbar {
    background: transparent;
    width: 5px;
}
.pop.form_pop .wrap::-webkit-scrollbar-thumb {
    background: #666666;
    background-clip: padding-box;
    cursor: pointer;
}
.pop.form_pop .wrap::-webkit-scrollbar-track {
    background: transparent;
}
.pop.form_pop .tit_box p {
    text-align: left;
}
.pop.form_pop .tit_box h3 {
    margin-bottom: 16px;
    font-size: 2rem;
    color: #80c41c;
    text-align: left;
}
.pop.form_pop .tit_box {
    margin-bottom: 60px;
}
@media (max-width: 767px) {
    .pop {
        width: calc(100% - 48px);
        margin: 0 24px;
        padding: 40px 30px 30px;
    }
    .pop .close {
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        background-size: 12px;
    }
    .pop_btn {
        margin-right: -12px;
    }
    .pop_btn button {
        width: calc(50% - 12px);
        margin-right: 12px;
    }
    .pop_btn button:nth-child(2) {
        margin-left: 0;
    }
    .pop .txt {
        line-height: 1.35;
        font-size: 1.17rem;
    }
    .pop ul li:last-child {
        margin-bottom: 0;
    }
    .pop .form label {
        display: block;
        margin: 0 0 16px 0;
    }
    .pop .form label .input_type {
        height: 45px;
        width: 100%;
        padding: 9px 10px;
    }
    .alert_txt {
        padding-left: 0;
        margin-top: 6px;
        font-size: 1rem;
    }
    .privacy h3 {
        display: none;
    }
    .privacy table {
        display: none;
    }
    .ck-input {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.33rem;
    }
    .pop .form .ck-input label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .pop .form .ck-input span::before {
        margin-right: 3px;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .pop .privacy a {
        margin-left: 12px;
        position: relative;
        top: -1px;
    }

    .pop.form_pop .wrap {
        padding: 40px 30px 30px;
    }
    .pop.form_pop {
        height: 100%;
        margin: 0;
    }
    .pop.form_pop .tit_box h3 {
        font-size: 1.78rem;
    }
    .pop.form_pop .tit_box p {
        text-align: left;
    }
    .pop.form_pop .tit_box {
        margin-bottom: 40px;
    }
    .form_box ul li .col2 {
        width: 100%;
        margin-right: 0;
    }
}

/* 상세 */
.file_box {
    margin-top: 80px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    height: 120px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.file_box p .f18 {
    color: #1a1a1a;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: 600;
    margin-bottom: 12px;
}
.file_box p .f18::before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background: url(../images/file_ic.svg);
}
.file_box span {
    position: relative;
    color: #808080;
}
.view_section {
    padding: 120px 0 0;
}
article.sub .view_section .container {
    max-width: 980px;
}
.list_btn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 60px auto 100px;
    width: 180px;
    height: 56px;
    border: 1px solid #1a1a1a;
    font-weight: 600;
    font-size: 0.89rem;
    transition: all 0.5s;
}
.list_btn:hover {
    background: #1a1a1a;
    color: #fff;
}
.view_section .view .view_head {
    margin-bottom: 80px;
}
.view_section .view .view_head .cate_box {
    margin-top: 12px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-size: 0.89rem;
}
.view_section .view .view_head .cate_box .cate {
    font-size: inherit;
}
.view_section .view .view_head .cate_box .line {
    margin: 0 16px;
    background: #c7c7c7;
}
.view_section .view .view_head h2 {
    line-height: 1.2;
}
.view_section .view .view_head .tag_list li {
    margin-bottom: 0;
}
.view_section .view .view_body::after {
    content: "";
    clear: both;
    display: block;
}
.view_section .view .view_body img:first-child {
    margin-top: 0;
}
.view_section .view .view_body p {
    margin: 27px 0;
    line-height: 1.5;
}
.view_section .view .view_body p:first-of-type {
    margin-top: 40px;
}
.view_section .view .view_body b {
    display: block;
}
.view_body h1 {
    font-size: 4rem;
    line-height: 1.4;
    margin: 20px 0;
}
.view_body h2 {
    font-size: 3rem;
    line-height: 1.5;
    margin: 20px 0;
}
.view_body h3 {
    font-size: 2.1rem;
    line-height: 1.6;
    margin: 20px 0;
}
.view_body h4 {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 20px 0;
}
.view_body h5 {
    font-size: 1.1rem;
    line-height: 1.7;
    margin: 20px 0;
}
.view_body h6 {
    font-size: 0.875rem;
    color: #666666;
    line-height: 1.7;
    margin: 20px 0;
}
.view_body figure {
    margin: 60px 0;
}
.view_body iframe {
    width: 100%;
    height: 100%;
}
.view_section .view .view_body li {
    margin: 0 0 0 4px;
    font-size: 1rem;
    list-style: disc;
    list-style-position: inside;
    line-height: 1.75;
}
.view_section .view .view_body img {
    margin-top: 49px;
}
.view .tag_list {
    margin: 12px 0;
    justify-content: center;
}
.view .tag_list li {
    margin-bottom: 4px;
}
.wp-block-embed__wrapper {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}
.wp-block-embed__wrapper iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.veiw_btn {
    border-top: 1px solid #c7c7c7;
    margin-bottom: 64px;
    font-weight: 500;
}
.veiw_btn li {
    border-bottom: 1px solid #c7c7c7;
    padding: 28px 0;
}
.veiw_btn li a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.veiw_btn li .off_btn {
    display: none;
}
.veiw_btn li .off_btn p {
    color: #cccccc;
}
.veiw_btn li.off a {
    display: none;
}
.veiw_btn li.off a.off_btn {
    display: flex;
}
.veiw_btn li p {
    text-align: left;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.veiw_btn li span {
    position: relative;
    padding: 0 40px;
    margin-right: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
:lang(en) .veiw_btn li span {
    min-width: 180px;
    width: 180px;
}
.veiw_btn li span::after {
    content: "";
    background: url(../images/prev_view.svg);
    width: 12px;
    height: 7px;
    margin-left: 20px;
    margin-top: -2px;
}
.veiw_btn li span::before {
    content: "";
    background: #cccccc;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.veiw_btn li:last-child span::after {
    transform: rotate(180deg);
}
@media (max-width: 767px) {
    .view_section {
        padding: 60px 0 0px;
    }
    .view_section .view .view_head .cate_box .line {
        margin: 0 8px;
    }
    .view_section .view .view_head {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }
    .view_section .view .view_body {
        margin-bottom: 60px;
    }
    .view_section .view .view_body p {
        margin: 15px 0;
    }
    .view_section .view .view_body img {
        margin: 30px 0 5px;
        width: auto;
        height: auto;
    }
    .veiw_btn {
        margin-bottom: 0;
    }
    .veiw_btn li {
        padding: 20px 0;
    }
    .veiw_btn li span {
        margin-right: 15px;
        padding: 0 20px;
    }
    :lang(en) .veiw_btn li span {
        min-width: 125px;
        width: 125px;
    }
    .veiw_btn li span::after {
        margin-left: 10px;
    }
    .view_section .tag_list li {
        margin-bottom: 0;
        padding: 3px 10px;
    }
    .file_box {
        height: auto;
        padding: 20px 5px;
    }
    .view_section .view .view_body .file_box p {
        margin: 0;
    }
}

/* 개인정보처리방침 */
.policy_section {
    padding: 200px 0;
}
.policy_section .tit_box {
    margin-bottom: 74px;
}
.policy_section .tit_box h2 {
    margin-bottom: 48px;
}
.policy_section .cont_box {
    margin-bottom: 60px;
}
.policy_section .cont_box:last-child {
    margin-bottom: 0;
}
.policy_section .txt_box {
    background-color: #f5f5f5;
    padding: 30px;
    margin-top: 20px;
}
.policy_txt {
    border-top: 1px solid #e4e4e4;
    padding-top: 74px;
}
.policy_txt > ul > li {
    margin-bottom: 100px;
}
.policy_txt > ul > li:last-child {
    margin-bottom: 0;
}
.policy_txt > ul > li h3 {
    width: 380px;
}
.policy_txt > ul > li .cont {
    width: calc(100% - 380px);
    padding-left: 80px;
}
.policy_txt > ul > li .txt {
    margin-bottom: 40px;
}
.policy_section .txt_box.f16 {
    line-height: 1.56;
}
.policy_txt .list {
}
.policy_txt .list li {
    position: relative;
    padding-left: 14px;
    margin-bottom: 4px;
    line-height: 1.4;
    word-break: break-all;
}
.policy_txt .list li::before {
    content: "";
    background: #1a1a1a;
    width: 6px;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 0;
}
.policy_txt .list.f16 li::before {
    top: 9px;
}
.policy_txt .col_1.txt_box {
    margin-bottom: 24px;
}
.policy_txt .col_2 {
    margin-right: -30px;
    margin-bottom: 40px;
}
.policy_txt .col_2 > li {
    width: calc(50% - 30px);
    margin-right: 30px;
}
.policy_txt .col_2 .f18 {
    margin-bottom: 12px;
}
.policy_txt .col_2 .list li {
    margin-bottom: 4px;
}
.policy_txt .col_2 .list li:last-child {
    margin-bottom: 0;
}
.policy_txt .col_3 .list {
    margin-top: 12px;
}
.policy_txt .col_3 .list li:nth-child(1) {
    width: 30%;
}
.policy_txt .col_3 .list li:nth-child(2) {
    width: 30%;
}
.policy_txt .col_3 .list li:nth-child(3) {
    width: 40%;
}
.policy_txt span.f13 {
    display: block;
    margin-top: 24px;
    color: #808080;
}
@media (max-width: 1023px) {
    .policy_txt > ul > li h3 {
        width: 100%;
        margin-bottom: 30px;
    }
    .policy_txt > ul > li .cont {
        width: 100%;
        padding-left: 0;
    }
    .policy_txt .col_3 .list li:nth-child(1) {
        width: 50%;
    }
    .policy_txt .col_3 .list li:nth-child(2) {
        width: 50%;
    }
    .policy_txt .col_3 .list li:nth-child(3) {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .policy_section {
        padding: 60px 0 100px;
        margin-top: 80px;
    }
    .policy_section .txt {
        margin-top: 15px;
    }
    .policy_section .tit_box h2 {
        font-size: 2.25rem;
    }
    .policy_section .tit_box {
        margin-bottom: 60px;
    }
    .policy_txt {
        padding-top: 60px;
    }
    .policy_txt > ul > li {
        margin-bottom: 60px;
    }
    .policy_txt > ul > li h3 {
        margin-bottom: 20px;
    }
    .policy_txt > ul > li .txt {
        margin-bottom: 20px;
    }
    .policy_txt .col_2 {
        margin-right: 0;
    }
    .policy_txt .col_2 > li {
        width: 100%;
        margin-right: 0;
    }
}

/* 서브 공통*/
article.sub {
    position: relative;
    padding-top: 81px;
    margin-bottom: 200px;
}
section.sub_tit {
    margin: 120px 0;
}
section.sub_tit span {
    animation: fadeup 1s ease both;
    display: block;
    color: #88d31a;
    font-weight: 600;
    font-family: "Poppins";
}
section.sub_tit h2 {
    animation: fadeup 1s ease both;
    margin-top: 32px;
    white-space: nowrap;
}
:lang(en) section.sub_tit h2 {
    padding-bottom: 10px;
    white-space: inherit;
    line-height: 1.2;
}
.sub_bg {
    position: absolute;
    top: calc(120px + 81px);
    right: 0;
    width: 100%;
}
.sub_bg .container {
    text-align: right;
}
@media (max-width: 767px) {
    article.sub {
        padding-top: 80px;
        margin-bottom: 100px;
    }
    section.sub_tit {
        margin: 60px 0;
    }
    section.sub_tit h2 {
        margin-top: 16px;
        font-size: 2.25rem;
    }
    .sub_bg {
        display: none;
    }
}
/* 뉴스룸 */
.sub_news_section {
}
.sub_news_section .tit_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}
.sub_news_section .list_wrap:nth-of-type(1) {
    margin-bottom: 92px;
}
.sub_news_section .list_wrap {
    margin-bottom: 120px;
}
.total {
    margin-bottom: 12px;
}
.news_list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}
.news_list > li {
    width: calc(33.3% - 30px);
    margin: 0 30px 30px 0;
    outline: none;
    overflow: hidden;
}
.news_list > li .img {
    height: 306px;
}
.news_list a {
    outline: none;
    border: 0;
}
.news_list .txt_box {
}
.news_list .txt_box p {
    margin: 20px 0 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: normal;
    font-weight: 600;
}
.news_list .txt_box p.f16 {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_list .txt_box h4 {
    line-height: 1.4;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_list .tag_list {
    margin-top: 24px;
}
.news_list1 {
    display: block;
    overflow: hidden;
}
.news_list1 > li {
    float: left;
    position: relative;
}
.news_list1 li.col2 {
    width: calc(66.6% - 30px);
}
.news_list1 li.col2::after {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.news_list1 li.col2 .img {
    height: 920px;
}
.news_list1 li.col2 .txt_box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 60px 80px;
    z-index: 1;
}
.news_list1 li.col2 .txt_box h4 {
    margin: 20px 0 16px;
    font-size: 2.2rem;
    color: #fff;
}
.news_list1 li.col2 .txt_box p {
    margin: 0;
}
.news_list1 li.col2 .txt_box .f16 {
    font-weight: 400;
    font-size: 0.89rem;
    line-height: 1.6;
    color: #fff;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_list1 li.col2 .txt_box .tag_list {
    margin: 24px 0 32px;
}
.news_list1 li.col2 .txt_box .tag_list li {
    color: #fff;
    border-color: #e4e4e4;
}
.line {
    display: block;
    margin: 0 8px;
    width: 1px;
    height: 10px;
    background: #cccccc;
}
.tag_list {
    display: flex;
    flex-wrap: wrap;
}
.tag_list li {
    font-size: 12px;
    color: #808080;
    padding: 6px 8px;
    background: transparent;
    border: 1px solid #e4e4e4;
    border-radius: 999px;
    margin: 0 10px 10px 0;
}
@media (max-width: 1023px) {
    .news_list1 li.col2 .txt_box {
        padding: 40px;
    }
}
@media (max-width: 767px) {
    .sub_news_section .tit_box {
        margin-bottom: 16px;
    }
    .sub_news_section {
        margin-bottom: -30px;
    }
    .sub_news_section .list_wrap:nth-of-type(1) {
        margin-bottom: 34px;
    }
    .sub_news_section .list_wrap {
        margin-bottom: 34px;
    }
    .news_list1 li.col2 {
        width: calc(100% - 16px);
    }
    .news_list1 li.col2 .txt_box {
        padding: 24px;
    }
    .news_list1 li.col2 .txt_box h4 {
        margin: 12px 0 10px;
        font-size: 1.1rem;
    }
    .news_list1 li.col2 .txt_box .tag_list {
        margin: 18px 0;
    }
    .news_list1 li.col2 .txt_box p {
        font-size: 0.8rem;
        font-weight: 600;
    }
    .news_list1 li.col2 .txt_box .f16 {
        display: none;
    }
    .news_list1 li.col2 .img {
        height: 0;
        padding-top: 100%;
    }
    .news_list1 li.col2 .img img {
        position: absolute;
        top: 0;
        left: 0;
    }
    .news_list {
        margin-right: -16px;
    }
    .news_list > li {
        width: calc(50% - 16px);
        margin: 0 16px 20px 0;
    }
    .news_list > li .img {
        height: 104px;
    }
    .news_list .txt_box p {
        margin: 16px 0 12px;
    }
    .news_list .tag_list {
        margin-top: 18px;
    }
    .tag_list li {
        margin: 0 4px 4px 0;
    }
}

/* 투자정보 */
.inves_box ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 0.89rem;
}
.inves_box ul li > a {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 68px;
}
.inves_box ul .num {
    width: 4%;
    text-align: center;
    white-space: nowrap;
}
.inves_box ul .tit {
    width: 88%;
    text-align: left;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
}
.inves_box ul .date {
    width: 12%;
    text-align: center;
}
.inves_box ul li span {
    color: #999;
    white-space: nowrap;
}
.inves_tit li {
    border-top: 1px solid #1a1a1a;
    font-weight: 500;
}
.inves_tit li .tit {
    text-align: center;
    font-weight: 500;
}
.inves_tit li .num {
    color: #1a1a1a;
}
.inves_tit li .date {
    color: #1a1a1a;
}
.inves_list {
    margin-bottom: 60px;
    font-size: 0.89rem;
}
.inves_list li .tit {
    text-align: left;
    font-weight: 500;
}
@media (max-width: 767px) {
    .inves_box ul li {
        position: relative;
        height: auto;
        padding: 20px 0;
    }
    .inves_box ul li > a {
        height: auto;
    }
    .inves_box ul .num {
        width: 12%;
    }
    .inves_tit {
        display: none;
    }
    .inves_tit li .tit,
    .inves_box ul .tit {
        width: 63%;
    }
    .inves_list {
        border-top: 1px solid #1a1a1a;
    }
    .inves_box ul .tit {
        -webkit-line-clamp: 2;
        line-height: 1.5;
        padding-right: 8px;
        margin-left: 8px;
    }
    .inves_box ul .date {
        width: 25%;
    }
    .inves_box ul .date span {
        font-size: 12px;
    }
}

/* 투자정보 > ir */
.ir_section .inves_box ul .num {
    width: 4.5%;
    text-align: center;
    white-space: nowrap;
}
.ir_section .inves_box ul .tit {
    width: 73.5%;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ir_section .inves_box ul .cate span {
    color: #80c41c;
    font-weight: 400;
    font-size: 0.78rem;
    border: 1px solid #80c41c;
    border-radius: 999px;
    padding: 3px 10px;
}
.ir_section .inves_box ul .file {
    width: 10%;
    text-align: center;
    font-weight: 500;
}
.ir_section .inves_box ul .date {
    width: 12%;
    text-align: center;
}
.ir_section .inves_box ul.inves_list .tit {
    width: calc(74% - 130px);
    margin-left: 20px;
    font-weight: 500;
}
.ir_section .inves_list .cate {
    width: 130px;
    text-align: center;
}
@media (max-width: 767px) {
    .ir_section .inves_box ul .num span {
        padding-top: 3px;
        display: block;
    }
    .ir_section .inves_box .inves_list li {
        padding-top: 44px;
        align-items: flex-start;
    }
    .ir_section .inves_box ul .tit {
        width: calc(88% - 40px - 80px);
    }
    .ir_section .inves_box ul .num {
        width: 12%;
        margin-top: -12px;
    }
    .ir_section .inves_list .cate {
        width: 85px;
        position: absolute;
        top: 20px;
        left: 48px;
        text-align: left;
    }
    .ir_section .inves_box ul .cate span {
        padding: 3px 8px;
    }
    .ir_section .inves_box ul.inves_list .tit {
        -webkit-line-clamp: 2;
        width: calc(76% - 80px);
        margin-left: 8px;
    }
    .ir_section .inves_box ul .date {
        width: 80px;
        margin-top: -12px;
    }
    .ir_section .inves_box ul .file {
        width: 40px;
        margin-top: -12px;
    }
    .ir_section .inves_box ul .file img {
        width: 18px;
    }
}

/* company > 연혁 */
.sub_big_bg {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.sub_big_bg .sub_tit {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
}
.sub_big_bg .sub_tit h2 {
    color: #fff;
}
.sub_big_bg .sub_tit span {
    font-weight: 600;
}
.sub_big_bg .scroll_down {
    position: absolute;
}

.history_box {
    padding: 112px 0 200px;
}
.history_box .ly_flex {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 60px;
}
.history_box .ly_flex .slide_btn {
    position: relative;
}
.history_slide {
    position: relative;
    overflow: hidden;
    width: 100vw;
}
.history_deco {
    position: relative;
    margin-bottom: 40px;
    height: 2px;
    width: 100%;
}
.history_deco::before {
    content: "";
    position: absolute;
    background: #e4e4e4;
    width: 100%;
    height: 2px;
}
.history_deco .dot {
    width: 303px;
    display: block;
    text-align: center;
    position: relative;
    top: -12px;
}
.history_slide .swiper-wrapper {
    height: auto !important;
}
.history_slide .year {
    font-size: 2.67rem;
    color: #cccccc;
    margin-bottom: 28px;
    transition: all 0.2s;
}
.history_slide ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 16px;
}
.history_slide ul li .month {
    display: block;
    color: #80c41c;
    margin-right: 16px;
}
.history_slide ul li p {
    width: calc(100% - 40px);
}
.history_slide .swiper-slide {
    min-height: 400px;
    word-break: keep-all;
}
.history_slide .swiper-slide-active .year {
    color: #80c41c;
    font-size: 6.7rem;
}
@media (max-width: 1600px) {
    .history_box .slide_btn {
        left: 0;
    }
}
@media (max-width: 1280px) {
    .history_deco .dot {
        width: 190px;
    }
    .history_slide .swiper-slide-active .year {
        font-size: 4.4rem;
    }
}
@media (max-width: 1023px) {
    .history_deco .dot {
        width: 170px;
    }
}
@media (max-width: 767px) {
    .history_slide {
        width: 100%;
    }
    .history_box {
        padding: 60px 0 150px;
    }
    .history_box .tit_box {
        margin-bottom: 30px;
    }
    .history_box .ly_flex {
        margin-bottom: 40px;
    }
    .sub_big_bg {
        height: calc(100vh - 56px);
    }
    .history_deco {
        display: none;
    }
    .history_slide ul li .month {
        width: 40px;
        margin-right: 0;
    }
}
/* company > 브랜드 */
.brand_box {
    padding: 120px 0 200px;
}
.brand_box .ly_flex {
    margin-bottom: 160px;
}
.brand_box .ly_flex:last-child {
    margin-bottom: 0;
}
.brand_box .ly_flex:nth-child(2) .logo_design {
    padding: 0 15px;
}
.brand_box .ly_flex:nth-child(3) .cont_box .logo_design {
    height: auto;
    background: transparent;
}
.brand_box .ly_flex .tit_box {
    width: 456px;
    word-break: keep-all;
}
.brand_box .ly_flex .tit_box p {
    font-weight: 500;
    color: #808080;
    margin-top: 12px;
}
.brand_box .ly_flex .cont_box {
    width: calc(100% - 456px);
}
.brand_box .ly_flex .cont_box .txt {
    margin-bottom: 56px;
    font-weight: 400;
}
.brand_box .ly_flex .cont_box .logo_design_box p {
    margin-bottom: 17px;
    font-weight: 600;
}
.brand_box .ly_flex .cont_box ul.logo_design_box {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}
.brand_box .ly_flex .cont_box ul.logo_design_box li {
    width: calc(50% - 30px);
    margin-right: 30px;
}
.brand_box .ly_flex .cont_box .logo_design {
    background: #fafafa;
    height: 300px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.brand_box .ly_flex .cont_box .down_btn {
    margin-top: 32px;
}
.brand_box .ly_flex .cont_box .logo_color_box {
    display: flex;
    flex-wrap: nowrap;
}
.brand_box .ly_flex .cont_box .logo_color_box li {
    width: 12%;
    height: 120px;
    padding: 16px;
    color: #fff;
}
.brand_box .ly_flex .cont_box .logo_color_box li:first-child {
    width: 64%;
}
.brand_box .ly_flex .cont_box .logo_color_box li span {
    opacity: 0.7;
}
.brand_box .ly_flex .cont_box .logo_color_box li p {
    margin-top: 8px;
}
@media (max-width: 1023px) {
    .brand_box .ly_flex .tit_box {
        width: 200px;
    }
    .brand_box .ly_flex .cont_box {
        width: calc(100% - 200px);
        padding-left: 60px;
    }
    .brand_box .ly_flex .cont_box .logo_color_box li:first-child {
        width: 40%;
    }
    .brand_box .ly_flex .cont_box .logo_color_box li {
        width: 20%;
    }
}
@media (max-width: 767px) {
    .brand_box {
        padding: 60px 0 100px;
    }
    .brand_box .ly_flex {
        margin-bottom: 60px;
    }
    .brand_box .ly_flex .tit_box {
        width: 100%;
    }
    .brand_box .ly_flex .cont_box {
        width: 100%;
        padding: 0;
    }
    .brand_box .ly_flex:nth-child(3) .tit_box,
    .brand_box .ly_flex:nth-child(4) .tit_box,
    .brand_box .ly_flex:nth-child(5) .tit_box,
    .brand_box .ly_flex:nth-child(6) .tit_box {
        margin-bottom: 16px;
    }
    .brand_box .ly_flex .tit_box p {
        margin: 6px 0 16px;
    }
    .brand_box .ly_flex .cont_box .logo_design {
        height: auto;
        min-height: 150px;
    }
    .brand_box .ly_flex .cont_box .txt {
        margin-bottom: 30px;
    }
    .brand_box .ly_flex:nth-child(2) .cont_box .logo_design {
        padding: 0 20px;
    }
    .brand_box .ly_flex .cont_box ul.logo_design_box {
        margin-right: -16px;
    }
    .brand_box .ly_flex .cont_box ul.logo_design_box li {
        width: calc(50% - 16px);
        margin-right: 16px;
    }
    .brand_box .ly_flex .cont_box .logo_color_box {
        flex-wrap: wrap;
    }
    .brand_box .ly_flex .cont_box .logo_color_box li:first-child {
        width: 100%;
    }
    .brand_box .ly_flex .cont_box .logo_color_box li {
        width: 33.3%;
        height: 109px;
        padding: 15px 16px;
    }
    .brand_box .ly_flex .cont_box .logo_color_box li p {
        margin-top: 4px;
    }
    .brand_box .ly_flex .cont_box ul.logo_design_box li {
        width: calc(100% - 16px);
        margin-bottom: 30px;
    }
    .brand_box .ly_flex .cont_box ul.logo_design_box li:last-child {
        margin-bottom: 0;
    }
}
/* company > 회사소개 */
.intro_box {
    padding: 120px 0 200px;
}
.intro_box .ly_flex {
    margin-bottom: 160px;
}
.intro_box .ly_flex:last-child {
    margin-bottom: 0;
}
.intro_box .ly_flex .tit_box {
    width: 380px;
    word-break: keep-all;
}
.intro_box .ly_flex .cont_box {
    width: calc(100% - 380px);
}
.intro_box .txt_box {
    margin-bottom: 60px;
}
.intro_box .txt_box .f24 {
    word-break: keep-all;
    font-weight: 700;
}
.intro_box .txt_box .txt {
    margin-top: 16px;
}
.intro_box .intro {
    margin-right: -30px;
    display: flex;
    flex-wrap: wrap;
}
.intro_box .intro li {
    width: calc(25% - 30px);
    padding: 31px 24px 20px;
    margin-right: 30px;
    border: 1px solid #e4e4e4;
    border-radius: 16px;
}
.intro_box .intro li:nth-child(1) .ic {
    background-image: url(../images/intro_ic1.svg);
    width: 49px;
}
.intro_box .intro li:nth-child(2) .ic {
    background-image: url(../images/intro_ic2.svg);
    width: 46px;
}
.intro_box .intro li:nth-child(3) .ic {
    background-image: url(../images/intro_ic3.svg);
    width: 31px;
}
.intro_box .intro li:nth-child(4) .ic {
    background-image: url(../images/intro_ic4.svg);
    width: 62px;
}
.intro_box .intro li .ic {
    display: block;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
}
.intro_box .intro li div {
    padding-top: 65.5px;
}
.intro_box .intro li div .f16 {
    color: #808080;
}
.intro_box .intro li div .f20 {
    margin-top: 8px;
    font-weight: 600;
}
.intro_box .intro li div .f20 .f12 {
    color: #999999;
    font-weight: 400;
    margin-left: 8px;
}

.intro_box .ceo_box {
    position: relative;
    color: #fff;
    padding: 87px 0 94px;
}
.intro_box .ceo_box::after {
    content: "";
    background: #a0acc3;
    position: absolute;
    width: 100vw;
    height: 100%;
    z-index: -1;
    top: 0;
    right: 120%;
}
.intro_box .ceo_box .txt_box {
    margin-bottom: 0;
}
.intro_box .ceo_box.aos-animate::after {
    right: 0;
    transition: right 1.8s 0.5s;
}
.intro_box .ceo_box::before {
    content: "";
    background: url(../images/ceo.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 450px;
    height: 501px;
    background-size: contain;
}
.intro_box .ceo_box .txt_box .f56 {
    font-size: 3.1rem;
    line-height: 1;
}
.intro_box .ceo_box .txt_box .f16 {
    margin-top: 48px;
}
.intro_box .ceo_box .txt_box .f16 span:first-child {
    opacity: 0.7;
}
.intro_box .ceo_box .txt_box .f16 .ceo_sign {
    padding-left: 40px;
}

.intro_box .rnd_box .intro {
    margin-right: -30px;
}
.intro_box .rnd_box .intro li div {
    padding: 0;
}
.intro_box .rnd_box .intro > li {
    width: calc(50% - 30px);
    margin-right: 30px;
    padding: 40px;
}
.intro_box .rnd_box .intro > li:first-child {
    border: none;
    padding: 0;
}
.intro_box .rnd_box .intro > li:last-child {
    position: relative;
}
.intro_box .rnd_box .intro > li:last-child .ic {
    background-image: url(../images/rnd_ic4.svg);
    width: 120px;
    height: 48px;
    position: absolute;
    top: 40px;
    right: 20px;
}

.intro_box .rnd_box .intro .table_box table {
    position: relative;
    text-align: center;
}
.intro_box .rnd_box .intro .table_box table::before {
    content: "";
    background-color: #1a1a1a;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.intro_box .rnd_box .intro .table_box tr {
    height: 58px;
    border-bottom: 1px solid #e4e4e4;
}
.intro_box .rnd_box .intro .table_box td {
    color: #1a1a1a;
    border-right: 1px solid #e4e4e4;
    font-weight: 400;
    line-height: 1.18;
}
.intro_box .rnd_box .intro .table_box td:last-child {
    border-right: 0;
}
.intro_box .rnd_box .intro .table_box thead tr {
    background: #fafafa;
    color: #1a1a1a;
}
.intro_box .rnd_box .intro .table_box thead tr th {
    font-weight: 400;
    border-right: 1px solid #e4e4e4;
    text-transform: uppercase;
    line-height: 1.18;
}
.intro_box .rnd_box .intro .table_box thead tr th:last-child {
    border-right: 0;
}
.intro_box .rnd_box .intro .table_box tbody tr:nth-last-child(2) {
    background: #e2f0e8;
}
.intro_box .rnd_box .intro .table_box tbody tr:last-child td {
    font-weight: 600;
}

.intro_box .rnd_box .intro ul .ic {
    height: 48px;
    position: absolute;
    top: 40px;
    right: 20px;
}
.intro_box .rnd_box .intro span.f12 {
    display: block;
    margin-top: 12px;
    color: #999999;
}
.intro_box .rnd_box .intro .f24 {
    margin-bottom: 24px;
}
.intro_box .rnd_box .intro li div p.f16 {
    color: #111;
    margin-bottom: 8px;
    font-weight: 500;
}
.intro_box .rnd_box .intro li div p.f16:last-child {
    margin-bottom: 0;
}
.intro_box .rnd_box .intro ul li {
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 40px;
}
.intro_box .rnd_box .intro ul li span.f16 {
    color: rgba(128, 196, 28, 1);
    font-weight: 500;
}
.intro_box .rnd_box .intro ul li:last-child {
    margin-bottom: 0;
}
.intro_box .rnd_box .intro ul li:nth-child(1) .ic {
    background-image: url(../images/rnd_ic1.svg);
    width: 120px;
}
.intro_box .rnd_box .intro ul li:nth-child(2) .ic {
    background-image: url(../images/rnd_ic2.svg);
    width: 120px;
}
.intro_box .rnd_box .intro ul li:nth-child(3) .ic {
    background-image: url(../images/rnd_ic3.svg);
    width: 120px;
}

.certification_box {
    padding-top: 28px;
}
.slide_box {
    padding: 25px 0 160px;
}
.slide_box .slide_bg {
    background: #e2f0e8;
    width: 100vw;
    height: 76.5%;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 120%;
}
.slide_box.aos-animate .slide_bg {
    left: 0;
    transition: left 1.8s 0s;
}
.slide_box .certification {
    height: 342px;
}
.slide_box .certification img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: drop-shadow(10px 10px 24px rgba(0, 0, 0, 0.08));
}
.slide_box .c_tab {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 47px;
    color: #cccccc;
    font-size: 1.3rem;
    font-weight: 600;
}
.slide_box .c_tab a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.slide_box .c_tab a.on {
    color: #1a1a1a;
}
.slide_box .c_tab a::after {
    content: "";
    width: 1px;
    height: 18px;
    background: #e4e4e4;
    margin: 0 12px;
}
.slide_box .c_tab a:last-child::after {
    display: none;
}
.slide_box .tab_con .slide_btn {
    bottom: auto;
    top: 25px;
    right: 0;
    left: auto;
}
.slide_box .tab_con .txt {
    text-align: center;
    margin-top: 23px;
    height: 58px;
    overflow: hidden;
    font-weight: 600;
    word-break: keep-all;
}
.slide_box .tab_con .tab {
    overflow: hidden;
}
.slide_box .swiper-pagination-progressbar {
    background: rgba(255, 255, 255, 0.25);
}

.important_certification {
    margin-top: 100px;
}
.important_cont {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    padding: 40px;
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.important_cont > li {
    width: 33.3%;
}
.important_cont ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    color: #111;
    margin-bottom: 4px;
    line-height: 1.6;
    font-weight: 500;
}
.important_cont ul li span {
    width: calc(100% - 12px);
}
.important_cont ul li:last-child {
    margin-bottom: 0;
}
.important_cont ul li::before {
    content: "";
    margin-top: 11px;
    margin-right: 8px;
    width: 4px;
    height: 4px;
    background: #80c41c;
    border-radius: 50%;
}
.esg_box .s_cont_box .s_tit {
    width: 260px;
}
.esg_box .s_cont_box .s_tit span {
    display: block;
    margin-top: 8px;
    font-weight: 500;
}
.esg_box .s_cont_box li {
    display: flex;
    flex-wrap: nowrap;
}
.esg_box .s_cont_box > li {
    margin-bottom: 100px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e4e4e4;
}
.esg_box .s_cont_box > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.esg_box .s_cont_box li div:last-child {
    padding-left: 60px;
}
.esg_box .s_cont_box li .s_txt_box {
    width: calc(100% - 260px);
}
.esg_box .s_cont_box li .s_txt_box p.f16 {
    margin: 24px 0;
    color: #444;
}
.esg_box .s_cont_box li .s_txt_box p.f16:last-child {
    margin-bottom: 0;
}

:lang(en) .esg_box .s_cont_box li {
    align-items: flex-start;
}
:lang(en) .esg_box .s_cont_box li .s_txt_box .s_tit h4 {
    display: block;
}
:lang(en) .esg_box .s_cont_box li .s_txt_box .s_tit h4 span {
    width: 100%;
    display: block;
    margin: 12px 0 0 0;
}

.esg_box .s_cont_box li .s_txt_box ul.f16 li {
    align-items: flex-start;
    margin-bottom: 6px;
    line-height: 1.5;
    font-weight: 500;
}
.esg_box .s_cont_box li .s_txt_box ul.f16 > li::before {
    content: "";
    margin: 8px 8px 0 0;
    width: 4px;
    height: 4px;
    background: #80c41c;
    border-radius: 50%;
}
.esg_box .s_cont_box li .s_txt_box ul.f16 li span {
    width: calc(100% - 12px);
}
.esg_box .s_cont_box li .s_txt_box ul .f14 {
    padding-left: 12px;
}
.esg_box .s_cont_box li .s_txt_box ul .f14 li {
    margin-bottom: 0;
    color: #444444;
    line-height: 1.6;
}
@media (max-width: 1400px) {
    .intro_box .ceo_box {
        padding-bottom: 400px;
    }
    :lang(en) .esg_box .s_cont_box .img_box {
        width: 50%;
    }
    :lang(en) .esg_box .s_cont_box li div:last-child {
        width: 50%;
    }
}
@media (max-width: 1199px) {
    .intro_box .ceo_box::before {
        right: -100px;
    }
    .intro_box .intro li {
        width: calc(50% - 30px);
        margin-bottom: 30px;
    }
    .intro_box .ly_flex .tit_box {
        width: 300px;
    }
    .intro_box .ly_flex .cont_box {
        width: calc(100% - 300px);
    }
    .important_cont > li {
        width: 50%;
    }
}
@media (max-width: 1023px) {
    .intro_box .ly_flex .tit_box {
        width: 200px;
    }
    .intro_box .ly_flex .cont_box {
        width: calc(100% - 200px);
    }
    .intro_box .intro li {
        width: calc(50% - 30px);
        margin-bottom: 30px;
    }
    .intro_box .ceo_box .txt_box {
        padding-right: 20px;
    }
    .esg_box .s_cont_box li {
        flex-wrap: wrap;
    }
    .esg_box .s_cont_box li div {
        width: 100%;
    }
    .esg_box .s_cont_box li div:last-child {
        padding-left: 0;
        margin-top: 40px;
    }
    .intro_box .rnd_box .intro ul li:nth-child(1) .ic,
    .intro_box .rnd_box .intro ul li:nth-child(2) .ic,
    .intro_box .rnd_box .intro ul li:nth-child(3) .ic,
    .intro_box .rnd_box .intro > li:last-child .ic {
        width: 100px;
    }
    .esg_box .s_cont_box .s_tit {
        width: 100%;
    }
    .esg_box .s_cont_box > li {
        margin-bottom: 60px;
    }
    .esg_box .s_cont_box li .s_txt_box {
        width: 100%;
    }
    :lang(en) .esg_box .s_cont_box .img_box {
        width: 100%;
    }
    :lang(en) .esg_box .s_cont_box li div:last-child {
        width: 100%;
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .intro_box {
        padding: 60px 0 100px;
    }
    .intro_box .ly_flex {
        display: block;
        margin-bottom: 80px;
    }
    .intro_box .ly_flex .tit_box {
        width: 100%;
        margin-bottom: 24px;
    }
    .intro_box .ly_flex .cont_box {
        width: 100%;
    }
    .intro_box .txt_box .txt {
        margin-top: 12px;
    }
    .intro_box .txt_box {
        margin-bottom: 30px;
    }
    .intro_box .intro {
        margin-right: -16px;
    }
    .intro_box .intro li {
        width: calc(50% - 16px);
        padding: 20px;
        margin-right: 16px;
        margin-bottom: 16px;
    }
    .intro_box .intro li div {
        padding-top: 28px;
    }
    .intro_box .intro li:nth-child(1) .ic {
        width: calc(49px - 10px);
    }
    .intro_box .intro li:nth-child(2) .ic {
        width: calc(46px - 10px);
    }
    .intro_box .intro li:nth-child(3) .ic {
        width: calc(31px);
    }
    .intro_box .intro li:nth-child(4) .ic {
        width: calc(62px - 10px);
    }

    .intro_box .ceo_box {
        padding: 60px 0 250px;
    }
    .intro_box .ceo_box.aos-animate::after {
        right: -24px;
    }
    .intro_box .ceo_box .txt_box .f56 {
        font-size: inherit;
    }
    .intro_box .ceo_box::before {
        background: url(../images/ceo_m.png) no-repeat;
        width: calc(606px / 2);
        height: calc(771px / 2);
        right: -25px;
        background-size: contain;
    }
    .intro_box .ceo_box .txt_box .f16 .ceo_sign {
        padding-left: 10px;
        display: block;
        margin: 10px 0px 0 50px;
    }
    :lang(en) .intro_box .ceo_box .txt_box .f16 .ceo_sign {
        margin: 10px 0px 0 34px;
    }
    .intro_box .ceo_box .txt_box .f16 .ceo_sign img {
        width: 60px;
    }
    .intro_box .rnd_box .intro {
        margin-right: 0;
    }
    .intro_box .rnd_box .intro > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }
    .intro_box .rnd_box .intro ul li {
        padding: 24px;
        margin-bottom: 14px;
    }
    .intro_box .rnd_box .intro ul .ic {
        right: 0;
        top: 20px;
    }
    .intro_box .rnd_box .intro .f24 {
        margin-bottom: 12px;
    }
    .intro_box .rnd_box .intro span.f12 {
        margin-top: 8px;
    }
    .intro_box .rnd_box .intro li div p.f16 {
        margin-bottom: 4px;
    }
    .intro_box .rnd_box .intro > li:last-child .ic {
        top: 20px;
        right: 0;
    }
    .intro_box .rnd_box .intro > li {
        padding: 24px;
    }
    .intro_box .rnd_box .intro li .img_box {
        margin-top: 8px;
    }
    .intro_box .rnd_box .intro .table_box table {
        margin: 0;
        width: 100%;
    }
    .slide_box {
        padding-bottom: 50px;
    }
    .slide_box .tab_con .slide_btn {
        display: none;
    }
    .tab_con .swiper-wrapper {
        display: inline-flex;
        width: calc(100% - 24px);
        padding: 0 24px;
        overflow-x: scroll;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .tab_con .swiper-wrapper::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }
    .tab_con .swiper-wrapper .swiper-slide {
        width: 140px;
        margin-right: 16px;
    }
    .slide_box .certification img {
        height: 195px;
        box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.04);
    }
    .slide_box .tab_con .txt {
        margin-top: 12px;
        height: 50px;
    }
    .slide_box .tab_con .tab {
        overflow: inherit;
        margin: 0 -24px;
    }
    .slide_box .slide_bg {
        height: 73%;
    }
    .slide_box.aos-animate .slide_bg {
        left: -24px;
    }
    section .slide_box .swiper-pagination {
        display: none;
    }
    .certification_box {
        padding-top: 6px;
    }
    .slide_box .c_tab {
        margin-bottom: 25px;
    }
    .important_cont {
        display: block;
        margin-top: 8px;
        margin-right: 0;
        padding: 20px;
        border-radius: 4px;
    }
    .important_certification {
        margin-top: 60px;
    }
    .important_cont > li {
        width: 100%;
    }
    .important_cont ul li::before {
        width: 2px;
        height: 2px;
    }
    .esg_box .img_box.center {
        margin-bottom: 60px;
    }
    .intro_box .esg_box .txt_box .txt {
        margin-top: 8px;
    }
    .esg_box .s_cont_box li .s_txt_box .s_tit h4 span {
        margin-left: 8px;
    }
    .esg_box .s_cont_box li div:last-child {
        margin-top: 28px;
    }
    .esg_box .s_cont_box > li:nth-child(2) .s_txt_box {
        padding-right: 0;
    }
    .esg_box .s_cont_box li .s_txt_box .s_tit {
        margin-bottom: 16px;
    }
}

/* 비즈니스 > 기후변화 솔루션 */
.business_txt {
    padding: 141px 0 0;
    margin-bottom: -200px;
    text-align: center;
}
.business_txt h3 {
}
.business_txt h3 span {
    color: #80c41c;
    font-weight: 700;
}
.business_txt h3 span:nth-child(1) {
    margin: 0 12px 0 7px;
}
.business_txt h3 span:nth-child(2) {
    margin: 0 7px 0 12px;
}
.business_scroll {
    position: relative;
    height: 100vh;
    z-index: 1;
    text-align: center;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.business_scroll .bg {
    position: absolute;
    z-index: -2;
    width: 95%;
    height: 100%;
    top: 300px;
    left: 50%;
    transform: translateX(-50%);
}
.business_scroll .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.business_scroll .cover {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: all ease 0.2s;
}
.business_scroll .txt_box {
    word-break: keep-all;
}
.business_scroll .txt_box h3 {
    margin-bottom: 40px;
    transform: translate(0px, 40px);
    opacity: 0;
}
.business_scroll .txt_box p {
    transform: translate(0px, 40px);
    opacity: 0;
}
.business_cont {
    padding-top: 140px;
}
.business_cont .img_box {
    text-align: center;
}
.weather_cont1 .ttl_box {
    margin-bottom: 80px;
}
.weather_cont2 .img_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.weather_cont2 .img_box li {
    position: relative;
}
.weather_cont2 .img_box li:last-child::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
    background: url(../images/weather_cont2_ic.svg) no-repeat;
    width: 120px;
    height: 64px;
}
.weather_cont3 {
    margin-top: 140px;
    padding-bottom: 140px;
    background: #e2f0e8;
}
.weather_cont3 .ly_flex > li:nth-child(1) {
    width: 57%;
}
.weather_cont3 .ly_flex > li:nth-child(2) {
    display: flex;
    flex-wrap: nowrap;
    width: 43%;
    padding-left: 30px;
    margin-right: -30px;
}
.weather_cont3 .ly_flex > li:nth-child(2) .img_box {
    max-width: 280px;
    width: calc(50% - 30px);
    margin-right: 30px;
}
.weather_cont3 .ly_flex > li:nth-child(2) p {
    text-align: center;
    color: #000000;
    line-height: 1.4;
    font-weight: 500;
    margin-top: 35px;
}
.weather_cont3 .ly_flex > li:nth-child(2) p span {
    display: block;
}
.weather_cont3 .color_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 32px 0 0;
    font-weight: 600;
}
.weather_cont3 .color_box li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-right: 28px;
}
.weather_cont3 .color_box li:last-child {
    margin-right: 0;
}
.weather_cont3 .color_box li span {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 12px;
}
.weather_cont3 .color_box li:nth-child(1) span {
    background: #346654;
}
.weather_cont3 .color_box li:nth-child(2) span {
    background: #068b63;
}
.weather_cont3 .color_box li:nth-child(3) span {
    background: #1cc492;
}
.weather_cont3 .color_box li:nth-child(4) span {
    background: #307c94;
}
.weather_cont3 .color_box li:nth-child(5) span {
    background: #4728a1;
}
.weather_cont3 .color_box li:nth-child(6) span {
    background: #063222;
}
.marquee_box {
    margin-top: 100px;
}
.marquee_box p {
    text-align: center;
    margin-bottom: 100px;
}
.marquee_box ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.marquee_box ul li {
    margin-right: 60px;
    width: 144px;
}
.marquee_box ul li p {
    margin: 18px 0 0;
    word-break: break-word;
}
.weather_carbon_section {
    padding: 140px 0 0;
}
@media (max-width: 1441px) {
    .weather_cont2 .img_box {
        justify-content: center;
    }
    .weather_cont2 .img_box li:last-child {
        margin-top: 60px;
    }
    .weather_cont2 .img_box li:last-child::before {
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
}
@media (max-width: 1023px) {
    .weather_cont3 .ly_flex > li:nth-child(1) {
        width: 100%;
    }
    .weather_cont3 .ly_flex > li:nth-child(2) {
        width: 100%;
        margin-top: 60px;
        padding-left: 0;
        justify-content: center;
    }
    .carbon_section .counter_box .f15 {
        padding: 0 20px;
    }
}
@media (max-width: 767px) {
    .business_txt {
        padding: 70px 0 50px;
    }
    .business_txt {
        margin-bottom: 0;
    }
    .business_scroll .bg {
        top: 0;
    }
    .business_scroll .txt_box h3 {
        margin-bottom: 20px;
    }
    .business_cont {
        padding-top: 70px;
    }
    .weather_cont1 .ttl_box {
        margin-bottom: 30px;
    }
    .weather_cont3 {
        margin-top: 70px;
        padding-bottom: 70px;
    }
    .weather_cont3 .color_box {
        margin: 20px 0 0;
    }
    .weather_cont3 .color_box li {
        margin-right: 8px;
    }
    .weather_cont3 .color_box li span {
        width: 12px;
        height: 12px;
        margin-right: 4px;
    }
    .weather_cont3 .ly_flex > li:nth-child(2) {
        margin: 40px -15px 0 0;
    }
    .weather_cont3 .ly_flex > li:nth-child(2) .img_box {
        width: calc(50% - 15px);
        margin-right: 15px;
    }
    .weather_cont3 .ly_flex > li:nth-child(2) p {
        margin-top: 15px;
    }
    .marquee_box {
        margin-top: 60px;
    }
    .marquee_box p {
        margin-bottom: 50px;
    }
    .marquee_box ul li {
        width: 100px;
        margin-right: 30px;
    }
    .marquee_box ul li .ic img {
        width: 100px;
    }
    .marquee_box ul li p {
        margin: 9px 0 0;
        font-size: 14px;
        word-break: break-all;
    }
    .weather_carbon_section {
        padding: 70px 0 0;
    }
}
/* 비즈니스 > 청정수소 */
.hydrogen_cont1 {
    padding: 146px 0 200px;
}
.hydrogen_cont1 .ttl_box {
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .hydrogen_cont1 {
        padding: 70px 0 100px;
    }
    .hydrogen_cont1 .ttl_box {
        margin-bottom: 40px;
    }
    .hydrogen_cont2 {
        margin-bottom: 0;
    }
}
/* 비즈니스 > 대기환경 */
.environment_cont2 {
    background: #e2f0e8;
    padding: 140px 0;
    margin-top: 140px;
}
.gts_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 -26px;
}
.gts_box li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-right: 26px;
    font-weight: 600;
}
.gts_box li span {
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 12px;
    background-size: contain;
}
.gts_box li:nth-child(1) span {
    background: url(../images/gts_ic1.svg) no-repeat;
}
.gts_box li:nth-child(2) span {
    background: url(../images/gts_ic2.svg) no-repeat;
}
.gts_box li:nth-child(3) span {
    background: #e0cd1d;
    border-radius: 50%;
}
.gts_box li:nth-child(4) span {
    background: #1cc4a6;
    border-radius: 50%;
}
.gts_box li:nth-child(5) span {
    background: #1cc441;
    border-radius: 50%;
}
.environment_cont3 {
    margin-bottom: 200px;
}
@media (max-width: 767px) {
    .environment_cont2 {
        padding: 70px 0;
        margin-top: 70px;
    }
    .gts_box {
        margin: 20px 0 0 -8px;
    }
    .gts_box li {
        margin-right: 8px;
    }
    .gts_box li span {
        width: 12px;
        height: 12px;
        margin-right: 6px;
        background-size: contain !important;
    }
    .environment_cont3 {
        margin-bottom: 100px;
    }
}


/* 후원하기 */

.donation_title {
    padding: 120px 0 100px;
    text-align: center;
}
.donation_title h3 span {
    color: #80c41c;
    font-weight: 700;
}
.donation_title h3 span {
    margin: 0 10px 0 10px;
}
.donation_image_box {
    position: relative;
    height: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
.donation_image_box .txt_box {
    position: absolute;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.donation_image_box .txt_box h4 {
    color: #fff;
    word-break: keep-all;
    /* font-weight: 600; */
}
.donation_image_box .txt_box h4 span {
    color: #80c41c;
}
.donation_image_box .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.donation_image_box .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.donation_txt_box {
    margin-bottom: 200px;
}
.donation_txt_box .sub_container ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 50px;
    text-align: center;
    flex-direction: column;
}
.donation_txt_box .sub_container ul li.txt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
    word-break: keep-all;
}
.donation_txt_box .sub_container ul li.title {
    word-break: keep-all;
    line-height: 1.3;
}
.donation_txt_box .sub_container ul li.title_green {
    color: #80c41c;
    word-break: keep-all;
    line-height: 1.3;
}
.donation_txt_box .sub_container ul li.sub_title span {
    color: #80c41c;
}
.donation_txt_box .sub_container .title_txt_box {
    margin-bottom: 20px;
}
.donation_txt_box .sub_container .txt_box_gray {
    background: #f5f5f5;
    padding: 26px 42px;
    border-radius: 10px;
}
.donation_txt_box .sub_container .txt_box_gray p {
    margin-bottom: 20px;
}
.donation_txt_box .sub_container .txt_box_gray_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.donation_txt_box .sub_container .txt_box_gray_list li {
    line-height: 1.3;
    word-break: keep-all;
}
.donation_txt_box .sub_container .account_box_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 1000px;
}
.donation_txt_box .sub_container .account_box {
    width: 100%;
    border-radius: 10px;
    background: #80c41c;
    padding: 25px 42px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 25px;
}
.donation_txt_box .sub_container .account_box .icon_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.donation_txt_box .sub_container .account_box .icon_box img {
    width: 68px;
    height: 86px;
}
.donation_txt_box .sub_container .account_box .account_box_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
    color: #fff;
    text-align: left;
    
}
.donation_txt_box .sub_container .account_box_list .account_box_usd {
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    padding: 42px 38px;
    border-radius: 10px;
    background: #E2F0E8;
    color: #46594E;
    gap: 30px;
    margin-top: 20px;
}   
.donation_txt_box .sub_container .account_box_list .account_box_usd .account_box_usd_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-direction: column;
    width: 100%;
}
.donation_txt_box .sub_container .account_box_list .account_box_usd .account_box_usd_inner .account_info {
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    width: 100%;

}
.donation_txt_box .sub_container .account_box_list .account_box_usd .account_box_usd_inner .account_info .account_info_inner {
    display: flex;
    flex-wrap: wrap;
    /* border-top: 1px solid #D4E1DA; */
    border-bottom: 1px solid #D4E1DA;
    padding: 10px 0;
    font-size: 16px;    
}
.donation_txt_box .sub_container .account_box_list .account_box_usd .account_box_usd_inner .account_info .account_info_inner:first-child {
    border-top: 1px solid #D4E1DA;
}
.donation_txt_box .sub_container .account_box_list .account_box_usd .account_box_usd_inner .account_info dt {
    text-align: left;
    flex: 0 0 200px;
    font-weight: 600;
}
.donation_txt_box .sub_container .account_box_list .account_box_usd .account_box_usd_inner .account_info dd {
    text-align: left;
    margin: 0;
    flex: 1;
    line-height: 1.3;
}

.donation_txt_box .sub_container .txt_box {
    color: #808080;
    line-height: 1.6;
    word-break: keep-all;    
}

@media (max-width: 767px) {
    .donation_title {
        padding: 70px 0 70px;
    }
    .donation_txt_box .sub_container .account_box .icon_box {
        display: none;
    }
    .donation_image_box {
        margin-bottom: 70px;
    }
    .donation_txt_box {
        margin-bottom: 100px;
    }
    .donation_txt_box .sub_container .account_box_list .account_info_inner {
        flex-direction: column;
    }
    .donation_txt_box .sub_container .account_box_list .account_box_usd .account_box_usd_inner .account_info dt {
        flex: 1;
        padding-bottom: 5px;
    }
    .donation_txt_box .sub_container .account_box_list .account_box_usd .account_box_usd_inner .account_info dd {
        flex: 1;
    }
}

/* .donation_title h3 span:nth-child(1) {
    margin: 0 7px 0 12px;
} */

/* .donation_box {
    padding: 120px 0 200px;
}
.donation_box .title_box {
    text-align: center;
}
.donation_box .title_box h3 span {
    color: #80c41c;
} */