/* 공통 */
.sub_con {width:100%; margin:0 auto;}

/*Content CSS*/
#rnd1 {text-align: center;}
.rnd1_list_wrap {position: relative;  z-index: 1;  width:100%; margin:30px auto 0;}
/* .rnd1_list_wrap > img {position: absolute; right:-220px; top:151px;} */
.rnd1_list li::before { content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #d6d6d6; top: 151px; left: 0; z-index: -1;}

.rnd1_list {display: flex; margin-top:0; position: relative; padding-bottom: 14px; z-index: 1; width:100%; margin:0 auto; justify-content: space-between; flex-wrap:wrap;}
.rnd1_list  li {display: flex; flex-direction: column; align-items: center; position: relative; width:50%; margin-bottom:40px;}
.rnd1_list  li:last-child {width:100%; margin-bottom:0;}

.rnd1_img {}
.rnd1_dot { width: 15px; height: 15px; background-color: #e0e0e0; display: block; margin:25px 0 20px 0; border-radius: 50%;
transition: all .4s ease; position: relative; z-index: 1;}
.rnd1_list  li .rnd1_dot::before {content: ''; display: block; position: absolute; width: 24px; height: 24px; background: #fff;border: 4px solid #ff8000; border-radius: 100%;
top: -5px; left: -3px; z-index: -10; opacity: 0; transition: all .3s ease;}
.rnd1_list  li.active .rnd1_dot::before {opacity: 1; transition: all .3s ease;}

.rnd1_list li h2 {width:70px; height:25px; line-height: 25px; border-radius: 20px; background: #064790; font-size:20px; font-weight: 400; color:#fff;
    font-family: 'S-CoreDream-4Regular'; display: flex; align-items: center; justify-content: center;}
.rnd1_list li p {margin-top:10px; color:#000c2e; font-size:16px; font-weight: 400; font-family: 'S-CoreDream-3Light'; line-height: 26px;}


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

}

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

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