@charset "UTF-8";

#esgHeader {
    background: #fff url("../images/sub/esg_g_topbg.jpg") no-repeat center/cover;
}

/* 투명한 사회를 이끄는 청렴한 인천공항 */
.transparent-management .tm1 .ec-box .tm-con {
    margin-bottom: 20px;
}

.transparent-management .tm1 .ec-box .tm-con h4 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #212121;
}

.transparent-management .tm1 .ec-box .tm-con .loadmap dl {
    margin-bottom: 10px;
    border-bottom: 1px solid #FFE6BB;
    text-align: center;
}

.transparent-management .tm1 .ec-box .tm-con .loadmap dl dt {
    padding: 5px;
    background-color: #FFE6BB;
    color: #212121;
}

.transparent-management .tm1 .ec-box .tm-con .loadmap dl dd {
    padding: 5px;
}

@media screen and (min-width:639px) {
    .transparent-management .tm1 .ec-box {
        width: 100%;
    }

    .transparent-management .tm1 .ec-box .tm-con .loadmap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .transparent-management .tm1 .ec-box .tm-con .loadmap dl {
        width: 33.3333%;
    }

    .transparent-management .tm1 .ec-box .tm-con .loadmap dl dt {
        font-size: 14px;
    }

    .transparent-management .tm1 .ec-box .tm-con .loadmap dl dd {
        min-height: 70px;
        font-size: 12px;
    }

    .transparent-management .tm1 .ec-box .tm-con .loadmap dl:nth-child(2) {
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
    }
}

@media screen and (min-width:767px) {
}

@media screen and (min-width:1139px) {
    .transparent-management .tm1 .ec-box .tm-con {
        margin-bottom: 40px;
    }

    .transparent-management .tm1 .ec-box .tm-con h4 {
        font-size: 24px;
    }

    .transparent-management .tm1 .ec-box .tm-con .loadmap dl dt {
        padding: 10px;
        font-size: 16px;
    }

    .transparent-management .tm1 .ec-box .tm-con .loadmap dl dd {
        min-height: 100px;
        padding: 15px 10px;
        font-size: 15px;
    }
}


/* 제도적 기반 강화 */
.transparent-management .tm2 .ec-img1 {
    margin-bottom: 20px;
}

.transparent-management .tm2 .ec-box .ec1-con {
    margin-bottom: 30px;
}

.transparent-management .tm2 .ec-box .ec1-con:last-child {
    margin-bottom: 0 !important;
}

.transparent-management .tm2 .ec-box .ec1-con h3 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #212121;
    font-weight: 700;
}

