.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}

.sub_contents{
padding-top:116px;
}
.sub_top_img{
width:100%;
height:210px;
}
.sm_depth1_ttl,.sm_depth2_ttl{
text-align:center;
color:#fff;
}
.sm_depth1_ttl{
padding-top:34px;
font-size:18px;
font-weight:400;
}
.sm_depth2_ttl{
font-size:38px;
font-weight:500;
}
.submenu_line{
width:100px;
height:1px;
background-color:#FFF;
margin:8px auto 3px;
}
.subcon_graybg{
background-color:#f1f1f1;
}
.sub_con{
width:1200px;
padding:0 15px;
margin:0 auto;
background-color:#FFF;
min-height:900px;
position:relative;
top:-50px;
border-radius:2px
}
.shadow2{
-webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.38);
-moz-box-shadow:    2px 2px 10px 0px rgba(50, 50, 50, 0.38);
box-shadow:         2px 2px 10px 0px rgba(50, 50, 50, 0.38);
}
.page_copy{
width:100%;
}
.page_copy a{
float:right;
margin-right:12px;
margin-top:12px;
display:block;
font-family:'Dotum';
font-size:11px;
text-align:center;
width:70px;
height:21px;
line-height:21px;
color:#444;
background-color:#f1f1f1;
border:1px solid #d2d2d2;
transition: all 0.5s
}
.page_copy a:hover{
background-color:#e1e1e1;
}
.sub_top_img{
background:url(../img/sub01.png) center;
}

.sc_top_margin{
margin-top:40px;
}
.last_padding{
padding-bottom:50px;
}

.con_margin{
margin-top:60px;
}
.intro_border{
width:700px;
height:1px;
margin:0 auto;
background-color:#ddd;
}
.subcon_ttl,.con_wrap1098{
width:1198px;
margin: 0 auto;
}

.subcon_ttl div{
text-align:center;
padding-bottom:10px;
color:#333;
}
.sut_01{
font-size:24px;
}

.sut_02{
width:50px;
margin:0 auto;
}
.sut_02 img{
width:100%;
display:block;
margin:0 auto 5px;
}
.sut_03{
padding-bottom:0;
font-size:14px;
}
.color_orange{
background:#e9480b;
}
.color_skyblue{
background:#5eb7e8;
}
.color_lgreen{
background:#b8d300;
}
.color_gradient{
background: linear-gradient(to right, #e9480b,#5eb7e8,#b8d300); 
}
.color_gradient2{
background: linear-gradient(to top, #e9480b,#5eb7e8,#b8d300); 
}
.nbold{
font-weight:400;
}
.bgc_gray{
background-color:#f5f5f5;
}
.bgc_dgray{
background-color:#e4e4e4;
}
.bgc_dgray2{
background-color:#a1a0a0;
}
.bgc_dgray3{
background-color:#424f71;
}
.bdrz3{
border-radius:3px
}
.bdrz5{
border-radius:5px
}
.bdrz10{
border-radius:10px
}
.bdrz20{
border-radius:20px
}
.bdrz100{
border-radius:100px
}

.border_top,.border_bottom{
width:100%;
height:1px;
}
.bbcon{
width:100%;
margin:8px 0;
}
.fw400{
font-weight:400;
}
.pdtb10{
padding:10px 0;
}
.con_margin20{
margin-top:20px;
}
.con_margin40{
margin-top:40px;
}
.con_margin80{
margin-top:80px;
}
.tac{
text-align:center;
}
.lit_btn{
width:40px;
font-family:'dotum' !important;
font-size:11px;
text-align:center;
padding:2px 0;
color:#fff;
}
/*미션과 비전*/
.gr01{
display:block;
width:1119px;
margin:0 auto 40px;
}

/*직원소개*/

.ourcenter_ttl1{
font-weight:500;
font-size:17px;
text-align:center;
padding-bottom:4px;
color:#252525;
}
.ourcenter_ttl2{
font-size:15px;
text-align:center;
color:#353535;
}

.our_name{
padding-left:15px;
font-weight:500;
color:#353535;
width:20%;
font-size:15px;
}
.our_tel{
padding-left:27px;
color:#353535;
font-size:15px;
}
.our_work{
padding-left:27px;
color:#353535;
font-size:14px;
letter-spacing:-1px;
}
.telnone{
text-align:center;
}
/*연혁*/

.h_year{
font-size:34px;
text-align:center;
color:#252525;
}
.h_contnet li{
font-size:14px;
color:#353535;
line-height:24px;
}
.h_years{
font-size:27px;
color:#333;
}
.h_year .sut_02 img{
width:40px;
margin-top:6px;
}
/*시설안내*/

.floor_con{
padding-left:15px;
color:#353535;
width:20%;
font-size:15px;
}
.f_info_ttl{
font-size:21px;
color:#252525;
font-weight:400;
margin-bottom:13px;
}
/*시설안내 탭*/
.tab_cont1{
margin-top:50px;
}
.tab_cont1 .tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.tab_cont1 .tabs li{
	background: #f1f1f1;
	color: #222;
	cursor: pointer;
	text-align:center;
}
.tab_cont1 .tabs li:hover{
background:#e9480b;
color: #fff;
}
.tab_cont1 .tabs li.current{
background:#e9480b;
color: #fff;
}
.tab_cont1 .tab-content{
	display: none;
	padding: 15px;
	padding-top:40px;
}

.tab_cont1 .tab-content.current{
	display: inherit;
}
/*오시는길*/
.pbtrs{
line-height:20px;
}

/*팀별사업*/
.biz_top{
padding:30px 0;
}
.td_txt{
text-align:center;
font-size: 24px;
color:#252525;
}
.td_line{
width:80px;
height:1px;
background-color:#888;
margin:15px auto;
}
.td_exp{
color: #252525;
font-size: 15px;
text-align:center;
}



/*팀별사업 탭*/

.tab_cont2{
margin-top:50px;
}
.tab_cont2 .tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align:center;
}
.tab_cont2 .tabs li{
	background: #fff;
	color: #222;
	cursor: pointer;
	text-align:center;
	display:inline-block;
	border:1px solid #d2d2d2;
}
.tab_cont2 .tabs li:hover{
background:#e9480b;
color: #fff;
}
.tab_cont2 .tabs li.current{
background:#e9480b;
color: #fff;
}
.tab_cont2 .tab-content {
	display: none;
	padding: 0px;
	margin-top:40px;
	width:100%;
}

.tab_cont2 .tab-content.current{
	display: inherit;
}

/*팀별사업 탭내용*/
.tab_cont2 .tab-content .team_bgi{
padding:80px 0;

}

.tab_cont2 .tab-content ul{
text-align:center;
}

.tab_cont2 .tab-content ul li{
display:inline-block;
text-align:center;
width:240px;
color:#fff;
border:1px solid #d2d2d2;
background-color:rgba(0,0,0,0.24);
position:relative;
}

.tab_cont2 .tab-content ul li:nth-child(4n+4){
margin-right:0;
}
.team_tel{
text-align:center;
font-size:16px;
color:#fff;
margin-bottom:10px;
}
/*기능별 사업*/


.tab_cont3{
margin-top:50px;
}
.tab_cont3 .tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align:center;
}
.tab_cont3 .tabs li{
	background: #fff;
	color: #222;
	cursor: pointer;
	text-align:center;
	display:inline-block;
	border:1px solid #d2d2d2;
}
.tab_cont3 .tabs li:hover{
background:#e9480b;
color: #fff;
}
.tab_cont3 .tabs li.current{
background:#e9480b;
color: #fff;
}
.tab_cont3 .tab-content {
	display: none;
	padding: 0px;
	margin-top:40px;
	width:100%;
}

.tab_cont3 .tab-content.current{
	display: inherit;
}

/*팀별사업 탭내용*/
/*사례관리기능*/
.tab_cont3 .tab-content .team_bgi{
padding:80px 0;
}
.tab_cont3 #tab-1 ul{
text-align:center;
}
.tab_cont3 #tab-1 ul li{
display:inline-block;
text-align:center;
width:260px;
}

.func_ttl1{
font-size:17px;
color:#252525;
font-weight:400;
}
.func_ttl2{
font-size:15px;
color:#353535;
}

.func_line{
width:50px;
height:1px;
background-color:#afafaf;
margin:10px auto;
}
/*기능별사업-서비스 제공기능*/
.func_st2 .func_ttl3{
text-align:center;
font-weight:400;
color:#fff;
font-size:15px;
padding:5px 0;
width:160px;
margin:0 0 20px;
border-radius:0 50px 50px 0px
}
.func_st2_exp{
font-size:15px;
line-height:29px;
color:#353535;
}
.orange_bullet{
float:left;
width:4px;
border-radius:30px;
height:4px;
background-color:#e9480b;
margin-right:7px;
position:relative;
top:11px;
}
.func_ttl4{
font-weight:500;
color:#222;
float:left;
margin-right:7px;
}
.func_txt{
float:left;
}

