@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

/**************************************************
 * PAGE | ESG
 **************************************************/
.font {
    font-family: 'Noto Sans KR', sans-serif;
}

.container__tit {
    line-height: 48px;
    font-size: 32px;
}

.container__tits {
    line-height: 32px;
    font-size: 24px;
}

.desc {
    line-height: 27px;
    font-size: 18px;
    color: #4c5159;
}

input[type="text"] {
    padding-left: 24px;
}

input[type="text"]:focus,
input[type="text"]:active,
textarea:focus,
textarea:active {
    border: 1px solid #276ef1;
}

.line_btn {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    border-radius: 4px;
    border: 1px solid #276ef1;
    background-color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    color: #276ef1;
}

.btn {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    border-radius: 4px;
    background-color: #276ef1;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
}

.page__list>div {
    float: left;
    width: 585px;
}

.page__list>div span {
    font-weight: 500;
    font-size: 20px;
    color: #276ef1;
}

.page__list>div p {
    margin-top: 12px;
    font-weight: 500;
    font-size: 22px;
}

.page__list>div.prev {
    border-right: 1px solid #eeeeee;
}

.page__list>div.prev p {
    color: #a3abc0;
}

.page__list>div.next {
    padding-left: 24px;
}

.page__list .list {
    width: 252px;
    height: 72px;
    line-height: 72px;
    padding-left: 64px;
    border-radius: 4px;
    border: 1px solid #276ef1;
    background-image: url("../img/esg/list.svg");
    background-repeat: no-repeat;
    background-position: top 50% left 24px;
    font-weight: 500;
    font-size: 22px;
    color: #276ef1;
}

.pagenation {
    position: relative;
    height: 40px;
}