.transparent-management .tm2 .ec-box .ec1-con .decay-infra {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.transparent-management .tm2 .ec-box .ec1-con .decay-infra dl {
    width: 49%;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

.transparent-management .tm2 .ec-box .ec1-con .decay-infra dl dt {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #212121;
}

.transparent-management .tm2 .ec-box .ec1-con .decay-infra dl dd {
    font-size: 12px;
}

.transparent-management .tm2 .ec-box .ec1-con .decay-infra dl dd br {
    display: none;
}

.transparent-management .tm2 .ec-box .ec1-con .rule-box {
    margin-top: 20px;
}

.transparent-management .tm2 .ec-box .ec1-con .rule-box dl {
    margin-top: 10px;
}

.transparent-management .tm2 .ec-box .ec1-con .rule-box dl:first-child {
    margin-top: 0px !important;
}

@media screen and (min-width:639px) {
    .transparent-management .tm2 .ec-img1 {
        width: 60%;
        margin: 0 0 0 auto;
    }

    .transparent-management .tm2 .ec-box {
        margin-top: -200px;
    }

    .transparent-management .tm2 .ec-img2 {
        position: absolute;
        top: 50%;
        left: 450px;
        right: -50px;
    }
}

@media screen and (min-width:767px) {
    .transparent-management .tm2 .ec-box .ec1-con h3 {
        font-size: 20px;
    }
}

@media screen and (min-width:1139px) {
    .transparent-management .tm2 .ec-box {
        margin-top: -450px;
    }

    .transparent-management .tm2 .ec-box .ec1-con {
        margin-bottom: 50px;
    }

    .transparent-management .tm2 .ec-box .ec1-con h3 {
        margin-bottom: 20px;
        font-size: 26px;
    }

    .transparent-management .tm2 .ec-box .ec1-con .decay-infra dl {
        padding: 20px;
    }

    .transparent-management .tm2 .ec-box .ec1-con .decay-infra dl dt {
        font-size: 18px;
    }

    .transparent-management .tm2 .ec-box .ec1-con .decay-infra dl dd {
        font-size: 14px;
    }

    .transparent-management .tm2 .ec-box .ec1-con .decay-infra dl dd br {
        display: block;
    }

    .transparent-management .tm2 .ec-box .ec1-con .rule-box {
        margin-top: 40px;
    }

    .transparent-management .tm2 .ec-box .ec1-con .rule-box dl {
        display: table;
        width: 100%;
        margin-top: 20px;
        font-size: 18px;
    }

    .transparent-management .tm2 .ec-box .ec1-con .rule-box dl dt {
        display: table-cell;
        width: 100px;
        vertical-align: top;
    }

    .transparent-management .tm2 .ec-box .ec1-con .rule-box dl dd {
        display: table-cell;
        vertical-align: top;
    }

    .transparent-management .tm2 .ec-img2 {
        top: 800px;
        left: 670px;
    }
}


/* 하나의 공항 ONE-AIRPORT */
.one-aitport .oa-top-image {
    position: relative;
    height: 300px;
    background: url("../images/sub/esg_g2_topbg.jpg") no-repeat center/cover;
}

@media screen and (min-width:639px) {
    .one-aitport {
        margin-top: 100px;
    }

    .one-aitport .oa-top-image {
        height: 400px;
    }
}

@media screen and (min-width:767px) {
    .one-aitport .oa-top-image {
        height: 550px;
    }
}

@media screen and (min-width:1139px) {
    .one-aitport {
        margin-top: 200px;
    }

    .one-aitport .oa-top-image {
        height: 800px;
    }
}


/* 인권, 누구에게나 당연한 권리 */
.one-aitport .oa1 {
    margin-top: -200px;
}

.one-aitport .oa1 .ec-box .vision-slogan,
.one-aitport .oa1 .ec-box .loadmap,
.one-aitport .oa1 .ec-box .major-activities,
.one-aitport .oa1 .ec-box .oa1-con {
    margin-bottom: 30px;
}

.one-aitport .oa1 .ec-box .vision-slogan dl {
    color: #212121;
    margin-bottom: 20px;
}

.one-aitport .oa1 .ec-box .vision-slogan dl dt {
    margin-bottom: 5px;
    font-size: 12px;
}

.one-aitport .oa1 .ec-box .vision-slogan dl dd {
    font-weight: 700;
    font-size: 16px;
}

.one-aitport .oa1 .ec-box h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

.one-aitport .oa1 .ec-box .major-activities .major-activities-con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.one-aitport .oa1 .ec-box .major-activities dl {
    width: 49%;
    min-height: 150px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

.one-aitport .oa1 .ec-box .major-activities dl dt {
    margin-bottom: 10px;
    color: #212121;
    font-size: 14px;
}

.one-aitport .oa1 .ec-box .major-activities dl dd ol li {
    margin-top: 5px;
    font-size: 12px;
}

.one-aitport .oa1 .ec-box .major-activities dl dd ol li:first-child {
    margin-top: 0 !important;
}

.one-aitport .oa1 .ec-box .pointbox ul li {
    width: 100%;
    margin-bottom: 20px;
}

@media screen and (min-width:639px) {
    .one-aitport .oa1 {
        margin-top: -300px;
    }

    .one-aitport .oa1 .ec-box {
        width: 100%;
    }

    .one-aitport .oa1 .ec-box .major-activities dl {
        width: 32%;
    }

    .one-aitport .oa1 .ec-box .pointbox ul li {
        width: 32%;
        margin-left: 2%;
    }

    .one-aitport .oa1 .ec-box .pointbox ul li:first-child {
        margin-left: 0;
    }

    .one-aitport .oa1 .ec-img1 {
        max-width: 800px;
        margin: 40px auto 0;
    }
}

@media screen and (min-width:767px) {
    .one-aitport .oa1 {
        margin-top: -400px;
    }

    .one-aitport .oa1 .ec-box .vision-slogan dl dt {
        font-size: 14px;
    }
    
    .one-aitport .oa1 .ec-box .vision-slogan dl dd {
        font-size: 20px;
    }
}

@media screen and (min-width:1139px) {
    .one-aitport .oa1 {
        margin-top: -500px;
    }

    .one-aitport .oa1 .ec-box .vision-slogan,
    .one-aitport .oa1 .ec-box .loadmap,
    .one-aitport .oa1 .ec-box .major-activities,
    .one-aitport .oa1 .ec-box .oa1-con {
        margin-bottom: 50px;
    }
    
    .one-aitport .oa1 .ec-box .vision-slogan dl dd {
        font-size: 24px;
    }

    .one-aitport .oa1 .ec-box .major-activities {
        width: 664px;
    }

    .one-aitport .oa1 .ec-box .major-activities dl {
        min-height: 190px;
        padding: 20px;
    }

    .one-aitport .oa1 .ec-box .major-activities dl dt {
        font-size: 18px;
    }
    
    .one-aitport .oa1 .ec-box .major-activities dl dd ol li {
        font-size: 14px;
    }

    .one-aitport .oa1 .ec-box h3 {
        font-size: 26px;
        font-weight: 800;
    }
}


/* 인권침해 구제제도 운영 */
.one-aitport .oa2 .ec-box .oa2-con {
    margin-bottom: 30px;
}

.one-aitport .oa2 .ec-box .oa2-con h3 {
    margin-bottom: 10px;
    color: #212121;
    font-weight: 700;
}

.one-aitport .oa2 .ec-box .oa2-con1 figure {
    max-width: 450px;
    margin-top: 0;
}

@media screen and (min-width:639px) {
    .one-aitport .oa2 .ec-box {
        width: 100%;
    }
}

@media screen and (min-width:767px) {
}

@media screen and (min-width:1139px) {
    .one-aitport .oa2 .ec-box .oa2-con {
        margin-bottom: 50px;
    }

    .one-aitport .oa2 .ec-box .oa2-con h3 {
        margin-bottom: 20px;
    }
}


/* 공정하게 경쟁하고 공정하게 대우해요 */
.fair-trade-commission .ftc1 .ec-box .percent-box {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.fair-trade-commission .ftc1 .ec-box .percent-box .percent-con {
    width: 150px;
    padding: 15px;
    margin-right: 15px;
    border: 1px solid #dcdcdc;
}

.fair-trade-commission .ftc1 .ec-box .percent-box .percent-con strong {
    font-size: 24px;
}

.fair-trade-commission .ftc1 .ec-box .percent-box .percent-con strong small {
    font-weight: 700;
    font-size: 18px;
}

.fair-trade-commission .ftc1 .ec-box .ftc1-con dl {
    margin-bottom: 20px;
}

.fair-trade-commission .ftc1 .ec-box .ftc1-con dl dt {
    padding: 5px 10px;
    background-color: #FFE6BB;
    color: #212121;
}

@media screen and (min-width:639px) {
    .fair-trade-commission .ftc1 .ec-box {
        margin: 0 0 0 auto;
    }

    .fair-trade-commission .ftc1 .ec-img1 {
        position: absolute;
        top: 20%;
        left: -30px;
        right: 450px;
    }
}

@media screen and (min-width:767px) {
}

@media screen and (min-width:1139px) {
    .fair-trade-commission .ftc1 .ec-box .percent-box {
        margin-bottom: 50px;
    }

    .fair-trade-commission .ftc1 .ec-box .ftc1-con dl {
        margin-bottom: 40px;
    }

    .fair-trade-commission .ftc1 .ec-img1 {
        top: 300px;
        right: 670px;
    }
}


/* 공정한 업무 수행, CP A등급 획득 */
@media screen and (min-width:639px) {
    .fair-trade-commission .ftc2 .ec-box h2.h2-tit sup {
        top: -0.75em;
        font-size: 0.5em;
    }

    .fair-trade-commission .ftc2 .ec-img {
        position: absolute;
        left: 450px;
        right: 0;
    }

    .fair-trade-commission .ftc2 .ec-img1 {
        top: 10%;
    }

    .fair-trade-commission .ftc2 .ec-img2 {
        top: 30%;
    }

    .fair-trade-commission .ftc2 .ec-img3 {
        bottom: -10%;
    }
}

@media screen and (min-width:767px) {
    .fair-trade-commission .ftc2 .ec-img2 {
        top: 35%;
    }
}

@media screen and (min-width:1139px) {
    .fair-trade-commission .ftc2 .ec-img {
        left: 670px;
    }

    .fair-trade-commission .ftc2 .ec-img1 {
        top: 200px;
    }

    .fair-trade-commission .ftc2 .ec-img2 {
        top: 750px;
    }

    .fair-trade-commission .ftc2 .ec-img3 {
        bottom: -350px;
    }
}


/* 국민 참여와 열린 소통 */
.public-participation .pp1 .ec-box .pp1-con .ppbox {
    margin-bottom: 40px;
}

.public-participation .pp1 .ec-box .pp1-con .ppbox h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #212121;
    font-weight: 700;
}

.public-participation .pp1 .ec-box .pp1-con .ppbox p {
    margin-bottom: 10px;
}

.public-participation .pp1 .ec-box .pp1-con .ppbox .esg-committee dl {
    margin-bottom: 5px;
}

.public-participation .pp1 .ec-box .pp1-con .ppbox .esg-committee dl dt {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #FFCE88;
    color: #212121;
}

.public-participation .pp1 .ec-box .pp1-con .ppbox .esg-committee dl dd {
    display: inline-block;
    line-height: 30px;
}

.public-participation .pp1 .ec-box .pp1-con .ppbox .esg-committee .check-list {
    margin-bottom: 15px;
}

@media screen and (min-width:639px) {
    .public-participation .pp1 {
        margin-top: 40px;
    }

    .public-participation .pp1 .ec-box {
        margin: 0 0 0 auto;
    }

    .public-participation .pp1 .ec-img1 {
        position: absolute;
        top: 0;
        left: 40px;
        right: 50%;
    }
}

@media screen and (min-width:767px) {
    .public-participation .pp1 .ec-box .pp1-con .ppbox h3 {
        font-size: 20px;
    }
}

@media screen and (min-width:1139px) {
    .public-participation .pp1 {
        margin-top: 80px;
    }

    .public-participation .pp1 .ec-box {
        margin-top: 100px;
    }
    .public-participation .pp1 .ec-box .pp1-con .ppbox {
        margin-bottom: 50px;
    }

    .public-participation .pp1 .ec-box .pp1-con .ppbox h3 {
        font-size: 24px;
    }

    .public-participation .pp1 .ec-img1 {
        right: 540px;
    }
}


/* 국민과 소통하는 공항, 투명한 정보공개로 */
.public-participation .pp2 .ec-box h2.h2-tit a {
    display: block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    margin: 20px auto 0;
    background-color: #FFAC1B;
    border-radius: 25px;
    text-align: center;
    color: #fff;
}

.public-participation .pp2 .ec-box p.guide {
    margin-top: 10px;
    font-size: 12px;
}

.public-participation .pp2 .ec-box .info-view-step {
    margin-top: 20px;
}

.public-participation .pp2 .ec-box .info-view-step figure {
    padding: 20px;
    border: 3px solid #f8f8f8;
    border-radius: 10px;
}

.public-participation .pp2 .ec-box .info-view-step figure figcaption {
    margin-bottom: 10px;
}

.public-participation .pp2 .ec-box .info-view-step span.arrow-icon {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
}

.public-participation .pp2 .ec-box .info-view-step ul li {
    padding: 5px 10px;
    margin-bottom: 5px;
    border: 2px solid #FFE6BB;
    border-radius: 5px;
    text-align: center;
    color: #212121;
}

@media screen and (min-width:639px) {
    .public-participation .pp2 .ec-img1 {
        position: absolute;
        top: 0;
        right: -30px;
        left: 30%;
    }

    .public-participation .pp2 .ec-img2 {
        position: absolute;
        bottom: 10%;
        right: -30px;
        left: 450px;
    }
}

@media screen and (min-width:767px) {
    .public-participation .pp2 .ec-box p.guide {
        font-size: 14px;
    }
}

@media screen and (min-width:1139px) {
    .public-participation .pp2 .ec-img2 {
        left: 670px;
    }
}


/* 모두에게 열린 공공 데이터 개방 */
.public-participation .pp3 .ec-box .icon-box ul {
    display: flex;
    flex-wrap: wrap;
}

.public-participation .pp3 .ec-box .icon-box ul li {
    width: 50%;
    padding: 10px 0;
}

.public-participation .pp3 .ec-box .icon-box ul li span.icon {
    display: inline-block;
    background-color: #F4F4F4;
    border-radius: 10px;
}

.public-participation .pp3 .ec-box .icon-box ul li p {
    margin-top: 5px;
    color: #212121;
}

.public-participation .pp3 .ec-box .graph-box {
    margin-top: 30px;
}

.public-participation .pp3 .ec-box .graph-box h3 {
    margin-bottom: 10px;
    color: #212121;
    font-size: 20px;
    font-weight: 700;
}

@media screen and (min-width:639px) {
    .public-participation .pp3 .ec-box {
        margin: 0 0 0 auto;
    }

    .public-participation .pp3 .ec-img1 {
        position: absolute;
        top: 0;
        left: 40px;
        right: 50%;
    }
}

@media screen and (min-width:767px) {
}

@media screen and (min-width:1139px) {
    .public-participation .pp3 .ec-box {
        margin-top: 150px;
    }

    .public-participation .pp3 .ec-box .icon-box ul li p {
        margin-top: 10px;
        font-size: 18px;
    }

    .public-participation .pp3 .ec-box .graph-box {
        margin-top: 50px;
    }

    .public-participation .pp3 .ec-box .graph-box h3 {
        margin-bottom: 20px;
        font-size: 26px;
    }

    .public-participation .pp3 .ec-box .more-btn {
        margin-top: 60px;
    }

    .public-participation .pp3 .ec-img1 {
        right: 40%;
    }
}


/* 대국민 참여 */
.pp-bottom-image {
    height: 300px;
    margin-top: -200px;
    background: url("../images/sub/esg_g4_bottombg.jpg") no-repeat center/cover;
}

@media screen and (min-width:639px) {
    .pp-bottom-image {
        height: 400px;
        margin-top: -300px;
    }
}

@media screen and (min-width:767px) {
    .pp-bottom-image {
        height: 550px;
        margin-top: -400px;
    }
}

@media screen and (min-width:1139px) {
    .pp-bottom-image {
        height: 800px;
        margin-top: -600px;
    }
}


/* Modal // 투명한 사회를 이끄는 청렴한 인천공항 더 알아보기 */
#cleanincheonView .clean-incheon-tbl th,
#cleanincheonView .clean-incheon-tbl td {
    padding: 20px;
    vertical-align: top;
}

#cleanincheonView .clean-incheon-tbl th {
    color: #212121;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
}

#cleanincheonView .clean-incheon-tbl td {
    border-right: 1px solid #dcdcdc;
}