/*대상별사업*/
.tab_cont4{
margin-top:50px;
}
.tab_cont4 .tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align:center;
}
.tab_cont4 .tabs li{
	background: #fff;
	color: #222;
	cursor: pointer;
	text-align:center;
	display:inline-block;
	border:1px solid #d2d2d2;
}
.tab_cont4 .tabs li:hover{
background:#e9480b;
color: #fff;
}
.tab_cont4 .tabs li.current{
background:#e9480b;
color: #fff;
}
.tab_cont4 .tab-content {
	display: none;
	padding: 0px;
	margin-top:40px;
	width:100%;
}
.tab_cont4 .tab-content.current{
	display: inherit;
}
/*한마음센터소개*/
.centtl1{
font-size:24px;
color:#252525;
text-align:center;
margin-bottom:40px;
}
.cen_gre{
text-align:center;
color:#353535;
font-size:15px;
line-height:30px;
margin:50px 0;
}
.center_gre .mbttl1{
color: #252525;
font-size: 18px;
font-weight: 500;
text-align:center;
}
.center_gre .mbttl2{
width:50px;
height:1px;
background-color:#d2d2d2;
margin:10px auto;
}
.center_gre .mbttl3{
font-size:15px;
color:#353535;
}
.center_gre .mind_btns{
text-align:center;
}
.center_gre .mind_btns li{
display:inline-block;
background-color:#f5f5f5;
border-top:1px solid #e9480b;
}
.center_gre .mind_btns li:last-child{
margin-right:0;
}
.center_gre .mind_btns li a{
display:block;
border-radius:50px;
background-color:#FFF;
border:1px solid #d2d2d2;
color:#252525;
font-size:15px;
margin-top:10px;
}
.center_gre .mind_btns li a:hover{
background-color:#e9480b;
color:#fff;
}
/*한마음센터-심리상담*/
.center_coun1 .gp2{
border-top:1px solid #e9480b;
border-bottom:1px solid #e9480b;
}
.center_coun1 .gp2 li{
line-height:22px;
padding:12px 0 12px 20px;
}
.center_coun1 .gp2 li:nth-child(odd){
background-color:#f8f7f7;
}
.center_coun1 .gp2 li .func_ttl4{
font-weight:500;

}
.center_coun1 .gp2 li .func_txt{
font-size:15px;
color:#353535;
}
/*한마음센터 심리검사*/
.ta_cc{
text-align:center;
color:#353535;
font-size:15px;
line-height:24px;
padding:30px 0 !important;
}
/*발달심리검사*/

.center_coun3 .mind_btns{
text-align:center;
}
.center_coun3 .mind_btns li{
display:inline-block;
background-color:#f5f5f5;
border-top:1px solid #e9480b;
}

.center_coun3 .mbttl3{
color:#353535;
}
.center_coun3 .mind_btns li:last-child{
margin-right:0;
}
.center_coun3 .mind_btns li .coun3_ttl1{
display:block;
border-radius:50px;
background-color:#22A74F;
color:#fff;
font-size:15px;
font-weight:400;
letter-spacing:1px;
}
.center_coun3 .mind_btns li .coun3_ttl1:hover{
}
.coun3_ttl2{
width:100px;
padding:5px 0;
margin:25px auto;
text-align:center;
color:#252525;
font-weight:500;
background-color:#FFF;
border-radius:30px;
border:1px solid #d2d2d2;
}
.target_wrap{
width:84%;
margin:0 auto;
}

.target_wrap .target_line{
padding:10px 0;
border-bottom:1px solid #d2d2d2;
font-size:14px;
color:#353535;
}
.target_wrap .target_line:last-child{
border-bottom:none;
}
/*바우처*/
.center_coun3 .mind_btns_card li{
border-top:1px solid #8db1c5;
}

/*후원자원봉사*/
/*후원안내*/

.support01 .mind_btns{
text-align:center;
}
.support01 .mind_btns li{
display:inline-block;
background-color:#f5f5f5;
border-top:1px solid #e9480b;
}
.support01 .mind_btns li:last-child{
margin-right:0;
}
.support01 .mind_btns li .sup_btn{
display:block;
border-radius:50px;
background-color:#22A74F;
color:#252525;
font-size:17px;
margin-top:10px;
color:#fff;	
padding:5px 0;
}
.support01 .mind_btns li .sup_btn:hover{
background-color:#e9480b;
color:#fff;
}
.support01 .mind_btns li .mbttl1{
font-weight:500;
font-size:17px;
color:#353535;
}

/*자원봉사안내*/
.volun_pro li{
width:80%;
text-align:center;
padding:10px 0;
font-size:14px;
color:#353535;
margin:0 auto;
}
.volun_pro li:nth-child(odd){
background-color:#f5f5f5;
border-radius:50px;
border:1px solid #d2d2d2;
}
.volun_pro li:nth-child(even){
padding:0;
margin:10px auto;
}

.volun_pro li:nth-child(even) img{
width:25px;
display:block;
margin:0 auto;
}
/*폼, 양식관련 css*/

/*기관방문신청*/
.ggform{
margin:0px auto;
background-color:#eef2f5;
border-radius:5px
}
.ggform1>li{
margin-bottom:20px;
}

.ggform .mr{
margin-right:2%;
}

.ggform .li100{
width:100%;
margin-right:0;
}


.formttl1{
font-family:'Nanum Gothic';
font-weight:600;
color:#444;
font-size:15px;
margin-bottom:5px;
}
.ip_1{
border:1px solid #d2d2d2;
font-size:14px;
}

.form_btn_wrap{
width:100%;
text-align:center;
margin:40px 0;
}
.fbw1,.fbw2{
display:inline-block;
border-radius:5px;
}
.fbw a{
font-family:'Nanum Gothic';
display:block;
line-height:40px;
text-align:center;
font-size:15px;
font-weight:600;
color:#fff;
}
.fbw1{
background-color:#5eb7e8;
margin-right:30px;
}

.fbw2{
background-color:#888;
}
.fbw a:hover{
background-color:#98ad08;
border-radius:5px;
}
.bgc_fff{
background-color:#fff;
}

.w100{
width:100%;
}

.agree_form01{
margin-bottom:10px;
font-size:14px;
line-height:25px;
color:#353535;
}

.agreeex{
font-size:14px;
color:#353535;
margin-left:10px;
}
.bdtb{
border-top:1px solid #999;
border-bottom:1px solid #999;
}

.textip1{
height:100px;
overflow-y:scroll;
}
/*자원봉사신청*/
.ss1 {display: block;
}
.ss1 input {display: none;}
.ss1 .box_radio {
float:left;
border: 1px solid #ccc;
width:50%;
height:40px;
line-height:40px;
text-align:center;
overflow: hidden; 
font-size:14px;
cursor:pointer;
background-color:#fff;
box-sizing:border-box;
}
.chk_iro input:checked + .box_radio,.chk_iro input:hover + .box_radio {
background: #999;
border-color: #767676;
color:#fff;
}
.ss1 .nrb{
border-right:none;
}

.ss1 .nlb{
border-left:none;
}


.sx_wrap{
width:24%;
float:left;
}
.ssmi .ip_1{
width:72% !important;
float:left;
}

.vms_wrap{
width:100%;
float:left;
}
.formttl2{
font-family:'nanumgothic';
text-align:center;
font-size:15px;
color:#353535;
font-weight:600;
background-color:#d4e4f1;
border-radius:5px;
padding:6px 0;
}

.tac_agree{
font-family:'nanumgothic';
text-align:center;
font-weight:600;
font-size:15px;
color:#353535;
}
.sup3 .box_radio{
width:33.3%;
}
.om_dis{
width:33%;float:left;display:none;line-height:44px;
height:44px;
box-sizing:border-box;
border:1px solid #d2d2d2;
background-color:#ecfcff;
border-right:0;
text-align:center;
}

.sup4 .box_radio{
width:25% !important;
}

.om_dis2{
width:25%;
float:left;
line-height:44px;
height:44px;
box-sizing:border-box;
border:1px solid #d2d2d2;
background-color:#ecfcff;
border-left:none;
text-align:center;
}


.ipfl{
float:left;
}

