@charset "utf-8";
html {
    scroll-behavior: smooth;
}
.companyTab {
    position:fixed;
    width:100%;
    top:0;
    left:0;
    background-color:#fff;
    z-index: 22;
}
#new_company {}
#new_company .company_title {
    font-size:2.22rem;
    text-align:center;
    font-weight:bold;
    margin-bottom:50px;
}
#new_company .blackBG {
    background-color:#000;
    padding:120px 0;
    background-image:url(./img/bg_big.jpg);
    background-repeat:no-repeat;
    background-position:left top;
}
#new_company .cont02 {
    margin-top:150px;
    padding-top:150px;
}


#tab01 {}
#tab01 .blackBG .company_title {

    color:#fff;
}
#new_company .company_visit {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
#new_company .company_visit .visit_box {
    width:31.333%;
    margin:1%;
    background-color:#fff;
    padding:30px;
}
#new_company .company_visit .visit_box h3 {
    color:#004ea2;
    font-size:1.33rem;
    font-weight:bold;
    margin-bottom:10px;
}
#new_company .company_visit .visit_box p {
    line-height:1.8;
}
#new_company .company_visit .visit_box span {
    font-weight:bold;
}

#new_company .company_distinction {
    display:flex;
    flex-wrap: wrap;
}
#new_company .company_distinction .distinction_box {
    width:31.33%;
    margin:1%;
    background-color:#f6f6f6;
    padding:30px;
}
#new_company .company_distinction .distinction_box h2 {
    font-size:1.33rem;
    margin-bottom:30px;
    font-weight:600;
    display: inline-block;
    position: relative;
    z-index:1;
    color:#001a4e;
}
#new_company .company_distinction .distinction_box h2::before {
    content:'';
    width:102%;
    height:10px;
    background-color:#dcdcdc;
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1;
}
#new_company .company_distinction .distinction_box p {
    line-height:1.8;
}

#new_company {}
#new_company .business_if {
    display:flex;
    flex-wrap:wrap;
}
#new_company .business_if .ifbox {
    width:48%;
    margin:1%;
    border:1px solid #ddd;
    padding:30px;
}
#new_company .business_if .ifbox .iftit {
    background-color:#001a4e;
    text-align:center;
    margin-bottom:30px;
}
#new_company .business_if .ifbox .iftit p {
    color:#fff;
    font-weight: bold;
    font-size:1.22rem;
    padding:10px 5px;
}
#new_company .business_if .ifbox .ifTxt {
    text-align:center;
    line-height:1.8;
}
#new_company .blackBG02 {
    background-image:url(./img/bg_sm.jpg);
    background-repeat:no-repeat;
    padding:100px 0;
}
#new_company .stepWrap {
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content:center;
}
#new_company .stepWrap .stepBox {
    width:16%;
}
#new_company .stepWrap .stepBox .stepRound {
    background-repeat:no-repeat;
    width:230px;
    height:230px;
    position:relative;
}
#new_company .stepWrap .stepBox .stepRound01 {
    background-image:url(./img/ellipse01.png);
}
#new_company .stepWrap .stepBox .stepRound02 {
    background-image:url(./img/ellipse02.png);
}
#new_company .stepWrap .stepBox .stepRound .roundtxtBox {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
}
#new_company .stepWrap .stepBox .stepRound .roundtxtBox span {
    color:#fff;
    font-size:0.99rem;
    letter-spacing:-0.72px;
}
#new_company .stepWrap .stepBox .stepRound .roundtxtBox p {
    font-size:1.22rem;
    color:#fff;
    margin-top:20px;
    font-weight:bold;
    letter-spacing:-0.9px;
}
#new_company .stepWrap .stepBox .step_barTxt {
    text-align:center;
    color:#fff;
    font-size:0.88rem;
    padding-left: 10%;
    padding-top:50px;
    position:relative;
}
#new_company .stepWrap .stepBox .step_barTxt::before {
    content:'';
    width:1px;
    height:50px;
    background-color:#ddd;
    position:absolute;
    left: 55%;
    top: -25px;
    transform: translateX(-50%);
}
#new_company .footnote {
    font-size:0.88rem;
    color:#ddd;
    text-align:center;
    margin-top:50px;
}
#new_company .coreGoal {
    text-align:center;
}
#new_company .coreGoal h2 {
    text-align:center;
    font-size:1.88rem;
    font-weight:bold;
    letter-spacing:-0.45px;
    display:inline-block;
    position: relative;
    z-index:1;
}
#new_company .coreGoal h2::before {
    content:'';
    width:102%;
    height:15px;
    background-color:#dcecff;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    z-index:-1;
}
#new_company .coreGoal .goal_ti {
    font-size:1.11rem;
    text-align:center;
    margin-top:30px;
    font-weight:600;
}
#new_company .coreGoal .coreWrap {
    display:flex;
    flex-wrap: wrap;    
    align-items: flex-start;
    margin-top:30px;
}
#new_company .coreGoal .coreWrap .coreBox {
    width:48%;
    margin:1%;
    border:2px solid #ddd;
    padding:30px;
    text-align:center;
}
#new_company .coreGoal .coreWrap .coreBox p {
    letter-spacing:-0.45px;
    line-height:1.85;
}
#new_company .coreGoal .footnote02 {
    font-size:0.88rem;
    color:#323232;
    text-align:center;
    margin-top:30px;;
}

/*---------------반응형 미디어쿼리----------------*/

@media (max-width:1440px) {}

@media (max-width:1200px) {
    #new_company .stepWrap .stepBox {
        width: 19%;
    }
}

@media (max-width:1024px) {}

@media (max-width:991px) {
    .companyTab {
        position:unset;
    }
    #new_company .blackBG,
    #new_company .blackBG02 {
        background-size:cover;
    }
    #new_company .stepWrap .stepBox {
        width:48%;
        display:flex;
        margin: 1%;
        align-items: center;
        justify-content: center;
    }
    #new_company .stepWrap .stepBox .stepRound {
        background-color:#004ea2;
        border-radius:30px;
        background-image:none;
        width:200px;
        height:150px;
    }
    #new_company .stepWrap .stepBox .stepRound .roundtxtBox p {
        font-size:1.11rem;
    }
    #new_company .stepWrap .stepBox .step_barTxt {
        width:100%;
        text-align:left;
        padding-top:0;
        padding-left: 65px;
        flex:1;
    }
    #new_company .stepWrap .stepBox .step_barTxt::before {
        width:50px;
        height:1px;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }
}

@media (max-width:768px) {
    #new_company .company_visit .visit_box {
        width:48%;
    }
    #new_company .business_if .ifbox {
        width: 100%;
    }
    #new_company .stepWrap .stepBox {
        width:100%;
        justify-content: flex-start;
    }
}

@media (max-width:680px) {
    #new_company .company_visit .visit_box {
        width:100%;
    }
    #new_company .company_distinction .distinction_box {
        width:100%;
    }

    #new_company .coreGoal .coreWrap .coreBox {
        width:100%;
    }
}

@media (max-width:400px) {}

@media (max-width:320px) {}