@charset "utf-8";


#company_general {}
#company_general .cont {}
#company_general .suggest_big_title {
    text-align:center;
}
#company_general .suggest_big_title .big_title_sub {
    font-size:1.77rem;
}
#company_general .suggest_big_title .big_title_sub span {
    border-bottom:2px solid #004ea2;
}
#company_general .suggest_big_title .blue_big_title {
    font-size:2.11rem;
    display:inline-block;
    background-color:#004ea2;
    padding:10px 30px;
    color:#fff;
    font-weight:bold;
    margin-top:30px;
}

#company_general .bar_point {
    width:3px;
    height:100px;
    background-color:#666;
    display:block;
    margin:80px auto;
}

#company_general .suggest_propose {
    text-align:center;
}
#company_general .suggest_propose .suggest_propose_title {
    font-size:1.77rem;
    font-weight:bold;
    display:inline-block;
    position:relative;

}

#company_general .suggest_propose .suggest_propose_txt {
    margin-top:25px;
    border-radius:20px;
    padding:25px;
    background-color:#edf6ff;
}
#company_general .suggest_propose .suggest_propose_txt p {
    font-size:1.44rem;
    position:relative;
    display:inline-block;
}

#company_general .suggest_bg_wrap {
    position:relative;
    padding:250px 0;
}
#company_general .suggest_bg_wrap .bg01_le {
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    width:30%;
}
#company_general .suggest_bg_wrap .bg01_ri {
    position:absolute;
    right:0;
    bottom:0;
    z-index:-1;
    width:30%;
}
#company_general .suggest_bg_wrap .bg01_le img,
#company_general .suggest_bg_wrap .bg01_ri img {
    width:100%;
}
#company_general .suggest_bg_wrap .suggest_center_box {
    text-align:center;
}
#company_general .suggest_bg_wrap .suggest_center_box .yellow_highlight {
    display:inline-block;
    font-size:1.77rem;
    font-weight:bold;
    font-family: 'NEXON Lv1 Gothic OTF';
    position: relative;
}
#company_general .suggest_bg_wrap .suggest_center_box .yellow_highlight::before {
    content:'';
    width:100%;
    height:15px;
    background-color:#FFEF64;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    z-index:-1;
}
#company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_title {
    font-size:1.44rem;
    margin-top:20px;
    font-weight:bold;
}
#company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_inn {
    border:2px solid #004ea2;
    border-radius:20px;
    padding:25px 15px;
    width:96%;
    max-width:860px;
    margin:0 auto;
    margin-top:10px;
}
#company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_inn ul {
    display:flex;
    align-items:center;
    justify-content: center;
}
#company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_inn ul + ul {
    margin-top:10px;
}
#company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_inn li {
    font-size:1.22rem;
}
#company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_inn .blue_T {
    color:#004ea2;
    font-weight:bold;
}
#company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_point {
    margin-top:20px;
}
#company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_point p {
    margin-top:5px;
}


#company_general .suggest_bg_glay {
    padding:150px 0;
    background-color:#f9f9f9;
}
#company_general .company_arrow {
    margin-top:20px;
}
#company_general .company_arrow_wrap {
    background-image:url(./img/long_arrow.png);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 62px;
    display:flex;
    align-items:flex-start;
}
#company_general .company_arrow_wrap .company_arrow_box {
    width:20%;
    text-align:center;
}
#company_general .company_arrow_wrap .company_arrow_box .arrow_title {
    font-weight:600;
    color:#fff;
    line-height:62px;
}
#company_general .company_arrow_wrap .company_arrow_box .arrow_txt {
    background-color:#fff;
    padding:15px;
    margin:5px;
    height:180px;
    position:relative;
}
#company_general .company_arrow_wrap .company_arrow_box .arrow_txt p {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
}
#company_general .arrow_info {
    margin-top:15px;
    display:flex;
    align-items:flex-start;
}
#company_general .arrow_info span {
    color:#004ea2;
}
#company_general .arrow_info p {
    font-size:0.88rem;
    color:#666;
}



#company_general  .business_box {
    border:1px solid #ededed;
    padding:35px 25px;
    margin-top:20px;
    background-color:#fff;
}
#company_general  .business_box ul {
    display:flex;
    align-items:flex-start;
}
#company_general  .business_box ul + ul {
    margin-top:20px;
}
#company_general  .business_box .use_info_T {
    font-size:1.11rem;
    font-weight:bold;
    color:#fff;
    background-color:#004ea2;
    border-radius:20px;
    width:105px;
    padding:5px 0;
    margin-right:25px;
    text-align:center;
}
#company_general  .business_box .long_boxtitle {
    display:inline-block;
    width:auto;
    padding:5px 20px;
}
#company_general  .business_box .business_box_txt {
    flex:1;
    line-height:1.63;
    padding:5px 0;
}
#company_general  .business_box .business_box_txt dl {
    display:flex;
    align-items:flex-start;
    margin-bottom:3px;
    padding-left:35px;
}
#company_general  .business_box .business_box_txt.nopdle dl {
    padding-left:0;
}
#company_general  .business_box .business_box_txt dt {
    font-weight:bold;
    margin-right:10px;
}
#company_general  .business_box .business_box_txt dd {
    flex:1;
}
#company_general  .business_box .business_box_txt p {
    padding-left:10px;
    position:relative;
}
#company_general  .business_box .business_box_txt p::before {
    content:'';
    width:6px;
    height:6px;
    background-color:#004ea2;
    border-radius:50%;
    position:absolute;
    left:0;
    top:8px;
}
#company_general  .business_box .business_box_top_ti {
    text-align:center;
}
#company_general  .business_box .business_box_top_ti p {
    text-align:center;
    margin-bottom:25px;
    font-size:1.2rem;
    display:inline-block;
    position:relative;
    font-weight:bold;
}
#company_general  .business_box .business_box_top_ti p::before {
    content:'';
    width:100%;
    height:10px;
    background-color:#edf6ff;
    position:absolute;
    left:50%;
    bottom:0;
    z-index:-1;
    transform:translateX(-50%);
}
#company_general .sec02 {
    margin-top:80px;
}
#company_general .sec02 .business_box02 {
    background-color:unset;
}



/* 추가 css */
.blackBG {
    padding:120px 0;
    background-image:url(./img/lineBG.png);
    background-repeat:no-repeat;
    background-position:left top;
}




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

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

@media (max-width:1200px) {
    #company_general .suggest_bg_wrap {
        padding:100px 0;
    }
}

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

@media (max-width:991px) {
    #company_general .suggest_bg_wrap {
        padding:80px 0;
    }
}

@media (max-width:768px) {
    #company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_inn ul {
        justify-content: flex-start;
        align-items: flex-start;
        text-align:left;
    }
    #company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_inn li:nth-child(2) {
        flex:1;
    }
    #company_general .suggest_bg_wrap .suggest_center_box .suggest_center_box_point {
        text-align:left;
    }
    #company_general  .business_box ul {
        flex-wrap: wrap;
    }
    #company_general  .business_box .business_box_txt {
        flex:none;
        width:100%;
    }
    #company_general  .business_box .business_box_txt dl {
        flex-wrap: wrap;
        padding-left:25px;
    }
}

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

@media (max-width:400px) {
    #company_general  .business_box .business_box_txt dd {
        flex:none;
        width:100%;
    }
}

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