.ppbox{
width:100%;
background-color:#FFF;
padding:15px 0;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
}
.ppbox p{
text-align:center;
font-size:14px;
color:#353535;
}
.ppbox a{
display:block;
margin:15px auto 0;
border-radius:5px;
text-align:center;
color:#fff;
background-color:#7d86a6;
width:150px;
line-height:35px;
height:35px;
font-size:14px;
}

/*강좌신청*/
.pr_in{
width:96%;
padding:3% 2%;
border-radius:6px;
}
.pr_ttl{
color:#353535;
font-size:17px;
font-weight:600;
margin-bottom:8px;

}
.pr_search_wrap{
margin-bottom:26px;
}

.pr_search{
padding: 5px 1%;
height:28px;
float:left;
width:85%;
font-size:14px;
}

.pr_search_btn{
display:block;
max-width:200px;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
background-color:#22A74F;
font-size:14px;
margin:0 auto;
border-radius:3px;
}

.pr_sq{

}
.pr_link{
display:block;
float:left;
height:37px;
line-height:37px;
text-align:center;
color:#353535;
font-size:14px;
background-color:#fff;
border:1px solid #d2d2d2;
border-right:none;
float:left;
}

.pr_link input:checked + .box_radio,.pr_link input:hover + .box_radio {
background: #999;
border-color: #767676;
color:#fff;
}

.pr_link input[type="checkbox"]{
display:none;
}


.pr_link input[type="radio"]{
display:none;
}
.pl_act{
background:#22A74F;
color:#fff
}


/*리스트*/
.pr_list_wrap{
margin-top:40px;
}
/*리스트 순서*/
.pr_arr li{
float:left;
border-right:1px solid #d2d2d2;
width:90px;
text-align:center;
margin-bottom:20px;
}

.pr_arr li a{
font-size:13px;
color:#666;

}

.pr_arr li .sel_ac{
color:#333;
font-weight:600;;
}

.pr_list_ttltop{
width:100%;
border-top:1px solid #a2a2a2;
border-bottom:1px solid #d2d2d2;
}

.pr_list_ttltop li{
font-size:14px;
float:left;
text-align:center;
background-color:#f7f7f7;
line-height:40px;
height:40px;

}

.pr_list_ttltop li:nth-child(1){
width:40%;
}
.pr_list_ttltop li:nth-child(2){
width:20%;
}
.pr_list_ttltop li:nth-child(3){
width:17%;
}
.pr_list_ttltop li:nth-child(4){
width:8%;
}
.pr_list_ttltop li:nth-child(5){
width:7%;
}
.pr_list_ttltop li:nth-child(6){
width:8%;
}


/*프로그램리스트 수정사항 적용 css*/
.pr_list_ttltop2 li:nth-child(1){
width:7%;
}
.pr_list_ttltop2 li:nth-child(2){
width:24%;
}
.pr_list_ttltop2 li:nth-child(3){
width:12%;
}
.pr_list_ttltop2 li:nth-child(4){
width:12%;
}
.pr_list_ttltop2 li:nth-child(5){
width:11%;
}
.pr_list_ttltop2 li:nth-child(6){
width:11%;
}
.pr_list_ttltop2 li:nth-child(7){
width:8%;
}
.pr_list_ttltop2 li:nth-child(8){
width:7%;
}
.pr_list_ttltop2 li:nth-child(9){
width:8%;
}
.pr_list_ttltop2 li:nth-child(10){
width:7%;
}


.pliw3{
width:24%;
}
.pliw2{
width:12%;
}
.pliw1{
width:12%;
}
.pliw4{
width:11%;
}
.pliw5{
width:11%;
}
.pliw6{
width:8%;
}
.pliw7{
width:7%;
}
.pliw8{
width:8%;
}
.pliw9{
width:7%;
}



/*리스트내용*/
.prtxt{
text-align:center;
font-size:15px;
color:#353535;
}

.required{
font-size:12px !important;
font-weight:600 !important;
color:#e03650 !important;
}

.prw1{
font-weight:600;

}

.prw1:hover{
}
.pr_li_con li{
border-bottom:1px solid #d2d2d2;
}

.pr_ok_btn1{
display:block;
width:50px;
border-radius:5px;
text-align:center;
color:#fff;
line-height:30px;
height:30px;
font-size:13px;
background-color:#6f7997;
margin:5px auto;
}

.pr_ok_btn1:hover{
background-color:#e9480b;

}

.pr_ok_btn3{
	display:block;
	width:50px;
	border-radius:5px;
	text-align:center;
	color:#fff;
	line-height:30px;
	height:30px;
	font-size:13px;
	background-color:#666;
	margin:5px auto;
}

.pr_ok_btn3:hover{
	background-color:#e9480b;
}

/*참여모집 댓글*/
.commentedit a{
display:block;
width:100px;
line-height:30px;
height:30px;
background-color:#f79426;
color:#fff !important;
margin:0 auto;
text-align:center;
border-radius:8px
}
.delete_btn{
border-radius:3px;
margin-right:10px;
}
.delete_btn a{
display:block;
width:40px;
line-height:24px;
height:24px;
text-align:center;
color:#fff;

}

.editbtn01{
background-color:#7c8ea0;
}

.delbtn01{
background-color:#f79426;
}


.comment_writeip{
float:left;
margin-bottom:10px;
margin-right:10px;
font-size:14px;
color:#353535;
}

.comment_writeip input[type='text'],.comment_writeip input[type='password']{
padding:5px 3px;;

}

/*강좌바구니
.pr_cart_wrap .pr_list_ttltop li:nth-child(1){
width:5%;
}
.pr_cart_wrap .pr_list_ttltop li:nth-child(2){
width:48%;
}
.pr_cart_wrap .pr_list_ttltop li:nth-child(3){
width:20%;
}
.pr_cart_wrap .pr_list_ttltop li:nth-child(4){
width:14%;
}
.pr_cart_wrap .pr_list_ttltop li:nth-child(5){
width:13%;
}*/

