/* 홈페이지 공시사항 확인 절차 */
.flex_box {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.flex_box .list_item{position: relative;width: 18%;border-radius: 1rem; background-color: #fff; border: 2px solid #0069c9; height: 6.5rem;padding: 1rem .5rem;}
.flex_box .list_item:last-of-type { margin-right: 0;}
.flex_box .list_item::before{content: '';display: block;position: absolute;top: 50%;left: 100%;margin-left: 7%;transform: translate(-50%, -50%);width: 22px;height: 22px;border-radius: 50%;background: #2e4a93;}
.flex_box .list_item:last-of-type::before, .flex_box .list_item:last-of-type::after {display: none;}
.flex_box .list_item::after{content: '';display: block;position: absolute;top: 50%;left: 100%;transform: rotate(45deg) translate(-25%, -50%);margin-left: 4%;border: 2px solid #fff;border-left: 0;border-bottom: 0;box-sizing: border-box;width: 8px;height: 8px;}
.flex_box .list_item .num{font-size: 1.2rem; color: #0069c9; font-weight: 700;}
.flex_box .list_item .cont p{font-size: .8rem;}



@media screen and (max-width: 1440px){

}


@media screen and (max-width: 1200px){


}

@media screen and (max-width: 1240px){


}

@media screen and (max-width: 1024px){

/* 홈페이지 공시사항 확인 절차 */
.flex_box {justify-content: flex-start;}
.flex_box .list_item{width: 30%;padding: 1rem;}
.flex_box .list_item:nth-of-type(n+1) {margin-right: calc(10% / 2);}
.flex_box .list_item:nth-of-type(3n) {margin-right: 0;}
.flex_box .list_item:nth-of-type(3n)::before {display: none;}
.flex_box .list_item:nth-of-type(n+4) {margin-top: 1rem;}
.flex_box .list_item:nth-of-type(4)::before {display: block;}
}

@media screen and (max-width: 640px){

/* 홈페이지 공시사항 확인 절차 */
.flex_box .list_item::before,
.flex_box .list_item::after {top: auto;left: 50%;bottom: -18px;transform: translate(-50%, -50%);margin-left: 0;}
.flex_box .list_item::after {transform: rotate(135deg) translate(-50%, 120%);bottom: -11px;}
.flex_box .list_item::before {width: 18px;height: 18px;}
.flex_box .list_item {display: flex;align-items: center;width: 100%;border-radius: 1rem;height: 100%;padding: 1rem;margin-right: 0 !important;justify-content: flex-start;}
.flex_box .list_item .cont {margin-left: .5rem;}
.flex_box .list_item:nth-of-type(n+2){margin-top: .5rem;}
.flex_box .list_item:not(:last-of-type)::before, .flex_box .list_item:not(:last-of-type)::after {display: block !important;}
}

@media screen and (max-width: 480px){

}