@charset "utf-8";

#company_special {}
#company_special .sec01_bg {
    background-color:#FBFBFD;
    padding:80px 0;
}
#company_special .sec01 {
    display:flex;
}
#company_special .sec01 .sec01_le {
    width:33%;
    margin-right:2%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
#company_special .sec01 .sec01_le .sec01_titlebox {
    flex:1;
}
#company_special .sec01 .sec01_le .sec01_titlebox .sec01_main_title {
    font-size:2rem;
    font-weight:bold;
    color:#004ea2;
}
#company_special .sec01 .sec01_le .sec01_titlebox .sec01_sub_title {
    font-size:1.11rem;
    color:#777;
}
#company_special .sec01 .sec01_ri {
    flex:1;
}
#company_special .sec01 .sec01_ri .sec01_ri_box {
    background-color:#fff;
    border-radius:20px;
    box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.15);
    padding:20px;
    display:flex;
    align-items: flex-start;
    margin-bottom:30px;
}
#company_special .sec01 .sec01_ri .sec01_ri_box .sec01_ri_tit {
    font-weight:bold;
    color:#004ea2;
    width:100px;
}
#company_special .sec01 .sec01_ri .sec01_ri_box .sec01_ri_txt {
    display:flex;
    align-items:flex-start;
    flex-wrap: wrap;
    flex:1;
}
#company_special .sec01 .sec01_ri .sec01_ri_box .sec01_ri_txt .txt_box {
    width:100%;
    display:flex;
    align-items:flex-start;
}
#company_special .sec01 .sec01_ri .sec01_ri_box .sec01_ri_txt .txt_box + .txt_box {
    margin-top:20px;
}
#company_special .sec01 .sec01_ri .sec01_ri_box .sec01_ri_txt .txt_box span {
    font-size:0.88rem;
    font-weight:bold;
    margin-right:20px;
    width:80px;
}
#company_special .sec01 .sec01_ri .sec01_ri_box .sec01_ri_txt .txt_box p {
    font-size:0.88rem;
    flex:1;
}


#company_special .sec02 {
    margin-top:70px;
}
#company_special .sec02 .footnote {
    font-size:0.88rem;
    color:#777;
    text-align:right;
}
#company_special .sec02 .sec02_wrap {
    display:flex;
    align-items: stretch;
    margin-top:20px;
}
#company_special .sec02 .sec02_wrap .sec02_box {
    width:16.8%;
    margin-right:4%;
    border-radius:0 0 30px 30px;
    background-color:#edf6ff;
    text-align:left;
    padding:20px;
    position:relative;
}
#company_special .sec02 .sec02_wrap .sec02_box::after {
    content:'';
    width:10px;
    height:20px;
    background-image:url(./img/arrow.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    position:absolute;
    top:50%;
    right:-33px;
    transform:translateY(-50%);
}
#company_special .sec02 .sec02_wrap .sec02_box:last-child {
    margin-right:0;
}
#company_special .sec02 .sec02_wrap .sec02_box:last-child::after {
    display:none;
}
#company_special .sec02 .sec02_wrap .sec02_box .sec02_box_T {
    font-size:1.11rem;
    font-weight:bold;
}
#company_special .sec02 .sec02_wrap .sec02_box .sec02_box_txt {
    margin-top:10px;
    font-size:0.88rem;
    line-height:1.64;
}




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

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

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

@media (max-width:1024px) {
    #company_special .sec02 .sec02_wrap {
        flex-wrap: wrap;
    }
    #company_special .sec02 .sec02_wrap .sec02_box {
        width:29.33%;
        margin-bottom:20px;
    }
    #company_special .sec02 .sec02_wrap .sec02_box::after {
        right:-27px;
    }
}

@media (max-width:991px) {
    #company_special .sec01_bg {
        padding:40px 0;
    }
    #company_special .sec01 {
        flex-wrap: wrap;
    }
    #company_special .sec01 .sec01_le {
        width:100%;
        text-align:center;
    }
    #company_special .sec01 .sec01_le .sec01_titleImg {
        display:none;
    }
    #company_special .sec01 .sec01_ri {
        width:100%;
        flex:none;
        margin-top:30px;
    }

}

@media (max-width:768px) {
 
    #company_special .sec02 .sec02_wrap .sec02_box {
        width:46%;
        margin-bottom:20px;
    }
    #company_special .sec02 .sec02_wrap .sec02_box::after {
        right: -18px
    }
}

@media (max-width:480px) {
    #company_special .sec01 .sec01_ri .sec01_ri_box {
        flex-wrap: wrap;
    }
    #company_special .sec01 .sec01_ri .sec01_ri_box .sec01_ri_txt {
        flex:none;
        width:100%;
        margin-top:10px;
    }
    #company_special .sec02 .sec02_wrap .sec02_box {
        width:100%;
        margin-right:0;
        margin-bottom:40px;
    }
    #company_special .sec02 .sec02_wrap .sec02_box::after {
        right:50%;
        top:auto;
        bottom:-30px;
        transform:translateX(50%) rotate(90deg);
    }
}

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

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