@charset "utf-8";
/* *******************************************************
 * filename : language.css
 * description : 국문  CSS
 * date : 2020-11-24
******************************************************** */

/* ******************  Layout.css ********************** */

html[lang="ko"] {}

@media all and (max-width:480px) {
    #visual {
        height: 28rem;
    }
}

/* 800px br */

.pc-middle-br,
.pc-min-br {
    display: block;
}

@media all and (max-width: 800px) {
    .pc-middle-br {
        display: none;
    }
}

@media all and (max-width: 480px) {
    .pc-min-br {
        display: none;
    }
}

/* ******************  Main.css ********************** */

/********** Products **********/

.main-products-tab-inner {
    padding: 0 4rem 0 3.5rem;
}

.main-products-tab-inner a {
    right: 2rem;
}

/* ******************  Content.css ********************** */

/* -------- Company :: CEO인사말 -------- */

@media all and (max-width:800px) {
    /* html[lang="ko"] 사용하면 css우선순위가 높아집니다. */
}

/* ******************  Product :: list ********************** */

.sub-tab-wrapper-style.custom-style02 .sub-tab-list-style ul li {
    padding-right: 2rem;
}

/* ******************  About :: CI ********************** */

.cm-sign-list-box .cm-sign-list figure.gray-bg {
    padding: 1.1rem 5rem;
    box-sizing: border-box;
}

.cm-sign-list-box .cm-sign-list figure.gray-bg p {
    display: flex;
}

@media all and (max-width: 800px) {
    .cm-sign-list-box .cm-sign-list figure.gray-bg {
        padding: 1.1rem 2.5rem;
    }
    .cm-sign-list-box .cm-sign-list figure.gray-bg p span {
        left: 1.7rem;
    }
}

/* ******************  About :: 특허 인증 ********************** */

@media all and (max-width: 800px) {
    .certification-content .sub-top-txt {
        margin-top: -4rem;
    }
}

/* ******************  About :: 연구소 ********************** */

@media all and (max-width: 800px) {
    .research-content .sub-top-txt {
        margin-top: -4rem;
    }
}

/* ******************  About :: Contact ********************** */

@media all and (max-width: 800px) {
    .map-txt-box .map-info-list-box {
        gap: 0 3rem;
    }
}

/* ******************  INVESTMENT :: 재무정보 ********************** */

@media all and (max-width: 800px) {
    .financial-content {
        padding-top: 0;
    }
}

/* ******************  ESG :: ESG개요 ********************** */

.driven-circle-list-box .driven-circle-list .inner span {
    font-size: 1.8rem;
}

.esg-intro-driven-con .check-txt-list-box {
    max-width: 500px;
}

.esg-cm-table td.bold {
    font-size: 2.2rem;
}

@media all and (max-width: 1280px) {
    .esg-cm-table td.bold {
        font-size: 1.7rem !important;
    }
    .esg-cm-table th {
        font-size: 1.6rem;
    }
    .esg-cm-table td {
        font-size: 1.5rem;
    }
}

@media all and (max-width: 480px) {
    .esg-intro-driven-con {
        padding-top: 73rem;
    }
}

@media (min-width: 801px) and (max-width: 1280px) {
    .driven-circle-list-box {
        width: 65%;
    }
}

/********** 환경경영 **********/

.enviro-resource-list-box .enviro-resource-list {
    justify-content: flex-start;
}

.enviro-intro-list-box .enviro-intro-list p {
    font-size: 2.8rem;
}

