@charset "utf-8";

/* 경기천년제목 */
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 나눔고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 나눔스퀘어 */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

.mT25 {margin-top:25px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}
.mT60 {margin-top:60px;}
.mT80 {margin-top:80px;}
.mT100 {margin-top:100px;}

@media (min-width:1500px) {
    .volunteer {width:1250px; margin:0 auto; margin-bottom:105px;}
    .volunteer .vlt_title {border-top:1px solid #c5c5c5; border-bottom:1px dashed #c5c5c5; padding:25px 45px;}
    .volunteer .vlt_title .vlt_title_le {float:left; width:35%; margin-right:5%; height:314px; background-image:url(./img/volunteer_img.png); background-repeat:no-repeat;}
    .volunteer .vlt_title .vlt_title_ri {float:left; width:60%; padding-top:40px;}
    .volunteer .vlt_title .vlt_title_ri .vlt_Tit {font-size:23px; font-weight:700; line-height:1.87; letter-spacing:-0.46px;}
    .volunteer .vlt_title .vlt_title_ri .vlt_tit { font-size:19px; line-height:1.84; letter-spacing:-0.38px; margin-top:15px;}

    .volunteer .vlt_box {margin-top:95px;}
    .volunteer .vlt_box .vlt_T {font-size:30px; color:#464646; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .volunteer .vlt_box .vlt_T::before {content:''; display:inline-block; width:8px; height:36px; border-radius:4px; background-color:#926bb8; margin-right:6px; position:relative; top:10px;}
    .volunteer .vlt_box .vlt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.5;}

    .volunteer .list_box {margin-top:15px; border:1px solid #e7e7e7; text-align:center;}
    .volunteer .list_box ul {float:left; width:20%; padding:30px 0; border-right:1px solid #e7e7e7; position:relative;}
    .volunteer .list_box ul::after {content:''; width:32px; height:32px; background-image:url(./img/volunteer_list_go.png); background-repeat:no-repeat; position:absolute; right:-16px; top:50%; transform:translateY(-50%);}
    .volunteer .list_box ul:last-child {border-right:0;}
    .volunteer .list_box ul:last-child::after {display:none;}
    .volunteer .list_step {font-size: 15px; font-weight: 800; letter-spacing: -0.3px; color: #636363; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; margin: 15px 0;}

    .volunteer .vlt_txt {text-align:right; margin-top:45px;}
    .volunteer .vlt_txt .vlt_txt_T {font-size: 23px; font-weight: 800; color:#926bb8; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .volunteer .vlt_txt .vlt_txt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}

    .volunteer .vlt_box_05 {width:212px; margin:0 auto; border-radius:12px; text-align:center; background-color:#8b57bd; border:2px solid #8b57bd;}
    .volunteer .vlt_box_05 a {font-size:23px; font-weight:800; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; color:#fff; padding:15px 0; display:block;}
    .volunteer .vlt_box_05:hover {background-color:#fff;}
    .volunteer .vlt_box_05:hover a {color:#8b57bd;}


}

@media (max-width:1499px) and (min-width:1100px) {
    .volunteer {width:96%; margin:0 auto; margin-bottom:105px;}
    .volunteer .vlt_title {border-top:1px solid #c5c5c5; border-bottom:1px dashed #c5c5c5; padding:25px 45px;}
    .volunteer .vlt_title .vlt_title_le {float:left; width:35%; margin-right:5%; height:314px; background-image:url(./img/volunteer_img.png); background-repeat:no-repeat; background-size:100% 100%;}
    .volunteer .vlt_title .vlt_title_ri {float:left; width:60%; padding-top:40px;}
    .volunteer .vlt_title .vlt_title_ri .vlt_Tit {font-size:23px; font-weight:700; line-height:1.87; letter-spacing:-0.46px;}
    .volunteer .vlt_title .vlt_title_ri .vlt_tit { font-size:19px; line-height:1.84; letter-spacing:-0.38px; margin-top:15px;}

    .volunteer .vlt_box {margin-top:95px;}
    .volunteer .vlt_box .vlt_T {font-size:30px; color:#464646; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .volunteer .vlt_box .vlt_T::before {content:''; display:inline-block; width:8px; height:36px; border-radius:4px; background-color:#926bb8; margin-right:6px; position:relative; top:10px;}
    .volunteer .vlt_box .vlt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.5;}

    .volunteer .list_box {margin-top:15px; border:1px solid #e7e7e7; text-align:center;}
    .volunteer .list_box ul {float:left; width:20%; padding:30px 0; border-right:1px solid #e7e7e7; position:relative;}
    .volunteer .list_box ul::after {content:''; width:32px; height:32px; background-image:url(./img/volunteer_list_go.png); background-repeat:no-repeat; position:absolute; right:-16px; top:50%; transform:translateY(-50%);}
    .volunteer .list_box ul:last-child {border-right:0;}
    .volunteer .list_box ul:last-child::after {display:none;}
    .volunteer .list_step {font-size: 15px; font-weight: 800; letter-spacing: -0.3px; color: #636363; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; margin: 15px 0;}

    .volunteer .vlt_txt {text-align:right; margin-top:45px;}
    .volunteer .vlt_txt .vlt_txt_T {font-size: 23px; font-weight: 800; color:#926bb8; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .volunteer .vlt_txt .vlt_txt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}

    .volunteer .vlt_box_05 {width:212px; margin:0 auto; border-radius:12px; text-align:center; background-color:#8b57bd; border:2px solid #8b57bd;}
    .volunteer .vlt_box_05 a {font-size:23px; font-weight:800; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; color:#fff; padding:15px 0; display:block;}
    .volunteer .vlt_box_05:hover {background-color:#fff;}
    .volunteer .vlt_box_05:hover a {color:#8b57bd;}
}

@media (max-width:1099px) and (min-width:780px) {
    .volunteer {width:96%; margin:0 auto; margin-bottom:105px;}
    .volunteer .vlt_title {border-top:1px solid #c5c5c5; border-bottom:1px dashed #c5c5c5; padding:25px 0;}
    .volunteer .vlt_title .vlt_title_le {float:none; width:100%;  height:314px; background-image:url(./img/volunteer_img.png); background-repeat:no-repeat; background-size:377px 100%; background-position:center center;}
    .volunteer .vlt_title .vlt_title_ri {float:none; width:100%; padding-top:40px; text-align:center;}
    .volunteer .vlt_title .vlt_title_ri .vlt_Tit {font-size:20px; font-weight:700; line-height:1.87; letter-spacing:-0.46px;}
    .volunteer .vlt_title .vlt_title_ri .vlt_tit { font-size:18px; line-height:1.84; letter-spacing:-0.38px; margin-top:15px;}

    .volunteer .vlt_box {margin-top:95px;}
    .volunteer .vlt_box .vlt_T {font-size:26px; color:#464646; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .volunteer .vlt_box .vlt_T::before {content:''; display:inline-block; width:8px; height:36px; border-radius:4px; background-color:#926bb8; margin-right:6px; position:relative; top:10px;}
    .volunteer .vlt_box .vlt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.5;}

    .volunteer .list_box {margin-top:15px; border:1px solid #e7e7e7; text-align:center;}
    .volunteer .list_box ul {float:left; width:20%; padding:30px 0; border-right:1px solid #e7e7e7; position:relative;}
    .volunteer .list_box ul::after {content:''; width:32px; height:32px; background-image:url(./img/volunteer_list_go.png); background-repeat:no-repeat; position:absolute; right:-16px; top:50%; transform:translateY(-50%);}
    .volunteer .list_box ul:last-child {border-right:0;}
    .volunteer .list_box ul:last-child::after {display:none;}
    .volunteer .list_step {font-size: 15px; font-weight: 800; letter-spacing: -0.3px; color: #636363; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; margin: 15px 0;}

    .volunteer .scroll {overflow-x:scroll;}
    .volunteer .scroll table {width:1000px;}


    .volunteer .vlt_txt {text-align:right; margin-top:45px;}
    .volunteer .vlt_txt .vlt_txt_T {font-size: 20px; font-weight: 800; color:#926bb8; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .volunteer .vlt_txt .vlt_txt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}

    .volunteer .vlt_box_05 {width:212px; margin:0 auto; border-radius:12px; text-align:center; background-color:#8b57bd; border:2px solid #8b57bd;}
    .volunteer .vlt_box_05 a {font-size:20px; font-weight:800; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; color:#fff; padding:15px 0; display:block;}
    .volunteer .vlt_box_05:hover {background-color:#fff;}
    .volunteer .vlt_box_05:hover a {color:#8b57bd;}
    
}

@media (max-width:779px) {
    .volunteer {width:96%; margin:0 auto; margin-bottom:105px;}
    .volunteer .vlt_title {border-top:1px solid #c5c5c5; border-bottom:1px dashed #c5c5c5; padding:25px 0;}
    .volunteer .vlt_title .vlt_title_le {float:none; width:100%;  height:314px; background-image:url(./img/volunteer_img.png); background-repeat:no-repeat; background-size:320px 100%; background-position:center center;}
    .volunteer .vlt_title .vlt_title_ri {float:none; width:100%; padding-top:40px; text-align:center;}
    .volunteer .vlt_title .vlt_title_ri .vlt_Tit {font-size:18px; font-weight:700; line-height:1.87; letter-spacing:-0.46px;}
    .volunteer .vlt_title .vlt_title_ri .vlt_tit { font-size:16px; line-height:1.84; letter-spacing:-0.38px; margin-top:15px;}

    .volunteer .vlt_box {margin-top:95px;}
    .volunteer .vlt_box .vlt_T {font-size:22px; color:#464646; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .volunteer .vlt_box .vlt_T::before {content:''; display:inline-block; width:8px; height:36px; border-radius:4px; background-color:#926bb8; margin-right:6px; position:relative; top:10px;}
    .volunteer .vlt_box .vlt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.5;}

    .volunteer .list_box {margin-top:15px; border:1px solid #e7e7e7; text-align:center;}
    .volunteer .list_box ul {float:left; width:50%; padding:30px 0; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; position:relative;}
    .volunteer .list_box ul::after {content:''; width:32px; height:32px; background-image:url(./img/volunteer_list_go.png); background-repeat:no-repeat; position:absolute; right:-16px; top:50%; transform:translateY(-50%);}
    .volunteer .list_box ul:last-child { border-bottom:0;}
    .volunteer .list_box ul:last-child::after {display:none;}
    .volunteer .list_step {font-size: 15px; font-weight: 800; letter-spacing: -0.3px; color: #636363; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; margin: 15px 0;}

    .volunteer .scroll {overflow-x:scroll;}
    .volunteer .scroll table {width:1000px;}

    .volunteer .vlt_txt {text-align:right; margin-top:45px;}
    .volunteer .vlt_txt .vlt_txt_T {font-size: 18px; font-weight: 800; color:#926bb8; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .volunteer .vlt_txt .vlt_txt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}

    .volunteer .vlt_box_05 {width:212px; margin:0 auto; border-radius:12px; text-align:center; background-color:#8b57bd; border:2px solid #8b57bd;}
    .volunteer .vlt_box_05 a {font-size:18px; font-weight:800; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; color:#fff; padding:15px 0; display:block;}
    .volunteer .vlt_box_05:hover {background-color:#fff;}
    .volunteer .vlt_box_05:hover a {color:#8b57bd;}
}

/* 추가 */
@media (max-width:500px) {
 
}