/* 서브타이틀 */
.sub_page .sub_inner{width: 100%; max-width: 1088px; margin: 0 auto; word-break: keep-all;}
.sub_page h4.con_tit{font-size: 24px; font-weight: 600; padding-left: 30px; position: relative; padding-left: 30px; margin: 30px 0 15px 0;}
.sub_page h4.con_tit::before{content: ''; background: url(https://gsvc.co.kr/src/img/sub/h4_con_tit_icon.png)0 0 no-repeat; width: 24px; height: 23px;position: absolute;top: 5px; left: 0}
.sub_page p.con_txt {font-size: 18px; line-height: 28px; position: relative; padding-left: 30px; color: #454545}
.sub_page p.con_txt a.red {color: #e6224c; font-weight: 600;}
.sub_page .txt_box{font-size: 18px; line-height: 28px; color: #454545; padding: 20px 30px; box-sizing: border-box; border: 1px solid #ccc;  box-shadow: 4px 4px 0 #ebebeb;border-radius: 10px;}
@media all and (max-width:1400px){
    .sub_page .sub_inner{width: 98%; }
}

@media all and (max-width:768px){
    .sub_page h4.con_tit{font-size: 20px;}
    .sub_page p.con_txt{font-size: 16px; line-height: 26px;}
    .sub_page p.top_txt{font-size: 16px;line-height: 26px;}
    .sub_page .txt_box{font-size: 16px; line-height: 26px;}
}

/* 테이블 */
.table_r { font-size: 16.5px; padding: 0.5% 0; float: right; text-decoration: underline; }
.t_line { padding: 5px 10px; }
.th1_right_2 { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.th3_left { line-height: 160%; padding: 15px 20px; font-weight: 600; text-align: center; border: 1px solid #ddd; }
.th3_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.th1_left { font-size: 1rem; line-height: 160%; padding: 15px 20px; text-align: center; border: 1px solid #ddd; /*background-color: #fbfbfb;*/ }
.th1_left:first-child { border-left: none; }
.th1_left2 { line-height: 160%; padding: 5px 20px; border: 1px solid #ddd; text-align: center; background-color: #fafafa; }
.th1_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; font-size: 1rem; }
.th1_right:last-child { border-right: none; }
.td_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.td1_left { line-height: 160%; padding: 15px 20px; border-bottom: solid #dddddd 1px; border: 1px solid #ddd; }
.th5_left { font-size: 1rem; line-height: 160%; padding: 15px 20px; text-align: center; border: 1px solid #ddd; font-weight: bold; letter-spacing: 0px; border-top: 2px solid #0078C3; background-color: #efefef; }
.th5_left:last-child { border-right: none; }
.th5_left:first-child { border-left: none; }

.th5_right { font-size: 18px; line-height: 160%; padding: 15px 20px; text-align: center; font-weight: 600; letter-spacing: 0px; border: 1px solid #ddd; border-top: 2px solid #00AACF; }
.th5_right2 { line-height: 160%; padding: 15px 20px; text-align: center; font-weight: 600; letter-spacing: 0px; border: 1px solid #ddd; }
td p { padding-left: 18px; background: url(https://seoulcbid.or.kr/img/sub/point_gray.png) no-repeat left 8px; }
@media (max-width: 992px) {
    .table_scroll { position: relative; width: 100%; overflow-x: scroll; overflow: auto; }
    .table_scroll { border: 1px solid #ccc; }
    .table_scroll > table { min-width: 780px; }
    .table_scroll > table { border-collapse: collapse; border-spacing: 0px; /*table-layout: fixed;*/ width: 100%; clear: both; text-align: center; margin-left: -1px; font-size: 0.93em; border-bottom: 1px solid #bbb; zoom: 1; }
    .scroll_tb span { background-color: #aaa; border-radius: 200px; padding: 4px 8px; font-weight: 600; font-size: 11px; top: -2px; position: relative; margin: 0 5px; color: #fff; width: 3%; }
    .scroll_tb { text-align: center; margin: 13px 0 0 0; float: left; width: 100%; font-size: 1em; border-left: 1px solid #ddd; padding: 5px 0 5px 0; border-right: 1px solid #ddd; border-top: 1px solid #ddd;/* background-color: #efefef; */ }
}

/* 서브페이지 서브 타이틀 */
.sub_container { float: left; width: 100%; margin-top: 50px; }
.sub_tit { width: 100%; text-align: left; font-size: 24px; font-weight: 600; background-image: url(https://hbcil.or.kr/theme/hbcil111/pages/img/icon01.png); background-repeat: no-repeat; background-position: left; padding-left: 3%; margin-bottom: 20px; margin-top: 20px; }
@media (max-width:820px) {
    .sub_tit { padding-left: 10%; }
    .floor_box-item { width: 50%; }
}
    
/* 박스형 텍스트 */
.point2 {
	padding-left: 16px;
	background: url(./img/point_2.png) no-repeat left 10px;
}

.gray_box { width: 100%; float: left; padding: 3%; background: #f5f5f5; border: 1px solid #ddd; }
.gray_box.pd1 { padding: 1% 3%; }
.gray_box_2ea { width: 100%; float: left; }
.gray_box_2ea .box { width: 49%; float: left; border: 1px solid #ddd; padding: 2% 2%; background: #f8f8f8; }
.gray_box_2ea .box:first-child { margin-right: 2%; }
.gray_box_2ea .box .le { float: left; padding-top: 1.5%; }
.gray_box_2ea .box .ri { float: left; margin-left: 2%; padding-left: 2%; border-left: 2px dotted #ddd; }
.gray_box .num { display: inline-block; background: #808080; padding: 2px 12px 4px; color: #fff; margin-right: 1%; margin-bottom: 1%; font-size: 19px; border-radius: 4px; }
.txt div { margin-bottom: 1%; }
.txt .le { width: 9%; float: left; font-weight: 600; }
.txt .ri { width: 100%; float: left; }
.txt .ri span { padding: 3px 7px; background: #c3c3c3; border-radius: 5px; }
.marginL { padding-left: 50px; margin-bottom: 0; }
.txt_marginB { margin-bottom: 2%; }

@media (max-width: 768px) {
    .gray_box_2ea .box .le { visibility: hidden; padding: 0; position: absolute; margin: 0; }
    .gray_box_2ea .box .ri { margin-left: 0; padding-left: 0; border-left: none; }
}
@media (max-width: 520px) {
    .gray_box .font21 { margin-bottom: 3%; } 
    .gray_box .txt .ri span { width: 100%; margin-top: 3%; }
    .gray_box_2ea .box { width: 100%; margin-bottom:3%; }
}

/* 텍스트 리스트로 표현시 적용 */
.txt { width: 100%; /*float: left;*/ margin-bottom: 2%; }
.txt:last-child{ margin-bottom:0; }
.txt .le { width: 15%; float: left; background: #828282; color: #fff; padding: 10px; text-align: center; letter-spacing: 1px; }
.txt .ri { width:100%; /*float: left; padding-top: 10px; padding-left: 15px;*/ }
.txt  p { margin-bottom: 7px; padding-left: 1em; position: relative;	}
.txt .ri p::after{ content: "●"; color: #949494; font-size: 0.5em; position: absolute; display: inline-block; left: 0; top:25%; }
.txt p:last-child { margin-bottom: 0; }
@media (max-width:1600px) {  
    .txt .ri p::after{ display: none; }
}
@media (max-width:750px) {   
    .txt .ri p::after{ content: "●"; color: #949494; font-size: 0.5em; position: absolute; display: inline-block; left: 0; /*top:4%;*/ top: 6px; }
    .txt .le { width: 25%; }
    .txt .ri { width: 100%; padding:10px; }
}
@media (max-width:450px) {
    .txt .le { width: 100%; }	
    .txt .ri { width: 100%; }
}

/* 인사말 
#page01-01 { margin-top:-20px; }
#page01-01 .cont { display:flex; align-items:stretch; }
#page01-01 .page01-01_title { flex:1; max-width:460px; background-color:#FFF9FC; padding:50px; background-image:url(https://www.ichonold.or.kr/theme/mir_basic/skin/content/5_greeting/img/greeting_bg.png); background-repeat:no-repeat; background-position:right 30px bottom; }
#page01-01 .page01-01_title p { font-size:1.55em; font-weight:500; font-family: "Nanum Pen Script", serif; line-height:1.50; letter-spacing:-0.84px; background: var(--point, linear-gradient(135deg, #C95094 16.43%, #7B4992 87.14%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#page01-01 .page01-01_text { flex:1; padding:40px 20px 0 50px; display:flex; flex-direction:column; gap:50px; }
#page01-01 .page01-01_text .page01-01_box { display:flex; flex-direction:column; gap:20px; }
#page01-01 .page01-01_text .page01-01_box .greeting_ti { font-size: 1.11em; font-weight:500; line-height:2.10; color:#444; }
#page01-01 .page01-01_text .page01-01_sign { text-align:right; font-size:1.11em; font-weight:700; line-height:2.10; color:#444; }
@media (max-width:1680px) {
    #page01-01 .greeting_title { max-width:400px; }
}
@media (max-width:1440px) {
    #page01-01 .cont { flex-direction:column; }
    #page01-01 .greeting_title { max-width:100%; background-size: auto 100px; }
}

@media (max-width:640px) {
    #page01-01 .greeting_title { padding:30px 20px; }
    #page01-01 .greeting_title p { font-size:1.22em; }
    #page01-01 .greeting_text .greeting_box .greeting_ti br { display:none; }

    #page01-01 .greeting_text { padding:20px; }
}

*/

/* 인사말 */
#greeting { background-image:url(./img/01-01-img01.jpg); background-repeat:no-repeat; background-position:center top; padding:148px 90px 0; }
#greeting .greeting_cont { padding:50px 100px; background-color:#fff; }
#greeting .greeting_cont .greeting_title { display:flex; flex-direction:column; align-items: center; gap:10px; padding:20px 0; }
#greeting .greeting_cont .greeting_title img { max-width:785px; width:100%; }
#greeting .greeting_cont .greeting_title img:last-child { align-self:flex-end; max-width:785px; width:100%; }
#greeting .greeting_cont .greeting_text { margin-top:50px; margin-bottom:50px; display:flex; flex-direction:column; gap:50px; }
#greeting .greeting_cont .greeting_text p { font-size:1.11rem; font-weight:400; line-height:1.9; letter-spacing:-0.63px; text-align:center; }
#greeting .greeting_cont .greeting_text p span { color:#347360; font-weight:600; display: block; }
#greeting .greeting_cont .greeting_sign { padding-top:30px; text-align:center; } 

/* 반응형 미디어쿼리 */
@media (max-width:1440px) {
    #greeting .greeting_cont { padding:50px 60px; }
}
@media (max-width:1200px) {}
@media (max-width:1024px) {}
@media (max-width:991px) {
    #greeting { padding-top:100px }
    #greeting .greeting_cont .greeting_title { align-items:center; }
    #greeting .greeting_cont .greeting_title img:last-child { align-self:center; }
    #greeting .greeting_cont .greeting_sign { padding-top:0; }
    #greeting .greeting_cont .greeting_sign img { max-width:100%; }
}
@media (max-width:768px) {
    #greeting { padding:0 40px; padding-top:80px; }
    #greeting .greeting_cont { padding:30px; }
    #greeting .greeting_cont .greeting_text { gap:30px; margin-bottom:30px; margin-top:30px; }
    #greeting .greeting_cont .greeting_text p { font-size:1rem; }
}
@media (max-width:640px) {
    #greeting { padding:0 20px; padding-top:60px; }
}

/* 연헉 */
#con_040104 .yearbox{position:relative; width:100%; min-height:630px; padding-left:440px; margin:115px 0 80px 0;}
#con_040104 .yearbox .head{position:absolute; left:0; top:0; width:270px; height:100%;}
#con_040104 .yearbox .head:after{content:""; display:block; position:absolute; right:-90px; top:-30px; z-index:0; width:213px; height:210px; background:url(<?=G5_THEME_URL?>/pages/img/01_03_img01.png) no-repeat center center;}
#con_040104 .yearbox .head strong{display:block; position:relative; z-index:10; line-height:51px; font-family:"nmj"; font-weight:600; font-size:50px; color:#33373b;}
#con_040104 .yearbox .head p{position:relative; z-index:10; margin:20px 0 90px 0;}
#con_040104 .yearbox .head p span{display:inline-block; position:relative; line-height:34px; font-family:"Noto Sans KR"; font-weight:400; font-size:24px; color:#33373b;}
#con_040104 .yearbox .head p span:last-child{color:#127ac7;}
#con_040104 .yearbox .head p span:after{content:""; display:block; position:absolute; left:0; bottom:2px; width:100%; height:1px; background-color:#33373b;}
#con_040104 .yearbox .head p span:last-child:after{display:none;}
#con_040104 .yearbox .head .boxs img{display:block; width:100%;}
#con_040104 .yearbox .head .boxs img:not(:nth-child(1)){margin-top:15px;}
#con_040104 .yearbox .midd{}
#con_040104 .yearbox .midd>ol{position:relative;}
#con_040104 .yearbox .midd>ol:before{content:""; display:block; position:absolute; left:12px; top:0; width:1px; height:100%; background-color:#ddd;}
#con_040104 .yearbox .midd>ol>li{position:relative;}
#con_040104 .yearbox .midd>ol>li:not(:nth-child(1)){padding-top:20px;}
#con_040104 .yearbox .midd>ol>li>strong{ font-weight: bold; display:block; position:relative; line-height:24px; padding:5px 0 5px 50px; font-family:"Noto Sans KR";  font-size:1.4rem; color:#1c92eb;}
#con_040104 .yearbox .midd>ol>li>strong:before,
#con_040104 .yearbox .midd>ol>li>strong:after{
	content:""; display:block; position:absolute; left:0; top:5px; width:24px; height:24px; background-color:#1c92eb;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#con_040104 .yearbox .midd>ol>li>strong:before{opacity:0.1;}
#con_040104 .yearbox .midd>ol>li>strong:after{
	transform:scale(0.3);
}
#con_040104 .yearbox .midd>ol>li>ol{padding-bottom:20px; margin:10px 0 0 50px;}
#con_040104 .yearbox .midd>ol>li:not(:last-child)>ol{border-bottom:1px dashed #ddd;}
#con_040104 .yearbox .midd>ol>li>ol>li{position:relative; padding-left:100px; margin:5px 0;}
#con_040104 .yearbox .midd>ol>li>ol>li>strong{font-weight: bold; display:block; line-height:26px; position:absolute; left:0; top:0; font-family:"Noto Sans KR"; font-size:1rem; color:#596068;}
#con_040104 .yearbox .midd>ol>li>ol>li>p{line-height:26px; margin:0; font-family:"Noto Sans KR";font-size:1rem; color:#596068;}
@media all and (max-width: 900px){
	#con_040104 .yearbox{padding-left:320px;}
}
@media all and (max-width: 700px){
	#con_040104 .yearbox{padding-left:0; margin:40px 0;}
	#con_040104 .yearbox .head{position:relative; width:auto;}
	#con_040104 .yearbox .head p{width:260px; margin-bottom:30px;}
	#con_040104 .yearbox .head .boxs img{display:inline-block; width:auto; height:161px; vertical-align:top;}
	#con_040104 .yearbox .head .boxs img:not(:nth-child(1)){margin-top:0;}
	#con_040104 .yearbox .midd{margin-top:40px;}
}
@media all and (max-width: 600px){
	#con_040104 .yearbox .head .boxs:after{content:""; display:block; clear:both;}
	#con_040104 .yearbox .head .boxs img{display:block; float:left; width:49%; height:auto;}
	#con_040104 .yearbox .head .boxs img:nth-child(2){float:right;}
}
@media all and (max-width: 500px){
	#con_040104 .yearbox .head strong{line-height:41px; font-size:40px;}
	#con_040104 .yearbox .head p{margin:15px 0 20px 0;}
	#con_040104 .yearbox .head p span{line-height:29px; font-size:20px;}
	#con_040104 .yearbox .midd{margin-top:20px;}
	#con_040104 .yearbox .midd>ol>li>strong{padding-left:40px; font-size:16px;}
	#con_040104 .yearbox .midd>ol>li>ol{margin-left:40px;}
	#con_040104 .yearbox .midd>ol>li>ol>li>strong,
	#con_040104 .yearbox .midd>ol>li>ol>li>p{font-size:14px;}
}
@media all and (max-width: 500px){
    #con_040104 .yearbox .midd>ol>li>ol>li>strong{position: relative;}
    #con_040104 .yearbox .midd>ol>li>ol>li{padding-left: 0;}
}
ol { margin: 0; padding: 0;}

/* 미션 비전 */
.s0104 {text-align: center; line-height: 36px}
.s0104 .mission, .s0104 .vision, .s0104 .value{padding-top:10%;}
.s0104 .mission {padding-top: 0}
.s0104 h4 {font-size: 18px}
.s0104 h3 {font-weight: 600; font-size: 40px}
.s0104 .red {color:#fe4b4b}
.s0104 .blue {color:#03abcd}
.s0104 .orange {color:#f88e1b}
.s0104 h3 {margin-bottom: 8%}
.s0104 .mission h4 {margin-top: 0}
.s0104 .mission p {font-weight: 500;  font-size: 40px}
.s0104 .vision {padding-left:  4%; padding-right: 4%; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.s0104 .vision ul { margin-left: 12%;}
.s0104 .vision ul li {float: left; width:219px; height: 265px; margin-right: 10%; padding-top:200px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; line-height: 20px; font-size: 16px}
.s0104 .vision ul li:nth-child(1) {background: url("https://gsvc.co.kr/src/img/sub/s0104_vision01.png") no-repeat center top;}
.s0104 .vision ul li:nth-child(2) {background: url("https://gsvc.co.kr/src/img/sub/s0104_vision02.png") no-repeat center top;}
.s0104 .vision ul li:nth-child(3) {margin-right: 0; background: url("https://gsvc.co.kr/src/img/sub/s0104_vision03.png") no-repeat center top;}
.s0104 .vision ul li .green, .s0104 .vision ul li .blue, .s0104 .vision ul li .orange {font-weight: 600}
.s0104 .value {position: relative; padding-bottom: 80px; background: url("https://gsvc.co.kr/src/img/sub/s0104_value01.png") no-repeat center bottom; font-weight: 500; font-size: 16px; text-align: center;}
.s0104 .value h4, .s0104 .value h3 {text-align: center}
.s0104 .value div { display: inline-block; width: 135px; height: 134px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; text-align: center; border-radius: 50%;}
.s0104 .value .value-left {margin-right: 175px; padding-top:86px; padding-left: 10px; background: #dee5e7 url("https://gsvc.co.kr/src/img/sub/s0104_value02.png") no-repeat center 39%; border-bottom-right-radius: 0;}
.s0104 .value .value-center {position: absolute; top:230px; left: 42%; padding-top:86px; background: url("https://gsvc.co.kr/src/img/sub/s0104_value03.png") no-repeat center 39%; }
.s0104 .value .value-center span {display: inline-block; position: absolute; top: 0; left: 0; z-index: -1; width: 135px; height: 134px; border-radius: 50%; border-bottom-right-radius: 0; background-color: #dee5e7; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.s0104 .value .value-right {margin-left: 175px; padding-top:85px; background: #dee5e7 url("https://gsvc.co.kr/src/img/sub/s0104_value04.png") no-repeat center 38%; border-bottom-left-radius: 0; }
.s0104 .value .value-left, .s0104 .value .value-right {margin-top: 140px}
.s0104 .value .value-left:hover, .s0104 .value .value-right:hover {background-color:#F4406B; color:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; }
.s0104 .value .value-center:hover {color:#fff}
.s0104 .value .value-center:hover span {background-color:#F4406B; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; }

    
@media screen and (max-width:767px){   
	.s0104 h3 {font-size:2em}
	.s0104 h4 {font-size:1.3em; line-height:1em}
	.s0104 .mission p {font-size:1.4em}
	.s0104 .value {padding-bottom:0; background:none}
	.s0104 .vision ul {display:inline-block;}
	.s0104 .vision ul li {float:none; margin-right:0; margin-bottom:20px;}
	.s0104 .value .value-left, .s0104 .value .value-right {margin-top:0; }
	.s0104 .value .value-left {margin-right:0; padding-left:0; background-color:transparent}
	.s0104 .value .value-center {position:relative; top:0; left:0}
	.s0104 .value .value-center span {background-color:transparent}
	.s0104 .value .value-right {margin-left:0; background-color:transparent}
	.s0104 .value div {width:100%}
	.s0104 .value .value-left:hover, .s0104 .value .value-right:hover {background-color:transparent; color:#444; transition:none; -webkit-transition:none;}
	.s0104 .value .value-center:hover {color:#444}
	.s0104 .value .value-center:hover span {background-color:transparent; transition:none; -webkit-transition:none;}
}

/* 광산구 자원봉사 캐릭터 */
.s0107 .con_wrap h4.con_tit{font-size: 28px; font-weight: bold; line-height: 26px;padding-left: 30px; position: relative; margin-bottom: 20px;}
.s0107 .con_wrap h4.con_tit::before{content: ''; background: url(https://gsvc.co.kr/src/img/sub/h4_con_tit_icon.png) 0 0 no-repeat; width:24px; height: 23px; position: absolute; top:2px; left: 0; }
.s0107 .con_wrap h5.con_tit{font-size: 20px; font-weight: 500; line-height: 26px;padding-left: 30px; position: relative; margin-bottom: 20px;}
.s0107 .con_wrap h5.con_tit::before{content: ''; background: url(https://gsvc.co.kr/src/img/sub/h5_con_tit_icon.png) 0 0 no-repeat; width:18px; height: 18px; position: absolute; top:4px; left: 6px; }
.s0107 .con_wrap p.con_txt{font-size: 17px; font-weight: 500; padding-left: 30px; }
.s0107 .down_btn{font-size: 28px; font-weight: 600; background:#2c995e; color: #fff; padding: 16px 0; display: block; max-width: 300px; margin: 40px auto; text-align: center; border-radius: 50px; box-shadow: 3px 4px 10px rgba(0,0,0,.1); }
.s0107 ul.char_list{display: flex; flex-wrap: wrap;margin-bottom: 30px;}
.s0107 ul.char_list li{width: 50%;  box-sizing: border-box; border: 1px solid #ccc; padding: 20px;}
.s0107 ul.char_list li:first-child{border-right: none;}
.s0107 ul.char_list li img{width: 100%; display: block; max-width: 100%; margin: 0 auto;}
.s0107 ul.char_intro{background:#faf9ed; padding: 30px; box-sizing: border-box; border-radius: 20px; word-break: keep-all; margin-bottom: 40px;}
.s0107 ul.char_intro li{font-size: 17px; font-weight: 500;line-height: 28px; position: relative; padding-left: 12px;}
.s0107 ul.char_intro li::before{content: ''; width: 6px; height: 6px; background:#0c5235; border-radius: 50%; position: absolute; top: 11px;left: 0;}
.s0107 ul.char_list2{display: flex; flex-wrap: wrap;}
.s0107 ul.char_list2 li{width: 24.25%; box-sizing: border-box; background: #fafafa; border: 1px dashed #ccc; padding: 20px; border-radius: 20px; margin: 0 1% 1% 0}
.s0107 ul.char_list2 li:nth-child(4n){margin: 0 0 1% 0;}
.s0107 ul.char_list2 li img{width: 100%; max-width: 100%; }
.s0107 p.txt{font-size: 26px; font-weight: 600; margin: 40px 0; word-break: keep-all;padding: 0 3px; box-shadow: inset 0 -15px 0 #fff9ca; display: inline-block}
	
@media screen and (max-width: 767px){
	.s0107 .con_wrap h4.con_tit{font-size: 24px;}
	.s0107 .con_wrap p.con_txt{font-size: 16px;}
	.s0107 .down_btn{font-size: 24px; max-width: 260px;}
	.s0107 ul.char_list li{padding: 10px;}
	
	.s0107 ul.char_intro{ padding: 25px}
	.s0107 ul.char_intro li{font-size: 16px; line-height: 26px;}
	
	.s0107 ul.char_list2 li{padding: 10px; width: 32.66%; }
	.s0107 ul.char_list2 li:nth-child(4n){margin: 0 1% 1% 0;}
	.s0107 ul.char_list2 li:nth-child(3n){margin: 0 0 1% 0;}
	
	.s0107 p.txt{font-size: 22px;}
}

/* 자원봉사캠프 */
#orgSearch {font-size:0;color:#333;}
#orgSearch .map_area {margin:0 0 20px 0; text-align:center;}
#orgSearch .map_area img.gs_map {display:inline-block;vertical-align:middle;width:53%;margin:0 2% 0 0;}
#orgSearch .map_area ul.cate {display:inline-block;vertical-align:middle;width:45%;border:1px solid #ccc;box-sizing:border-box;border-radius:10px;padding:55px 35px;font-size:0;}
#orgSearch .map_area ul.cate li {display:inline-block;padding:15px 7px;font-size:14px;cursor:pointer;}
#orgSearch .map_area ul.cate li.on {background:#fff8d2;}
#orgSearch .org_tbl {font-size:14px;text-align:center;margin:0 0 20px 0;}
#orgSearch .org_tbl.demandar {text-align:left;}
#orgSearch .org_tbl th,
#orgSearch .org_tbl td {border:1px solid #e0e0e0;border-left:0;border-right:0;}
#orgSearch .org_tbl th {padding:15px 0;border-top:0;border-bottom:2px solid #ccc;font-weight:bold;}
#orgSearch .org_tbl td {padding:15px 0;}
#orgSearch .org_tbl.camp td:nth-child(1) {color:#3ba26e;font-weight:bold;}
#orgSearch .org_tbl.demandar th:nth-child(1) {text-align:center;}
#orgSearch .org_tbl.demandar td:nth-child(1) {text-align:center;}
#orgSearch .org_tbl.demandar td:nth-child(2) {color:#3ba26e;font-weight:bold;}
    
.camp_top .top_txt{margin-bottom: 50px;}
.camp_top .con_cmn{margin-bottom: 50px;}
.camp_top .con_cmn .tit_wrap {margin-bottom: 30px}
.camp_top .con_cmn .tit_wrap p.con_tit{font-size: 34px; font-weight: bold; text-align: center;margin-bottom: 10px;}
.camp_top .con_cmn .tit_wrap p.con_exp{font-size: 22px; font-weight: 500; text-align: center;}
.camp_top .con_cmn img{margin: 0 auto; display: block; max-width: 100% }
.camp_top .con_cmn .step_list{display: flex; flex-wrap: wrap; justify-content: center;}
.camp_top .con_cmn .step_list .item{}
.camp_top .con_cmn .step_list .item:first-child{margin-top: 40px;}
.camp_top .con_cmn .step_list .item:nth-child(2){margin-top: 20px;}
.camp_top .con_cmn .step_list .item img{display: block; margin-bottom: 20px; }
.camp_top .con_cmn .step_list .item ul{width: 100%;}
.camp_top .con_cmn .step_list .item ul li{font-size: 18px; line-height: 28px; color: #666; position: relative; padding-left: 30px; box-sizing: border-box;}
.camp_top .con_cmn .step_list .item ul li::before{content: '-'; position: absolute; top: 0; left: 15px}

@media all and (max-width:1024px){
    #orgSearch .map_area img.gs_map {display:block;margin:0 auto 30px;max-width:100%;width:auto;}
    #orgSearch .map_area ul.cate {width:100%;padding:30px;}
}
	
@media all and (max-width:1000px){
    .camp_top .con_cmn .step_list{flex-direction: column; margin: 0 auto;}
    .camp_top .con_cmn .step_list .item{margin-bottom: 40px;}
    .camp_top .con_cmn .step_list .item:first-child{margin-top: 0}
    .camp_top .con_cmn .step_list .item:nth-child(2){margin-top:0}
    .camp_top .con_cmn .step_list .item ul{max-width: 304px; margin: 0 auto;}
}


@media all and (max-width:768px){
    .camp_top .con_cmn .tit_wrap p.con_tit{font-size: 28px;}
    .camp_top .con_cmn .tit_wrap p.con_exp{font-size: 18px;}
    .camp_top .con_cmn .step_list .item ul li{font-size: 16px; line-height: 24px;}
}

/* 실적인증 안내 */
.business_step .step_wrap_box { display:flex; align-items:flex-start; justify-content: space-between; }
.business_step .step_wrap_box ul { width:31.666%; /*max-width:258px;*/ margin-bottom:50px; position:relative; }
.business_step .step_wrap_box ul li { border:1px solid #1c3376; border-radius:10px; position: relative; height:115px; }
.business_step .step_wrap_box ul:nth-child(2n) li { background-color:#1c3376; }
.business_step .step_wrap_box ul:nth-child(2n) li span { color:#fff; }
.business_step .step_wrap_box ul li span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:1.11rem; font-weight:600; width:96%; text-align:center; }
.business_step .step_top ul::after { content:''; width:19px; height:10px; background-image:url(./img/page03_01_icon1.png); background-repeat:no-repeat; background-size:100% 100%; position:absolute; right:-27px; top:50%; transform:translateY(-50%) rotate(-90deg); }
.business_step .step_top ul:last-child:after { display:none; }
.sponsor_call { border:10px solid #ffe9eb; display:flex; align-items:center; padding:25px 20px; }
.sponsor_call h4 { font-size:1.33rem; color:#ee7482; font-weight:bold; letter-spacing:-0.6px; font-family: 'Hallym'; margin:0 40px; }
.sponsor_call p { font-size:1.11rem; line-height:1.6; letter-spacing:-0.5px; flex:1; margin-left:80px; }
.sponsor_call span { font-weight:600; }
/* 반응형 css */
@media (max-width:1600px) { 
    .business_step .step_wrap_box ul { width:30.666%; }
}
@media (max-width:1440px) {
    .business_step .step_wrap_box ul li span { font-size:1rem; }
    .sponsor_call p { margin-left:30px; }
}
@media (max-width:1200px) {
    .business_step .step_top ul::after { right:-20px; }
}
@media (max-width:1024px) {}
@media (max-width:991px) {
    .sponsor_call h4 { margin:0 20px; }
    .sponsor_call p { margin-left:20px; }
}
@media (max-width:768px) {
    .business_step .step_wrap_box { flex-wrap: wrap; }
    .business_step .step_wrap_box ul { width: 100%; max-width: 100%; margin-bottom: 30px; }
    .business_step .step_wrap_box ul li { height:50px; }
    .business_step .step_top ul::after { right: 50%; top: auto; bottom: -20px; transform: translateX(50%); }
    .business_step .step_top ul:last-child::after { bottom:-20px; }
    .sponsor_call { flex-wrap: wrap; }    
    .sponsor_call h4 { margin:0; width:100%; }
    .sponsor_call p { margin-left: 0; margin-top: 10px; flex: 1; width: 100%; }
}



