@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: 32px 32px;
    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;
}

.ethical_activity .maneger .maneger__word .sub {
    margin-top: 56px;
    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: 32px;
    bottom: 32px;
    z-index: -1;
    width: auto;
    height: 180px;
}

.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 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
}

.ethical_activity .inquiry .link li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 40px;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 0 rgba(39, 110, 241, 0.1);
}

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

.ethical_activity .inquiry .link li a {
    flex: none;
    width: 200px;
    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;
}

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

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

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

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

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

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

.eco_policy .esg__sign {
    float: right;
    text-align: right;
    margin-top: 80px;
}

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

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

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

.eco_policy .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: calc(100% - 494px);
    margin-top: 10px;
    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 200px;
}

.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 > .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 > .col-1 {
    width: calc(100% / 3);
    max-width: 373px;
}

.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: 700px;
}

.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;
}