/********** 공통 **********/
.num_box { display:flex; align-items:start; justify-content:space-between; }
.num_box dl { padding-left: 1rem; box-sizing:border-box; flex:1; }
.num_box dl dt,
.num_box dl dd { box-sizing:border-box; text-align: center; display:flex; width:100%; align-items:center; justify-content:center; }
.num_box dl dt { background: linear-gradient(to right, var(--main_Rgreen), var(--main_green)); border-radius:2rem 2rem 0 0; height:84px; font-size:2rem; color:#fff; font-weight: 500; line-height: 3rem; flex-direction:column; }
.num_box dl dt .num { display:block; }
.num_box dl dd { border: 1px solid #eaeaea; border-radius:0 0 2rem 2rem; height:151px; font-size:1.8rem; color:#3a3a3a; font-weight: 600; line-height: 3rem; }



.btn_submits {
    border: 0;
    background: var(--main_green);
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    vertical-align: middle;
	padding:10px;
}

a.btn_cancels {
    display: inline-block;
    background: #969696;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}

.listbg li{
    font-size: 1.8rem;
    color: #000;
    line-height: 2.8rem;
    position: relative;
    box-sizing: border-box;
	background-color: #f9f9f9;
	padding: 2.5rem;
	border-radius:10px;
	} 


@media(max-width:991px) {

.sdwon table {
    border-top:3px solid #9ac280;
    margin: 15px 0;
    width: 100%;
	border-collapse: collapse;
    height: 100%;
}


.sdwon table tr th {
    background-color: #f4ffed;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.sdwon table tr th, .sdwon table tr td {
    text-align: center;
    padding: 10px 2px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #444;
	text-align:left;
	padding-left:10px;
	line-height:22px;
}
 
}


@media(min-width:991px) {

.sdwon table {
    border-top:3px solid #9ac280;
    margin: 15px 0;
    width: 100%;
	border-collapse: collapse;
    height: 100%;
}


.sdwon table tr th {
    background-color: #f4ffed;
    font-weight: 600;
    color: #000;
    font-size: 17px;
	width:200px;
	text-align:center;
	padding: 15px 2px;
	line-height:22px;
	border: 1px solid #ddd;
}

.sdwon table tr td {
    text-align: center;
    padding: 15px 2px;
    border: 1px solid #ddd;
    font-size: 17px;
    color: #000;
	text-align:left;
	padding-left:20px;
	line-height:22px;
}


}


.won table {
    margin: 15px 0;
    width: 100%;
	border-collapse: collapse;
    height: 100%;
}


.won table tr th {
    background-color: #f2f2f2;
    font-weight: 600;
    color: #000;
    font-size: 17px;
	text-align:center;
	padding: 15px 2px;
	line-height:22px;
	border: 1px solid #ddd;
}

.won table tr td {
    text-align: center;
    padding: 15px 2px;
    border: 1px solid #ddd;
    font-size: 17px;
    color: #000;
	text-align:center;

}


.jub table {
    margin: 15px 0;
    width: 100%;
	border-collapse: collapse;
    height: 100%;
}


.jub table tr th {
    background-color: #f4ffed;
    font-weight: 600;
    color: #000;
    font-size: 17px;
	text-align:center;
	padding: 15px 2px;
	line-height:22px;
	border: 1px solid #ddd;
}

.jub table tr td {
    text-align: center;
    padding: 15px 2px;
    border: 1px solid #ddd;
    font-size: 17px;
    color: #000;
	text-align:center;

}

.jubs {background-color: #f6f6f6;} 


@media(min-width:991px) {

.jub img {width:500px}

}

@media(max-width:991px) {

.jub img {width:100%}

}

@media(max-width:991px) {


.sdwons table {
    border-top:3px solid #9ac280;
    margin: 15px 0;
    width: 100%;
	border-collapse: collapse;
    height: 100%;
}


.sdwons table tr th {
    background-color: #f4ffed;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.sdwons table tr th, .sdwons table tr td {
    text-align: center;
    padding: 10px 2px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #000;
	padding-left:10px;
	line-height:22px;
}

}


@media(min-width:991px) {

.sdwons table {
    border-top:3px solid #9ac280;
    margin: 15px 0;
    width: 100%;
	border-collapse: collapse;
    height: 100%;
}


.sdwons table tr th {
    background-color: #f4ffed;
    font-weight: 600;
    color: #000;
    font-size: 17px;
	width:200px
}

.sdwons table tr th, .sdwons table tr td {
    text-align: center;
    padding: 15px 10px;
    border: 1px solid #ddd;
    font-size: 17px;
    color: #444;
	line-height:22px;
}
}




@media(min-width:991px) {

/********** 인사말 **********/
.ctt_greeting {  }
.ctt_greeting .section01 { background:#fef7f3 url(../../../img/contents/greeting_img.png) right center no-repeat; }
.ctt_greeting .section01 .tit_box { display:flex; justify-content:center; flex-direction:column; height:350px; }
.ctt_greeting .section01 .tit_box .stit { font-size:1.8rem; color:#3a3a3a; letter-spacing: 3px; font-weight: 300; }
.ctt_greeting .section01 .tit_box .tit { font-size:4.6rem; color:var(--main_green); font-weight: 600; margin: 10px 0 3rem; }
.ctt_greeting .section01 .tit_box .txt { font-size:2.2rem; color:#3a3a3a; font-weight: 600; }

.sign {text-align:center;font-size:14pt;width:100%;padding-top:30px}

.ctt_greeting .section02 {height:650px}
.ctt_greeting .section02 .ceoimg {width:40%;float:left}
.ctt_greeting .section02 .ceoimg img{width:100%}
.ctt_greeting .section02 .txt_box {box-sizing:border-box;width:100%}
.ctt_greeting .section02 .txt_box .txt { font-size:2.3rem; color:#000; font-weight:400; line-height: 3.5rem; margin-top: 3.8rem;text-align:center}
.ctt_greeting .section02 .txt_box .txts { font-size:3.2rem; color:#000; font-weight:400; line-height: 4rem;text-align:center}
.ctt_greeting .section02 .txt_box .txt:first-child { margin-top: 0; }

}

@media(max-width:991px) {

/********** 인사말 **********/
.ctt_greeting {  }
.ctt_greeting .section01 { background:#fef7f3 url(../../../img/contents/greeting_img.png) right center no-repeat; }
.ctt_greeting .section01 .tit_box { display:flex; justify-content:center; flex-direction:column; height:350px; }
.ctt_greeting .section01 .tit_box .stit { font-size:1.8rem; color:#3a3a3a; letter-spacing: 3px; font-weight: 300; }
.ctt_greeting .section01 .tit_box .tit { font-size:4.6rem; color:var(--main_green); font-weight: 600; margin: 10px 0 3rem; }
.ctt_greeting .section01 .tit_box .txt { font-size:2.2rem; color:#3a3a3a; font-weight: 600; }

.sign {text-align:right;font-size:14pt;width:100%;padding-top:30px}

.ctt_greeting .section02 .txt_box { padding-top:2.2rem; box-sizing:border-box;text-align:center}
.ctt_greeting .section02 .txt_box .txt { font-size:2rem; color:#000; font-weight:400; line-height: 3rem; margin-top: 2.8rem;text-align:center}
.ctt_greeting .section02 .txt_box .txts { font-size:2.7rem; color:#000; font-weight:400; line-height: 3rem; margin-top: 2.8rem;text-align:center}
.ctt_greeting .section02 .txt_box .txt:first-child { margin-top: 0; }

}



/********** 미션&비젼 **********/
.ctt_mission .ctit { text-align: center; font-size:4rem; color:var(--main_green); font-weight: 600; margin-bottom: 4.4rem; }
.ctt_mission .mission { display:flex; align-items:center; padding: 0 8rem; box-sizing:border-box; }
.ctt_mission .mission li { width:calc(50% - 2rem); margin: 0 1rem; border: 1px solid #dadada; background:#fafafa; box-sizing:border-box; display:flex; align-items:center; justify-content:center; text-align: center; font-size:1.8rem; color:#3a3a3a; font-weight: 500; line-height: 3rem; border-radius:3rem; height:200px; padding: 2rem; }
.ctt_mission .mission li:first-child { background:#fff; }

.ctt_mission .section02 { position:relative; margin-bottom: -15rem; margin-top: 8.6rem; }
.ctt_mission .section02:after { content:""; display:block; width:100%; height:calc(187px + 15rem); margin-top: -187px; position:relative; z-index:1; background:#f1f1f1; }
.ctt_mission .vision_box { display:flex; align-items:start; justify-content:center; margin: 0 -7px; position:relative; z-index:2;  }
.ctt_mission .vision_box .box { padding: 0 7px; box-sizing:border-box; width:33.33%; }
.ctt_mission .vision_box .box > div { box-sizing:border-box; background:#fff; }
.ctt_mission .vision_box .box .top { padding: 10px 10px 0; text-align: center; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.ctt_mission .vision_box .box01 .top { background-image:url(../../../img/contents/mission_img01.png); }
.ctt_mission .vision_box .box02 .top { background-image:url(../../../img/contents/mission_img02.png); }
.ctt_mission .vision_box .box03 .top { background-image:url(../../../img/contents/mission_img03.png); }
.ctt_mission .vision_box .box .top .inner { border: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 0; height:220px; display:flex; justify-content:center; flex-direction:column; }
.ctt_mission .vision_box .box .top .inner .tit { font-size:1.8rem; color:#e4e4e4; font-weight: 600; }
.ctt_mission .vision_box .box .top .inner .txt { font-size:2rem; color:#fff; font-weight: 500; margin-top: 1.5rem; }
.ctt_mission .vision_box .box .bottom { padding: 0 10px 10px; height:187px; }
.ctt_mission .vision_box .box .bottom .inner { border: 1px solid rgba(0, 0, 0, 0.2); border-top: 0; height:100%; padding: 2.7rem 3rem 1rem; box-sizing:border-box; }
.ctt_mission .vision_box .box .bottom .inner .basicTxt { line-height: 2.4rem; font-weight: 300; }



/********** 연혁 **********/
.cd-horizontal-timeline .events-content {margin: 0;}
.cd-horizontal-timeline .events-content .history_box { display:flex; align-items:start; }
.cd-horizontal-timeline .events-content .history_box h2 { font-size:6rem; color:var(--main_green); font-weight: 600; width:250px; flex:1; line-height: 1em; }
.cd-horizontal-timeline .events-content .history_box .history-list { display:flex; flex-wrap:wrap; width:calc(100% - 250px); border-top: 1px solid #dadada; box-sizing:border-box; border-top: 1px solid #dadada; }
.cd-horizontal-timeline .events-content .history_box .history-list .month,
.cd-horizontal-timeline .events-content .history_box .history-list .day_data { margin-top: 5rem; }
.cd-horizontal-timeline .events-content .history_box .history-list .month:first-child,
.cd-horizontal-timeline .events-content .history_box .history-list .day_data:nht-child(2) { margin-top: 2rem; }
.cd-horizontal-timeline .events-content .history_box .history-list .month { font-size:2rem; width:50px; color:var(--main_blue); font-weight: 600; line-height: 1.9rem; }
.cd-horizontal-timeline .events-content .history_box .history-list .day_data { width:calc(100% - 50px); }
.cd-horizontal-timeline .events-content .history_box .history-list .day_data .tit { font-size:1.8rem; color:#3a3a3a; margin-top: 10px; }
.cd-horizontal-timeline .events-content .history_box .history-list .day_data .tit:first-child { margin-top: 0; }














/********** 오시는길 **********/
.ctt_contact {  }
.ctt_contact .root_daum_roughmap { width:100% !important; }
.ctt_contact .root_daum_roughmap .wrap_controllers { display:none !important; }
.ctt_contact .section01 .container { position:relative; }
.ctt_contact .section01 .info_wrap { background:#fff; border-radius:5px; box-shadow:4px 4px 4px 0 rgba(0, 0, 0, 0.2); width:100%; max-width:350px; padding: 3rem 2rem; box-sizing:border-box; border: 1px solid #eaeaea; position:absolute; top:-15rem;  z-index:3;}
.ctt_contact .section01 .info_wrap .logo { border-bottom: 1px solid #eaeaea; box-sizing:border-box; margin-bottom: 15px; padding-bottom: 10px; }
.ctt_contact .section01 .info_wrap .info { margin-left: -5px; }
.ctt_contact .section01 .info_wrap .info li { font-size:1.6rem; color:#666; margin-top: 14px; display:flex; align-items:flex-start; }
.ctt_contact .section01 .info_wrap .info li:first-child { margin-top: 0; }
.ctt_contact .section01 .info_wrap .info li i,
.ctt_contact .section01 .info_wrap .info li span {  }
.ctt_contact .section01 .info_wrap .info li i { font-size:2rem; color:var(--main_red); width:40px; text-align: center; flex:1; }
.ctt_contact .section01 .info_wrap .info li span { width:calc(100% - 40px); }



/********** 사업개요 **********/
.ctt_business {  }
.ctt_business .box { border-top: 1px solid #dadada; box-sizing:border-box; padding: 4rem 0; }
.ctt_business .box01 { border-top: 0; padding-top: 0; }
.ctt_business .box .tit { display:flex; align-items:baseline; line-height: 1em; font-size:2.4rem; color:var(--main_red); font-weight: 600; }
.ctt_business .box .tit .num { font-size:6.4rem; color:#eee; font-weight: 800; margin-right: 3rem; padding-top: 9px; box-sizing:border-box; }
.ctt_business .box ul { display:flex; align-items:start; margin-left: -6rem; margin-top: 1.4rem; }
.ctt_business .box ul li { font-size:1.7rem; color:#666; margin-left: 6rem; padding-left: 1rem; position:relative; margin-top: 1rem; }
.ctt_business .box ul li:before { content:"·"; position:absolute; left:0; top:0; }
.ctt_business .ps { margin-top: 4rem; text-align: center; font-size:2rem; color:var(--main_blue); font-weight: 600; }



/********** 자원봉사 안내 **********/
.ctt_volun01 {  }
.ctt_volun01 .section01 {  }
.ctt_volun01 .section01 .stxt { font-size:1.8rem; color:#666; font-weight: 600; line-height: 3rem; text-align: center; margin-bottom: 3.4rem; }

.ctt_volun01 .section02 .num_list { text-align: center; margin-top: 8.2rem; }
.ctt_volun01 .section02 .num_list li { margin-top: 4.6rem; }
.ctt_volun01 .section02 .num_list li:first-child { margin-top: 0; }
.ctt_volun01 .section02 .num_list li .tit { font-size:2.4rem; color:var(--main_blue); font-weight: 600; }
.ctt_volun01 .section02 .num_list li .txt_box { margin-top: 2.4rem; }
.ctt_volun01 .section02 .num_list li .txt_box .txt { font-size:1.8rem; color:#666; line-height: 2.4rem; margin-top: 8px; }
.ctt_volun01 .section02 .num_list li .txt_box .txt:first-child { margin-top: 0; }
.ctt_volun01 .section02 .num_list li .txt_box .txt a { color:var(--main_green); transition:all 0.5s; }
.ctt_volun01 .section02 .num_list li .txt_box .txt a:hover { color:var(--main_red); }



/********** 후원안내 **********/
.ctt_support01 {  }
.ctt_support01 .stxt { font-size:1.8rem; color:#666; font-weight: 600; line-height: 3rem; text-align: center; margin-bottom: -3rem; }
.ctt_support01 .box { margin-top: 6.2rem; }

.ctt_support01 .box .bbox_tit { font-size:3.2rem; color:#9ac280; font-weight: 600; margin-bottom: 3rem; }


.ctt_support01 .box .box_tit { color: #494949;
    font-size:2.5rem;
    font-weight: bold;
    padding: 10px 0;
    background: url(http://sdwon.yfix15.gethompy.com/img/titicon.jpg) 0 10px no-repeat;
    
    text-indent: 13px;
    line-height: 0.7em;}

.ctt_support01 .box .box_tits { font-size:2.5rem; color:#9ac280; font-weight: 600; margin-bottom: 3rem; }

.ctt_support01 .box .sbox_tit { font-size:2rem; color:#4d4d4d; font-weight: 600; margin-bottom:1.5rem; margin-top: 3rem;padding-left:20px}


.ctt_support01 .box .icon_box { display:flex; align-items:center; justify-content:space-between; }
.ctt_support01 .box .icon_box li { flex:1; width:50%; display:flex; }
.ctt_support01 .box .icon_box li .icon { flex:1; width:120px; border-radius:50%; border: 1px solid #eaeaea; background:#fafafa; box-sizing:border-box; font-size:0; }
.ctt_support01 .box .icon_box li .txt_box { display:flex; align-items:start; justify-content:start; flex-direction:column; padding: 30px 4rem 0 2.6rem; box-sizing:border-box; width:calc(100% - 120px); }
.ctt_support01 .box .icon_box li .txt_box .tit { font-size:2.2rem; color:#000; font-weight: 600; width:100%; }
.ctt_support01 .box .icon_box li .txt_box .txt { font-size:1.8rem; color:#666; margin-top: 8px; }
.ctt_support01 .box .icon_box li .txt_box .txt a { color:var(--main_red); }


.ctt_support01 .box .lists { padding-left:20px}
.ctt_support01 .box .lists li { font-size:1.9rem; color:#424242; line-height: 1.9rem; position:relative; padding-left:10px; box-sizing:border-box; margin-top: 8px; margin-left:10px}
.ctt_support01 .box .lists li:before { content:"·"; position:absolute; left:0; top:0; }
.ctt_support01 .box .lists li:first-child { margin-top: 0; }
.ctt_support01 .box .lists li strong { color:#3a3a3a; font-weight: 600; }


.ctt_support01 .box .list {  }
.ctt_support01 .box .list li { font-size:1.8rem; color:#000; line-height: 2.4rem; position:relative; padding-left: 10px; box-sizing:border-box; margin-top: 8px; }
.ctt_support01 .box .list li:before { content:"·"; position:absolute; left:0; top:0; }
.ctt_support01 .box .list li:first-child { margin-top: 0; }
.ctt_support01 .box .list li strong { color:#3a3a3a; font-weight: 600; }
.ctt_support01 .ps { font-size:2rem; color:var(--main_red); line-height: 3.4rem; font-weight: 600; text-align: center; margin-top: 5.6rem; }



@media (max-width:1200px){

	.ctt_greeting .section01 { background-position: center center; }


	.ctt_mission .mission li { padding: 3rem; }
	.ctt_mission .mission li br { display:none; }


	.big_img:before { content:"※ 조직도를 터치해주시면 확대된 조직도로 확인하실 수 있습니다."; display:block; margin-bottom: 2rem; color:#de3d4c; font-weight: 600; font-size:1.6rem; }


}

@media (max-width:992px){

	.ctt_mission .mission { padding: 0; }
	.ctt_mission .vision_box .box .bottom { height:220px; }


	.cd-horizontal-timeline .events-content li > * { max-width:100% !important; }


	.ctt_business .box ul { flex-wrap:wrap; }
	.ctt_business .box ul li { width:calc(50% - 6rem); }


	.num_box dl dd { padding: 3rem 2rem; }
	.num_box dl dd br { display:none; }


	.ctt_support01 .box .icon_box li .icon { padding-left: 0 !important; } 
	

}
@media (min-width:768px){
.imgs {width:100%;text-align:center}

}


@media (max-width:768px){

.imgs {width:100%;text-align:center}
.imgs img {width:100%}
 
	.ctt_greeting .section01 { background-position: left center; }

	
	.ctt_mission .section02 { margin-bottom: 0; }
	.ctt_mission .section02:after { display:none; }
	.ctt_mission .vision_box { flex-direction:column; }
	.ctt_mission .vision_box .box { padding: 5px 0; width:100%; display:flex; }
	.ctt_mission .vision_box .box > div { width:50%; }
	.ctt_mission .vision_box .box .top .inner,
	.ctt_mission .vision_box .box .bottom { height:auto; }
	.ctt_mission .vision_box .box .top .inner,
	.ctt_mission .vision_box .box .bottom .inner { height:100%; padding: 4rem 3rem; }
	.ctt_mission .vision_box .box .top { padding: 10px; padding-right: 0; }
	.ctt_mission .vision_box .box .top .inner { border: 1px solid rgba(255, 255, 255, 0.4); border-right: 0; }
	.ctt_mission .vision_box .box .bottom { padding: 10px; padding-left: 0; background:#f7f7f7; }
	.ctt_mission .vision_box .box .bottom .inner { border: 1px solid rgba(0, 0, 0, 0.2); border-left: 0; }


	.cd-horizontal-timeline .events-content { margin: 0 30px !important; }
	.cd-horizontal-timeline .events-content .history_box { flex-direction:column; }
	.cd-horizontal-timeline .events-content h2 { margin-bottom: 2rem; width:100%; }
	.cd-horizontal-timeline .events-content .history_box .history-list { width:100%; flex-direction:column; }
	.cd-horizontal-timeline .events-content .history_box .history-list .month { color:var(--main_red); }
	.cd-horizontal-timeline .events-content .history_box .history-list .day_data { width:100%; margin-top: 20px; }


	.root_daum_roughmap .wrap_map { height:400px !important; }
	.ctt_contact .section01 .info_wrap { position:static; max-width:100%; box-shadow:0 0 0 0; border: 0; padding-bottom: 0; }


	.ctt_business .box ul li { width:100%; }


	.num_box { flex-wrap:wrap; margin-top: -1rem; }
	.num_box dl { width:50%; flex:none; margin-top: 1rem; }


	.ctt_support01 .box .icon_box { flex-direction:column; align-items:start; }
	.ctt_support01 .box .icon_box li { width:100%; align-items:center; }
	.ctt_support01 .box .icon_box li .txt_box { padding-top: 0; }


}

@media (max-width:640px){



}

@media (max-width:426px){

	.ctt_mission .vision_box .box { flex-direction:column; }
	.ctt_mission .vision_box .box > div { width:100%; }
	.ctt_mission .vision_box .box .top .inner,
	.ctt_mission .vision_box .box .bottom { height:auto; }
	.ctt_mission .vision_box .box .top { padding: 10px 10px 0; }
	.ctt_mission .vision_box .box .top .inner { border: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 0; }
	.ctt_mission .vision_box .box .bottom { padding: 0 10px 10px; }
	.ctt_mission .vision_box .box .bottom .inner { border: 1px solid rgba(0, 0, 0, 0.2); border-top: 0; }	


	.root_daum_roughmap .wrap_map { height:300px !important; }


	.ctt_business .box .tit .num { font-size:4.4rem; margin-right: 1.5rem; }


	.num_box dl { width:100%; }
	.num_box dl dd { height:auto; padding: 4rem 3rem; }


}