/*강좌바구니2*/
.pr_cart_wrap .pr_list_ttltop3 .pcart1{
width:5%;

}
.pr_cart_wrap .pr_list_ttltop3 .pcart2{
width:31%;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart3{
width:19%;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart4{
width:13%;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart5{
width:13%;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart6{
width:9%;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart7{
width:10%;
}




.pr_cart_wrap .pro_ok{
background-color:#4373cb;
} 

.pr_cart_wrap .pro_no{
background-color:#f73a31;
}

.pro_del_li li{
float:right;
color:#454545;
margin-right:10px;
}


.pro_del_li a{
color:#454545;
display:block;
background-color:#dddee3;
border:1px solid #d2d2d2;
border-radius:5px;
font-size:13px;
padding:5px;
}
.pro_del_li a:hover{
background-color:#98ad08;
color:#fff;
}
.refund_table{
margin-top:20px;
}

.refund_table,.refund_table td, .refund_table th{
border-collapse:collapse;
border:1px solid #d2d2d2;
}

.refund_table caption{
background-color:#f3f3f3;
border-top:1px solid #d2d2d2;
padding:5px 0;
}

.refund_table th{
border-collapse:collapse;
border:1px solid #d2d2d2;
width:20%;
padding:3px;
background-color:#f3f3f3;
}

.refund_table td{
border-collapse:collapse;
border:1px solid #d2d2d2;
width:80%;
padding:3px;
}

.yn_bullet{
width:50px;
text-align:center;
font-size:11px;
font-family:'Dotum';
margin:0 auto;
color:#fff;
padding:2px 0;
border-radius:2px;
}
.case1{
background-color:#3ca880;
}
.case2{
background-color:#d7e2e3;
color:#333;
}

.case3{
background-color:#666;
color:#c5c5c5;
}

.plus_ex{
width: 100%;
border-top: 1px solid #a2a2a2;
border-bottom: 1px solid #d2d2d2;
margin-top: 30px;
background-color:#fff;
}
.pe_ttl{
font-size: 14px;
text-align: center;
background-color: #f7f7f7;
line-height: 40px;
height: 40px;
}

/*강좌신청내역*/



/*강좌 상세내역*/

.orvtable,.orvtable td, .orvtable th{
border-collapse:collapse;
}

.orvtable{
width:100%;
border-top:1px solid #d2d2d2;
background-color:#FFF;
}

 .orvtable th{
padding:14px 0;
border-bottom:1px solid #d2d2d2;
background-color:#fffaec;
font-weight:500;
font-size:15px;
color:#353535;
}
.orvtable td{
padding:10px 10px;
border-bottom:1px solid #d2d2d2;
font-size:15px;
color:#444;
vertical-align:middle;
}

.rs_print{
display:block;
text-align:center;
color:#fff;
background-color:#f37a16;
border-radius:10px;
width:100px;
font-size:13px;
padding:4px 0;
}

.rs_print:hover{
background-color:#98ad08;
}
#upfile01{
display:none;
}
.file_input2 .filenm{
width:60%;
padding:0 0 0 1%;
height:44px;
float:left;
line-height:44px;
}
.file_input2 label.filebtn{
float:left;
width:30%;
height: 40px;
text-align: center;
background-color: #7d86a6;
color: #fff;
display: block;
float: left;
line-height: 40px;
font-size: 14px;
}
.chanel00 .ss1 .box_radio{
width:33.3%;
}
.editinfo{
width:100%;
background-color:#f8f7f9;
height:44px;
line-height:44px;
border:1px solid #d2d2d2;
padding-left:10px;
}


/*----------------------------------------------~768---------------------------------*/
/*----------------------------------------------~768---------------------------------*/
/*----------------------------------------------~768---------------------------------*/
/*----------------------------------------------~768---------------------------------*/
/*----------------------------------------------~768---------------------------------*//*----------------------------------------------~768---------------------------------*/
/*----------------------------------------------~768---------------------------------*/

@media all and (min-width:768px) {
.pc{
display:block !important;
}
.mobile{
display:none !important;
}
.pctable{
display:table !important;
}

/*미션과 비전*/
.intro_album{
width:1198px;
margin:0 auto;
}
.intro_album li{
float:left;
margin-right:18.5px;
}
.intro_album li:last-child{
margin-right:0;
}
/*직원소개*/
.ourinfo>li{
float:left;
padding-top:10px;
padding-bottom:10px;
}
.lit_btn{
float:left;
margin-top:4px;
margin-right:10px;
}
.our_tel{
padding-left:27px;
color:#353535;
min-width:160px;
}
.telnone{
width:100px;
float:left;
text-align:center;
}
.floor_con{
font-size:15px;
color:#353535;
font-size:normal;
}
.floor_ttl{
font-weight:500;
color:#353535;
font-size:15px;
text-align:center;
}



/*연혁*/
.history_wrap_pos{
position:relative;
background:url(/img/intro4_01.png) no-repeat bottom right;
}
.h_year,.h_contnet{
float:left;
}
.h_year{
width:15%;
}

.h_contnet{
width:80%;
margin-left:5%;
}
.h_line{
height:1279px;
width:5px;
position:absolute;
left:15%;
top:0;
}

/*시설안내*/
.bd_pic{
width:37%;
float:left;
}
.bd_pic img{
width:100%;
}

.floor_info{
float:left;
margin-left:3%;
width:60%;
}

.floor_con{
padding-left:1%;
width:37%;
}
.floor_con2{
width:33%;
}
.floor_ttl{
font-weight:500;
width:13%;
}
/*시설안내탭*/
.tab_cont1 .tabs li{
	float:left;
	padding: 10px 1%;
	width:11%;
	margin-right:2.6%;
}
.tab_cont1 .tabs li:last-child{
margin-right:0;
}
/*오시는길*/
.pbtrs{
float:left;
line-height:25px;
}
.pbh{
line-height:121px;
}
.pbh2{
line-height:100px;
}
/*팀별사업*/

/*팀별사업-탭*/
.tab_cont2 .tabs li{
	padding: 10px 1%;
	width:160px;
	margin-right:2%;
}

.team_conlong{
width:495px !important;
margin-right:0 !important;
}

.tab_cont2 .tab-content ul li{
padding:10px 0;
margin-right:15px;
margin-bottom:30px;
cursor:pointer
}
.tab_cont2 .tab-content li:last-child{
margin-right:0;}


.tab_cont2 #tab-1 .team_bgi{
background:url(/img/team1.png) no-repeat center -300px;
}
.tab_cont2 #tab-2 .team_bgi{
background:url(/img/team2.png) no-repeat;
}
.tab_cont2 #tab-3 .team_bgi{
background:url(/img/team3.png) no-repeat;
}
.tab_cont2 #tab-4 .team_bgi{
background:url(/img/team4.png) no-repeat;
}
.tab_cont2 #tab-5 .team_bgi{
background:url(/img/team5.png) no-repeat;
}
.team_sc{
opacity:0;
position:absolute;
width:94%;
background-color:rgba(239, 142, 5, 0.9);
color:#fff;
font-size:14px;
padding:3%;
border-radius:10px;
bottom:60px;
transition:all 0.4s;
line-height:19px;
z-index:-1;
}


/*기능별사업*/
.tab_cont3 .tabs li{
	padding: 10px 1%;
	width:160px;
	margin-right:2%;
}
/*기능별-탭-사례관리기능*/
.tab_cont3 #tab-1 ul li{
padding:10px 0;
margin-right:100px;
margin-bottom:60px;
}
.tab_cont3 #tab-1 li:last-child{
margin-right:0 !important;
}

.tab_cont3 .func_st2 .team_bgi{
padding:30px 5%;
width:90%;
}

/*대상별사업*/
.tab_cont4 .tabs li{
	padding: 10px 1%;
	width:160px;
	margin-right:2%;
}
/*대상별-탭-*/


.tab_cont4 .tab-content .gg_pro > li{
border:1px solid #d2d2d2;
width:96%;
padding:2%;
margin-bottom:40px;
}
.tab_cont4 .tab-content .gg_pro .gp{
float:left;
}
.tab_cont4 .tab-content .gg_pro .gp1{
padding-right:25px;
border-right:1px solid #d2d2d2;
margin-right:25px;
}
.tab_cont4 .tab-content .gg_pro .gp2 li{
line-height:22px;
}
.tab_cont4 .tab-content .gg_pro .gp2 li .func_ttl4{
font-size:14px;
color:#353535;
font-weight:600;
font-family:'malgun gothic';
margin-right:2px;
}
.tab_cont4 .tab-content .gg_pro .gp2 li .func_txt{
font-size:14px;
color:#353535;
font-family:'malgun gothic';
}
.gpttl{
color:#252525;
font-size:16px;
font-weight:500;
}



/*한마음센터소개*/

.center_gre .mind_btns{
text-align:center;
}
.center_gre .mind_btns li{
margin-right:30px;
width: 320px;
background-color:#f5f5f5;
padding:20px 10px;
border-top:1px solid #e9480b;
}
.center_gre .mind_btns li:last-child{
margin-right:0;
}
.center_gre .mind_btns li a{
padding: 10px 3px;
width: 140px;
margin:0 auto;
margin-top:10px;
}
.center_gre .mind_btns li a:hover{
background-color:#e9480b;
color:#fff;
}
/*한마음센터-심리상담*/
.center_coun1 .gp2 li:nth-child(odd){
background-color:#f8f7f7;
}
.center_coun1 .gp2 li .func_ttl4{
margin-right:20px;
min-width:150px;
}
.center_coun1 .gp2 li .func_txt{
font-size:15px;
color:#353535;
}
.pbh3{
line-height:125px;
}
.pbh4{
line-height:75px;
}
/*심리상담-이용방법*/
.cc_howto{
text-align:center;
}
.cc_howto li{
display:inline-block;
padding:0 10px;
font-weight:500;
color:#353535;
}
.cc_howto li:nth-child(even) img{
position:relative;
top:-62px;
}

.center_coun1 .team_bgi {
    padding: 30px 5%;
    width: 90%;
}
.center_coun1 .our_name{
text-align:center;
}
/*발달심리검사*/
.center_coun3 .mind_btns{
text-align:center;
margin-top:20px;
}
.center_coun3 .mind_btns li{
margin-right:30px;
width: 500px;
padding:20px 10px;
}
.center_coun3 .mind_btns li:last-child{
margin-right:0;
}
.center_coun3 .mind_btns li .coun3_ttl1{
padding: 10px 3px;
width: 140px;
margin:10px auto 20px;
}
/*후원자원봉사-후원안내*/
.sup01_wrap{
text-align:center;
}
.sup01_wrap li{
display:inline-block;
margin-right:23px;
width:258px;
border:1px solid #e9480b;
border-right:none;
border-left:none;
padding:20px 0;
background-color:#fafafa;
}
.sup01_wrap li img{
}
.sup01_wrap li:last-child{
margin-right:0;
}
.sup01_wrap .supttl01{
text-align:center;
font-weight:500;
color:#252525;
font-size:16px;
}
.sup01_wrap .suptxt{
color:#353535;
font-size:14px;
}
.sup01_wrap .supline{
width:50px;
background-color:#666;
height:1px;
margin:10px auto;
}
/*후원신청방법*/
.center_gre .mind_btns{
text-align:center;
}
.support01 .mind_btns li{
margin-right:30px;
width: 320px;
background-color:#f5f5f5;
padding:20px 10px;
border-top:1px solid #e9480b;
}
.support01 .mind_btns li:last-child{
margin-right:0;
}
.support01 .mind_btns li .sup_btn{
padding: 10px 3px;
width: 80%;
margin:20px auto;
background-color:#22A74F;
color:#fff;
font-size:17px;
padding:7px 0;
border-radius:30px
}
.support01 .mind_btns li .sup_btn:hover{
background-color:#e9480b;
color:#fff;
}
.support01 .mind_btns li .mbttl3{
font-size:15px;
color:#353535;
}