#cleanincheonView .clean-incheon-tbl td:last-child {
    border-left: none;
}

#cleanincheonView .clean-incheon-tbl td dl dd {
    color: #212121;
}

@media screen and (min-width:576px) {
}

@media screen and (min-width:992px) {
    #cleanincheonView .clean-incheon-tbl td {
        font-size: 16px;
    }
}

@media screen and (min-width:1139px) {
}


/* Modal // 인권침해 구제제도 운영 더 알아보기 */
#humaninvadeView figure {
    max-width: 789px;
}

#humaninvadeView figcaption {
    margin-top: 5px;
    text-align: center;
    font-weight: 700;
    color: #212121;
}

@media screen and (min-width:576px) {
}

@media screen and (min-width:992px) {
}

@media screen and (min-width:1139px) {
}


/* Modal // 공정한 업무 수행, CP A등급 획득 더 알아보기 */
#fairworkView .fairwork-con {
    padding: 20px;
    margin-bottom: 30px;
    background-color: #F8F8F8;
    text-align: center;
}

#fairworkView .fairwork-con br {
    display: none;
}

#fairworkView figure {
    text-align: center;
}

#fairworkView figure figcaption {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 800;
    color: #212121;
}

@media screen and (min-width:576px) {
}

@media screen and (min-width:992px) {
    #fairworkView .fairwork-con {
        padding: 40px 0;
        margin-bottom: 50px;
    }

    #fairworkView .fairwork-con br {
        display: block;
    }

    #fairworkView figure figcaption {
        font-size: 26px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:1139px) {
}


/* Modal // 국민 참여와 열린 소통 더 알아보기 */
#playcitizenView .play-citizen .play-citizen-con {
    margin-bottom: 20px;
}

#playcitizenView .play-citizen .play-citizen-con h5 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #212121;
}

#playcitizenView .play-citizen .play-citizen-con h5 br {
    display: none;
}

#playcitizenView .pc-img figure {
    margin-bottom: 20px;
}

#playcitizenView .pc-img figure figcaption {
    margin-top: 5px;
    color: #212121;
    font-weight: 700;
    font-size: 12px;
}

@media screen and (min-width:576px) {
}

@media screen and (min-width:992px) {
    #playcitizenView .play-citizen .play-citizen-con {
        margin-bottom: 30px;
    }

    #playcitizenView .play-citizen .play-citizen-con h5 {
        font-size: 20px;
    }

    #playcitizenView .play-citizen .play-citizen-con h5 br {
        display: block;
    }

    #playcitizenView .pc-img {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 40px;
    }

    #playcitizenView .pc-img figure {
        margin-right: 15px;
    }

    #playcitizenView .pc-img figure figcaption {
        text-align: center;
        font-size: 14px;
    }
}

@media screen and (min-width:1139px) {
}