@charset "UTF-8";

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

/* 좋은 일자리 1번지 인천국제공항 */
.work-active .wa1 .ec-img2 {
    margin-bottom: 20px;
}

.work-active .ec-box .good-work-box .gw-con {
    margin-bottom: 20px;
}

.work-active .ec-box .good-work-box .gw-con .ec-img {
    margin-top: 0;
}

.work-active .ec-box .good-work-box .gw-con h3 {
    line-height: 1.6;
    padding: 20px;
    font-size: 16px;
}

.work-active .ec-box .good-work-box .gw-con h3 > small {
    display: block;
    font-size: 14px;
    color: #212121;
}

.work-active .ec-box .good-work-box .gw-con h3 strong {
    display: block;
    font-size: 20px;
    color: #212121;
}

.work-active .ec-box .good-work-box .gw-con h3 p {
    margin-top: 10px;
}

.work-active .ec-box .good-work-box .gw-con h3 p small {
    font-size: 12px;
}

@media screen and (min-width:639px) {
    .work-active .wa1 .ec-img1 {
        width: 55%;
        margin: -40px 0 0 -30px;
    }

    .work-active .wa1 .ec-img2 {
        position: absolute;
        top: 40px;
        right: 0;
        left: 52%;
    }

    .work-active .wa1 .ec-box {
        width: 100%;
        margin-top: -40px;
    }
}