/*자원봉사신청방법*/
.volun .mind_btns li{
margin-right:37px;
width: 515px;
background-color:#f5f5f5;
padding:20px 10px;
border-top:1px solid #e9480b;
}
.volun .mind_btns li:last-child{
margin-right:0;
}
.volun .mind_btns li .sup_btn{
padding: 10px 3px;
width: 80%;
margin:20px auto;
background-color:#22A74F;
color:#fff;
font-size:17px;
padding:7px 0;
border-radius:30px
}
.vms{
display:block;
padding:0px 10px;
font-size:13px;
text-align:center;
min-width:100px;
border-radius:10px;
position:relative;
top:22px;
left:10px;
}
.vms{
float:left;
background-color:#22A74F;
color:#fff;
}

/*폼, 양식관련 css*/

/*기관방문신청*/
.ggform_bdw{
width:880px !important;
}
.ggform{
/*width:848px;*/
padding:30px 40px;
box-sizing:border-box;
}
.ggform1>li{
width:49%;
float:left;
}
.ggform1 .mr{
margin-right:2%;
}


.form_btn_wrap{
width:100%;
margin:40px 0;
}
.fbw1,.fbw2{
}
.fbw a{
width:150px;
line-height:40px;
}
.w100{
width:100%;
}
.agree_form01 span{
color:#222;
font-family:'Nanum Gothic';
font-weight:600;
}
.agree_form01{
padding:12px 5%;
width:90%;
}
.agree_wrap .fr{
float:right;
}
.agreeex{
float:left;

margin-left:10px;
}
/*로그인페이지*/


.order_wrap{
width:500px;
height:600px;
margin:0 auto;
}
.login_st{
width:100%;
margin-top:15px;
}

.login_st input[type=text],.login_st input[type=email]{
padding:3%;
font-size:15px;
width:100%;
box-sizing:border-box;
margin-bottom:8px;
border:1px solid #d8d8d8;
height:45px;
}

.login_st .pwdBox{
	padding:3%;
	font-size:15px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:8px;
	border:1px solid #d8d8d8;
	height:45px;
}

.login_btn{
	float:left;
	margin-right:10px;
}
.login_btn p{
float:left;
margin-left:27px;
font-size:14px;
font-weight:bold;
line-height:22px;
}

.login_btn .squaredThree{
float:left;
}

.lg_btn a{
background-color:#fff;
color:#333;
border:1px solid #d2d2d2;
text-align:center;
display:block;
padding:3% 0;
margin:3% 0;
font-weight:500;
font-size:15px;
width:49%;
float:left;
box-sizing:border-box;

}

.lg_btn a:nth-child(1){
margin-right:2%;
}
.bt_btn .login_go{
margin:4% auto 0%;
}
.login_ex p{
margin:0 auto;
width:100%;
margin-bottom:7px;
line-height:15px;
margin-top:15px;
}



.bt_btn a{
background-color:#e94609;
color:#fff;
text-align:center;
display:block;
padding:3% 0;
margin:4% 0;
font-weight:bold;
font-size:18px;
}

.bt_btn2 a{
background-color:#37a1d2;
color:#fff;
text-align:center;
display:block;
padding:3% 0;
margin:4% 0;
font-weight:bold;
font-size:20px;
}
.lg_logo{
width: 280px;
margin:75px auto 40px;
}

.lg_logo img{
width:100%;
}
.login_subcon{
height: 660px !important;
}



.join_id{
width:250px !important;
}


/*강좌신청*/


.pr_fl{
width:33.3%;
float:left;
}

.pr_day .pr_link{
width:11%;
cursor:pointer
}

.pr_sep .pr_link{
width:24%;
cursor:pointer
}

.pr_link:hover{
background-color:#22A74F;
color:#fff;
}
.pr_sq label:first-child{
border-left:1px solid #d2d2d2;
}
.pr_sq label:last-child{
border-right:1px solid #d2d2d2;
}
.prfl{
float:left;
}

.prtxt{
height:44px;
padding:10px 0;
}

.prtxt2{
height:60px;
padding:0px;
font-size:15px;
color:#353535;
}


.prw1{
width:40%;
font-weight:600;
}


.prw2{
width:8%;
}
.prw3{
width:20%;
}
.prw4{
width:17%;
}
.prw5{
width:7%;
}

.prw6{
width:8%;
}

/*강좌신청*/
.program_ttl{
font-size:24px;
color:#333;
margin-bottom:15px;
}
.pr_view_table{
width:58%;
margin-left:2%;
border-top:2px solid #76bbfa;
border-bottom:2px solid #76bbfa;
}
.pr_view_table,.pr_view_table td,.pr_view_table th{
border-collapse:collapse;
}

.pr_view_table td,.pr_view_table th{
padding:10px 5px;

border-bottom:1px dashed #d2d2d2;
font-size:14px;
}

.pr_view_table th{
font-weight:400;
text-align:left;
width:100px;
padding-left:20px;
color:#666;
background-color:#fafafa;
}
.pr_view_table td{
padding-left:10px;
color:#353535;
}

.view_img{
width:400px;
height:330px;
overflow:hidden;
}

.view_img img{
width:100%;
height:330px;
}

.vcttl{
width:100%;
height:50px;
line-height:50px;
color:#353535;
font-size:18px;
text-align:center;
border-radius:10px 10px 0 0 ;
background-color:#e0f0fe;
margin-top:30px;
}
.vc_con{
width:96%;
padding:15px 2%;
background-color:#fefefe;
border-bottom:1px solid #eee;
}

.pr_name_table{
width:100%;height:60px
}

.pr_name_table td{
vertical-align:middle;text-align:center
}


.pr_ok_btn2{
display: block;
    width: 50px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    height: 30px;
    font-size: 11px;
    background-color: #6f7997;
    margin: 5px auto;
}
.pr_ok_btn2 table{
    line-height: 30px;
    height: 30px;
}


/*댓글수정시 비밀번호 팝업*/
.comment_wcon{
width:450px;
}

.cmpwinput_wrap{
width:400px;
margin:15px auto 0;
}

.cint{
float:left;
}
.cmpwinput1{
width:25%;
line-height:36px;
height:36px;
}

.cmpwinput2{
width:100%;
}
/*강좌바구니*/

.pr_cart_wrap .prw0{
width:5%;
line-height:44px;
}
.pr_cart_wrap .prw0 input[type='checkbox']{
display:block;

margin:23px auto 0;
}

.pr_cart_wrap .prw1{
width:48%;
font-weight:600;
}

.pr_cart_wrap .prw3{
width:20%;
}
.pr_cart_wrap .prw4{
width:14%;
}
.pr_cart_wrap .prw5{
width:13%;
}

.pro_tprice{

margin-top:40px;

}

.pttpttl,.pttpcon{
height:44px;
line-height:44px;
margin:0 auto;
}

.pro_tprice li{
float:left;
width:33.2%;
text-align:center;
color:#353535;
border-top:1px solid #888;
border-right:1px solid #d2d2d2;
}
.pro_tprice li:last-child{
border-right:none;
}


.pttpttl{
background-color:#f7f7f7;
}

.pttpcon{
border-bottom:1px solid #888;
}
.redbg{
background-color:#ecf9fb !important;
}

.redbg2{
background-color:#f7fdff;
}

.laspr{
font-weight:600;
font-size:20px;
color:#333;
}

.pro_chk_di{
text-align:left;
width:25%;
background-color:#FFF;
height:40px;
line-height:40px;
box-sizing:border-box;
float:left;
border-right:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
}
.bdbnone{
border-bottom:none;
width:33.3%;
}

.w333{
width:33.3%;
}
.pro_chk_di:last-child{
border-right:none;
}
.pro_chk_di p{
display:inline-block;
font-size:14px;
margin-left:40px;
}
.pro_chk_di .squaredThree label{
display:inline-block;
margin-top:12px;
margin-left:10px;
}
/*강좌신청서 하단 강좌정보*/
#pr_info0{
background-color:#FFF;
}
#pr_info2 li:nth-child(1){
width:57%;

}
#pr_info0 .prw1{
width:57%;
}

