/* 공통 */
.sub_con {width: 100%; margin:0 auto; position: relative; }
.s_title h2 {font-size:18px; font-weight: 600; color:#0066d6; font-family: 'Montserrat'; }
.s_title h1 {font-size:30px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin-top: 15px; word-break: keep-all; line-height: 45px}
.s_title h3 {font-size:17px; font-weight: 700; color:#000;  font-family: 'NanumSquare',sans-serif; margin-top: 20px;}
.s_title p {font-size:15px; font-weight: 300; color:#000;  margin-top: 20px ; line-height: 26px;  word-break: keep-all;}
.sub_p {font-size:15px; font-weight: 300; color:#000; line-height: 26px; word-break: keep-all; letter-spacing: -.5px;}

.section {padding: 60px 20px;}
.section.gray {background-color: #f7f7f7; }
/* table */
.s_table table {border-collapse: collapse; width: 1290px; border-top: 3px solid #0066d6; }
.s_table table thead th {padding:15px 10px; font-size:15px; font-weight: 500; color:#fff; background-color: #4472c4; border:1px solid rgba(255,255,255,.2);}
.s_table table tbody th {font-size:14px; font-weight: 400; color:#1b1dd1; border:1px solid #dce0e4; padding:15px 5px; text-align: center; background-color: #f8fbff; word-break: keep-all;
line-height: 20px; letter-spacing: -.5px;}
.s_table table tbody td {font-size:14px; font-weight: 300; color:#333; border:1px solid #dce0e4; padding:15px 0; text-align: center;  background-color: #fff; letter-spacing: -.5px;}
.s_table table tbody th.tit {font-size:16px; font-weight: 500; color:#e157d4;}


/*Content CSS*/
#rnd2 {text-align: center; padding: 60px 20px;}
#rnd2 .article {margin-top: 20px; max-width: 768px; margin:20px auto 0; }
#rnd2 .article i {font-size: 30px; color:#e157d4; text-align: right; width: 100%; margin-bottom: 10px;}

#rnd2 .s_table td .arrow_wr {width: 100%; height: 100%; position: relative; }
#rnd2 .s_table td .arrow {display: block; position: absolute; left: 0; top:50%; transform:translateY(-50%); height: 15px; width: 100px;
background-color: #e157d4; z-index: 2;}
#rnd2 .s_table td .arrow .tribox {position: absolute; width:30px; height:30px; right: -30px;  top:50%; transform:translateY(-50%);}

#rnd2 .s_table td .arrow.lead {width: 332px;}
#rnd2 .s_table td .arrow.hit {width: 78px;}
#rnd2 .s_table td .arrow.unknon {width: 159px}
#rnd2 .s_table td .arrow.three {width: 158px}
#rnd2 .s_table td .arrow.four {width: 158px}
#rnd2 .s_table td .arrow.five {width: 119px}
#rnd2 .tri{
  width: 0px;height: 0px;
  border-top:15px solid  transparent;
  border-bottom:15px solid  transparent;
  border-right: 15px solid none;
  border-left: 15px solid #e157d4;
}




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

}


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

}

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

}