@charset "utf-8";

/*뷰보드 공통 시작 ===================================================================*/
.view_bo_con {font-size:15px; line-height:170%;}
.part_margin{margin-bottom:30px;}

/*컨텐츠 소제목*/
.s1hd{font-size:22px; font-weight:600; line-height:22px; color:#4f4f4f; margin:30px 0 20px; position:relative; padding-left:15px;}
.s1hd:before{content:''; width:5px; height:25px; position:absolute; top:0; left:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#abc73f+0,abc73f+50,abc73f+50,898989+50,898989+100 */
background: #abc73f; /* Old browsers */
background: -moz-linear-gradient(top,  #abc73f 0%, #abc73f 50%, #abc73f 50%, #898989 50%, #898989 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #abc73f 0%,#abc73f 50%,#abc73f 50%,#898989 50%,#898989 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #abc73f 0%,#abc73f 50%,#abc73f 50%,#898989 50%,#898989 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abc73f', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
}
/* .s1hd:first-child{margin-top:0}      처음 시작하는 상단마진 없을때 쓰기*/

.s2hd{font-size:20px; padding-left:30px; position:relative; margin:70px 0 20px; background:url('/theme/basic/img/icon_big_brown.png') no-repeat 0 1px;line-height:25px }
.s2hd:first-child{margin-top:0;}
/* .s2hd:before{content:''; width:17px; height:17px; border:5px solid #006cb8; border-radius:50%; position:absolute; top:4px; left:0;}
 */
.s2hd-1{font-size:18px; margin-top:20px; font-weight:normal;}
.s2hd-1:before{content:"▶"; display:inline-block; color:#006cb8; font-size:10px; padding:3px; line-height:10px; vertical-align:3px;}

.s3hd{font-size: 16px; padding-left:15px; margin:20px 0 10px; position:relative;}
.s3hd:after{content:""; width:10px; height:10px; border:3px solid #65b0e4; position:absolute; left:0; top:7px; border-radius:3px;}
.s3hd_under{font-size:13px; color:#999999; font-weight:normal;}

.s4hd{padding: 0px 0 5px 19px; font-size:15px; }
.s4hd ul li:before {content: ''; position: absolute; left: 25px; margin-top: 7px; width: 5px; height: 5px; background: #F7971D;}

.ca_title{    font-size: 30px;
    font-weight: bold;
    line-height: 130%;
    margin-top: 20px;
    border-bottom: 3px solid #0094dc;
    display: inline-block;
    padding-bottom: 5px;
    padding-top: 20px;}

/* 컨텐츠 들여쓰기 간격 */
.indent15{padding-left:15px;}
.indent20{padding-left:20px;}
.mar15{margin-left:15px;}

/* 다음줄로 */
.sp_blo span{display:block;}
.n_line{display:block;}

/* 컨텐츠 글자 컬러 */
.c_blue{color:#014d99;}

/* 컨텐츠내 이미지 */
.con_img{text-align:center;}

/* 불릿기호 있음 */
.list_li li{position:relative; padding-left:10px; margin:5px 0;}
.list_li li:after{content:''; position:absolute; top:9px; left:0; width:3px; height:4px; background:#abc73f;}

.list_ul-2dep{padding-left:20px;}
.list_ul-2dep li{}
.list_ul-2dep li:before{content:''; width:3px; height:3px; display:inline-block; background:#069; vertical-align:4px; margin-right:5px; }

.list_ul_3dep{padding-left:40px; text-indent:-10px; margin:5px 0;}

/*테이블처럼*/
.t_r{display:table-row;}
.t_c{display:table-cell;}

/*진짜테이블*/
.con_t {border-spacing: 0px; border-collapse: collapse; text-align:center; width:calc( 100% - 1px );}
.con_t caption{position:absolute; top:-5000px; left:0; text-indent:-99999px;}
.con_t th{background:#fafafa; border:1px solid #ddd; border-top:2px solid #7eac9e; padding:15px;}
.con_t td{border:1px solid #ddd; text-align:center; background:#fff; padding:15px;}


/*다운로드버튼*/
.down_btn {background: #EE6A00; color: #fff; padding: 5px 0px; font-size: 14px; font-weight: 600; text-align: center; border-radius: 5px;}
.down_btn1{background: #EE6A00; color: #fff; padding: 5px 0px; font-size: 14px; font-weight: 600; text-align: center; border-radius: 5px; display: inline-block;}
/* alt hidden */
.alt_hide {overflow: hidden; width: 0px; height: 0px;}

.box{padding: 15px; margin: 10px 0; border: 1px solid #e5e5e5; background: #fafafa; border-radius: 7px;}

/*뷰보드 공통 끝 ===================================================================*/



/*이용약관*/
.level1_1{font-size:20px; font-weight:600; margin-top:40px; margin-bottom:30px;}
.level1_1:first-child{margin-top:0px;}
.level1_2{font-size:16px; font-weight:600; margin-top:20px; margin-bottom:10px;}
.level1_3{text-indent:-18px; padding-left:18px; margin-bottom:5px;}
.level1_4{text-indent:-18px; padding-left:28px;  margin-bottom:5px;}

/*개인정보처리방침*/
.level2_1{font-size:16px; font-weight:600; margin-top:30px; margin-bottom:10px;}
.level2_1:first-child{margin-top:0px;}
.level2_2{text-indent: -19px; padding-left: 19px;font-weight:600; margin-top:10px; margin-bottom:5px;}
.level2_2_1{font-weight:600; margin-top:10px; margin-bottom:5px;}
.level2_3{text-indent:-18px; padding-left:18px; margin-top:10px; margin-bottom:5px;}
.level2_4{text-indent:-18px; padding-left:28px;  margin-bottom:5px;}

/* 사업소개입니다 */
/* 사례지원팀 */
.b01_img1{margin-bottom:60px;}
.b01_img1 .list_arrow{margin:0 24.5px;}

/* 직업지원팀 */
.b04_img_wrap .ca_title{}
.b04_img1, .b04_img2{width:49%; height:440px; display:inline-block; text-align:center;}
.b04_img1{border-right:1px dashed #ccc;}
.b04_img1 img, .b04_img2 img{display:block; margin:40px auto 0;}

/* 기획홍보팀 */

/* 인사말 */
.b32 .c_blue{font-size:20px; line-height:22px;}
.b32_left{float:left; width:47%;}
.b32_left p{margin-top:20px;}
.b32_right{float:right;}
.b32_top{padding: 15px; margin: 40px 0px 10px; border: 1px solid #e5e5e5; background: #fafafa; border-radius:7px; text-align:center; font-size:18px; line-height:150%;}

/* 시설안내 */
.b37 .tbl_head01 th{border-right:1px solid #ccc;}

/* 오시는길 */
.b39 .map_wrap_mo{display:none;}
.b39 .root_daum_roughmap{width:100% !important;}
/* 오시는길 셔틀버스안내 */
.b39 .s2hd{text-align:left;}
.b39 .tbl_head01 table{text-align:center; }
.b39 .tbl_head01 th{border-right:1px solid #ccc;}
.b39 .tbl_head01 td{border-right:1px solid #ccc;}

/* 후원안내 */
.b21 .s2hd:first-child{margin-top:40px}
.b21 .tbl_head01 td{padding:10px !important;}
.b21 .tbl_head01 th{border-right:1px solid #ccc;}
.b21 .tbl_head01 tbody td:first-child{text-align:center; border-right:1px solid #ccc;}
.b21 .account{}
.b21 .account span{padding:20px; border:3px solid #ccc; border-radius:20px; width:500px; display:block; text-align:center; font-size:18px; line-height:170%;}
.b21 .account span strong{font-size:24px; font-weight:normal; margin-top:10px; display:inline-block;}

/* 자원봉사안내 */
.b23 .s2hd:first-child{margin-top:40px}
.b23 .tbl_head01 tbody th{text-align:center; border-right:1px solid #ccc; font-weight:normal;}
.b23 .tbl_head01 th{border-right:1px solid #ccc;}
.b23 .tbl_head01 td{padding:10px !important;}
.b23 .list_arrow{margin:0 28px;}

/* 복지관소개 */

.b37 .tbl_head01 .floor{text-align:center; border-right:1px solid #ccc;}
.b37 .tbl_head01 td{padding:10px !important;}
.vision_title {float:left; display:block; }
.vision_box li{height:140px}
.vision_img {float:left;margin-left:50px}
.vision_box li {}
.v_con{float:right;width:700px;height:200px;}
.v_con1{float:left;width:340px;height:68px;border-right:1px dashed #ddd;border-bottom:1px dashed #ddd;vertical-align:middle;line-height:68px;padding-left:15px}
.v_con2{float:left;width:340px;height:68px;border-bottom:1px dashed #ddd;vertical-align:middle;line-height:68px;padding-left:25px}
.v_con3{clear:both;float:left;width:340px;height:68px;border-right:1px dashed #ddd;vertical-align:middle;line-height:68px;padding-left:15px}
.v_con4{float:left;width:340px;height:68px;vertical-align:middle;line-height:68px;padding-left:25px}

/* 법인소개 */
.b31 .history {margin-left:30px; }
.b31 .history strong{margin-right:50px;}
.b31 .history > dt{border-bottom:2px solid #0094dc; display:inline-block; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; padding-bottom:3px;margin:30px 0 30px 0;}
.b31 .history > dd {background: url('/theme/basic/img/triangle.png') no-repeat left 11px; margin-left:5px; padding-left: 15px; line-height: 27px;}

/* 운영계획 */
.b33 .b33_mi_vi_wrap{}
.b33 .b33_mi_vi_wrap > div{border:1px solid #ccc; height:135px; border-radius:10px; overflow:hidden; margin:20px 0;}
.b33 .b33_mi_vi_wrap .mission{}
.b33 .b33_mi_vi_wrap .miss_tit{background:#0075c2; color:#fff; display:inline-block; text-align:center; padding:40px; font-size:16pt; width:200px; height:135px; position:relative;}
.b33 .b33_mi_vi_wrap .miss_tit:after{content: ''; width: 30px; height: 30px; background: #0075c2; position: absolute; top: 53px; right: -15px; display: block; transform: rotate(-45deg);}
.b33 .b33_mi_vi_wrap .miss_con{display:inline-block; width:890px; padding-left:40px; line-height:230%;}
.b33 .b33_mi_vi_wrap .mission .con_tit{color:#0075c2; font-size:16pt; display:block; font-weight:600;}
.b33 .b33_mi_vi_wrap .mission .con_txt{}
.b33 .b33_mi_vi_wrap .vision{}
.b33 .b33_mi_vi_wrap .vis_tit{background:#00a99d; color:#fff; display:inline-block; text-align:center; padding:40px; font-size:16pt; width:200px; height:135px; vertical-align:top; position:relative;}
.b33 .b33_mi_vi_wrap .vis_tit:after{content: ''; width: 30px; height: 30px; background: #00a99d; position: absolute; top: 53px; right: -15px; display: block; transform: rotate(-45deg);}
.b33 .b33_mi_vi_wrap .vis_con{display:inline-block; width:890px; padding-left:40px;}
.b33 .b33_mi_vi_wrap .vis_con .vis_con_box1{height:135px; padding:30px 0; font-size:20px; color:#00a99d; line-height:170%; font-weight:600; display:inline-block; vertical-align:top;}
.b33 .b33_mi_vi_wrap .vis_con .vis_con_box2{height:135px; padding:30px 0; margin-left:90px; display:inline-block; vertical-align:top; line-height:230%; text-align:center;}
.b33 .b33_mi_vi_wrap .vis_con .vis_con_box2 .n_line{color:#00a99d; font-weight:600; font-size:20px;}
.b33 .con_img{margin:70px 0;}


.b33 .heaksim{}
.b33 .heaksim:after{content:''; display:block; width:100%; clear:both;}
.b33 .heak_con{}
.b33 .heak_con span{border:1px solid #298ccc; width:32%; float:left; line-height:100px; margin-left:2%; text-align:center; font-size:18px; color:#298ccc; font-weight:600;}
.b33 .heak_con span:first-child{margin-left:0;}

.b33 .plan_wrap{}
.b33 .plan_wrap:after{content:''; display:block; width:100%; clear:both;}
.b33 .plan_wrap ul{}
/*.b33 .plan_wrap ul li{float:left; border:1px solid #298ccc; text-align:center; padding:40px 10px; margin-left:20px; width:260px; height:360px;}*/
.b33 .plan_wrap ul li{float:left; border:1px solid #298ccc; text-align:center; padding:40px 10px; margin-left:20px; width:260px; height:200px;}
.b33 .plan_wrap ul li:first-child{margin-left:0;}
.b33 .plan_wrap ul li h5{color:#298ccc; font-size:18px; margin-bottom:20px;}
.b33 .plan_wrap ul li .num{margin-bottom:10px; display:block;}
/*.b33 .plan_wrap ul li p{color:#606060; margin-bottom:40px; text-align:left;}*/
.b33 .plan_wrap ul li p{color:#606060; margin-bottom:40px; text-align:center;}

.b33 .ci_wrap{}
.b33 .ci_wrap .ci1{margin-right:15px;}
.b33 .ci_wrap .ci2 img{width:800px;}

/* 직원소개 */
.b36_img_wrap{position:relative;}
.b36_img_wrap a{display:block;}
.b36_img_wrap a:hover{margin-top:-2px; transition:0.3s;}
.b36_bg{background:url("/theme/basic/img/pub/b36_bg.png") no-repeat center center; width:1100px; height:730px; position:relative;}

.b36_img_wrap .side_unit_wrap{position:absolute; z-index:1; left:686px; top:121px;}
.b36_img_wrap .side_unit_wrap .side_unit_2{position:absolute; z-index:1; left:0; top:61px;}
.b36_img_wrap .side_unit_wrap .side_unit_3{position:absolute; z-index:1; left:0; top:122px;}

.b36_top1{position:absolute; z-index:1; left:484px; top:1px;}
.b36_top2{position:absolute; z-index:1; left:476px; top:295px;}

.b36_unit_1{position:absolute; z-index:1; left:72px; top:430px;}

.b36_unit_2{position:absolute; z-index:1; left:194px; top:430px;}
.b36_unit_2-1{position:absolute; z-index:1; left:2px; top:107px;}

.b36_unit_3{position:absolute; z-index:1; left:314px; top:430px;}
.b36_unit_3-1{position:absolute; z-index:1; left:1px; top:107px;}
.b36_unit_3-2{position:absolute; z-index:1; left:1px; top:218px;}

.b36_unit_4{position:absolute; z-index:1; left:434px; top:430px;}
.b36_unit_4-1{position:absolute; z-index:1; left:1px; top:107px;}

.b36_unit_5{position:absolute; z-index:1; left:558px; top:430px;}
.b36_unit_5-1{position:absolute; z-index:1; left:-1px; top:107px;}

.b36_unit_6{position:absolute; z-index:1; left:678px; top:430px;}
.b36_unit_6-1{position:absolute; z-index:1; left:-1px; top:107px;}

.b36_unit_7{position:absolute; z-index:1; left:800px; top:430px;}

.b36_unit_8{position:absolute; z-index:1; left:920px; top:430px;}


.b36_b_img_wrap{position:relative;}
.b36_b_img_wrap a{display:block;}
.b36_b_img_wrap a:hover{margin-top:-2px; transition:0.3s;}
.b36_b_bg{background:url("/theme/basic/img/pub/b36_b_bg.png") no-repeat center center; width:1100px; height:730px; position:relative;}
.b36_b_img_wrap .side_b_unit_wrap{position:absolute; z-index:1; left:686px; top:121px;}
.b36_b_img_wrap .side_b_unit_wrap .side_b_unit_2{position:absolute; z-index:1; left:0; top:61px;}
.b36_b_img_wrap .side_b_unit_wrap .side_b_unit_3{position:absolute; z-index:1; left:0; top:122px;}

.b36_b_top1{position:absolute; z-index:1; left:484px; top:1px;}
.b36_b_top2{position:absolute; z-index:1; left:476px; top:295px;}

.b36_b_unit_1{position:absolute; z-index:1; left:118px; top:430px;}

.b36_b_unit_2{position:absolute; z-index:1; left:270px; top:430px;}
.b36_b_unit_2-1{position:absolute; z-index:1; left:2px; top:107px;}

.b36_b_unit_3{position:absolute; z-index:1; left:420px; top:430px;}
.b36_b_unit_3-1{position:absolute; z-index:1; left:1px; top:107px;}
.b36_b_unit_3-2{position:absolute; z-index:1; left:1px; top:218px;}

.b36_b_unit_4{position:absolute; z-index:1; left:572px; top:430px;}
.b36_b_unit_4-1{position:absolute; z-index:1; left:1px; top:107px;}

.b36_b_unit_5{position:absolute; z-index:1; left:723px; top:430px;}
.b36_b_unit_5-1{position:absolute; z-index:1; left:-1px; top:107px;}
.b36_b_unit_5-2{position:absolute; z-index:1; left:-1px; top:218px;}

.b36_b_unit_6{position:absolute; z-index:1; left:874px; top:430px;}
.b36_b_unit_6-1{position:absolute; z-index:1; left:-1px; top:107px;}


/* .b36_unit_9{position:absolute; z-index:1; left:1031px; top:430px;}
.b36_unit_9-1{position:absolute; z-index:1; left:-1px; top:107px;}
.b36_unit_9-2{position:absolute; z-index:1; left:-1px; top:218px;} */


/* 이용안내,견학신청 */
.b38 .s2hd:first-child{margin-top:40px}
.b38 .use_wrap{}
.b38 .use_wrap:after{content:''; clear:both; width:100%; display:block;}
.b38 .use_wrap li{width:350px; height:330px; float:left; margin-left:20px; text-align:center; border:1px solid #0075c2; padding:30px 0;}
.b38 .use_wrap li:first-child{margin-left:0;}
.b38 .use_wrap li h5{color:#0075c2; font-size:24px; padding:25px 0;}
.b38 .use_wrap li h5:after{content:'';width:45px; height:2px; background:#3b7ba1; display:block; margin:20px auto 0;}
.b38 .use_wrap li .c_sky{color:#3b7ba1; font-size:18px;}
.b38 .con_img img{padding-left:240px;}

/* 셔틀버스안내 */
.b39 .s2hd{margin-top:70px !important;}

/* 윤리경영, 이용안내.견학신청등 공통 */
.main-contents-area .s2hd:first-child{margin-top:40px}
.tab-contents-list { margin-top: 15px;}
ul.tab-contents-list.box{padding: 15px; margin: 10px 0px 10px 0px; border: 1px solid #e5e5e5; background: #fafafa; border-radius:7px;}
ul.tab-contents-list.box li strong{color:#695a55;}
ul.tab-contents-list > li { margin-left: 15px; background: url('/theme/basic/img/icon_middle_brown.png') no-repeat left 7px; padding-left: 17px; line-height: 25px; }
ul.tab-contents-img { margin-top: 15px; }
ul.tab-contents-img.box.mission { padding: 15px; margin: 10px 0px 10px 0px; border: 1px solid #e5e5e5; background: #fafafa;
 height:430px; background-position: center center; background-repeat: no-repeat; background: url('/theme/basic/img/sub/sub4-1/sub4-1-1-vision.png') }
ul.tab-contents-img > li > img { width: 100%; height: auto; }
ul.tab-subTitle { margin-top: 15px; font-size: 16px; }
/* ul.tab-subTitle > li { margin-left: 15px; margin-bottom: 15px; background: url('/theme/basic/img/icon_small_brown.png') no-repeat left 9px; padding-left: 20px; line-height: 30px; } */
/* ul.tab-subTitle > li { margin-left: 15px; margin-bottom: 15px; padding-left: 20px; line-height: 30px; } */
.b34 .jang{font-size:17px; font-weight:600; text-align:center; display:block; margin:40px 0 5px;}
ul.tab-subTitle > li { margin-left: 15px; margin-bottom: 15px; padding-left: 13px; line-height: 30px; }
ul.tab-subTitle > li:last-child { margin-bottom: 0; }
ul.tab-thTitle { margin-top: 5px;}
ul.tab-thTitle > li { background: url('/theme/basic/img/icon_middle_brown.png') no-repeat left 7px; padding-left: 17px; line-height: 25px; margin-top: 5px; }
ul.tab-thTitle > li:first-child { margin-top: 0; }
ul.tab-fhTitle, ul.tab-fiTitle {}
ul.tab-fhTitle > li { background: url('/theme/basic/img/triangle.png') no-repeat left 9px; padding-left: 15px; line-height: 24px; margin-top: 5px; }
ul.tab-fhTitle > li:first-child { margin-top: 0; }
ul.tab-fiTitle > li { background: url('/theme/basic/img/got.png') no-repeat left 10px; padding-left: 12px; line-height: 25px; }
div.textArea { padding: 30px; width: 739px; border: 1px solid #DBDBDB; background: #F8F8F8; }
div.textArea > p {line-height: 150%; }
.pbox { border: 1px solid #eaeaea; background: #FCFCFC; line-height: 160%; padding: 20px; margin-top: 20px; }
.pbox dl dt { font-size: 16px; font-weight: bold; margin-bottom: 6px; }
.pbox dl dd {font-size: 13px; }
.pbox dl dd span { font-weight: 600; }




.tab-txt-area1 { width: 499px; float: left; }
.calTable { width: 100%; margin-top: 20px; border-collapse: collapse; }
.calTable thead tr th { height: 40px; border: 1px solid #dddddd; padding: 0; background: #eeeeee; }
.calTable .calDateLine td { height: 20px; text-align: right; padding-right: 2px; border: 1px solid #dddddd; border-top: none; border-bottom: none; }
.calTable .calDateLine td > div > font {}
.calTable .calDateLine td.notMonth { color: #cccccc; }
.calTable .calTxtLine td { height: 80px; text-align: center; border: 1px solid #dddddd; border-top: none; }

.table-area > table tbody tr td div { width: 105px; height: 100%; padding: 5px 0; word-break: break-all; margin: auto;  font-size:13px; line-height:160%;}


.register_wrap   .tab-title {font-size:20px;margin-top:40px}
.register_wrap   ul.tab-thTitle {margin-top: 20px;}
.register_wrap   ul.tab-fhTitle > li {background: none !important; padding-left: 10px !important; margin-top: 5px !important;}

/*대메뉴 글자크기*/
.bmenu {font-size:20px;}
.smenu {font-size:15px;}

/* 성장후원회 소개 */
.b24 p img{margin-top:40px;}
.b24_left{float:left; width:35%;}
.b24_left img{}
.b24_right{float:right; width:60%;padding-top: 15px;}
.b24 ul li{display: inline-block; width: 88px; margin-left: 20px; height: 40px; line-height: 40px;} 
.b24 ul li:first-child{margin-left: 0px;} 
.or{background: #f3a82b;}
.gr{background: #67b245;}
.bl{background: #2560ad;}


/* 성장후원회 인사말 */
.b24_1 .c_blue{font-size:20px; line-height:30px;}
.b24_1_left{float:left; width:52%;margin-top:40px;}
.b24_1_left p{margin-top:20px;}
.b24_1_left img{vertical-align: middle; margin-left:33px; margin-top:9px;}
.b24_1_right{float:right;margin-top:40px;}
.b24_1_top{padding: 15px; margin: 40px 0px 10px; border: 1px solid #e5e5e5; background: #fafafa; border-radius:7px; text-align:center; font-size:18px; line-height:150%;}
.b24_2_left{float:left;}

/* 성장후원회 가입 및 절차 */
.b24_4 .s2hd:first-child {margin-top: 40px;}
.b24_4 ul.tab-thTitle {margin-top: 20px;}
.b24_4 ul.tab-fhTitle > li {background: none !important; padding-left: 10px !important; margin-top: 5px !important;}
.b24_4 ul.tab-thTitle > li strong span {font-weight: normal;}
.b24_4 .tab-fhTitle1 {margin-left: 20px;}
.b24_4 .tab-thTitle:last-child > li:last-child {background: none;}
.b24_4 .la{margin-top: 40px;margin-left: 26px;}
.b24_4 .b24_4_img span{display: block;float:left;}
.b24_4 .b24_4_img:after{content:''; clear:both; width:100%; display:block;}
.b24_4 .list_arrow{margin:36px 16px 0px 16px}
.b24_4 .s_box{height: 400px; overflow: scroll; border: 1px solid #ddd;}