#pr_info2 li:nth-child(2){
width:26%;
}
#pr_info0 .prw3{
width:26%;
}

/*강좌바구니2*/
.pr_cart_wrap .pr_list_ttltop4 .pcart1{
width:10%;

}
.pr_cart_wrap .pr_list_ttltop4 .pcart2{
width:34%;
}
.pr_cart_wrap .pr_list_ttltop4 .pcart3{
width:17%;
}
.pr_cart_wrap .pr_list_ttltop4 .pcart4{
width:15%;
}
.pr_cart_wrap .pr_list_ttltop4 .pcart5{
width:12%;
}
.pr_cart_wrap .pr_list_ttltop4 .pcart6{
width:12%;
}

.pr_list_ttltop4 li{
padding:10px 0;
position:relative;
}


/*개별강좌내역*/
.pr_cart_wrap .pr_list_ttltop5 .pcart1{
width:40%;
}
.pr_cart_wrap .pr_list_ttltop5 .pcart2{
width:20%;
}
.pr_cart_wrap .pr_list_ttltop5 .pcart3{
width:20%;
}
.pr_cart_wrap .pr_list_ttltop5 .pcart4{
width:20%;
}

.pr_list_ttltop5 li{
padding:8px 0;
position:relative;
}
.pr_list_ttltop5 li:hover .pcdtbtn{
display:block;
}



.pcdtbtn{

display:none;
width:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(118,187,250,0.3);
height:100%;
}

.pr_list_ttltop4 li:hover .pcdtbtn{
display:block;
}

.pcdtbtn table{
width:100%;
height:100%;
}
.pcdtbtn table td{
width:100%;
height:100%;
vertical-align:middle;
}

.pr_ok_btn12{
display:block;
width:100px;
text-align:center;
color:#fff;
line-height:40px;
height:40px;
font-size:15px;
margin:5px auto;
border:2px solid #fff;
background-color:rgba(118,187,250,0.7);
transition:all 0.3s
}
.pr_ok_btn12:hover{
background-color:rgba(118,187,250,1);
}





/*인사말*/
.grewrap{
width:1198px; margin:40px auto; padding-bottom:40px
}
.greet li{
float:left;
}
.greet li img{
display:block;
vertical-align:top;
}
.greeting3{
background:url('/img/greeting03.png');
width:100%;
height:521px;
text-align:center;
font-size:17px;
line-height:30px;
color:#353535;
padding-top:80px;
background-color:rgba(0, 0, 0, 0.5);
}

