
/* 공통 */
.se_con { padding:80px 0 110px; }
.con_wrap { width:1300px; margin:0 auto; }

.sub_title { width:1300px; margin:0 auto 45px; text-align:center; }
.sub_title h1 { font-size:48px; }
.sub_title h1::after { content:""; display: inline-block; width:12px; height:12px; border:3px solid #910023; border-radius: 50%; vertical-align: 50px; }
.sub_title span { font-size:17px; color:rgba(0,0,0,.64); }

.sub_title2 { position:relative; font-size:26px; text-align: left; padding-left: 14px; }
.sub_title2:before { content:""; position:absolute; left:0; top:5px; width:4px; height: 30px; background:#910023; line-height: 36px; }

.table_type { border-collapse: collapse; width:100%; line-height: 1; border: 1px solid #e1d7d7; }
.table_type caption { display: none; }
.table_type thead th { height: 70px; font-size:18px; background:#910023; color:#fff; font-weight: 400; border-right: 1px solid rgba(255,255,255,0.15); }
.table_type thead th:last-child { border-right: 0; }
.table_type tbody tr { border-top: 1px solid #e1d7d7; }
.table_type tbody tr th { font-size:20px; background:#f2efef; color:#000; }
.table_type tbody tr td { background:#fff; font-size:16px; line-height: 26px; font-weight: 300; border-left: 1px solid #e1d7d7;
    word-break: keep-all; text-align: center; }
.table_type tbody tr td li { position:relative; padding-left: 9px; }
.table_type tbody tr td li:before { content:""; position:absolute; left:0; top:8px; width:3px; height: 3px; background:#910023; }

.tab { display: none;}
.tab.active { display: block;}
.tab_btn { display: flex; justify-content: center; }
.tab_btn li { width: 270px; margin:0 10px; text-align: center; }
.tab_btn li a { display: block; width: 100%; line-height: 66px; font-size:16px; color:#000; transition: all .3s ease; cursor: pointer;
  background:#efe8e8; }
.tab_btn li a.active { background:#910023; color:#fff; }

.noti_list { margin-top: 40px; }
.noti_list li { font-size:18px; margin-bottom: 37px; }
.noti_list li:last-of-type { margin-bottom: 0; }
.noti_list li span { display: inline-block; position:relative; width:33px; line-height: 33px; background:#910023; color:#fff;
text-align: center; margin-left:6px; }
.noti_list li span::before { content:""; position:absolute; width:calc(100% + 12px); height: calc(100% + 12px); left:-6px; top:-6px;
border:1px solid #910023; }
.noti_list li b { margin-left: 18px; font-weight: 400; }

.noti_list li:last-child { margin-bottom:0; }
.noti_list li:nth-child(even) span { background:#046b40; }
.noti_list li:nth-child(even) span::before { border-color: #046b40; }

.list_type1 { margin-top: 40px; border-top: 2px solid #910023; }
.list_type1 > li { display: flex; border-bottom: 1px solid #e1d7d7; padding:45px 0; }
.list_type1 > li:last-child { border-bottom: 0; }
.list_type1 > li h2 { width:300px; height:75px; font-size:20px; line-height: 75px; background:#910023; color:#fff; text-align: center;
border-radius: 20px 0 0 0; }
.list_type1 > li:nth-child(even) h2 { background:#046b40; }
.list_type1 > li:nth-child(even) > div li:before { background:#046b40; }
.list_type1 > li > div { display: flex; align-items: center; flex-wrap: wrap; width:calc(100% - 300px); padding-left:55px;
font-size:17px; line-height: 36px; word-break: keep-all; }
.list_type1 > li > div li { position:relative; padding-left:9px; font-size:16px; font-weight: 300; }
.list_type1 > li > div li:before { content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:3px; height:3px;
background:#910023; }

.box_type1 > li { position:relative; padding:55px 65px 40px; margin-bottom: 25px; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.07);
background:#fff; line-height: 1; }
.box_type1 > li:last-child { margin-bottom: 0; }
.box_type1 > li h2 { font-size:24px; }
.box_type1 > li ul { margin-top: 20px; }
.box_type1 > li li { position:relative; padding-left: 7px; font-size:16px; font-weight: 300; line-height: 36px; }
.box_type1 > li li::before { content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:3px; height:3px;
background:#046b40; }
.box_type1 > li i { position:absolute; left:0; top:0; width:50px; height: 50px; line-height: 48px; font-size:16px; background:#046b40; color:#fff;
    font-style: normal; text-align: center; transition: all .3s; }

.box_type1 > li:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:3px solid #910023; opacity: 0;
transition: all .3s; }
.box_type1 > li:hover:before { opacity: 1; }
.box_type1 > li:hover i { background:#910023; }
.box_type1 > li:hover li:before { background:#910023; }

#ru1_wrap > div:nth-child(even) { background:#faf8f8; }


/*Content CSS*/
#ru1_wrap .sub_title span { display: inline-block; margin-top: 18px; font-size:19px; color:#000; }

.s1_con .table_type tbody tr td { padding:38px 30px; text-align: left; vertical-align: top; }
.s1_con .table_line { position:relative; padding-bottom: 57px; border-bottom: 1px solid #e1d7d7; }
.s1_con .table_line::before { content:""; position:absolute; left:0; top:1px; width:515px; height: 328px; border:3px solid #910023;  }
.s1_con .img { display: flex; justify-content:space-between; margin-top: 60px; }
.s1_con .img > div { border:1px solid #e1d7d7; }

.s2_con { display: flex; justify-content: space-between; }
.s2_con .box_type1 > li { width:730px; }
.s2_con .img { display: flex; align-items: center; padding:0 15px; height: 100%; background:#fff;
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.07); }

.s3_con { display: flex; justify-content: space-between; }
.s3_con .left { width:calc(100% - 570px); }
.s3_con .right { width:500px; }
.s3_con .right .img { padding:47px 30px; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.07); }

#ru1_wrap .s3_con .sub_title { width:auto; margin:65px 0 55px; text-align:left; }
.s3_con .left_con { border-top: 2px solid #910023; }
.s3_con .left_con .table_type { margin-top: 38px; }
.s3_con .table_type thead th { font-size:14px; height: 60px; }
.s3_con .table_type tbody th { font-size:14px; font-weight: 500; }
.s3_con .table_type tbody td { font-size:14px; line-height: 53px; }
.s3_con .table_type tbody td span { font-size:12px; }
.s3_con .table_type tbody td ul { text-align: left; padding:0 33px; }
.s3_con .table_type tbody td ul li { line-height: 36px; }
.s3_con .table_type tbody td li:before { top:50%; transform: translateY(-50%); }
