@charset "utf-8";

/* sub0203 봉사활동 현황 */
.s0203_td{background-color: #f1f3f8;font-weight: 500;}
/* sub0203 봉사활동 현황 End */

/* sub0302 자원봉사 수여처목록(원주) */
.s0302_table .s0302_a{color:#003b91;font-weight:600;text-decoration:underline}
.s0302_table .s0302_a:hover, .s0302_table .s0302_a:focus{border:1px solid #0e233e;}
/* sub0302 자원봉사 수여처목록(원주) End*/

/* 자원봉사 참여방법 sub0402 */
.s0402_wrap {}
.s0402_wrap .borderhr{position:relative;width:100%;height:1px;margin:0 0 80px;background:#cdcdcd;}
.s0402_wrap .borderhr:after {display:block; position:relative; left:0; top:-1.5px; width:270px; height:3px; background:#0065cd; content:'';}
.s0402_wrap .step_list0402 {}
.s0402_wrap .step_list0402 ul {}
.s0402_wrap .step_list0402 ul li {position: relative;width:100%;min-height:110px;margin:0 0 85px;padding: 35px 0 35px 300px;border:6px solid #ebebeb;box-sizing:border-box;}
.s0402_wrap .step_list0402 ul li:before {display:block; position:absolute; left:300px; top:20px; bottom:20px; width:1px; height:auto; background:#ebebeb; content:'';}
.s0402_wrap .step_list0402 ul li:after {display:block;position:absolute;left:50%;bottom:-72.5px;width:40px;height:47px;margin-left: 126.5px;background:url(/images/department2/step_arr.png)no-repeat;content:'';transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.s0402_wrap .step_list0402 ul li:last-child:after {display:none;}
.s0402_wrap .step_list0402 ul li span {display:block; position:absolute; top:50%; left:0; width:300px; margin-top:-27.5px;line-height:55px; text-align:center; font-size:18px; color:#000; font-weight:700;}
.s0402_wrap .step_list0402 ul li span em{display:inline-block; width:30px; height:30px; margin-right:10px; border-radius:50%; background:#055fd1; color:#fff; text-align:center; line-height:30px; font-size:15px;}
.s0402_wrap .step_list0402 ul li p {margin:0; padding:0 20px; text-align:center;font-size: 16px;}

@media(max-width:767px){
    .s0402_wrap .step_list0402 ul li {padding:35px 10px; text-align:center;}
    .s0402_wrap .step_list0402 ul li:before {display:none;}
    .s0402_wrap .step_list0402 ul li:after {margin-left:-23.5px;}
    .s0402_wrap .step_list0402 ul li span {position:static; width:100%; margin:0 0 10px;}
}
/* //자원봉사 참여방법 sub0402 */