@media screen and (min-width:767px) {
    .work-active .wa1 .ec-img1 {
        margin: -70px 0 0 -60px;
    }

    .work-active .wa1 .ec-box {
        margin-top: -80px;
    }
    
    .work-active .ec-box .good-work-box {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    
    .work-active .ec-box .good-work-box .gw-con {
        width: 32%;
    }
    
    .work-active .ec-box .good-work-box .gw-con h3 strong {
        font-size: 26px;
    }
    
    .work-active .ec-box .good-work-box .gw-con h3 p {
        margin-top: 10px;
    }

    .work-active .ec-box .good-work-box .gw-con .check-list {
        font-size: 14px;
    }
}

@media screen and (min-width:1139px) {
    .work-active .wa1 .ec-img1 {
        width: 540px;
        height: 670px;
        margin: 0px 0 0 -80px;
    }

    .work-active .wa1 .ec-img2 {
        top: 160px;
        right: 100px;
        left: 530px;
    }

    .work-active .wa1 .ec-box {
        margin-top: -150px;
    }
    
    .work-active .ec-box .good-work-box .gw-con {
        width: 31%;
    }
    
    .work-active .ec-box .good-work-box .gw-con h3 {
        padding: 30px;
        font-size: 18px;
    }

    .work-active .ec-box .good-work-box .gw-con .check-list {
        font-size: 18px;
    }
}


/* Cheer-up[취:업], 인천공항 일자리 플랫폼 */
.work-active .wa2 .ec-img2 {
    margin-bottom: 20px;
}

.work-active .wa2 .ec-box .good-work-box .gw-con h4 {
    margin-bottom: 10px;
    color: #212121;
    font-weight: 700;
    font-size: 16px;
}

.work-active .wa2 .ec-box .good-work-box .gw-con .ec-img {
    margin-top: 0;
    margin-bottom: 10px;
}

.work-active .wa2 .ec-box .good-work-box .gw-con a.direct-link {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 10px auto 0;
    background-color: #C2E1FF;
    color: #1172D3;
    text-align: center;
    border-radius: 20px;
    -moz-box-shadow: 0px 2px 10px rgba(194,255,255,0.5);
    -webkit-box-shadow: 0px 2px 10px rgba(194,255,255,0.5);
    box-shadow: 0px 2px 10px rgba(194,255,255,0.5);
}

.work-active .wa2 .ec-box p.guide {
    margin-top: 20px;
    font-size: 12px;
}

@media screen and (min-width:639px) {
    .work-active .wa2 .ec-box {
        width: 100%;
    }

    .work-active .wa2 .ec-box p.guide {
        font-size: 14px;
    }
}

@media screen and (min-width:767px) {
    .work-active .wa2 .ec-img {
        max-width: 800px;
        margin: 40px auto;
    }

    .work-active .wa2 .ec-box .good-work-box .gw-con h4 {
        margin-bottom: 20px;
        padding: 0 20px;
        font-size: 20px;
    }

    .work-active .wa2 .ec-box .good-work-box .gw-con a.direct-link {
        margin-top: 30px;
    }
}

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


/* 스마트방역을 통해 세계의 안심청정공항으로 우뚝 */
.safe-clean-airport .sca1 .ec-img1 {
    margin-bottom: 20px;
}

.safe-clean-airport .sca1 .ec-box .certificate-box {
    margin-top: 20px;
}

.safe-clean-airport .sca1 .ec-box .certificate-box .certificate {
    margin-bottom: 20px;
    text-align: center;
}

.safe-clean-airport .sca1 .ec-box .certificate-box .certificate img {
    border: 1px solid #dcdcdc;
}

.safe-clean-airport .sca1 .ec-box .certificate-box .certificate figcaption {
    margin-top: 5px;
    color: #212121;
    font-weight: 700;
}

@media screen and (min-width:639px) {
    .safe-clean-airport .sca1 .ec-box {
        width: 100%;
    }

    .safe-clean-airport .sca1 .ec-box .certificate-box {
        display: flex;
        justify-content: flex-start;
    }
    
    .safe-clean-airport .sca1 .ec-box .certificate-box .certificate {
        width: 200px;
        margin-right: 10px;
        margin-bottom: 0px;
    }

    .safe-clean-airport .sca1 .ec-box .certificate-box .certificate figcaption {
        font-size: 14px;
    }
}

@media screen and (min-width:767px) {
    .safe-clean-airport .sca1 .ec-img1 {
        max-width: 800px;
        margin: 0 auto 40px;
    }
    
    .safe-clean-airport .sca1 .ec-box .certificate-box .certificate {
        width: 320px;
    }
}

@media screen and (min-width:1139px) {
    .safe-clean-airport .sca1 .ec-box .certificate-box {
        margin-top: 40px;
    }
    
    .safe-clean-airport .sca1 .ec-box .certificate-box .certificate {
        margin-right: 30px;
    }
}


/* 국민이 안심하는 공항 */
.safe-clean-airport .sca2 .ec-img1 {
    margin-top: 0;
    margin-bottom: 20px;
}

.safe-clean-airport .sca2 .ec-box .sca2-con1 dl dt {
    font-size: 14px;
}

.safe-clean-airport .sca2 .ec-box h2.second-h2-tit {
    margin-top: 30px;
}

.safe-clean-airport .sca2 .ec-box .percent-box {
    display: flex;
    justify-content: flex-start;
}

.safe-clean-airport .sca2 .ec-box .percent-box .percent-con {
    min-width: 130px;
    padding: 20px 20px;
    margin-right: 10px;
    border: 1px solid #dcdcdc;
}

.safe-clean-airport .sca2 .ec-box .percent-box .percent-con h4 {
    font-size: 16px;
    color: #57A3FF;
}

.safe-clean-airport .sca2 .ec-box .percent-box .percent-con h4 strong {
    font-size: 26px;
}

.safe-clean-airport .sca2 .ec-box .percent-box .percent-con p {
    margin-top: 10px;
}

.safe-clean-airport .sca2 .ec-box .sca2-con2 {
    max-width: 350px;
    margin-top: 30px;
}

.safe-clean-airport .sca2 .ec-box .sca2-con2 dl {
    margin-top: 20px;
    color: #212121;
}

.safe-clean-airport .sca2 .ec-box .sca2-con2 dl:first-child {
    margin-top: 0 !important;
}

.safe-clean-airport .sca2 .ec-box .sca2-con2 dl dt {
    padding: 5px 10px;
    background-color: #C2E1FF;
}

.safe-clean-airport .sca2 .ec-box .sca2-con2 dl dd {
    padding: 10px;
}

@media screen and (min-width:639px) {
    .safe-clean-airport .sca2 .ec-img1 {
        width: 40%;
        margin-left: -30px;
        margin-top: -40px;
    }

    .safe-clean-airport .sca2 .ec-img2 {
        position: absolute;
        top: 70px;
        left: 40%;
        right: -30px;
    }

    .safe-clean-airport .sca2 .ec-img3 {
        position: absolute;
        top: 500px;
        left: 450px;
        right: 0px;
    }
}

@media screen and (min-width:767px) {
    .safe-clean-airport .sca2 .ec-img3 {
        top: 570px;
    }

    .safe-clean-airport .sca2 .ec-box .sca2-con1 dl dt {
        font-size: 16px;
        font-weight: 700;
    }
    
    .safe-clean-airport .sca2 .ec-box .sca2-con2 dl {
        font-size: 15px;
    }
}

@media screen and (min-width:1139px) {
    .safe-clean-airport .sca2 .ec-img3 {
        top: 760px;
        left: 670px;
    }

    .safe-clean-airport .sca2 .ec-box h2.second-h2-tit {
        margin-top: 60px;
    }
    
    .safe-clean-airport .sca2 .ec-box .sca2-con2 {
        margin-top: 40px;
    }
}


/* 근로자가 안심하고 일하는 안전한 인천공항 */
.safe-clean-airport .sca3 .ec-box figure {
    margin-bottom: 10px;
}

@media screen and (min-width:639px) {
    .safe-clean-airport .sca3 .ec-box {
        margin: 0 0 0 auto;
    }

    .safe-clean-airport .sca3 .ec-img1 {
        position: absolute;
        top: 10%;
        left: 0;
        right: 300px;
    }

    .safe-clean-airport .sca3 .ec-img2 {
        position: absolute;
        top: 40%;
        left: 20px;
        right: 450px;
    }
}

@media screen and (min-width:767px) {
    .safe-clean-airport .sca3 .ec-img2 {
        top: 35%;
        left: 20px;
        right: 470px;
    }
}

@media screen and (min-width:1139px) {
    .safe-clean-airport .sca3 .ec-img2 {
        top: 750px;
        left: 40px;
        right: 670px;
    }

    .safe-clean-airport .sca3 .ec-box figure {
        margin-bottom: 30px;
    }

    .safe-clean-airport .sca3 .ec-box .more-btn {
        margin-top: 50px;
    }
}


/* 어떤 사이버 위협도 완벽히 차단 */
.safe-clean-airport .sca4 .ec-box .graph-certificate {
    display: flex;
    justify-content: flex-start;
}

.safe-clean-airport .sca4 .ec-box .graph-certificate figure {
    width: 48%;
}

.safe-clean-airport .sca4 .ec-box .graph-certificate figure.graph-box em {
    display: block;
    padding: 20px 0;
    border: 3px solid #F8F8F8;
    border-radius: 10px;
    text-align: center;
}

.safe-clean-airport .sca4 .ec-box .graph-certificate figure.certificate-box em {
    display: block;
    border: 1px solid #dcdcdc;
}

.safe-clean-airport .sca4 .ec-box .graph-certificate figure figcaption {
    margin-top: 5px;
    font-weight: 700;
    color: #212121;
    text-align: center;
    font-size: 12px;
}

.safe-clean-airport .sca4 .ec-box .sca4-con {
    margin-top: 20px;
}

.safe-clean-airport .sca4 .ec-box .sca4-con ul li {
    margin-bottom: 20px;
}

@media screen and (min-width:639px) {
    .safe-clean-airport .sca4 .ec-img1 {
        position: absolute;
        top: 0;
        right: 0;
        left: 30%;
    }
}

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

@media screen and (min-width:1139px) {
    .safe-clean-airport .sca4 .ec-box .graph-certificate figure {
        width: auto;
    }

    .safe-clean-airport .sca4 .ec-box .graph-certificate figure.graph-box em {
        height: 282px;
        padding: 50px 20px 0;
        margin-right: 20px;
    }

    .safe-clean-airport .sca4 .ec-box .graph-certificate figure figcaption {
        font-size: 14px;
    }

    .safe-clean-airport .sca4 .ec-box .sca4-con {
        margin-top: 40px;
    }
    
    .safe-clean-airport .sca4 .ec-box .sca4-con ul li {
        margin-bottom: 30px;
    }
    
    .safe-clean-airport .sca4 .ec-box .more-btn {
        margin-top: 70px;
    }

    .safe-clean-airport .sca4 .ec-img1 {
        left: 40%;
    }
}


/* 상생과 동반성장 */
.epigyny-growth .eg-top-image {
    position: relative;
    padding: 40px 20px 100px;
    background: #fff url("../images/sub/esg_s3_topbg.png") no-repeat center/cover;
    color: #fff;
}

.epigyny-growth .eg-top-image h1 {
    line-height: 1;
    margin-bottom: 30px;
    font-size: 20px;
}

.epigyny-growth .eg-top-image h1 em {
    display: block;
    font-size: 50px;
}

.epigyny-growth .eg-top-image h1 strong {
    display: block;
    margin-top: 10px;
}

.epigyny-growth .eg-top-image .corp100culture .x8con {
    line-height: 1;
    margin-bottom: 20px;
}

.epigyny-growth .eg-top-image .corp100culture .x8con strong {
    display: block;
    font-size: 50px;
}

.epigyny-growth .eg-top-image .corp100culture .x8con em {
    font-size: 20px;
}

.epigyny-growth .eg-top-image .corp100culture .txt {
    margin-bottom: 10px;
}

.epigyny-growth .eg-top-image .corp100culture .guide {
    font-size: 12px;
}

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

    .epigyny-growth .eg-top-image {
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
    }
}

