@charset "utf-8";
.imgtit {background-image: url(/img/page/volunteer/bg.jpg);}
.imgtit h4 {color:#FF4A6F}
.txtbox {text-align: center;margin-top: 4rem;font-size: 20px;}
/*.steplist {display: flex;position: relative;}
.steplist:before {content:"";position:absolute;display:block;width: 81%;height:1px;background-color:#ddd;top: 50%;margin-top: 20px;left: 50%;transform: translateX(-50%);z-index: -1;}
.vol_steplist li {width:100%;display: flex;flex-direction: column;align-items: center;gap: 1rem;text-align: center;position: relative;}
.steplist li span {background-color:var(--color-main);color:#fff;display: block;padding: 0.3rem 2rem;border-radius: 2rem;text-transform: uppercase;font-size: 16px;}
.steplist li:after {content:"";position:absolute;display:block;background-image:url(/img/common/step.png);width:14px;height:14px;background-repeat: no-repeat;background-size: 100%;top: 50%;right: 0;margin-right: -7px;margin-top: 13px;}
.steplist li:last-child::after {display:none}*/

/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1600px)  {

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .volun_title {flex-wrap:wrap}
    .volun_title > span {width:100%}
    
}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    p, li, td, th {font-size:16px}
    .volun_title > span {width:100%; height:auto;}
    .volun_title > span img {width:90%;height: auto;}
    .volun_title p {font-size:17px}
    
    
}