/*환불규정팝업*/
.rd_pop{
width:480px;

}


}
/*-----------------------------------------------------------------------768~0---------*/
/*-----------------------------------------------------------------------768~0---------*/
/*-----------------------------------------------------------------------768~0---------*/
/*-----------------------------------------------------------------------768~0---------*/
/*-----------------------------------------------------------------------768~0---------*/
/*-----------------------------------------------------------------------768~0---------*/
/*-----------------------------------------------------------------------768~0---------*/
@media all and (max-width: 768px) {
.pc{
display:none !important;
}
.mobile{
display:block !important;
}
.pctable{
display:none !important;
}
.wordbr{
  word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

.sub_contents{
padding-top:42px;
}
.sub_top_img{
width:100%;
height:160px;
}
.sm_depth1_ttl,.sm_depth2_ttl{
text-align:center;
color:#fff;
}
.sm_depth1_ttl{
padding-top:34px;
font-size:18px;
font-weight:400;
}
.sm_depth2_ttl{
font-size:30px;
font-weight:500;
}
.submenu_line{
width:100px;
height:1px;
background-color:#FFF;
margin:8px auto 3px;
}
.subcon_graybg{
background-color:#f1f1f1;
}
.sub_con{
width:100%;
box-sizing:border-box;
margin:0 auto;
top:0px;
padding:0px 7px;

}
.shadow2{
-webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.0);
-moz-box-shadow:    2px 2px 10px 0px rgba(50, 50, 50, 0.0);
box-shadow:         2px 2px 10px 0px rgba(50, 50, 50, 0.0);
}
.page_copy a{
float:right;
margin-right:0px;
margin-top:10px;
}

.intro_border{
width:60%;
height:1px;
margin:0 auto;
background-color:#ddd;
}
.subcon_ttl{
width:100%;
margin: 0 auto;
}

.subcon_ttl div{
text-align:center;
padding-bottom:10px;
color:#333;
}
.sut_01{
font-size:20px;
}

.sut_02{
width:50px;
margin:0 auto;
}
.sut_02 img{
width:100%;
display:block;
margin:0 auto;
}
.sut_03{
padding-bottom:0;
font-size:13px;
}
.con_wrap1098{
width:100%;
}

/*미션과 비전*/
.gr01{
width:100% !important;
display:block;
margin:0 auto 40px;
}

.intro_album{
width:100%;
margin:0 auto;
}
.intro_album li{
width:96%;
margin:0 auto 30px;
}

.intro_album li img{
width:100%;
}

/*직원소개*/

.ourcenter_ttl1{
width:100%;
}
.ourcenter_ttl2{
width:100%;
letter-spacing:-1px;
}
.ourinfo li{
text-align:center;
padding:5px 0;
}
.lit_btn{
margin:5px auto;
}
.our_name{
width:100%;
padding-left:0;
padding:8px 0 !important;
}
.our_tel{
width:100%;
}
.our_work{
width:100%;
}
.telnone{
text-align:center;
}

/*연혁*/

.h_year{
width:100%;
}
.h_contnet{
width:100%;
margin-top:10px;
}
.h_line{
height:1119px;
width:5px;
position:absolute;
left:15%;
top:0;
}

/*시설안내*/
.bd_pic{
width:100%;
}
.bd_pic img{
width:100%;
}
.ourinfo li{
width:100%;
}
.floor_con,.floor_con2,.floor_ttl{
text-align:center;
}
/*시설안내탭*/
.tab_cont1 .tabs li{
	float:left;
	padding: 10px 0;
	width:49%;
	margin-right:2%;
	margin-bottom:5px;
}
.tab_cont1 .tabs li:nth-child(even){
margin-right:0;
}
/*오시는길*/
.pbtrs{
letter-spacing:-1px;
line-height:30px;
}

/*팀별사업-탭*/
.tab_cont2 .tabs{
text-align:center;
}
.tab_cont2 .tabs li{
	display:inline-block;
	padding: 10px 1%;
	width:40%;
	margin-right:0%;
	margin-bottom:15px;
	border-radius:border-box;
	font-size:13px;
}
.tab_cont2 .tabs li:l-child{
margin-right:0;
}
.tab_cont2 .tab-content ul li{
padding:10px 0;
margin-right:0px;
margin-bottom:20px;
}


.tab_cont2 #tab-1 .team_bgi{
background:url(/img/team1.png)   no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 .tab_cont2 #tab-2 .team_bgi{
background:url(/img/team2.png)   no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 .tab_cont2 #tab-3 .team_bgi{
background:url(/img/team3.png)  no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.tab_cont2 #tab-4 .team_bgi{
background:url(/img/team4.png)  no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.tab_cont2 #tab-5 .team_bgi{
background:url(/img/team5.png)  no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/*기능별 사업-탭*/
.tab_cont3 .tabs{
text-align:center;
}
.tab_cont3 .tabs li{
	display:inline-block;
	padding: 10px 1%;
	width:40%;
	margin-right:0%;
	margin-bottom:15px;
	border-radius:border-box;
	font-size:13px;
}
.tab_cont3 .tabs li:l-child{
margin-right:0;
}
.tab_cont3 .tab-content ul li{
padding:10px 0;
margin-right:0px;
margin-bottom:20px;
}

.tab_cont3 .func_st2 .team_bgi {
    padding: 30px 4%;
    width: 92%;


}

/*대상별 사업-탭*/
.tab_cont4 .tabs{
text-align:center;
}
.tab_cont4 .tabs li{
	display:inline-block;
	padding: 10px 1%;
	width:40%;
	margin-right:0%;
	margin-bottom:15px;
	border-radius:border-box;
	font-size:13px;
}
.tab_cont4 .tabs li:l-child{
margin-right:0;
}
.tab_cont4 .tab-content ul li{
padding:10px 0;
margin-right:0px;
margin-bottom:20px;
}

.tab_cont4 .tabs{
text-align:center;
}
.tab_cont4 .tabs li{
	display:inline-block;
	padding: 10px 1%;
	width:40%;
	margin-right:0%;
	margin-bottom:15px;
	border-radius:border-box;
	font-size:13px;
}
.tab_cont4 .tabs li:l-child{
margin-right:0;
}
.tab_cont4 .tab-content ul li{
padding:10px 0;
margin-right:0px;
margin-bottom:0px;
}

.tab_cont4 .func_st2 .team_bgi {
    padding: 30px 4%;
    width: 92%;

}


/*대상별-탭-*/


.tab_cont4 .tab-content .gg_pro > li{
border:1px solid #d2d2d2;
width:96%;
padding:2%;
margin-bottom:40px;
}
.tab_cont4 .tab-content .gg_pro .gp{
width:100%;
}
.tab_cont4 .tab-content .gg_pro .gp1{
padding-right:25px;
border-right:1px solid #d2d2d2;
margin-right:25px;
text-align:center;
}
.tab_cont4 .tab-content .gg_pro .gp2 li{
line-height:22px;
}
.tab_cont4 .tab-content .gg_pro .gp2 li .func_ttl4{
font-size:14px;
color:#353535;
font-weight:600;
font-family:'malgun gothic';
margin-right:2px;
width:15%;
box-sizing:border-box;
float:left;
}
.tab_cont4 .tab-content .gg_pro .gp2 li .func_txt{
float:left;
font-size:14px;
color:#353535;
font-family:'malgun gothic';
width:80%;
box-sizing:border-box;
}

.tab_cont4 .tab-content ul .gpttl{
color:#252525;
font-size:16px;
font-weight:400;
text-align:center;
background-color:#a1a0a0;
padding:5px;
width:50%;
margin:0 auto;
border-radius:10px;
color:#fff;
}

/*한마음센터소개*/
.center_gre img{
width:100%;
}
.center_gre .mind_btns{
text-align:center;
}
.center_gre {
  word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
.center_gre .mind_btns li{
margin-right:0px;
margin-bottom:20px;
width: 100%;
background-color:#f5f5f5;
padding:20px 10px;
border-top:1px solid #e9480b;
box-sizing:border-box;
}
.center_gre .mind_btns li:last-child{
margin-right:0;
}
.center_gre .mind_btns li a{
padding: 10px 3px;
width: 140px;
margin:0 auto;
margin-top:10px;
}
.center_gre .mind_btns li a:hover{
background-color:#e9480b;
color:#fff;
}
/*한마음센터-심리상담*/
.center_coun1 .gp2 li .func_ttl4{
font-size:14px;
color:#353535;
font-weight:400;
margin-right:2px;
box-sizing:border-box;
}
.center_coun1 .gp2 li .func_txt{
font-size:14px;
color:#353535;
box-sizing:border-box;
}
.center_coun1 .gp2 li{
line-height:22px;
padding:12px 0 12px 20px;
}
/*심리상담-이용방법*/
.cc_howto{
}
.cc_howto li{
text-align:center;
font-weight:500;
color:#353535;
width:100%;
background-color:#f6f6f6;
margin-bottom:5px;
}
.cc_howto li img,.cc_howto li div{
display:inline-block;
}
.cc_howto li img{
width:50px;
}
.ht_ttl1{
position:relative;
top:-15px;
}
.cc_howto li:nth-child(even) img{
display:none;
}
.center_coun1 .team_bgi {
    padding: 30px 5%;
    width: 90%;
}
.center_coun1 .ourinfo{
padding:0 4%;
box-sizing:border-box;
}
.center_coun1 .ourinfonp{
padding:0;
}
.center_coun1 .ourinfonp div{
width:100%;
}
.center_coun1 .ourinfo li div{
float:left;
}
.center_coun1 .ourinfo li .orange_bullet{

}
.center_coun1 .ourinfo li .func_ttl4{
float:left;
width:20%;
margin-right:5px;
}
.center_coun1 .ourinfo li .func_txt{
text-align:left;
width:70%;
}
/*발달심리검사*/
.center_coun3 .mind_btns{
text-align:center;
margin-top:20px;
word-break:keep-all;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
.center_coun3 .mind_btns li{
margin-right:0px;
width: 100%;
padding:20px 10px;
margin-bottom:50px;
box-sizing:border-box;
}
.center_coun3 .mind_btns li:last-child{
margin-right:0;
margin-bottom:0;
}
.center_coun3 .mind_btns li .coun3_ttl1{
padding: 10px 3px;
width: 140px;
margin:10px auto 20px;
}

.target_wrap .target_line,.target_wrap .mbttl3{
word-break:keep-all;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}

/*후원-자원봉사*/
.support01 .mind_btns li{
margin-right:0px;
margin-bottom:20px;
width: 100%;
background-color:#f5f5f5;
padding:20px 10px;
border-top:1px solid #e9480b;
box-sizing:border-box;
}
.support01 .mind_btns li:last-child{
margin-right:0;
}
.support01 .mind_btns li .sup_btn{
width: 80%;
margin:10px auto;
}
.support01 .mind_btns li .sup_btn:hover{
background-color:#e9480b;
color:#fff;
}

.sup_cu .func_txt{
padding-left:10px !important;
}.sup01_wrap{
text-align:center;
}
.sup01_wrap li{
display:inline-block;
margin-right:0px;
width:100%;
border:1px solid #e9480b;
border-right:none;
border-left:none;
border-bottom:none;
padding:20px 0;
background-color:#fafafa;
}
.sup01_wrap li img{
width:100px;
}
.sup01_wrap li:last-child{
margin-right:0;
border-bottom:1px solid #e9480b;
}
.sup01_wrap .supttl01{
text-align:center;
font-weight:500;
color:#252525;
font-size:16px;
}
.sup01_wrap .suptxt{
color:#353535;
font-size:14px;
}
.sup01_wrap .supline{
width:50px;
background-color:#666;
height:1px;
margin:10px auto;
}
.sup01_img{
width:100%;
}
/*자원봉사안내*/
.volun_pro li{
width:80%;
text-align:center;
padding:10px;
font-size:14px;
color:#353535;
margin:0 auto;
}
.volun_pro li:nth-child(odd){
background-color:#f5f5f5;
border-radius:6px;
border:1px solid #d2d2d2;
}
.volun_pro li:nth-child(even){
padding:0;
margin:10px auto;
}

.volun_pro li:nth-child(even) img{
width:25px;
display:block;
margin:0 auto;
}
.vms{
display:block;
padding:0px 10px;
font-size:13px;
text-align:center;
min-width:100px;
border-radius:10px;
margin-left:10px;
}
.vms{
float:left;
background-color:#22A74F;
color:#fff;
}




/*기관방문신청*/

.ggform{
width:100%;
margin:0px auto;
padding:30px 20px;
background-color:#eef2f5;
border-radius:5px;
box-sizing:border-box;
}
.ggform1>li{
width:100%;
margin-bottom:20px;
}


.ggform .li100{
width:100%;
margin-right:0;
}

.ggform .li100 .ip_1{
padding:12px 1%;
width:98%;
}
.formttl1{
font-family:'Nanum Gothic';
font-weight:600;
color:#444;
font-size:15px;
margin-bottom:5px;
}
.ip_1{
padding:12px 1%;
width:98%;
border:1px solid #d2d2d2;
border-radius:5px;
font-size:14px;
}

.form_btn_wrap{
width:100%;
text-align:center;
margin:40px 0;
}
.fbw1,.fbw2{
display:inline-block;
border-radius:5px;
}
.fbw a{
font-family:'Nanum Gothic';
display:block;
width:120px;
line-height:40px;
text-align:center;
font-size:15px;
font-weight:600;
color:#fff;
}
.fbw1{
background-color:#5eb7e8;
margin-right:10px;
}

.fbw2{
background-color:#888;
}
.fbw a:hover{
background-color:#98ad08;
border-radius:5px;
}
.bgc_fff{
background-color:#fff;
}

.w100{
width:100%;
}

.agree_form01{
padding:12px 5%;
width:90%;
margin-bottom:10px;
font-size:14px;
line-height:25px;
color:#353535;
}
.agree_wrap .fr{
float:left;
}
.agreeex{
float:left;
font-size:14px;
color:#353535;
margin-left:10px;
}
.bdtb{
border-top:1px solid #999;
border-bottom:1px solid #999;
}
.sup3 .box_radio , .sup4 .box_radio{
width:100%;
}
.bdtn{
border-top:none !important;
}
.mbdr{
border-right:1px solid #d2d2d2 !important;
}

.mbdl{
border-left:1px solid #d2d2d2 !important;
}
.om_dis{
width:100%;
float:left;
display:none;
line-height:44px;
box-sizing:border-box;
border:1px solid #d2d2d2;
background-color:#f1f1f1;
}



.sup4 .box_radio{
width:100% !important;
}

.om_dis2{
width:100%;
float:left;
line-height:44px;
box-sizing:border-box;
border:1px solid #d2d2d2;
background-color:#ecfcff;
border-left:none;
text-align:center;
}
/*로그인페이지*/
.order_wrap{
width:100%;
margin:0 auto;
height:400px;
}
.login_st{
width:100%;
margin-top:15px;
}

.login_st input[type=text],.login_st input[type=email]{
padding:3%;
font-size:15px;
width:100%;
box-sizing:border-box;
margin-bottom:8px;
border:1px solid #d8d8d8;
height:45px;
}

.login_st .pwdBox{
	padding:3%;
	font-size:15px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:8px;
	border:1px solid #d8d8d8;
	height:45px;
}



.lg_btn a{
background-color:#fff;
color:#333;
border:1px solid #d2d2d2;
text-align:center;
display:block;
padding:3% 0;
margin:3% 0;
font-weight:500;
font-size:15px;
width:49%;
float:left;
box-sizing:border-box;

}

.lg_btn a:nth-child(1){
margin-right:2%;
}
.bt_btn .login_go{
margin:4% auto 0%;
}
.login_ex p{
margin:0 auto;
width:100%;
margin-bottom:7px;
line-height:15px;
margin-top:15px;
}



.bt_btn a{
background-color:#e94609;
color:#fff;
text-align:center;
display:block;
padding:3% 0;
margin:4% 0;
font-weight:bold;
font-size:18px;
}

.bt_btn2 a{
background-color:#37a1d2;
color:#fff;
text-align:center;
display:block;
padding:3% 0;
margin:4% 0;
font-weight:bold;
font-size:20px;
}
.lg_logo{
width: 280px;
margin:70px auto 40px;
}

.lg_logo img{
width:100%;
}

.login_subcon{
height: 580px !important;
padding:0 4%;
box-sizing:border-box
}
/*회원가입*/
.join_id{
width:70% !important;
}

.add001{
width:100%;
margin-bottom:10px
}

.bntstyle1{
width:20% !important;
height:45px;
text-align:center;
background-color:#7d86a6;
color:#fff;
display:block;
float:left;
line-height:45px;
font-size:13px;
margin-left:4px;
border-radius:5px
}

.ppbox p{
width:80%;
margin:0 auto;
}
.ipmt10{
margin-top:10px;
}
/*강좌신청*/

.pr_in{
width:94%;
padding:3%;
border-radius:6px;
}
.pr_search{
padding: 5px 1%;
height:28px;
float:left;
width:90%;
font-size:14px;
}

.pr_search_btn{
width:20%;
}

.pr_fl{
width:100%;
}

.pr_day .pr_link{
width:11%;
}

.pr_sep .pr_link{
width:32%;
}

.pr_link input:checked + .box_radio,.pr_link input:hover + .box_radio {
background: #999;
border-color: #767676;
color:#fff;
}

.pr_link input[type="checkbox"]{
display:none;
}


.pr_link input[type="radio"]{
display:none;
}

.pr_sq label:first-child{
border-left:1px solid #d2d2d2;
}
.pr_sq label:last-child{
border-right:1px solid #d2d2d2;
}
.prtxt{
text-align:center;
font-size:15px;
color:#353535;
padding:5px 0;
}

.prw1,.pliw3{
display:block;
width:90%;
text-align:center;
background-color:#d7effb;
border-radius:4px;
margin:0 auto;
padding:10px 5px;
box-sizing:border-box;

}

.pr_name_table{
width:100%;
}

.pr_name_table td{
vertical-align:middle;text-align:center
}

.prw2{
width:33.3%;
float:left;

}
.prw3{
width:100%;
}
.prw4{
width:100%;
}
.prw5{
width:33.3%;
float:left;
}

.prw6{
width:33.3%;
float:left;
}


.pr_cart_wrap  .prw5{
width:100%;
}

.pr_cart_wrap .pro_ok{
width:98%;
}

.pliw{width:100%;}

.pliw7,.pliw8,.pliw9{
width:33.3%;
float:left;
}

.pr_li_con{
border-top:1px solid #a2a2a2;
margin-top:30px;
}
.pr_li_con li{
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
padding:10px 0;
background-color:#fdfdfd;
margin-bottom:20px;
}

.pr_ok_btn1{
width:100px;
}

/*강좌신청*/
.program_ttl{
font-size:24px;
color:#333;
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.pr_view_table{
width:100%;
border-top:2px solid #76bbfa;
border-bottom:2px solid #76bbfa;
}
.pr_view_table,.pr_view_table td,.pr_view_table th{
border-collapse:collapse;
}

.pr_view_table td,.pr_view_table th{
padding:10px 5px;

border-bottom:1px dashed #d2d2d2;
font-size:14px;
}

.pr_view_table th{
font-weight:400;
text-align:left;
width:100px;
padding-left:20px;
color:#666;
background-color:#fafafa;
}
.pr_view_table td{
padding-left:10px;
color:#353535;
}

.view_img{
width:100%;
}

.view_img img{
width:100%;
height:330px;
}

.vcttl{
width:100%;
height:50px;
line-height:50px;
color:#353535;
font-size:18px;
text-align:center;
border-radius:10px 10px 0 0 ;
background-color:#e0f0fe;
margin-top:30px;
}
.vc_con{
width:96%;
padding:15px 2%;
background-color:#fefefe;
border-bottom:1px solid #eee;
}

.vc_btns .fbw{
width:30%;
text-align:center;
}
.vc_btns .fbw a{
width:100%;
text-align:center;
}
./*댓글수정시 비밀번호 팝업*/
.comment_wcon{
width:100%;
}


/*강좌바구니*/
.pro_tprice{

margin-top:40px;

}

.pttpttl,.pttpcon{
height:44px;
line-height:44px;
margin:0 auto;
}

.pro_tprice li{
float:left;
width:100%;
box-sizing:border-box;
text-align:center;
color:#353535;
border-top:1px solid #888;
}
.pro_tprice li:last-child{
border-bottom:1px solid #d2d2d2;
}


.pttpttl{
background-color:#f6f6f6;
}

.pttpcon{
}
.redbg{
background-color:#ecf9fb !important;
}

.redbg2{
background-color:#f7fdff;
}

.laspr{
font-weight:600;
font-size:20px;
color:#333;
}


.pro_chk_di{
text-align:left;
width:100%;
background-color:#FFF;
height:40px;
line-height:40px;
box-sizing:border-box;
float:left;
border-right:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
}
.bdbnone{

}
.pro_chk_di:last-child{
border-right:none;
}
.pro_chk_di p{
display:inline-block;
font-size:14px;
margin-left:40px;
}
.pro_chk_di .squaredThree label{
display:inline-block;
margin-top:12px;
margin-left:10px;
}

/*강좌바구니2*/
.pr_listttltop3 .pr_name_table{
width:100%;
}

.pr_cart_wrap .pr_list_ttltop3 .pcart1{
width:10%;
float:left;

}
.pr_cart_wrap .pr_list_ttltop3 .pcart2{
width:90%;
float:left;
display: block;
text-align: center;
background-color: #d7effb;
border-radius: 4px;
margin: 0 auto;
padding: 10px 5px;
box-sizing: border-box;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart3{
width:100%;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart4{
width:100%;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart5{
width:100%;
}
.pr_cart_wrap .pr_list_ttltop3 .pcart6{
width:100%;
}

.pr_cart_wrap .pr_list_ttltop3 .pcart7{
width:100%;
}
/*강좌신청내역*/
.pr_cart_wrap .pr_list_ttltop4 .pcart2{
width:100%;
float:left;
display: block;
text-align: center;
background-color: #d7effb;
border-radius: 4px;
margin: 0 auto;
padding: 10px 5px;
box-sizing: border-box;
}

/*인사말*/
.grewrap{
width:100%;
margin:40px auto;
padding-bottom:40px
}
.greet li{
width:100%;
}
.greet li img{
width:100%;
display:block;
vertical-align:top;
}
.greeting3{
background:url('/img/greeting03.png');
width:90%;
padding:5%;
height:auto;
text-align:center;
font-size:17px;
line-height:30px;
color:#353535;
padding-top:80px;
background-color:rgba(0, 0, 0, 0.5);
}

.pcdtbtn table{
width:100%;
height:100%;
}
.pcdtbtn table td{
width:100%;
height:100%;
vertical-align:middle;
}

.pr_ok_btn12{
display:block;
width:100%;
text-align:center;
color:#fff;
line-height:30px;
height:30px;
font-size:13px;
margin:5px auto;
border:2px solid #fff;
background-color:#76bbfa;
margin:0 auto;
border-radius:5px
}

/*환불규정팝업*/
.rd_pop{
width:100%;


}