@media screen and (min-width:767px) {
    .epigyny-growth .eg-top-image {
        padding: 60px 20px 160px;
    }

    .epigyny-growth .eg-top-image h1 {
        width: 50%;
        font-size: 24px;
    }

    .epigyny-growth .eg-top-image h1 em {
        font-size: 60px;
    }

    .epigyny-growth .eg-top-image .corp100culture {
        width: 50%;
    }
}

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

    .epigyny-growth .eg-top-image {
        justify-content: center;
        padding: 100px 40px 150px;
    }

    .epigyny-growth .eg-top-image h1 {
        width: 600px;
        font-size: 26px;
    }

    .epigyny-growth .eg-top-image h1 em {
        font-size: 120px;
        letter-spacing: -.5pt;
    }
    
    .epigyny-growth .eg-top-image h1 strong {
        margin-top: 15px;
        font-weight: 700;
    }

    .epigyny-growth .eg-top-image .corp100culture {
        width: 500px;
    }

    .epigyny-growth .eg-top-image .corp100culture .x8con {
        margin-bottom: 40px;
    }
    
    .epigyny-growth .eg-top-image .corp100culture .x8con strong {
        font-size: 80px;
    }
    
    .epigyny-growth .eg-top-image .corp100culture .x8con em {
        font-size: 26px;
    }
    
    .epigyny-growth .eg-top-image .corp100culture .txt {
        margin-bottom: 10px;
        font-size: 24px;
    }
    
    .epigyny-growth .eg-top-image .corp100culture .guide {
        font-size: 14px;
    }
}