.enviroment-content .enviro-principle-list-box .enviro-principle-list .txt-box h5 {
    min-height: 6.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media all and (min-width: 481px) {
    .enviro-resource-list-box .enviro-resource-list h5 {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 6.72rem;
    }
}

@media all and (max-width: 800px) {
    .enviro-certifi-list-box {
        gap: 5rem 2rem;
    }
    .enviro-intro-list-box .enviro-intro-list p br {
        display: none;
    }
    .enviroment-content .enviro-principle-list-box .enviro-principle-list .txt-box h5 {
        min-height: auto;
        display: block;
    }
}

@media all and (max-width: 480px) {
    .enviro-resource-list-box .enviro-resource-list {
        justify-content: center;
    }
}

/********** 윤리강령 **********/

.social-report-list-box .social-report-list strong {
    min-width: 18.5rem;
}

.social-report-list-box .social-report-list .right-box {
    width: calc(100% - 18.5rem);
    padding-left: 3rem;
}

.social-report-list-box .social-report-list strong.min-width-160 {
    min-width: 22.5rem;
}

.social-report-list-box .social-report-list .right-box.df-width {
    width: calc(100% - 22.5rem);
}

/* 부정 제보하기 */

.ethics-modal-content .contact-form-con .contact-input-tit {
    width: 10.5rem;
}

.ethics-modal-content .contact-form-con .contact-input,
.ethics-modal-content .contact-form-con .contact-textarea {
    width: calc(100% - 13.5rem);
}

/********** 노사경영 **********/

.labor-culture-box .culture-item .txt03 {
    font-size: 1.8rem;
}

.labor-txt-list-box .labor-txt-list .inner-list {
    padding-bottom: 0.7rem;
    line-height: 1.3em;
}

.labor-txt-list-box .labor-txt-list .inner-list::before {
    top: 0.9rem;
}

.labor-txt-list-box .labor-txt-list .inner-list:last-child {
    padding-bottom: 0;
}

@media all and (max-width: 1280px) {
    .labor-mission-list-box .labor-mission-list .txt-box p {
        font-size: 1.7rem;
    }
}

@media all and (max-width: 480px) {
    .labor-mission-list-box .labor-mission-list {
        width: 60%;
        padding-top: 60%;
    }
    .labor-mission-list-box .labor-mission-list .txt-box p {
        font-size: 1.5rem;
    }
}

@media all and (min-width: 801px) {
    .labor-mission-list-box .labor-mission-list {
        width: 22%;
        padding-top: 22%;
    }
}

/********** 이사회 **********/

.council-compo-list-box .council-compo-list {
    padding-right: 2rem;
    padding-left: 2rem;
}

.council-compo-list-box .council-compo-list .num {
    width: 10rem;
    height: 10rem;
    font-size: 1.6rem;
}

@media all and (max-width: 1280px) {
    .council-compo-list-box .council-compo-list h5 {
        font-size: 2rem;
    }
}

/* ******************  Careers :: 인재상 ********************** */

@media all and (max-width: 1280px) {
    .talent-active-list-box .talent-active-list .inner h5 {
        font-size: 2.6rem;
    }
}

/* ******************  Careers :: 인사제도 ********************** */

/* Recruitment Procedures */

.personal-process-list-box .personal-process-list .inner {
    padding: 0 1.5rem;
    box-sizing: border-box;
}

.personal-process-list-box .personal-process-list p {
    font-size: 2rem;
}

@media all and (max-width: 1280px) {
    .personal-process-list-box .personal-process-list p {
        min-height: 9rem;
    }
}

@media all and (max-width: 800px) {
    .personal-process-list-box .personal-process-list p {
        min-height: auto;
    }
}

/* Organizational Hierarchy */

.position-list-box .position-list span {
    width: 23.5rem;
}

.position-list-box .position-list p {
    width: calc(100% - 26.5rem);
    padding-left: 3rem;
}

/* Training Programs */

.personal-content .system-circle-list-box .system-circle-list p {
    font-size: 1.8rem;
    line-height: 1.4em;
}

/* Wellang Training System */

.personal-edu-list-box .personal-edu-list .inner {
    padding: 0 1rem;
    box-sizing: border-box;
}

@media all and (max-width: 1280px) {
    .personal-edu-list-box .personal-edu-list p {
        min-height: 6.9rem;
        text-align: center;
        font-size: 2rem;
    }
}

@media all and (max-width: 800px) {
    .personal-edu-list-box .personal-edu-list p {
        min-height: auto;
    }
}

@media all and (max-width: 640px) {
    .personal-edu-list-box .personal-edu-list p {
        min-height: 6.9rem;
    }
}

@media all and (max-width: 480px) {
    .personal-edu-list-box .personal-edu-list p {
        min-height: auto;
    }
}

/* ******************  Careers :: 채용정보 ********************** */

@media all and (max-width: 800px) {
    .recruit-content .stock03-table td .color-txt {
        font-size: 1.6rem;
    }
    .recruit-content .stock03-table colgroup col:first-child {
        width: 27%;
    }
    .recruit-content .stock03-table colgroup col:nth-child(2) {
        width: 36.5%;
    }
    .recruit-content .stock03-table colgroup col:last-child {
        width: 36.5%;
    }
}