.image .mob {
    display: none;
}

.modal .modalIn {
    width: 680px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px;
    box-sizing: border-box;
}

.wrap .modal30 input[type="checkbox"] + label:before {
    left: -42px;
    top: -6px;
}

.wrap .modal30 input[type="checkbox"] + label:after {
    left: -42px !important;;
    top: -6px !important;;
}

.wrap .modal input[type="checkbox"] + label {
    font-size: 20px;
}

.wrap .modal30 .modalIn .check {
    justify-content: flex-start !important;
    padding-left: 44px !important;
}

.wrap .modal30 .modalIn .check .text {
    margin-left: 0;
}

.wrap .modal31 input[type="checkbox"] + label:before {
    left: -42px;
    top: 0px;
}

.wrap .modal31 input[type="checkbox"] + label:after {
    left: -42px !important;
    top: -6px !important;;
}

.wrap .modal31 .modalIn .check {
    justify-content: flex-start !important;
    padding-left: 44px !important;
}

.wrap .modal31 .modalIn .signform {
    position: relative;
    width: 100%;
    padding-bottom: 122.25%;
    overflow: hidden;
}

.wrap .modal31 .modalIn .signform iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal .modalIn button {
    margin-left: auto;
    display: flex;
}

.modal38.layer_popup .layer_inner {
    width: 588px;
}

.modal39 .layer_popup .layer_inner {
    width: 588px;
}

.modal38 .foot_btn_set {
    display: flex;
    justify-content: space-between;
}

#stakeholder_popup {
    background-color: transparent;
}

.modal38 .foot_btn_set button {
    width: calc(50% - 10px);
    display: block;
    margin-top: 20px;
    line-height: 4.2rem;
    height: 4.2rem;
}

.modal39 .foot_btn_set {
    display: flex;
    justify-content: space-between;
}

.modal39 .modalIn .scrollForm p {
    text-align: left;
}

.modal39 .foot_btn_set button {
    width: calc(50% - 10px);
    display: block;
    margin-top: 20px;
    line-height: 4.2rem;
    height: 4.2rem;
}

.modal .modalIn .btn.c_line.c_pink {
    background-color: #fff;
    border: #c40352 1px solid;
    color: #c40352;
}

.modal .modalIn h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 900;
    word-break: keep-all;
}

.modal .modalIn strong {
    font-size: 36px;
    line-height: 44px;
    font-weight: 900;
    word-break: keep-all;
}

.modal .modalIn p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 28px;
}

.modal .modalIn .text {
    margin-top: 20px;
    font-size: 20px;
    line-height: 28px;
}

.modal .c_pink {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    font-size: 28px;
    color: #fff;
}

.modal .modalIn .signform {
    /*margin-top: 40px;*/
}

.modal .modalIn .signform iframe {
    height: 677px;
    border: 0;
}

.modal .modalIn .signform iframe.newsLetterSubscribe {
    /*height: 830px;*/
    height: 630px;
    border: 0;
}

.modal .modalIn .signform .image {
    width: 180px;
    margin: 0 auto;
}

.modal .modalIn .signform .image img {
    width: 100%;
}

.modal .modalIn .signform h5 {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
}

.modal .modalIn .signform h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
}

.modal .modalIn .signform .inputWrap {
    margin-top: 16px;
    padding: 22px 24px;
    border: 1px solid #666;
}

.modal .modalIn .signform .inputWrap input {
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    border: 0;
    outline: none;
}

.modal .modalIn .signform .inputWrap input::placeholder {
    color: #bbb;
    font-size: 18px;
}

.modal .modalIn .signform .flexWrap {
    display: flex;
    justify-content: space-between;
    gap: 16px
}

.modal .modalIn .signform .flexWrap > .inputWrap {
    width: calc(50% - 8px);
}

.modal .modalIn .signform .agreeForm {
    margin-top: 16px;
    padding: 24px;
    border: 1px solid #666;
    overflow-y: auto;
    height: 179px;
}

.modal .modalIn .signform .agreeForm h4 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 900;
}

.modal .modalIn .signform .agreeForm ol {
    margin-top: 10px;
}

.modal .modalIn .signform .agreeForm ol li {
    font-size: 18px;
    line-height: 32px;
}

.modal .modalIn .signform .check {
    margin-top: 40px;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: #fff;
}

.modal .modalIn .signform .check .image {
    width: 24px;
}

.modal .modalIn .signform .check .image img {
    width: 100%;
}

.modal .modalIn .signform .check .image .focus {
    display: none;
}

.modal .modalIn .signform .check.on .image .default {
    display: none;
}

.modal .modalIn .signform .check.on .image .focus {
    display: block;
}

.modal .modalIn .signform .check .text {
    font-size: 20px;
    line-height: 20px;
    color: #888;
    margin-left: 16px;
}

.modal .modalIn .signform .btn {
    width: 100%;
    background-color: #a50034;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    margin-top: 40px;
    border-radius: 8px;
}

.modal .modalIn .signform .btn a {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    border-radius: 16px;
    font-weight: 900;
}

.modal .modalIn .scrollForm {
    height: 436px;
    overflow: auto;
    margin-top: 40px;
}

.modal .modalIn .scrollForm::-webkit-scrollbar {
    width: 5px !important;
    height: 4px !important;
}

.modal .modalIn .scrollForm::-webkit-scrollbar-thumb {
    background-color: #a50034 !important;
    background-clip: padding-box !important;
}

.modal .modalIn .scrollForm::-webkit-scrollbar-track {
    background-clip: #ddd !important;
    background-color: #ddd !important;
}

.modal .modalIn .scrollForm h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
    margin-top: 40px;
}

.modal .modalIn .scrollForm h4:first-of-type {
    margin-top: 0;
}

.modal .modalIn .scrollForm p {
    font-size: 20px;
    line-height: 28px;
    color: #444;
    word-break: keep-all;
}

.modal .modalIn .check {
    width: 100%;
    background-color: #a50034;
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    margin-top: 40px;
}

.modal .modalIn .check a {
    width: 100%;
    font-size: 28px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.modal.cookieModal .modalIn {
    padding: 40px;
}

.modal.cookieModal .modalIn .scrollForm {
    padding-right: 35px;
}

.modal.cookieModal .modalIn .info {
    font-size: 20px;
    line-height: 28px;
    color: #444;
}

.modal.cookieModal .modalIn .grayBox {
    border: solid 1px #ddd;
    background-color: #f1efef;
    padding: 40px;
    margin-top: 40px;
}

.modal.cookieModal .modalIn .grayBox .sec {

}

.modal.cookieModal .modalIn .grayBox .sec + .sec {
    margin-top: 30px;
}

.modal.cookieModal .modalIn .grayBox .sec .tit {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    line-height: 28px;
    color: #444;
    font-weight: bold;
    margin-bottom: 10px;
}

.modal.cookieModal .modalIn .grayBox .sec .desc {
    font-size: 18px;
    line-height: 32px;
    color: #888;
}

.modal.cookieModal .modalIn .cookieSave {
    display: block;
    width: 100%;
    padding: 25px 0;
    background-color: #a50034;
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 16px;
    margin-top: 40px;
}

.modal.cookieModal .modalIn .toggle-control {
    display: inline-block;
    position: relative;
    width: 52px;
    height: 28px;
}

.modal.cookieModal .modalIn .toggle-control input {
    opacity: 0;
    width: 0;
    height: 0;
}

.modal.cookieModal .modalIn .toggle-control .control {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transition: 0.4s;
    border-radius: 28px;
    border: 1px solid #ddd;
}

.modal.cookieModal .modalIn .toggle-control .control:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    top: 2px;
    background-color: #ddd;
    transition: 0.4s;
    border-radius: 50%;
}

.modal.cookieModal .modalIn .toggle-control input:checked + .control {
    background-color: #fff;
    border: 1px solid #a50034;
}

.modal.cookieModal .modalIn .toggle-control input:checked + .control:before {
    transform: translateX(24px);
    background-color: #a50034;
}


.insightBanner {
    background-image: url(../img/img-bn-newsletter.png);
}

/*consult*/
.wrap .consultTitle {
    /*width: 176px !important;*/
    width: auto !important;
}

.wrap .consultWrap {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding-bottom: 200px;
}

.wrap .consultWrap .consultSubTitle {
    margin-top: 100px;
    padding: 40px 0;
    border-bottom: 2px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrap .consultWrap .consultSubTitle span {
    color: #a50034;
}

.wrap .consultWrap .consultSubTitle:nth-of-type(1) {
    margin-top: 120px;
}

.wrap .consultWrap .consultSubTitle h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .consultWrap .consultSubTitle h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
}

.wrap .consultWrap .consultSubTitle .important {
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    color: #444;
}

.wrap .consultWrap .consultSubTitle .important span {
    color: #a50034;
}

.wrap .consultWrap .consultSubTitle.agreeTitle {
    border-bottom: none;
}

.wrap .consultWrap .consultContent {
    margin-top: 40px;
}

.click {
    display: flex;
    justify-content: space-between;
    width: 1080px;
    margin: 0 auto;
}

.click .checkBox {
    display: block;
    align-items: center;
    cursor: pointer;
}

.click .checkBox .imgWrap {
    width: 180px;
    height: 180px;
    border: 3px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 auto;
}

.click .checkBox .imgWrap .fill {
    display: none;
}