@media screen and (min-width:1239px) {
    .epigyny-growth .eg-top-image .corp100culture {
        margin-left: 50px;
    }
}


/* 꿈을 향한 비상을 응원합니다. 인천공항과 같이, 가치 점프! */
.epigyny-growth .eg1 {
    margin-top: -80px;
}

.epigyny-growth .eg1 .ec-box .eg1-con dl {
    position: relative;
    padding-right: 50px;
}

.epigyny-growth .eg1 .ec-box .eg1-con dl dd .plusmark {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    background-color: #57A3FF;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

@media screen and (min-width:639px) {
    .epigyny-growth .eg1 {
        padding-top: 100px;
    }

    .epigyny-growth .eg1 .ec-img1 {
        position: absolute;
        top: 0;
        left: 10px;
        right: 50%;
    }

    .epigyny-growth .eg1 .ec-img2 {
        position: absolute;
        top: 60%;
        left: 10px;
        right: 450px;
    }

    .epigyny-growth .eg1 .ec-box {
        margin: 0 0 0 auto;
    }
}

@media screen and (min-width:767px) {
    .epigyny-growth .eg1 {
        padding-top: 150px;
    }

    .epigyny-growth .eg1 .ec-box .eg1-con dl {
        padding-right: 70px;
    }

    .epigyny-growth .eg1 .ec-box .eg1-con dl dd .plusmark {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

@media screen and (min-width:1139px) {
    .epigyny-growth .eg1 .ec-img1 {
        left: 110px;
        right: 540px;
    }

    .epigyny-growth .eg1 .ec-img2 {
        top: 720px;
        left: 150px;
        right: 670px;
    }
}


/* 인천공항, 사람과 가치를 잇다 */
.epigyny-growth .eg2 .ec-box .eg2-con dl {
    margin-bottom: 20px;
}

@media screen and (min-width:639px) {
    .epigyny-growth .eg2 .ec-img1 {
        position: absolute;
        top: 20%;
        left: 450px;
        right: -30px;
    }

    .epigyny-growth .eg2 .ec-img2 {
        margin: 20px auto;
    }
}

@media screen and (min-width:767px) {
    .epigyny-growth .eg2 .ec-box .eg2-con dl {
        margin-bottom: 40px;
    }

    .epigyny-growth .eg2 .ec-img1 {
        top: 10%;
    }

    .epigyny-growth .eg2 .ec-img2 {
        max-width: 800px;
        margin: 40px auto;
    }
}

@media screen and (min-width:1139px) {
    .epigyny-growth .eg2 .ec-img1 {
        top: 10%;
        left: 670px;
    }
}


/* 착한 소비로 공항생태계와 민생경제 수호! 코로나19 위기극복 지역경제 활성화 */
.epigyny-growth .eg3 .ec-box .eg3-con p {
    margin: 20px 0 10px;
}

.epigyny-growth .eg3 .ec-box .eg3-con .answerbox {
    color: #212121;
}

.epigyny-growth .eg3 .ec-box .eg3-con .answerbox span {
    color: #537FBA;
}

@media screen and (min-width:639px) {
    .epigyny-growth .eg3 .ec-box {
        width: 100%;
    }
}

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

@media screen and (min-width:1139px) {
    .epigyny-growth .eg3 .ec-box .eg3-con p {
        margin: 40px 0 30px;
    }
}


/* 인천공항과 가치 가세 */
.epigyny-growth .eg4 .ec-img3 {
    margin-bottom: 20px;
}

.epigyny-growth .eg4 .ec-box h2.h2-tit a {
    display: block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    margin: 20px auto 0;
    background-color: #57A3FF;
    border-radius: 25px;
    text-align: center;
    color: #fff;
}

.epigyny-growth .eg4 .ec-box .eg4-con dl {
    margin-bottom: 20px;
}

@media screen and (min-width:639px) {
    .epigyny-growth .eg4 .ec-img {
        margin-bottom: 20px;
    }

    .epigyny-growth .eg4 .ec-img1 {
        width: 40%;
        margin-left: 10%;
    }

    .epigyny-growth .eg4 .ec-img2 {
        width: 50%;
    }

    .epigyny-growth .eg4 .ec-img3 {
        position: absolute;
        top: 120px;
        left: 52%;
        right: -50px;
    }

    .epigyny-growth .eg4 .ec-box {
        margin: -300px 0 0 auto;
    }
}

@media screen and (min-width:767px) {
    .epigyny-growth .eg4 .ec-box {
        margin: -450px 0 0 auto;
    }
}

@media screen and (min-width:1139px) {
    .epigyny-growth .eg4 .ec-box h2.h2-tit a {
        width: 300px;
    }

    .epigyny-growth .eg4 .ec-box {
        margin: -660px 0 0 auto;
    }

    .epigyny-growth .eg4 .ec-box .eg4-con dl {
        margin-bottom: 40px;
    }
}


/* 내일의 유니콘을 만드는 오늘의 동반성장 */
.epigyny-growth .eg5 .ec-img1 {
    margin-bottom: 20px;
}

.epigyny-growth .eg5 .ec-box .eg5-con .conbox {
    margin-bottom: 20px;
}

.epigyny-growth .eg5 .ec-box .eg5-con .conbox h3 {
    line-height: 1.4;
    margin-bottom: 10px;
    font-size: 16px;
    color: #212121;
    font-weight: 700;
}

.epigyny-growth .eg5 .ec-box .eg5-con .conbox figure figcaption {
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    color: #212121;
    font-weight: 700;
}

.epigyny-growth .eg5 .ec-box .eg5-con .conbox .package-tbl th,
.epigyny-growth .eg5 .ec-box .eg5-con .conbox .package-tbl td {
    padding: 10px 5px;
    border: 2px solid #fff;
    text-align: center;
}

.epigyny-growth .eg5 .ec-box .eg5-con .conbox .package-tbl thead tr th {
    background-color: #C2E1FF;
    color: #1172D3;
}

.epigyny-growth .eg5 .ec-box .eg5-con .conbox .package-tbl tbody tr td {
    border-bottom: 1px solid #C2E1FF;
}

@media screen and (min-width:639px) {
    .epigyny-growth .eg5 .ec-img1 {
        width: 70%;
        margin: 0 0 0 auto;
    }

    .epigyny-growth .eg5 .ec-box {
        margin-top: -200px;
    }

    .epigyny-growth .eg5 .ec-img2 {
        position: absolute;
        top: 40%;
        right: -30px;
        left: 450px;
    }
}

@media screen and (min-width:767px) {
    .epigyny-growth .eg5 .ec-box .eg5-con .conbox h3 {
        font-size: 18px;
    }
}

@media screen and (min-width:1139px) {
    .epigyny-growth .eg5 .ec-box {
        margin-top: -430px;
    }

    .epigyny-growth .eg5 .ec-box .eg5-con .conbox {
        margin-bottom: 40px;
    }

    .epigyny-growth .eg5 .ec-box .eg5-con .conbox h3 {
        font-size: 24px;
    }

    .epigyny-growth .eg5 .ec-img2 {
        top: 850px;
        left: 670px;
    }
}


/* 다양성·전문성이 강화된 인사 관리 */
.corp-culture .cc1 .ec-img1 {
    margin-bottom: 20px;
}

@media screen and (min-width:639px) {
    .corp-culture .cc1 .ec-img1 {
        width: 70%;
        margin: 0;
    }

    .corp-culture .cc1 .ec-box {
        margin: -200px 0 0 auto;
    }

    .corp-culture .cc1 .ec-img2 {
        position: absolute;
        top: 0;
        right: -30px;
        left: 71%;
    }
}

@media screen and (min-width:767px) {
    .corp-culture .cc1 .ec-box {
        margin-top: -250px;
    }
}

@media screen and (min-width:1139px) {
    .corp-culture .cc1 .ec-img1 {
        margin-top: 60px;
    }

    .corp-culture .cc1 .ec-box {
        margin-top: -420px;
    }
}


/* IIAC WAY TALK X PLAY X LOVE */
.corp-culture .cc2 .ec-img1 {
    margin-bottom: 20px;
}

.corp-culture .cc2 .ec-box figure {
    margin-bottom: 20px;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con {
    position: relative;
    margin-bottom: 20px;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con .colormark {
    position: relative;
    padding: 5px 10px;
    margin-bottom: 10px;
    background-color: #666;
    color: #fff;
    font-weight: 700;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con.talk .colormark {
    background-color: #1172D3;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con.play .colormark {
    background-color: #6B9EDB;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con.love .colormark {
    background-color: #C2E1FF;
    color: #1172D3;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con dl {
    padding: 5px 10px;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con dl dt {
    color: #212121;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con dl dt small {
    display: block;
}

.corp-culture .cc2 .ec-box .talk-play-love .tpl-con dl dt strong {
    display: block;
    font-size: 20px;
}

@media screen and (min-width:639px) {
    .corp-culture .cc2 .ec-img1 {
        margin-left: 10%;
        margin-bottom: 0;
    }

    .corp-culture .cc2 .ec-box {
        margin-top: -200px;
    }

    .corp-culture .cc2 .ec-img2 {
        position: absolute;
        top: 50%;
        left: 450px;
        right: -50px;
    }
}

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

@media screen and (min-width:1139px) {
    .corp-culture .cc2 .ec-img1 {
        margin-left: 190px;
        margin-right: 110px;
    }

    .corp-culture .cc2 .ec-box {
        margin-top: -400px;
    }

    .corp-culture .cc2 .ec-box figure {
        margin-bottom: 40px;
    }

    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con {
        padding-left: 215px;
    }

    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con .colormark {
        position: absolute;
        left: 10px;
        top: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 170px;
    }

    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con .colormark:after {
        position: absolute;
        top: 50%;
        right: -30px;
        display: block;
        width: 0px;
        height: 0px;
        margin-top: -15px;
        border: 15px solid transparent;
        border-left-color: #666;
        content: '';
    }

    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con.talk .colormark:after {
        border-left-color: #1172D3;
    }

    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con.play .colormark:after {
        border-left-color: #6B9EDB;
    }

    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con.love .colormark:after {
        border-left-color: #C2E1FF;
    }

    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con dl dt {
        margin-bottom: 10px;
    }
    
    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con dl dt small {
        font-size: 14px;
    }

    .corp-culture .cc2 .ec-box .talk-play-love .tpl-con dl dd {
        font-size: 18px;
    }

    .corp-culture .cc2 .ec-box .more-btn {
        margin-top: 50px;
    }

    .corp-culture .cc2 .ec-img2 {
        top: 730px;
        left: 670px;
    }
}


/* 언제 어디서나 가능해야 진짜 스마트 워크 */

@media screen and (min-width:639px) {
    .corp-culture .cc3 .ec-box {
        margin: 0 0 0 auto;
    }

    .corp-culture .cc3 .ec-img1 {
        position: absolute;
        top: 10%;
        left: 0;
        right: 20%;
    }

    .corp-culture .cc3 .ec-img2 {
        width: 35%;
        margin-top: -50px;
    }
}

@media screen and (min-width:767px) {
    .corp-culture .cc3 .ec-img2 {
        width: 50%;
    }
}

@media screen and (min-width:1139px) {
    .corp-culture .cc3 .ec-img1 {
        right: 45%;
    }

    .corp-culture .cc3 .ec-img2 {
        width: 40%;
    }
}


/* Modal // 어떤 사이버 위협도 완벽히 차단 더 알아보기 */
#cyberthreatView .check-list {
    max-width: 800px;
}

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

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

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


/* Modal // 인천공항과 같이, 가치 점프! */
.modal.jump-pop .jump-scale {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 20px;
}

.modal.jump-pop .jump-scale dl {
    width: 32%;
    padding: 10px;
    border: 1px solid #C2E1FF;
    border-radius: 10px;
}

.modal.jump-pop .jump-scale dl dt {
    margin-bottom: 5px;
    color: #212121;
    font-size: 14px;
}

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

@media screen and (min-width:992px) {
    .modal.jump-pop .jump-scale {
        width: 700px;
        margin-bottom: 40px;
    }

    .modal.jump-pop .jump-scale dl {
        padding: 20px;
    }
}

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


/* Modal // 인천공항과 같이, 가치 점프! */
#joinpeopleView .join-people h2 {
    margin: 20px 0;
    font-size: 14px;
}

#joinpeopleView .join-people h2 strong {
    display: block;
    margin-bottom: 5px;
    color: #212121;
    font-weight: 700;
    font-size: 18px;
}

#joinpeopleView .join-people h2 p br {
    display: none;
}

#joinpeopleView .join-people .community-center {
    max-width: 550px;
}

#joinpeopleView .join-people .community-center dl {
    position: relative;
    padding: 5px 0;
    padding-left: 100px;
    border-bottom: 1px solid #dcdcdc;
}

#joinpeopleView .join-people .community-center dl dt {
    position: absolute;
    top: 5px;
    left: 0;
    color: #212121;
}