.pagenation ul {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.pagenation ul li {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
}

.pagenation ul li.on {
    border-radius: 50%;
    background-color: #276ef1;
    font-weight: 700;
    color: #ffffff;
}

.pagenation ul li.page {
    overflow: hidden;
    width: 24px;
    height: 40px;
    white-space: nowrap;
    text-indent: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.pagenation ul li.page.prev {
    margin-right: 24px;
    background-image: url("../img/esg/chevron-left.svg");
}

.pagenation ul li.page.next {
    margin-left: 24px;
    background-image: url("../img/esg/chevron-right.svg");
}

.content dl {
    border-top: 2px solid #6f7b85;
    border-bottom: 2px solid #6f7b85;
}

.content dl dt {
    position: relative;
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 500;
    font-size: 18px;
}

.content dl dt:last-child {
    border-bottom: 0;
}

.content dl dt.on+dd {
    border-bottom: 1px solid #e0e0e0;
}

.content dl dt.on::after {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
}

.content dl dt::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: url("../img/esg/arrow-down.svg") no-repeat center;
    transition: transform .3s ease;
}

.content dl dd {
    display: none;
    padding: 40px 48px;
}

/** ethical_doctrine **/
.ethical_doctrine .ceo .head {
    padding-bottom: 40px;
}

.ethical_doctrine .ceo .head .sub {
    margin-bottom: 12px;
    font-size: 18px;
    color: #276ef1;
}

.ethical_doctrine .ceo .head .name {
    font-size: 34px;
}

.ethical_doctrine .bg {
    padding: 80px 0;
}

.ethical_doctrine .doctrine__conts dl dd {
    background-color: #ffffff;
}

.ethical_doctrine .doctrine__conts dl dd .explain {
    line-height: 27px;
    font-size: 18px;
    letter-spacing: -.4px;
    color: #727b8b;
}

.ethical_doctrine .doctrine__conts dl dd .img {
    margin: 48px auto;
    text-align: center;
}

.ethical_doctrine .doctrine__conts .doctrine__list ul {
    display: flex;
}

.ethical_doctrine .doctrine__conts .doctrine__list ul li {
    width: calc(100% / 5);
    padding: 24px 24px 27px;
    margin-right: 40px;
    border-radius: 16px;
    /* box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1); */
    background-color: #ffffff;
    text-align: center;
}

.ethical_doctrine .doctrine__conts .doctrine__list ul li:last-child {
    margin-right: 0;
}

.ethical_doctrine .doctrine__conts .doctrine__list ul li .icon {
    display: flex;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background-color: #dfe9fc;
    justify-content: center;
    align-items: center;
}

.ethical_doctrine .doctrine__conts .doctrine__list ul li .txt p {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: -.21px;
}

.ethical_doctrine .doctrine__conts .doctrine__list ul li .txt div {
    line-height: 27px;
    font-size: 18px;
    color: #4c5159;
    letter-spacing: -.4px;
}

.ethical_doctrine .doctrine__conts .doctrine__file {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 48px auto 40px;
    width: 276px;
    height: 64px;
    border-radius: 4px;
    background-color: #276ef1;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}

.ethical_doctrine .doctrine__conts .ground_rule {
    padding-left: 32px;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr {
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    letter-spacing: -.4px;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr th {
    padding: 24px 0;
    line-height: 30px;
    font-weight: 500;
    font-size: 20px;
    vertical-align: top;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr td {
    padding: 24px 0;
    line-height: 24px;
    color: #727b8b;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr:first-child th,
.ethical_doctrine .doctrine__conts .ground_rule table tr:first-child td {
    padding: 0 0 24px;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr:last-child {
    border-bottom: 0;
}

.ethical_doctrine .doctrine__conts .ground_rule .ground_rule_box {
    display: flex;
    padding: 24px 40px;
    margin-top: 16px;
    border-radius: 16px;
    background-color: #d8ddeb;
    letter-spacing: -.4px;
}

.ethical_doctrine .doctrine__conts .ground_rule .ground_rule_box p {
    padding-left: 32px;
    line-height: 56px;
    background-image: url("../img/inquire/ico-headset.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 24px;
    font-weight: 500;
    font-size: 20px;
}

.ethical_doctrine .doctrine__conts .ground_rule .ground_rule_box span {
    padding-left: 24px;
    line-height: 56px;
    color: #727b8b;
}

.ethical_doctrine .doctrine__conts .ground_rule .ground_rule_box .link {
    margin-left: auto;
    margin-right: 0;
}

.ethical_doctrine .doctrine__conts .ground_rule .ground_rule_box .link a {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    padding: 0 56px 0 24px;
    margin-left: 8px;
    margin-right: 0;
    border-radius: 4px;
    background-color: #727b8b;
    background-image: url("../img/esg/ico_out-link_white.svg");
    background-repeat: no-repeat;
    background-position: top 50% right 24px;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr td p {
    margin: 0 0 8px;
    line-height: 30px;
    font-size: 20px;
    letter-spacing: -.5px;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr td .line {
    padding: 16px 0;
    border-bottom: 1px solid #e0e0e0;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr td .line:last-child {
    padding: 16px 0 0;
    border-bottom: 0;
}

.ethical_doctrine .doctrine__conts .ground_rule table tr td .line b {
    display: block;
    margin-bottom: 8px;
}

/** ethical_policy **/
.ethical_policy .part01 {
    padding: 80px 0;
}

.ethical_policy .part02 {
    padding: 80px 0 0;
}

.ethical_policy .part .head {
    margin-bottom: 40px;
}

.ethical_policy .part .head .desc {
    width: calc(100% - 240px);
    padding-left: 172px;
}

.ethical_policy .part .policy__list ol li {
    position: relative;
    float: left;
    width: calc(33.333% - 27px);
    min-height: 256px;
    padding: 68px 24px 0;
    margin: 0 40px 40px 0;
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
    background-color: #ffffff;
}

.ethical_policy .part .policy__list ol li:nth-child(3n) {
    margin: 0 0 40px 0;
}

.ethical_policy .part .policy__list ol li .number {
    position: absolute;
    top: 24px;
    left: 24px;
    font-size: 22px;
    font-weight: 600;
    color: #276ef1;
    letter-spacing: -.21px;
}

.ethical_policy .part .policy__list ol li .explain {
    line-height: 24px;
    color: #727b8b;
}

.ethical_policy .part .policy__list ol li .icon {
    display: flex;
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(39, 110, 241, 0.1);
    justify-content: center;
    align-items: center;
}

.ethical_policy .part .policy__list .note {
    line-height: 21px;
    padding-left: 32px;
    background: url("../img/esg/warning.svg") no-repeat left;
    font-size: 14px;
    color: #727b8b;
}

/** ethical_activity **/
.ethical_activity .ethical_activity__conts .ethical_activity__title {
    font-weight: 700;
    font-size: 44px;
}

.ethical_activity .ethical_activity__conts .title__desc {
    color: #4c5159;
    font-size: 22px;
    line-height: 33px;
}

.ethical_activity .ethical_activity__conts .img {
    width: 100%;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .head .sub {
    margin-bottom: 12px;
    font-size: 24px;
    color: #276ef1;
    letter-spacing: -.3px;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .head .title {
    line-height: 48px;
    font-weight: 700;
    font-size: 32px;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box {
    display: flex;
    width: 100%;
    padding: 0 40px;
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
    background-color: #fff;
    justify-content: center;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .name {
    display: flex;
    width: 40%;
    text-align: center;
    font-size: 32px;
    justify-content: center;
    align-items: center;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .name>.blue {
    color: #276EF1;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .explain {
    width: 60%;
    padding: 80px 0;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .explain .word {
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 27px;
    font-weight: 500;
    font-size: 18px;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .explain .desc__list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 24px;
    line-height: 24px;
    color: #4c5159;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .explain .desc__list li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #4c5159;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .explain .desc__list li:last-child {
    margin-bottom: 0;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .explain .note {
    font-size: 14px;
}

.ethical_activity .ethical_activity__conts .ethical_activity__desc .desc__box .explain .note .font {
    font-size: 13px;
    ;
}

.ethical_activity .maneger {
    display: flex;
    flex-direction: column;
    position: relative;
    float: left;
    width: calc(50% - 21px);
    min-height: 1140px;
    padding: 40px 40px;
    margin-top: 80px;
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
}

.ethical_activity .maneger:first-child {
    margin-right: 40px;
}

.ethical_activity .maneger .maneger__word {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ethical_activity .maneger .maneger__word .sub {
    margin-top: auto;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #276ef1;
}

.ethical_activity .maneger .maneger__word .name {
    font-weight: 700;
    font-size: 34px;
    line-height: 43px;
}

.ethical_activity .maneger .sign {
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 262px;
    height: auto;
}

.ethical_activity .promise {
    padding: 80px 0 120px;
}

.ethical_activity .promise .promise__list {
    margin-top: 98px;
}

.ethical_activity .promise .promise__list ul li {
    float: left;
    width: 25%;
    padding: 0 40px;
    border-right: 1px solid #e0e0e0;
    text-align: center;
    word-break: keep-all;
}

.ethical_activity .promise .promise__list ul li:last-child {
    border-right: 0;
}

.ethical_activity .promise .promise__list ul li .img {
    display: flex;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background-color: rgba(39, 110, 241, 0.1);
    justify-content: center;
    align-items: center;
}

.ethical_activity .promise .promise__list ul li .img img {
    display: block;
}

.ethical_activity .promise .promise__list ul li .explain {
    line-height: 24px;
    color: #4c5159;
}

.ethical_activity .program {
    display: flex;
    width: 100%;
    height: 319px;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
    background-color: #ffffff;
    align-items: center;
}

.ethical_activity .program .head {
    width: 40%;
}

.ethical_activity .program .head p {
    display: block;
    width: 100%;
    text-align: center;
}

.ethical_activity .program .head p.eng {
    font-size: 18px;
    color: #727b8b;
}

.ethical_activity .program .desc {
    width: 60%;
}

.ethical_activity .vision .conduct .head {
    margin: 100px auto 48px;
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #276ef1;
}

.ethical_activity .vision .conduct .img {
    display: flex;
    width: 100%;
    margin-bottom: 64px;
    justify-content: center;
}

.ethical_activity .vision .conduct .conduct__list {
    margin-bottom: 64px;
}

.ethical_activity .vision .conduct .conduct__list ul li {
    position: relative;
    float: left;
    width: 20%;
    height: 194px;
    padding: 0 12px 48px;
}

.ethical_activity .vision .conduct .conduct__list ul li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #e0e0e0;
}

.ethical_activity .vision .conduct .conduct__list ul li:last-child::after {
    content: none;
}

.ethical_activity .vision .conduct .conduct__list ul li .title {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -.21px;
}

.ethical_activity .vision .conduct .download {
    text-align: center;
}

.ethical_activity .vision .conduct .download a {
    float: left;
    height: 72px;
    line-height: 72px;
    padding-left: 64px;
    margin-right: 40px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: top 50% left 24px;
    text-align: left;
    font-weight: 500;
    font-size: 22px;
}

.ethical_activity .vision .conduct .download a:last-child {
    margin-right: 0;
}

.ethical_activity .vision .conduct .download .blue a {
    width: calc(50% - 20px);
    margin-bottom: 48px;
    background-color: #276ef1;
    background-image: url("../img/esg/download_white.svg");
    font-weight: normal;
    color: #ffffff;
}

.ethical_activity .vision .conduct .download .white a {
    width: 268px;
    border: 1px solid #276ef1;
    background-image: url("../img/esg/download.svg");
    color: #276ef1;
}

.ethical_activity .organogram {
    padding: 80px 0;
}

.ethical_activity .organogram .organogram__list {
    margin: 0 -32px;
}

.ethical_activity .organogram .organogram__list ul li {
    position: relative;
    float: left;
    width: 20%;
    padding: 0 24px;
}

.ethical_activity .organogram .organogram__list ul li::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #e0e0e0;
}

.ethical_activity .organogram .organogram__list ul li .title {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -.21px;
}

.ethical_activity .team {
    padding: 80px 0 120px;
}

.ethical_activity .team .maneger__name {
    margin-top: 20px;
    line-height: 27px;
    font-size: 18px;
}

.ethical_activity .team .team__table {
    border-top: 2px solid #4e5a71;
    border-bottom: 2px solid #4e5a71;
}

.ethical_activity .team .team__table tr:last-child td {
    border-bottom: 0;
}

.ethical_activity .team .team__table tr td {
    padding: 28px 0;
    line-height: 27px;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
    vertical-align: top;
    font-weight: 500;
    font-size: 18px;
}

.ethical_activity .team .team__table tbody tr td:last-child {
    text-align: left;
}

.ethical_activity .team .team__table tbody tr td:last-child p {
    margin-bottom: 12px;
    color: #4c5159;
}

.ethical_activity .team .team__table tbody tr td:last-child ul li {
    position: relative;
    padding-left: 32px;
    line-height: 24px;
    font-size: 16px;
    color: #4c5159;
}

.ethical_activity .team .team__table tbody tr td:last-child ul li::before {
    content: '-';
    position: absolute;
    top: 0;
    left: 23px;
}

/* .ethical_activity .history .year {
    padding-left: 80px;
} */

.ethical_activity .history .year ol li {
    width: 247px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #eeeeee;
    font-weight: 700;
    font-size: 32px;
    background-position: top 50% right 0;
    background-repeat: no-repeat;
    background-image: url("../img/esg/circle_plus.svg");
    color: #a3abc0;
    cursor: pointer;
}

.ethical_activity .history .year ol li.on {
    border-bottom: 1px solid #276ef1;
    background-image: url("../img/esg/circle_plus_active.svg");
    color: #276ef1;
}

.ethical_activity .history .year ol li:last-child {
    font-size: 24px;
    letter-spacing: -.22px;
}

.ethical_activity .history .cont {
    width: calc(100% - 247px);
    padding-left: 80px;
}

.ethical_activity .history .cont ol li .box {
    display: flex;
    gap: 16px;
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 16px;
    background-color: #f4f8fe;
    justify-content: center;
}

.ethical_activity .history .cont ol li .box:last-child {
    margin-bottom: 0;
}

.ethical_activity .history .cont ol li .box .head {
    width: 104px;
    line-height: 27px;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    letter-spacing: -.4px;
}

.ethical_activity .history .cont ol li .box .explain {
    width: calc(100% - 104px - 16px);
    line-height: 24px;
    font-weight: 500;
    color: #4c5159;
    letter-spacing: -.4px;
}

.ethical_activity .inquiry {
    padding: 120px 0 80px;
}

.ethical_activity .inquiry .link li {
    float: left;
    width: calc(50% - 20px);
    padding: 28px 40px;
    margin: 0 40px 40px 0;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
}

.ethical_activity .inquiry .link li::after {
    content: '';
    display: block;
    clear: both;
}

.ethical_activity .inquiry .link li:nth-child(2n) {
    margin: 0 0 40px 0;
}

.ethical_activity .inquiry .link li p {
    display: inline-block;
    line-height: 64px;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -.21px;
}

.ethical_activity .inquiry .link li a {
    float: right;
    width: 205px;
    height: 64px;
    line-height: 64px;
    border-radius: 4px;
    border: 1px solid #276ef1;
    text-align: center;
    font-weight: 600;
    color: #276ef1;
}

.ethical_activity .report .asterisk {
    display: inline-block;
    margin-right: 4px;
    color: #ff0000;
}

.ethical_activity .report table {
    border-top: 2px solid #4e5a71;
}

.ethical_activity .report table tr:last-child td {
    border-bottom: 0;
}

.ethical_activity .report table tr th {
    padding: 40px 0;
    vertical-align: top;
    text-align: left;
}

.ethical_activity .report table tr td {
    display: block;
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
    font-size: 20px;
}

.ethical_activity .report table tr td p {
    display: inline-block;
    font-weight: 500;
}

.ethical_activity .report table tr td .radio__list {
    float: right;
}

.ethical_activity .report table tr td .radio__list .radio {
    display: inline-block;
    margin-left: 68px;
}

.ethical_activity .report table tr td>.input:first-child label {
    height: 60px;
    line-height: 60px;
    vertical-align: top;
}

.ethical_activity .report table tr td>.input label {
    float: left;
    width: 120px;
    vertical-align: middle;
    font-weight: 500;
    font-size: 20px;
}

.ethical_activity .report table tr td>.input input[type="text"] {
    float: left;
    font-size: 16px;
}

.ethical_activity .report table tr td>.input .note {
    float: left;
    margin-bottom: 12px;
    line-height: 21px;
    font-size: 14px;
    color: #aeb0b4;
}

.ethical_activity .report table tr td>.input textarea {
    float: left;
    width: calc(100% - 120px);
    padding: 44px;
    margin-left: 120px;
    border-radius: 4px;
    border: 1px solid #eeeeee;
}

.ethical_activity .report table tr td>.input.file__list .file input[type="file"] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.ethical_activity .report table tr td>.input.file__list .file .file__btn {
    width: 200px;
    cursor: pointer;
}

.ethical_activity .report table tr td>.input.file__list .note {
    margin: 12px 0 0 120px;
    font-weight: 300;
}

.ethical_activity .report table tr.anonymity {
    display: none;
}

.ethical_activity .report table tr.anonymity .conts {
    width: calc(100% - 72px);
    padding-left: 52px;
}

.ethical_activity .report table tr.anonymity .conts .input {
    float: left;
    width: calc(33.333% - 16px);
}

.ethical_activity .report table tr.anonymity .conts .input:nth-child(2) {
    margin: 0 24px;
}

.ethical_activity .report table tr.anonymity .conts .input label {
    float: none;
    display: block;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.36px;
    color: #4c5159;
}

.ethical_activity .report table tr.anonymity .conts .input input {
    width: 100%;
    font-size: 16px;
}

.ethical_activity .report table tr.anonymity .conts .input input::-moz-placeholder {
    display: block;
    font-size: 13px;
    color: #aeb0b4;
}

.ethical_activity .report table tr.anonymity .conts .input input:-ms-input-placeholder {
    display: block;
    font-size: 13px;
    color: #aeb0b4;
}

.ethical_activity .report table tr.anonymity .conts .input input::placeholder {
    display: block;
    font-size: 13px;
    color: #aeb0b4;
}

.ethical_activity .report .guide .part {
    padding: 40px 0 16px;
    border-top: 2px solid #6f7b85;
}

.ethical_activity .report .guide .part.l-mb40 {
    padding: 40px 0;
}

.ethical_activity .report .guide .part .head {
    width: 370px;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -.3px;
}

.ethical_activity .report .guide .part .cont {
    width: calc(100% - 370px);
    padding: 24px 48px;
    line-height: 24px;
    border-radius: 4px;
    background-color: #f4f8fe;
    font-weight: 300;
    color: #727b8b;
}

.ethical_activity .report .guide .part .cont .tit {
    margin-bottom: 16px;
    line-height: 30px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -.5px;
}

.ethical_activity .report .guide .check {
    padding-left: 368px;
}

.ethical_activity .report .guide .check input[type="checkbox"] {
    display: none;
}

.ethical_activity .report .guide .check label {
    font-size: 20px;
}

.ethical_activity .report .guide .check input[type="checkbox"]+label {
    position: relative;
    display: inline-block;
    line-height: 48px;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-position: top 0 left 0;
    background-image: url("../img/esg/check_circle.svg");
}

.ethical_activity .report .guide .check input[type="checkbox"]:checked+label {
    background-image: url("../img/esg/check_circle_active.svg");
}

.ethical_activity .report .btn__list {
    text-align: center;
}

.ethical_activity .report .btn__list a {
    width: 276px;
}

.ethical_activity .report .btn__list a.line_btn {
    margin-right: 24px;
}

.table__head .total {
    margin-top: 12px;
    line-height: 27px;
    font-size: 18px;
}

.table__head .total span {
    color: #276ef1;
}

.table__head .search input {
    display: inline-block;
    width: 320px;
    height: 56px;
    line-height: 56px;
    padding-left: 24px;
    margin-right: 12px;
    border-radius: 4px;
    border: 0;
    background-color: #f9f9ff;
    font-weight: 500;
    font-size: 18px;
    color: #a3abc0;
}

.table__head .search input::-moz-placeholder {
    color: #a3abc0;
}

.table__head .search input:-ms-input-placeholder {
    color: #a3abc0;
}

.table__head .search input::placeholder {
    color: #a3abc0;
}

.table__head .search button {
    display: inline-block;
    width: 120px;
    height: 56px;
    line-height: 56px;
    border-radius: 4px;
    border: 0;
    background-color: #276ef1;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
}

/** eco_policy **/
.eco_policy .head .desc {
    width: calc(100% - 188px);
    padding-left: 304px;
}

.eco_policy .img {
    overflow: hidden;
    width: 1193px;
    margin: 0 auto;
    border-radius: 16px;
}

.eco_policy .she>ul>li {
    padding: 80px 0 0;
}

.eco_policy .she>ul>li:first-child {
    padding: 80px 0;
    border-bottom: 1px solid #e0e0e0;
}

.eco_policy .she>ul>li .title {
    float: left;
    width: 250px;
    font-weight: 700;
    font-size: 24px;
    color: #276ef1;
}

.eco_policy .she>ul>li .explain {
    float: left;
    width: calc(100% - 250px);
    line-height: 42px;
    font-weight: 700;
    font-size: 28px;
}

.eco_policy .she>ul>li .explain ol li {
    position: relative;
    float: left;
    width: 33.333%;
    padding: 0 20px;
    border-right: 1px solid #e0e0e0;
}

.eco_policy .she>ul>li .explain ol li:first-child {
    padding: 0 20px 0 0;
}

.eco_policy .she>ul>li .explain ol li:last-child {
    border-right: 0;
}

.eco_policy .she>ul>li .explain ol li .num {
    margin-bottom: 12px;
    font-size: 24px;
    color: #276ef1;
}

.eco_policy .she>ul>li .explain ol li .cont {
    line-height: 30px;
    font-weight: 500;
    font-size: 20px;
}

.eco_policy .she>ul>li .explain ol li .cont span {
    display: block;
    margin-top: 12px;
    line-height: 21px;
    font-weight: 400;
    font-size: 14px;
    color: #727b8b;
}

.eco_policy .direction {
    padding: 120px 0;
}

.eco_policy .head .conts {
    line-height: 27px;
    font-size: 18px;
    color: #727b8b;
}

.safety.head .conts {
    margin-top: 8px;
    line-height: 27px;
    font-size: 18px;
    color: #727b8b;
}

.head .conts__list ol {
    counter-reset: numbering;
    list-style-type: none;
}

.head .conts__list ol li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

.head .conts__list ol li::before {
    counter-increment: numbering;
    content: counter(numbering) '.';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.head .conts__list ol li:last-child {
    margin-bottom: 0;
}

.head .conts__list p+ol {
    margin-top: 40px;
}

.head .conts__list ol li strong {
    display: block;
}

.esg__sign {
    text-align: right;
    margin-top: 12px;
}

.esg__sign .txt .date {
    line-height: 27px;
    font-size: 18px;
    color: #4c5159;
}

.esg__sign .txt .name {
    margin-top: 4px;
    font-size: 24px;
    color: #222;
}

.esg__sign .txt .name b {
    margin: 0 1px 0 4px;
}

.esg__sign .txt .name img {
    vertical-align: middle;
}

/** eco_activity **/
.eco_activity .bg:last-child {
    padding-bottom: 240px;
}

.eco_activity .effort {
    padding: 80px 0;
}

.eco_activity .effort ul li {
    float: left;
    width: calc(50% - 20px);
    min-height: 256px;
    padding-left: 208px;
    padding-top: 80px;
    margin-bottom: 40px;
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: top 50% left 80px;
    background-image: url("../img/esg/ico-policy01.png");
}

.eco_activity .effort ul li:nth-child(odd) {
    margin-right: 40px;
}

.eco_activity .effort ul li:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.eco_activity .effort ul li p {
    margin-bottom: 12px;
    line-height: 30px;
    font-weight: 500;
    font-size: 20px;
}

.eco_activity .effort ul li div {
    line-height: 24px;
    color: #727b8b;
}

.eco_activity .effort__list {
    padding: 120px 0;
}

.eco_activity .effort__list .clear .explain {
    float: right;
    width: 800px;
    font-size: 18px;
    color: #727b8b;
    word-break: keep-all;
}

.eco_activity .effort__list .clear .explain .title {
    display: block;
    margin: 40px 0 16px;
    font-size: 18px;
}

.eco_activity .effort__list .clear .explain .disc-list li {
    position: relative;
    padding-left: 30px;
}

.eco_activity .effort__list .clear .explain .disc-list li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 13px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: currentColor;
}

.eco_activity .effort__list .effort__img::after {
    content: '';
    display: block;
    clear: both;
}

.eco_activity .effort__list .effort__img .img {
    overflow: hidden;
    border-radius: 16px;
}

.eco_activity .effort__list .effort__img .left {
    float: left;
    margin-right: 40px;
}

.eco_activity .effort__list .effort__img .right {
    float: right
}

.eco_activity .effort__list .effort__img .type_half {
    display: flex;
}

.eco_activity .effort__list .effort__img .type_half .img {
    width: calc(50% - 20px);
    margin-bottom: 40px;
}

.eco_activity .effort__list .effort__img .type_half:last-child .img {
    margin-bottom: 0;
}

.eco_activity .effort__list .effort__img .type_half .img:first-child {
    margin-right: 40px;
}

.eco_activity .effort__list .effort__img .type_list:first-child {
    margin-bottom: 40px;
}

.eco_activity .effort__list .effort__img .type_list::after {
    content: '';
    display: block;
    clear: both;
}

.eco_activity .effort__list .effort__img .type_list .img {
    float: left;
    margin-right: 40px;
}

.eco_activity .effort__list .effort__img .type_list .img.big {
    width: calc(100% - 413px);
}

.eco_activity .effort__list .effort__img:last-child .type_list .img.big {
    width: calc(100% - 428px);
}

.eco_activity .effort__list .effort__img .type_list .img:last-child {
    margin-right: 0;
}

.eco_activity .effort__conts ul li {
    float: left;
    width: 25%;
    border-right: 1px solid #e0e0e0;
    text-align: center;
}

.eco_activity .effort__conts ul li:last-child {
    border-right: 0;
}

.eco_activity .effort__conts ul li .img {
    display: flex;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: rgba(39, 110, 241, 0.1);
    justify-content: center;
    align-items: center;
}

.eco_activity .effort__conts ul li .img img {
    display: block;
}

.eco_activity .effort__conts ul li .title {
    margin: 24px auto 8px;
    line-height: 32px;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -.6px;
}

.eco_activity .effort__conts ul li .conts {
    padding: 0 12px;
    line-height: 24px;
    color: #4c5159;
}

.eco_activity .effort__table {
    margin-top: 40px;
}

.eco_activity .effort__table p {
    padding: 40px 0;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -.5px;
}

.eco_activity .effort__table table {
    border-top: 1px solid #d8ddeb;
    border-left: 1px solid #d8ddeb;
}

.eco_activity .effort__table table tr th,
.eco_activity .effort__table table tr td {
    padding: 8px 0;
    line-height: 24px;
    border-right: 1px solid #d8ddeb;
    border-bottom: 1px solid #d8ddeb;
    font-weight: normal;
    color: #6f7b85;
    text-align: center;
    letter-spacing: -.44px;

}

.eco_activity .effort__table table thead th {
    background-color: #e9f1fd;
}

.eco_activity .effort__table table thead td {
    background-color: #f1f1f3;
}

.eco_activity .effort__table table tbody td {
    background-color: #ffffff;
}

/** eco_cert_status **/
.eco_cert_status .cert__list ul li {
    position: relative;
    float: left;
    width: calc(33.333% - 27px);
    margin-right: 40px;
    margin-bottom: 40px;
}

.eco_cert_status .cert__list ul li:nth-child(3n) {
    margin-right: 0;
}

.eco_cert_status .cert__list ul li p {
    height: 55px;
    margin-bottom: 12px;
    line-height: 27px;
    font-weight: 600;
    font-size: 18px;
    color: #727b8b;
}

.eco_cert_status .cert__list ul li .img {
    overflow: hidden;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #e0e0e0;
}

.eco_cert_status .cert__list ul li .img img {
    width: 100%;
}

.eco_cert_status .cert__list ul li span {
    display: flex;
    align-items: center;
    position: absolute;
    top: 54px;
    right: 12px;
    height: 38px;
    padding: 0 16px;
    border-radius: 19px;
    border: 1px solid #aeb0b4;
    background-color: #ffffff;
    font-size: 14px;
    color: #727b8b;
}

/** contribution **/
.contribution .mission {
    display: flex;
}

.contribution .mission .title {
    width: 640px;
    padding: 48px 0 58px;
    text-align: center;
}

.contribution .mission .title+.title {
    margin-left: 80px;
    padding-left: 79px;
    border-left: 1px solid #e0e0e0;
}

.contribution .mission .title .head {
    margin-bottom: 18px;
    font-weight: bold;
    font-size: 24px;
    color: #276ef1;
}

.contribution .mission .title .eng {
    margin-bottom: 8px;
    font-weight: 800;
    font-size: 36px;
}

.contribution .mission .title .kor {
    font-weight: 500;
    font-size: 20px;
    color: #727b8b;
}

.contribution .direction {
    padding: 120px 0;
}

.contribution .direction .head .desc {
    width: calc(100% - 412px);
}

.contribution .direction ul {
    display: flex;
}

.contribution .direction ul li {
    width: 33.333%;
    text-align: center;
    border-right: 1px solid #e0e0e0;
}

.contribution .direction ul li:last-child {
    border-right: 0;
}

.contribution .direction ul li .img {
    display: flex;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: rgba(39, 110, 241, 0.1);
    justify-content: center;
    align-items: center;
}

.contribution .direction ul li .txt {
    padding: 24px 0 0;
}

.contribution .direction ul li .txt p {
    margin-bottom: 8px;
    line-height: 38px;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -.43px;
}

.contribution .direction ul li .txt span {
    font-size: 18px;
    letter-spacing: -.17px;
    color: #276ef1;
}

.contribution .activity {
    padding: 120px 0;
}

.contribution .activity .head .desc {
    width: calc(100% - 412px);
}

.contribution .activity .activity__list>ul>li {
    overflow: hidden;
    position: relative;
    float: left;
    width: calc(33.333% - 27px);
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
}

.contribution .activity .activity__list>ul>li:nth-child(2) {
    margin: 0 40px;
}

.contribution .activity .activity__list>ul>li .txt {
    padding: 32px 32px 120px;
}

.contribution .activity .activity__list>ul>li .txt span {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -.17px;
    color: #276ef1;
}

.contribution .activity .activity__list>ul>li .txt p {
    margin: 8px 0 16px;
    line-height: 38px;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -.43px;
}

.contribution .activity .activity__list>ul>li .txt div {
    line-height: 24px;
    font-size: 16px;
    color: #727b8b;
    letter-spacing: -.5px;
}

.contribution .activity .activity__list>ul>li .imgs {
    display: flex;
    position: absolute;
    bottom: 32px;
    right: 32px;
}

.contribution .activity .activity__list>ul>li .imgs img {
    width: 64px;
    height: auto;
}

.contribution .activity .activity__list>ul>li .imgs img+img {
    margin-left: 8px;
}

.contribution .activity__now {
    padding: 80px 0 120px;
}

.contribution .activity__now .activity__cont>ul>li .cont__list ul li {
    overflow: hidden;
    float: left;
    width: calc(33.333% - 27px);
    margin: 0 40px 40px 0;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
}

.contribution .activity__now .activity__cont>ul>li .cont__list ul li:nth-child(3n) {
    margin: 0 0 40px 0;
}

.contribution .activity__now .activity__cont>ul>li .cont__list ul li .txt {
    padding: 40px 32px 24px;
}

.contribution .activity__now .activity__cont>ul>li .cont__list ul li .txt .title {
    line-height: 30px;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -.48px;
}

.contribution .activity__now .activity__cont>ul>li .cont__list ul li .txt .explain {
    margin: 8px 0 12px;
    font-size: 16px;
    line-height: 24px;
    color: #727b8b;
    letter-spacing: -.4px;
}

.contribution .activity__now .activity__cont>ul>li .cont__list ul li .txt .date {
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
    color: #276ef1;
    letter-spacing: -.35px;
}

.contribution .activity__now .activity__cont>ul>li .cont__list ul li .img {
    width: 100%;
    min-height: 250px;
}

.contribution .activity__now .activity__cont>ul>li .cont__list ul li .img img {
    width: 100%;
    height: 100%;
}

/** contribution_news **/
.contribution_news .result {
    line-height: 27px;
    font-size: 18px;
}

.contribution_news .result i {
    color: #276ef1;
    font-family: Spoqa Han Sans Neo, Apple SD Gothic Neo, '돋움', Dotum, Verdana, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
}

/** shareholder_meeting **/
.shareholder_meeting .meeting dl dd .meeting__table {
    padding-left: 76px;
}

.shareholder_meeting .meeting dl dd .meeting__table table tr:nth-child(3) th {
    border-bottom: 0;
}

.shareholder_meeting .meeting dl dd .meeting__table table tr:nth-child(4) td {
    padding: 4px 0 20px;
}

.shareholder_meeting .meeting dl dd .meeting__table table tr:last-child td {
    border-bottom: 0;
}

.shareholder_meeting .meeting dl dd .meeting__table table tr th {
    padding: 24px 0;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: top;
    text-align: left;
    font-weight: 500;
    font-size: 20px;
}

.shareholder_meeting .meeting dl dd .meeting__table table tr td {
    padding: 20px 0;
    line-height: 24px;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    color: #727b8b;
}

.shareholder_meeting .meeting dl dd .meeting__table table tr td.lineN {
    padding: 20px 0 4px;
    border-bottom: 0;
    font-weight: 600;
}

.shareholder_meeting .meeting dl dd .meeting__table table tr td.left {
    text-align: left;
}

.shareholder_meeting .meeting dl dd .meeting__table table tr td .indent {
    display: inline-block;
    width: 40px;
}

.shareholder_meeting .meeting dl dd .meeting__table table+p {
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
    color: #4c5159;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.5px;
}

/** directors **/
.directors .activity__cont .directors__file {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 576px;
    height: 72px;
    margin: 0 auto 80px;
    border-radius: 4px;
    background-color: #276ef1;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
}

.directors .activity__cont .directors__file:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background: url(./../img/common/btn_attach_ico_lg.svg) no-repeat;
}

.directors .activity__cont .directors__list>ul>li {
    float: left;
    width: calc(33.333% - 27px);
    padding: 48px 24px 24px;
    margin-right: 40px;
    margin-bottom: 40px;
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
}

.directors .activity__cont .directors__list>ul>li:nth-child(3n) {
    margin-right: 0;
}

.directors .activity__cont .directors__list>ul>li div {
    padding: 12px 0;
    border-bottom: 1px solid #e0e0e0;
}

.directors .activity__cont .directors__list>ul>li div:last-child {
    border-bottom: 0;
}

.directors .activity__cont .directors__list>ul>li div .tit {
    margin-bottom: 4px;
    line-height: 30px;
    font-weight: 500;
    font-size: 20px;
}

.directors .activity__cont .directors__list>ul>li div .desc {
    display: block;
    line-height: 24px;
    word-break: keep-all;
    color: #727b8b;
}

.directors .activity__cont .directors__activity dl dd.on {
    display: block;
}

.directors .activity__cont .directors__activity dl dd .activity__table table {
    border: 1px solid #e0e0e0;
}

.directors .activity__cont .directors__activity dl dd .activity__table table tr:last-child td {
    border-bottom: 0;
}

.directors .activity__cont .directors__activity dl dd .activity__table table tr td {
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #727b8b;
}

.directors .activity__cont .directors__activity dl dd .activity__table table tr td:last-child {
    border-right: 0;
}

.directors .activity__cont .directors__activity dl dd .activity__table table thead tr:first-child td:nth-child(-n+5) {
    height: 50px;
}

.directors .activity__cont .directors__activity dl dd .activity__table table thead tr td {
    background-color: #e9f1fd;
}

.directors .activity__cont .directors__activity dl dd .activity__table table thead tr td.name {
    height: 50px;
    background-color: #e7eaf2;
}

.directors .activity__cont .directors__activity dl dd .activity__table table tbody tr td {
    padding-top: 12px;
    padding-bottom: 12px;
}

.directors .activity__cont .directors__activity dl dd .activity__table table tbody tr td.title {
    padding-left: 24px;
    text-align: left;
}

.directors .activity__cont .directors__activity dl dd .committee {
    margin-left: 72px;
}

.directors .activity__cont .directors__activity dl dd .committee table tr:last-child th,
.directors .activity__cont .directors__activity dl dd .committee table tr:last-child td {
    border-bottom: 0;
}

.directors .activity__cont .directors__activity dl dd .committee table tr th {
    border-bottom: 1px solid #e0e0e0;
    line-height: 30px;
    font-weight: 500;
    font-size: 20px;
}

.directors .activity__cont .directors__activity dl dd .committee table tr td {
    padding: 24px 0;
    line-height: 24px;
    border-bottom: 1px solid #e0e0e0;
    color: #727b8b;
}

.directors .activity__cont .directors__activity dl dd .committee table tr td p {
    margin-bottom: 4px;
}

.directors .activity__cont .directors__activity dl dd .committee table tr td p:last-child {
    margin-bottom: 0;
}

.directors .activity__cont .directors__activity dl dd .committee table tr td a[download]:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(./../img/common/board_attach_ico.svg) no-repeat;
}

.directors .activity__cont .difference table tr td {
    color: #727b8b;
}

.directors .activity__cont .difference table thead tr td {
    background-color: #f4f8fe;
    color: #222222;
}

.directors .activity__cont .difference table tbody tr td:nth-child(2) {
    font-weight: 700;
    font-size: 26px;
    font-family: Manrope, Spoqa Han Sans Neo, Apple SD Gothic Neo, '돋움', Dotum, Verdana, Arial, sans-serif;
    letter-spacing: -.58px;
}

.directors .activity__cont .difference table tbody tr td:last-child {
    font-weight: 300;
}

/** incorporation **/
.incorporation .incorporation__list .explain {
    line-height: 24px;
    color: #727b8b;
}

.incorporation .incorporation__list .explain b {
    display: block;
    padding: 4px 0;
}

/** charter **/
.charter__list .charter__cont .charter {
    line-height: 24px;
    color: #727b8b;
}

.charter__list .charter__cont .charter .list li {
    position: relative;
    padding-left: 18px;
}

.charter__list .charter__cont .charter .list li::before {
    content: '·';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.charter__list .charter__file {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 80px auto 0;
    width: 276px;
    height: 64px;
    border-radius: 4px;
    background-color: #276ef1;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}

.esg-report-list>ul {
    display: flex;
    flex-wrap: wrap;
    margin: -80px 0 0 -40px;
}

.esg-report-list>ul>li {
    width: calc(33.3333% - 40px);
    margin: 80px 0 0 40px;
}

.esg-report-list>ul>li.col-2 {
    width: calc(66.6666% - 40px);
}

.esg-report-list .item .thumb {
    overflow: hidden;
    border-radius: 16px;
}

.esg-report-list .item .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.esg-report-list .item .metadata {
    margin-top: 24px;
}

.esg-report-list .item .metadata .title {
    display: block;
    font-size: 22px;
    font-weight: 500;
}

.esg-report-list .item .metadata .attach {
    display: flex;
    margin-top: 24px;
}

.esg-report-list .item .metadata .attach a {
    width: 216px;
}

.esg-report-list .item .metadata .attach a:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(./../img/common/board_attach_ico.svg) no-repeat;
}

.esg-report-list .item .metadata .attach a+a {
    margin-left: 20px;
}

.esg-report-list.governance>ul>li {
    width: calc(25% - 40px);
}

.esg-report-table {
    border: 1px solid #6f7b85;
    border-width: 1px 0 1px;
}

.esg-report-table table th,
td {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.esg-report-table table tbody tr {
    padding: 12px 0;
}

.esg-report-table table tbody tr.other {
    border-top: 1px solid #e0e0e0;
}

.esg-report-table table tbody tr+tr {
    border-top: 1px solid #6f7b85
}

.esg-report-table table tbody tr td.conts {
    color: #727b8b;
    text-align: left;
}

.esg-report-table table tbody tr td.attach {
    padding: 12px 0;
    text-align: right;
}

.esg-report-table table tbody tr td.attach a {
    width: 216px;
}

.esg-report-table table tbody tr td.attach a:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(./../img/common/board_attach_ico.svg) no-repeat;
}

.sustainable-report .button {
    padding: 0 12px;
}

.sustainable-report .button:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(./../img/common/board_attach_ico.svg) no-repeat;
}

.sustainable-report .top {
    display: flex;
}

.sustainable-report .top .thumb {
    overflow: hidden;
    width: 1040px;
    border-radius: 16px 0 0 16px;
    border: 1px solid #e0e0e0;
}

.sustainable-report .top .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.sustainable-report .top .metadata {
    width: calc(100% - 1040px);
    padding: 40px 40px;
    border-radius: 0 16px 16px 0;
    background-color: #e9f1fd;
}

.sustainable-report .top .title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.04em;
}

.sustainable-report .top .attach {
    margin-top: 40px;
}

.sustainable-report .top .attach .button {
    width: 100%;
}

.sustainable-report .top .attach .button+.button {
    margin-top: 12px;
}

.sustainable-report ul {
    margin-top: 80px;
}

.sustainable-report li {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.sustainable-report li:first-child {
    border-top: 2px solid #6f7b85;
}

.sustainable-report li:last-child {
    border-color: #6f7b85;
}

.sustainable-report li .title {
    font-size: 18px;
    font-weight: 700;
}

.sustainable-report li .attach {
    display: flex;
    margin-left: auto;
}

.sustainable-report li .attach .button {
    width: 216px;
}

.sustainable-report li .attach .button+.button {
    margin-left: 32px;
}

/* 230523 박세연 ESH경영 */
.eco_policy .system {
    padding: 0 0 120px;
}

.col-ver>.col-group {
    width: 100%;
    display: flex;
}

.col-ver>.col-group+.col-group {
    margin-top: 40px;
}

.col-ver>.col-group.sm+.col-group.sm {
    margin-top: 16px;
}

.col-ver>.col-group>.col {
    max-height: 373px;
    border-radius: 16px;
    overflow: hidden;
}

.col-ver>.col-group>.col>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.col-ver>.col-group>.col+.col {
    margin-left: 40px;
}

.col-ver>.col-group.sm>.col+.col {
    margin-left: 16px;
}

.col-ver>.col-group>.col-1 {
    width: calc(100% / 3);
    max-width: 373px;
}

.col-ver>.col-group>.col-half {
    width: calc(100% / 2);
}

.col-ver>.col-group>.col-2 {
    width: calc(100% / 3 * 2);
}

.col-ver>.col-group>.col-3 {
    width: 100%;
}

.col-ver>.col-group>.col-high {
    max-height: 430px;
}

.col-ver>.col-group>.col-low {
    max-height: 279px;
}

.col-ver.small-gap>.col-group+.col-group {
    margin-top: 24px;
}

.col-ver.small-gap>.col-group>.col+.col {
    margin-left: 24px;
}

.eco_activity .effort__table.update table {
    border-color: #A3ABC0;
}

.eco_activity .effort__table.update table tr th,
.eco_activity .effort__table.update table tr td {
    height: 46px;
    padding: 10px 16px;
    line-height: 24px;
    border-color: #A3ABC0;
    color: #4C5159;
    text-align: center;
    letter-spacing: -.44px;
}

.eco_activity .effort__table.update table thead th {
    background-color: #E9F1FD;
    font-size: 16px;
    font-weight: 700;
}

.eco_activity .effort__table.update table tbody td {
    background-color: #ffffff;
    font-size: 14px;
}

.eco_activity .img-colgroup {
    display: flex;
}

.eco_activity .img-colgroup.col-2 .img {
    width: calc(50% - 16px);
    margin-left: 32px;
}

.eco_activity .img-colgroup.col-2 .img:first-child {
    margin-left: 0;
}

.l-pt0 {
    padding-top: 0px !important;
}

/* 230628 박세연 ESG 추진방향 */
.container.side-space {
    margin: 80px auto 0;
    padding: 0 167px 0 167px;
}

.container.side-space:first-child {
    margin: 0 auto;
}

.container.side-space:last-child {
    margin: 80px auto 120px;
}

.container.side-space:only-child {
    margin: 0 auto 120px;
}

.container.side-space.space120 {
    margin: 120px auto 120px;
}

.container.side-space.space160 {
    margin: 160px auto 120px;
}

.text-data .text {
    width: 800px;
}

.text-data .text>span {
    display: block;
    color: #727B8B;
    font-size: 18px;
    line-height: 27px;
    word-break: keep-all;
}

.container.scheme {
    width: 100%;
    margin: 80px auto 0;
    padding: 120px 0;
    overflow: hidden;
}

.container.scheme.w1200 {
    width: 1200px;
}

.container.scheme.w1200>img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.container.scheme.wfull.pd0 {
    padding: 0;
}

.container.scheme.wfull>img {
    display: block;
    width: 1920px;
    max-width: 1920px;
    height: auto;
    margin: 0 auto;
    margin-left: 50%;
    transform: translateX(-50%);
}

.container.scheme.w1519>img {
    display: block;
    width: 1519px;
    height: auto;
    margin: 0 auto;
}

.container.scheme.w1680>img,
.container.scheme.w1680>a>img {
    display: block;
    width: 1680px;
    height: auto;
    margin: 0 auto;
}

.text-data .text>strong {
    display: block;
    color: #222;
    font-size: 24px;
    line-height: 32px;
    word-break: keep-all;
}

.text-data .text.wfull {
    width: 100%;
    margin-top: 40px;
}

.text-data .text>strong.grey {
    color: #727B8B;
}

.text-data .text>p {
    color: #276EF1;
    font-size: 24px;
    line-height: 28px;
}

.text-data .text p.comment {
    color: #4C5159;
    font-size: 14px;
    margin: 5px 0 0;
}

.text-data .text span.point {
    color: #276EF1;
}

.text-data .text>p>b {
    margin-right: 16px;
}

.text-data .text>ul {
    margin-top: 16px;
}

.text-data .text>ul li {
    position: relative;
    padding-left: 12px;
    color: #727B8B;
    font-size: 18px;
    line-height: 24px;
}

.text-data .text>ul li+li {
    margin-top: 8px;
}

.text-data .text>ul li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #727b8b;
}

.text-data .text>ul+p {
    margin-top: 40px;
}

.text-data p+ul {
    margin-top: 53px;
}

.text-data strong+span {
    margin-top: 8px;
}

.text-data span+p {
    margin-top: 53px;
}

.text-data span+span {
    margin-top: 24px;
}

.text-data strong~strong,
.text-data ul+strong {
    margin-top: 80px;
}

.text-data .box {
    margin-top: 40px;
}

.text-data .box.flex {
    display: flex;
}

.text-data .box .box-inner {
    width: calc(100%/3);
    max-width: 371px;
    padding: 40px 32px;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
}

.text-data .box .box-inner+.box-inner {
    margin-left: 40px;
}

.text-data .box .box-inner .logo {
    width: auto;
    height: 73px;
}

.text-data .box .box-inner p {
    margin-top: 40px;
    color: #276EF1;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.text-data .box .box-inner span {
    display: block;
    margin-top: 16px;
    color: #727B8B;
    font-size: 16px;
    line-height: 24px;
    word-break: keep-all;
}

.text-data .table,
.text-data .table-type01 {
    width: 100%;
    margin-top: 40px;
}

.text-data .table-type01 tr.thead {
    background-color: #E9F1FD;
}

.text-data>.text>.table-type01 th,
.text-data>.text>.table-type01 td {
    height: 46px;
    color: #4C5159;
    border: 1px solid #a3abc0;
    text-align: center;
}

.text-data>.text>.table-type01 th {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.text-data>.text>.table-type01 th img.logo01 {
    width: 131px;
}

.text-data>.text>.table-type01 th img.logo02 {
    width: 164px;
}

.text-data>.text>.table-type01 th img.logo03 {
    width: 148px;
}

.text-data>.text>.table-type01 th img.logo04 {
    width: 150px;
}

.text-data .table-type01 td {
    padding: 11px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.text-data .table-type01 ul li {
    padding-left: 10px;
    color: #4c5159;
    font-size: 14px;
    line-height: 20px;
}

.text-data .table-type01 ul li+li {
    margin-top: 4px;
}

.text-data .table-type01 ul li::before {
    top: 8px;
    background: #4c5159;
}

.text-data .table-type01 td.text-left {
    text-align: left;
}

.bg.structure {
    background: url(./../img/esg/structure01_bg.png) repeat-x center / auto 100%;
}

/* 230628 박세연 사회책임경영_인권경영 */
.text-data .rule {
    display: flex;
    width: 100%;
    margin-top: 80px;
}

.text-data .rule>strong {
    width: calc(100% - 1008px);
    color: #276EF1;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    /* float: left; */
}

.text-data .rule p {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.text-data .rule .rule-row {
    width: 1008px;
    /* float: right; */
}

.text-data .rule .rule-row>div p {
    font-weight: 700;
}

.text-data .rule .rule-row>div p+ul {
    margin-top: 12px;
}

.text-data .rule .rule-row>div+div {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #E0E0E0;
}

.text-data .rule .rule-row>div ul li {
    font-size: 16px;
    line-height: 24px;
}

.container.side-space.lower {
    margin: 115px auto 0;
}

.container.side-space.lower .rule {
    padding: 80px 0 120px;
}

.container.side-space.lower .rule p {
    margin-bottom: 24px;
}

.button.download::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background: url(./../img/esg/ico_out-link_white.svg) no-repeat;
}

.text-data .text>strong.dark {
    color: #4C5159;
    font-size: 20px;
    line-height: 30px;
}

.text-data .text>strong.dark+span {
    margin-top: 16px;
}

.text-data.answer .rule {
    margin-top: 0;
}

.accordion_content.rule {
    padding: 64px 0;
}

.accordion_content.rule .accordion_answer {
    padding: 0;
}

.text-data.answer .rule>strong {
    width: calc(100% - 700px);
}

.text-data.answer .rule .rule-row {
    width: 700px;
}

.text-data.answer .rule p>span {
    font-weight: 400;
}

.text-data.answer .rule .rule-row>div p+ul {
    margin-top: 24px;
}

.text-data.answer .rule .rule-row>div ul li {
    position: relative;
    padding-left: 56px;
    color: #4C5159;
    font-size: 16px;
    line-height: 24px;
}

.text-data.answer .rule .rule-row>div ul li+li {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

.text-data.answer .rule .rule-row>div ul li::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    color: #276EF1;
    background: none;
    font-weight: 700;
}

.text-data.answer .rule .rule-row>div ul li:nth-child(1):before {
    content: '01';
    top: 0;
}

.text-data.answer .rule .rule-row>div ul li:nth-child(2):before {
    content: '02';
}

.text-data.answer .rule .rule-row>div ul li:nth-child(3):before {
    content: '03';
}

.text-data.answer .rule .rule-row>div ul li:nth-child(4):before {
    content: '04';
}

.text-data.answer .rule .rule-row>div ul li:nth-child(5):before {
    content: '05';
}

.text-data.answer .rule .rule-row>div ul li:nth-child(6):before {
    content: '06';
}

.text-data.answer .rule .rule-row>div ul li:nth-child(7):before {
    content: '07';
}

/* 230628 박세연 지속가능경영자료실 */
.text-data .text>span.lg {
    font-size: 22px;
    line-height: 33px;
}

.container.side-space.w1200 {
    padding: 0 168px 0 168px;
}

.text-data .data-list {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0 -40px;
}

.text-data .data-list .data {
    position: relative;
    width: calc(100% / 4 - 40px);
    height: 202px;
    margin: 40px 0 0 40px;
    border-radius: 8px;
    background: url(./../img/esg/esh01.png) no-repeat center / 100% auto;
    overflow: hidden;
}

.text-data .data-list .data .data_tit {
    display: inline-block;
    padding: 24px 24px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    word-break: keep-all;
}

.text-data .data-list .data .data_link {
    position: absolute;
    bottom: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

.text-data .data-list .data .data_link:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(./../img/common/board_attach_ico.svg) no-repeat;
}

.info-data {
    display: flex;
    align-items: center;
    padding: 86px 84px 80px;
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.2);
}

.info-data .tit>b {
    display: block;
    color: #276ef1;
    font-size: 32px;
    line-height: 40px;
}

.info-data .tit>span {
    display: block;
    margin-top: 8px;
    color: #4C5159;
    font-size: 18px;
}

.info-data p {
    margin-left: 80px;
    color: #4C5159;
    font-size: 18px;
    line-height: 26px;
}

.esg-report-table.policy table th,
.esg-report-table.policy table td {
    height: 80px;
    padding: 16px 16px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -.03em;
}

.esg-report-table.policy table td.conts {
    font-weight: 400;
    word-break: keep-all;
}

.esg-report-table.policy table td.attach {
    padding: 12px 16px;
}

/* 230628 박세연 사회책임경영_상생경영 */
.text-data.-page .text.wfull {
    margin-top: 24px;
}

.text-data.-page .img {
    display: block;
    margin-top: 64px
}

.text-data.-page ul.channel {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 64px;
}

.text-data.-page ul.channel li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 88px;
    margin-left: 40px;
    padding: 8px 8px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
    color: #276EF1;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.text-data.-page ul.channel li:first-child {
    margin-left: 0;
}

.text-data.-dotline .chain {
    display: flex;
}

.text-data.-dotline .chain>strong {
    width: calc(100% - 700px);
    color: #276EF1;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.text-data.-dotline .chain-row {
    width: 700px;
}

.text-data.-dotline .chain-row_dot li:first-child {
    padding: 0 0 24px 12px;
}

.text-data.-dotline .chain-row_dot li:first-child:before {
    top: 10px;
    background-color: #222;
}

.text-data.-dotline .chain-row_dot li {
    border-bottom: 1px solid #E0E0E0;
    color: #222222;
    font-size: 16px;
    line-height: 24px;
}

.text-data.-dotline .chain-row_dot li+li {
    margin: 0 0;
    padding: 24px 0 24px 12px;
}

.text-data.-dotline .chain-row_dot li::before {
    top: 34px;
    background-color: #222;
}

.text-data.-dotline .chain-row_attach {
    display: flex;
    margin-top: 40px;
}

.text-data.-dotline .chain-row_attach>.attach {
    min-width: 180px;
}

.text-data.-dotline .chain-row_attach>.attach+.attach {
    margin-left: 32px;
}

.text-data.-dotline .chain-row_attach .tit {
    padding: 14px 30px;
    border-radius: 4px;
    background: #276EF1;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
}

.text-data.-dotline .chain-row_attach>.attach>ul {
    margin-top: 16px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.text-data.-dotline .chain-row_attach>.attach>ul li {
    padding: 16px 16px;
    font-size: 16px;
}

.text-data.-dotline .chain-row_attach>.attach>ul li+li {
    border-top: 1px solid #e0e0e0;
}

.text-data.-dotline .chain-row_attach>.attach>ul li::before {
    display: none;
}

.container.scheme.pd80 {
    padding: 80px 0;
}

.text-data.-dotline .chain-row_attach>div>.attach-down+.attach-down {
    margin-top: 40px;
}

.text-data.-dotline .chain-row_attach>div>.attach-down b {
    color: #000;
    font-size: 16px;
    line-height: 24px;
}

.text-data.-dotline .chain-row_attach>div>.attach-down p {
    margin-top: 4px;
    color: #727B8B;
    font-size: 16px;
    line-height: 24px;
}

.text-data.-dotline .chain-row_attach>div>.attach-down .button {
    margin-top: 12px;
}

.side-space .chain-photo {
    display: flex;
    margin-top: 40px;
}

.side-space .chain-photo>.photo01 {
    width: 680px;
}

.side-space .chain-photo>.photo02 {
    width: 480px;
    margin-left: 40px;
}

/* 230629 박세연 거버넌스 */
.text-data.answer .rule.iso {
    margin-top: 40px;
}

.text-data.answer .rule.iso .rule-row>div ul li {
    color: #4C5159;
    font-size: 18px;
    line-height: 27px;
}

.text-data.answer .rule.iso .rule-row>div ul li::before {
    font-size: 20px;
}

.text-data.answer .rule.iso .rule-row>div .txt {
    display: block;
    margin-top: 40px;
    color: #727b8b;
    font-size: 18px;
    line-height: 27px;
}

.l-mb36 {
    margin-bottom: 36px;
}

.content_header .bar-ethical {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content_header .bar-ethical>.result {
    margin: 0;
}

.content_header .bar-ethical>.search-form {
    position: static;
}

.content_body.ethical {
    padding-top: 64px;
}

.ethical_activity .maneger.l-mt0 {
    margin-top: 0;
}

.tab-nav {
    width: 100%;
    margin-top: 40px;
    padding: 22px 0;
    background-color: #F4F8FE;
}

.tab-nav>ul {
    display: flex;
    width: 1536px;
    margin: 0 auto;
    padding: 0 48px;
}

.tab-nav>ul>li {
    display: flex;
    align-items: center;
}

.tab-nav a {
    color: #727b8b;
    font-size: 20px;
    font-weight: 700;
}

.tab-nav a.active {
    position: relative;
    color: #276ef1;
    font-weight: 700;
}

.tab-nav>ul>li:before {
    content: "";
    width: 1px;
    height: calc(100% - 14px);
    margin: 0 24px;
    background-color: #a3abc0;
}

.tab-nav>ul>li:first-child:before {
    display: none;
}

.activity_director_table table {
    border: 1px solid #e0e0e0;
}

.activity_director_table table tr:last-child td {
    border-bottom: 0;
}

.activity_director_table table tr td {
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.2;
    text-align: center;
    color: #727b8b;
}

.activity_director_table table thead tr td {
    font-size: 16px;
}

.activity_director_table table tbody tr td {
    font-size: 14px;
    height: 46px;
}

.activity_director_table table tr td:last-child {
    border-right: 0;
}

/* .activity_director_table table thead tr:first-child td:nth-child(-n+5) {
    height: 50px;
} */

.activity_director_table table thead tr td {
    background-color: #e9f1fd;
}

.activity_director_table table thead tr td.name {
    height: 50px;
    background-color: #e7eaf2;
}

.activity_director_table table tbody tr td {
    padding-top: 12px;
    padding-bottom: 12px;
}

.activity_director_table table tbody tr td.title {
    padding-left: 24px;
    text-align: left;
}

.activity_director_table table thead tr td span.sm {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
}

.activity_director_table table thead tr td b.bracket.sm {
    font-size: 12px;
}

.activity_director_table table thead tr:first-child td:nth-child(-n+5) {
    height: 60px;
}

.activity_director_table table thead tr td.name {
    height: 54px;
}

.activity_director_table table thead tr td.name.sm {
    font-size: 14px;
}

.director_committee {
    margin-bottom: 40px;
    border-radius: 16px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
}

.director_committee table tr:last-child th,
.director_committee table tr:last-child td {
    border-bottom: 0;
}

.director_committee table tr th {
    padding: 0 32px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px;
}

.director_committee table tr td {
    padding: 24px 0;
    line-height: 24px;
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
    color: #727b8b;
}

.director_committee table tr td p {
    margin-bottom: 4px;
}

.director_committee table tr td p:last-child {
    margin-bottom: 0;
}

.director_committee table tr td a[download]:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(./../img/common/board_attach_ico.svg) no-repeat;
}

/* 260119 박세연 CP */
/* .lists .outlink {
    text-align: center;
}

.lists .outlink .button.download {
    height: 72px;
    padding: 0 64px;
    font-size: 22px;
}

.lists .outlink .button.download::after {
    width: 32px;
    height: 32px;
    background-size: 100% auto;
}

.ethical_activity .lists {
    padding: 80px 0 120px;
}

.ethical_activity .lists .step__list ul {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.ethical_activity .lists .step__list ul li {
    width: calc(100% / 2 - 12px);
    padding: 28px 32px;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(39, 110, 241, 0.1);
    font-size: 18px;
}

.ethical_activity .lists .step__list ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: #276EF1;
    color: #ffffff;
}

.desc span.blue {
    color: #276EF1;
}

.ethical_activity .maneger .maneger__word.name {
    margin-top: auto;
}

.ethical_activity .lists .bullet__list div p {
    font-size: 24px;
    font-weight: 700;
}

.ethical_activity .lists .bullet__list div ul {
    margin-top: 12px;
}

.ethical_activity .lists .bullet__list div ul li {
    position: relative;
    padding-left: 16px;
    font-size: 18px;
    line-height: 27px;
}

.ethical_activity .lists .bullet__list div ul li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #222;
}

.ethical_activity .lists .bullet__list div + div {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
}

.img__list ul {
    display: flex;
    gap: 40px;
}
.img__list li {
    width: 100%;
}
.img__list .name {
    display: block;
    margin-top: 24px;
    color: #4C5159;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}
.img__list .img {
    display: block;
    position: relative;
}
.img__list .img img {
    display: block;
    width: 100%;
    max-width: none;
}

.text-data .text02 {
    width: 884px;
}

.text-data .table-type02 {
    width: 100%;
}

.text-data .table-type02 tr.thead {
    border-top: 1px solid #e0e0e0;
    background-color: #E9F1FD;
}

.text-data > .text02 > .table-type02 tr {
    border-bottom: 1px solid #e0e0e0;
}

.text-data > .text02 > .table-type02 th,
.text-data > .text02 > .table-type02 td {
    height: 46px;
    color: #4C5159;
    text-align: center;
}

.text-data > .text02 > .table-type02 th {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.text-data .table-type02 td {
    padding: 11px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.cover {
    display: flex;
    gap: 80px;
    margin-bottom: 80px;
}

.cover .cover-img {
    width: 509px;
    flex: none;
}

.cover .cover-desc ul {
    padding: 64px 64px;
    border-radius: 16px;
    box-shadow: 0px 0px 20px 0px rgba(39, 110, 241, 0.1);
}

.cover .cover-desc ul li + li {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #e0e0e0;
}

.cover .cover-desc ul li strong {
    color: #222222;
    font-size: 24px;
    line-height: 32px;
}

.cover .cover-desc ul li p {
    margin-top: 8px;
    color: #4C5159;
    font-size: 18px;
    line-height: 27px;
}

.cover .cover-desc .button {
    width: 100%;
    height: 72px;
    margin-top: 24px;
    font-size: 22px;
} */

/* 260122 박세연 */
/* .sec_header {
    display: flex;
    padding-bottom: 40px;
}

.sec_header h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
}

.sec_body h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.sec_body *:first-child {
    margin-top: 0;
}

.sec_body p {
    margin-top: 24px;
    color: #4c5159;
    font-size: 18px;
    line-height: 27px;
}

.sec_body .img-group {
    margin-top: 24px;
}

.sec_body .hr {
    margin: 40px 0;
    height: 1px;
    background-color: #e0e0e0;
}

.sec_body .img-group .row {
    display: flex;
}

.sec_body .img-group .row + .row {
    margin-top: 24px;
}

.sec_body .img-group .img {
    width: 100%;
}

.sec_body .img-group .img img {
    display: block;
    width: 100%;
    max-width: none;
}

.sec_body .img-group .img + .img {
    margin-left: 24px;
}

.sec.column {
    display: flex;
}

.sec.column .sec_header {
    padding-right: 24px;
    padding-bottom: 0;
}

.sec.column .sec_body {
    flex: none;
    width: 800px;
    margin-left: auto;
}

.bg .sec {
    padding: 120px 0;
}

.col-ver.xsmall-gap > .col-group > .col {
    max-height: 192px;
    border-radius: 8px;
}

.col-ver.xsmall-gap > .col-group > .col + .col {
    margin-left: 16px;
}


.disc-dot-list li { 
    position:relative;
    padding:0 0 0 28px;
    font-size:18px;
    color: #4C5159;
}

.disc-dot-list li:first-child {
    margin-top:0;
}

.disc-dot-list li:before {
    content:'';
    position:absolute;
    top:11px;
    left:12px;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:currentColor;
}

.sec_body h5 + h6 {
    margin-top: 8px;
}

.sec_body h5 + p {
    margin-top: 8px;
}

.sec_body h6 + p {
    margin-top: 0;
}

.sec_body p + h6 {
    margin-top: 24px;
}

.sec_body h6 {
    color: #4C5159;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}

.button.wide {
    min-width: 276px;
}

.management-photo {
    display: flex;
    gap: 16px;
    margin-top:40px;
}

.management-photo img {
    width: 50%;
}

.disc-channel {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 24px;
}

.disc-channel li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 88px;
    margin-left: 40px;
    padding: 8px 8px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
    color: #276EF1;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.disc-channel li:first-child {
    margin-left: 0;
}

.sec_header {
    display: flex;
    padding-bottom: 40px;
}

.sec_header h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
}

.sec_body h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.sec_body *:first-child {
    margin-top: 0;
}

.sec_body p {
    margin-top: 24px;
    color: #4c5159;
    font-size: 18px;
    line-height: 27px;
}

.sec_body .img-group {
    margin-top: 24px;
}

.sec_body .hr {
    margin: 40px 0;
    height: 1px;
    background-color: #e0e0e0;
}

.sec_body .img-group .row {
    display: flex;
}

.sec_body .img-group .row + .row {
    margin-top: 24px;
}

.sec_body .img-group .img {
    width: 100%;
}

.sec_body .img-group .img img {
    display: block;
    width: 100%;
    max-width: none;
}

.sec_body .img-group .img + .img {
    margin-left: 24px;
}

.sec.column {
    display: flex;
}

.sec.column .sec_header {
    padding-right: 24px;
    padding-bottom: 0;
}

.sec.column .sec_body {
    flex: none;
    width: 800px;
    margin-left: auto;
}

.bg .sec {
    padding: 120px 0;
}

.col-ver.xsmall-gap > .col-group > .col {
    max-height: 192px;
    border-radius: 8px;
}

.col-ver.xsmall-gap > .col-group > .col + .col {
    margin-left: 16px;
}


.disc-dot-list li { 
    position:relative;
    padding:0 0 0 28px;
    font-size:18px;
    color: #4C5159;
}

.disc-dot-list li:first-child {
    margin-top:0;
}

.disc-dot-list li:before {
    content:'';
    position:absolute;
    top:11px;
    left:12px;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:currentColor;
}

.sec_body h5 + h6 {
    margin-top: 8px;
}

.sec_body h5 + p {
    margin-top: 8px;
}

.sec_body h6 + p {
    margin-top: 0;
}

.sec_body p + h6 {
    margin-top: 24px;
}

.sec_body h6 {
    color: #4C5159;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}

.button.wide {
    min-width: 276px;
}

.management-photo {
    display: flex;
    gap: 16px;
    margin-top:40px;
}

.management-photo img {
    width: 50%;
}

.disc-channel {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 24px;
}

.disc-channel li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 88px;
    margin-left: 40px;
    padding: 8px 8px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
    color: #276EF1;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.disc-channel li:first-child {
    margin-left: 0;
}

.sec_body p.caption {
    color: #727bbb;
    font-size: 24px;
    font-weight: 700;
}

.explain h5 {
    margin-bottom: 8px;
    color: #222;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.l-mt16 {
    margin-top: 16px!important;
}

.sec_body h6.table-tit {
    color: #727B8B;
} */

/* 260123 SUSTAINABILITY 박세연 */
.l-mt16 {
    margin-top: 16px !important;
}

.button.wide {
    min-width: 276px;
}

.block_wrap {
    padding: 120px 0;
}

.block_wrap+.block_wrap {
    padding: 0 0 120px;
}

.block_wrap+.block_wrap.bg {
    padding: 120px 0;
}

.block_wrap.bg+.block_wrap {
    padding: 120px 0;
}

.block_wrap:first-child {
    padding: 0 0 120px 0;
}

.block_wrap.bg {
    background-color: #F4F8FE;
}

.block_container {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0 auto;
}

.block_container.wide {
    display: block;
}

.block_container.wide .block_right {
    width: 100%;
    margin-top: 40px;
}

.block_container .block_right {
    width: 800px;
    margin-left: auto;
}

.block_left .block_tit {
    font-size: 32px;
    line-height: 48px;
    font-weight: 700;
}

.block_right .block_b {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #222222;
}

.block_right .block_m {
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #4C5159;
}

.block_right .block_b+.block_desc {
    margin-top: 8px;
}

.block_right .block_b+.block_m {
    margin-top: 8px;
}

.block_right .block_b+.img,
.block_right .block_desc+.img,
.block_right .block_dot_list+.img {
    margin-top: 24px;
}

.block_right .block_desc {
    font-size: 18px;
    line-height: 27px;
    color: #4C5159;
}

.block_right .block_desc+.img {
    margin-top: 24px;
}

.block_right .block_caption {
    margin-top: 67px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #727B8B;
}

.block_right .block_caption.sub {
    margin: 40px 0 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #727B8B;
}

.block_right+.block_wide {
    margin-top: 80px;
}

.block_wrap.bg.only-img {
    padding: 0;
}

.block_wrap.bg.only-img img {
    display: block;
    width: 1920px;
    max-width: 1920px;
    height: auto;
    margin: 0 auto;
    margin-left: 50%;
    transform: translateX(-50%);
}

.block_wide {
    width: 100%;
}

.block_container .img {
    width: 100%;
}

.block_container .img+.img {
    margin-top: 40px;
}

.block_container .img img {
    display: block;
    width: 100%;
}

.block_container .hr {
    margin: 40px 0;
    height: 1px;
    background-color: #e0e0e0;
}

.block_container .img_tit {
    margin-top: 40px;
    font-size: 18px;
    line-height: 27px;
    color: #727b8b;
}

.block_container .img_tit+.img {
    margin-top: 24px;
}

.block_container .block_photo {
    display: flex;
    gap: 16px;
    margin-top: 24px;
}

.block_container .block_photo+.block_photo {
    margin-top: 16px;
}

.block_container .block_photo .photo {
    overflow: hidden;
    flex: 1 1 0;
    border-radius: 8px;
}

.block_container .block_photo .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block_dot_list li {
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    line-height: 27px;
    color: #4c5159;
}

.block_dot_list li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 13px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: currentColor;
}

.block_dot_list.line li+li {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #E0E0E0;
}

.block_dot_list.line li+li:before {
    top: 35px;
}

.block_dot_list+.block_m {
    margin-top: 0;
}

.block_num_list {
    margin-top: 8px;
    line-height: 27px;
    font-size: 18px;
    color: #727b8b;
    counter-reset: numbering;
    list-style-type: none;
}

.block_num_list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

.block_num_list li::before {
    counter-increment: numbering;
    content: counter(numbering) '.';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.block_num_list li:last-child {
    margin-bottom: 0;
}

.block_etc {
    margin-top: 16px;
    font-size: 18px;
    color: #727B8B;
}

.block_case {
    display: flex;
    gap: 16px;
}

.block_case .case {
    width: 100%;
    padding: 20px 20px;
    border-radius: 12px;
    border: 2px solid #276EF1;
    background-color: #ffffff;
}

.block_case p {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    color: #276EF1;
}

.block_case ul li {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #6F7B85;
}

.block_case ul li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 13px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: currentColor;
}

.block_channel {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
    margin-top: 24px;
}

.block_channel li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 88px;
    padding: 8px 8px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
    color: #276EF1;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.block_wrap .mission .title {
    width: 100%;
    margin-top: 24px;
    padding: 48px 0 58px;
    border-radius: 16px;
    background-color: #F4F8FE;
    text-align: center;
}

.block_wrap .mission .title .head {
    margin-bottom: 18px;
    font-weight: bold;
    font-size: 24px;
    color: #276ef1;
}

.block_wrap .mission .title .eng {
    margin-bottom: 8px;
    font-weight: 800;
    font-size: 36px;
}

.block_wrap .mission .title .kor {
    font-weight: 500;
    font-size: 20px;
    color: #727b8b;
}

.block_wrap .direction {
    padding: 24px 24px;
    border-radius: 16px;
    border: 1px solid #E9F1FD;
}

.block_wrap .direction ul {
    display: flex;
}

.block_wrap .direction ul li {
    width: 33.333%;
    text-align: center;
    border-right: 1px solid #e0e0e0;
}

.block_wrap .direction ul li:last-child {
    border-right: 0;
}

.block_wrap .direction ul li .img {
    display: flex;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: rgba(39, 110, 241, 0.1);
    justify-content: center;
    align-items: center;
}

.block_wrap .direction ul li .img img {
    width: auto;
}

.block_wrap .direction ul li .txt {
    padding: 16px 0 0;
}

.block_wrap .direction ul li .txt p {
    margin-bottom: 4px;
    line-height: 38px;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -.43px;
}

.block_wrap .direction ul li .txt span {
    font-size: 18px;
    letter-spacing: -.17px;
    color: #276ef1;
}

.block_wrap .activity_list>ul>li {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #E9F1FD;
}

.block_wrap .activity_list>ul>li .txt {
    padding: 24px 24px;
}

.block_wrap .activity_list>ul>li .txt span {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -.17px;
    color: #276ef1;
}

.block_wrap .activity_list>ul>li .txt p {
    margin: 8px 0 10px;
    line-height: 38px;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -.43px;
}

.block_wrap .activity_list>ul>li .txt div {
    line-height: 24px;
    font-size: 16px;
    color: #727b8b;
    letter-spacing: -.5px;
}

.block_wrap .activity_list>ul>li+li {
    margin-top: 16px;
}

.block_wrap .activity_list>ul>li .imgs {
    display: flex;
    position: absolute;
    top: 24px;
    right: 24px;
}

.block_wrap .activity_list>ul>li .imgs img {
    width: 64px;
    height: auto;
}

.block_wrap .activity_list>ul>li .imgs img+img {
    margin-left: 8px;
}

.contents.pull-down.pd0 {
    padding: 0;
}

.contents.pull-down.pd0 .content .content_body {
    padding: 0;
}

.table.line {
    border-top: 1px solid #A3ABC0;
}

.table.line th,
.table.line td {
    padding: 12px 16px;
    border:none;
}

.table.line tr {
    border-bottom: 1px solid #A3ABC0;
}