.click .checkBox .text {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    color: #000;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}

.click.is_active .checkBox .imgWrap {
    border: solid 3px #a50034;
    background-color: #fff;
}

.tab_wrap.typ3 .tab_head ul li.is_active button span.text {
    color: #000 !important;
}

/*
 .click.is_active .checkBox .imgWrap .fill {
	display: block;
}

.click.is_active .checkBox .imgWrap .none {
	display: none;
} */

.click.is_active .checkBox .text {
    color: #000;
}

.tab_wrap.typ3 > .tab_head ul li.is_active:nth-child(odd) button {
    background-color: #fff !important;
    border-color: #fff !important;
}

.tab_wrap.typ3 > .tab_head ul li.is_active button {
    background: #fff !important;
}

.tab_wrap.typ3 > .tab_head ul li button {
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.tab_wrap.typ3 > .tab_head ul li.is_active button span, .tab_wrap.typ3 > .tab_head ul li.is_active button [data-cont-body^=management] [data-con-section^=contribution] [data-con-section-body^=report] > section > div > dl > dt > strong, [data-cont-body^=management] [data-con-section^=contribution] .tab_wrap.typ3 > .tab_head ul li.is_active button [data-con-section-body^=report] > section > div > dl > dt > strong {
    color: #000 !important;
}

.wrap .consultWrap .consultContent .inputSection {
    display: flex;
    justify-content: space-between;
}

.wrap .consultWrap .consultContent .inputSection .side {
    width: calc(50% - 8px);
}

.wrap .consultWrap .consultContent .inputSection .side .box {
    margin-top: 40px;
}

.wrap .consultWrap .consultContent .inputSection .side .box h2 {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #444;
}

.wrap .consultWrap .consultContent .inputSection .side .box h2 span {
    color: #a50034;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap {
    border: 1px solid #666;
    height: 64px;
    padding: 0 24px;
    margin-top: 20px;
    box-sizing: border-box;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input {
    width: 100%;
    border: 0;
    outline: 0;
    height: 100%;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input::-moz-placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input::placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap.focus {
    border: 2px solid #a50034;
}

.wrap .consultWrap .consultContent .inputSection .side .box:nth-of-type(1) {
    margin-top: 0;
}

.wrap .consultWrap .consultContent .areaClick {
    display: flex;
}

.wrap .consultWrap .consultContent .areaClick .checkBox {
    display: flex;
    align-items: center;
    margin-right: 50px;
    cursor: pointer;
}

.wrap .consultWrap .consultContent .areaClick .checkBox .imgWrap {
    margin-right: 16px;
}

.wrap .consultWrap .consultContent .areaClick .checkBox .imgWrap .fill {
    display: none;
}

.wrap .consultWrap .consultContent .areaClick .checkBox .text {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #888;
}

.wrap .consultWrap .consultContent .areaClick .checkBox.on .imgWrap .fill {
    display: block;
}

.wrap .consultWrap .consultContent .areaClick .checkBox.on .imgWrap .none {
    display: none;
}

.wrap .consultWrap .consultContent .areaClick .checkBox.on .text {
    color: #000;
}

.wrap .consultWrap .consultContent .areaBox .custom {
    width: 672px;
    display: block;
    margin-top: 40px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput {
    border: 1px solid #666;
    line-height: 64px;
    padding: 0 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput .left {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput .left.text {
    color: #000;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput .right .gr {
    display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput .right .up {
    display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInputContent {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 22px 24px;
    border: 1px solid #666;
    margin-top: 10px;
    display: none;
    opacity: 0;
    height: 155px;
    background-color: #fff;
    overflow: auto;
    transition: all 0.2s;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInputContent .contentComponent {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
    line-height: 36px;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInputContent .contentComponent:hover {
    color: #a50034;
}

.wrap .consultWrap .consultContent .areaBox .custom.on {
    height: 64px;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInput {
    border: 2px solid #a50034;
    padding: 15px 24px;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInput .right .up {
    display: block;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInput .right .down {
    display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInputContent {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 22px 24px;
    border: 1px solid #666;
    margin-top: 10px;
    display: block;
    opacity: 1;
    height: 155px;
    background-color: #fff;
    overflow: auto;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInputContent .contentComponent {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
    line-height: 36px;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInputContent .contentComponent:hover {
    color: #a50034;
}

.wrap .consultWrap .consultContent .areaBox .custom.noneOn .selectInput {
    background-color: #f5f5f5;
}

.wrap .consultWrap .consultContent .areaBox .custom.noneOn .selectInput .right .up {
    display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom.noneOn .selectInput .right .down {
    display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom.noneOn .selectInput .right .gr {
    display: block;
}

.wrap .consultWrap .consultContent .customSelectBox2 {
    width: 1376px;
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom {
    width: calc(33.33% - 8px);
    position: relative;
    cursor: pointer;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput {
    border: 1px solid #666;
    line-height: 64px;
    padding: 0 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput .left {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput .left.text {
    color: #000;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput .right .gr {
    display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput .right .up {
    display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInputContent {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 22px 24px;
    border: 1px solid #666;
    margin-top: 10px;
    display: none;
    opacity: 0;
    height: 155px;
    background-color: #fff;
    overflow: auto;
    transition: all 0.2s;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInputContent .contentComponent {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
    line-height: 36px;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInputContent .contentComponent:hover {
    color: #a50034;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on {
    height: 64px;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInput {
    border: 2px solid #a50034;
    padding: 15px 24px;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInput .right .up {
    display: block;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInput .right .down {
    display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInputContent {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 22px 24px;
    border: 1px solid #666;
    margin-top: 10px;
    display: block;
    opacity: 1;
    height: 155px;
    background-color: #fff;
    overflow: auto;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInputContent .contentComponent {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
    line-height: 36px;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInputContent .contentComponent:hover {
    color: #a50034;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.noneOn .selectInput {
    background-color: #f5f5f5;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.noneOn .selectInput .right .up {
    display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.noneOn .selectInput .right .down {
    display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.noneOn .selectInput .right .gr {
    display: block;
}

.wrap .consultWrap .consultContent .conceptClick {
    display: flex;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox {
    display: flex;
    align-items: center;
    margin-right: 50px;
    cursor: pointer;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox .imgWrap {
    margin-right: 16px;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox .imgWrap .fill {
    display: none;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox .text {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #888;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox.on .imgWrap .fill {
    display: block;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox.on .imgWrap .none {
    display: none;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox.on .text {
    color: #000;
}

.wrap .consultWrap .consultContent .textArea {
    width: 100%;
    outline: 0;
    border: 1px solid #666;
    height: 280px;
}

.wrap .consultWrap .consultContent .textArea textarea {
    width: 100%;
    resize: none;
    height: 100%;
    outline: 0;
    border: 0;
    padding: 24px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    color: #000;
}

.wrap .consultWrap .consultContent .textArea textarea::-moz-placeholder {
    color: #bbb;
}

.wrap .consultWrap .consultContent .textArea textarea:-ms-input-placeholder {
    color: #bbb;
}

.wrap .consultWrap .consultContent .textArea textarea::placeholder {
    color: #bbb;
}

.wrap .consultWrap .consultContent .textArea.on {
    border: 2px solid #a50034;
}

.wrap .consultWrap .consultContent .accept .acceptBox {
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid #666;
}

.wrap .consultWrap .consultContent .accept .acceptBox h2 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
}

.wrap .consultWrap .consultContent .accept .acceptBox h2:nth-of-type(2) {
    margin-top: 20px;
}

.wrap .consultWrap .consultContent .accept .acceptBox ul {
    margin-top: 10px;
}

.wrap .consultWrap .consultContent .accept .acceptBox ul li {
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    color: #666;
}

.wrap .consultWrap .consultContent .accept .acceptCheck {
    display: flex;
    margin-top: 40px;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox {
    display: flex;
    align-items: center;
    margin-right: 50px;
    cursor: pointer;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox .imgWrap {
    margin-right: 16px;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox .imgWrap .fill {
    display: none;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox .text {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #888;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox.on .imgWrap .fill {
    display: block;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox.on .imgWrap .none {
    display: none;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox.on .text {
    color: #000;
}

.agreeContent .checkBoxWrap {
    margin-top: 40px;
}

.support_qna .qna_agree input[type="checkbox"]:checked + label {
    color: #000;
}

.support_qna .qna_agree input[type="checkbox"]:checked + label a {
    color: #000 !important;
}

.support_qna .qna_agree input[type="checkbox"]:checked + label a u {
    color: #000 !important;
}

.support_qna .qna_agree input[type="checkbox"]:checked + label span {
    color: #000 !important;
}

.agreeContent .checkBoxWrap.first {
    margin-top: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid #bbb;
}

.agreeContent .checkBoxWrap .checkBox {
    display: flex;
    align-items: center;
}

.agreeContent .checkBoxWrap .checkBox .imgWrap {
    cursor: pointer;
}

.agreeContent .checkBoxWrap .checkBox .imgWrap .fill {
    display: none;
}

.agreeContent .checkBoxWrap .checkBox .text {
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
    color: #888;
    margin-left: 16px;
    text-align: left;
    /*display: block;*/
}

.agreeContent .checkBoxWrap .checkBox .text u {
    cursor: pointer;
}

.support_qna .subText {
    display: block;
    margin-left: 16px;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    color: #888;
    margin-top: 22px;
}

.wrap .consultWrap .consultContent .accept {
    display: none;
}

.agreeContent .checkBoxWrap .checkBox.on .imgWrap .fill {
    display: block;
}

.agreeContent .checkBoxWrap h4 {
    font-size: 18px !important;
    line-height: 32px !important;
    font-weight: normal;
    color: #888 !important;
    margin-top: 22px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.agreeContent .checkBoxWrap .checkBox .text u {
    color: #888 !important;
}

.support_qna .qna_agree .agree_check {
    padding-left: 28px !important;
}

.support_qna input[type=checkbox] + label:before {
    border-color: #bbb !important;
    width: 32px !important;
    height: 32px !important;
}

.wrap .consultWrap .consultContent .hireTypeContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.support_qna .idea_noti h4 {
    border-bottom: 0 !important;
    font-size: 24px !important;
    line-height: 28px !important;
}

.support_qna .idea_noti {
    border: 1px solid #ddd;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox {
    display: flex;
    align-items: center;
    width: 113px;
    cursor: pointer;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .fill {
    display: none;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .text {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-left: 16px;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox.on .fill {
    display: block;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox.on .none {
    display: none;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .gr {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #888;
    margin-top: 22px;
}

.wrap .consultWrap .consultContent .hireTypeContent .right {
    width: 205px;
    height: 44px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .consultWrap .consultContent .hireTypeContent .right a {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
}

.wrap .consultWrap .consultContent .hireTypeContent .right a img {
    margin-left: 10px;
}

.wrap .consultWrap .policyBox {
    padding: 40px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background-color: #fafafa;
    margin-top: 100px;
}

.wrap .consultWrap .policyBox h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
}

.wrap .consultWrap .policyBox p {
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    color: #888;
    margin-top: 17px;
}

.wrap .consultWrap.btn {
    margin: 0 auto;
    background-color: #a50034;
    width: 532px;
    height: 100px;
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
    border-radius: 16px;
    margin-top: 100px;

    font-size: 36px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    color: #fff;
}

.wrap .consultWrap .btn a {

}

/*social*/
.wrap .socialTitle {
    width: 159px !important;
}

.wrap .socialWrap .mediaBtn {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    padding: 100px 0 120px;
    width: 1100px;
}

.wrap .socialWrap .mediaBtn .media {
    padding: 20px 0;
    box-sizing: border-box;
}

.wrap .socialWrap .mediaBtn .media .text {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    margin-top: 30px;
    text-align: center;
}

.wrap .socialWrap .new {
    padding: 120px 0;
}

.wrap .socialWrap .new .mobBtnAll {
    display: block;
    width: 532px;
    height: 80px;
    background-color: #a50034;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.wrap .socialWrap .new .mobBtnAll a {
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}

.wrap .socialWrap .new .mobBtnAll a img {
    margin-left: 5px;
}

.wrap .socialWrap .new.newVideo {
    background-color: #f5f6f8;
}

.wrap .socialWrap .new .titleWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1628px;
    margin: 0 auto;
}

.wrap .socialWrap .new .gallery_type {
    max-width: 1628px;
    margin: 0 auto;
    margin-top: 40px;
}

.wrap .socialWrap .new .gallery_type .thumb_list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.wrap .socialWrap .new .gallery_type .thumb_list li {
    width: 532px;
    margin-bottom: 80px;
}


.wrap .socialWrap .new .gallery_type .thumb_list li.js-load {
    display: none;
}


.wrap .socialWrap .new .gallery_type .thumb_list li .thumb {
    height: 316px;
}

.wrap .socialWrap .new .titleWrap h2 {
    font-size: 36px;
    line-height: 1.11;
    font-weight: 700;
    color: #000;
}

.wrap .socialWrap .new .titleWrap .btnAll {
    border: solid 1px #ddd;
    padding: 14px 38px 13px;
    box-sizing: border-box;
    width: 145px;
    height: 46px;
}

.wrap .socialWrap .new .titleWrap .btnAll a {
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    color: #666;
}

.wrap .socialWrap .new .videoWrap {
    display: flex;
    gap: 16px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.wrap .socialWrap .new .videoWrap::-webkit-scrollbar {
    display: none;
}

.wrap .socialWrap .new .gallery_type {

}

.wrap .socialWrap .new .thumb {


    cursor: pointer;
}

.wrap .socialWrap .new .videoWrap .videoMain .video {
    width: 100%;
}

.wrap .socialWrap .new .videoWrap .videoMain .video img {
    width: 100%;
}

.wrap .socialWrap .new .videoWrap .videoMain .text {
    margin-top: 20px;
}

.wrap .socialWrap .new .tle {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #000;
    margin-top: 20px;
    word-break: keep-all;
    height: 68px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wrap .socialWrap .new .date {
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
    color: #666;
    margin-top: 16px;
    display: inline-block;
}

.wrap .socialWrap .new .btn {
    width: 532px;
    height: 80px;
    background-color: #a50034;
    font-size: 24px;
    color: #fff;
    margin: 0 auto;
    display: block;
    line-height: 1;
}

.wrap .talentRecruit {
    margin-top: 100px;
}

.wrap .talentRecruit .subTitleRecruit {
    text-align: center;
}

.wrap .talentRecruit .subTitleRecruit h2 {
    font-size: 48px;
    line-height: 64px;
    font-weight: 700;
}

.wrap .talentRecruit .subTitleRecruit p {
    font-size: 24px;
    line-height: 40px;
    color: #666;
    margin-top: 40px;
}

.wrap .talentRecruit .talentArea {
    margin-top: 120px;
    display: flex;
    flex-wrap: wrap;
}

.wrap .talentRecruit .talentArea .media {
    width: 50%;
    display: flex;
    align-items: center;
}

.wrap .talentRecruit .talentArea .media .text {
    width: calc(100% - 260px);
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
}

.wrap .talentRecruit .talentArea .media .text span {
    font-weight: 900;
}

.wrap .talentRecruit .talentArea .media.mt40 {
    margin-top: 40px;
}

.wrap .recruitBanner {
    margin-top: 160px !important;
    background-image: url('../img/img-bn-recruit (2).png') !important;
}

.wrap .recruitBanner .banner .btnArea {
    display: flex;
    justify-content: space-between;
    width: 503px;
    margin: 0 auto;
    color: #fff;
}

.wrap .recruitBanner .banner .btnArea a {
    width: 239px;
}

.wrap .workTitleWrap.titleSub {
    /* width: 320px !important; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wrap .workTitleWrap.titleSub .left {
    font-family: "LGSmHa";
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    color: #bbb;
}

.wrap .workTitleWrap.titleSub .center {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    margin: 0 20px;
}

.wrap .workTitleWrap.titleSub .centerGr {
    background-color: #bbb !important;
}

.titleSub .centerGr {
    background-color: #bbb !important;
}

.wrap .workLifeWrap .textBox {
    /* display: flex; */
    /* border-top: 1px solid #ddd; */
}

.wrap .workLifeWrap .textBox:nth-of-type(1) {
    margin-top: 40px;
}

.wrap .workLifeWrap .textBox .left {
    background-color: #ccc;
    width: 100%;
}

.wrap .workLifeWrap .textBox .left img {
    width: 100%;
}

.wrap .workLifeWrap .textBox .right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.wrap .workLifeWrap .textBox .right .article {
    width: 50%;
    height: 360px;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}

.wrap .workLifeWrap .textBox .right .article.bdr0 {
    border-right: 0;
}

.wrap .workLifeWrap .textBox .right .article .image {
    width: 130px;
    margin: 0 auto;
}

.wrap .workLifeWrap .textBox .right .article .image img {
    width: 100%;
}

.wrap .workLifeWrap .textBox .right .article .textForm {
    text-align: center;
}

.wrap .workLifeWrap .textBox .right .article .text {
    /*position: absolute;
	top: 40px;
	left: 40px;
	padding-right: 40px;
	box-sizing: border-box;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.wrap .workLifeWrap .textBox .right .article .text h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    margin-top: 20px;
}

.wrap .workLifeWrap .textBox .right .article .text p {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    margin-top: 20px;
    word-break: keep-all;
}

.wrap .workLifeWrap .textBox .right .article.articleAll {
    width: 100%;
}

.wrap .workLifeWrap .articleLifeWrap.art2 .textBox {
    flex-direction: row-reverse;
}

.wrap .workLifeWrap .articleLifeWrap.art2 .textBox .left {

}

.wrap .workLifeWrap .articleLifeWrap.art2 .textBox .right .article {
    height: 334px;
    border-right: 0;
    border-left: 1px solid #ddd;
}

.wrap .workLifeWrap .articleLifeWrap.art2 .textBox .right .article.h360 {
    height: 349px;
}

.wrap .workTitleWrap.titleSub .right {
    font-family: "LGSmHa";
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    color: #a50034;
}

.wrap .workLifeWrap .subTitleRecruit {

}

.wrap .workLifeWrap .subTitleRecruit h2 {
    font-size: 48px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
}

.wrap .workLifeWrap .subTitleRecruit p {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #666;
    margin-top: 40px;
}

.wrap .workLifeWrap .articleLifeWrap {
    padding: 120px 0;
}

.wrap .workLifeWrap .articleLifeWrap h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife {
    display: flex;
    flex-wrap: wrap;
    width: 1360px;
    margin: 0 auto;
    padding: 80px 0;
}

.mt120 {
    margin-top: 120px;
}

/* .name {
	font-size: 36px;
	line-height: 40px;
	padding-bottom: 40px;
	font-weight: 700;
}
 */
.wrap .workLifeWrap .articleLifeWrap .articleLife .content {
    width: 50%;
    display: flex;
    margin-top: 40px;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife .content .text {
    width: calc(100% - 260px);
    padding: 40px;
    box-sizing: border-box;
    height: 240px;
    overflow: hidden;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife .content .text h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife .content .text p {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    margin-top: 40px;
    word-break: keep-all;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife .mt0 {
    margin-top: 0;
}

.wrap .workLifeWrap .articleLifeWrap.art2 {
    background-color: #fafafa;
}

.wrap .workLifeWrap .articleLifeWrap.art1 .articleLife {
    margin-top: 40px;
}

.wrap .center1360 {
    margin: 0 auto;
    width: 1360px;
}

.wrap .articleTitleWrap .ruleTitleWrap {
    width: 286px !important;
}

.wrap .ruleWrap {
    margin-top: 100px;
}

.wrap .ruleWrap .ruleArticle .ruleArtTitle h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .ruleWrap .ruleArticle .ruleArtTitle p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg {


    margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg .w1280 {
    margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg .w1280 img {
    width: 100%;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap {
    display: flex;
    width: calc(50% - 20px);
    border: 1px solid #ddd;
    border-radius: 32px;
    height: 460px;
    justify-content: center;
    align-items: center;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .image {
    margin: 0 auto;
    width: 160px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text {
    text-align: center;
    margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text h3 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text p {
    font-size: 22px;
    line-height: 30px;
    font-weight: normal;
    margin-top: 27px;
    word-break: keep-all;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.evaluation {
    width: 880px;
    margin: 0 auto;
    margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 40px;
    gap: 20px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore {
    width: 33.33%;
    position: relative;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore:nth-of-type(2) h5 {
    position: absolute;
    top: -53px;
    right: -43px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .wrapMore:nth-of-type(2) h5 {
    right: -138px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore h5 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap {
    display: flex;
    /* width: calc(50% - 12px); */
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 32px;
    height: 460px;
    justify-content: center;
    align-items: center;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .mediaWrap {
    padding: 40px;
    box-sizing: border-box;
    height: auto;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .mediaWrap.en.textDifferent {
    padding-bottom: 130px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .image {
    margin: 0 auto;
    width: 160px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text {
    text-align: center;
    margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text h3 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text p {
    font-size: 22px;
    line-height: 30px;
    font-weight: normal;
    margin-top: 27px;
    word-break: keep-all;
}

.wrap .ruleWrap .ruleArticle.position {
    padding: 100px 0;
}

.wrap .ruleWrap .ruleArticle.evaluationPride {
    background-color: #f5f6f8;
    padding: 100px 0;
}

.wrap .ruleWrap .ruleArticle.evaluationPride .ruleArtTitle {
    text-align: center;
}

.wrap .ruleWrap .ruleArticle.reward {
    /* padding: 100px 0; */
    padding-top: 100px;
}

.wrap .programArticle {
    padding: 100px 0;
}

.wrap .programArticle .image {
    margin-top: 40px;
}

.wrap .programArticle .image.imgBlue {
    background-color: #f5f6f8;
}

.wrap .programArticle .image.mt60 {
    margin-top: 60px;
}

.wrap .programArticle .articleTitle h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .programArticle .articleTitle p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
}

.wrap .programArticle p.mobP {
    display: none;
}

.wrap .programArticle .articleContent .intern {
    width: 1060px;
    margin: 0 auto;
    margin-top: 80px;
}

.wrap .programArticle .articleContent .intern .title {
    display: flex;
}

.wrap .programArticle .articleContent .intern .title .left {
    width: 240px;
    height: 60px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wrap .programArticle .articleContent .intern .title .left::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    background-image: url(../img/internBn1.png);
    width: 20px;
    height: 60px;
    right: -20px;
    z-index: 3;
}

.wrap .programArticle .articleContent .intern .title .left .text {
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
}

.wrap .programArticle .articleContent .intern .title .right {
    width: 820px;
    height: 60px;
    background-color: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wrap .programArticle .articleContent .intern .title .right::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    background-image: url(../img/internBn2.png);
    width: 20px;
    height: 60px;
    right: -20px;
    z-index: 3;
}

.wrap .programArticle .articleContent .intern .title .right .text {
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
}

.wrap .programArticle .articleContent .intern .internMedia {
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
}

.wrap .programArticle .articleContent .intern .internMedia .article {
    width: 200px;
}

.wrap .programArticle .articleContent .intern .internMedia .article .image {
    width: 200px;
    height: 200px;
    border: 4px solid #ddd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .programArticle .articleContent .intern .internMedia .article h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
}

.wrap .programArticle .articleContent .upgrade {
    width: 780px;
    margin: 0 auto;
    margin-top: 112px;
}

.wrap .programArticle .articleContent .upgrade .title {
    color: #fff;
    background-color: #a50034;
    height: 60px;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.wrap .programArticle .articleContent .upgrade .title::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    background-image: url(../img/internBn3.png);
    width: 20px;
    height: 60px;
    right: -20px;
    z-index: 3;
}

.wrap .programArticle .articleContent .upgrade .upgradeMedia {
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
}

.wrap .programArticle .articleContent .upgrade .upgradeMedia .article {
    width: 200px;
}

.wrap .programArticle .articleContent .upgrade .upgradeMedia .article .image {
    width: 200px;
    height: 200px;
    border: 4px solid #ddd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .programArticle .articleContent .upgrade .upgradeMedia .article h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
}

.wrap .programArticle .articleContent .education {
    /* display: flex;
  justify-content: space-between;
  margin-top: 40px;
  flex-wrap: wrap; */

}

.wrap .programArticle .articleContent .education .image img {
    width: 100%;
}

.wrap .programArticle .articleContent .education .side .text {
    margin-top: 40px;
}

.wrap .programArticle .articleContent .education .side .text h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}

.wrap .programArticle .articleContent .education .side .text p {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    margin-top: 20px;
}

.wrap .programArticle .articleContent .education.leadership .side {
    width: 440px;
}

.wrap .programArticle .articleContent .proPolicy {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.wrap .programArticle .articleContent .proPolicy.proEdu .articleWrap {
    width: calc(50% - 10px);
}

.wrap .programArticle .articleContent .proPolicy .articleWrap {
    /* width: 440px; */
    width: calc(33.33% - 20px);
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    border-radius: 32px;
    /* padding-top: 70px; */
    padding: 70px 0;
    box-sizing: border-box;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .image {
    margin: 0 auto;
    width: 160px;
    height: 160px;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text {
    /* text-align: center; */
    margin-top: 40px;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text h2 {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul {
    margin-top: 27px;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul li {
    font-size: 22px;
    line-height: 30px;
    font-weight: normal;
    display: flex;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul li .textContent {
    display: inline-block;
    padding-left: 0.375em;
}

.wrap .programArticle .articleContent .proEdu .articleWrap .article .text ul li {
    text-align: center;
}

.wrap .programArticle.leadershipArt {
    padding-top: 20px;
}

.programInfo {
    border-top: 1px solid #bbb;
}

.wrap .programInfo .title {
    padding: 25px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: none;
}

.wrap .programInfo .title .text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
}

.wrap .programInfo .information .line {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #bbb;
}

.wrap .programInfo .information .line .left {
    font-size: 18px;
    line-height: 1.56;
    font-weight: 700;
    color: #a50034;
    width: 275px;
    padding-left: 40px;
    box-sizing: border-box;
}

.wrap .programInfo .information .line .right {
    font-size: 18px;
    line-height: 1.56;
    font-weight: 700;
    color: #000;
    width: calc(100% - 275px);
}

.wrap .ko .only_ko.none {
    display: block !important;
}

.wrap .ko .none_ko {
    display: none !important;
}

.wrap .cn .only_cn.none {
    display: block !important;
}

.wrap .cn .none_cn {
    display: none !important;
}

.wrap .en .only_en.none {
    display: block !important;
}

.wrap .en .none_en {
    display: none !important;
}

.wrap .mt40 {
    margin-top: 40px !important;
}

.wrap .padding-100 {
    padding-bottom: 0;
}

.wrap .mt100 {
    margin-top: 100px !important;
}

.wrap .workLifeWrap {
    /* margin-top: 100px; */
    padding-top: 100px;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content {
    /* background-color: #f5f5f5; */
    /* padding: 50px 125px; */
    height: auto;
    width: auto;

}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .image {
    /* width: ; */
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: auto;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .image iframe {
    position: absolute;
    width: 100%; /* 占싸몌옙 占승곤옙 占쏙옙 채占쏙옙占�. */
    height: 100%;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content h2 {
    font-size: 24px;
    line-height: 1.33;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea {
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    width: 169px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 20px;
    height: auto;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .left {
    width: 100%;
    height: 44px;
    display: block;
    background-color: #a50034;
    color: #fff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .left span {
    margin-right: 10px;
    color: #fff;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .left .btnWrap {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .right {
    width: 110px;
    height: 44px;
    border-radius: 8px;
    background-color: #444;
    color: #fff;
    display: none;
    justify-content: center;
    align-items: center;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .right span {
    margin-right: 10px;
    color: #fff;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .right .btnWrap {
    display: flex;
    align-items: center;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .arrow {
    width: 20px;
    height: auto;
}

.wrap .jobintroWrap .slideArea.slideColorChange {
    background-color: #f5f5f5;
}

.wrap .jobintroWrap .slideArea.slideColorChange .introSlide .slideContents li .content {
    /* background-color: #fff; */

}

.wrap .jobintroWrap .slideArticle .slideContents .slick-arrow {
    top: 35%;
}

.wrap .articleTitleWrap .talentTitle {
    width: 157px;
}

/*20220330*/
.wrap .introDetailWrap {
    padding: 100px 0 200px;
    border-top: 1px solid #ddd;
    margin-top: 40px;
}

.wrap .introDetailWrap .intro .imageWrap {
    position: relative;
}

.wrap .introDetailWrap .intro .image {
    width: 1360px;
    background-color: #ccc;
}

.articleTitleWrap h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}

.articleTitleWrap .jobDetailH2 {
    margin-top: 40px !important;
}

.wrap .introDetailWrap .intro .imageWrap .textSticker {
    font-size: 48px;
    font-weight: 900;
    position: absolute;
    left: 60px;
    bottom: 60px;
    vertical-align: center;
}

.wrap .introDetailWrap .intro .imageWrap .textSticker span {
    font-size: 700px;
    color: #a50034;
    font-size: 28px;
    margin-left: 10px;
}

.wrap .introDetailWrap .intro .image .mob {
    display: none
}

.wrap .introDetailWrap .intro .text h2 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .introDetailWrap .intro .text p {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #666;
}

.wrap .introDetailWrap .intro .mt70 {
    margin-top: 70px;
}

.wrap .introDetailWrap .intro .mt40 {
    margin-top: 40px;
}

.wrap .introDetailWrap .intro .mt20 {
    margin-top: 20px;
}

.wrap .introDetailWrap .intro .mt80 {
    margin-top: 80px;
}

.wrap .introDetailWrap .intro .mt100 {
    margin-top: 100px;
}

.wrap .introDetailWrap .intro .youtubeArea {
    margin-top: 100px;
}

.wrap .introDetailWrap .intro .youtubeArea iframe {
    width: 1360px;
    height: 765px;
}

.wrap .introDetailWrap .introSlide .slideContents li .content {
    padding: 0;
}

.wrap .introDetailWrap .introSlide .slideContents li div {
    height: auto !important;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .image {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .image iframe {
    position: absolute;
    width: 100%; /* 占싸몌옙 占승곤옙 占쏙옙 채占쏙옙占�. */
    height: 100%;
}

.wrap .introDetailWrap .slideArticle .slideContents .slick-arrow {
    top: 35%;
}

.wrap .introDetailWrap .introSlide .slideContents li .content h2 {
    font-size: 24px;
    line-height: 1.33;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea {
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    width: 169px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 20px;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .left {
    width: 100%;
    height: 44px;
    display: block;
    background-color: #a50034;
    color: #fff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .left span {
    margin-right: 10px;
    color: #fff;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .left .btnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .right {
    display: block;
    width: 110px;
    height: 44px;
    border-radius: 8px;
    background-color: #444;
    color: #fff;
    display: none;
    justify-content: center;
    align-items: center;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .right span {
    margin-right: 10px;
    color: #fff;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .right .btnWrap {
    display: flex;
    align-items: center;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .arrow {
    width: 20px;
}

.wrap .introDetailWrap .detailBtn {
    width: 113px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    margin-top: -20px;
}

.wrap .introDetailWrap .detailBtn a {
    color: #666;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
}

.wrap .josSection .promotionBanner {
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 30px 180px 30px 200px;
    box-sizing: border-box;
    margin-top: 100px;
}

.wrap .josSection .promotionBanner .flexWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrap .josSection .promotionBanner .flexWrap .textWrap {
    display: flex;
}

.wrap .josSection .promotionBanner .flexWrap .text h3 {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
}

.wrap .josSection .promotionBanner .flexWrap .text p {
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    color: #666;
    margin-top: 20px;
}

.wrap .josSection .promotionBanner .flexWrap .btn {
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 146px;
    height: 44px;
    border: 1px solid #000;
    margin-left: 86px;
}

.wrap .josSection .promotionBanner .flexWrap .btn span {
    display: flex;
    align-items: center;
}

.wrap .josSection .promotionBanner .flexWrap .btn span i {
    margin-left: 10px;
}

.wrap .josSection .tabMenuWrap .menuLine {
    margin-top: 60px;
    border-bottom: 1px solid #d9d9d9;
}

.wrap .josSection .tabMenuWrap .menuLine .tabMenu {
    display: flex;
}

.wrap .josSection .tabMenuWrap .menuLine .tabMenu li {
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    padding: 25px 0;
    width: 25%;
    text-align: center;
    cursor: pointer;
}

.wrap .josSection .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .josSection .tabMenuWrap .menuLine .tabMenu li.on {
    font-weight: 700;
    border-bottom: 4px solid #a50034;
    color: #a50034;
}

.wrap .josSection .tabMenuWrap .content {
    display: none;
}

.wrap .josSection .tabMenuWrap .content.on {
    display: inherit;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .paging {
    margin-top: 100px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .jobsContentTitle {
    font-size: 36px;
    line-height: 40px;
    font-weight: 7300;
    margin-top: 100px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article {
    margin-top: 60px;
    background-color: #fff;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li:last-of-type {
    border-bottom: 1px solid #ccc;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap {
    height: 80px;
    padding: 0 40px;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span {
    display: block;
    float: left;
    line-height: 80px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum {
    width: 275px;
    color: #a50034;
    font-size: 18px;
    line-height: 80px;
    font-weight: 700;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum .grey {
    color: #666;
    margin-right: 6px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum .greyA {
    color: #bbb;
    margin-right: 6px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listTitle {
    width: calc(100% - 557px);
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon {
    padding: 23px 0;
    text-align: right;
    font-size: 18px;
    line-height: 2;
    font-weight: 700;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon .up {
    display: none;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap.on .crossIcon .down {
    display: none;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap.on .crossIcon .up {
    display: block;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .answerWrap {
    padding: 30px 314px;
    background-color: #fafafa;
    display: none;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .answerWrap p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #444;
    word-break: keep-all;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering .btn {
    width: 32px;
    height: 32px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul {
    display: flex;
    justify-content: center;
    padding: 0 24px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul li {
    width: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul li a {
    color: #666;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul li.active {
    background-color: #a50034;
    border-radius: 8px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul li.active a {
    color: #fff;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringTab {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    margin-top: 100px;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringTab li {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #888;
    cursor: pointer;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringTab li.act {
    font-weight: 700;
    color: #000;
    position: relative;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringTab li.act::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -8px;
    height: 2px;
    width: 100%;
    background: #a50034;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringContent {
    display: none;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringContent.act {
    display: block;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringContent.tabArticleWrap {
    margin-top: -30px;
}

.wrap .courseWrap .courseMenu .menuLine .tabMenu li {
    width: 33.33%;
}

.wrap .courseWrap .courseMenu .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .courseWrap .courseMenu .content .colorOriginal {
    padding-bottom: 100px;
}

.wrap .courseWrap .courseMenu .content .colorChange {
    background-color: #f5f5f5;
    padding: 100px 0;
    margin-top: 0;
}

.wrap .courseWrap .courseMenu .content .colorChange .title {
    margin-top: 0;
}

.wrap .courseWrap .courseMenu .content .title {
    margin-top: 100px;
    text-align: center;
}

.wrap .courseWrap .courseMenu .content .title h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    font-family: LGSmHaSB, sans-serif !important;
}

.wrap .courseWrap .courseMenu .content .title p {
    font-size: 20px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 20px;
}

.wrap .courseWrap .courseMenu .content .titleGraphic {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.wrap .courseWrap .courseMenu .content .titleGraphic::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #d6d6d6;
    z-index: -1;
    bottom: 164px;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li {
    width: 200px;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li .image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 200px;
    height: 200px;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li .image .im1 {
    position: absolute;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li .image .im2 {
    position: absolute;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li .image.red {
    background-color: #a50034;
    border-radius: 50%;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li h3 {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-top: 40px;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap {
    margin-top: 100px;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph {
    border-top: 1px solid #bbb;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li {
    padding: 0 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #bbb;
    display: flex;
    align-items: center;
    height: 109px;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li .left {
    font-size: 18px;
    line-height: 19px;
    font-weight: 700;
    color: #a50034;
    width: 275px;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li .right {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    width: calc(100% - 231px);
}

.wrap .courseWrap .courseMenu .content.content2 .colorOriginal {
    padding-bottom: 0;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject {

}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap {
    width: calc(50% - 10px);
    border: 1px solid #ddd;
    padding: 70px 80px;
    border-radius: 32px;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media {

}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .image {
    width: 160px;
    margin: 0 auto;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .image img {
    width: 100%;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text {
    margin-top: 40px;
    text-align: center;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text h3 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text p {
    margin-top: 27px;
    font-size: 22px;
    line-height: 30px;
    word-break: keep-all;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .media .text {
    margin-top: 40px;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .media .text h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}

.wrap .tipsSection .tabMenuWrap .menuLine {
    border: 0;
}

.wrap .tipsSection .tabMenuWrap .menuLine .tabMenu {
    width: 222px;
    justify-content: space-between;
}

.wrap .tipsSection .tabMenuWrap .menuLine .tabMenu li {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    padding: 8px 0;
    color: #888;
}

.wrap .tipsSection .tabMenuWrap .menuLine .tabMenu li.on {
    color: #000;
    font-weight: 700;
}

.wrap .tipsSection .content {
    margin-top: 60px;
}

.wrap .tipsSection .content .newsListWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.wrap .tipsSection .content .newsListWrap li {
    width: 536px;
    min-height: 459px;
    margin-bottom: 80px;
    /* margin-right: 16px; */
}

.wrap .tipsSection .content .newsListWrap li a img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.wrap .tipsSection .content .newsListWrap li a .category {
    width: auto;
    height: 28px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #a50034;
    background-color: #fff;

    margin-top: 20px;
    display: inline-block;
    min-width: 70px;
    box-sizing: border-box;
}

.wrap .tipsSection .content .newsListWrap li a strong {
    margin-top: 18px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: visible;
    -webkit-line-clamp: 2;
}

.wrap .tipsSection .content .newsListWrap li a .textBox {
    margin-top: 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #666;
}

.wrap .tipsSection .content .newsListWrap li:nth-of-type(3n) {
    margin-right: 0;
}

.wrap .tipsSection .content .viewMore {
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    border: 1px solid #ddd;
    width: 300px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #888;
    margin: 0 auto;
    border-radius: 96px;
}

.wrap .tipsSection .content .viewMore a {
    color: #888;
}

.wrap .tipsSection .content .viewMore a i {
    margin-left: 10px;
}

.wrap .webinarDetailWrap .postUp {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 40px;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postUp .left {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #666;
}

.wrap .webinarDetailWrap .postUp .right {
    width: 186px;
    display: flex;
    gap: 6px;
}

.wrap .webinarDetailWrap .postContent {
    padding: 100px 0;
}

.wrap .webinarDetailWrap .postContent .image img {
    width: 100%;
}

.wrap .webinarDetailWrap .postContent .flexWrap {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.wrap .webinarDetailWrap .postContent .flexWrap .media {
    /*width: calc(50% - 10px);*/
    width: 100%;
    height: 108px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .webinarDetailWrap .postContent .flexWrap .media .mediaContent {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: #666;
    text-align: center;
}

.wrap .webinarDetailWrap .postContent .flexWrap .media .mediaContent .strong {
    color: #444;
    font-weight: 700;
    margin-right: 20px;
}

.wrap .webinarDetailWrap .postContent .graph {
    margin-top: 80px;
}

.wrap .webinarDetailWrap .postContent .graph ul {
    display: flex;
}

.wrap .webinarDetailWrap .postContent .graph ul li {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #444;
    width: 340px;
}

.wrap .webinarDetailWrap .postContent .graph ul li.left {
    border-right: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postContent .graph ul li.right {
    border-left: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postContent .graph ul li.center {
    width: calc(100% - 680px);
}

.wrap .webinarDetailWrap .postContent .graph ul.graphTitle {
    border-bottom: 1px solid #ddd;
    background-color: #f5f6f8;
    border-top: 2px solid #000;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphTitle li {
    padding: 22px 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphTitle li.center {
    /* border-left: 1px solid #ddd;
	border-right: 1px solid #ddd; */

}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent {
    align-items: center;
    color: #444;
    border-bottom: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent li {
    padding: 18px 0;
    line-height: 224px;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent li.center {
    /* border-left: 1px solid #ddd;
	border-right: 1px solid #ddd; */

}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent li p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #444;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent li p.mt10 {
    margin-top: 10px;
}

.wrap .webinarDetailWrap .postContent .postBtn {
    width: 806px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.wrap .webinarDetailWrap .postContent .postBtn div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 10px);
    height: 80px;
    border-radius: 16px;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
}

.wrap .webinarDetailWrap .postContent .postBtn div.left {
    background-color: #a50034;
    color: #fff;
}

.wrap .webinarDetailWrap .postContent .postBtn div.left a {
    color: #fff;
}

.wrap .webinarDetailWrap .postContent .postBtn div.right {
    color: #666;
    background-color: #f5f5f5;
}

.wrap .webinarDetailWrap .postContent .postBtn div.right a {
    color: #666;
}

.wrap .webinarDetailWrap .postListBtn {
    width: 391px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 200px;
}

.wrap .webinarDetailWrap .postListBtn .btn {
    width: 129px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postListBtn .btn a {
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
}

.wrap .webinarDetailWrap .postListBtn .btn.w113 {
    width: 113px;
}

.wrap .webinarTitle {
    width: 142px !important;
}

.wrap .webinarPastWrap .postContent .image {
    width: 100%;
}

.wrap .webinarPastWrap .postContent .image iframe {
    width: 1360px;
    height: 765px;
}

.wrap .webinarDisplayWrap .pageBanner {
    /* margin-top: 80px; */
    height: 480px;
    /* padding: 40px 0 100px; */
    padding-top: 40px;
    padding-bottom: 100px;
    box-sizing: border-box;
}

.wrap .webinarDisplayWrap .pageBanner .text h3 {
    font-size: 36px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
}

.wrap .webinarDisplayWrap .pageBanner .text h2 {
    font-size: 52px;
    line-height: 64px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;
}

.wrap .webinarDisplayWrap .pageBanner .text .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 146px;
    height: 44px;
    border-radius: 8px;
    margin-top: 36px;
    color: #fff;
    background-color: #a50034;
}

.wrap .webinarDisplayWrap .pageBanner .text .btn a {
    font-size: 20px;
    line-height: -6;
    font-weight: normal;
    color: #fff;
}

.wrap .webinarDisplayWrap .pageBanner .text .btn a img {
    width: 20px;
}

.wrap .webinarDisplayWrap .customSelectBox2Wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0 70px;
}

.wrap .webinarDisplayWrap .customSelectBox2Wrap a {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #888;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff;
    margin-right: 32px;
}

.wrap .webinarDisplayWrap .customSelectBox2Wrap a.active {
    border-color: #a50034;
    color: #000;
    font-weight: 700;
}

.wrap .webinarDisplayWrap .customSelectBox2Wrap a:last-of-type {
    margin-right: 0;
}

.wrap .webinarDisplayWrap .newsListWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.wrap .webinarDisplayWrap .newsListWrap li {
    width: 536px;
    min-height: 459px;
    margin-bottom: 80px;
}

.wrap .webinarDisplayWrap .newsListWrap li a img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    object-fit: fill;
}

.wrap .webinarDisplayWrap .newsListWrap li a .category {
    width: auto;
    height: 28px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    background-color: #a50034;
    padding: 0 19px !important;
    margin-top: 20px;
    display: inline-block;
    min-width: 70px;
    box-sizing: border-box;
    font-weight: 700;
}

.wrap .webinarDisplayWrap .newsListWrap li a .online {
    margin-top: 20px;
    font-size: 18px;
    color: #a50034;
    background-color: #fff;
    width: 90px;
    line-height: 28px;
    display: inline-block;
    text-align: left;
}

.wrap .webinarDisplayWrap .newsListWrap li a strong {
    margin-top: 14px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.wrap .webinarDisplayWrap .newsListWrap li a .textBox {
    margin-top: 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #666;
}

.wrap .webinarDisplayWrap .newsListWrap li:nth-of-type(3n+2) {
    margin-left: 16px;
    margin-right: 16px;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a {
    position: relative;
    display: block;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .category {
    position: absolute;
    top: 0;
    right: 20px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #888;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .category.past {
    background-color: #4c4c4c;
    color: #fff;
    border: 0;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .category.ing {
    border: 2px solid #a50034;
    color: #a50034;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date {
    display: flex;
    margin-top: 16px;
    align-items: center;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .left {
    width: 56px;
    height: 56px;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .left img {
    width: 100%;
    border: none;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .right {
    margin-left: 16px;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .right p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #666;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li.afterWebinar a .image {
    position: relative;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li.afterWebinar a .image::after {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: rgba(0, 0, 0, 0.43);
    position: absolute;
    top: 0;
}

.wrap .webinarDisplayWrap .viewMoreBtn a {
    width: 300px;
    height: 100px;
    border: 2px solid #ddd;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.wrap .webinarDisplayWrap .viewMoreBtn a span {
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    color: #888;
}

.wrap .webinarDisplayWrap .viewMoreBtn a img {
    margin-left: 15px;
    color: #fff;
}

.wrap .webBannerWrap .banner {
    color: #fff;
}

.wrap .webBannerWrap .banner a {
    width: 284px;
    color: #fff;
}

.wrap .displayDetailWrap .postContent .image {
    background-image: url(../img/exhibit-dummy.png);
    height: auto;
    /* position: relative; */
}

.wrap .displayDetailWrap .postContent .image .text {
    position: absolute;
    /* bottom: 80px;
  left: 80px; */
}

.wrap .displayDetailWrap .postContent .image .text h3 {
    font-size: 36px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
}

.wrap .displayDetailWrap .postContent .image .text h2 {
    font-size: 52px;
    line-height: 64px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;
}

.wrap .displayDetailWrap .postContent .textLine {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #666;
    margin-top: 40px;
    word-break: keep-all;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage {
    width: 700px;
    margin: 0 auto;
}

.wrap .articleTitleWrap .trendTitle {
    margin-top: 20px;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide {
    position: relative;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide img {
    width: 100%;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots {
    bottom: -50px;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li.slick-active button:before {
    background: #a50034;
    opacity: 1;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li {
    width: 12px;
    height: 12px;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li button {
    width: 12px;
    height: 12px;
    background: #ddd;
    border-radius: 50%;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li button:before {
    content: '';
    display: block;
    background: #ddd;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-arrow {
    position: absolute;
    display: block;
    height: 48px;
    width: 48px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    border-radius: 48px;
    z-index: 99999;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-arrow.custom-prev {
    left: -78px;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-arrow.custom-next {
    right: -78px;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-arrow img {
    width: initial;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .text {
    margin-top: 110px;
    font-size: 16px;
    line-height: 30px;
    color: #444;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .btn.downloadArticle {
    width: 532px;
    height: 80px;
    background-color: #a50034;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    margin: 80px auto 0;
}

.wrap .displayDetailWrap.trendDetailWrap .postContent .btn.downloadArticle a {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 900;
}

.wrap .displayDetailWrap.trendDetailWrap .slideArticle {
    padding-top: 0;
}

/* 2022-0331 */
.wrap .companyIntro .pageBannerWrap {
    margin-top: 100px;
    display: flex;
}

.wrap .companyIntro .pageBannerWrap .pageBanner {
    background-image: url("../img/img-bn-top-company (1).png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 532px;
    height: 640px;
}

.wrap .companyIntro .pageBannerWrap .textWrap {
    width: calc(100% - 532px);
    padding: 80px 60px;
    box-sizing: border-box;
    background-color: #f5f6f8;
    height: 640px;
}

.wrap .en.companyIntro .pageBannerWrap .textWrap {
    padding: 60px;
}

.wrap .companyIntro .pageBannerWrap .textWrap .textIntro h2 {
    font-size: 40px;
    line-height: 1;
    font-weight: 900;
    padding-bottom: 10px;
}

.wrap .companyIntro .pageBannerWrap .textWrap .textIntro h2 span {
    color: #a50034;
}

.wrap .companyIntro .pageBannerWrap .textWrap .textIntro p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #666;
    word-break: keep-all;
    margin-top: 30px;
}

.rightGrMob {
    display: none;
}

.wrap .companyIntro .companyInfo {
    margin-top: 40px;
}

.wrap .companyIntro .companyInfo .infoTitle {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.wrap .companyIntro .companyInfo .infoTitle .side.left {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .companyIntro .companyInfo .infoTitle .side.right {
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: #888;
}

.wrap .companyIntro .companyInfo .infoContent {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.wrap .companyIntro .companyInfo .infoContent .media {
    border-radius: 32px;
    align-items: center;
    justify-content: center;
    width: calc(33.33% - 40px);
}

.wrap .companyIntro .companyInfo .infoContent .media .mediaContent {
    align-items: center;
    display: flex;
}

.wrap .companyIntro .companyInfo .infoContent .media .image {
    width: 130px;
}

.wrap .companyIntro .companyInfo .infoContent .media .image img {
    width: 100%;
}

.wrap .companyIntro .companyInfo .infoContent .media .text {
    width: calc(100% - 130px);
}

.wrap .companyIntro .companyInfo .infoContent .media .text h3 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
}

.wrap .companyIntro .companyInfo .infoContent .media .text p {
    font-size: 28px;
    line-height: 34px;
    font-weight: 900;
    margin-top: 10px;
}

.wrap .companyIntro .companyInfo .infoContent .media .text .plusInfo {
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
    color: #888;
}

.wrap .companyIntro .businessArea {
    margin-top: 100px;
}

.wrap .companyIntro .businessArea h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .companyIntro .businessArea .flexArea {
    display: flex;
    gap: 16px;
    margin-top: 40px;
}

.wrap .companyIntro .businessArea .flexArea .article {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 800px;
    position: relative;
}

.wrap .companyIntro .businessArea .flexArea .article.art1 {
    background-image: url("../img/img-company-business-01.png");
    width: 100%;
}

.wrap .companyIntro .businessArea .flexArea .article.art2 {
    background-image: url("../img/img-company-business-02.png");
    width: 100%;
}

.wrap .companyIntro .businessArea .flexArea .article.art3 {
    background-image: url("../img/img-company-business-03.png");
    width: 100%;
    background-size: 100% 100%;
}

.wrap .companyIntro .businessArea .flexArea .article.art4 {
    background-image: url("../img/img-company-business-04.png");
    width: calc(50% - 10px);
}

.wrap .companyIntro .businessArea .flexArea .article .text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px);
}

.wrap .companyIntro .businessArea .flexArea .article .text h2 {
    font-size: 28px;
    color: #fff;
    line-height: 30px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: relative;
}

.wrap .companyIntro .businessArea .flexArea .article .text h2::after {
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 2px;
    bottom: -16px;
    background-color: #fff;
}

.wrap .companyIntro .businessArea .flexArea .article .text p {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-top: 30px;
}

.wrap .companyIntro .businessArea .flexArea .article .text p.mob {
    display: none;
}

.wrap .companyIntro h2.companyAv {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 120px;
}

.wrap .companyIntro .tabMenuWrap .menuLine {
    margin-top: 60px;
    border-bottom: 0;
}

.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu {
    display: flex;
}

.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li {
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    padding: 25px 0;
    width: 33.3333333333%;
    text-align: center;
    cursor: pointer;
    /* border-top: 2px solid #a50034; */
    /* border-left: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
}

.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li:first-of-type {
    border-left: 0;
}

.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li:last-of-type {
    border-right: 0;
}

.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li.on {
    font-weight: 700;
    border-bottom: 4px solid #a50034;
    /* border-left: 2px solid #a50034;
	border-right: 2px solid #a50034; */
    color: #a50034;
    border-top: 0;
}

.wrap .companyIntro .tabMenuWrap .content {
    padding: 120px 0 200px;
}

.wrap .companyIntro .tabMenuWrap .content .image {
    margin: 0 auto;
    width: 1360px;
}

.wrap .companyIntro .tabMenuWrap .content .image iframe {
    width: 1360px;
    height: 765px;
}

.wrap .ceoWrap .pageBannerWrap {
    position: relative;
    margin-top: 100px;
    height: 996px;
}

.wrap .ceoWrap .pageBannerWrap .mt30 {
    margin-top: 30px;
}

.wrap .ceoWrap .pageBannerWrap .pageBanner {
    /* background-image: url("../img/2cb88bf4-1fe6-4dbe-b1e3-ee08ec71c7fd.png"); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 532px;
    height: 640px;
    margin-bottom: 0;
}

.webNone {
    display: none;
}

.wrap .ceoWrap .pageBannerWrap .textIntro {
    width: 1494px;
    height: auto;
    background-color: #f5f6f8;
    padding-top: 80px;
    padding-left: 458px;
    padding-right: 60px;
    padding-bottom: 90px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.wrap .ceoWrap .pageBannerWrap .textIntro h2 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 900;
}

.wrap .ceoWrap .pageBannerWrap .textIntro h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .ceoWrap .pageBannerWrap .textIntro p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #666;
    width: 976px;
    word-break: keep-all;
    margin-top: 30px;
}

.wrap .ceoWrap .pageBannerWrap .textIntro cn p {
    font-size: 24px;
    line-height: 1.5;
    font-weight: normal;
    color: #666;
    width: 976px;
    word-break: keep-all;
    margin-top: 30px;
}

.wrap .ceoWrap .pageBannerWrap .textIntro.textPadding {
    padding: 100px 0 200px;
    border-top: 1px solid #d9d9d9;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 682px;
    margin-left: auto;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .left {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
}

.wrap .ceoWrap .history {
    display: flex;
    flex-wrap: wrap;
    margin-top: 328px;
    padding-bottom: 200px;
}

.wrap .ceoWrap .history h4 {
    font-size: 24px;
    line-height: 50px;
    font-weight: 900;
    margin-bottom: 10px;
}

.wrap .ceoWrap .history h4.award {
    margin-top: 100px;
}

.wrap .ceoWrap .history .line {
    width: 100%;
    display: flex;
}

.wrap .ceoWrap .history .line span {
    display: inline-block;
    font-size: 24px;
    line-height: 50px;
    font-weight: 700;
}

.wrap .ceoWrap .history .line span.date.small {
    width: 74px;
}

.wrap .ceoWrap .history .line span.date {
    color: #a50034;
    width: 164px;
}

.wrap .ceoWrap .history.en .line span.date {
    width: 195px;
}

.wrap .ceoWrap .history .line span.title {
    margin-left: 20px;
    width: calc(100% - 160px);
}

.wrap .ceoWrap .history .line span.title .num {
    position: relative;
}

.wrap .ceoWrap .history .line span.title .num:after {
    content: "th";
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    position: absolute;
    top: -10px;
    right: -2px;
}

.wrap .ceoWrap .history .line span.desc {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 10px;
}

.wrap .ceoWrap .history .line span.desc:before {
    content: "*";
    color: #a50034;
    display: inline-block;
    margin-right: 4px;
}

.wrap .ceoWrap .textIntro h2 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
}

.wrap .ceoWrap .textIntro h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .ceoWrap .textIntro p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #666;
}

.wrap .ceoWrap .textIntro.textPadding {
    padding: 100px 0 150px;
    border-top: 1px solid #d9d9d9;
}

.wrap .ceoWrap .textIntro {

}

.wrap .ceoWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 682px;
    margin-left: auto;
}

.wrap .ceoWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
}

.wrap .ceoWrap .textIntro .btnSign .flexWrap .left {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .ceoWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
}

.wrap .visionWrap .pageBanner {
    background-image: url("../img/img-bn-top-vision.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 480px;
    margin-top: 60px;
}

.wrap .visionWrap .textIntro {
    margin-top: 100px;
}

.wrap .visionWrap .textIntro .flexWrap {
    display: flex;
    align-items: center;
}

.wrap .visionWrap .textIntro .flexWrap .left {
    width: 610px;
}

.wrap .visionWrap .textIntro .flexWrap .left img {
    width: 100%;
}

.wrap .visionWrap .textIntro .flexWrap .right {
    margin-left: 70px;
    width: calc(100% - 680px);
}

.wrap .visionWrap2 .pretendard {
    font-family: 'Pretendard'
}

.wrap .visionWrap2 .content.on {
    display: block;
}

.wrap .visionWrap2 .content {
    display: none;
}

.wrap .visionWrap2 .tabMenuWrap.visionTabMenu {
    margin-bottom: 140px;
}

/*.wrap .visionWrap2 img {width: 100%;}*/
.wrap .visionWrap2 .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit !important
}

.wrap .visionWrap2 .visionTabWrap,
.wrap .visionWrap2 .brandTabWrap,
.wrap .visionWrap2 .viTabWrap {
    margin-bottom: 200px;
}

.wrap .visionWrap2 .visionTabWrap img,
.wrap .visionWrap2 .brandTabWrap img,
.wrap .visionWrap2 .viTabWrap img {
    width: 100%;
}

.wrap .visionWrap2 .content {
    text-align: center;
}

.wrap .visionWrap2 .content .titleWrap .sub {
    display: block;
    font-size: 28px;
    line-height: 44px;
}

.wrap .visionWrap2 .content .titleWrap .desc {
    font-size: 24px;
    line-height: 38px;
}

.wrap .visionWrap2 .content .contentWrap {
    margin-top: 180px;
    width: 100%;
}

.wrap .visionWrap2 .content .contentWrap + .contentWrap {
    margin-top: 180px;
}

.wrap .visionWrap2 .content .contentWrap .titleChip {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    line-height: 32px;
    padding: 14px 50px;
    border-radius: 28px;
    background: #000;
    color: #fff;
    margin-bottom: 40px;
    font-weight: 700
}

.wrap .visionWrap2 .content .contentWrap .subTitle {
    display: block;
    font-size: 24px;
    line-height: 38px;
}

.wrap .visionWrap2 .content .contentWrap .subTitle.fs-up {
    font-size: 32px;
    line-height: 50px;
}

.wrap .visionWrap2 .content .contentWrap .subTitle .bold {
    font-weight: bold;
}

.wrap .visionWrap2 .content .contentWrap .subTitle + .subTitle {
    margin-top: 20px;
}

.wrap .visionWrap2 .content .contentWrap .visionVideo {
    width: 100%;
    margin: 60px auto 0;
}

.wrap .visionWrap2 .content .contentWrap .visionVideo iframe {
    width: 100%;
    height: 765px;
}

.wrap .visionWrap2 .content .contentWrap .contentBox {
    display: flex;
    width: 100%;
    border-radius: 32px;
}

.wrap .visionWrap2 .content .contentWrap .contentBox + .contentBox {
    margin-top: 40px;
}

.wrap .visionWrap2 .content .contentWrap .contentBox > div {
    flex: 1 1 50%;
    width: 50%;
}

.wrap .visionWrap2 .content .contentWrap .contentBox .textWrap {
    background: linear-gradient(to bottom, #f99, #f00);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.wrap .visionWrap2 .content .contentWrap .contentBox.even .textWrap {
    border-radius: 32px 0 0 32px;
}

.wrap .visionWrap2 .content .contentWrap .contentBox.odd .textWrap {
    border-radius: 0 32px 32px 0;
}

.wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxTitle {
    font-size: 54px;
    line-height: 60px;
    font-weight: bold;
}

.wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxSubTitle {
    margin-top: 30px;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
}

.wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxDesc {
    font-size: 24px;
    margin-top: 30px;
    line-height: 38px;
}

.wrap .visionWrap2 .content .contentWrap .contentBox .image {
}

.wrap .visionWrap2 .content .contentWrap .contentBox .image img {
    width: 100%;
}

.wrap .visionWrap2 .content .contentWrap .behaviorWrap {
    margin-top: 80px;
}

.wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li {
    display: flex;
    align-items: center;
    gap: 60px;
    text-align: left;
}

.wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li .image {
    min-width: 370px;
    max-width: 370px;
}

.wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li .text {
    font-size: 22px;
    line-height: 32px;
}

.wrap .visionWrap2 .content .brandTabWrap .image {
    margin-top: 60px;
}

.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont {

}

.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont .title {
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 40px;

}

.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont .desc {
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px;
    color: #444;
}

.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .brandColorCont {
    position: relative;
    height: 140px;
    width: 100%;
    border-radius: 32px;
}

.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .brandColorCont .desc {
    position: absolute;
    right: 30px;
    bottom: 20px;
    font-size: 20px;
    line-height: 28px;
    text-align: right;
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap {
    width: 100%;
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .slick-list {

}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .slick-list .slick-track .slick-slide {
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .custom-prev {
    left: -24px;
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .custom-next {
    right: -24px;
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .slick-arrow {
    position: absolute;
    display: block;
    height: 48px;
    width: 48px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
    top: 46%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    border-radius: 48px;
    z-index: 999;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .slick-slide {
    margin: 0 10px !important;
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .image {
    width: 100%;
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrap .visionWrap .textIntro h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .visionWrap .textIntro h4 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 900;
}

.wrap .visionWrap .textIntro h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .visionWrap .textIntro p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #666;
    word-break: keep-all;
    margin-top: 60px;
}

.wrap .visionWrap .textIntro.textPadding {
    padding: 100px 0 200px;
    border-top: 1px solid #d9d9d9;
}

.wrap .visionWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 682px;
    margin-left: auto;
}

.wrap .visionWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
}

.wrap .visionWrap .textIntro .btnSign .flexWrap .left {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .visionWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
}

.wrap .visionWrap .textIntro.culture {
    margin-top: 100px;
}

.wrap .visionWrap .flexAreaWrap {
    margin-top: 100px;
}

.wrap .visionWrap .flexAreaWrap .flexArea {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-around;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap {
    width: calc(25% - 14px);
    /* border: 1px solid #ddd; */
    /* padding: 70px 0 104px; */
    border-radius: 32px;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap:hover {
    border: 0;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap:first-of-type {
    /* padding: 70px 0 61px; */

}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media {
    display: flex;
    align-items: center;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media .image {
    width: 130px;
    margin: 0 auto;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media .image img {
    width: 100%;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media h3 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 900;
    width: 160px;
}

.wrap .visionWrap .prideWrap {
    padding: 100px 0 200px;
}

.wrap .visionWrap .prideWrap .image {
    width: 100%;
    max-width: 1360px;
}

.wrap .visionWrap .prideWrap .image img {
    width: 100%;
}

.wrap .visionWrap2 .flexAreaWrap .flexArea {

}

.wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap {
    width: calc(50% - 10px);
    border: 1px solid #ddd;
    border-radius: 32px;
    padding: 40px 60px;
    box-sizing: border-box;
}

.wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap .media .image {
    width: 160px;
    margin: inherit;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap .media h3 {
    margin-left: 40px;
}

.wrap .mt80 {
    margin-top: 80px;
}

.wrap .ciWrap {
    padding-bottom: 200px;
}

.wrap .ciWrap article {
    margin-top: 100px;
}

.wrap .ciWrap article:nth-of-type(4) {
    margin-bottom: 100px;
}

.wrap .ciWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .ciWrap article p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    margin-top: 0;
    word-break: keep-all;
    color: #000;
}

.wrap .ciWrap article .logoMarkBtn {
    border: 1px solid #ddd;
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
}

.wrap .ciWrap article .logoMarkBtn1 {

}

.wrap .ciWrap article .logoMarkBtn1 .flexWrap {
    max-width: 1036px;
    width: 100%;
    align-items: center;
}

.wrap .ciWrap article .logoMarkBtn1 .flexWrap p {
    margin-top: 0;
    text-align: left;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap {
    display: flex;
    align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left {
    margin-right: 40px;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right {
    width: 100%;
    max-width: 756px;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image {
    width: 240px;
    height: 240px;
    border: 2px solid #a50034;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle {
    width: 200px;
    height: 200px;
    background-color: #a50034;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle {
    color: #fff;
    text-align: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle h3 {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 10px;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right h2 {
    font-size: 48px;
    line-height: 1;
    font-weight: 900;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .btnArea {
    width: 200px;
    box-sizing: border-box;
    padding: 0 24px;
    border: 1px solid #ddd;
    margin-top: 30px;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .btnArea a {
    color: #666;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image {
    width: 240px;
    height: 240px;
    border: 2px solid #6b6b6b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle {
    width: 200px;
    height: 200px;
    background-color: #6b6b6b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle {
    color: #fff;
    text-align: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle h3 {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 10px;
}

.wrap .ciWrap article .logoMarkBtn.logoType {
    display: block;
    padding: 80px 0;
    box-sizing: border-box;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap {
    display: flex;
    height: 160px;
    align-items: center;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .left {
    height: 160px;
    border-right: 1px solid #ddd;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .left .logo {
    width: 242px;
    margin: 0 auto;
    height: 160px;
    margin-top: 50px;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .right .logo {
    width: 326px;
    margin: 0 auto;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .side {
    width: 50%;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 {
    padding: 24px 0;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap {
    height: 272px;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left {
    height: 272px;
    padding-top: 50px;
    box-sizing: border-box;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left .logo {
    width: 334px;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .right .logo {
    width: 422px;
}

.wrap .ciWrap .precautions {
    padding: 60px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-align: left;
    border-radius: 32px;
}

.wrap .ciWrap .precautions .textBox {
    margin-top: 100px;
}

.wrap .ciWrap .precautions .textBox:nth-of-type(1) {
    margin-top: 0;
}

.wrap .ciWrap .precautions .textBox h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .ciWrap .precautions .textBox h4 {
    font-size: 48px;
    font-weight: 900;
    line-height: 52px;
}

.preSub {
    margin-top: 40px;
}

.preSub li {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
}

.wrap .ciWrap .precautions .textBox p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #666;
    margin-top: 40px;
}

.wrap .ciWrap .precautions .textBox p.bold {
    font-weight: 700;
}

/* 20220401 */
.wrap .awardsWrap .tabMenuWrap .menuLine {
    margin-top: 60px;
    border-bottom: 1px solid #d9d9d9;
}

.wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu {
    display: flex;
}

.wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    padding: 25px 0;
    width: 50%;
    text-align: center;
    cursor: pointer;
}

.wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li.on {
    font-weight: 700;
    border-bottom: 4px solid #a50034;
    color: #a50034;
}

.wrap .awardsWrap .tabMenuWrap .content {
    padding: 110px 0 200px;
}

.wrap .awardsWrap .tabMenuWrap .content .line {
    border-bottom: 1px solid #a50034;
    padding-bottom: 30px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab {
    display: flex;
    justify-content: space-between;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab li {
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
    color: #bbb;
    width: 246px;
    text-align: center;
    cursor: pointer;
}

.wrap .awardsWrap .tabMenuWrap .content2 .historyTab li {
    width: 50%;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab li a {
    color: inherit;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab li.act {
    color: #a50034;
    position: relative;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab li.act::after {
    display: block;
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #a50034;
    bottom: -38px;
    left: 0;
    right: 0;
    margin: auto;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent {
    display: none;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent.act {
    display: block;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent {
    display: none;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent.act {
    display: block;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graphArea {
    margin-top: 110px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent h2 {
    font-size: 46px;
    color: #444;
    font-weight: 900;
    margin-top: 75px;
    line-height: 1;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent h2:first-of-type {
    margin-top: 113px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph {
    margin-top: 45px;
    display: flex;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year {
    font-size: 26px;
    line-height: 28px;
    font-weight: 900;
    color: #444;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #666;
    position: relative;
    margin: 0;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year::before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid #a50034;
    position: absolute;
    top: -20px;
    right: -11px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side {
    /* width: calc(100% - 341px); */
    width: 100%;
}

/* .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub:first-of-type{
	margin-top: 0;
} */
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub {
    display: flex;
    margin-top: 40px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .left {
    font-size: 28px;
    /* line-height: 72px; */
    line-height: 40px;
    font-weight: 700;
    color: #a50034;
    padding-left: 111px;
    text-align: center;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .right {
    font-size: 28px;
    line-height: 40px;
    /* line-height: 72px; */
    font-weight: 700;
    color: #444;
    padding-left: 33px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub:last-of-type {
    border-bottom: none;
}

/* .wrap .awardsWrap .tabMenuWrap .content .historyContent .graphArea {
  margin-top: 110px;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph {
  display: flex;
  border-top: 1px solid #000;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph:nth-of-type(1) {
  border-top: 2px solid #000;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph:last-of-type {
  border-bottom: 1px solid #ddd;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year {
  font-size: 26px;
  line-height: 28px;
  font-weight: 900;
  color: #444;
  width: 341px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side {
  width: calc(100% - 341px);
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .left {
  font-size: 18px;
  line-height: 65px;
  font-weight: 700;
  color: #a50034;
  width: 203px;
  text-align: center;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .right {
  font-size: 18px;
  line-height: 65px;
  font-weight: 700;
  color: #444;
  padding-left: 40px;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub:last-of-type {
  border-bottom: none;
  border-top: 1px solid #ddd;
} */
.wrap .workplaceWrap .mapArea {
    margin-top: 100px;
}

.wrap .workplaceWrap .tabMenuWrap {
    margin-top: 160px;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine {
    margin-top: 60px;
    border-bottom: 1px solid #d9d9d9;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine .tabMenu {
    display: flex;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    padding: 25px 0;
    width: 33.3333333333%;
    text-align: center;
    cursor: pointer;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine .tabMenu li.on {
    font-weight: 700;
    border-bottom: 4px solid #a50034;
    color: #a50034;
}

.wrap .workplaceWrap .tabMenuWrap .content {
    padding-bottom: 200px;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap {
    margin-top: 100px;
    border-top: 2px solid #000;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph .left {
    color: #444;
    font-size: 18px;
    line-height: 103px;
    font-weight: 700;
    width: 340px;
    border-right: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f6f8;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph .left.act {
    color: #d80546;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph .right {
    width: calc(100% - 340px);
    padding-left: 41px;
    padding-top: 22px;
    padding-bottom: 24px;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph .right p {
    font-size: 18px;
    line-height: 23px;
    font-weight: normal;
    color: #444;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left,
.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left {
    padding: 24px 0;
    box-sizing: border-box;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left.padding38,
.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left.padding38 {
    padding: 38px 0;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left .textWrap,
.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left .textWrap {
    text-align: center;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left .textWrap h2,
.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left .textWrap h2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left .textWrap h3,
.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left .textWrap h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #888;
}

.wrap .center1414 {
    margin: 0 auto;
    width: 1414px;
}

/* 2022.04.04 */
.wrap .informationWrap .tabMenuWrap {
    margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .menuLine {
    margin-top: 60px;
    border-bottom: 1px solid #d9d9d9;
}

.wrap .informationWrap .tabMenuWrap .menuLine .tabMenu {
    display: flex;
}

.wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    padding: 25px 0;
    width: 33.3333333333%;
    text-align: center;
    cursor: pointer;
}

.wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li.on {
    font-weight: 700;
    border-bottom: 4px solid #a50034;
    color: #a50034;
}

.wrap .informationWrap .tabMenuWrap .content {
    padding-bottom: 200px;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain {
    padding: 100px 0;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap {
    display: flex;
    justify-content: space-between;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .left {
    font-size: 36px;
    line-height: 60px;
    font-weight: 700;
    word-break: keep-all;
    width: calc(100% - 919px);
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .right {
    width: 816px;
    word-break: keep-all;
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain.colorChange {
    background-color: #f5f6f8;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea h2 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap {
    border-top: 2px solid #000;
    margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph {
    border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph.graphTitle li {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #444;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #444;
    display: flex;
    text-align: center;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span {
    /* text-align: center; */
    display: block;
    padding: 23px 0;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list1 {
    width: 340px;
    border-right: 1px solid #ddd;
    /* background-color: #f5f6f8; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list2 {
    width: 203px;
    border-right: 1px solid #ddd;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.lh48 {
    /* line-height: 40px; */
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph.graphTitle li span.list3 {
    text-align: center;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list3 {
    width: calc(100% - 558px);
    padding-left: 40px;
    box-sizing: border-box;
    text-align: left;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list3.black {
    opacity: 1;
    display: flex;
    align-items: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 {
    padding-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardTitle h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap {
    margin-top: 40px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media {
    padding: 64px 60px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    width: calc(50% - 130px);
    display: flex;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .image {
    width: 140px;
    height: 140px;
    margin-right: 50px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .image img {
    width: inherit;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol {
    margin-top: 20px;

}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol li {
    font-size: 18px;
    line-height: 1.89;
    font-weight: normal;
    font-stretch: normal;
    position: relative;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol li::after {
    display: block;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #ddd;
    left: -11px;
    top: 14px;
    border-radius: 50%;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media.padding47 {
    padding: 47px 60px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap {
    margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol {
    margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol li {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    display: flex;
    word-break: break-all;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol li span {
    margin-right: 3px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn {
    background-color: #a50034;
    margin: 0 auto;
    margin-top: 40px;
    width: 532px;
    display: block;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn a {
    width: 100%;
    padding: 27px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 37px;
    font-weight: 700;
    color: #fff;
    height: 80px;
    box-sizing: border-box;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn a img {
    margin-left: 4px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn.btnOpen.none {
    display: none;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap {
    display: none;
    margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap.on {
    display: block;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap {
    border: 1px solid #ddd;
    margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter {
    padding: 80px 60px;
    border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter:last-of-type {
    border: none;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter h2 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap {
    display: flex;
    margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    flex: 1;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li > .sub > li {
    /* display: flex; */
    word-break: break-all;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li > .sub > li span {
    margin-right: 5px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li.left {
    margin-right: 60px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap {
    margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide {
    width: 468px;
    display: flex;
    justify-content: end;
    gap: 28px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #888;
    cursor: pointer;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li a {
    color: #888;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li.act {
    color: #000;
    position: relative;
    font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li.act a {
    color: #000;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li.act::after {
    position: absolute;
    display: block;
    content: "";
    bottom: -1px;
    background-color: #a50034;
    width: 100%;
    height: 2px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent {
    display: none;
    margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap {
    border-top: 2px solid #000;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph {
    display: flex;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphTitle li {
    line-height: 65px;
    text-align: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent {
    border-bottom: solid 1px #000;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list2 .story li {
    border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list2 .story li:last-of-type {
    border-bottom: none;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list3 .whether li {
    border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list3 .whether li:last-of-type {
    border-bottom: none;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li {
    box-sizing: border-box;
    text-align: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list1 {
    width: 340px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list2 {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 65px;
    width: 583px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list2 .story li {
    line-height: 65px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list3 {
    border-right: 1px solid #ddd;
    line-height: 65px;
    width: 201px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list3 .whether li {
    line-height: 65px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list4 {
    width: 223px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent.act {
    display: block;
}


/* 그래프 수정 */
.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.line4 {
    padding: 15px 0 !important;
    line-height: 23px !important;
    height: 132px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.line5 {
    padding: 15px 0 !important;
    line-height: 23px !important;
    height: 185px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap {
    border-top: 2px solid #000;
    margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #000;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph:last-of-type {
    border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #444;
    box-sizing: border-box;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list1 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f6f8;
    border-right: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 {
    width: calc(100% - 340px);
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .sub li {
    display: flex;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .sub li span {
    margin-right: 5px;
    line-height: 28px;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea {
    display: flex;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea:last-of-type {
    border-bottom: none;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .left {
    width: 203px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .right {
    width: calc(100% - 169px);
    padding: 22px 0;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    word-break: break-all;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .right span {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #444;
}

.wrap .financialWrap .financialTitle {
    width: 238px !important;
}

.wrap .financialWrap .tabMenuWrap .menuLine .tabMenu li {
    width: 33.33%;
}

.wrap .financialWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .financialWrap .tabMenuWrap .content {
    margin-top: 100px;
    padding-bottom: 200px;
}

.wrap .financialWrap .tabMenuWrap .content .title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.wrap .financialWrap .tabMenuWrap .content .title h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .financialWrap .tabMenuWrap .content .title p {
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    color: #888;
}

.wrap .financialWrap .tabMenuWrap .content .title ul .open {
    font-size: 24px;
    line-height: 27px;
    font-weight: 700;
    color: #666;
    display: none;
    cursor: pointer;
}

.wrap .financialWrap .tabMenuWrap .content .title ul .close {
    font-size: 24px;
    line-height: 27px;
    font-weight: 700;
    color: #666;
    cursor: pointer;
}

.wrap .financialWrap .tabMenuWrap .content .title ul.on .open {
    display: block;
}

.wrap .financialWrap .tabMenuWrap .content .title ul.on .close {
    display: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap {
    border-top: 2px solid #000;
    margin-top: 40px;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.company .graph {
    display: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.company .gr {
    display: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.company.on .graph {
    display: flex;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.company.on .gr {
    display: flex;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.elec .graph {
    display: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.elec .gr {
    display: none;
    word-break: keep-all;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .gr.mt0 {
    margin-top: 0;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.elec.on .graph {
    display: flex;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.elec.on .gr {
    display: flex;
    word-break: keep-all;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    font-weight: 700;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph.graphTitle .w1019 {
    text-align: center;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph li {
    padding: 22px 0;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph li.bgp {
    background-color: #fbe6ec;
    font-weight: 900;
    color: #000;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .bgBlue {
    background-color: #f5f6f8;
    width: 340px;
    text-align: center;
    border-right: 1px solid #ddd;
    font-weight: 700;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w203 {
    width: 203px;
    text-align: center;
    border-right: 1px solid #ddd;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w203:last-of-type {
    border-right: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w510 {
    width: 510px;
    text-align: center;
    border-right: 1px solid #ddd;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w510:last-of-type {
    border-right: none;
}


.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w1019 {
    width: 1019px;
    padding-left: 30px;
}

.wrap .financialWrap .tabMenuWrap .content .gr {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #888;
    margin-top: 40px;
    display: flex;
}

.wrap .financialWrap .tabMenuWrap .content .gr span {
    margin-right: 5px;
}

.wrap .financialWrap .tabMenuWrap .content .btnArea {
    width: 532px;
    margin: 0 auto;
    margin-top: 100px;
    color: #fff;
}

.wrap .financialWrap .tabMenuWrap .content .btnArea a {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #a50034;
    border-radius: 16px;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
}

.wrap .center1414 {
    margin: 0 auto;
    width: 1414px;
}

/* 2022-04-05 */
.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li {
    width: 33.33%;
}

.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .stockWrap .tabMenuWrap .content {
    padding-bottom: 200px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide {
    width: 571px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide.en {
    width: 1010px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #888;
    cursor: pointer;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li a {
    color: #888;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act {
    color: #000;
    position: relative;
    font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act a {
    color: #000;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act::after {
    position: absolute;
    display: block;
    content: "";
    bottom: -1px;
    background-color: #a50034;
    width: 100%;
    height: 2px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent {
    display: none;
    margin-top: 70px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent.act {
    display: block;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent .apiArea {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent .apiArea iframe {
    width: 100%;
    height: calc(100vw * 0.339);
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent .apiArea .image img {
    width: 100%;
}

.wrap .stockWrap .tabMenuWrap .content.content2 {
    margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle {
    background-color: #f5f6f8;
    display: flex;
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #000;
    margin-top: 40px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #444;
    box-sizing: border-box;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list1 {
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 {
    width: calc(100% - 545px);
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 h3 {
    text-align: center;
    padding-top: 21px;
    padding-bottom: 23px;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub {
    display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub li {
    width: 33.33%;
    text-align: center;
    padding-top: 19px;
    padding-bottom: 25px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub li.left {
    border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub li.right {
    border-left: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list3 {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph {
    display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media1 {
    width: 340px;
    background-color: #f5f6f8;
    border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media1 .subList {
    text-align: center;
    font-size: 18px;
    line-height: 65px;
    font-weight: 500;
    color: #444;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media2 {
    width: calc((100% - 545px) / 3);
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media2 .subList {
    font-size: 18px;
    line-height: 65px;
    font-weight: 500;
    color: #444;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media3 {
    width: 200px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media3 .subList {
    font-size: 18px;
    line-height: 65px;
    font-weight: 500;
    color: #444;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .policy {
    margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .policy h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .policy p,
.wrap .stockWrap .tabMenuWrap .content.content3 .policy p {
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    margin-top: 40px;
    word-break: keep-all;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend {
    margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap {
    margin-top: 40px;
    border-top: 2px solid #000;
    display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 {
    width: 340px;
    background-color: #f5f6f8;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    color: #444;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap {
    display: flex;
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap li:last-of-type {
    border-bottom: none;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub1 {
    width: 204px;
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub2 {
    width: 135px;
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap h2 {
    width: 204px;
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap ol {
    width: 135px;
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 {
    width: 203px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 .title {
    background-color: #f5f6f8;
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    border-left: 1px solid #ddd;
    color: #444;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #444;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .gr {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #888;
    margin-top: 40px;
}


.wrap .stockWrap .tabMenuWrap .content.content3 h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .gr {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #888;
    margin-top: 40px;
    display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .gr span {
    margin-right: 5px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap {
    display: flex;
    border-top: 2px solid #000;
    margin-top: 40px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 {
    width: 340px;
    background-color: #f5f6f8;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    color: #444;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 {
    width: 203px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li {
    text-align: center;
    font-size: 18px;
    line-height: 65px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.title {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    color: #444;
    text-align: center;
    background-color: #f5f6f8;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap {
    margin-top: 40px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph {
    display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph1 {
    width: 190px;
    background-color: #f5f6f8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
    border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph2 {
    width: 190px;
    background-color: #f5f6f8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
    border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph3 {
    width: 162px;
    background-color: #f5f6f8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
    border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 {
    width: 815px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    padding-left: 40px;
    padding-top: 23px;
    padding-bottom: 22px;
    color: #444;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media.bt000 {
    border-bottom: 1px solid #000;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media:last-of-type {
    border-bottom: none;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    display: flex;
    height: 132px;
    border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph.graphTitle li {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .center1414 {
    margin: 0 auto;
    width: 1414px;
}

/* .wrap a {
  color: inherit !important;
} */
.wrap .financialTitle {
    width: 238px !important;
}

/* 2022 04 06 */
.wrap .referenceWrap {
    padding-bottom: 200px;
}

.wrap .referenceWrap .tabMenuWrap .menuLine .tabMenu li {
    width: 50%;
}

.wrap .referenceWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .referenceWrap .tabMenuWrap .content {
    margin-top: 100px;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #000;
}

#performance_list {
    width: 100%;
}

#performance_IndexFrame {
    margin-top: 50px;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph .list1 {
    font-weight: 700;
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f6f8;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph .list2 {
    width: 510px;
    border-left: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
    color: #444;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li.c666 a {
    /* display: block; */

    background-color: #a50034;
    padding: 10px 24px;
    color: #fff;
    border-radius: 8px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li.c666 a {
    /* display: block; */

    background-color: #a50034;
    padding: 10px 24px;
    color: #fff;
    border-radius: 8px;
}

.mobBtn {
    display: none;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li .sub li {
    border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li .sub li.c666 {
    color: #666;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li .sub li.c666 img {

}

.wrap .referenceWrap .tabMenuWrap .content.content2 h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap {
    margin-top: 40px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #000;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle li.list2-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1 {
    font-weight: 700;
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f6f8;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 {
    display: block;
    text-align: center;
    line-height: 65px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li {
    font-weight: 700;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list2 {
    width: 337px;
    border-left: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list2.list2-2 {
    width: 255px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 {
    border-left: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 h3 {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .subTitle {
    display: flex;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .subTitle li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    width: 253px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .flexWrap {
    display: flex;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .flexWrap .sub {
    width: 253px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .bdl {
    border-left: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
    color: #444;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li {
    border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 {
    color: #666;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 img {

}

.wrap .referenceWrap .tabMenuWrap .faqSearchWrap {
    margin-top: 100px;
}

.wrap .referenceWrap .irBnWrap {
    background-image: url("../img/img-bn-irinquiries.png");
    padding: 60px 0;
    margin-top: 120px;
}

.wrap .referenceWrap .irBnWrap h2 {
    font-size: 24px;
    line-height: 27px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.wrap .referenceWrap .irBnWrap .flexBtn {
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
    width: 404px;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 0 !important;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn.btn1 {
    width: 214px;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn.btn1 a {
    color: inherit;
    display: flex;
    align-items: center;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn.btn2 {
    width: 174px;
    margin-left: 7px;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn.btn2 a {
    color: inherit;
}

.wrap .noticeDataWrap .tabMenuWrap .menuLine .tabMenu li {
    width: 50%;
}

.wrap .noticeDataWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .noticeDataWrap .tabMenuWrap .content {
    margin-top: 100px;
    padding-bottom: 200px;
}

.wrap .noticeDataWrap .tabMenuWrap .content .noticeImg {
    width: 732px;
    margin: 0 auto;
}

.wrap .noticeDataWrap .tabMenuWrap .content .noticeImg iframe {
    width: 732px;
    /* height: calc(100vw * 0.48); */
    height: 960px;
    border: none;
    overflow-y: hidden;
}

.wrap .noticeDataWrap .tabMenuWrap .content .noticeImg iframe body {
    overflow-Y: hidden;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap {
    margin-top: 40px;
}

#sales_list {
    width: 100%;
    border-top: 2px solid #000;
}

table {
    border-collapse: collapse;
}

#pagingIrForm {
    /*border-top: 2px solid #000;*/
}

#pagingIrForm {
}

td, th {
    border: 1px solid #ddd;
}

#pagingIrForm thead th:first-of-type {
    border-left: 0;
}

#pagingIrForm thead th:last-of-type {
    border-right: 0;
}

#pagingIrForm thead tr th {
    text-align: center;
    padding: 22px 0;
    background-color: #f5f6f8;
}

#pagingIrForm thead tr th {
    width: 40%;
    font-size: 18px;
}

#pagingIrForm thead tr th:nth-of-type(1) {
    width: 20%;
}

#pagingIrForm tbody tr th {
    width: 20%;
    background-color: #f5f6f8;
    border-left: 0;
    font-size: 18px;
}

#pagingIrForm tbody tr td {
    text-align: center;
    padding: 18px 0;
    width: 40%;
    font-size: 18px;
}

#pagingIrForm tbody tr td:last-of-type {
    border-right: 0;
}

#pagingIrForm tbody tr td button {
    min-width: 146px;
    height: 44px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000 !important;
    margin: 0 auto;
    font-size: 20px;
    box-sizing: border-box;
    padding: 13px 20px 13px 24px;
    line-height: 100%;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;

}

#pagingIrForm tbody tr td button span {
    color: #000;
    font-size: 20px;
}

/*#pagingIrForm tbody tr td button img{*/
/*	margin-left: 10px;*/
/*}*/
#pagingIrForm #corporate_list {
    width: 100%;
}

#pagingIrForm #corporate_list thead tr th:first-child {
    width: 10%;
}

#pagingIrForm #corporate_list thead tr th:nth-child(2) {
    width: 50%;
}

#pagingIrForm #corporate_list thead tr th:nth-child(3),
#pagingIrForm #corporate_list thead tr th:nth-child(4) {
    width: 20%;
}

#pagingIrForm #corporate_list tbody tr td:first-child {
    width: 10%;
}

#pagingIrForm #corporate_list tbody tr td:nth-child(2) {
    width: 50%;
    word-break: break-word;
    padding: 18px;
}

#pagingIrForm #corporate_list tbody tr td:nth-child(3),
#pagingIrForm #corporate_list tbody tr td:nth-child(4) {
    width: 20%;
}

#sales_IndexFrame {
    margin-top: 50px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #000;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle li.list2-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1 {
    font-weight: 700;
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f6f8;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 {
    display: block;
    text-align: center;
    line-height: 65px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li {
    font-weight: 700;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li.lh130 {
    line-height: 130px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li.lh195 {
    line-height: 195px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list2 {
    width: 510px;
    border-left: 1px solid #ddd;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
    color: #444;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li {
    border-bottom: 1px solid #ddd;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 {
    color: #666;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 img {
    margin-left: 10px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 a {
    background-color: #a50034;
    padding: 10px 24px;
    color: #fff;
    border-radius: 8px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .downloadBtn {
    width: 532px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 100px;
    background-color: #a50034;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    border-radius: 16px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .downloadBtn a {
    color: inherit;
}

.wrap .ceoMsgWrap {
    padding-bottom: 200px;
}

.wrap .ceoMsgWrap.en {
    padding-bottom: 300px;
}

.wrap .ceoMsgWrap.cn {
    padding-bottom: 400px;
}

.wrap .ceoMsgWrap .positionWrap {
    position: relative;
    margin-top: 100px;
    height: 1870px;
}

.wrap .ceoMsgWrap .positionWrap .left {
    width: 532px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.wrap .ceoMsgWrap .positionWrap .right {
    width: 1494px;
    height: 110%;
    background-color: #f5f6f8;
    position: absolute;
    right: 0;
    top: 0;
}

.wrap .ceoMsgWrap .positionWrap .right .text {
    position: absolute;
    top: -14px;
    right: 134px;
    width: 902px;
}

.wrap .ceoMsgWrap .positionWrap .right .text p {
    font-size: 17px;
    line-height: 36px;
    font-weight: normal;
    color: #666;
    margin-top: 20px;
    word-break: keep-all;
}

.wrap .ceoMsgWrap .positionWrap .right .text p:nth-of-type(1) {
    margin-top: 0;
}

.wrap .ceoMsgWrap .positionWrap .right .text h2 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 900;
    color: #a50034;
    margin-top: 30px;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap {
    width: 722px;
    margin-top: 20px;
    margin-left: auto;
    /*margin-right: -74px;*/
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    /*margin-right: 40px;*/
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side_image {
    margin-top: 40px;
    /*margin-right: 70px;*/
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side_image img {
    width: 200px;
    height: 40px;
    padding-bottom: 40px;
    position: relative;
    right: 30px;
    bottom: 20px;

}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap h3 {
    font-size: 20px;
    line-height: 36px;
    font-weight: 1000;
    margin-top: 20px;
    text-align: right;
    position: relative;
    right: 38px;
    bottom: 20px;

}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.en h3 {
    margin-right: 0;

}

.wrap .esgVisionWrap .articleBox {
    margin-top: 100px;
    padding-bottom: 200px;
}

.wrap .esgVisionWrap .articleBox h2 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
}

.wrap .esgVisionWrap .articleBox p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
    /* word-break: keep-all; */
    word-break: break-all;
}

.wrap .esgVisionWrap .articleBox .image {
    margin: 0 auto;
    margin-top: 80px;
}

.wrap .esgVisionWrap .articleBox h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 100px;
}

.wrap .esgVisionWrap .articleBox h4 {
    margin-top: 100px;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgVisionWrap .articleBox h4:nth-of-type(1) {
    margin-top: 40px;
}

.wrap .esgCarbonWrap {
    padding-bottom: 200px;
}

.wrap .esgCarbonWrap .carbonSection .image {
    margin-top: 100px;
}

.wrap .esgCarbonWrap .carbonSection h4 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-top: 60px;
}

.wrap .esgCarbonWrap .carbonSection .image img {
    width: 100%;
}

.wrap .esgCarbonWrap .carbonSection .text {
    margin-top: 100px;
}

.wrap .esgCarbonWrap .carbonSection .text h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgCarbonWrap .carbonSection .text p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap {
    margin-top: 40px;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph.graphTitle li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    color: #444;
    text-align: center;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph.graphTitle li.list1 {
    width: 340px;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph.graphTitle li.list2 {
    width: 203px;
    border-left: 1px solid #ddd;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    color: #444;
    text-align: center;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph li.list1 {
    width: 340px;
    font-weight: 700;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph li.list2 {
    width: 203px;
    border-left: 1px solid #ddd;
}

.wrap .esgCarbonWrap .carbonSection .emissionWrap {
    margin-top: 100px;
}

.wrap .esgCarbonWrap .carbonSection .emissionWrap h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgCarbonWrap .carbonSection .emissionWrap .listWrap {
    width: 100%;
    height: 400px;
    background-color: #ccc;
    margin-top: 40px;
}

.wrap .esgPrideWrap {
    padding-bottom: 200px;
}

.wrap .esgPrideWrap .prideWrap {
    margin-top: 100px;
}

.wrap .esgPrideWrap .prideWrap h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgPrideWrap .prideWrap p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
}

.wrap .esgPrideWrap .prideWrap .image {
    width: 100%;
    margin-top: 40px;
}

.wrap .esgTitle {
    width: 278px !important;
}

.numbering {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}

.numbering .btn {
    width: 32px;
    height: 32px;
}

.numbering ul {
    display: flex;
    justify-content: center;
    padding: 0 24px;
}

.numbering ul li {
    width: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
}

.numbering ul li a {
    color: #666;
}

.numbering ul li.active {
    background-color: #a50034;
    border-radius: 8px;
    color: #fff;
}

.numbering ul li.active a {
    color: #fff;
}

/* 2022 04 07 */
.wrap .esgPrideWrap {
    padding-bottom: 200px;
}

.wrap .esgPrideWrap .prideWrap {
    margin-top: 100px;
}

.wrap .esgPrideWrap .prideWrap h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgPrideWrap .prideWrap p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
    word-break: keep-all;
}

.wrap .esgPrideWrap .prideWrap .pride {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.wrap .esgPrideWrap .prideWrap .pride .side {
    width: 50%;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap {
    display: flex;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .left {
    font-size: 26px;
    position: relative;
    width: 46px;
    height: 46px;
    border: 1px solid #a50034;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .left span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #a50034;
    font-weight: 900;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right {
    margin-top: 9px;
    margin-left: 14px;
    width: calc(100% - 50px);
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right h3 {
    font-size: 26px;
    line-height: 28px;
    font-weight: 700;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right .text {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
}

.wrap .esgPrideWrap .prideWrap .image img {
    width: 100%;
}

.wrap .esgSupplyWrap {
    padding-bottom: 200px;
}

.wrap .esgSupplyWrap .supplyWrap h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 100px;
}

.wrap .esgSupplyWrap .supplyWrap h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 100px;
}

.wrap .esgSupplyWrap .supplyWrap p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    margin-top: 40px;
    color: #666;
    /*word-break: keep-all;*/
}

.wrap .esgSupplyWrap .supplyWrap .supplyArtSubHeader h2 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 100px;
}

.wrap .esgSupplyWrap .supplyWrap .downloadBtn {
    width: auto;
    height: 50px;
    border: 1px solid #bbb;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #666;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 38px;
    min-width: 356px;
    max-width: 620px;
    padding: 0 20px;
}

.wrap .esgSupplyWrap .supplyWrap .downloadBtn a {
    color: inherit !important;
}

.wrap .esgSupplyWrap .supplyWrap .image {
    width: 100%;
    margin-top: 40px;
}

.wrap .esgSupplyWrap .supplyWrap .image img {
    width: 100%;
}

.artHeader {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.gr {
    font-size: 18px;
    color: #888;
    font-weight: 500;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap {
    border-top: 2px solid #000;
    margin-top: 40px;
    margin-bottom: 20px;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph.graphTitle li {
    color: #444;
    font-weight: 700;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li {
    font-size: 18px;
    width: 25%;
    text-align: center;
    padding: 22px 20px;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    margin: auto;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.text-right {
    text-align: right;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap2 .graph li {
    width: 33.33%;
    margin: auto
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap.en .graph li.list1 {
    height: 62px;
    /*padding: 16px 0;*/
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list1 {
    background-color: #f5f6f8;
    color: #444;
    font-weight: 700;
    border-left: 0;
    /* height: 64px; */
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list_1 {
    background-color: #f5f6f8;
    color: #444;
    font-weight: 700;
    border-left: 0;
    height: 90px;
    padding: 36px 0;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap.en .graph li.list_1 {
    height: 88px;
    /*padding: 24px 0;*/
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list_2 {
    /* background-color: #f5f6f8; */
    color: #444;
    font-weight: 700;
    /* height: 96px; */
    line-height: 46px;
    text-align: right;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list_3 {
    /* background-color: #f5f6f8; */
    color: #444;
    font-weight: 700;
    line-height: 46px;
    text-align: right;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list1 span br {
    display: none !important;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list_1 span br {
    display: none !important;
}

.wrap .esgContributionWrap {
    padding-bottom: 200px;
}

.wrap .esgContributionWrap .contributionWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 100px;
}

.wrap .esgContributionWrap .contributionWrap article h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
    margin-top: 40px;
}

.wrap .esgContributionWrap .contributionWrap article h3.mt80 {
    margin-top: 80px;
}

.wrap .esgContributionWrap .contributionWrap article p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
    word-break: keep-all;
}

.wrap .esgContributionWrap .contributionWrap article p.mt20 {
    margin-top: 20px;
}

.wrap .esgContributionWrap .contributionWrap article .image {
    width: 100%;
    margin-top: 40px;
}

.wrap .esgContributionWrap .contributionWrap article .image img {
    width: 100%;
}

.wrap .esgContributionWrap .contributionWrap article .vod {
    width: 100%;
    margin-top: 40px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.wrap .esgContributionWrap .contributionWrap article .vod iframe {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media {
    display: flex;
    margin-top: 40px;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .picture {
    width: 260px;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .picture img {
    width: 100%;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text {
    box-sizing: border-box;
    padding: 45px 40px;
    width: calc(100% - 260px);
}

.mobSegment {
    display: none;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text .segment {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    margin-top: 40px;
    word-break: keep-all;
    /*width: 1060px;*/
    width: 100%;
}

.wrap .esgShareholderWrap {
    padding-bottom: 200px;
}

.wrap .esgShareholderWrap .shareholderWrap article {
    margin-top: 100px;
    /*width: 1369px;*/
}

.wrap .esgShareholderWrap .shareholderWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgShareholderWrap .shareholderWrap article p {
    color: #666;
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    margin-top: 40px;
    /*word-break: keep-all;*/
    width: 100%;
    letter-spacing: -0.04em;
}

.wrap .esgShareholderWrap .shareholderWrap article .image {
    width: 100%;
    margin-top: 40px;
}

.wrap .esgShareholderWrap .shareholderWrap article .gr {
    text-align: right;
    margin: 40px 0;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap {
    display: flex;
    border-top: 2px solid #000;
    margin-top: 20px;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph {
    /* width: 203px; */
    width: calc((100% - 340px) / 5);
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle {
    min-width: 63px;
    width: 340px;
    background-color: #f5f6f8;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li br {
    display: none !important;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    color: #444;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list1 {
    background-color: #f5f6f8;
    font-weight: 700;
    border-left: 1px solid #ddd;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list2 {
    border-left: 1px solid #ddd;
}

.wrap .riskManagementWrap {
    padding-bottom: 200px;
}

.wrap .riskManagementWrap .tabMenuWrap .menuLine .tabMenu li {
    width: 50%;
}

.wrap .riskManagementWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit !important;
}

.wrap .riskManagementWrap .content {
    display: none;
}

.wrap .riskManagementWrap .content.on {
    display: block;
}

.wrap .riskManagementWrap .articleTitleWrap .riskTitle {
    width: 400px !important;
}

.wrap .riskManagementWrap .managementWrap article {
    margin-top: 100px;
}

.wrap .riskManagementWrap .managementWrap article.mt60 {
    margin-top: 60px;
}

.wrap .riskManagementWrap .managementWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .riskManagementWrap .managementWrap article h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 80px;
    font-weight: 900;
    width: 1360px;
}

.wrap .riskManagementWrap .managementWrap article h4 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 40px;
    font-weight: 700;
}

.wrap .riskManagementWrap .managementWrap article p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
    word-break: keep-all;
}

.wrap .riskManagementWrap .bulletLi {
    margin-top: 15px;
}

.wrap .riskManagementWrap .bulletLi li {
    position: relative;
}

.wrap .riskManagementWrap .bulletLi li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #666;
    border: 1px solid transparent;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 15px;
}

.wrap .riskManagementWrap .bulletLi li p {
    display: inline;
    padding-left: 15px;
}

.wrap .riskManagementWrap .managementWrap article .image {
    width: 100%;
    margin-top: 40px;
}

.wrap .riskManagementWrap .managementWrap article .image img {
    width: 100%;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap {
    margin-top: 100px;
    padding-bottom: 200px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .segment {
    color: #666;
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 86px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media {
    width: 417px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media .image {
    height: 248px;
    background-color: #ccc;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media .text {
    margin-top: 24px;
    text-align: center;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media .text h3 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 900;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media .text p {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #666;
    margin-top: 20px;
    word-break: keep-all;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article .image {
    width: 100%;
    height: 400px;
    background-color: #ccc;
    margin-top: 40px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article .flexWrap .side {
    width: 620px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article .flexWrap .side h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article .flexWrap .side .picture {
    height: 400px;
    background-color: #ccc;
    margin-top: 40px;
}

.wrap .esgResourceWrap {
    padding-bottom: 200px;
}

.wrap .esgResourceWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit !important;
}

.wrap .esgResourceWrap .tabMenuWrap .menuLine .tabMenu li {
    width: 50%;
}

.wrap .esgResourceWrap .tabMenuWrap .menuLine .tabMenu li.on {

}

.wrap .esgResourceWrap .content {
    display: none;
}

.wrap .esgResourceWrap .content.on {
    display: block;
}

.wrap .esgResourceWrap .resourceWrap article {
    margin-top: 100px;
}

.wrap .esgResourceWrap .resourceWrap article .articleHeader {
    /*display: flex;*/
    justify-content: space-between;
    align-items: flex-end;
}

.wrap .esgResourceWrap .resourceWrap article h2 {
    font-size: 36px;
    line-height: 100px;
    font-weight: 700;
}

.wrap .esgResourceWrap .resourceWrap article p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
    max-width: 1360px;
    word-break: keep-all;
}

.wrap .esgResourceWrap .resourceWrap article .gr {
    font-size: 18px;
    font-weight: 500;
    color: #888;
    margin-top: 40px;
    line-height: 28px;
    display: flex;
}

.wrap .esgResourceWrap .resourceWrap article .gr span {
    margin-right: 5px;
}

.wrap .esgResourceWrap .resourceWrap article .articleHeader .gr {
    margin-top: 0;
    float: right;
}

.wrap .esgResourceWrap .resourceWrap article h3 {
    margin-top: 0px;
    font-size: 28px;
    font-weight: 700;
}

.wrap .esgResourceWrap .resourceWrap article .image {
    width: 100%;
    margin-top: 40px;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap {
    display: flex;
    border-top: 2px solid #000;
    margin-top: 40px;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph {
    width: 25%;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph.graphTitle {
    width: 25%;
    background-color: #f5f6f8;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    color: #444;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.list1 {
    background-color: #f5f6f8;
    font-weight: 700;
    border-left: 1px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.list2 {
    border-left: 1px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap .plan {
    margin-top: 80px;
}

.wrap .esgResourceWrap .resourceWrap .plan h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap {
    display: flex;
    border-top: 2px solid #000;
    margin-top: 40px;
    border-bottom: 1px solid #000;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap:nth-of-type(2) {
    border-bottom: 0px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graphTitle {
    width: 340px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph1 {
    width: 415px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 {
    width: 655px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li {
    text-align: left;
    padding-left: 48px;
    padding-top: 18.7px;
    padding-bottom: 18px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li1 {
    line-height: 28px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li2 {
    line-height: 28px;
    /* border-bottom: none; */
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li3 {
    line-height: 28px;
    border-bottom: none;
    height: 57px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2.cn .sub li.li3 {
    height: 82px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2.en .sub li.li3 {
    line-height: 28px;
    height: 112px !important;
    margin-top: 0px !important;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2.en .list2 .sub li.li3 {
    height: 122px !important;
    margin-top: 0px !important;
    line-height: 1.56;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2.ko .sub li.li3 {
    line-height: 28px;
    border-bottom: none;
    height: 58px;
    margin-top: 0px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2 .graph.graph2 .list2.ko .sub li.li3 {
    height: 82px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    color: #444;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list1 {
    background-color: #f5f6f8;
    font-weight: 700;
    border-left: 1px solid #ddd;
    background-color: #f5f6f8;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list1.bdl0 {
    border-left: 0;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0 {
    border-left: 0;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 {
    border-left: 1px solid #ddd;
    line-height: 309px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.cn {
    line-height: 334px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1 {
    line-height: 93px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2 {
    line-height: 120.2px;
    /* border-bottom: none; */
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2 .graph li.list2 .sub li.li2 {
    line-height: 120px;
    border-bottom: none;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li3 {
    line-height: 94px;
    border-bottom: none;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li3.cn {
    line-height: 118px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li3.en {
    line-height: 158px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2 {
    margin-top: 0;
    border-top: none;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2 .graphTitle .list2 {
    line-height: 28px;
    height: 121px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .esgSafeWrap {
    padding-bottom: 200px;
}

.wrap .esgSafeWrap .safeWrap article .row {
    display: flex;
    padding-top: 40px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox {

    float: left;
    padding: 30px;
    height: 170px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.en {
    float: left;
    padding: 10px;
    height: 10%;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.en {
    float: left;
    padding: 10px;
    height: 170px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX {
    float: left;
    padding: 45px 30px 30px 30px;
    height: 170px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.left {
    width: 29%;
    height: 170px;
    padding: 18px 85px 18px 85px;
    border: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.left.en {
    width: 29%;
    height: 170px;
    padding: 10px 10px 10px 10px;
    border: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.left.en {
    width: 29%;
    height: 207px;
    padding: 10px 10px 10px 10px;
    border: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.right {
    width: 74%;
    margin-left: 25px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    background-color: #fff;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox h3.title-txt {
    font-size: 24px;
    font-weight: 900;
    width: 70%;
    line-height: 1.67;
    word-break: keep-all;
    margin: 10% 10% 10% 15%;
    letter-spacing: 2px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.en h3.title-txt {
    font-size: 24px;
    font-weight: 900;
    width: 100%;
    line-height: 1.67;
    word-break: keep-all;
    margin: 10% 10% 10% 0%;
    letter-spacing: normal;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.left.en h3.title-txt {
    font-size: 24px;
    font-weight: 900;
    width: 100%;
    line-height: 1.67;
    word-break: keep-all;
    margin: 15% 10% 10% 0%;
    letter-spacing: 2px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox .flexWrap span {
    font-size: 24px;
    line-height: 37px;
    letter-spacing: -0.2px;
    color: #666;
}


.wrap .esgSafeWrap .safeWrap article {
    margin-top: 100px;
}

.wrap .esgSafeWrap .safeWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgSafeWrap .safeWrap article .image {
    width: 100%;
    margin-top: 40px;
}

.wrap .esgSafeWrap .safeWrap article .image img {
    width: 100%;
}

.wrap .esgSafeWrap .safeWrap article p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin-top: 40px;
    word-break: keep-all;
}

.wrap .esgSafeWrap .safeWrap article p.center {
    text-align: center;
}

.wrap .esgSafeWrap .safeWrap article .tag {
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 60px 0;
    margin-top: 60px;
}

.wrap .esgSafeWrap .safeWrap article .tag h3 {
    font-size: 28px;
    line-height: 44px;
}

.wrap .esgSafeWrap .safeWrap article .tag p {
    font-size: 24px;
    line-height: 26px;
    margin-top: 20px;
    color: #666;
    word-break: keep-all;
}

.wrap .esgSafeWrap .safeWrap article .textBox {
    margin-top: 40px;
    padding: 80px 60px;
    border: 1px solid #ddd;
}

.wrap .esgSafeWrap .safeWrap article .textBox.bdbtX {
    margin-top: 0;
    border-top: 0;
}

.wrap .esgSafeWrap .safeWrap article .textBox h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
}

.wrap .esgSafeWrap .safeWrap article .textBox h3:nth-of-type(1) {
    margin-top: 10px;
}

.wrap .esgSafeWrap .safeWrap article .textBox .box {
    /* display: flex; */
    flex-wrap: wrap;
    margin-top: 40px;
}

.wrap .esgSafeWrap .safeWrap article .textBox .box .flexWrap {
    display: flex;
    font-size: 24px;
    line-height: 40px;
    color: #666;
}

.wrap .esgSafeWrap .safeWrap article .textBox .box span {
    display: inline-block;
    word-break: keep-all;
}

.wrap .esgSafeWrap .safeWrap article .textBox .box span.red {
    color: #a50034;
    font-weight: 700;
}

.wrap .esgSafeWrap .safeWrap .media {
    margin-top: 60px;
}

.wrap .esgSafeWrap .safeWrap .media:nth-of-type(2) {
    margin-top: 80px;
}

.wrap .esgSafeWrap .safeWrap .media h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box {
    width: 260px;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image {
    width: 287px;
    height: 88px;
    border-radius: 14px;
    position: relative;
    border: 2px solid #888;
    color: #666;
    font-weight: 900;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image.red {
    border: solid 2px #99273e;
    color: #a50034;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image span {
    font-size: 26px;
    line-height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box p {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #666;
    text-align: center;
    margin-top: 40px;
    width: 287px;
}

.wrap .safeTitle {
    width: 240px !important;
}

.wrap .esgTitle {
    width: 278px !important;
}

/* 2022 04 08 */
.wrap .esgManagementPolicyWrap .tabMenuWrap .menuLine .tabMenu li {
    width: 33.33%;
}

.wrap .esgManagementPolicyWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit;
}

.wrap .esgManagementPolicyWrap .content {
    display: none;
}

.wrap .esgManagementPolicyWrap .content.on {
    display: block;
    overflow: hidden;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap {
    margin-top: 100px;
    padding-bottom: 200px;
}

.wrap .esgManagementPolicyWrap .tabMenuWrap {
    margin-top: 100px;
}

.wrap .esgManagementPolicyWrap .textHeader {
    display: flex;
    align-items: center;
    margin-top: 100px;
}

.wrap .esgManagementPolicyWrap .textHeader .image {
    width: 160px;
    margin-right: 78px;
}

.wrap .esgManagementPolicyWrap .textHeader .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .textHeader .text {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    word-break: keep-all;
    width: calc(100% - 160px);
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay {
    margin-top: 189px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up {
    margin-top: 40px;
    /* padding-top: 40px; */
    /* padding-bottom: 40px;
  padding-left: 148px; */
    border: 1px solid #ddd;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .upContent {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1080px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .image {
    width: 180px;
    border-radius: 50%;
    margin-right: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .text {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    color: #444;
    width: calc(100% - 180px);
    /* word-break: keep-all; */
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media {
    width: calc(33.33% - 20px);
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 32px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .image {
    width: 160px;
    border-radius: 50%;
    margin-right: 40px;
    margin: 0 auto;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text {
    text-align: center;
    margin-top: 22px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text h3 {
    font-size: 20px;
    line-height: 34px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text h2 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    color: #a50034;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text p {
    font-size: 22px;
    line-height: 30px;
    font-weight: normal;
    margin-top: 30px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic {
    margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab {
    margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle {
    width: 785px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li a {
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
    color: #888;
    word-break: keep-all;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li.on a {
    font-weight: 700;
    color: #000;
    position: relative;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li.on a::after {
    position: absolute;
    display: block;
    content: "";
    bottom: -8px;
    width: 100%;
    height: 2px;
    background-color: #a50034;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area {
    margin-top: 80px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area h2 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 900;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 40px;
    word-break: keep-all;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area .textBox {
    margin-top: 20px;
    color: #666;
    /* word-break: keep-all; */
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area .textBox h4 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area.area1 {
    margin-top: 70px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal {
    margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 520px;
    border: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in {
    display: flex;
    align-items: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image {
    width: 180px;
    border-radius: 50%;
    margin-right: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .text {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #444;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap {
    border-top: 2px solid #000;
    margin-top: 80px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li {
    padding: 18px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1 {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
    background-color: #f5f6f8;
    width: 340px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd32 {
    padding: 32px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd36 {
    padding: 36px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd60 {
    padding: 60px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #444;
    width: calc(100% - 340px);
    padding-left: 25px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg {
    margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader {
    border: 1px solid #ddd;
    padding: 40px 0;
    margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in .image {
    width: 180px;
    border-radius: 50%;
    margin-right: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #444;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap {
    display: block;
    margin-top: 60px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media {
    width: 100%;
    display: flex;
    margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .image {
    width: 50%;
    background-color: #f5f5f5;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange {
    width: 50%;
    padding: 42px 60px;
    box-sizing: border-box;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text {
    padding: 74px 60px;
    background-color: #fafafa;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 20px;
    word-break: keep-all;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn {
    width: 423px;
    height: 44px;
    background-color: #a50034;
    padding: 11px 24px;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 20px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn a {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany {
    margin-top: 80px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    margin-top: 40px;
    color: #666;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox {
    display: flex;
    margin-top: 57px;
    border-top: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .left {
    background-color: #ccc;
    width: 502px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .left img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right {
    width: calc(100% - 502px);
    display: flex;
    flex-wrap: wrap;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article {
    width: 50%;
    height: 360px;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .image {
    width: 130px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text {
    position: absolute;
    top: 40px;
    left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    margin-top: 20px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text p {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    margin-top: 20px;
    word-break: keep-all;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article.articleAll {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement {
    margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader {
    border: 1px solid #ddd;
    padding: 40px 0;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1160px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in .image {
    width: 200px;
    border-radius: 50%;
    margin-right: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #444;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy {
    margin-top: 80px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy h3 {
    margin-top: 40px;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy ul {
    margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy ul li {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    display: flex;
    width: 1300px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy ul li span {
    margin-right: 5px;
    letter-spacing: -0.1px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim {
    margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media {
    width: 32%;
    height: 520px;
    padding-top: 70px;
    border: 1px solid #ddd;
    border-radius: 32px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .image {
    width: 160px;
    border-radius: 50%;
    margin: 0 auto;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text {
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text h3 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 27px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround {
    width: 100%;
    padding: 50px 0;
    background-color: #fafafa;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia {

}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia .image {
    width: 160px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia .image img {
    width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-top: 10px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .system {
    margin-top: 80px;
    width: 1360px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .system h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .system p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #666;
    margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem {
    margin-top: 100px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap {
    border-top: 2px solid #000;
    margin-top: 40px;
    border-bottom: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph {
    display: flex;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph.graph2 {
    border-bottom: 1px solid #000;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 256px;
    text-align: center;
    color: #444;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    border-left: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li.list1 {
    width: 332px;
    background-color: #f5f6f8;
    border-left: none;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li .sub li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    color: #444;
    border-left: none;
    border-bottom: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li .sub li:last-of-type {
    border-bottom: none;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-bottom: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph.graphTitle li {
    height: 91px;
}

.wrap .esgEnvironmentWrap .environmentWrap {
    margin-top: 100px;
    padding-bottom: 200px;
}

.wrap .esgEnvironmentWrap .environmentWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .esgEnvironmentWrap .environmentWrap article p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #666;
    margin-top: 40px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .image {
    width: 100%;
    margin-top: 40px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .image img {
    width: 100%;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn {
    width: 530px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn li a {
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
    color: #888;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn li.on a {
    font-weight: 700;
    color: #000;
    position: relative;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn li.on a::after {
    position: absolute;
    display: block;
    content: "";
    bottom: -8px;
    width: 100%;
    height: 2px;
    background-color: #a50034;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content {
    display: none;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .gr {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #888;
    margin-top: 35px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .red {
    width: 12px;
    height: 12px;
    background-color: #a50034;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .blank {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #888;
    display: inline-block;
    box-sizing: border-box;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap {
    border-top: 2px solid #000;
    margin-top: 40px;
    width: 1360px !important;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #000;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    height: 130px;
    border-bottom: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li h3 {
    line-height: 64px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub {
    line-height: 65px;
    display: flex;
    border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub .list {
    text-align: center;
    width: 87px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap.en .graph.graphTitle li .sub .list {
    line-height: 20px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub .list:nth-of-type(1) {
    border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li {
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con1 {
    width: 250px;
    border-right: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f6f8;
}

.wrap .esgEnvironmentWrap .environment212Wrap article .graphWrapAll .content .graphWrap .graph li.con2 {
    width: 176px;
    border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub {
    display: flex;
    height: 100%;
    border-right: 1px solid #ddd;;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list {
    width: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list:nth-of-type(1) {
    border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list .spot {
    width: 12px;
    height: 12px;
    background-color: #a50034;
    border-radius: 50%;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list .spot.blank {
    border: 1px solid #888;
    background-color: #fff;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list .spot.line {
    width: 10px;
    height: 2px;
    background-color: #888;
    border-radius: none;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 {
    width: 211px;
    border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 h3 {
    font-size: 18px;
    line-height: 60px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh120 {
    line-height: 120px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh92 {
    line-height: 92px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh64 {
    line-height: 64px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh56 {
    line-height: 56px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 {
    width: 211px;
    border-right: 1px solid #ddd;
    position: relative;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 h3 {
    font-size: 18px;
    line-height: 60px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 h3:last-of-type {
    border-bottom: 0;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 h3:last-of-type {
    border-bottom: 0;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh120 {
    line-height: 120px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh92 {
    line-height: 92px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh64 {
    line-height: 64px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh56 {
    line-height: 56px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .sticker {
    position: absolute;
    top: -93px;
    background-color: #fff;
    width: 210px;
    height: 185px;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    padding-top: 50px;
    box-sizing: border-box;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5 {
    width: 510px;
    display: flex;
    align-items: center;
    padding-left: 22px;
    text-align: left;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5.con5Line {
    display: block;
    padding-left: 0;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5.con5Line h4 {
    font-size: 18px;
    line-height: 64px;
    font-weight: normal;
    color: #444;
    border-bottom: 1px solid #ddd;
    padding-left: 22px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5.con5Line h4:last-of-type {
    border-bottom: none;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content.on {
    display: block;
}

.wrap .articleTitleWrap .riskTitle {
    width: auto !important;
}

.wrap .safeTitle {
    width: 240px !important;
}

.wrap .esgTitle {
    width: auto !important;
}

.wrap .center1414 {
    margin: 0 auto;
    width: 1414px;
}

.esgGovernanceWrap {
    padding-bottom: 200px;
}

.wrap .esgGovernanceWrap .tabMenuWrap .menuLine .tabMenu li a {
    color: inherit !important;
}

.wrap .esgGovernanceWrap .content {
    display: none;
}

.wrap .esgGovernanceWrap .content.on {
    display: block;
}

.esgGovernanceWrap article {
    margin-top: 100px;
}

.esgGovernanceWrap article .gr {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #888;
    margin-top: 20px;
}

.esgGovernanceWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.esgGovernanceWrap article h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 40px;
}

.esgGovernanceWrap article p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    word-break: keep-all;
    margin-top: 40px;
}

.esgGovernanceWrap article p.desc {
    margin-top: 20px;
}

.esgGovernanceWrap .downloadWrap {
    display: flex;
    justify-content: end;
}

.esgGovernanceWrap .downloadWrap .pdfDownload {
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #000;
    padding: 9px 24px;
    margin-top: 30px;
}

.esgGovernanceWrap .downloadWrap .pdfDownload span {
    font-size: 20px;
    line-height: 1.5;
}

.esgGovernanceWrap .downloadWrap .pdfDownload img {
    width: 20px;
    height: 20px;
}

.esgGovernanceWrap article .ceoSignWrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 50px;
}

.esgGovernanceWrap article .ceoSignWrap .left {
    font-size: 32px;
    font-weight: 700;
    margin-right: 40px;
}

.esgGovernanceWrap article .ceoSignWrap .right {
    width: 230px;
}

.esgGovernanceWrap article .ceoSignWrap .right img {
    width: 100%;
}

.esgGovernanceWrap article .image.blue {
    padding: 40px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    box-sizing: border-box;
}

.esgGovernanceWrap article .image {
    margin-top: 40px;
    width: 100%;
}

.esgGovernanceWrap article .image.blueScreen {
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    box-sizing: border-box;
}

.esgGovernanceWrap article .image img {
    width: 100%;
}

.esgGovernanceWrap article .text {
    display: flex;
    margin-top: 40px;
}

.esgGovernanceWrap article .text .left {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
    color: #a50034;
    /*width: 83px;*/
    /*min-width: 48px;*/
    min-width: unset;
    margin-right: 20px;
}

.esgGovernanceWrap article .text .left.w228 {
    /*width: 228px;*/
    min-width: 116px;
}

.esgGovernanceWrap article .text .left.w128 {
    /*width: 128px;*/
    min-width: 91px;
}

.esgGovernanceWrap article .text .left.w136 {
    /*width: 136px;*/
    min-width: 71px;
}

.esgGovernanceWrap article .text .center {
    width: 2px;
    height: 18px;
    margin-right: 20px;
    background-color: #a50034;
    margin-top: 9px;
}

.esgGovernanceWrap article .text .right {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    word-break: break-all;
    width: 100%;
}

.esgGovernanceWrap article .imgArea {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.esgGovernanceWrap article .imgArea .center {
    width: 426px;
}

.esgGovernanceWrap article .imgArea .center .picture {
    height: 413px;
    background-color: #ccc;
}

.esgGovernanceWrap article .imgArea .center h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
}

.esgGovernanceWrap article .imgArea .center p {
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
    color: #666;
    margin-top: 20px;
}

.esgGovernanceWrap article .imgArea .side {
    width: 397px;
}

.esgGovernanceWrap article .imgArea .side h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
}

.esgGovernanceWrap article .textBox {
    display: flex;
    margin-top: 57px;
    border-top: 1px solid #ddd;
}

.esgGovernanceWrap article .textBox .left {
    background-color: #ccc;
    width: 502px;
    margin-top: 0;
}

.esgGovernanceWrap article .textBox .left img {
    width: 100%;
}

.esgGovernanceWrap article .textBox .right {
    width: calc(100% - 502px);
    display: flex;
    flex-wrap: wrap;
}

.esgGovernanceWrap article .textBox .right .article {
    width: 50%;
    height: 269px;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}

.esgGovernanceWrap article .textBox .right .article .image {
    width: 130px;
}

.esgGovernanceWrap article .textBox .right .article .image img {
    width: 100%;
}

.esgGovernanceWrap article .textBox .right .article .text {
    position: absolute;
    top: 40px;
    left: 40px;
    padding-right: 39px;
    box-sizing: border-box;
}

.esgGovernanceWrap article .textBox .right .article .text h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}

.esgGovernanceWrap article .textBox .right .article .text p {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    margin-top: 20px;
    word-break: keep-all;
}

.esgGovernanceWrap article .textBox .right .article.articleAll {
    width: 100%;
}

.grFlex {
    display: flex;
}

.mt0 {
    margin-top: 0 !important;
}

.esgGovernanceWrap article .consultSubTitle {
    margin-top: 100px;
    padding-bottom: 40px;
    border-bottom: 2px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.esgGovernanceWrap article .consultSubTitle span {
    color: #a50034;
}

.esgGovernanceWrap article .consultSubTitle h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.esgGovernanceWrap article .consultSubTitle .important {
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    color: #444;
}

.esgGovernanceWrap article .consultSubTitle .important span {
    color: #a50034;
}

.esgGovernanceWrap article .inputSection h2 {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #444;
}

.esgGovernanceWrap article .inputSection h2 span {
    color: #a50034;
}

.esgGovernanceWrap article .inputSection .inputWrap {
    border: 1px solid #666;
    height: 64px;
    padding: 0 24px;
    margin-top: 20px;
}

.esgGovernanceWrap article .inputSection .inputWrap input {
    width: 100%;
    border: 0;
    outline: 0;
    height: 100%;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
}

.esgGovernanceWrap article .inputSection .inputWrap input::-moz-placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.esgGovernanceWrap article .inputSection .inputWrap input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.esgGovernanceWrap article .inputSection .inputWrap input::placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.esgGovernanceWrap article .inputSection .inputWrap.focus {
    border: 2px solid #a50034;
}

.esgGovernanceWrap article .consultContent {
    margin-top: 40px;
}

.esgGovernanceWrap article .consultContent .areaClick {
    display: flex;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox {
    display: flex;
    align-items: center;
    margin-right: 50px;
    cursor: pointer;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox .imgWrap {
    margin-right: 16px;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox .imgWrap .fill {
    display: none;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox .text {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #888;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox.on .imgWrap .fill {
    display: block;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox.on .imgWrap .none {
    display: none;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox.on .text {
    color: #000;
}

.esgGovernanceWrap article .consultContent .inputWrap {
    border: 1px solid #666;
    height: 64px;
    padding: 0 24px;
    margin-top: 20px;
}

.esgGovernanceWrap article .consultContent .inputWrap input {
    width: 100%;
    border: 0;
    outline: 0;
    height: 100%;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
}

.esgGovernanceWrap article .consultContent .inputWrap input::-moz-placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.esgGovernanceWrap article .consultContent .inputWrap input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.esgGovernanceWrap article .consultContent .inputWrap input::placeholder {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #bbb;
}

.esgGovernanceWrap article .consultContent .inputWrap.focus {
    border: 2px solid #a50034;
}

.esgGovernanceWrap article .consultContent .textArea {
    width: 100%;
    outline: 0;
    border: 1px solid #666;
    height: 280px;
    margin-top: 20px;
}

.esgGovernanceWrap article .consultContent .textArea textarea {
    width: 100%;
    resize: none;
    height: 100%;
    outline: 0;
    border: 0;
    padding: 24px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
}

.esgGovernanceWrap article .consultContent .textArea textarea::-moz-placeholder {
    color: #bbb;
}

.esgGovernanceWrap article .consultContent .textArea textarea:-ms-input-placeholder {
    color: #bbb;
}

.esgGovernanceWrap article .consultContent .textArea textarea::placeholder {
    color: #bbb;
}

.esgGovernanceWrap article .consultContent .textArea.on {
    border: 2px solid #a50034;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox {
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid #666;
    overflow: auto;
    height: 280px;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox .sub {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    color: #444;
    word-break: keep-all;
    margin-bottom: 40px;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #a50034;
    margin-top: 40px !important;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox h2:nth-of-type(1) {
    margin-top: 0 !important;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox h2:nth-of-type(2) {
    margin-top: 20px;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox ul {
    margin-top: 10px;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox ul li {
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    color: #444;
    word-break: keep-all;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox p {
    font-size: 20px;
    line-height: 28px;
    margin-top: 0;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox p + h2 {

}

.esgGovernanceWrap article .consultContent .accept .acceptBox p:first-child + h2 {
    margin-top: 40px !important;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck {
    display: flex;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 40px;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox #company_agree[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    font-size: 24px;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox #company_agree[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 48px;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    padding-top: 0 !important;
    padding-left: 40px !important;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox #company_agree2[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 48px;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    padding-top: 0 !important;
    padding-left: 40px !important;
}

.wrap .esgGovernanceWrap input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 13px;
    width: 32px;
    height: 32px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    background-image: url("../img/ic-32-checkbox-default.png");
    background-size: cover;
}

.wrap .esgGovernanceWrap input[type="checkbox"]:checked + label:after {
    left: 1px;
    top: -1px;
}

#company_agree[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    font-size: 24px;
}

.wrap input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 48px;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    padding-top: 0 !important;
    padding-left: 0 !important;
}

.wrap input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: -40px;
    top: 14px;
    width: 32px;
    height: 32px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    background-image: url("../img/ic-32-checkbox-default.png");
    background-size: cover;
}


/* 占쏙옙占쏙옙占쏙옙 占싸븝옙占쏙옙 占쏙옙타占쏙옙占쏙옙 占쌩곤옙占싹몌옙 占싫댐옙. */
.wrap input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 0px;
    left: -42px;
    width: 32px;
    height: 32px;
    background-image: url("../img/ic-32-checkbox-focus.png");
    background-size: cover;
}

input[type=checkbox] + label:before {
    /* transition-duration: none !important;
	transform: none !important; */
}

input[type=checkbox] + label:after {
    transition-duration: unset !important;
    transform: none !important;
}

.esgBtnWrap {
    width: 532px;
    border-radius: 16px;
    margin: 0 auto;
    margin-top: 100px;
    background-color: #a50034;
}

.submitEsg {
    font-size: 36px;
    color: #fff;
    height: 100px;
    width: 100%;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .imgWrap {
    margin-right: 16px;
    width: 32px;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .imgWrap img {
    width: 100%;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .imgWrap .fill {
    display: none;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .textBox {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #888;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .textBox.grX {
    margin-top: 0;
    border-top: 0;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox.on .imgWrap .fill {
    display: block;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox.on .imgWrap .none {
    display: none;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox.on .textBox {
    color: #000;
}

.esgGovernanceWrap article .subBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 532px;
    height: 100px;
    background-color: #a50034;
    margin: 0 auto;
    border-radius: 16px;
    margin-top: 102px;
}

.esgGovernanceWrap article .subBtn a {
    color: #fff;
    font-size: 36px;
    line-height: 40px;
    font-weight: 900;
}

.esgFactBookWrap {
    padding-bottom: 200px;
}

.esgFactBookWrap .factBookWrap .flexWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 165px;
}

.esgFactBookWrap .factBookWrap .flexWrap .left {
    width: 800px;
    margin-bottom: 60px;
}

.esgFactBookWrap .factBookWrap .flexWrap .left .image {
    background-color: #ccc;
}

.esgFactBookWrap .factBookWrap .flexWrap .right h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
}

.esgFactBookWrap .factBookWrap .flexWrap .right p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea {
    width: 402px;
    display: flex;
    margin-top: 180px;
    justify-content: space-between;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn {
    background-color: #a50034;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 187px;
    height: 44px;
    border-radius: 8px;
    color: #fff;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn a {
    font-size: 20px;
    line-height: 42px;
    font-weight: normal;
    color: #fff;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn img {
    margin-left: 10px;
}

.esgFactBookWrap .factBookWrap .slideWrap {
    margin-top: 100px;
}

.esgFactBookWrap .factBookWrap .slideWrap .up h3 {
    font-size: 24px;
    line-height: 27px;
    font-weight: 900;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow {
    margin-right: 50px;
}

.esgFactBookWrap .factBookWrap .slideWrap .down {
    display: none;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 27px 40px;
    border-bottom: 1px solid #ddd;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .left {
    font-size: 24px;
    line-height: 27px;
    font-weight: normal;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea {
    width: 576px;
    display: flex;
    justify-content: space-between;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn {
    width: 268px;
    height: 50px;
    border: 1px solid #bbb;
    padding: 9px 24px;
    box-sizing: border-box;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn a {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.esgEvaluationWrap .evaluationWrap {
    margin-top: 100px;
    padding-bottom: 200px;
}

.esgEvaluationWrap .evaluationWrap article {
    margin-top: 100px;
}

.esgEvaluationWrap .evaluationWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap {
    margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li.list1 {
    width: 340px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li.list2-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1 {
    font-weight: 700;
    width: 341px;
    background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1.list1-2 {
    display: block;
    text-align: center;
    line-height: 65px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1.list1-2 ol.sub li {
    font-weight: 700;
    line-height: 64px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list2 {
    width: 255px;
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list2.list2-2 {
    width: 255px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 {
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 h3 {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .subTitle {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .subTitle li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    width: 253px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .flexWrap {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .flexWrap .sub {
    width: 253px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .bdl {
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
    color: #444;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li {
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li.c666 {
    color: #666;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li.c666 img {
    margin-left: 10px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li:last-of-type {
    border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap {
    margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle li.list2-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1 {
    font-weight: 700;
    width: 340px;
    line-height: 64px;
    background-color: #f5f6f8;
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1.list1-2 {
    display: block;
    text-align: center;
    line-height: 65px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1.list1-2 ol.sub li {
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list2 {
    width: 337px;
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list2.list2-2 {
    width: 255px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 {
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 h3 {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .subTitle {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .subTitle li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    width: 253px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .flexWrap {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .flexWrap .sub {
    width: 253px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .bdl {
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
    color: #444;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li {
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li:last-of-type {
    border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.c666 {
    color: #666;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.c666 img {
    margin-left: 10px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92 {
    line-height: 28px;
    padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh65 {
    line-height: 56px;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap {
    border-top: 2px solid #000;
    margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table.tableTitle {
    background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table.tableTitle li {
    font-weight: 700;
    padding: 16px 0;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    width: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #444;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 {
    width: 340px;
    border-left: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li {
    width: 170px;
    display: block;
    border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li.left {
    background-color: #f5f6f8;
    height: 100%;
    border-left: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li.left h3 {
    font-size: 18px;
    line-height: 185px;
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li .item {
    border-bottom: 1px solid #ddd;
    padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li .item:last-of-type {
    border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li .menu .itemWrap {
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li .menu .item {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esgFactBookWrap {
    padding-bottom: 200px;
}

.esgFactBookWrap .factBookWrap .flexWrap {
    display: flex;
    align-items: center;
    margin-top: 165px;
}

.esgFactBookWrap .factBookWrap .flexWrap .left {
    width: 800px;
    margin-bottom: 60px;
}

.esgFactBookWrap .factBookWrap .flexWrap .left .image {
    width: 800px;
}

.esgFactBookWrap .factBookWrap .flexWrap .right {
    width: calc(100% - 560px);
}

.esgFactBookWrap .factBookWrap .flexWrap .right h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
}

.esgFactBookWrap .factBookWrap .flexWrap .right p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    word-break: keep-all;
    margin-top: 20px;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea {
    width: 402px;
    display: flex;
    margin-top: 60px;
    justify-content: space-between;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn {
    background-color: #a50034;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 187px;
    height: 44px;
    border-radius: 8px;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn a {
    font-size: 20px;
    line-height: 42px;
    font-weight: normal;
    color: #fff;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn img {
    margin-left: 10px;
}

.esgFactBookWrap .factBookWrap .slideWrap {
    margin-top: 100px;
}

.esgFactBookWrap .factBookWrap .slideWrap .up {
    /*  padding: 40px 0; */
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #000;
    cursor: pointer;
}

.esgFactBookWrap .factBookWrap .slideWrap .up h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow {
    margin-right: 50px;
    width: 32px;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow img {
    width: 100%;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow .downImg {
    display: block;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow .upImg {
    display: none;
}

.esgFactBookWrap .factBookWrap .slideWrap .up.on .arrow .downImg {
    display: none;
}

.esgFactBookWrap .factBookWrap .slideWrap .up.on .arrow .upImg {
    display: block;
}

.esgFactBookWrap .factBookWrap .slideWrap .down {
    display: none;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 27px 40px;
    border-bottom: 1px solid #ddd;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .left {
    font-size: 24px;
    line-height: 27px;
    font-weight: normal;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea {
    width: 576px;
    display: flex;
    justify-content: space-between;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn {
    width: 268px;
    height: 50px;
    border: 1px solid #bbb;
    padding: 9px 24px;
    box-sizing: border-box;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn a {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.esgEvaluationWrap .evaluationWrap {
    margin-top: 100px;
    padding-bottom: 200px;
}

.esgEvaluationWrap .evaluationWrap article {
    margin-top: 100px;
}

.esgEvaluationWrap .evaluationWrap article h3 {
    font-size: 24px;
    line-height: 40px;
    margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article h3.mt60 {
    margin-top: 60px;
}

.esgEvaluationWrap .evaluationWrap article .image {
    width: 100%;
    margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .image.bdImg {
    border: 1px solid #ddd;
    padding: 65px 0;
}

.esgEvaluationWrap .evaluationWrap article .image.bdImg .imgWrap {
    width: 772px;
    margin: 0 auto;
}

.esgEvaluationWrap .evaluationWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.mt105 {
    margin-top: 105px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap {
    margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li.list1 {
    width: 340px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li.list2-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1 {
    font-weight: 700;
    width: 341px;
    background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1.list1-2 {
    display: block;
    text-align: center;
    line-height: 65px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1.list1-2 ol.sub li {
    font-weight: 700;
    line-height: 64px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list2 {
    width: 255px;
    border-left: 1px solid #ddd;
    word-break: break-all;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list2.list2-2 {
    width: 255px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 {
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 h3 {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .subTitle {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .subTitle li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    width: 253px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .flexWrap {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .flexWrap .sub {
    width: 253px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .bdl {
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
    color: #444;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li {
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li.c666 {
    color: #666;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li.c666 img {
    margin-left: 10px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li:last-of-type {
    border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap {
    margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle li {
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle li.list2-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1 {
    font-weight: 700;
    width: 340px;
    line-height: 64px;
    background-color: #f5f6f8;
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1.list1-2 {
    display: block;
    text-align: center;
    line-height: 65px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1.list1-2 ol.sub li {
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list2 {
    width: 337px;
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list2.list2-2 {
    width: 255px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 {
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 h3 {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .subTitle {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .subTitle li {
    font-size: 18px;
    line-height: 65px;
    font-weight: 700;
    text-align: center;
    color: #444;
    width: 253px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .flexWrap {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .flexWrap .sub {
    width: 253px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .bdl {
    border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li {
    font-size: 18px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
    color: #444;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li {
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li:last-of-type {
    border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.c666 {
    color: #666;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.c666 img {
    margin-left: 10px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92 {
    line-height: 28px;
    padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh65 {
    line-height: 56px;
}

.esgEvaluationWrap .evaluationWrap article table {
    border-top: 2px solid #000;
    border-collapse: collapse;
}

.esgEvaluationWrap .evaluationWrap article table thead {
    background-color: #f5f6f8;
    height: 118px;
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article table thead tr th {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
    width: 126px;
    border-left: 1px solid #ddd;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.esgEvaluationWrap .evaluationWrap article table thead tr th.list1 {
    width: 340px;
    background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article table tbody {
    border-top: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td {
    border: 1px solid #ddd;
    border-collapse: collapse;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    color: #444;
    text-align: center;
    padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td .spot {
    width: 20px;
    height: 20px;
    border: 1px solid #979797;
    border-radius: 50%;
    margin: 0 auto;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td .spot.line {
    background-color: #888;
    width: 10px;
    height: 2px;
    border-radius: 0;
    border: none;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td.line000 {
    border-bottom: 1px solid #000;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td.list1 {
    width: 170px;
    background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap {
    border-top: 2px solid #000;
    margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table.tableTitle {
    background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table.tableTitle li {
    font-weight: 700;
    padding: 16px 0;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    width: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #444;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 {
    width: 340px;
    border-left: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub {
    display: flex;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li {
    width: 170px;
    display: block;
    border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li.left {
    background-color: #f5f6f8;
    height: 100%;
    border-left: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li.left h3 {
    font-size: 18px;
    line-height: 185px;
    font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li .item {
    border-bottom: 1px solid #ddd;
    padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li .item:last-of-type {
    border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li .menu .itemWrap {
    border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li .menu .item {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esgEvaluationWrap .evaluationWrap .gr {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #888;
    margin-top: 40px;
}

.esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine {
    border: 0;
    margin-top: 100px;
}

.esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine .tabMenu {
    width: 382px;
    justify-content: space-between;
}

.esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    padding: 8px 0;
    color: #888;
}

.esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li.on {
    color: #000;
    font-weight: 700;
}

.esgAwardsWrap .awardsWrap .content {
    /* margin-top: 60px; */

}

/* .esgAwardsWrap .awardsWrap .content .newsListWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start ;
}
.esgAwardsWrap .awardsWrap .content .newsListWrap li {
  width: 536px;
  min-height: 459px;
  margin-bottom: 80px;
  margin-right: 16px;
} */
.esgAwardsWrap .awardsWrap .content .newsListWrap li a img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.esgAwardsWrap .awardsWrap .content .newsListWrap li:nth-of-type(3n) {
    margin-right: 0;
}

.esgAwardsWrap .awardsWrap .content .viewMore {
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    border: 1px solid #ddd;
    width: 300px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #888;
    margin: 0 auto;
    border-radius: 96px;
}

.esgAwardsWrap .awardsWrap .content .viewMore a {
    color: #888;
}

.esgAwardsWrap .awardsWrap .content .viewMore a i {
    margin-left: 10px;
}

.insightWrap .articleTitleWrap .insightTitle {
    width: 235px !important;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine {
    border: 0;
    margin-top: 100px;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu {
    width: 552px;
    /*width: 467px;*/
    /*width:382px;*/
    justify-content: space-between;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    padding: 8px 0;
    color: #888;
    width: initial;
    margin: 0 16px;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(1) {
    margin-left: 0;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(2) {
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:last-child {
    margin-right: 0;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li.on {
    color: #000;
    font-weight: 700;
}

.insightWrap .innoWrap .content {
    /* margin-top: 60px; */

}

.insightWrap .innoWrap .hoverImg {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    width: 100%;
    max-width: 1628px;
    margin-top: 100px;
}

.insightWrap .innoWrap .hoverImg li {
    width: 536px;
    height: 321px;
    box-sizing: border-box;
    margin-right: 16px;
    box-shadow: 0;
}

.insightWrap .innoWrap .hoverImg li a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}

.insightWrap .innoWrap .hoverImg li a img {
    width: 100%;
}

.insightWrap .innoWrap .hoverImg li a .text {
    position: absolute;
    bottom: 22px;
    padding: 40px 30px;
}

.insightWrap .innoWrap .hoverImg li:hover a .text {
    bottom: 43px;
}

.insightWrap .innoWrap .hoverImg li a .text .category {
    width: auto;
    height: 28px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #a50034;
    background-color: #fff;
    border: 2px solid #a50034;
    padding: 0 19px;
    margin-top: 20px;
    display: inline-block;
    min-width: 70px;
    box-sizing: border-box;
}

.insightWrap .innoWrap .hoverImg li a .text strong {
    margin-top: 20px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 900;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.insightWrap .innoWrap .hoverImg li a .text .textBox {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    opacity: 0;
    height: 0px;
    transition: all 0.3s;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.insightWrap .innoWrap .hoverImg .left li:hover {
    border: 4px solid #a50034;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.insightWrap .innoWrap .hoverImg .left li:hover a img {
    transform: scale(1.1);
}

.insightWrap .innoWrap .hoverImg li:hover a .textBox {
    margin-top: 20px;
    height: 52px !important;
    opacity: 1;
    width: 746px;
    line-height: 1.63;
    font-size: 16px;

    max-width: calc(100% - 38px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

/* 더미 이미지 쓰기는 하는 것인지? */
/*
.insightWrap .innoWrap .hoverImg .left li {
	width: 806px;
	height: 454px;
	background-image: url("../img/insights-dummy-01.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
}
*/
.insightWrap .innoWrap .hoverImg .left li {
    width: 806px;
    height: 454px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.insightWrap .innoWrap .hoverImg .right ul {
    display: flex;
    height: 219px;
}

.insightWrap .innoWrap .hoverImg .right ul:nth-of-type(2) {
    margin-top: 16px;
}

.insightWrap .innoWrap .hoverImg .right ul li {
    /* width: 390px; */
    width: 50%;
    height: 219px;
    margin: 0;
}

.insightWrap .innoWrap .hoverImg .right ul li a .text {
    bottom: -99px;
    padding: 30px 20px;
    display: none;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap {
    border: none;
    padding: 40px 30px;
    background-color: #f5f6f8;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide .category {
    width: auto;
    height: 28px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #a50034;
    background-color: #fff;
    border: 2px solid #a50034;
    padding: 0 19px;
    margin-top: 0;
    display: inline-block;
    min-width: 70px;
    box-sizing: border-box;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide strong {
    margin-top: 20px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    width: 100%;
    color: #444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.insightWrap .innoWrap .hoverImg .right ul:hover {
    border: 4px solid #a50034;
    /* box-shadow: none; */
    overflow: hidden;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap:hover a img {
    transform: none;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap:hover a .textBox {
    margin-top: 20px;
    height: 52px;
    opacity: 1;
}

.insightWrap .innoWrap .content .newsListWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}

/*.insightWrap .innoWrap .content .pastListWrap {*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*	justify-content: flex-start;*/

/*}*/

.insightWrap .innoWrap .content .newsListWrap li {
    width: 532px;
    height: 321px;
    margin-top: 40px;
    box-sizing: border-box;
    box-shadow: 0;
    min-height: auto;
    margin-bottom: 0;
    overflow: hidden;
}

/*.insightWrap .innoWrap .content .pastListWrap li {*/
/*	width: 532px;*/
/*	height: 321px;*/
/*	margin-top: 40px;*/
/*	box-sizing: border-box;*/
/*	box-shadow: 0;*/
/*	min-height: auto;*/
/*	margin-bottom: 0;*/
/*	overflow: hidden;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li a {
    position: relative;
    display: block;
}

/*.insightWrap .innoWrap .content .pastListWrap li a {*/
/*	position: relative;*/
/*	display: block;*/
/*}*/
.insightWrap .innoWrap .content .newsListWrap li a img {
    width: 100%;
}

.insightWrap .innoWrap .content .pastListWrap li a img {
    width: 100%;
}

.insightWrap .innoWrap .content .newsListWrap li a .text {
    position: absolute;
    /* bottom: -152px; */
    bottom: 0;
    padding: 40px 30px;
}

/*.insightWrap .innoWrap .content .pastListWrap li a .text {*/
/*	position: absolute;*/
/*	!* bottom: -152px; *!*/
/*	bottom: 0;*/
/*	padding: 40px 30px;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li a .text .category {
    width: auto;
    height: 28px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #a50034;
    background-color: #fff;
    border: 2px solid #a50034;
    padding: 0 19px;
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    min-width: 70px;
    box-sizing: border-box;
}

/*.insightWrap .innoWrap .content .pastListWrap li a .text .category {*/
/*	width: auto;*/
/*	height: 28px;*/
/*	font-size: 18px;*/
/*	line-height: 28px;*/
/*	font-weight: 700;*/
/*	color: #a50034;*/
/*	background-color: #fff;*/
/*	border: 2px solid #a50034;*/
/*	padding: 0 19px;*/
/*	text-align: center;*/
/*	margin-top: 20px;*/
/*	display: inline-block;*/
/*	min-width: 70px;*/
/*	box-sizing: border-box;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li a .text strong {
    margin-top: 20px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 900;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

/*.insightWrap .innoWrap .content .pastListWrap li a .text strong {*/
/*	margin-top: 20px;*/
/*	font-size: 24px;*/
/*	line-height: 34px;*/
/*	font-weight: 900;*/
/*	width: 100%;*/
/*	color: #fff;*/
/*	display: -webkit-box;*/
/*	-webkit-box-orient: vertical;*/
/*	word-wrap: break-word;*/
/*	text-overflow: ellipsis;*/
/*	overflow: hidden;*/
/*	-webkit-line-clamp: 2;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li a .text .textBox {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    opacity: 0;
    height: 0;
    transition: all 0.3s;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

/*.insightWrap .innoWrap .content .pastListWrap li a .text .textBox {*/
/*	font-size: 16px;*/
/*	line-height: 26px;*/
/*	font-weight: 700;*/
/*	color: #fff;*/
/*	margin-top: 0;*/
/*	opacity: 0;*/
/*	height: 0;*/
/*	transition: all 0.3s;*/
/*	overflow:hidden;*/
/*	word-wrap:break-word;*/
/*	-webkit-line-clamp:2;*/
/*	-webkit-box-orient:vertical;*/
/*	text-overflow:ellipsis;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li:not(.no-style):hover {
    border: 4px solid #a50034;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.insightWrap .innoWrap .content .pastListWrap a:not(.icon2):hover {
    border: 4px solid #a50034;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.6);
    overflow: hidden;
}


.insightWrap .innoWrap .content .newsListWrap li:not(.no-style):hover a img {
    transform: scale(1.1);
}

/*.insightWrap .innoWrap .content .pastListWrap li:hover a img {*/
/*	transform: scale(1.1);*/
/*}*/
/*.insightWrap .innoWrap .content .newsListWrap li:hover a .textBox {*/
/*	margin-top: 20px;*/
/*	height: 52px;*/
/*	opacity: 1;*/

/*}*/
/*.insightWrap .innoWrap .content .pastListWrap li:hover a .textBox {*/
/*	margin-top: 20px;*/
/*	height: 52px;*/
/*	opacity: 1;*/

/*}*/

.insightWrap .innoWrap .content .newsListWrap li:nth-of-type(3n) {
    margin-right: 0;
}

.insightWrap .innoWrap .content .pastListWrap li:nth-of-type(3n) {
    margin-right: 0;
}

.insightWrap .innoWrap .content .viewMore {
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    border: 1px solid #ddd;
    width: 300px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #888;
    margin: 0 auto;
    border-radius: 96px;
}

.insightWrap .innoWrap .content .viewMore a {
    color: #888;
}

.insightWrap .innoWrap .content .viewMore a i {
    margin-left: 10px;
}

.wrap .paging {
    margin-top: 100px;
}

.wrap .paging .paging {
    margin-top: 0;
}

.pressDetail .pressContents h3 {
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
}

.pressDetail .pressContents h4 {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    margin-top: 17px;
    color: #444;
}

.pressDetail .pressContents .pressFlexWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pressDetail .pressContents .pressFlexWrap p {
    width: calc(100% - 663px);
}

.pressDetail .pressContents .image {
    width: 543px;
    margin-top: 60px;
}

.pressDetail .pressContents .image img {
    width: 100%;
    margin: 0;
}

.pressDetail .pressContents p {
    margin: 0 0 10px;
}

.pressDetail .pressContents .btn {
    width: 532px;
    height: 80px;
    background-color: #a50034;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    margin: 0 auto;
    margin-top: 80px;
}

.pressDetail .pressContents .btn a {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 900;
}

.pressDetail .postListBtn {
    width: 391px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 200px;
}

.pressDetail .postListBtn .btn {
    width: 129px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
}

.pressDetail .postListBtn .btn a {
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
}

.pressDetail .postListBtn .btn.w113 {
    position: relative;
    bottom: -190px;
    width: 113px;
}

/* 뉴스레터 */
.newsLetterWrap {
}

.newsLetterWrap .banner {
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    position: relative;
    margin-top: 100px;
}

.newsLetterWrap .banner .newsLetterBanner {
    background: url('../img/img-newsletter-topbn.png') no-repeat center center/contain;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsLetterWrap .banner .newsLetterBanner .text {
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.newsLetterWrap .banner .newsLetterBanner .text h3 {
    font-size: 64px;
    line-height: 64px;
    display: block;
    position: relative;
}

.newsLetterWrap .banner .newsLetterBanner .text .desc {
    font-size: 24px;
    line-height: 24px;
    position: relative;
    margin: 45px auto 0;
}

.newsLetterWrap .newsLetter {
}

.newsLetterWrap .newsLetter .flexArea {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}

.newsLetterWrap .newsLetter .flexArea .newsLetterLeft {
    width: 40%;
    padding-bottom: 300px;
}

.newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent {
    height: calc(100% + 200px);
}

.newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box {
    background: #f5f5f5;
    padding: 60px;
}

.newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box .text {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

.newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box .text + .text {
    margin-top: 30px;
}

.newsLetterWrap .newsLetter .flexArea .newsLetterRight {
    display: flex;
    width: 50%;
}

.newsLetterWrap .newsLetter .flexArea .newsLetterRight .newsLetterRightContent {
    flex: 1;
    width: 100%;
}

.newsLetterWrap .newsLetter .flexArea .newsLetterRight .newsLetterRightContent iframe {
    width: 100%;
    height: 100%;
}

/* solution */
.solutionWrap article .segment .imgArea .mob {
    display: none;
}

.solutionWrap article .segment .tabContentsWrap .tabBody .btnWrap {

}

/* lighting */
.lightingWrap {
    padding-top: 148px;
}

.lightingWrap .lightingContent {
    display: block;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.lightingWrap .lightingContent .lightingImgContent {
    position: relative;
    text-align: center;
}

.lightingWrap .lightingContent .lightingImgContent img {
    width: 100%;
}

.lightingWrap .lightingContent .lightingImgContent .parts {
    border-radius: 100%;
    box-sizing: border-box;
    background: url('../img/img-solution-lighting-search.png') center no-repeat;
    background-size: 100% 100%;
    padding: 0;
    width: 36px;
    height: 36px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
}

.lightingWrap .lightingContent .lightingImgContent .parts:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px;
    border: 1px solid #A50034;
    border-radius: 50%;
    opacity: 0.2;
    transform: translate(-50%, -50%);
    animation: expand01 2s ease infinite;
}

@keyframes expand01 {
    0% {
        width: 36px;
        height: 36px;
        opacity: 1;
    }
    100% {
        width: 120px;
        height: 120px;
        opacity: 0;
    }
}

.lightingWrap .lightingContent .lightingImgContent .parts.active:after {
    opacity: 0 !important;
}

.lightingWrap .lightingContent .lightingImgContent .parts.active {
    padding: 60px 20px;
    width: 296px;
    height: 296px;
    z-index: 2;
    background: #fff;
    border: 2px solid #a50034;
    overflow: hidden;
}

.lightingWrap .lightingContent .lightingImgContent .parts .partsCon {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    z-index: 3;
}

.lightingWrap .lightingContent .lightingImgContent .parts .partsCon.active {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 28px);
    margin-top: 24px;
}

.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .title {
    display: block;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #a50034;
}

.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .title .sm {
    font-size: 20px;
    line-height: 20px;
}

.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .desc {
    margin-top: 16px;
    font-size: 23px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
}

.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .desc2 {
    margin-top: 4px;
    font-size: 17px;
    line-height: 22px;
    color: #666;
}

.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .line {
    margin-top: 16px;
    margin-bottom: 0;
}

.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .img {
    max-width: 184px;
    max-height: 120px;
}

.lightingWrap .lightingContent .lightingImgContent .web {
    display: block;
}

.lightingWrap .lightingContent .lightingImgContent .mob {
    display: none;
}

.lightingWrap .lightingContent .lightingImgContent .parts.parts01 {
    top: 41%;
    left: 8%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.parts02 {
    top: 39%;
    left: 19%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.parts03 {
    top: 45%;
    left: 34%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.parts04 {
    top: 31%;
    left: 39%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.parts05 {
    top: 41%;
    left: 43%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.parts06 {
    top: 46%;
    left: 75%;
}


.lightingWrap .lightingContent .lightingImgContent .parts.active.parts01 {
    top: 17%;
    left: 0;
}

.lightingWrap .lightingContent .lightingImgContent .parts.active.parts02 {
    top: 15%;
    left: 12%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.active.parts03 {
    top: 24%;
    left: 27%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.active.parts04 {
    top: 15%;
    left: 31%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.active.parts05 {
    top: 24%;
    left: 34%;
}

.lightingWrap .lightingContent .lightingImgContent .parts.active.parts06 {
    top: 24%;
    left: initial;
    right: 15%;
}

/* esgEcoManagement */
.ecoManagementWrap {
    padding: 100px 0 200px;
}

.esgEcoManagementWrap .numbering {
    margin-top: 0;
}

/* esgCyber */
.esgCyberWrap {
    width: 100% !important;
}

.esgCyberWrap article {
    margin-top: 100px;
}

.esgCyberWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.esgCyberWrap article h3 {
    font-size: 24px;
    line-height: 40px;
    margin-top: 40px;
}

.esgCyberWrap article p {
    font-size: 24px;
    line-height: 40px;
    color: #666;
    margin-top: 40px;
    word-break: keep-all;
}

.esgCyberWrap article .graphWrap {
    display: flex;
    border-top: 2px solid #000;
    margin-top: 20px;
}

.esgCyberWrap article .graphWrap .graphTitle {
    width: 340px;
    background-color: #f5f6f8;
    border-right: 1px solid #ddd;
}

.esgCyberWrap article .graphWrap .graphTitle li {
    font-size: 18px;
    line-height: 20px;
    color: #444;
    font-weight: 700;
    padding: 22px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.esgCyberWrap article .graphWrap .graph {
    width: calc(100% - 340px);
}

.esgCyberWrap article .graphWrap .graph li {
    font-size: 18px;
    line-height: 20px;
    color: #444;
    font-weight: 500;
    padding: 22px 0;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.esgCyberWrap article .graphWrap.en.table {
}

.esgCyberWrap article .graphWrap.en.table .graphTitle {
}

.esgCyberWrap article .graphWrap.en.table .graphTitle li {
}

.esgCyberWrap article .graphWrap.en.table .graph li {
    position: relative;
    height: 85px;
}

.esgCyberWrap article .graphWrap.en.table .graph li span {
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.esgCyberWrap article .graphWrap.en.table .graph li.height1 {
    height: 65px;
}

.esgCyberWrap article .graphWrap.en.table .graph li.height1 span {
}

/* esgCyber.jsp */
.informationBanner {
    height: auto;
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 50px 0;
    box-sizing: border-box;
    margin-top: 100px;
}

.informationBanner .flexWrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.informationBanner .flexWrap .left {

}

.informationBanner .flexWrap .left .image {
    width: 140px;
}

.informationBanner .flexWrap .left .image img {
    width: 100%;
}

.informationBanner .flexWrap .right {
    margin-left: 63px;
    display: flex;
    align-items: center;
}

.informationBanner .flexWrap .right .text {

}

.informationBanner .flexWrap .right .text h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
}

.informationBanner .flexWrap .right .text p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #666;
    margin-top: 18px;
    letter-spacing: -1px;
}

.informationBanner .flexWrap .right .text p span {
    font-weight: 700;
}

.informationBanner .flexWrap .right .btn {
    width: 187px;
    height: 44px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 130px;
}

.informationBanner .flexWrap .right .btn a {
    font-size: 20px;
}

.informationBanner .flexWrap .right .btn a img {
    margin-left: 10px;
}

.scrollImgWrap {
    overflow-x: auto !important;
    padding-bottom: 20px;
}

.scrollImgWrap::-webkit-scrollbar {
    width: 10px !important;
    height: 4px !important;
}

.scrollImgWrap::-webkit-scrollbar-thumb {
    background-color: #a50034 !important;
    background-clip: padding-box !important;
}

.scrollImgWrap::-webkit-scrollbar-track {
    background-clip: #ddd !important;
    background-color: #ddd !important;
}

.esgEnvironmentWrap .scrollImgWrap {
    overflow-y: hidden;
}

.webinar .pageBanner.image {
    position: relative;
}

.webinar .pageBanner .text {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.webinar .pageBanner .text h3 {
    font-size: 36px;
    line-height: 32px;
    text-shadow: 0px 2px 10px rgb(0 0 0 / 30%);
}

.webinar .pageBanner .text h2 {
    font-size: 52px;
    line-height: 64px;
    margin-top: 20px;
    text-shadow: 0px 2px 10px rgb(0 0 0 / 30%);
}

.webinar .pageBanner .text .btn {
    width: 146px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 36px;
    border-radius: 8px;
    background-color: #a50034;
}

.webinar .pageBanner .text .btn a {
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
}

.webinar .pageBanner .text .btn a .imoWrap {
    width: 20px;
    margin-left: 10px;
}

.category {
    width: 87px;
    line-height: 1;
    height: 20px;
    font-size: 18px;
    text-align: left;
    color: #a50034;
    margin-top: 40px;
}

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

.navFlex.cn {
    padding-bottom: 60px;
}

.navFlex li {
    width: 50%;
    text-align: center;
    padding: 45px 0;
    font-size: 28px;
    line-height: 30px;
    color: #666;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.navFlex li:hover {
    background-color: #a50034;
    color: #fff;
    border: 0 !important;
}

.navFlex li.active {
    background-color: #a50034;
    color: #fff;
    border: 0 !important;
}

.navFlex li a {
    color: inherit;
    display: block;
}

.navFlex li:first-of-type {
    border-left: 1px solid #ddd;
}

.navItem {
    display: flex;
    padding-bottom: 40px;
    gap: 30px;
    align-items: center;
}

.navItem li.line {
    font-size: 28px;
    color: #ddd;
    line-height: 1;
}

.navItem li a {
    display: block;
    font-size: 28px;
    color: #666;
    font-weight: 300;
    line-height: 1;
}

.navItem li a.active {
    color: #a50034;
    font-weight: 700;
}

.legalNoticeWrap {
    padding-bottom: 200px;
}

.legalNoticeWrap article {
    margin-top: 100px;
}

.legalNoticeWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.legalNoticeWrap article p {
    color: #666;
    font-size: 24px;
    line-height: 40px;
    margin-top: 40px;
    word-break: keep-all;
}

.legalNoticeWrap .blueBox2 {
    padding: 40px;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid #ddd;
    margin-top: 120px;
}

.legalNoticeWrap .blueBox2 p {
    font-size: 24px;
    line-height: 40px;
    color: #444;
    word-break: keep-all;
}

.legalNoticeWrap .blueBox2 p span {
    color: #a50034;
}

.wrap .privacyWrap {
    /* margin-top: 100px; */
    /* padding-bottom: 200px; */
}

.privacyWrap .customSelectBox {
    width: 340px;
    margin-left: auto;
}

.privacyWrap .customSelectBox .selected {
    display: flex;
    justify-content: space-between;
    padding: 16px 20px;
    border: 1px solid #666;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
}

.privacyWrap .customSelectBox .optionList {
    display: none;
}

.privacyWrap article {
    margin-top: 100px;
}

.privacyWrap article:first-of-type {
    margin-top: 0;
}

.privacyWrap article h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.privacyWrap article p {
    font-size: 24px;
    line-height: 40px;
    color: #666;
    display: flex;
    word-break: keep-all;
    margin-top: 40px;
}

.privacyWrap article ul {
    margin-top: 40px;
}

.privacyWrap article .w-30 {
    width: calc(100% - 60px);
    margin: 0 auto;
    margin-top: 20px;
}

.privacyWrap article ul li {
    font-size: 24px;
    line-height: 40px;
    color: #666;
    display: flex;
    word-break: keep-all;
}

.privacyWrap article ul li .red {
    font-size: 24px;
    line-height: 40px;
    color: #a50034;
    display: flex;
    word-break: keep-all;
}

.privacyWrap article ul li .num {
    margin-right: 10px;
    color: #a50034;

}

.privacyWrap .red {
    color: #a50034;
}

.privacyWrap .black {
    color: #000;
}

.privacyWrap .graphWrap {
    margin-top: 40px;
}

.privacyWrap .graphWrap .graphTitle {
    display: flex;
    background-color: #f5f6f8;
    border-top: 2px solid #000;
}

.privacyWrap .graphWrap .graphTitle li {
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight: 700;
    color: #444;
    text-align: center;
    padding: 18px 0;
    display: block;
    border-bottom: 1px solid #ddd;
}

.privacyWrap .graphWrap .graphTitle li span {
    text-align: center;
    position: relative;
}

.privacyWrap .graphWrap .graphTitle li:first-of-type {
    border-left: 0;
}

.privacyWrap .graphWrap .graphTitle .list1 {
    max-width: 340px;
    width: 100%;
}

.privacyWrap .graphWrap .graphTitle .list2 {
    max-width: 377px;
    width: 100%;
}

.privacyWrap .graphWrap .graphTitle .list3 {
    max-width: 460px;
    width: 100%;
}

.privacyWrap .graphWrap .graphTitle .list4 {
    max-width: 180px;
    width: 100%;
}

.privacyWrap .graphWrap .graph {
    margin-top: 0;
    display: flex;
}

.privacyWrap .graphWrap .graph li {
    display: block;
    font-size: 18px !important;
    line-height: 28px !important;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.privacyWrap .graphWrap .graph .list1 {
    display: flex;
    max-width: 340px;
    width: 100%;
    justify-content: center;
}

.privacyWrap .graphWrap .graph .list1 .sub1 {
    width: 100%;
    max-width: 246px;
    position: relative;
    border-right: 1px solid #ddd;
}

.privacyWrap .graphWrap .graph .list1 .sub1 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.privacyWrap .graphWrap .graph .list1 .sub2 {
    width: 100%;
    max-width: 93px;
    text-align: center;
}

.privacyWrap .graphWrap .graph .list1 .sub2.type2 {
    position: relative;
}

.privacyWrap .graphWrap .graph .list1 .sub2.type2 .list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.privacyWrap .graphWrap .graph .list1 .sub2 .list {
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.privacyWrap .graphWrap .graph .list1 .sub2 .list:last-of-type {
    border-bottom: 0;
}

.privacyWrap .graphWrap .graph .list1 .sub2 .list2 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 45%);
}

.privacyWrap .graphWrap .graph .list1 .subPosition {
    position: relative;
}

.privacyWrap .graphWrap .graph .list1 .subPosition .list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.privacyWrap .graphWrap .graph .list2 {
    max-width: 377px;
    width: 100%;
    padding: 25px 0;
    text-align: center;
    position: relative;
}

.privacyWrap .graphWrap .graph .list2.listNo25 {
    padding: 0;
    text-align: center;
}

.privacyWrap .graphWrap .graph .list2 span {

}

.privacyWrap .graphWrap .graph .list2 .sub3 {
}

.privacyWrap .graphWrap .graph .list2 .sub3 .list {
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;

}

.privacyWrap .graphWrap .graph .list2 .sub3 .list:last-of-type {
    border-bottom: 0;
}

.privacyWrap .graphWrap .graph .list3 {
    position: relative;
    max-width: 460px;
    width: 100%;
    text-align: center;


}

.privacyWrap .graphWrap .graph .list3 span {
    position: relative;
    /*top:50%;*/
    /*left:50%;*/
    /*transform:translate(-50%,-50%);*/
    width: 100%;
    text-align: center;

}

.privacyWrap .graphWrap .graph .list4 {
    position: relative;
    max-width: 180px;
    width: 100%;
    text-align: center;
    border-right: 0;
}

.privacyWrap .graphWrap .graph .list4 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.privacyWrap .graphWrap1 {
    margin-top: 40px;
}

.privacyWrap .graphWrap1 .graph {
    margin-top: 0;
    display: flex;
}

.privacyWrap .graphWrap1 .graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
    display: flex;
}

.privacyWrap .graphWrap1 .graphTitle li {
    font-weight: 700;
    height: 93px;
    box-sizing: border-box;
}

.privacyWrap .graphWrap1 .graphTitle li span {
    font-size: 18px;
    line-height: 28px;
}

.privacyWrap .graphWrap1 .graph li .sub {
}

.privacyWrap .graphWrap1 .graph li .sub .list {
    padding: 18px 0;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    line-height: 28px;
}

.privacyWrap .graphWrap1 .graph li .sub .list:last-of-type {
    border-bottom: 0;
}

.privacyWrap .graphWrap1 .graph li {
    width: 25%;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    display: block;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.privacyWrap .graphWrap1 .graph li:last-of-type {
    border-right: 0;
}

.privacyWrap .graphWrap1 .graph li span {
    font-size: 18px;
    line-height: 28px;
}

.privacyWrap .graphWrap1 .graph120 {

}

.privacyWrap .graphWrap1 .graph120 li {
    height: 120px;
}

.privacyWrap .graphWrap1 .graph li span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;

}

.privacyWrap .graphWrap3 {
    margin-top: 40px;
}

.privacyWrap .graphWrap3 .graphTitle {
    background-color: #f5f6f8;
    border-top: 2px solid #000;
}

.privacyWrap .graphWrap3 .graphTitle li {
    font-size: 18px;
    line-height: 20px;
}

.privacyWrap .graphWrap3 .graph {
    margin-top: 0;
    display: flex;
    border-bottom: 1px solid #ddd;

}

.privacyWrap .graphWrap3 .graph li {
    font-size: 18px !important;
    line-height: 28px !important;
    width: 50%;
    padding: 23px 0;
    text-align: center;
    display: flex;
    border-right: 1px solid #ddd;
    justify-content: center;
    align-items: center;
}

.privacyWrap .graphWrap3 .graph li:last-of-type {
    border-right: 0;
}

.privacyWrap .graphWrap4 {
    border-top: 2px solid #000;
    margin-top: 40px;
}

.privacyWrap .graphWrap4 .graphTitle {
    background-color: #f5f6f8;
}

.privacyWrap .graphWrap4 .graph {
    display: flex;
    margin-top: 0;
}

.privacyWrap .graphWrap4 .graph li {
    width: calc(100% - 340px / 2);
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
    line-height: 64px;
    justify-content: center;
}

.privacyWrap .graphWrap4 .graph li:first-of-type {
    border-left: 0;
}

.privacyWrap .graphWrap4 .graph li a {
    color: #a50034;
}

.privacyWrap .graphWrap4 .graph li.list1 {
    max-width: 340px;
    width: 100%;
}

.privacyWrap.newsLetterPrivacy .tit {
    display: block;
    color: #000 !important;
    font-size: 28px !important;
    font-weight: bold;
}

.privacyWrap.newsLetterPrivacy .sub {
    display: block;
    color: #000 !important;
    font-size: 24px !important;
}

.privacyWrap.newsLetterPrivacy ul {
    margin-top: 20px;
}

.privacyWrap.newsLetterPrivacy ul + .w-30 {
    margin-top: 10px;
}

.privacyWrap.newsLetterPrivacy ul li .desc {
    margin-top: 10px;
}

.privacyWrap.newsLetterPrivacy .desc {
    margin-top: 35px;
    font-size: 18px;
    color: #888;
    line-height: 28px;
}

.errorWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 160px;
    padding-bottom: 200px;
}

.errorWrap .errorBox {
    max-width: 416px;
    width: 100%;

}

.errorWrap .errorBox .image {
    width: 180px;
    margin: 0 auto;
}

.errorWrap .errorBox .image img {
    width: 100%;
}

.errorWrap .errorBox h2 {
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
    word-break: break-all;
}

.errorWrap2 .errorBox h2 a {
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    color: #a50034;
}

.errorWrap2 .errorBox {
    max-width: 1120px;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap {
    margin-top: 20px;
}

.webinar .webinarListWrap li a .category {
    width: 70px;
    height: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mb40 {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 40px;
}

#business_IndexFrame {
    margin-top: 100px;
}

#audit_IndexFrame {
    margin-top: 100px;
}

#business_list {
    width: 100%;

}

#business_list thead tr th {
    width: 28.3%;
}

#business_list thead tr th:nth-of-type(1) {
    width: 15%;
}

#pagingIrForm tbody tr td {
    width: 28.3%;
}

#pagingIrForm tbody tr th {
    width: 15%;
}

.redBtn {
    min-width: 146px;
    height: 44px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000 !important;
    margin: 0 auto;
    font-size: 20px;
    box-sizing: border-box;
    padding: 13px 20px 13px 24px;
    line-height: 100%;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#pagingAuditForm {
    width: 100%;
}

#audit_list {
    width: 100%;
}

table {
    border-collapse: collapse;
}

#audit_list {
    border-top: 2px solid #000;
}

#audit_list td, th {
    border: 1px solid #ddd;
}

#audit_list thead th:first-of-type {
    border-left: 0;
}

#audit_list thead th:last-of-type {
    border-right: 0;
}

#audit_list thead tr th {
    text-align: center;
    padding: 22px 0;
    background-color: #f5f6f8;
}

#audit_list thead tr th {

    font-size: 18px;
}

#audit_list thead tr th:nth-of-type(1) {

}

#audit_list tbody tr th {
    width: 20%;
    background-color: #f5f6f8;
    border-left: 0;
    font-size: 18px;
}

#audit_list tbody tr td {
    text-align: center;
    padding: 18px 0;

    font-size: 18px;
}

#audit_list tbody tr td:last-of-type {
    border-right: 0;
}

#audit_list tbody tr td button {
    width: 146px;
    height: 44px;
    background-color: #fff;
    border: 1px solid #000;
}

#audit_list tbody tr td button span {
    color: #000;
    font-size: 20px;
}

#audit_list tbody tr td button img {
    margin-left: 10px;
}

.promotion .content.promotionVideo {
    display: none;
}

.promotion .content.promotionVideo.active {
    display: block;
}

#container .contents .cont_body .con_section.privacy_policy .con_section_body {
    max-width: 1360px;
    width: 100%;
}

#container .contents .cont_body .con_section .con_section_body {
    width: 120rem;
    margin: 0 auto;
    padding-bottom: 11rem;
}

.con_footer {
    position: relative;
    padding: 5rem 6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f5f6f8;
}

.con_footer.notice > .txt {
    padding-left: 0;
}

.con_footer .btn.c_pink {
    position: absolute;
    right: 8rem;
    width: 20rem;
    height: 4.4rem;
    font-size: 1.6rem;
    line-height: 4.4rem;
}

.btn.c_pink {
    display: block;
    margin: 0 auto;
    width: 40rem;
    height: 6.2rem;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    line-height: 6.2rem;
    background: #c40352;
}

.btn {
    display: inline-block;
    vertical-align: middle;
}

a {
    vertical-align: top;
    color: #555555;
    text-decoration: none;
}

.con_footer h3 {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
}

.con_footer p {
    color: #777;
    font-size: 1.6rem;
    line-height: 3.2rem;
}

.cont_body p {
    font-size: 1.6rem;
    line-height: 3.2rem;
    /*  word-break: keep-all; */
}

.wrap .faqTab .menuLine .tabMenu li {
    padding: 0;
}

.paging {
    margin-top: 100px;
}

.wrap .faqTab .menuLine .tabMenu li button {
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    padding: 25px 0;
    width: 25%;
    text-align: center;
    cursor: pointer;
}

.wrap .faqTab .menuLine .tabMenu li.is_active button {
    font-weight: 700;
    border-bottom: 4px solid #a50034;
    color: #a50034;
    width: 100%;
}

.wrap .accordion_wrap {
    margin: 0 auto;
    margin-top: 100px;
}

.tab_wrap.typ3 > .tab_head ul li button {
    border-bottom: transform;
}

/* 占쏙옙크占쏙옙 占쏙옙占쏙옙占쏙옙 */
/* .tab_head{
	border-bottom: 1px solid #ddd;
	width: 450px;
}
.padding100{
	padding: 100px 0;
}
.printAdsSlideWrap{
	padding:100px 0 200px;
}
.scroll{
	overflow-x:auto;
} */
/* new header */
header.newHeader .gr {
    display: none;
}

header.newHeader .flexHeaderWrap {
    padding: 0 140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header.newHeader nav {
    max-width: 900px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

header.newHeader nav .media {
    padding: 30px 28px;
}

header.newHeader nav .media a {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}

header.newHeader .subContent {
    max-width: 250px;
    gap: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header.newHeader .subContent .icon {
    line-height: 16px;
}

header.newHeader .subContent .icon a {
    font-size: 18px;
    color: #fff;
    font-family: "Segoe UI";
}

header.newHeader .subContent .icon a .right .menuWrap span {
    color: #fff;
    font-size: 18px;
    padding: 30px 0;
    font-family: "Segoe UI";
}

.wrap .headerWrap header.newHeader .right .menuWrap > li > .hoverMenu {
    position: absolute;
    top: 60px;
    /* left: 40px; */
    width: auto;
    background-color: #fff;
    color: #000;
    z-index: 1;
    border: 1px solid #666;
    display: none;
    right: 7.775em;
    padding: 0 24px;
    width: 88px;
    box-sizing: border-box;
}

.wrap .headerWrap header.newHeader .icon.sns {
    padding: 32px 0;
}

.wrap .headerWrap header.newHeader .icon.sns > .hoverMenu {
    position: absolute;
    top: 60px;
    /* left: 40px; */
    width: auto;
    background-color: #fff;
    color: #000;
    z-index: 1;
    border: 1px solid #666;
    display: none;
    right: 10.7em;
    width: 110px;
    box-sizing: border-box;
    color: #000;
}

.wrap .headerWrap header.newHeader .icon.sns > .hoverMenu li {
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

.wrap .headerWrap header.newHeader .icon.sns > .hoverMenu li:hover button {
    color: #a50034;
}

.wrap .headerWrap header.newHeader .icon.sns > .hoverMenu li button {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.wrap .headerWrap header.newHeader .icon.sns:hover > .hoverMenu {
    display: block;
}

.wrap .headerWrap header.newHeader .icon.sns {
    min-width: 2.5em;
    text-align: center;
}

.wrap .headerWrap header.newHeader .icon.lang {
    min-width: 2.5em;
    text-align: center;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li > .hoverMenu > li {
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li > .hoverMenu > li > button {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li > .hoverMenu > li:hover button {
    color: #a50034;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li:hover > .hoverMenu {
    display: block;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li:last-of-type {
    margin-right: 0;
}

/* header */
header.newHeader:hover {
    background-color: #fff;
}

header.newHeader:hover .gr {
    display: block;
}

header.newHeader:hover .wt {
    display: none;
}

header.newHeader:hover nav .media > a {
    color: #000;
}

header.newHeader:hover nav .media:hover > a {
    color: #a50034;
    font-weight: 700;
}

header.newHeader:hover .subContent .icon a {
    color: #000;
}

header.newHeader:hover .subContent .icon a .right .menuWrap span {
    color: #000;
}

.headerWrap.on header.newHeader {
    background-color: #fff;
    border-bottom: 1px solid #ddd
}


.headerWrap.on header.newHeader .gr {
    display: block;
}

.headerWrap.on header.newHeader .wt {
    display: none;
}

.headerWrap.on header.newHeader nav .media a {
    color: #000;
}

.headerWrap.on header.newHeader nav .media:hover > a {
    color: #a50034;
    font-weight: 700;
}

.headerWrap.on header.newHeader .subContent .icon a {
    color: #000;
}

.headerWrap.on header.newHeader .subContent .icon a .right .menuWrap span {
    color: #000;
}

header.newHeader .bottomNavWrap {
    box-shadow: 0 30px 30px -50px rgb(0 0 0 / 20%);
    transition: height 4s;
    opacity: 0;
    display: none;
    height: 0;
    border-top: 1px solid #d8d8d8;
    padding-top: 51px;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    top: 93px;
    left: 0;
    right: 0;
}

header.newHeader .media:hover .bottomNavWrap {
    height: 300px;
    opacity: 1;
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
}

header.newHeader .media:hover > a {
    color: #a50034;
    position: relative;
}

header.newHeader .media:hover > a:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #a50034;
    position: absolute;
    bottom: -30px;
}

/*
header.newHeader .media.product:hover .bottomNavWrap2{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.product:hover>a{color: #a50034;position:relative;}
header.newHeader .media.product:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.ino:hover .bottomNavWrap3{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.ino:hover>a{color: #a50034;position:relative;}
header.newHeader .media.ino:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.recruit:hover .bottomNavWrap4{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.recruit:hover>a{color: #a50034;position:relative;}
header.newHeader .media.recruit:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.esg:hover .bottomNavWrap5{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.esg:hover>a{color: #a50034;position:relative;}
header.newHeader .media.esg:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.event:hover .bottomNavWrap6{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.event:hover>a{color: #a50034;position:relative;}
header.newHeader .media.event:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.customer:hover .bottomNavWrap7{height: 346px;opacity:1;display: block;position:absolute;top:78px;left:0;right: 0;}
header.newHeader .media.customer:hover>a{color: #a50034;position:relative;}
header.newHeader .media.customer:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
*/
header.newHeader .flexWrap {
    background-color: #fff;
    width: 1140px;
    margin: 0 auto;
    display: flex;
    padding-left: 156px;
}

header.newHeader .flexWrap .left {
    font-size: 20px;
    line-height: 20px;
    color: #a50034;
    padding-right: 5px;
    width: 121px;
}

header.newHeader .flexWrap .right {
    padding-left: 40px;
    border-left: 1px solid #ddd;
    flex: 1;
}

header.newHeader .flexWrap .right .categorize {
    display: flex;
    margin-bottom: 20px;
}

header.newHeader .flexWrap .right .categorize .title {
    width: 180px;
}

header.newHeader .flexWrap .right .categorize .title a {
    font-size: 18px;
    line-height: 18px;
    color: #444;
}

header.newHeader .flexWrap .right .categorize1:hover .title a {
    font-weight: 700;
}

header.newHeader .flexWrap .right .categorize2:hover .title a {
    font-weight: 700;
}

header.newHeader .flexWrap .right .categorize3:hover .title a {
    font-weight: 700;
}

header.newHeader .flexWrap .right .categorize4:hover .title a {
    font-weight: 700;
}

header.newHeader .flexWrap .right .categorize5:hover .title a {
    font-weight: 700;
}

header.newHeader .flexWrap .right .categorize .sub {
    margin-left: 25px;
    display: flex;
    flex: 1;
}

header.newHeader .flexWrap .right .categorize .sub li {
    margin-right: 30px;
}

header.newHeader .flexWrap .right .categorize .sub li a {
    font-size: 16px;
    line-height: 16px;
    color: #666;
    position: relative;
}

header.newHeader .flexWrap .right .categorize .sub li a:after {
    content: '';
    display: none;
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: #a50034;
}

header.newHeader .flexWrap .right .categorize .sub li:hover a:after {
    display: block;
}

.wrap .padding0.topFix {
    padding-top: 0px !important;
}

.headerWrap .topHeader {
    display: none;
}

.headerWrap .bottomHeader {
    display: none;
}

.cont_body h2 {
    font-size: 36px !important;
    line-height: 40px !important;
}

.cont_body h2::after {
    width: 100% !important;
    bottom: -10px !important;
    background-color: #000 !important;
    height: 2px !important;
}

.support_qna h3 {
    display: none;
}

.support_qna h4 {
    font-size: 36px !important;
    line-height: 40px !important;
    font-weight: 700;
    border-bottom: 2px solid #000 !important;
}

.support_qna input[type=radio]:checked + label::before {
    background-color: #fff !important;

}

.support_qna input[type=radio] + label::before {
    border: 1px solid #bbb !important;
}

.support_qna input[type=radio]:checked + label::before {
    background: #a50034 !important;
}

.support_qna input[type=radio]:checked + label::after {
    background-color: #fff !important;
}

.name {
    padding-bottom: 40px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign.en {
    width: 100%;
}

.tab_wrap.typ3 .tab_head ul li.is_active {

    border-bottom: 4px solid #a50034;
}

.tab_wrap.typ3 .tab_head ul li.is_active button span {
    color: #a50034 !important;
}

.tab_body.en .campus_sub {
    display: none !important;
}

.tab_body.cn .campus_sub {
    display: none !important;
}

.printAdsSlide2.pop img {
    width: 95%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in h3.en {
    max-width: 740px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd36.en {
    padding: 49px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd32.en {
    padding: 56px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.en {
    padding: 49px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle.en {
    width: 100%;
    max-width: 1360px;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap {
    width: 729px;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.en {
    width: 561px;
}

.wrap .ceoMsgWrap .positionWrap.en {
    height: 2541px;
}

.wrap .ceoMsgWrap .positionWrap.en .right {
    height: 2650px;
}

.gr span.cn {
    font-family: "LGSmHa", "Segoe UI", "Noto Sans SC", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";
}

.gr span.en {
    display: none;
}

.wrap .recruitBanner .banner .btnArea a.en {
    display: none;
}

.wrap .recruitBanner .banner .btnArea a.cn {
    display: none;
}

.wrap .programInfo .title.en {
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

.wrap .programInfo .title.cn {
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text.en ul {
    text-align: left;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text.cn ul {
    text-align: left;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap.en {
    padding: 0 40px;
    padding-top: 70px;
    height: 660px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap.en {
    height: 670px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap.en .in {
    align-items: flex-start;
}

.wrap .esgResourceWrap .esgresourceGraph {
    width: 100%;
    border-top: 2px solid #000;
    margin-top: 42px;
    word-break: keep-all;
}

.wrap .esgResourceWrap .esgresourceGraph th {
    width: 293px;
    height: 64px;
    padding: 0;
    line-height: 14px;
    line-height: clamp(14px, 3.889vw, 28px);
}

.wrap .esgResourceWrap .esgresourceGraph thead th {
    background-color: #f5f6f8;
}

.wrap .esgResourceWrap .esgresourceGraph thead th:first-child {
    width: 478px;
}

.wrap .esgResourceWrap .esgresourceGraph td:first-child {
    width: 208px;
    padding: 0;
}

.wrap .esgResourceWrap.en .esgresourceGraph td:first-child {
    padding: 12px 14px;
}

.wrap .esgResourceWrap .esgresourceGraph td:last-child {
    border-right: 0;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0.en {
    line-height: 20px;
    height: 270px;
    position: relative;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0.en span {
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1.en {
    height: 121px;
    position: relative;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1.en span {
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2.en {
    height: 148px;
    position: relative;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2.en span {
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2.bdl0 {
    height: 243px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li1 {
    height: 149px;
    line-height: 20px;
    position: relative;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li1 span {
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    width: 90%;
    line-height: 1.56;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li2 {
    height: 122px;
    position: relative;
    line-height: 20px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li2 span {
    position: absolute;
    top: 50%;
    left: 57%;
    transform: translate(-50%, -50%);
    width: 100%;
    line-height: 1.56;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li2 p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    line-height: 1.56;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub.en .list {
    line-height: 20px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn.en {
    width: 712px;
}

/* cn */
.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign {
    width: 754px;
}

.wrap .ceoWrap .pageBannerWrap.cn {
    height: 806px;
    font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .left.cn {
    word-break: break-all;
    width: 473px;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap.cn .graph li span.list1 {
    word-break: break-all !important;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in.cn {
    max-width: 960px;
    margin: 0 auto;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.ko {
    width: 627px;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap h4 {
    position: relative;
    right: 40px;
    bottom: 20px;
    font-size: 20px;
    line-height: 1.5;
    text-align: right;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.cn h4 {
    margin-left: 0;
    text-align: right;
}

.qnaWrap .tab_wrap.typ3 .tab_head ul li.is_active {
    border-bottom: 0 !important;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0.en {
    height: 505px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1.en {
    height: 186px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2.en {
    height: 159px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.en .graph li.list2.bdl0 {
    height: 159px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2 .graph.en li.list2 .sub li.li1.en {
    height: 187px;
}

.solutiontable1 {
    width: 100%;
    border-top: 2px solid #000;
    margin-top: 20px;
}

.solutiontable1 td {
    text-align: center;
}

.solutiontable1 th {
    font-weight: 700;
    background-color: #f5f6f8;
}

.solutiontable1 td, th {
    text-align: center;
    padding: 22px 0;
    width: 25%;
    font-size: 18px;
    color: #444;
}

.solutiontable1 td:first-of-type {
    border-left: none;
}

.solutiontable1 td:last-of-type {
    border-right: none;
}

.solutiontable1 th:first-of-type {
    border-left: none;
}

.solutiontable1 th:last-of-type {
    border-right: none;
}

.solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 {
    padding-bottom: 80px;
    border-bottom: 1px solid #ddd;
}

.solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody.mt160 {
    margin-top: 80px !important;
    padding-bottom: 0;
    border-bottom: none;
}

.safeTable {
    width: 100%;
    border-top: 2px solid #000;
    margin-top: 40px;
}

.safeTable thead {
    background-color: #f5f6f8;
}

.safeTable .bgc {
    background-color: #f5f6f8;
}

.safeTable td, th {
    width: 20%;
    text-align: center;
    text-align: center;
    padding: 22px 0;
    font-size: 18px;
}

.none {
    display: none !important;
}

.slick-track {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.opticalSolution .categorySelectWrap {
    max-width: 1650px;
}

.articleLifeWrap.imageNone .textBox .left {
    display: none;
}

.articleLifeWrap.imageNone .textBox .right {
    border-top: 1px solid #ddd;
}

.support_qna .qna_customer .txt_box {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 17px !important;
}

.support_qna .qna_customer .txt_box p {
    width: calc(50% - 20px) !important;
    margin: 0 !important;
    float: unset !important;
}

.support_qna input[type=text] {
    width: calc(100% - 40px) !important;
}

.cont_body .cl:after {
    display: none !important;
}

.mt20 {
    margin-top: 20px !important;
}

.press2.pressDetail .pressContents .pressFlexWrap {
    display: block;
}

.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts {
    position: relative;
}

.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts:before {
    display: block;
    content: '+';
    position: absolute;
    font-size: 30px;
    color: #a50034;
    font-weight: 500;
    top: 4px;
    left: 3.5px;
}

.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active before {
    display: none;
}

.support_faq .article {
    margin-top: 100px;
    background-color: #fff;
}

.support_faq .article li:last-of-type {
    border-bottom: 1px solid #ccc;
}

.support_faq .questionWrap {
    height: 80px;
    padding: 0 40px;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer;
}

.support_faq .questionWrap span {
    display: block;
    float: left;
    line-height: 80px;
}

.support_faq .questionWrap span.listNum {
    width: 275px;
    color: #a50034;
    font-size: 18px;
    line-height: 80px;
    font-weight: 700;
    display: flex;
}

.support_faq .questionWrap span.listNum .grey {
    color: #666;
    margin-right: 6px;
}

.support_faq .questionWrap span.listNum .greyA {
    color: #bbb;
    margin-right: 6px;
}

.support_faq .questionWrap .grSpan {
    color: #bbb !important;
}

.support_faq .questionWrap span.listTitle {
    width: calc(100% - 307px);
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.support_faq .questionWrap .crossIcon {
    padding: 23px 0;
}

.support_faq .questionWrap .crossIcon .up {
    display: none;
}

.support_faq li .crossIcon .up {
    display: none;
}

.support_faq li.on .crossIcon .up {
    display: block;
}

.support_faq li.on .crossIcon .down {
    display: none;
}

.support_faq .articleWrap li.on .answerWrap {
    display: block;
}

.support_faq .answerWrap {
    padding: 30px 314px;
    background-color: #fafafa;
    display: none;
}

.support_faq .answerWrap p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #444;
    /* word-break: keep-all; */
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap.en .media {

}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap.en .media .text {
    width: calc(100% - 140px);
}

.esgGovernanceWrap article.en .text .right {
    width: calc(100% - 140px);
    word-break: break-word;
}

.esgGovernanceWrap article.ko .text .left.title1 {
    width: 50px !important;
}

.esgGovernanceWrap article.ko .text .left.title2 {
    width: 50px !important;
}

.esgGovernanceWrap article.ko .text .left.title3 {
    width: 137px !important;
}

.esgGovernanceWrap article.ko .text .left.title4 {
    width: 100px !important;
}

.esgGovernanceWrap article.ko .text .left.title5 {
    width: 75px !important;
}

.esgGovernanceWrap article.en .text .left.title1 {
    width: 90px !important;
}

.esgGovernanceWrap article.en .text .left.title2 {
    width: 120px !important;
}

.esgGovernanceWrap article.en .text .left.title3 {
    width: 430px !important;
}

.esgGovernanceWrap article.en .text .left.title4 {
    width: 134px !important;
}

.esgGovernanceWrap article.en .text .left.title5 {
    width: 175px !important;
}

.esgGovernanceWrap article.cn {
    font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";
}

.esgGovernanceWrap article.cn .text .left.title1 {
    width: 58px;
}

.esgGovernanceWrap article.cn .text .left.title2 {
    width: 58px;
}

.esgGovernanceWrap article.cn .text .left.title3 {
    width: 133px;
}

.esgGovernanceWrap article.cn .text .left.title4 {
    width: 58px;
}

.esgGovernanceWrap article.cn .text .left.title5 {
    min-width: 106px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn.cn {
    width: 512px;
}

.mobNaviWrap .optionList.en {
}

.mobNaviWrap .optionList.cn {
    font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";
}

.mobNaviWrap .optionList.en h5 a.navNone {
    display: none;
}

.mobNaviWrap .optionList.cn h5 a.navNone {
    display: none;
}

.bottomBtns {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #fff;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list1 {
    background-color: #f5f6f8;
}

.autoDrive .imgBox {
    width: 100%;
    position: relative;
}

.autoDrive .imgBox:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.solutionWrap article .segment .tabSlideWrap .productSlide1 li .imgBox img {
    position: absolute;
    object-fit: fill;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.referenceWrap #pagingIrForm {
    border-top: 2px solid #000;
}

.wrap .companyIntro .businessArea.en .flexArea .article.art3 .text {
    /*top:170px;*/
}

.mt10 {
    margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap.en .media.padding47 {
    padding: 64px 60px;
}

.btn.c_pink {
    background: #a50034 !important;
    border-radius: 5px;
}

.color_pink {
    color: #a50034 !important;
}

.esgCyberWrap.en {
}

.cyberGraph {
    width: 100%;
    border-top: 2px solid #000;
    margin-top: 20px;
}

.cyberGraph .tg-0lax.left {
    text-align: center;
    background-color: #f5f6f8;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    border-right: 1px solid #ddd;
    width: 340px;
}

.cyberGraph .tg-0lax.right {
    padding: 18px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    padding-left: 20px;
    text-align: left;
}

.cyberGraph td, th:first-of-type {
    border-left: 0;
}

.cyberGraph td, th:last-of-type {
    border-right: 0;
}

#container .contents.privacy .cont_body#footer_con {
    padding: 0 !important;
}

.center1628 {
    max-width: 1628px;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
}

.privacy_policy .con_section_body.selectBox select {
    margin-left: auto;
    width: 34rem !important;
    height: 6.4rem !important;
    color: #000 !important;
    border: 1px solid #666 !important;
    padding: 0 2rem !important;
    background-image: url("../img/ico_select.png");
}

.managementGraph {
    border-top: 2px solid #000;
}

.managementGraph th, td {
    text-align: center;
    padding: 22px 10px;
    font-size: 18px;
    line-height: 28px;
}

.managementGraph th, td.text-right {
    text-align: right;
}

.managementGraph th {
    background-color: #f5f6f8;
}

.managementGraph td:first-of-type {
    border-left: 0;
}

.managementGraph td:last-of-type {
    border-right: 0;
}

.managementGraph td:nth-of-type(1) {
    width: 25%;
}

.managementGraph td:nth-of-type(2) {
    width: 15%;
}

.managementGraph td:nth-of-type(3) {
    width: 60%;
}

.en.no {
    display: none !important;
}

.cn.no {
    display: none !important;
    font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";
}

.activityTable {
    border-top: 2px solid #000;
    width: 100%;
}

.activityTable th {
    background-color: #f5f6f8;
}

.activityTable th:nth-of-type(2) {
    width: 45%;
}

.activityTable td:first-of-type {
    border-left: 0;
}

.activityTable td:last-of-type {
    border-right: 0;
}

.wrap .courseWrap .courseMenu .content .title.en p {
    font-weight: 700;
    color: #000;
    font-size: 24px;
    line-height: 34px;
}

.wrap .courseWrap .courseMenu .content .title.cn p {
    font-weight: 700;
    color: #000;
    font-size: 24px;
    line-height: 34px;
    font-family: 'Noto Sans SC', sans-serif;
}

.qna_agree h5 {
    font-size: 28px;
    line-height: 1;
}

.wrap .informationWrap .tabMenuWrap .content.content1.cn .explain .flexWrap .right {
    word-break: break-all;
}

.tableTitle {
    font-size: 32px;
    line-height: 44px;
    padding-bottom: 40px;
    font-weight: 700;
}

.overflow {
    overflow: auto;
    height: 100%;
}


.tab_wrap.typ3 {
    box-sizing: border-box;
}

.cont_body p {
    word-break: break-all !important;
}

.campus_list li .campus_wrap .campus_info .campus_address {
    letter-spacing: -0.04rem;
    word-break: keep-all !important;
}

.support_qna .tab_recruit .radio_box p.txt {
    padding-bottom: 100px;
}

.forMobPadding0 .categorySelectWrap {
    padding: 0;
}

.wrap .ceoMsgWrap .positionWrap.cn {
    height: 1546px;
    font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif;
}

.wrap .ceoMsgWrap .positionWrap.cn .right {
    height: 2050px;
}

br.mt10 {
    margin-top: 10px;
}

.wrap .headerWrap .downMenuWrap {
    display: none;
}

.wrap .headerWrap .downMenuWrap .downMenuUnit {
    display: none;
}

.twinSmart h5 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 40px;
}

.twinSmart h4 {
    font-size: 40px;
    font-weight: 700;
    margin-top: 100px;
}

.w1597 {
    max-width: 1598px;
    width: 100%;
    margin: 0 auto;
}

.w1598 {
    max-width: 1598px;
    width: 100%;
    margin: 0 auto;
}

.twinSmart .flexArea {
    margin-top: 60px;
}

.twinSmart .flexArea .num {
    font-size: 1.2rem;
    line-height: 40px;
    color: #666;
    display: flex;
}

.twinSmart .flexArea .num .left {
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    font-weight: 500;
    background-color: #a50034;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: 8px;
}

.twinSmart .flexArea .num .right {
    width: calc(100% - 50px);
}

.twinSmart .subtitle {
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
}

.solutionWrap article .segment .imgArea.mt60 {
    margin-top: 60px;
}

.center {
    text-align: center;
}

.solutionWrap article.bannerArticle {
    padding: 0;
}

.solutionWrap article.bannerArticle .bottomBanner {
    padding: 120px 0 200px;
}

.segment.ml0 {
    position: relative;
}

.segment.ml0 .webImg {
    position: absolute;
    bottom: -16%;
    right: 20%;
}

.imgArea.w30 {
    margin-top: 40px !important;
}

.bgCount1 {
    position: relative;
    z-index: 787878;;
}

.bgCount1::after {
    display: block;
    content: '1';
    position: absolute;
    /* width: 69px;
	height: 110px; */
    font-size: 110px;
    font-weight: 900;
    color: #fff;
    bottom: 0;
    z-index: -5;
    left: -34px;
    bottom: -5px;
}

.bgCount2 {
    position: relative;
    z-index: 787878;;
}

.bgCount2::after {
    display: block;
    content: '2';
    position: absolute;
    /* width: 31px;
	height: 50px; */
    font-size: 110px;
    font-weight: 900;
    color: #fff;
    bottom: 0;
    z-index: -5;
    left: -34px;
    bottom: -4px;
}

.bgCount3 {
    position: relative;
    z-index: 787878;;
}

.bgCount3::after {
    display: block;
    content: '3';
    position: absolute;
    /* width: 31px;
	height: 50px; */
    font-size: 110px;
    font-weight: 900;
    color: #fff;
    z-index: -5;
    left: -35px;
    bottom: 40px;
}

.safeTable tr td:first-of-type {
    border-left: 0;
}

.safeTable tr td:last-of-type {
    border-right: 0;
}

.managementGraph td:nth-of-type(1) {
    background-color: #f5f6f8;
}

.spanLine {
    display: flex;
}

p.draw_thumbnail {
    width: 100%;
    height: 316px;
}

.modal .modalIn .signform .check .text {
    width: calc(100% - 40px);
}

.acceptCheck .LV_invalid_field, input.LV_invalid_field:active, input.LV_invalid_field:hover, textarea.LV_invalid_field:active, textarea.LV_invalid_field:hover {
    outline: none
}


.twinSmart h4 {
    line-height: 1;
}

.cn .bgCount1::after {
    bottom: 3px;
}

.cn .bgCount2::after {
    bottom: -13px;
}

.cn .bgCount3::after {
    bottom: 31px;
}

.en .bgCount1::after {
}

.en .bgCount2::after {
    bottom: 4px;
}

.en .bgCount3::after {
    bottom: 104px;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .right .logo img {
    width: 100%;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left .logo img {
    width: 100%;
}

header.newHeader .en .flexWrap .right .categorize .title {
    width: 215px;
}

header.newHeader .en .flexWrap {
    width: 1178px;
}

/*중국어 체크*/
.cn {
    font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif;
}

.cn button {
    font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif !important;
    font-weight: 500 !important;
}

.cn h2, .cn h3, .cn h4, .cn h5 {
    font-weight: 500 !important;
}

.cn p, .cn span, .cn .text {
    font-weight: 300 !important;
}

.wrap .ceoMsgWrap .positionWrap.cn .right .text p, .wrap .ceoMsgWrap .positionWrap.cn .right .text h3 span,
.wrap .esgVisionWrap .articleBox.cn p,
.wrap .esgManagementPolicyWrap.cn .textHeader .text,
.esgEvaluationWrap.cn .evaluationWrap article .graphWrap .graph li .sub li,
.cn .safeTable td,
.wrap .esgManagementPolicyWrap.cn .managementPoliicyWrap .lgEthic .scrollTab .area .textBox {
    font-weight: 300;
}

.wrap .ceoMsgWrap .positionWrap.cn .right .text h2,
.wrap .esgVisionWrap .articleBox.cn h2,
.wrap .esgVisionWrap .articleBox.cn h3,
.wrap .esgVisionWrap .articleBox.cn h4,
.wrap .cn .tabMenuWrap .menuLine .tabMenu li.on,
.wrap .esgManagementPolicyWrap.cn .managementPoliicyWrap .lgWay .up .text,
.wrap .esgShareholderWrap.cn .shareholderWrap .graphWrap .graph.graphTitle li,
.esgEvaluationWrap.cn .evaluationWrap article .graphWrap .graph.graphTitle li,
.cn .safeTable th {
    font-weight: 500;
}

.wrap .esgSafeWrap.cn .safeWrap article .row .txtBox.left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap .esgSafeWrap.cn .safeWrap article .row .txtBox h3.title-txt {
    width: 100%;
    margin: 0;
}


.esgCyberWrap.cn .cyberGraph .tg-0lax.left, .wrap .esgCarbonWrap.cn .carbonSection h4 {
    font-weight: 500;
    color: #444;
}

.esgCyberWrap.cn .cyberGraph .tg-0lax.right {
    font-weight: 300;
    color: #444;
}

/*2022.10.05 운영 추가건*/
.esgGovernanceWrap .circleInfo {
    margin-top: 40px;
}

.esgGovernanceWrap .circleInfo .list {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 20px 98px 0 99px;
    box-sizing: border-box;
}

.esgGovernanceWrap .circleInfo .list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 335px;
    text-align: center;
    word-break: keep-all;
}

.esgGovernanceWrap .circleInfo .list .item + .item {
    position: relative;
    padding-left: 79px;
}

.esgGovernanceWrap .circleInfo .list .item + .item:before {
    content: '';
    position: absolute;
    top: 100px;
    left: 10px;
    width: 52px;
    height: 52px;
    background: url('../img/img-esg-allow.png') center no-repeat;
}

.esgGovernanceWrap .circleInfo .list .item .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 240px;
    border-radius: 100%;
    border: 1px solid #a50034;
    box-sizing: border-box;
}

.esgGovernanceWrap .circleInfo .list .item .circle .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background-color: #f5f5f5;
    border: 1px dotted #dddddd;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700 !important;
    color: #000;
    text-align: center;
    box-sizing: border-box;
}

.esgGovernanceWrap .circleInfo .list .item .textList {
    margin-top: 40px;
}

.esgGovernanceWrap .circleInfo .list .item .textList li {
    min-height: 90px;
}

.esgGovernanceWrap .circleInfo .list .item .textList li + li {
    margin-top: 40px;
}

.esgGovernanceWrap .circleInfo .list .item .textList li .sub {
    display: block;
    position: relative;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    font-weight: 700;
}

.esgGovernanceWrap .circleInfo .list .item .textList li .sub a .image {
    display: inline-block;
    width: auto;
    margin: 0;
    vertical-align: middle;
}

.esgGovernanceWrap .circleInfo .list .item .textList li .sub a .image .web {
    width: 22px;
    height: 22px;
    margin-top: -8px;
}

.esgGovernanceWrap .circleInfo .list .item .textList li .desc {
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
}

.esgGovernanceWrap .circleInfo .list .item .textList li .etc {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

.esgGovernanceWrap .circleInfo .list .item .textList li .etc .mobile {
    display: none;
}

.esgGovernanceWrap.cn .circleInfo .list .item .textList li .sub a .image .web {
    margin-top: -14px;
}

.esgGovernanceWrap.en .circleInfo .list .item .textList li .en {
    margin-top: 0;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

/*퍼블리싱 추가 ceo 방침*/
.esgCeoPolicy {
    width: 1200px;
    margin: 100px auto 0;
}

.esgCeoPolicy.center1360 {
    width: 1360px;
    margin: 100px auto 0;
}

.esgCeoPolicy .pcStyle {
    display: inline-block;
}

.esgCeoPolicy h2 {
    font-size: 36px;
    line-height: 40px;
}

.esgCeoPolicy h3 {
    font-size: 24px;
    line-height: 40px;
}

.esgCeoPolicy h2 + h3, .esgCeoPolicy h3 + p {
    margin-top: 40px;
}

.esgCeoPolicy p .spanTitle {
    display: block;
    font-size: 24px;
    line-height: 40px;
    color: #666666;
    font-weight: bold;
    margin-top: 40px;
}

.esgCeoPolicy p .spanLine {
    display: block;
    font-size: 24px;
    line-height: 40px;
    color: #666666;
}

.esgCeoPolicy p .spanLine .color_green {
    color: #B61B38;
    font-weight: bold !important;
}

.esgCeoPolicy p .spanLine .color_yellow {
    color: #B61B38;
    font-weight: bold !important;
}

.esgCeoPolicy p .spanLine .color_blue {
    color: #B61B38;
    font-weight: bold !important;
}

.esgCeoPolicy .ceoSignWrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 60px;
}

.esgCeoPolicy .ceoSignWrap.ty2 {
    align-items: center;
    flex-direction: row;
}

.esgCeoPolicy .ceoSignWrap .ceoTop {
}

.esgCeoPolicy .ceoSignWrap .ceoTop .date {
    display: block;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
}

.esgCeoPolicy .ceoSignWrap .ceoBottom {
    display: flex;
    align-items: center;
}

.esgCeoPolicy .ceoSignWrap .left {
    font-size: 32px;
    margin-right: 40px;
}

.ceoSignWrap.esgCeo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}

.ceoSignWrap.esgCeo .left {
    font-size: 32px;
    margin-right: 40px;
}

.ceoSignWrap.esgCeo .right {
}

.managementPoliicyWrap .energy .ceoUpdate {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}

/*table style add*/
.tblWrap {
    margin-top: 42px;
    border: none;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #ddd;
}

.tblWrap table {
    width: 100%;
}

.tblWrap th, .tblWrap td {
    padding: 20px 50px;
    font-size: 18px;
    line-height: 28px;
}

.tblWrap th {
    background-color: #f5f6f8;
    text-align: center;
    border-top: none;
}

.tblWrap td {
    border: none;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #444;
}

.tblWrap td.first {
    border-left: none;
}

.tblWrap .border td {
    border-top: 1px solid #000;
}

.tblWrap .dot-list li {
    position: relative;
    padding-left: 10px;
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    color: #444;
}

.tblWrap .dot-list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #444;
}

.tblWrap .dot-list li .dash-list {
    margin-left: -10px;
}

.tblWrap .dot-list li .dash-list li {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    color: #444;
}

.tblWrap .dot-list li .dash-list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 1px;
    background-color: #444;
}

.cn .tblWrap .dot-list li:before {
    top: 12px;
}

/*2022.12.01 핵심기반기술 페이지 추가*/
.cherry {
    color: #a50034 !important;
}

.solutionWrap.technology .banner {
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.solutionWrap.technology .banner img {
    max-width: 100%;
}

.solutionWrap.technology .banner .mob {
    display: none;
}

.solutionWrap.technology .accordionTab {
    height: 560px;
    margin-top: 80px;
    background: url("../img/img-techbanner-01.jpg") no-repeat center;
    background-size: cover;
    box-sizing: border-box;
}

.solutionWrap.technology .accordionTab .tabs {
    display: flex;
    flex-wrap: wrap;
}

.solutionWrap.technology .accordionTab .tabs li {
    flex: 0 0 14.28%;
    width: 14.28%;
    height: 280px;
    padding: 150px 20px 30px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.solutionWrap.technology .accordionTab .tabs li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    font-size: 22px;
    line-height: 35px;
    color: #fff;
}

.solutionWrap.technology .accordionTab .tabs li.active, .solutionWrap.technology .accordionTab .tabs li:hover {
    background-image: linear-gradient(to top, #bf0d3f, #ff608c);
}

.solutionWrap.technology .tabsWrap {
    padding: 30px 40px 50px;
    margin-top: 90px;
    background: #fff;
    border-top: 2px solid #a50034;
    box-sizing: border-box;
}

.solutionWrap.technology .tabContainer .headBtn {
    position: relative;
    width: 100%;
    padding: 40px 50px 40px;
    margin-top: 20px;
    border: 1px solid #444;
    border-radius: 30px;
    box-sizing: border-box;
    cursor: pointer;
}

.solutionWrap.technology .tabContainer .headBtn:after {
    content: '';
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 40px;
    right: 50px;
    background: url("../img/ic-32-down-wt.png") no-repeat center;
    transition: all 0.3s;
}

.solutionWrap.technology .tabContainer .headBtn h4 {
    text-align: left;
    font-size: 24px;
    color: #000;
}

.solutionWrap.technology .tabContainer .headBtn p {
    margin-top: 20px;
    text-align: left;
    font-size: 22px;
    line-height: 36px;
    color: #666;
    padding-right: 40px;
    box-sizing: border-box;
}

.solutionWrap.technology .tabContainer .headBtn.c_active {
    border-radius: 30px 30px 0 0;
    border-bottom: none;
}

.solutionWrap.technology .tabContainer .headBtn .closeTab {
    display: none;
}

.solutionWrap.technology .tabContainer .headBtn.c_active .closeTab {
    display: inline-block;
}

.solutionWrap.technology .tabContainer .headBtn.c_active:after {
    transform: rotate(-180deg);
}

.solutionWrap.technology .tabContainer .tabContent {
    display: none;
}

.solutionWrap.technology .tabContainer .tabContent .inner {
    position: relative;
    display: flex;
    border-radius: 0 0 30px 30px;
    border: 1px solid #444;
    border-top: none;
    padding: 40px 50px;
    box-sizing: border-box;
}

.solutionWrap.technology .tabContainer .tabContent .inner:before {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% - 100px);
    height: 1px;
    top: 0;
    left: 50px;
    background: #444;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left {
    flex: 0 0 360px;
    width: 360px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .images {
    width: 360px;
    height: 300px;
    margin-bottom: 50px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .images img {
    max-width: 100%;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .images .mob {
    display: none;
}

.solutionWrap.technology .tabContainer .tabContent .inner h5 {
    font-size: 24px;
    line-height: 24px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList {
    margin-top: 20px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #ddd;
    padding: 10px 10px;
    box-sizing: border-box;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li + li {
    margin-top: 5px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li a {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 10px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li .icon img {
    max-width: 100%;
}

.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li .text {
    display: inline-block;
    margin-left: 8px;
    font-size: 20px;
    line-height: 24px;
    color: #000;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right {
    flex: 1 1 auto;
    width: calc(100% - 410px);
    padding-left: 50px;
    box-sizing: border-box;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .desc {
    min-height: 300px;
    font-size: 22px;
    line-height: 36px;
    color: #666;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .desc + h5, .solutionWrap.technology .tabContainer .tabContent .inner .right .jobList + h5 {
    margin-top: 50px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .jobList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 20px 40px;
    box-sizing: border-box;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .jobList li {
    position: relative;
    width: 50%;
    flex: 0 0 50%;
    padding-left: 19px;
    font-size: 20px;
    line-height: 34px;
    color: #444;
    box-sizing: border-box;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .jobList.w100 li {
    width: 100%;
    flex: 0 0 100%;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .jobList li:before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    top: 15px;
    left: 0;
    background: #444;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList {
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 40px;
    box-sizing: border-box;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li {
    display: inline-flex;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li a {
    display: flex;
    flex-direction: column;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li + li {
    margin-left: 30px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li .img {
    width: 96px;
    height: 96px;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li .img img {
    max-width: 100%;
}

.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li .title {
    margin-top: 10px;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}

/*2023.11.23 협력사훈련센터 페이지 추가 */
.trainingWrap .trainingContent {
    padding-top: 100px;
}

.trainingWrap .trainingContent:last-child {
    padding-bottom: 200px;
}

.trainingWrap .trainingContent .image {
    margin-top: 40px;
}

.trainingWrap .trainingContent .image img {
    width: 100%;
}

.trainingWrap .trainingContent h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.trainingWrap .trainingContent p {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    word-break: keep-all;
    margin-top: 40px;
}

.trainingWrap .trainingContent .information {
    margin-top: 100px;
}

.trainingWrap .trainingContent .information + p {
    margin-top: 60px;
}

.trainingWrap .trainingContent .information .line {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #bbb;
}

.trainingWrap .trainingContent .information .line:first-child {
    border-top: 1px solid #bbb;
}

.trainingWrap .trainingContent .information .line .left {
    font-size: 18px;
    line-height: 1.56;
    font-weight: 700;
    color: #a50034;
    width: 275px;
    padding-left: 40px;
    box-sizing: border-box;
}

.trainingWrap .trainingContent .information .line .right {
    font-size: 18px;
    line-height: 1.56;
    font-weight: 700;
    color: #000;
    width: calc(100% - 275px);
}

.trainingWrap .trainingContent .information .line .right .btnWrap {
    display: flex;
    margin-top: 10px;
}

.trainingWrap .trainingContent .information .line .right .btnWrap .btn_down {
    display: flex;
    gap: 4px;
    padding: 5px 10px;
    border: 1px solid #bbb;
    align-items: center;
}

.trainingWrap .trainingContent .information .line .right .btnWrap .btn_down + .btn_down {
    margin-left: 10px;
}

.trainingWrap .trainingContent .information .line .right .btnWrap .btn_down span {
    font-size: 18px;
    color: #666;
    font-weight: 400;
}

.trainingWrap .trainingContent .educationTable {
    width: 100%;
    overflow-x: scroll;
    border-top: 2px solid #000;
    margin-top: 40px;
}

.trainingWrap .trainingContent .education_list {
    min-width: 2400px;
}

.trainingWrap .trainingContent .education_list th {
    background: #f5f6f8;
    width: auto;
    padding: 22px;
    line-height: 1.11;
}

.trainingWrap .trainingContent .education_list th:first-child {
    border-left: 0
}

.trainingWrap .trainingContent .education_list th:last-child {
    border-right: 0;
}

.trainingWrap .trainingContent .education_list td {
    width: auto;
    padding: 22px;
}

.trainingWrap .trainingContent .education_list td:first-child {
    border-left: 0
}

.trainingWrap .trainingContent .education_list td:last-child {
    border-right: 0;
}

.trainingWrap .trainingContent .enrolment_list {
    width: 100%;
    border-top: 2px solid #000;
    margin-top: 60px;
}

.trainingWrap .trainingContent .enrolment_list thead tr th {
    width: 20%;
    font-size: 18px;
    padding: 22px 0;
    text-align: center;
    background: #f5f6f8;
    color: #444;
    line-height: 1.4
}

.trainingWrap .trainingContent .enrolment_list thead tr th:first-child {
    border-left: 0
}

.trainingWrap .trainingContent .enrolment_list tbody tr td {
    font-size: 18px;
    padding: 22px 0;
    text-align: center;
    color: #444;
    line-height: 1.4;
}

.trainingWrap .trainingContent .enrolment_list tbody tr td:first-child {
    border-left: 0;
    background: #f5f6f8;
    font-weight: 500;
}

.trainingWrap .trainingContent .enrolment_list tbody tr td:last-child {
    border-right: 0;
}

.trainingWrap .trainingContent .trainingAddress ul li {
    display: flex;
    align-items: center;
    padding: 60px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.trainingWrap .trainingContent .trainingAddress ul li:first-child {
    border-top: none;
}

.trainingWrap .trainingContent .trainingAddress ul li:last-child {
    border-bottom: none;
    margin-bottom: 20px;
}

.trainingWrap .trainingContent .trainingAddress ul li .left {
    width: 250px;
    color: #444;
    font-size: 24px;
    font-weight: 500;
}

.trainingWrap .trainingContent .trainingAddress ul li .right {
    flex: 1;
    color: #444;
    font-size: 24px;
    line-height: 1.4;
}

.modal40 .modalIn {
    width: 928px;
    padding: 40px 40px 60px 60px;
}

.modal.modal40 .modalIn h2 {
    margin-top: -20px;
}

.modal40 .trainingModalCont h2 {
    font-size: 40px;
}

.modal40 .trainingModalCont {
    margin: 40px 14px 0;
}

.modal40 .trainingModalCont .list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.modal40 .trainingModalCont .list li {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal40 .trainingModalCont .list li .tit {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
}

.modal40 .trainingModalCont .list li .tit:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -14px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #000;
}

.modal40 .trainingModalCont .list li .desc {
    font-size: 20px;
    color: #666;
    line-height: 1;
}

/* 2023.11.27 ces부스 */
.cesBoothWrap .banner img {
    max-width: 100%;
}

.cesBoothWrap .cesBoothCont {
    padding: 100px 0 200px;
}

.cesBoothWrap .cesBoothCont .cesInfo {
    display: block;
    font-size: 16px;
    padding-bottom: 60px;
    line-height: 1;
}

.cesBoothWrap .cesBoothCont .item + .item {
    padding-top: 100px;
}

.cesBoothWrap .cesBoothCont .item .titWrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 40px;
}

.cesBoothWrap .cesBoothCont .item .titWrap.borderBottom {
    border-bottom: 2px solid #000;
}

.cesBoothWrap .cesBoothCont .item .titWrap .tit {
    font-size: 36px;
    line-height: 1.11;
}

.cesBoothWrap .cesBoothCont .item .titWrap .tit.req:after {
    content: "*";
    color: #a50034;
    margin-left: 6px;
    display: inline-block;
}

.cesBoothWrap .cesBoothCont .item .titWrap .requiredBox .desc {
    font-size: 20px;
    color: #444;
}

.cesBoothWrap .cesBoothCont .item .titWrap .requiredBox .desc.req:before {
    content: "*";
    color: #a50034;
    display: inline-block;
    margin-right: 4px;
}

.cesBoothWrap .cesBoothCont .item .contWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 16px;
    margin-top: 40px;
}

.cesBoothWrap .cesBoothCont .item .contWrap div {
    flex: 1 1 40%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cesBoothWrap .cesBoothCont .item .contWrap div label {
    font-size: 24px;
    line-height: 1;
    color: #444;
}

.cesBoothWrap .cesBoothCont .item .contWrap div label.req:after {
    content: "*";
    color: #a50034;
    margin-left: 4px;
    display: inline-block;
}

.cesBoothWrap .cesBoothCont .item .contWrap div input {
    border: 1px solid #666;
    height: 64px;
    line-height: 20px;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 0;
    font-size: 18px;
    padding: 22px 24px;
    color: #000;
}

.cesBoothWrap .cesBoothCont .item .contWrap .dateBtn {
    flex: 1;
    border: 1px solid #666;
    color: #888;
    font-size: 24px;
    padding: 18px;
}

.cesBoothWrap .cesBoothCont .item .contWrap .dateBtn.active {
    color: #a50034;
    border: 1px solid #a50034;
}

.cesBoothWrap .cesBoothCont .item .contWrap select {
    border: 1px solid #666;
    height: initial !important;
    line-height: 20px;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 0;
    font-size: 18px;
    padding: 22px 24px;
    color: #000;
    background: url(../ko/images/contents/ico_select.png) calc(100% - 1.8rem) 50% no-repeat;
}

.cesBoothWrap .cesBoothCont .item .contWrap.selectWrap select {
    flex: 1;
}

.cesBoothWrap .cesBoothCont .item .contWrap .meetingText {
    padding: 24px;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    border: 1px solid #666;
    border-radius: 0;
    height: 280px;
}

.cesBoothWrap .cesBoothCont .item h5 {
    font-size: 28px;
    line-height: 1;
}

.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap.first {
    margin-top: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid #bbb;
}

.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox {
    display: flex;
    align-items: center;
}

.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check {
    position: relative;
    display: block;
    float: right;
    padding-left: 32px;
    color: #777;
    font-size: 1.8rem;
    text-align: right;
    line-height: 32px;
    word-break: break-all !important;
}

.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label,
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label .text,
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label .subText,
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label .text u {
    color: #000 !important;
}

.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label {
    color: #000;
}

.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check .text {
    display: block;
    margin-left: 8px;
}

.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check .subText {
    font-size: 18px;
    line-height: 32px;
    margin-left: 8px;
    margin-top: 22px;
}

.cesBoothWrap .cesBoothCont .item .submitWrap {
    display: flex;
    justify-content: center;
    margin-top: 120px;
}

.cesBoothWrap .cesBoothCont .item .submitWrap .submitBtn {
    font-size: 36px;
    padding: 30px 0;
    background: #a50034;
    width: 532px;
    border-radius: 16px;
    font-weight: 700;
    color: #fff;
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox {
    position: relative;
    flex-direction: row;
    align-items: center;
    height: 32px;
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox .visitRadioWrap {
    display: flex;
    align-items: center;
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox .visitRadioWrap .visitInput {
    display: none;
    width: 120px;
    height: 32px;
    padding: 5px 10px;
    border: 1px solid #bbb;
    font-size: 20px;
    margin-left: 10px;
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio] {
    display: block;
    width: 0;
    height: 0;
    opacity: 0.001;
    overflow: hidden;
    border: 0;
    line-height: 0;
    padding: 0;
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2rem;
    height: 2rem;
    border: 1px solid #bbb;
    border-radius: 50%;
    box-sizing: border-box;
    transform: translateY(-50%);
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio]:checked + label:after {
    content: "";
    position: absolute;
    left: 0.6rem;
    top: 50%;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #c40452;
    box-sizing: border-box;
    transform: translateY(-50%);
    background-color: #fff;
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio]:checked + label {
    color: #000;
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio]:checked + label:before {
    background-color: #a50034;
}

.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio] + label {
    position: relative;
    padding-left: 2.8rem;
    color: #777;
}

.modal .modalIn .modalCont {
    padding: 52px;
    position: relative;
}

.modal .modalIn .modalCont h2 {
    margin-top: -15px;
    padding-right: 30px;
}

.modal .modalIn .modalCont .popupClose {
    margin-top: -20px;
    margin-right: -20px;
}

.modal .modalIn .modalCont .scrollForm ul li {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: #444;
}

.modal .modalIn .modalCont .scrollForm ul li ul {
    margin: 20px 0 40px;
}

.modal .modalIn .modalCont .scrollForm ul li ul li {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

.modal .modalIn .modalCont .scrollForm ul li ul li.mt10 {
    margin-top: 10px;
}

.modal .modalIn .modalCont .btnWrap {
    margin-top: 40px;
}

.modal .modalIn .modalCont .btnWrap .popupBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 25px;
    background: #a50034;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    border-radius: 16px;
}

.modal .modalIn .modalCont .receptionCont {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -10px;
    font-weight: 500;
}

.modal .modalIn .modalCont .receptionCont .tit {
    margin: 20px 0 10px;
    font-size: 28px;
    line-height: 36px;
}

.modal .modalIn .modalCont .receptionCont .subTit {
    font-size: 20px;
    line-height: 36px;
}

.modal .modalIn .modalCont .receptionCont .desc {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin-top: 20px;
}

/*핵심기반기술 피씨 네비바 스타일 커스텀*/
.flexHeaderWrap.ko #pcNav .media:nth-child(3) .bottomNavWrap .right .categorize:nth-child(4) {
    position: relative;
}

.flexHeaderWrap.ko #pcNav .media:nth-child(3) .bottomNavWrap .right .categorize:nth-child(4):before {
    content: '테크놀로지';
    position: absolute;
    top: 0;
    left: -166px;
    font-size: 20px;
    line-height: 20px;
    color: #a50034;
}

.jobIntroTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jobIntroTitle a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 276px;
    height: 44px;
    border-radius: 8px;
    font-size: 20px;
    background-color: #a50034;
    color: #fff;
    margin-right: 20px;
}

.imageLink {
    position: relative;
}

.imageLink a {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    padding: 10px 20px 10px 24px;
    width: auto;
    max-width: 246px;
    box-sizing: border-box;
    text-align: center;
    background-image: linear-gradient(to top, #bf0d3f, #ff608c);
    border-radius: 8px;
    transform: translate(-50%, 60px);
}

.imageLink.image a img {
    display: inline-block;
    width: 16px !important;
    height: 16px;
    margin-left: 10px;
}

.campus_name .tex_link {
    display: block;
    margin: 10px auto 0;
    padding: 11px 22px;
    border: 1px solid #000000;
    width: 187px;
    box-sizing: border-box;
}

.texStrategy {
    padding: 60px 0 200px;
}

.texStrategy .pageTitle h2 {
    font-size: 36px;
    line-height: 40px;
}

.texStrategy .pageTitle p {
    margin-top: 40px;
    font-size: 24px;
    line-height: 40px;
    color: #666;
}

.texStrategy .tableArea tbody tr.line {
    position: relative;
}

.texStrategy .tableArea tbody tr.line:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: #000000;
}

.texStrategy .tableArea tbody td .download {
    width: 163px;
    height: 44px;
    border: 1px solid #000000;
    font-size: 20px;
}

.texStrategy .tableArea tbody td .download .downloadImg {
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-left: 10px;
}

.texStrategy .tableArea tbody td .download .web {
    display: inline-block;
}

.texStrategy .tableArea tbody td .download .mob {
    display: none;
}

.companyVisionWrap {
    display: flex;
    gap: 20px;
    margin: 100px auto 0 !important;
}

.companyVisionWrap .visionArea {
    flex: 0 1 33.33%;
    width: 33.33%;
    border: 1px solid #dddddd;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 70px 20px 82px;
    box-sizing: border-box;
}

.companyVisionWrap .visionArea img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.companyVisionWrap .visionArea h3 {
    margin-top: 24px;
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    color: #a50034;
}

.companyVisionWrap .visionArea p {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    margin-top: 30px;
}

.middleParagraph {
    margin: 40px 0 100px 0;
    text-align: center;
    font-size: 28px;
    line-height: 42px;
    color: #000000;
    font-weight: 900;
}

.esgEvaluationWrap .evaluationWrap article table.propel-table thead {
    height: auto;
}

.esgEvaluationWrap .evaluationWrap article table.propel-table thead tr th:first-of-type, .esgEvaluationWrap .evaluationWrap article table.propel-table tbody tr td:first-of-type {
    border-left: none;
}

.esgEvaluationWrap .evaluationWrap article table.propel-table thead tr th:last-of-type, .esgEvaluationWrap .evaluationWrap article table.propel-table tbody tr td:last-of-type {
    border-right: none;
}

.esgGovernanceWrap.esgCompliance.cn article p {
    word-break: break-all;
}

.ceoWrap.cn .history .line span {
    font-weight: 500 !important;
}

/*개인정보방침 테이블*/
.privacy .privacy_policy .privacyWrap .tbl.privacyTable table tbody td {
    padding: 10px 20px;
    box-sizing: border-box;
    word-break: break-all;
}

.privacy .privacy_policy .privacyWrap .tbl.privacyTable table tbody td.option {
    width: 93px;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 {
    display: flex;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub1 {
    width: 100%;
    max-width: 93px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub1 .list {
    width: 100%;
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub2 .list {
    width: 100%;
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub1 .list.listbt, .privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub2 .list.listbt {
    border-bottom: none;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 span {
    position: relative;
    top: auto;
    left: auto;
    transform: initial;
}

.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.privacy .privacy_policy .privacyWrap .privacyLink {
    text-decoration: underline !important;
    font-weight: 700;
    text-underline-position: under;
}

.privacy_policy .privacyWrap .scrollImgWrap .privacy10 .graph li:last-child {
    border-right: none;
}

.privacy_policy .privacyWrap .scrollImgWrap .privacy10 .graph li {
    width: 25% !important;
    max-width: none !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    word-break: break-all !important;
}

#lgInnotek101 .imageDownText {
    display: block;
    margin-top: 16px;
    color: #666;
    font-size: 16px;
    line-height: 28px;
}

.esgGovernanceWrap #consultSubTitleMove h2 .mo {
    display: none;
}

.esgGovernanceWrap .esgGovernanceTab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.esgGovernanceWrap .esgGovernanceTab li {
    padding: 0 50px;
    box-sizing: border-box;
}

.esgGovernanceWrap .esgGovernanceTab li button {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.esgGovernanceWrap .esgGovernanceTab li button .imgWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    border: 3px solid #ddd;
    border-radius: 50%;
}

.esgGovernanceWrap .esgGovernanceTab li button .imgWrap img {
    width: 160px;
    height: 160px;
}

.esgGovernanceWrap .esgGovernanceTab li button .text {
    font-size: 28px;
    color: #000;
}

.esgGovernanceWrap .esgGovernanceTab li button .text .mo {
    display: none;
}

.esgGovernanceWrap .esgGovernanceTab li.active button .imgWrap {
    border-color: #a50034;
}

.esgGovernanceWrap #fairTrade {
    display: none;
}

.esgGovernanceWrap #fairTrade.active {
    display: block;
}

.esgGovernanceWrap #subcontract {
    display: none;
}

.esgGovernanceWrap #subcontract.active {
    display: block;
}

.esgGovernanceWrap #subcontract .consultSubTitle.ty2 {
    border: none;
}

.esgGovernanceWrap #subcontract .consultSubTitle.ty3 {
    border-width: 1px;
}

.esgGovernanceWrap #subcontract .consultContent {
    margin-top: 0;
}

.esgGovernanceWrap #subcontract .consultContent .consultList {
}

.esgGovernanceWrap #subcontract .consultContent .consultList li {
    position: relative;
    font-size: 24px;
    line-height: 40px;
    color: #666;
    padding-left: 28px;
}

.esgGovernanceWrap #subcontract .consultContent .consultList li + li {
    margin-top: 20px;
}

.esgGovernanceWrap #subcontract .consultContent .consultList li:before {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top: 15px;
    left: 0;
    border-radius: 100%;
    background: #444;
}

.esgGovernanceWrap #subcontract .consultContent .consultText {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #666;
}

.esgGovernanceWrap #subcontract .consultContent .consultSub {
    margin-top: 0;
    font-size: 24px;
    line-height: 40px;
    color: #666;
}

.esgGovernanceWrap #subcontract .consultContent .consultSubTxt {
    margin-top: 40px;
    font-size: 24px;
    line-height: 40px;
    color: #000;
}

.esgGovernanceWrap #subcontract .consultContent .btnWrap {
    margin-top: 20px;
}

.esgGovernanceWrap #subcontract .consultContent .btnWrap .btn_down {
    width: 426px;
    height: 80px;
    border-radius: 16px;
    background: #a50034;
    font-size: 28px;
    line-height: 30px;
    color: #ffffff;
}

.esgGovernanceWrap #subcontract .consultContent .btnWrap .btn_down + .btn_down {
    margin-left: 40px;
}

.esgGovernanceWrap #subcontract .fileList {
    margin-top: 20px;
}

.esgGovernanceWrap #subcontract .fileList li {
    position: relative;
    display: flex;
    align-items: center;
}

.esgGovernanceWrap #subcontract .fileList li + li {
    margin-top: 10px;
}

.esgGovernanceWrap #subcontract .fileList li .file {
    display: inline-flex;
}

.esgGovernanceWrap #subcontract .fileList li input[type=file] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.esgGovernanceWrap #subcontract .fileList li label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 145px;
    height: 64px;
    border: 1px solid #ddd;
    margin-left: 10px;
    cursor: pointer;
    font-size: 18px;
    color: #666;
    box-sizing: border-box;
}

.esgGovernanceWrap #subcontract .fileList li .input-file-message {
    display: flex;
    align-items: center;
    width: 474px;
    height: 64px;
    padding: 10px 20px;
    border: 1px solid #666;
    box-sizing: border-box;
}

.esgGovernanceWrap #subcontract .fileList li .fileBtn {
    position: relative;
    margin-left: 10px;
    width: 64px;
    height: 64px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.esgGovernanceWrap #subcontract .fileList li .fileAddBtn:before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 3px;
    border-radius: 1px;
    background: #979797;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.esgGovernanceWrap #subcontract .fileList li .fileAddBtn:after {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    height: 24px;
    border-radius: 1px;
    background: #979797;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.esgGovernanceWrap #subcontract .fileList li .fileRemoveBtn:before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 3px;
    border-radius: 1px;
    background: #979797;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 공정거래 페이지 */
.esgGovernanceWrap.type01 .inquiryTypeSelect .select select {
    height: 100% !important;
}

.esgGovernanceWrap.type01 article .inputSection .inputWrap input {
    padding: 0;
}

.esgGovernanceWrap.type01 article .consultContent .inputWrap input {
    padding: 0;
}

.wrap .esgShareholderWrap .shareholderGraph {
    width: 100%;
    border-top: 2px solid #000;
    margin-top: 20px;
}

.wrap .esgShareholderWrap .shareholderGraph th {
    background-color: #f5f6f8;
    width: auto;
    height: 61px;
}

.wrap .esgShareholderWrap .shareholderGraph thead th:first-child, .wrap .esgShareholderWrap .shareholderGraph tbody th {
    width: 300px;
    word-break: keep-all;
}

.wrap .esgShareholderWrap .shareholderGraph td:last-child {
    border-right: none;
}

.wrap .esgShareholderWrap .shareholderGraph td {
    width: 180px;
}

.wrap .esgShareholderWrap .shareholderGraph td.text-right {
    text-align: right;
    padding-right: 20px;
}

.inquiryTypeSelect {
    margin-top: 60px;
}

.inquiryTypeSelect .selectTitle {
    font-size: 24px;
    line-height: 40px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 20px;
}

.inquiryTypeSelect .select {
    position: relative;
    width: 442px;
    height: 64px;
    padding: 20px 56px 20px 24px;
    border: 1px solid #666;
    box-sizing: border-box;
}

.inquiryTypeSelect .select:after {
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    right: 24px;
    background: url("../img/ic-32-down-bk2.png") no-repeat center;
    transform: translateY(-50%);
}

.inquiryTypeSelect .select select {
    z-index: 10;
    width: 100%;
    height: 100%;
    padding-left: 24px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    font-size: 18px;
    outline: none;
    border: none;
}

/* 2025-12-02 showcase > CES 2026 신규 페이지 */

.cesWrap {
    width: 100%;
    height: 100vh; /* swiper fullpage 기본 높이 */
}

.cesWrap .swiper-slide {
    width: 100%;
    height: auto;
    min-height: 100vh;
}

.cesWrap .autoHeightSlide {
    min-height: 0;
}

.cesTop {
    width: 100%;
    height: 100vh;
    position: relative;
    /*background: url('../img/showcase/ces_key_visual.jpg') no-repeat center / cover*/
}

.cesTop .main-video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cesTop .main-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cesWrap .cesTop img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cesWrap .cesMediaWrap {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #111;
}

.cesWrap .cesMediaWrap .cesMediaTit {
    padding-top: 5%;
    padding-left: 5%;
}

.cesWrap .cesMediaWrap .cesMediaTit > p {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 80px;
    line-height: 120%;
    color: #fff;
    padding-bottom: 30px
}

.cesWrap .cesMediaWrap .cesMediaTit > p + span {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 20px;
    color: #aaa;
}

.cesWrap .cesAwardSlide {
    width: 100%;
    height: 100vh;
    position: relative;
}

.cesWrap .cesProductSlide {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #111;
}

.cesWrap .cesNewsWrap {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #111;
}