@charset "utf-8";

/*----------서브 메뉴----------*/
.sb_mu2 {width:100%;  margin-top:40px; letter-spacing:-0.03em;}
.sb_mu2 ul {margin:10 auto; width:100%; overflow:hidden; margin-bottom:30px;}
.sb_mu2 li {text-align:center; float:left; width:33%; text-align:center;padding:2px 2px;}
.sb_mu2 a {display:block;position:relative;margin-left:10px; padding:12px 0 10px 0; border:1px solid #999; background:#fff; color:#493e3b; font-size:16px;border-radius:4px; transition:0.3s;}
.sb_mu2 a:hover {background:#777; color:#fff;}
.sb_mu2 .on {z-index:2; background:#777; color:#fff;}

@media only screen and (max-width:1100px){
	.sb_mu2 ul {width:80%;}
}

@media only screen and (max-width:768px){
	.sb_mu2a ul {width:100%;}
	.sb_mu2a ul {overflow:hidden; margin-bottom:25px; }
	.sb_mu2a li {text-align:center; float:left; width:33.33%; text-align:center; margin-bottom:5px;}
	.sb_mu2a a {padding:10px 5px; font-size:13px;}
}


/*----------서브 메뉴----------*/
.sb_mu2a {width:100%;  margin-top:0px; letter-spacing:-0.03em;}
.sb_mu2a ul {margin:10 auto; width:90%; overflow:hidden; margin-bottom:20px;}
.sb_mu2a li {text-align:center; float:left; width:33%; text-align:center;padding:2px 2px;}
.sb_mu2a a {display:block;position:relative;margin-left:0px; padding:12px 0 10px 0; border:1px solid #fff; background:#fff;  font-size:16px;border-radius:4px; transition:0.3s;}
.sb_mu2a a:hover {background:#fff; color:#fff;}
.sb_mu2a .on {z-index:2; background:#fff; color:#fff;}

@media only screen and (max-width:1100px){
	.sb_mu2 ul {width:80%;}
}

@media only screen and (max-width:768px){
	.sb_mu2a ul {width:100%;}
	.sb_mu2a ul {overflow:hidden; margin-bottom:25px; }
	.sb_mu2a li {text-align:center; float:left; width:33.33%; text-align:center; margin-bottom:5px;}
	.sb_mu2a a {padding:10px 5px; font-size:13px;}
}



/*----------서브 메뉴----------*/
.sb_mu3 {width:100%;  margin-left:0%;}
.sb_mu3 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;font-weight:bold;                                                           background:#f7f7f7;}
.sb_mu3 ul {margin:0 auto; width:100%; overflow:hidden; margin-bottom:40px; }
.sb_mu3 li {text-align:center; float:left; width:50%; text-align:center;}
.sb_mu3 a {display:block;position:relative;margin-left:0px; padding:15px 0; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff; font-size:18px; color:#666;text-align:center;letter-spacing:-0.03em; line-height:1.2em;cursor:pointer}
.sb_mu3 .on {z-index:2; border-top:2px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; color:#222;font-weight:bold; background:#f7f7f7;}


@media only screen and (max-width:768px){
.sb_mu3 ul {width:100%;}
.sb_mu3 ul {overflow:hidden; margin-bottom:25px; }
.sb_mu3 a {padding:10px 5px; border:1px solid #d7d7d7;font-size:13px;}
.sb_mu3 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border:1px solid #d7d7d7;}
.sb_mu3 .on {border:1px solid #d7d7d7;}
}

/*----------서브 메뉴----------*/
.sb_mu4 {width:100%;  margin-top:40px; letter-spacing:-0.03em;}
.sb_mu4 ul {margin:0 auto; width:100%; overflow:hidden; margin-bottom:40px; }
.sb_mu4 li {text-align:center; float:left; width:25%; text-align:center;}
.sb_mu4 a {display:block;position:relative;margin-left:10px; padding:12px 0 10px 0; border-top:1px solid #493e3b; border-left:1px solid #493e3b; border-right:1px solid #493e3b; border-bottom:1px solid #493e3b; background:#fff; color:#493e3b; font-size:16px;border-radius:4px; transition:0.3s;}
.sb_mu4 a:hover {background:#493e3b; color:#fff;}
.sb_mu4 .on {z-index:2; background:#493e3b; color:#fff;}

@media only screen and (max-width:1100px){
	.sb_mu4 ul {width:80%;}
}

@media only screen and (max-width:768px){
	.sb_mu4 ul {width:100%;}
	.sb_mu4 ul {overflow:hidden; margin-bottom:25px; }
	.sb_mu4 li {text-align:center; float:left; width:50%; text-align:center; margin-bottom:5px;}
	.sb_mu4 a {padding:10px 5px; font-size:13px;}
}


/*----------서브 메뉴----------*/
.sb_mu5 {width:100%;  margin-top:40px; letter-spacing:-0.03em;}
.sb_mu5 ul {margin:0 auto; width:100%; overflow:hidden; margin-bottom:40px; }
.sb_mu5 li {text-align:center; float:left; width:20%; text-align:center;}
.sb_mu5 a {display:block;position:relative;margin-left:10px; padding:12px 0 10px 0; border:1px solid #777; background:#fff; color:#493e3b; font-size:16px;border-radius:4px; transition:0.3s;}
.sb_mu5 a:hover {background:#777; color:#fff;}
.sb_mu5 .on {z-index:2; background:#777; color:#fff;}

@media only screen and (max-width:1100px){
	.sb_mu5 ul {width:100%;}
	.sb_mu5 li {width:33.33%;margin-bottom:5px;}
	
}

@media only screen and (max-width:768px){
	.sb_mu5 ul {width:100%;}
	.sb_mu5 ul {overflow:hidden; margin-bottom:25px; }
	.sb_mu5 li {width:50%;}
	.sb_mu5 a {padding:10px 5px; font-size:13px;}
}

/*----------서브 메뉴----------*/
.sb_mu6 {width:100%;  margin-top:40px; letter-spacing:-0.03em;}
.sb_mu6 ul {margin:0 auto; width:60%; overflow:hidden; margin-bottom:40px; }
.sb_mu6 li {text-align:center; float:left; width:16%; text-align:center;}
.sb_mu6 li:nth-child(1) {width:23%;}
.sb_mu6 li:nth-child(2) {width:23%;}
.sb_mu6 li:nth-child(3){width:18%;}
.sb_mu6 a {display:block;position:relative;margin-left:10px; padding:12px 0 10px 0; border-top:1px solid #493e3b; border-left:1px solid #493e3b; border-right:1px solid #493e3b; border-bottom:1px solid #493e3b; background:#fff; color:#493e3b; font-size:16px;border-radius:4px; transition:0.3s;}
.sb_mu6 a:hover {background:#493e3b; color:#fff;}
.sb_mu6 .on {z-index:2; background:#493e3b; color:#fff;}

@media only screen and (max-width:1100px){
	.sb_mu6 ul {width:80%;}
	.sb_mu6 li {width:33.33%; margin-bottom:5px;}
	.sb_mu6 li:nth-child(1) {width:50%;}
    .sb_mu6 li:nth-child(2) {width:50%;}
	.sb_mu6 li:nth-child(3){width:33.33%;}
}

@media only screen and (max-width:768px){
	.sb_mu6 ul {width:100%;}
	.sb_mu6 ul {overflow:hidden; margin-bottom:25px; }
	.sb_mu6 a {padding:10px 5px; font-size:13px;}
}

/*해봄Wee소개-센터소개 */
.center_info {width:100%; overflow:hidden; margin-top:50px;}
.center_info h2{background:url("/img/sub/title_icon1.png") no-repeat 0 1px; color:#000; font-size:20px; line-height:35px; font-weight:500; padding-left:42px;}
.center_info .txt_cnt{color:#444; font-size:16px; line-height:26px; margin:10px 0 30px;}
.center_info .img_cnt{text-align:center; margin-top:40px;}
.center_info .title_cnt{width:100%; margin-top:90px;}
.center_info .title_cnt span {float:left; background:url("/img/sub/title_icon1.png") no-repeat 0 1px ; color:#000; font-size:20px; line-height:35px; font-weight:500; padding-left:42px;}
.center_info .title_cnt img {float:left; padding-left:30px; margin-top:-50px;}

.center_info .box_cnt{margin:0 0 0 -3%; margin-top:40px; clear:both;}
.center_info .box_cnt .box{float:left; width:calc(33.333% - 3%); height:370px; margin:20px 0 0 3%; border: 1px solid  #e1e1e1; position: relative; padding-bottom:20px;}
.center_info .box_cnt .box .tt_box{ width:100%; color:#fff; font-size:18px; font-weight:500; text-align:center; padding:10px}
.center_info .box_cnt .box .tt_box.bg1 {background:#9ac739;}
.center_info .box_cnt .box .tt_box.bg2 {background:#7bb5e3;}
.center_info .box_cnt .box .tt_box.bg3 {background:#53c597;}
.center_info .box_cnt .box ul {padding:0 30px; margin-top:20px;}
.center_info .box_cnt .box ul.mar-t {margin-top:15px;}
.center_info .box_cnt .box ul.mar-l {margin-left:23px;}
.center_info .box_cnt .box ul li{background:url("/img/sub/list_icon2.png") no-repeat 0 8px; color:#444; font-size:16px; padding-left:13px; margin-bottom:5px}
.center_info .box_cnt .box p{background:url("/img/sub/list_icon1.png") no-repeat 0 6px; color:#000; font-size:18px; padding-left:20px; margin:0 0 0 30px;}
.center_info .box_cnt .box p.mar-t {margin-top:15px;}
.center_info .br_none{display:none;}

@media only screen and (max-width:960px){
    /*해봄Wee소개-센터소개 */
	.center_info .img_cnt img{width:100%;}
    .center_info .box_cnt .box{width:calc(50% - 3%);}
}

@media only screen and (max-width:768px){
    /*해봄Wee소개-센터소개 */
	.center_info h2{font-size:17px;}
	.center_info .txt_cnt{font-size:14px; line-height:24px;}
	.center_info .title_cnt{margin-top:60px;}
	.center_info .title_cnt span {font-size:17px;}
	.center_info .title_cnt img {margin-top:-20px; width:90px; height:auto;}
	.center_info .box_cnt .box{float:none; width:calc(100% - 3%); height:auto;}
	.center_info .box_cnt .box .tt_box{font-size:16px;}
	.center_info .box_cnt .box ul li{font-size:14px;}
	.center_info .box_cnt .box p{font-size:15px;}
	.center_info .box_cnt .box ul {padding-top:30px;}
	.center_info .br_none{display:block;}
}

/*해봄Wee소개-이용안내-위탁절차 */
.use_guide {width:100%; overflow:hidden; margin-top:50px; letter-spacing:-0.03em;}
.use_guide h2{background:url("/img/sub/title_icon1.png") no-repeat 0 1px; color:#000; font-size:20px; line-height:35px; font-weight:500; padding-left:42px;}
.use_guide .step{width:100%; overflow:hidden;}
.use_guide .step.mar-t{margin-top:30px;}
.use_guide .step .num{float:left; width:5%; height:65px; background:#8ec756; text-align:center; color:#fff; font-size:20px; font-weight:500; padding-top:18px;}
.use_guide .step .title{float:left; width:45%; height:65px; background:#7bb5e3; color:#fff; font-size:22px; padding:18px 20px 0 30px;}
.use_guide .step .guide{float:left; width:50%; height:65px; background:#f5f5f5; color:#444; font-size:20px; padding:18px 20px 0 30px;}
.use_guide .step span {color:#f2eb2f;}
.use_guide .arrow{width:100%; text-align:center; padding:20px 0;}

.use_guide .link_btn{width:300px; height:60px; background:#8dc957; text-align:center; padding-top:19px; margin:80px auto 0 auto;}
.use_guide .link_btn:hover{background:#67b913;}
.use_guide .link_btn span {font-size:18px; color:#fff;}

@media only screen and (max-width:960px){
    /*해봄Wee소개-이용안내-위탁절차 */
	.use_guide .step .num{width:10%;}
	.use_guide .step .title{width:90%;}
	.use_guide .step .guide{width:100%;}
	.use_guide .step .guide.none{display:none;}
}

@media only screen and (max-width:768px){
    /*해봄Wee소개-이용안내-위탁절차 */
	.use_guide .step .num{width:12%; height:55px; font-size:17px;}
	.use_guide .step .title{width:88%; height:55px;font-size:16px; padding:18px 15px 0 15px;}
	.use_guide .step .guide{width:100%; height:55px;font-size:16px; text-align:center; padding:18px 0 0 0;}
	.use_guide .step .guide.none{display:none;}
	.use_guide .arrow img{width:30px; height:auto;}

	.use_guide .link_btn{width:250px; height:54px; padding-top:15px; margin:60px auto 0 auto;}
    .use_guide .link_btn span {font-size:16px;}
}

/*해봄Wee소개-이용안내-시간표 */
.time_table_box {width:100%; overflow:hidden; margin:0 0 40px 0; }
table.time {width:100%; overflow:hidden; position:relative; border-collapse: collapse; border-spacing:0; border-top:2px solid #ddd; font-size:15px; text-align:center; margin-top:20px;}
table.time thead th {background:#f7f7f7; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; padding:15px 20px; color:#222;}
table.time thead th:first-child {border-left:1px solid #ddd;}
table.time tbody td {padding:12px 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#444;}
table.time tbody td:first-child {border-left:1px solid #ddd;}
table.time tbody td.bg1 {background:#fdf7f0;}
table.time tbody td.bg2 {background:#effcf7;}
table.time tbody td.bg3 {background:#fff8fe;}
table.time tbody td.bg4 {background:#f0fec1;}
table.time tbody td.bg5 {background:#fcfef4;}

@media screen and (max-width:1100px){
   /*해봄Wee소개-이용안내-시간표 */
   .time_table_box {overflow-x:scroll; padding-bottom:15px;}
   table.time  { min-width:830px; margin-top:10px; font-size:14px;}
   table.time th {padding:12px; }
   table.time thead th:first-child {width:12%;}
   table.time td {padding:12px;}
 }

 /*낮병원 열린공간 */
.open_space {width:100%; overflow:hidden; margin-top:10px; letter-spacing:-0.03em;}
.open_space h2{background:url("/img/sub/title_icon1.png") no-repeat 0 1px; color:#000; font-size:20px; line-height:35px; font-weight:500; padding-left:42px;}
.open_space .cnt {width:100%;}
.open_space .cnt .left_cnt {float:left; width:58%;}
.open_space .txt_cnt{color:#444; font-size:16px; line-height:26px; margin:10px 0 30px;}
.open_space .txt_cnt span{background:url("/img/sub/list_icon2.png") no-repeat 0 8px; display:block; color:#444; font-size:16px; padding-left:13px; margin-bottom:5px}
.open_space .cnt .right_cnt{float:right; width:35%;}

@media only screen and (max-width:1100px){
    /*낮병원 열린공간 */
	.open_space .cnt .left_cnt {float:none; width:100%;}
	.open_space .cnt .right_cnt{display:none;}
}

@media only screen and (max-width:768px){
    /*낮병원 열린공간 */
	.open_space h2{font-size:17px;}
	.open_space .txt_cnt{font-size:14px; line-height:24px;}
	.open_space .txt_cnt span {font-size:14px; line-height:24px;}
}


/*낮병원 열린공간 */
.open_space2 {width:100%; overflow:hidden; margin-top:10px; letter-spacing:-0.03em;}
.open_space2 h2{background:url("/img/sub/ss2.png") no-repeat 0 1px; color:#000; font-size:20px; line-height:26px; font-weight:500; padding-left:28px;}
.open_space2 h3{background:url("/img/sub/ss.png") no-repeat 0 1px; color:#000; font-size:18px; line-height:24px; font-weight:500; padding-left:20px;}
.open_space2 .cnt {width:100%;}
.open_space2 .cnt .left_cnt {float:left; width:60%;}
.open_space2 .txt_cnt{color:#444; font-size:16px; line-height:26px; margin:10px 0 20px;}

.open_space2 .cnt .right_cnt{float:right; width:40%;}

@media only screen and (max-width:1100px){
    /*낮병원 열린공간 */
	.open_space2 .cnt .left_cnt {float:none; width:100%;}
	.open_space2 .cnt .right_cnt{display:none;}
}

@media only screen and (max-width:768px){
    /*낮병원 열린공간 */
	.open_space2 h2{font-size:17px;}
	.open_space2 h3{font-size:14px;}
	.open_space2 .txt_cnt{font-size:14px; line-height:24px;}
	.open_space2 .txt_cnt span {font-size:14px; line-height:24px;}
}


/*낮병원 열린공간 */
.open_space3 {width:100%; overflow:hidden; margin-top:10px; letter-spacing:-0.03em;}
.open_space3 h2{background:url("/img/sub/ss2.png") no-repeat 0 1px; color:#000; font-size:20px; line-height:26px; font-weight:500; padding-left:28px;}
.open_space3 h3{background:url("/img/sub/ss.png") no-repeat 0 1px; color:#000; font-size:18px; line-height:24px; font-weight:500; padding-left:20px;}
.open_space3 .cnt {width:100%;}
.open_space3 .cnt .right_cnt {float:right; width:60%;}
.open_space3 .txt_cnt{color:#444; font-size:16px; line-height:26px; margin:10px 0 30px;}

.open_space3 .cnt .left_cnt{float:left; width:38%;}

@media only screen and (max-width:1100px){
    /*낮병원 열린공간 */
	.open_space3 .cnt .left_cnt {float:none; width:100%;}
	.open_space3 .cnt .right_cnt{display:none;}
}

@media only screen and (max-width:768px){
    /*낮병원 열린공간 */
	
	.open_space3 h2{font-size:17px;}
	.open_space3 h3{font-size:14px;}
	.open_space3 .txt_cnt{font-size:14px; line-height:24px;}
	.open_space3 .txt_cnt span {font-size:14px; line-height:24px;}
}


/*낮병원 열린공간 */
.open_space4 {width:100%; padding-left:100px;overflow:hidden; margin-top:10px; letter-spacing:-0.03em;}
.open_space4 h2{background:url("/img/sub/ss2.png") no-repeat 0 1px; color:#000; font-size:24px; line-height:26px; font-weight:500; padding-left:28px;}
.open_space4 h3{background:url("/img/sub/ss.png") no-repeat 0 1px; color:#000; font-size:20px; line-height:24px; font-weight:500; padding-left:20px;}
.open_space4 .cnt {width:100%;}
.open_space4 .cnt .left_cnt {float:left; width:60%;}
.open_space4 .txt_cnt{color:#444; font-size:16px; line-height:26px; margin:10px 0 20px;}

.open_space4 .cnt .right_cnt{float:right; width:40%;}

@media only screen and (max-width:1100px){
    /*낮병원 열린공간 */
	.open_space4 {width:100%; padding-left:2px;overflow:hidden; margin-top:30px; letter-spacing:-0.03em;}
	.open_space4 .cnt .left_cnt {float:none; width:100%;}
	.open_space4 .cnt .right_cnt{display:none;}
}

@media only screen and (max-width:768px){
    /*낮병원 열린공간 */
	.open_space4 {width:100%; padding-left:2px; overflow:hidden; margin-top:0px; letter-spacing:-0.03em;}
	.open_space4 h2{font-size:17px;}
	.open_space4 h3{font-size:14px;}
	.open_space4 .txt_cnt{font-size:14px; line-height:24px;}
	.open_space4 .txt_cnt span {font-size:14px; line-height:24px;}
}


/*마음건강연구소 */
.mind_health {width:100%; overflow:hidden; margin-top:10px; letter-spacing:-0.03em;}
.mind_health h2{background:url("/img/sub/title_icon1.png") no-repeat 0 1px; color:#000; font-size:20px; line-height:35px; font-weight:500; padding-left:42px; clear:both;}
.mind_health .cnt {width:100%; margin-top:20px; }
.mind_health .img_cnt {float:left; width:48%; margin-bottom:40px;}
.mind_health .txt_cnt{float:right; width:48%; color:#444; font-size:16px; line-height:30px; margin-bottom:40px}

.mind_health .work_cnt {width:100%; overflow:hidden; margin-top:20px; }
.mind_health .work_img_cnt {float:left; width:48%; }
.mind_health .work_txt_cnt{float:right; width:48%;}
.mind_health .txt_list {width:100%; overflow:hidden; margin-top:20px; }
.mind_health .txt_list span{background:url("/img/sub/list_icon2.png") no-repeat 0 8px; display:block; color:#444; font-size:16px; padding-left:13px; margin-bottom:5px}
.mind_health .txt_list span.span2{background:none;padding-left:0;}

table.mind {width:100%; background:#f6f6f6; overflow:hidden; position:relative; border-collapse: collapse; border-spacing:0; border:0;}
table.mind th { width:30%; background:#f7f7f7; font-size:18px; color:#222; font-weight:500; padding:20px; }
table.mind td {font-size:16px; color:#444; text-align:left; padding:20px; }

@media screen and (max-width:1100px){
  /*마음건강연구소 */
   .mind_health .img_cnt {float:none; width:100%; margin-bottom:30px;}
   .mind_health .img_cnt img {width:100%;}
   .mind_health .txt_cnt{float:none;; width:100%; margin-bottom:30px}
   .mind_health .work_img_cnt {float:none; width:100%; margin-bottom:30px;}
   .mind_health .work_txt_cnt{float:none; width:100%; margin-bottom:30px;}
 }

 @media screen and (max-width:1100px){
    /*마음건강연구소 */
	.mind_health h2{font-size:17px;}
	.mind_health .txt_cnt{font-size:14px; line-height:26px;}
	.mind_health .txt_list span {font-size:14px;}
	table.mind th {width:30%; font-size:14px;}
	table.mind td {font-size:14px;}

 }