#joinpeopleView .join-people .community-center p {
    padding-top: 5px;
    padding-left: 100px;
}

#joinpeopleView .join-people .community-center p br {
    display: none;
}

#joinpeopleView .join-people .check-list {
    max-width: 350px;
    margin-bottom: 30px;
}

#joinpeopleView .join-people.jp2 {
    margin-top: 40px;
}

@media screen and (min-width:576px) {
    #joinpeopleView .join-people h2 {
        margin: 30px 0;
        font-size: 16px;
    }
    
    #joinpeopleView .join-people h2 strong {
        font-size: 20px;
    }

    #joinpeopleView .join-people .community-center p {
        font-size: 14px;
    }

    #joinpeopleView .join-people .community-center p br {
        display: block;
    }
}

@media screen and (min-width:992px) {
    #joinpeopleView .join-people h2 {
        margin: 40px 0;
        font-size: 18px;
    }
    
    #joinpeopleView .join-people h2 strong {
        margin-bottom: 10px;
        font-size: 24px;
    }
    
    #joinpeopleView .join-people h2 p {
        line-height: 1.4;
    }
    
    #joinpeopleView .join-people h2 p br {
        display: block;
    }

    #joinpeopleView .join-people.jp2 {
        margin-top: 60px;
    }
}

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


