@charset "utf-8";

#subWrap {overflow-x:hidden;}



/* CSS Document */
.wrap {width:100%; height:100%; min-height:1000px; background:#fff;}
header .nav:after{content:"";display:block; clear:both;}

/*서브비주얼*/
.sub_visual { position: relative; width: 100%; height:290px; margin:0 auto; background:url("../img/sub/sub_visual01.jpg") no-repeat center center; background-size:cover;}
.sub_visual img {width:100%;}
.sub_visual .sub_visual_m {display:none;}
.sub_visual h1 {max-width:1200px; margin:0 auto; color:#201f24; letter-spacing:-1.2px; font-size:45px; line-height:45px}
.sub_visual .location {max-width:1200px; margin:0 auto; font-size:13px; color:#444}
.sub_visual .location span {display:inline-block; margin:32px 0.7% 12px 0; padding-left:5px; letter-spacing:-0.5px; line-height:13px}
.sub_visual .location span:last-child {margin-right:0}

.container {width:100%;max-width:1200px; margin:0 auto;font-size:0; }


/* 페이지타이틀 현재위치 */
.location {background:#f16f6f;font-size:0;}
.location .loca_ { background: #666;position:relative;/*padding:0 0 0 21.25%*/ margin-left:255px;}
.location .loca_:after {position:absolute;content:"";right:-50%;top:0;width:100%;height:100%;background: #666;}
.location .loca_ span { display: inline-block;font-size:14px;color:#fff;vertical-align:top;line-height:50px;}
.location .loca_ span.home {background:#fff;line-height:0;}

.location .loca_ span.menu_name {padding-left:10px;}
.location .loca_ span.menu_depth {padding:0 20px 0 30px;background:url(/src/img/sub/loc_arrow.png) right center no-repeat;}

.inner_wrap {width:100%;max-width:1200px; margin:0 auto;}

/* 180731 */





.nav-left {display:inline-block;width:17.5%;padding:0;vertical-align:top;padding:70px 3.75% 0 0;}
.nav-left .sub_nav_top {height:90px;border-radius: 5px 5px 0 0;}

.sub_nav_title2 {font-size:28px;/*padding:0 0 0 24px;*/ text-align:center; letter-spacing:-2px;color:#111;font-weight:bold;}

.nav-left h1 {width:100%; height:140px; font-size:26px; color:#fff; text-align:center; line-height:140px; background: #3ba26e url("../img/sub/pattern_tit.png") repeat}
.nav-left .depth2 li {display: inline-block; position: relative; width:100%; text-indent:20px;/* height:50px;*/ line-height:50px;}
.nav-left .depth2 li:nth-last-child(1) {border-radius:0 0 5px 5px;}
.nav-left .depth2 li a {display:block; color:#666; font-size:15px; display:block; height:100%; z-index: 2;min-height:52px;;border-bottom:1px solid #ccc;box-sizing:border-box;}
.nav-left .depth2 li a i {visibility:hidden; position:absolute; top:18px; left:0px; color:#3ba26e;}
/* .nav-left .depth2 li a:hover { transition:0.3s all ease; border-left: 3px solid #3ba26e;} */
.nav-left .depth2 li a:hover i {visibility:visible; color:#f16f6f}
/*
.nav-left .depth2 li a:before {z-index: -1; content: ''; width:0; height:100%; display: block; position:absolute; top:0; left:0; background:#f3f3f3; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
.nav-left .depth2 li a:hover:before { content:''; left:0; width:100%; }
*/
.nav-left .depth2 li a.active, .nav-left .depth2 li a:hover {background:#f3f3f3;color:#111;font-weight:bold;border-bottom:2px solid #f16f6f;padding: 0 0 0 15px;box-sizing:border-box;}
.nav-left .depth2 li a.active i {visibility:visible;color:#f16f6f;}

.nav-left .depth3 {margin: 0 0 0 -21px;width: 100%;}
.nav-left .depth3 li {border:none;border-top: 1px solid #e5e5e5;}

.nav-left .depth3 li a {padding:0 0 0 40px;background:url("/src/img/sub/bullet_new.png") 45px 22px  no-repeat ;}
.nav-left .depth3 li.current a.active {padding:0 0 0 40px;background:url("/src/img/sub/bullet_new.png") 45px 22px  no-repeat #f3f3f3;}

.nav-left .cs_num_img {margin:40px auto 0;display:block;}





/* right */
.right {display:inline-block;position:relative; width:74.58%;border-left:1px solid #ccc;vertical-align:top;box-sizing:border-box;padding:70px 0 70px 3.75%;min-height:1000px;font-size:16px;}
.right .tit-sub {position:relative;/*padding-bottom: 1%;padding-top:3px;*/color:#201f24;font-size:35px;font-weight: 500;margin-bottom: 7%;line-height:35px;}
.right .content {position:relative; clear:both; width:100%; padding-bottom:5%}





/* sub common */
.sub_page {color:#111}            
.sub_inner {width:100%;max-width:900px;margin:0 auto;}


/* s0101_인사말 */
.s0101 .greeting {padding:0 0 35px 25px;border-bottom:2px solid #f16f6f;}
.s0101 .greeting .ment {font-size:35px;color:#f16f6f;}

.s0101 .con_wrap {padding:0 0 0 25px;position:relative;}
.s0101 .con_wrap p.main_txt {padding:50px 0;font-size:19px;font-weight:bold;color:#111;}
.s0101 .con_wrap p.txt {margin:0 0 30px 0;line-height:28px;font-size:17px;}
.s0101 .con_wrap .name {text-align:right;position:absolute;right:0;bottom:-150px;}
.s0101 .con_wrap .name ul {text-align:right;display:inline-block;margin:0 20px 0 0;}
.s0101 .con_wrap .name ul li {font-size:17px;margin:0 0 10px 0;}
.s0101 .con_wrap .name ul li:last-child {font-size:27px;    font-family: "NanumMyeongjo";font-weight: bold;letter-spacing:10px;}


@media all and (max-width:768px){
.s0101 .sub_inner {width:95%;}
.s0101 br {display:none;}
.s0101 .greeting {padding-left:0;}
.s0101 .con_wrap {padding:0;}
.s0101 .con_wrap .name {position:static;text-align:center;margin:50px 0 0 0;}
.s0101 .con_wrap .name ul li:last-child {margin:0 0 30px 0;}
}

/* s0102_연혁 */
.s0102 .con_wrap {font-size:0;margin:0 0 30px 0;}
.s0102 .con_wrap .history_sec {display:inline-block;vertical-align:top;}
.s0102 .con_wrap .history_y {border-top:2px solid #f16f6f;font-weight:bold;font-size:30px;color:#f16f6f;width:24.71%;margin:0 5.1% 0 0;text-align:center;padding:5px 0 0 0;position:relative;}
.s0102 .con_wrap .history_y:after {position:absolute;content:"";background:url(/src/img/sub/history_arrow.jpg) center center no-repeat;width:23px;height:23px;right:-31px;}
.s0102 .con_wrap .history_detail {border-top:2px solid #eee;width:70.11%;padding:15px 0 0 0;}
.s0102 .con_wrap .history_detail ul li {padding:0 0 0 20px;position:relative;font-size:16px;margin:0 0 10px 0;}
.s0102 .con_wrap .history_detail ul li:before {position:absolute;content:"";background:#f16f6f;top:10px;left:0;width:5px;height:5px;border-radius:50%;}
.s0102 .con_wrap .history_detail ul li span.date {color:#222;font-weight:bold;display:inline-block;padding:0 20px 0 0;}

@media all and (max-width:1024px){

.s0102 .con_wrap .history_y:after {display:none;}

}

@media all and (max-width:768px){
	
	.sub_visual {background:none;height:auto;font-size:0;}
	.sub_visual_m {display:block!important;}
	.location .loca_:after {display:none;}
	
	
.s0102 .con_wrap {margin:0 0 50px 0;}
.s0102 .con_wrap .history_sec {display:block;width:100%;}
.s0102 .con_wrap .history_y {padding:10px 0 ;}
.s0102 .con_wrap .history_detail ul {padding:0;}

}

@media all and (max-width:425px){
.s0102 .con_wrap .history_detail ul li span.con {display:block;}

}

/* s0103_연혁 */
.s0103 .con_wrap {font-size:0;margin:0 0 30px 0;}
.s0103 .con_wrap p.tit {font-size:23px;text-align:center;}
.s0103 .con_wrap .org_img {width:100%;/* max-width:795px; */margin: 70px auto 30px auto;}

.s0103 .con_wrap .con_tbl{margin:32px auto;width:100%}
.s0103 .con_wrap .con_tbl th{font-size:18px;font-weight:600;padding:16px;border-bottom:1px solid #ccc;border-top:2px solid #f16f6f;}
.s0103 .con_wrap .con_tbl td{font-size:16px;border-bottom:1px solid #ccc;text-align:center;padding:20px 8px;line-height:24px;}
.s0103 .con_wrap .con_tbl td:last-child {text-align:left;}

/*s0104 미션비전*/
.s0104 {}
.s0104 .sub_inner {font-size:0;}
.s0104 .con_wrap {background:#fff;}
.s0104 .con_wrap .list {font-size:0;}
.s0104 .con_wrap .list li {display:inline-block;box-sizing:border-box;background:#fff;border-radius:10px;border:1px solid #ccc;width:48%;margin:0 2% 0 0;text-align:center;padding:20px;vertical-align:top;}
.s0104 .con_wrap .list li:last-child {margin:0;}
.s0104 .con_wrap .list li span {font-size:16px;display:block;word-break: keep-all;line-height: 24px;}
.s0104 .con_wrap .list li span.sp_icon {background:url(/src/img/sub/s0104_sp_icon.png)0 0 no-repeat;width:120px;height:120px;margin:0 auto;}

.s0104 .con_wrap .list li:nth-child(2) span.sp_icon {background-position:-120px 0;}


.s0104 .con_wrap .list li span.tit {font-size:22px;font-weight:600;padding:10px 0;} 

/* s0105_오시는길 */
.s0105 .con_wrap {background: #f1f1f1;/* font-family:"gulim"; */margin: 0 0 32px 0;}
.s0105 .con_wrap .map_wrap {display:block;margin:0 auto;}
.s0105 .con_wrap .map_wrap #daumRoughmapContainer1571726392046 {display:block;margin:0 auto;width:95%;border:none;}
.s0105 ul.place_info {padding: 20px 40px;}
.s0105 ul.place_info li {font-size: 17px;margin:0 0 5px 0;}
.s0105 ul.place_info li .sprite {width:25px;height:25px;background:url(/src/img/sub/map_icon_sprite.png) 0 0 no-repeat;display:inline-block;vertical-align:middle;}
.s0105 ul.place_info li:nth-child(2) .sprite {background-position:0 -25px;}
.s0105 ul.place_info li:nth-child(3) .sprite {background-position:0 -50px;}

.s0105 .con_wrap.info {background:none;}
.s0105 .con_wrap.info .map_detail.bus {/* margin:0 0 50px 0; */}
.s0105 .con_wrap.info .map_detail.bus .map_sec {/* min-height:950px; */}
.s0105 .con_wrap.info .map_detail.bus .left {border-bottom:2px solid #f16f6f;}
.s0105 .con_wrap.info .map_detail.bus .con {border-bottom:2px solid #dadada;}

.s0105 .con_wrap .map_sec {display:inline-block;padding:25px 0;vertical-align:top;}
.s0105 .con_wrap .left {border-top:2px solid #f16f6f;width:17.14%;}
.s0105 .con_wrap .left span.tit {padding:0 0 0 15px;}

.s0105 .con_wrap .con {border-top:2px solid #dadada;width:81.48%;}
.s0105 .con_wrap .con span.tit {padding:0 0 0 30px;}

.s0105 .con_wrap .map_sec span {display:block;font-weight:bold;font-size: 17px;}

.s0105 .con_wrap .con_detail {padding:0 0 0 30px;margin:0 0 20px 0;}
.s0105 .con_wrap .con_detail span.tit {padding:0;}
.s0105 .con_wrap .con_detail ul {margin:10px 0 0 0;}
.s0105 .con_wrap .con_detail ul li span.line {font-size:15px;color:#111;font-weight:lighter;}
.s0105 .con_wrap .con_detail ul li span {color:#fff;display:inline-block;font-size:13px;padding:3px 5px;font-family:"gulim"}
.s0105 .con_wrap .con_detail ul li span.line_num_1 {background:#3756a6;}
.s0105 .con_wrap .con_detail ul li span.line_num_2 {background:#4b962d;}
.s0105 .con_wrap .con_detail ul li span.line_num_3 {background:#cb1017;}
.s0105 .con_wrap .con_detail ul li span.line_num_4 {background:#8e9483;}

@media all and (max-width:1024px){
.s0105 .map_sec {width:100%!important;} 
.s0105 .con_wrap.info .map_detail.bus .map_sec {min-height:0;}
.s0105 .con_wrap.info .map_detail.bus .left {border-bottom:none;}
.s0105 .con_wrap.info .map_detail.bus .con {border-bottom:none}

}

@media all and (max-width:768px){
.s0105 .con_wrap .con_detail {padding:0 0 0 10px;margin:0 0 20px 0;}
.s0105 .con_wrap .con_detail ul li {margin:0 0 5px 0;}
.s0105 .con_wrap .con_detail ul li span:nth-child(1) {width:100%;max-width:50px;display:block;text-align:center;border-radius:3px;}

}


/* s0203_동자원봉사캠프 */
.s0203 .con_wrap {margin:0 0 45px 0;}
.s0203 .con_wrap h2.tit {font-size:20px;color:#f05151;padding:0 0 0 35px;background:url(/src/img/sub/main_bullet.png) left bottom no-repeat;margin:0 0 20px 0;}
.s0203 .con_wrap p.exp {font-size:16px;line-height:28px;padding:0 0 0 30px;}
.s0203 .con_wrap p.txt {font-size:16px;padding:0 0 0 30px;}
.s0203 .con_wrap ul.detail {padding:0 0 0 30px;}
.s0203 .con_wrap ul.detail li {margin:0 0 10px 0;padding:0 0 0 15px;position:relative;}
.s0203 .con_wrap ul.detail li:before {position:absolute;content:"";left:0;top:9px;width:5px;height:5px;background:#5f9f7e;border-radius:50%;}

.s0203 .con_wrap .camp_tbl {width:calc(100% - 30px);text-align:center;margin:20px auto 0;padding:0 0 0 30px;float:right;font-size:16px;}
.s0203 .con_wrap .camp_tbl th, .s0203 .con_wrap .camp_tbl td {padding:10px;border:1px solid #eee;}
.s0203 .con_wrap .camp_tbl th:first-child, .s0203 .con_wrap .camp_tbl td:first-child {border-left:none;}
.s0203 .con_wrap .camp_tbl th:last-child, .s0203 .con_wrap .camp_tbl td:last-child {border-right:none;}

.s0203 .con_wrap .camp_tbl th {border-top:2px solid #f16f6f;font-weight:bold;}



/* s0204_명예의전당 */
.s0204 .con_wrap {padding:0 0 0 20px;margin:0 0 50px 0;}
.s0204 .con_wrap h2.tit {font-size:25px;color:#4344a2;padding:0 0 0 30px;background:url(/src/img/sub/medal_bullet.png) left bottom no-repeat;}
.s0204 .con_wrap p.sub_tit {background:url(/src/img/sub/sub_bullet.png) left 7px no-repeat;padding:0 0 0 30px;margin:20px 0 0 0;font-size:20px;font-weight:bold;}


.s0204 .prize_list {padding:30px 0;border-bottom:1px solid #eee;font-size:0;}
.s0204 .prize_list .prize_sec {vertical-align:middle;display:inline-block;}
.s0204 .prize_list .cup_img {background:url(/src/img/sub/cup_img.png) center center no-repeat;width:25%;max-width:200px;height:160px;}
.s0204 .prize_list .prize_detail {display:inline-block;width:62.5%;margin:0 0 0 2.5%}
.s0204 .prize_list .prize_detail .prize_tbl {font-size:16px;width:100%;letter-spacing:-1px;}
.s0204 .prize_list .prize_detail .prize_tbl th {text-align:left;padding:0 0 0 20px;position:relative;letter-spacing:-1px;vertical-align:top;}
.s0204 .prize_list .prize_detail .prize_tbl th:before {position:absolute;content:"";width:5px;height:5px;background:#f16f6f;left:0;top:8px;border-radius:50%;}
.s0204 .prize_list .prize_detail .prize_tbl th:after {position:absolute;content:":";width:5px;height:5px;right:0;}

.s0204 .prize_list .prize_detail .prize_tbl tr:nth-child(2) th {letter-spacing:0px;}
.s0204 .prize_list .prize_detail .prize_tbl td {padding:0 0 5px 10px;}

@media all and (max-width:768px){
.s0204 .sub_inner {width:98%;}
.s0204 .con_wrap {padding:0;}
.s0204 .hide {display:none;}
.s0204 .prize_list .cup_img {display:block;margin:0 auto 30px!important;}
.s0204 .prize_list .prize_sec {width:100%;margin:0;}
.s0204 .prize_list .prize_detail .prize_tbl colgroup {display:none;}
.s0204 .prize_list .prize_detail .prize_tbl th {letter-spacing:0;display:inline-block;padding:0 0px 0 15px;font-weight:bold;}
.s0204 .prize_list .prize_detail .prize_tbl th:after {display:none;}
.s0204 .prize_list .prize_detail .prize_tbl td {display:block;padding:5px 0 15px 15px}
}



/* s0301_자원봉사란? */
.s0301 .con_wrap {margin:0 0 45px 0;}
.s0301 .con_wrap h2.tit {font-size:20px;color:#f05151;padding:0 0 0 35px;background:url(/src/img/sub/main_bullet.png) left bottom no-repeat;margin:0 0 20px 0;}
.s0301 .con_wrap p.exp {font-size:16px;line-height:28px;padding:0 0 0 30px;font-weight:bold;}
.s0301 .con_wrap p.txt {font-size:16px;padding:0 0 0 30px;font-weight:bold;}
.s0301 .con_wrap ul.detail {padding:0 0 0 30px;}
.s0301 .con_wrap ul.detail li {margin:0 0 10px 0;padding:0 0 0 15px;position:relative;}
.s0301 .con_wrap ul.detail li:before {position:absolute;content:"";left:0;top:9px;width:5px;height:5px;background:#5f9f7e;border-radius:50%;}


.s0301 .con_wrap ul.kind {padding:10px 0 0 40px;font-size:0;}
.s0301 .con_wrap ul.kind li {width:21%;display:inline-block;text-align:center;vertical-align:top;margin:0 4% 0 0;}
.s0301 .con_wrap ul.kind li:nth-child(4) {margin:0;}
.s0301 .con_wrap ul.kind li .sprite {width:90px;height:90px;background:url(/src/img/sub/vol_kind_sprite.png) 0 0 no-repeat;display:block;margin:0 auto;}
.s0301 .con_wrap ul.kind li:nth-child(2) .sprite {background-position: -90px 0;}
.s0301 .con_wrap ul.kind li:nth-child(3) .sprite {background-position: -180px 0;}
.s0301 .con_wrap ul.kind li:nth-child(4) .sprite {background-position: -270px 0;}
.s0301 .con_wrap ul.kind li span {display: block;}    
.s0301 .con_wrap ul.kind li span.kind_tit {font-weight:bold;font-size:18px;color:#767676;margin:15px 0;}
.s0301 .con_wrap ul.kind li span.exp {font-size:12px;color:#111;line-height:20px;}


.s0301 .con_wrap ul.step {padding:10px 0 0 30px;font-size: 0;}
.s0301 .con_wrap ul.step li {text-align:center;display:inline-block;width:16.6%;position:relative;}
.s0301 .con_wrap ul.step li:after {position:absolute;content:"";width:11px;height:13px;background:url(/src/img/sub/vol_step_arrow.png) center center no-repeat;right:0;top:50%;transform:translateY(-50%)}
.s0301 .con_wrap ul.step li:last-child:after {display:none;}
.s0301 .con_wrap ul.step li .sprite {width:85px;height:85px;background:url(/src/img/sub/vol_step_sprite.png) 0 0 no-repeat;display:block;margin:0 auto;}
.s0301 .con_wrap ul.step li:nth-child(2) .sprite {background-position: -85px 0;}
.s0301 .con_wrap ul.step li:nth-child(3) .sprite {background-position: -170px 0;}
.s0301 .con_wrap ul.step li:nth-child(4) .sprite {background-position: -255px 0;}
.s0301 .con_wrap ul.step li:nth-child(5) .sprite {background-position: -340px 0;}
.s0301 .con_wrap ul.step li:nth-child(6) .sprite {background-position: -425px 0;}

.s0301 .con_wrap ul.step li span {display:block;}
.s0301 .con_wrap ul.step li span.step_cnt {font-weight:bold;color:#f16f6f;font-size:10px;margin:10px 0 5px 0;}
.s0301 .con_wrap ul.step li span.exp {font-weight:bold;color:#666;font-size:16px;}


@media all and (max-width:768px){



.s0301 .con_wrap p.exp {padding:0 0 5px 15px;}    
.s0301 .con_wrap ul.detail {padding:0 0 0 15px;}    

.s0301 .con_wrap ul.step {padding:20px 0 0 0;}
.s0301 .con_wrap ul.step li {width:30%;margin:0 0 30px 0;}

.s0301 .con_wrap ul.kind {padding:20px 0 0 0;width:95%;margin:0 auto;}
.s0301 .con_wrap ul.kind li {width:50%;margin:0 0 40px 0;}
}


@media all and (max-width:425px){
.s0301 .con_wrap ul.step li {width:50%;}
.s0301 .con_wrap ul.step li:after {display:none;}

.s0301 .con_wrap ul.kind li {width:100%}

}



/* s0302_자원봉사단체란? */
.s0302 .con_wrap {margin:0 0 45px 0;}
.s0302 .con_wrap h2.tit {font-size:20px;color:#f05151;padding:0 0 0 35px;background:url(/src/img/sub/main_bullet.png) left bottom no-repeat;margin:0 0 20px 0;}
.s0302 .con_wrap p.exp {font-size:16px;line-height:28px;padding:0 0 0 30px;}
.s0302 .con_wrap p.txt {font-size:16px;padding:0 0 0 30px;}


.s0302 .con_wrap ul.apply {padding:0 0 0 30px;}
.s0302 .con_wrap ul.apply li {background:#f5f5f5;border-radius:10px;display:inline-block;width:30%;text-align:center;padding:30px 0;margin:0 2% 0 0;}
.s0302 .con_wrap ul.apply li:nth-child(3) {margin:0;}
.s0302 .con_wrap ul.apply li .sprite {width:80px;height:80px;background:url(/src/img/sub/apply_sprite.png) 0 0 no-repeat #f5f5f5;display:block;margin:0 auto;}
.s0302 .con_wrap ul.apply li:nth-child(2) .sprite {background-position:-80px 0;}
.s0302 .con_wrap ul.apply li:nth-child(3) .sprite {background-position:-160px 0;}

.s0302 .con_wrap ul.apply li span.tit {font-weight:bold;color:#767676;font-size:15px;}
.s0302 .con_wrap .vol_tbl {width:calc(100% - 30px);text-align:center;margin:20px auto 0;padding:0 0 0 30px;border-top:2px solid #f3a4a4;border-bottom:2px solid #666;}
.s0302 .con_wrap .vol_tbl th, .s0302 .con_wrap .vol_tbl td {padding:10px;border:1px solid #eee;border-left:none;border-right:none;}
.s0302 .con_wrap .vol_tbl th {vertical-align:middle;font-weight:bold;}
.s0302 .con_wrap .vol_tbl td {text-align:left;padding:40px 0;position:relative;}
.s0302 .con_wrap .vol_tbl td ul.txt li {margin:0 0 10px 0;}
.s0302 .con_wrap .vol_tbl td a.down_btn {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px;display:block;text-align:center;padding:10px 30px;background: #666;color:#fff;border-radius:25px;text-shadow:0 1px 0px #353535;}


@media all and (max-width:1024px){
.s0302 .con_wrap ul.apply {padding:0;font-size:0;}
.s0302 .con_wrap ul.apply li {width:32%;}
.s0302 .con_wrap .vol_tbl {padding:0;width:100%;}
}

@media all and (max-width:768px){
.s0302 .con_wrap ul.apply {width:95%;margin:0 auto;}
.s0302 .con_wrap .vol_tbl {padding:0;width:95%;margin:20px auto;}
.s0302 .con_wrap .vol_tbl colgroup {display:none;}
.s0302 .con_wrap .vol_tbl td a.down_btn {position:relative;transform:none;}
.s0302 .con_wrap .vol_tbl th, .s0302 .con_wrap .vol_tbl td {display:block;border-bottom:none;}
.s0302 .con_wrap .vol_tbl th {padding:20px 0 0;}
.s0302 .con_wrap .vol_tbl td {border-top:none;}
}






/* s0303_자원봉사수요처란? */
.s0303 .con_wrap {margin:0 0 45px 0;}
.s0303 .con_wrap h2.tit {font-size:20px;color:#f05151;padding:0 0 0 35px;background:url(/src/img/sub/main_bullet.png) left bottom no-repeat;margin:0 0 20px 0;}
.s0303 .con_wrap p.exp {font-size:16px;line-height:28px;padding:0 0 0 30px;}

.s0303 .con_wrap .demander_tbl {font-size:13px;width:calc(100% - 20px);margin:0 0 0 10px;}
.s0303 .con_wrap .demander_tbl th {color:#fff;background:#666;vertical-align:middle;border:1px solid #eee;}
.s0303 .con_wrap .demander_tbl td {vertical-align:middle;border:1px solid #eee;line-height:23px;}
.s0303 .con_wrap .demander_tbl tr td:nth-last-child(2) {text-align:center;padding:20px 0;}
.s0303 .con_wrap .demander_tbl tr td:nth-last-child(1) {padding:20px 0 20px 25px;border-right:none;}

.s0303 .con_wrap ul.apply {font-size:0;width:100%;max-width:800px;margin:0 auto}
.s0303 .con_wrap ul.apply li {background:#f5f5f5;border-radius:10px;display:inline-block;width:23.5%;text-align:center;padding:30px 0;margin:0 2% 0 0;}

.s0303 .con_wrap ul.apply li .sprite {width:80px;height:80px;background:url(/src/img/sub/apply_sprite.png) 0 0 no-repeat #f5f5f5;display:block;margin:0 auto;}
.s0303 .con_wrap ul.apply li:nth-child(2) .sprite {background-position:-80px 0;}
.s0303 .con_wrap ul.apply li:nth-child(3) .sprite {background-position:-240px 0;}
.s0303 .con_wrap ul.apply li:nth-child(4) .sprite {background-position:-160px 0;}
.s0303 .con_wrap ul.apply li:last-child {margin:0;}
.s0303 .con_wrap ul.apply li span.tit {font-weight:bold;color:#767676;font-size:15px;}

.s0303 .con_wrap .apply_tbl {width:100%;max-width:850px;margin:0 auto; text-align:center;margin:20px auto 0;border-top:2px solid #f3a4a4;border-bottom:2px solid #666;}
.s0303 .con_wrap .apply_tbl th, .s0303 .con_wrap .apply_tbl td {padding:10px;border:1px solid #eee;border-left:none;border-right:none;vertical-align:middle;}
.s0303 .con_wrap .apply_tbl th {vertical-align:middle;}
.s0303 .con_wrap .apply_tbl td {text-align:left;padding:40px 0;position:relative;}
.s0303 .con_wrap .apply_tbl td a.down_btn {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px;display:block;text-align:center;padding:10px 30px;background: #666;color:#fff;border-radius:25px;text-shadow:0 1px 0px #353535;}
.s0303 .con_wrap .apply_tbl td span.remark {display:block;margin:20px 0 0 0;line-height:28px;}

@media all and (max-width:1024px){
.s0303 .con_wrap ul.apply {padding:0;font-size:0;}
.s0303 .con_wrap .apply_tbl {padding:0;width:100%;}
}

@media all and (max-width:768px){
.s0303 .con_wrap ul.apply {width:95%;margin:0 auto;}
.s0303 .con_wrap ul.apply li {width:49%;margin:0;}
.s0303 .con_wrap ul.apply li:nth-child(2n-1) {margin:0 2% 2% 0;}

.s0303 .con_wrap .apply_tbl {padding:0;width:95%;margin:20px auto;}
.s0303 .con_wrap .apply_tbl colgroup {display:none;}
.s0303 .con_wrap .apply_tbl td a.down_btn {position:relative;transform:none;margin:20px 0 0 0;}
.s0303 .con_wrap .apply_tbl th, .s0303 .con_wrap .apply_tbl td {display:block;border-bottom:none;}
.s0303 .con_wrap .apply_tbl th {padding:20px 0 0;}
.s0303 .con_wrap .apply_tbl td {border-top:none;}
}

@media all and (max-width:425px){
.s0303 .con_wrap ul.apply li {width:100%;margin:0 0 2% 0;}
}




/* s0304_자원봉사상해보험 */
.s0304 .con_wrap {margin:0 0 45px 0;}
.s0304 .con_wrap h2.tit {font-size:20px;color:#f05151;padding:0 0 0 35px;background:url(/src/img/sub/main_bullet.png) left bottom no-repeat;margin:0 0 20px 0;}
.s0304 .con_wrap p.exp {font-size:16px;line-height:28px;padding:0 0 0 30px;}
	
.s0304 .con_wrap ul.detail {padding:0 0 0 30px;}
.s0304 .con_wrap ul.detail li {margin:0 0 10px 0;padding:0 0 0 15px;position:relative;}
.s0304 .con_wrap ul.detail li:before {position:absolute;content:"";left:0;top:9px;width:5px;height:5px;background:#5f9f7e;border-radius:50%;}

.s0304 .con_wrap ul.apply {font-size:0;width:100%;max-width:800px;margin:0 auto}
.s0304 .con_wrap ul.apply li {background:#f5f5f5;border-radius:10px;display:inline-block;width:19.2%;text-align:center;padding:30px 0;margin:0 1% 0 0;}

.s0304 .con_wrap ul.apply li .sprite {width:50px;height:50px;background:url(/src/img/sub/insure_sprite.png) 0 0 no-repeat #f5f5f5;display:block;margin:0 auto;}
.s0304 .con_wrap ul.apply li:nth-child(2) .sprite {background-position:-50px 0;}
.s0304 .con_wrap ul.apply li:nth-child(3) .sprite {background-position:-100px 0;}
.s0304 .con_wrap ul.apply li:nth-child(4) .sprite {background-position:-150px 0;}
.s0304 .con_wrap ul.apply li:nth-child(5) .sprite {background-position:-200px 0;}
.s0304 .con_wrap ul.apply li:last-child {margin:0;}
.s0304 .con_wrap ul.apply li span.tit {font-weight:bold;color:#767676;font-size:15px;display:block;margin:5px 0 0 0;}
	
	
	

.s0304 .con_wrap .apply_tbl {width:100%;max-width:850px;margin:0 auto; text-align:center;margin:20px auto 0;border-top:2px solid #f3a4a4;border-bottom:1px solid #666;}
.s0304 .con_wrap .apply_tbl th, .s0304 .con_wrap .apply_tbl td {padding:10px 0 10px 35px;border:1px solid #eee;border-left:none;border-right:none;vertical-align:middle;border-bottom:none;}
.s0304 .con_wrap .apply_tbl th {vertical-align:middle;text-align:left;font-weight:bold;}
.s0304 .con_wrap .apply_tbl td {text-align:left;}
.s0304 .con_wrap .apply_tbl td span.remark {display:block;margin:20px 0 0 0;line-height:28px;}

	

	
@media all and (max-width:1024px){
.s0304 .con_wrap ul.apply {padding:0;font-size:0;}
.s0304 .con_wrap .apply_tbl {padding:0;width:100%;}
}

@media all and (max-width:768px){
.s0304 .con_wrap ul.apply {width:95%;margin:0 auto;}
.s0304 .con_wrap ul.apply li {width:49%;margin:0;}
.s0304 .con_wrap ul.apply li:nth-child(2n-1) {margin:0 2% 2% 0;}
    
.s0304 .con_wrap .apply_tbl {padding:0;width:95%;margin:20px auto;}
				.s0304 .con_wrap .apply_tbl colgroup {display:none;}
.s0304 .con_wrap .apply_tbl td a.down_btn {position:relative;transform:none;margin:20px 0 0 0;}
.s0304 .con_wrap .apply_tbl th, .s0304 .con_wrap .apply_tbl td {display:block;border-bottom:none;padding-left:0;}

.s0304 .con_wrap .apply_tbl td {border-top:none;}
}

@media all and (max-width:425px){
.s0304 .con_wrap ul.apply li {width:100%;margin:0 0 2% 0;}
}
	



/* s0305_자원봉사인센티브 */
.s0305 .con_wrap {margin:0 0 45px 0;}
.s0305 .con_wrap h2.tit {font-size:20px;color:#f05151;padding:0 0 0 35px;background:url(/src/img/sub/main_bullet.png) left bottom no-repeat;margin:0 0 20px 0;}
.s0305 .con_wrap p.exp {font-size:16px;line-height:28px;padding:0 0 0 30px;}
.s0305 .con_wrap p.sub_tit {font-size:16px;line-height:28px;padding:0 0 0 30px;margin:15px 0 5px 0;font-weight:bold;}

.s0305 .con_wrap ul.detail {padding:0 0 0 30px;}
.s0305 .con_wrap ul.detail li {margin:0 0 10px 0;padding:0 0 0 15px;position:relative;}
.s0305 .con_wrap ul.detail > li:before {position:absolute;content:"";left:0;top:9px;width:5px;height:5px;background:#5f9f7e;border-radius:50%;}

.s0305 .con_wrap .benefit_tbl {font-size:16px;width:100%;max-width:850px;margin:10px auto 40px;border-top:2px solid #f16f6f;border-bottom:1px solid #666;}
.s0305 .con_wrap .benefit_tbl td {text-align:center;border:1px solid #eee;border-left:none;border-right:none;padding:20px 0;border-bottom:none;line-height:28px;vertical-align:middle;}
.s0305 .con_wrap .benefit_tbl td:nth-child(1) {text-align:left;padding:25px 0 25px 60px;}
.s0305 .con_wrap .benefit_tbl td span.remark {font-size:14px;color:#f16f6f;display:block;}
.s0305 .con_wrap ul.detail li ul.benefit {margin:10px 0 0 0;}

.s0305 a.more_btn {display:inline-block;font-size:12px;color:#fff;background:url(/src/img/sub/more_btn_arrow.png) 93% center no-repeat #666;padding:15px 30px;border-radius:10px;width:100%;max-width:230px;margin:15px 0 0 25px;}

@media all and (max-width:768px){
.s0305 .con_wrap p.exp {padding:0 0 0 15px;}	
.s0305 .con_wrap p.sub_tit {padding:0 0 0 15px;}
.s0305 .con_wrap ul.detail {padding:0 0 0 15px;}
.s0305 .con_wrap .benefit_tbl {width:95%;}
.s0305 .con_wrap .benefit_tbl td {padding:25px 0!important;}
.s0305 .con_wrap .benefit_tbl td br {display:none;}
}






/* guide_1365 */
.guide .sub_inner {width:100%;max-width:870px;}

.guide .con_wrap ul.detail {margin:10px 0 0 0;padding:0 0 0 5px;}
.guide .con_wrap ul.detail li {margin:0 0 10px 0;padding:0 0 0 15px;position:relative;}
.guide .con_wrap ul.detail li:before {position:absolute;content:"";left:0;top:9px;width:5px;height:5px;background:#5f9f7e;border-radius:50%;}

.guide .con_wrap  {margin:0 0 30px 0;}
.guide .con_wrap .guide_wrap {border:3px solid #666;box-sizing:border-box;}
.guide .con_wrap .tit_wrap {background: #666;padding:10px 0;}
.guide .con_wrap .tit_wrap span.tit {font-size:16px;color:#fff;background: #666;line-height:20px;}
.guide .con_wrap .tit_wrap span {display:inline-block;vertical-align:top;}
.guide .con_wrap img {width:100%;}

.guide .con_wrap .tit_wrap span.num {background:url(/src/img/sub/num_sprite.png) 0 0 no-repeat;width:20px;height:20px;margin:0 10px;}
.guide .con_wrap .step2 .tit_wrap span.num {background-position:-20px 0;}
.guide .con_wrap .step3 .tit_wrap span.num {background-position:-40px 0;}
.guide .con_wrap .step4 .tit_wrap span.num {background-position:-60px 0;}
.guide .con_wrap .step4-1 .tit_wrap span.num {background-position:-100px 0;;width:35px;height:20px;}
.guide .con_wrap .step5 .tit_wrap span.num {background-position:-80px 0;}


/*교육안내*/

.s0601 .con_wrap {margin:0 0 45px 0;}
.s0601 .con_wrap h2.tit {font-size:20px;color:#f05151;padding:10px 0 0 35px;background:url(/src/img/sub/main_bullet.png) left bottom no-repeat;margin:0 0 20px 0;}

.s0601 .con_wrap .apply_tbl {padding:10px;border: 1px solid #666;/* width: 100%; */}
.s0601 .con_wrap .apply_tbl th{
    border: 1px solid #666; border-top: 2px solid #f05151; padding: 10px 0; border-bottom: 2px solid #f05151; background: #ffcece;}
.s0601 .con_wrap .apply_tbl td { border: 1px solid #666; text-align: center;}
.s0601 .con_wrap .apply_tbl td:nth-of-type(3) {text-align: left; padding: 5px 10px;}
.s0601 .con_wrap .apply_tbl td:nth-of-type(4) {text-align: left; padding: 5px 10px;}

.s0601 .con_wrap .exp li { line-height: 30px;}
.s0601 .con_wrap ul.apply {padding:0 0 0 30px;}
.s0601 .con_wrap ul.apply li {background: #e6e6e6;border-radius:10px;display:inline-block;width: 19%;text-align:center;padding: 30px 0;/* margin-left: 10px; */}
.s0601 .con_wrap ul.apply li:nth-child(3) {margin:0;}
.s0601 .con_wrap .exp ul.apply li .sprite {width:50px;height:50px;background:url(http://dgvc1365.or.kr/src/img/sub/s0601_icon.png) 0 0 no-repeat;display:block;margin:0 auto;}
.s0601 .con_wrap ul.apply li:nth-child(2) .sprite {background-position:-50px 0;}
.s0601 .con_wrap ul.apply li:nth-child(3) .sprite {background-position:-100px 0;}
.s0601 .con_wrap ul.apply li:nth-child(4) .sprite {background-position:-150px 0;}
.s0601 .con_wrap ul.apply li:nth-child(5) .sprite {background-position:-200px 0;}

.s0601 .con_wrap ul.apply li span.tit {font-weight:bold;color:#767676;font-size:15px;}



@media all and (max-width:1024px){
.s0601 .con_wrap .apply_tbl {padding:0;width:100%;}
.s0601 .con_wrap ul.apply li { width: 30%; margin: 5px 0; }
}

@media all and (max-width:768px){
.s0601 .con_wrap ul.apply li { width: 48%;}
}

@media all and (max-width:450px){
.s0601 .con_wrap ul.apply li {width: 100%; display: block; }
}



/*온라인소양교육*/

.s0602 .con_wrap {margin:0 0 20px 0;}
.s0602 .con_wrap h2.tit {font-size:20px;color:#f05151;padding:0 0 0 35px;background:url(/src/img/sub/main_bullet.png) left bottom no-repeat;margin:0 0 20px 0;}  

.s0602 .con_wrap .con_icon {display: inline-block;width: 32%; vertical-align:top; text-align: center; padding: 10px 0; border: 1px solid #ddd;}
.s0602 .con_btn { display: inline-block;  }
.s0602 .con_btn a{ display: block; padding: 10px;  width: 250px; border: 1px solid #ddd; text-align: center; background: #666; color: #fff;}
.s0602 .con_btn a:hover{ background-color:#f05151;}

.s0602 .con_wrap .list li { padding: 10px;}
.s0602 .con_wrap .con_tbl { border: 1px solid #ddd;}
.s0602 .con_wrap .con_tbl th {background: #888; color: #fff; padding: 10px; border: 1px solid #ddd;}
.s0602 .con_wrap .con_tbl td {border: 1px solid #ddd; text-align: center; line-height: 30px;}
.s0602 .con_wrap .con_tbl td:nth-of-type(3) {text-align: left; padding: 0 10px;}




@media all and (max-width:1024px){
.s0602 .con_wrap .con_tbl {padding:0;width:100%;}
}

@media all and (max-width:768px){
.s0602 .con_wrap .con_icon {width: 100%;}
.s0602 .con_btn { display: block; width: 100%;}
.s0602 .con_btn a { width: 100%;}
.s0602 .con_wrap .con_tbl td { font-size: 14px; line-height: 24px;}
}

@media all and (max-width:450px){
.s0602 .con_wrap .list li { padding: 15px 0;}
}








/* 사이트맵 */
.sitemap dl:after, .sitemap dl:before {content:''; clear:both; display:block;}
.sitemap dl {line-height:40px; text-align:center}
.sitemap dt {float:left; clear:both; width:120px; margin-bottom:35px; margin-right:3%; border-top:2px solid #09abcd;  }
.sitemap dt a {display:block; font-weight:550; font-size:18px; color:#222; }
.sitemap dd {float:left; width:110px; margin-right:1.5%; border:1px solid #bdbdbd; }
.sitemap dd a {display:block; color:#555; font-size:14px}
.sitemap dd:hover {background-color:#09abcd; border-color:#09abcd; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -o-transition:background 0.3s; -ms-transition:background 0.3s;}
.sitemap dd:hover a {color:#fff; }
.privacy {line-height: 26px; font-size: 14px;}
.privacy h1 {margin-bottom: 3%; font-weight: 500; font-size:24px;}
.privacy .con {margin-bottom: 4%; padding:1%; background: url("../img/sub/pattern_location.png") repeat; }
.privacy .con p {padding:2.5%; background-color: #fff; border:1px solid #ddd; font-size: 16px}
.privacy dl {margin-bottom: 3%}
.privacy dl dt {margin-bottom: 1%; color:#201f24; font-weight: 500; font-size: 16px}
.privacy dl dd {color:#777}
.privacy dl dd a {color:blue}
.privacy dl dd a:hover {text-decoration: underline}
.privacy .manager {margin-top:15px; padding:8px; background: url("../img/sub/pattern_location.png") repeat;}
.privacy .manager p {padding:15px 20px; background-color: #fff; border:1px solid #ddd;}


@media all and (max-width: 767px) 
{


.sitemap {margin-top:20px; margin-bottom:50px;}
.sitemap dt {width:100%; text-align:left; line-height:40px; height:40px; margin-top:40px; padding-left:15px;}
.sitemap dt a {font-size:22px; color:#222; }
.sitemap dd {float:left; width:100%; height:30px; line-height:30px;  padding-left:25px;  background:url("../img/sub/bul_02.png") no-repeat 10px center;}
.sitemap dd a {font-size:18px; color:#666; }

}