/* Modal // 인천공항과 가치 가세 더 알아보기 */
#valueeconomyView .value-economy {
    margin-bottom: 20px;
}

#valueeconomyView .value-economy dl {
    margin-top: 15px;
}

#valueeconomyView .value-economy dl:first-child {
    margin-top: 0 !important;
}

#valueeconomyView .value-economy dl dt {
    margin-bottom: 5px;
}

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

@media screen and (min-width:992px) {
    #valueeconomyView .value-economy {
        margin-bottom: 40px;
    }

    #valueeconomyView .value-economy dl {
        display: table;
        width: 100%;
    }

    #valueeconomyView .value-economy dl dt {
        display: table-cell;
        width: 100px;
        margin-bottom: 0;
    }

    #valueeconomyView .value-economy dl dd {
        display: table-cell;
    }
}

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


/* Modal // 인천공항과 가치 가세 더 알아보기 */
#iiacwayView h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    color: #212121;
}

#iiacwayView ul.iicacon > li {
    width: 100%;
    margin-bottom: 20px;
}

#iiacwayView ul.iicacon > li figcaption {
    font-size: 18px;
    font-weight: 700;
    color: #212121;
}

#iiacwayView ul.iicacon > li ul {
    margin-top: 10px;
}

@media screen and (min-width:576px) {
    #iiacwayView ul.iicacon > li {
        width: 32%;
        margin-left: 2%;
        margin-bottom: 0;
    }
    
    #iiacwayView ul.iicacon > li:first-child {
        margin-left: 0;
    }
}

@media screen and (min-width:992px) {
    #iiacwayView h3 {
        font-size: 26px;
    }

    #iiacwayView ul.iicacon > li {
        padding: 20px;
        border-left: 1px solid #dcdcdc;
    }
    
    #iiacwayView ul.iicacon > li:first-child {
        border-left: none; 
    }

    #iiacwayView ul.iicacon > li figcaption {
        margin-top: 20px;
        font-size: 20px;
        font-weight: 800;
    }

    #iiacwayView ul.iicacon > li ul li {
        margin-bottom: 10px;
        font-size: 16px;
    }
}

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