

/*서브-상단비주얼 */
#svisual {width:100%; min-width:1100px; height:300px; margin:0px auto; overflow:hidden; position:relative; text-align:center;visibility:hidden; border-bottom:1px solid #ddd;}
#svisual h1.s_text{ width:100%; position:absolute; top:100px;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif;font-size:45px; font-weight:500; color:#fff; letter-spacing:-1px; line-height:1em; margin-bottom:20px;visibility:hidden; text-shadow:0px 0px 4px #333;}
#svisual .sm_text{ display:none;}

.sv01{ background:url(../img/sub/sub_main_1.jpg) no-repeat center 0px/cover; height:350px; }
.sv02{ background:url(../img/sub/sub_main_2.jpg) no-repeat center 0px/cover; height:350px;}
.sv03{ background:url(../img/sub/sub_main_3.jpg) no-repeat center 0px/cover; height:350px; }
.sv04{ background:url(../img/sub/sub_main_4.jpg) no-repeat center 0px/cover; height:350px; }


@media (max-width:1000px) {
#svisual { min-width:100%; height:150px; background-position:center top; background-size:cover;}
#svisual h1.s_text{ width:100%; position:absolute; top:30px;font-size:25px; margin-bottom:5px;}
.sv01{ height:150px; background-position: center 0px;}
.sv02{ height:150px; background-position: center 0px;}
.sv03{ height:150px; background-position: center 0px;}
.sv04{ height:150px; background-position: center 0px;}
}
  

/*테이블*/
.tbl{ margin-bottom:10px;}
.tbl table{ border:2px solid #2d86cb; font-size:1em; color:#444;}
.tbl thead tr th{ background:#f5f5f5; text-align:center; font-weight:bold; padding:10px 0; border-bottom:1px solid #555;}
.tbl tbody tr th{ border-bottom:1px dotted #ccc; border-right:1px solid #ccc; padding:10px 10px;text-align:center; background:#f2f2f2; width:20%;}
.tbl tr td{ border-bottom:1px dotted #ccc; border-right:1px solid #ddd; padding:10px 10px;text-align:center; word-break:keep-all;}
.tbl td.tleft{ text-align:left; padding:10px 20px;}
.tbl .bn{ border-bottom:0;}
.tbl .td_p{ font-weight:bold; background:#e7f3fa;}

.tbl2{ width:60%; margin:0 auto;}
.tbl2 table{ width:100%;border:2px solid #2d86cb; font-size:1em; color:#444;}
.tbl2 thead tr th{ background:#f5f5f5; text-align:center; font-weight:bold; padding:10px 0; border-bottom:1px solid #555;}
.tbl2 thead tr th:nth-child(2){ width:20%;}
.tbl2 thead tr th:nth-child(3){ width:60%;}
.tbl2 tbody tr th{ border-bottom:1px dotted #ccc; border-right:1px solid #ccc; padding:10px 10px;text-align:center; background:#f2f2f2; width:30%;}
.tbl2 tr td{ border-bottom:1px dotted #ccc; border-right:1px solid #ddd; padding:10px 10px;text-align:center; word-break:keep-all;}
.tbl2 tbody tr td:nth-child(3){ text-align:left;}
.tbl2 td.tleft{ text-align:left; padding:10px 20px;}
.tbl2 .bn{ border-bottom:0;}

.tbl_menu{ margin-bottom:10px;}
.tbl_menu table{ border:2px solid #2d86cb; background:#fff; font-size:13px; color:#444;}
.tbl_menu thead tr th{ background:#f5f5f5; text-align:center; font-weight:bold; padding:5px 0; border-bottom:1px solid #555;}
.tbl_menu tbody tr th{ border-bottom:1px dotted #ccc; border-right:1px solid #ccc; padding:5px 10px;text-align:center; background:#f2f2f2; width:20%;}
.tbl_menu tr td{ border-bottom:1px dotted #ccc; border-right:1px solid #ddd; padding:5px 10px;text-align:center; word-break:keep-all;}
.tbl_menu td.tleft{ text-align:left; padding:5px 20px;}
.tbl_menu .bn{ border-bottom:0;}
.tbl_menu img{ width:180px; height:auto;}

.tbl3{ margin-bottom:10px;}
.tbl3 table{ width:50%; border:2px solid #2d86cb; background:#fff; font-size:13px; color:#444;}
.tbl3 thead tr th{ background:#f5f5f5; text-align:center; font-weight:bold; padding:5px 0; border-bottom:1px solid #555;}
.tbl3 tbody tr th{ border-bottom:1px dotted #ccc; border-right:1px solid #ccc; padding:5px 10px;text-align:center; background:#f2f2f2; width:20%;}
.tbl3 tr td{ border-bottom:1px dotted #ccc; border-right:1px solid #ddd; padding:5px 10px;text-align:center; word-break:keep-all;}
.tbl3 td.tleft{ text-align:left; padding:5px 20px;}
.tbl3 .bn{ border-bottom:0;}
.tbl3 img{ width:180px; height:auto;}


/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media (max-width:1000px) {
/*테이블*/
.tbl{ width:100%;}
.tbl table{ font-size:0.9em;}
.tbl thead tr th{ padding:6px 10px;}
.tbl tbody tr th{ padding:6px 10px;}
.tbl tr td{ padding:6px 10px;}
.tbl td.tleft{ padding:6px 10px;}

.tbl2{ width:100%;}
.tbl2 table{ font-size:1em;}
.tbl2 thead tr th{ padding:6px 0;}
.tbl2 tbody tr th{ padding:6px 10px;}
.tbl2 tr td{ padding:6px 10px;}
.tbl2 td.tleft{ padding:6px 10px;}

.tbl_menu{ width:100%;}
.tbl_menu table{ font-size:1em;}
.tbl_menu thead tr th{ padding:3px 0;}
.tbl_menu tbody tr th{ padding:3px 10px;}
.tbl_menu tr td{ padding:3px 10px;}
.tbl_menu td.tleft{ padding:3px 10px;}

.tbl3 table{ width:100%; font-size:1em;}
.tbl2 thead tr th{ padding:3px 0;}
.tbl2 tbody tr th{ padding:3px 10px;}
.tbl2 tr td{ padding:3px 10px;}
.tbl2 td.tleft{ padding:3px 10px;}
	
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  font-size:11px; color:#999; margin-top:10px;}
/*가로스크롤*/
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}
}


/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}
.t_center{ text-align:center;}
.fl{ float:left;}
.img2 img{ width:100%; height:auto;}

#ctt h1{ font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-size:1.6em; line-height:1.3em; color:#2d86cb; margin-bottom:20px;}
#ctt h2{ font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-size:1.5em; color:#222; font-weight:bold; position:relative; padding-left:17px; margin-bottom:15px;}
#ctt h2:before{ display:block; content:""; width:15px; height:15px; border-radius:50%; border:4px solid #2d86cb; position:absolute; top:3px; left:0px;}
#ctt h3{ font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-size:1.4em; color:#222; font-weight:bold; position:relative; padding-left:13px; margin-bottom:15px;}
#ctt h3:before{ display:block; content:""; width:10px; height:10px; border-radius:2px; background:#2d86cb; position:absolute; top:4px; left:0px;}
#ctt p{ font-size:1.1em; color:#555; line-height:1.8em;}
#ctt .point{ font-weight:500; color:#5eaa0d; font-size:1.25em;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif;}
#ctt .p1{ position:relative; padding-left:10px;}
#ctt .p1:before{ display:block; content:""; width:7px; height:2px; border-radius:5px; background:#2d86cb; position:absolute; top:12px; left:0px;}
#ctt .p2{ background:#f5f5f5; padding:15px 15px; font-size:1em; color:#666;}
#ctt .point_p{ font-size:1.15em; color:#222; font-weight:bold; text-align:center;}
#ctt .point_p strong{ color:#2d86cb;}

@media (max-width:1000px) {
/* 내용-공통 */
.mt_30{ margin-top:10px;}
.mt_40{ margin-top:20px;}
.mt_50{ margin-top:30px;}
.mt_60{ margin-top:40px;}
.mt_70{ margin-top:50px;}
.mt_80{ margin-top:60px;}
.mt_90{ margin-top:70px;}
.mt_100{ margin-top:80px;}
.mb_30{ margin-bottom:10px;}
.mb_40{ margin-bottom:20px;}
.mb_50{ margin-bottom:30px;}
.mb_60{ margin-bottom:40px;}
.mb_70{ margin-bottom:50px;}
.mb_80{ margin-bottom:60px;}
.mb_90{ margin-bottom:70px;}
.mb_100{ margin-bottom:80px;}
.img img{ width:100%; height:auto;}

#ctt h1{ font-size:1.35em;}
#ctt h2{ font-size:1.25em; padding-left:14px;}
#ctt h2:before{ width:12px; height:12px; top:2px;}
#ctt h3{ font-size:1.2em; padding-left:10px; margin-bottom:10px;}
#ctt h3:before{ width:8px; height:8px; top:4px;}
#ctt p{ font-size:0.95em;}
#ctt .p1:before{ top:9px; }

#ctt .point_p{ font-size:1em; }
}

/*센터소개*/
/*.juyo_busi dl{ display:inline-block; vertical-align:top; width:31%; height:163px; border:2px solid #ccc; border-top:2px solid #2d86cb; margin:0 10px 40px 10px; 
padding:35px 25px 25px; border-radius:5px; position:relative;}
.juyo_busi dt{ text-align:center; position:absolute; top:-20px; left:50%; margin-left:-90px; width:180px; background:#2d86cb; font-size:1.3em;  color:#fff;
 border-radius:20px; padding:8px 0px;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; border-bottom:3px solid #ddd;}
.juyo_busi dd{ text-align:left; font-weight:500; color:#333; font-size:1.1em; margin:3px 0; position:relative; padding-left:10px;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif;}
.juyo_busi dd:before{ display:block; content:""; width:7px; height:2px; border-radius:5px; background:#2d86cb; position:absolute; top:9px; left:0px;}
@media (max-width:1000px) {
.juyo_busi{ text-align:center;}
.juyo_busi dl{  width:95%; height:auto; margin:0 0px 30px 0px; padding:30px 20px 20px;}
.juyo_busi dt{ font-size:1em;}
}*/

/*센터장 인사말*/
.ctt_greet02{ background:url(../img/sub/ceo_img.jpg) no-repeat left top; padding-left:250px;word-break: keep-all; word-wrap:break-word;}
#ctt.ctt_greet02 h1{ font-size:2em; margin-bottom:40px; letter-spacing:-2px;}
#ctt.ctt_greet02 p{ line-height:1.7em; color:#333;}
.greet_ceo{ background:url(../img/sub/greet_img.jpg) no-repeat right 195px/300px auto; padding-bottom:50px;}
@media (max-width:1000px) {
.ctt_greet02{ background-position:center top; padding-left:0; padding-top:260px;}
#ctt.ctt_greet02 h1{ font-size:1.6em; margin-bottom:30px;}
.greet_ceo{ background-position: center bottom; background-size:300px auto; padding-bottom:270px;}
}

/* 연혁 */
.his{ background:url(../img/sub/global_map.jpg) no-repeat left 150px/300px auto; padding-left:375px;}
.his_ul li{/*border-bottom:1px solid #e5e6e6;*/overflow:hidden;padding:7px 0;position:relative;/*margin-left:10px*/}
.his_ul li.no_border{border:none}
.his_ul li strong{ font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif;color:#333;font-size:2em; font-weight:600; left:0;letter-spacing:-1px;line-height:32px;
position:absolute;top:15px; padding-left:22px; display:block;}
.his_ul li strong:before{ display:block; content:""; width:15px; height:15px; background:#fff; border:3px solid #2d86cb; border-radius:50px; position:absolute; top:9px; left:0px;}
.his_ul li .history_dl{margin:0 0 0;padding:10px 0 0 15%;position:relative;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl dt{font-weight:400;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{padding:0 0 5px 5%; font-size:1em;}
.his_ul li .history_dl dd span{ display:inline-block; font-weight:500; color:#2d86cb; font-size:1.1em; width:35px;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif;
text-align:right; margin-right:15px;}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 5px 0;margin-top:15px}
@media (max-width:1000px) {
.his{ background:none; padding-left:0;}
.his div{ padding:0;}
.his_ul li{ padding:0 0 10px 0;}
.his_ul li .history_dl{padding:60px 0 0 5%;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{ padding:0px 0 5px 10px; font-size:1em;}
.his_ul li .history_dl dd span{ display:block; margin-right:0; width:100%; text-align:left;}
}

/*조직도*/
/*.ctt_greet04{ position:relative; width:80%; margin:0 auto;}
.ctt_greet04 .orga_box{ width:160px; margin:0 auto; border:1px solid #ddd; text-align:center; border-radius:10px 0 10px 10px; overflow:hidden;}
.ctt_greet04 .orga_t{ font-size:1.1em; font-weight:bold; color:#fff; line-height:35px;}
.ctt_greet04 .ceo .orga_t{ background:#2d86cb;}
.ctt_greet04 .ceo2 .orga_t{ background:#ec6d28;}
.ctt_greet04 .orga_name{ font-size:1.3em; font-weight:bold; color:#222; margin:10px 0;}
.ctt_greet04 .orga_name p{ font-size:13px !important; line-height:1.6em !important; font-weight:normal; color:#888; padding:10px 10px; border-top:1px dotted #ddd; margin-top:10px;}
.ctt_greet04 .ceo{ margin-bottom:30px;}
.ctt_greet04 .ceo2{ margin-bottom:30px;}
.ctt_greet04 .orga_sec{ position:relative; height:380px;}
.ctt_greet04 .orga_sec .orga_box{ border-top:3px solid #9ace47;}
.ctt_greet04 .obt01{ position:absolute; top:0px; left:0px;}
.ctt_greet04 .obt02{ position:absolute; top:0px; left:240px;}
.ctt_greet04 .obt03{ position:absolute; top:0px; left:485px;}
.ctt_greet04 .obt04{ position:absolute; top:0px; right:0px;}
.ctt_greet04 .orga_sec .orga_img{ margin-top:18px;}
.ctt_greet04 .orga_sec .orga_name p{ text-align:left; min-height:122px;}
@media (max-width:1000px) {
.ctt_greet04{  width:100%;}
.ctt_greet04 .orga_sec{ height:auto;}
.ctt_greet04 .obt01{ position:relative; top:auto; left:auto; margin-bottom:30px;}
.ctt_greet04 .obt02{ position:relative; top:auto; left:auto; margin-bottom:30px;}
.ctt_greet04 .obt03{ position:relative; top:auto; left:auto; margin-bottom:30px;}
.ctt_greet04 .obt04{ position:relative; top:auto; right:auto;}
.ctt_greet04 .orga_sec .orga_name p{ min-height:auto;}
}*/

/*조직도*/
.ctt_greet04{ width:70%; margin:0 auto;}
.organi{ position:relative; width:70%; margin:0 auto 70px auto; background:url(../img/sub/organi_line.gif) no-repeat center 80%; font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-weight:bold;}
.organi div{ width:170px; line-height:50px; font-size:1.2em; color:#fff; text-align:center; box-shadow:0px 3px 0px #ccc;}
.organi .center{ margin:0 auto;}
.organi .wh{ background:#d5a82d;}
.organi .ceo{ margin-bottom:40px; background:#2d86cb; position:relative}
.organi .ceo:after{content:""; display: block; width:1px; height:38px; background:#bbb; position:absolute; bottom:-40px; left:50%;}
.organi .ceo2{ margin-bottom:61px; background:#ec6d28;}
.organi .ceo2{ margin-bottom:61px; background:#ec6d28;}
.organi .obt01{ position:absolute; top:312px; left:0; background:#9ace47;}
.organi .obt02{ background:#9ace47;}
.organi .obt03{ position:absolute;top:312px; right:0px; background:#9ace47;}
#comt{ margin:0 auto;}
@media (max-width: 1000px) {
.ctt_greet04{ width:100%;}
.organi{ width:100%; margin:0 auto 50px auto; background:none}
.organi div{ width:100%;}
.organi .ceo{ margin-bottom:10px;}
.organi .ceo:after{display: none;}
.organi .ceo2{ margin-bottom:20px;}
.organi .obt01{ position:relative; top:auto; left:auto; margin-bottom:10px;}
.organi .obt02{ margin-bottom:10px;}
.organi .obt03{ position:relative;top:auto; right:auto;}
}



/*시설현황*/
#ctt .inte h1{ font-size:2.6em; color:#000; text-align:center; margin-bottom:10px; letter-spacing:-2px;}
.inte h1 strong{ color:#2d86cb;}
.inte .exp{ margin-bottom:30px; font-size:1.2em; line-height:1.2em; color:#555; text-align:center;}
.inte .img:after{content:""; display:block; clear:both;}
.inte .img dl{float:left;  width:calc(32% - 10px); margin:10px; position:relative;}
.inte .img dt{position:absolute; line-height:3em; background:rgba(0,0,0,0.5); color:#fff; left:0; bottom:0; padding:5px 30px 5px 30px; font-size:1.1em;}
.inte .img img{width:100%;}
@media (max-width: 1000px) {
#ctt .inte h1{ font-size:1.8em; margin-bottom:10px; }
.inte .exp{font-size:1em; margin-bottom:10px;}
.inte .img dl{width:100%; margin:5px 0;}
}



/*오시는길*/
.ctt_greet05 p{ font-size:1.2em; color:#222; font-weight:400; line-height:1.5em; text-align:center; margin-bottom:10px;}
.ctt_greet05 .map{ border:1px solid #ddd; padding:20px 20px;}
.ctt_greet05 dl{ margin-top:20px; font-size:1.1em; width:70%; font-weight:bold; border-left:3px solid #2d86cb; padding-left:15px;}
.ctt_greet05 dt{ font-size:1.3em;}
.ctt_greet05 dd{ border-bottom:1px dotted #ccc; line-height:2.7em; color:#666;}
.ctt_greet05 dd strong{ color:#2d86cb;}
.ctt_greet05 i{ color:#2d86cb;}
.ctt_greet05 dd .mp{ font-weight:bold; color:#222;}
@media (max-width:1000px) {
.ctt_greet05 p{ font-size:1em;}
.ctt_greet05 .map{ padding:10px;}
.ctt_greet05 dl{ font-size:1em; width:100%;}
.ctt_greet05 dt{ font-size:1.2em;}
}

.ctt_jahal02{ background:url(../img/sub/jahal_img01.jpg) right 200px no-repeat/630px auto;} 
@media (max-width:1000px) {
.ctt_jahal02{ background:none;} 
}


/*자활근로사업*/
.ctt_busi01 ul{ margin-top:20px; border-top:1px dashed #ddd; padding-top:20px;}
.ctt_busi01 li{ padding-left:8px; position:relative; font-size:1.1em; font-weight:bold; color:#222; margin-bottom:3px;}
.ctt_busi01 li:before{ display:block; content:""; width:4px; height:4px; border-radius:5px; background:#2d86cb; position:absolute; top:8px; left:0px;}
.ctt_busi01 .sm_box{ background:#f5f5f5; padding:20px 20px; font-size:13px; line-height:1.8em;}
@media (max-width:1000px) {
.mmb_20{ margin-bottom:20px;}
.ctt_busi01 ul{ margin-top:10px; padding-top:10px;}
.ctt_busi01 li{font-size:1em;}
.ctt_busi01 li:before{ top:6px;}
.ctt_busi01 .sm_box{ padding:10px; font-size:12px;}
}

/*사업소개*/
#busi_wrap .point2{ display:block; font-size:1.4em; font-weight:bold; color:#2d86cb; font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; margin-bottom:10px;}
#busi_wrap ul{ margin-top:20px; border-top:1px dashed #ddd; padding-top:20px;}
#busi_wrap li{ padding-left:8px; position:relative; font-size:1.15em; font-weight:bold; color:#222; margin-bottom:3px;}
#busi_wrap li:before{ display:block; content:""; width:4px; height:4px; border-radius:5px; background:#2d86cb; position:absolute; top:8px; left:0px;}
#busi_wrap .sm_box{ background:#f5f5f5; padding:20px 20px; font-size:1.1em; line-height:1.8em; margin-bottom:10px;}
#busi_wrap .sm_box2{  font-size:1.1em; line-height:1.8em; margin-bottom:10px;}
#busi_wrap .mapb{ width:100%; height:400px;}

ul.ul_box li{ padding-left:8px; position:relative; font-size:1.1em; font-weight:bold; color:#222; margin-bottom:3px;}
ul.ul_box li:before{ display:block; content:""; width:4px; height:4px; border-radius:5px; background:#2d86cb; position:absolute; top:8px; left:0px;}

a.btn_tom{ display:block; text-align:center; width:300px; margin:50px auto; line-height:50px; background:#f5f5f5; border:2px solid #da2d83; font-weight:bold; color:#222;}
a.btn_tom i{ color:#da2d83;}

ul.tab{ margin-bottom:30px;display: flex; justify-content: center}
ul.tab li{ display:inline-block; width:19%;text-align:center;}
ul.tab li a{ display:block; background:#f5f5f5; line-height:40px; border:1px solid #ddd;}
ul.tab li a.selected{ background:#ebc75a; border-color:#ebc75a; color:#fff; font-weight:bold;}/*
ul.tab.a6 li{width:24.5%;}*/

.busi_box .cn{margin-top:15px; color:#8A7233; line-height:1.8em;}

@media (max-width:1000px) {
.mmb_20{ margin-bottom:20px;}
#busi_wrap .point2{ font-size:1.1em;}
#busi_wrap ul{ margin-top:10px; padding-top:10px;}
#busi_wrap li{font-size:1em;}
#busi_wrap li:before{ top:6px;}
#busi_wrap .sm_box{ font-size:12px; padding:10px;}
#busi_wrap .sm_box2{  font-size:12px;}
#busi_wrap .mapb{ width:100%; height:auto;}


ul.ul_box li{ font-size:1em;}
ul.ul_box li:before{ top:6px;}

a.btn_tom{  width:100%; margin:20px auto;}

ul.tab li{ width:49%; margin-bottom:3px;}
ul.tab.a6 li{width:49%;}
ul.tab li a{ line-height:30px; font-size:12px;}
}




/*자활기업*/
.ctt_business07{ text-align:center;}
.busi_box2{ display:inline-block; vertical-align:top; width:275px; height:330px; border:1px solid #ddd; padding:10px 10px; box-sizing:border-box;
 margin:0 10px 20px 10px;}
#ctt.ctt_business07 p{ font-size:13px; text-align:left;}
#ctt.ctt_business07 h2{ margin-top:10px; text-align:left;}
@media (max-width:1000px) {
.busi_box2{ height:auto;}
}

/*사회서비스 사업*/
.imgbox{}
.ctt_business03{}
.ctt_business03 .busi_box .img{
    margin: 20px 0;
}


/*청년자립도전사업*/
.new_busi{}
.new_busi .busi_box ul{ margin-top:20px; border-top:1px dashed #ddd; padding-top:20px;}
.new_busi .busi_box li{ padding-left:8px; position:relative; font-size:1.15em; font-weight:bold; color:#222; margin-bottom:3px;}
.new_busi .busi_box li:before{ display:block; content:""; width:4px; height:4px; border-radius:5px; background:#2d86cb; position:absolute; top:8px; left:0px;}
.new_busi .busi_box .sm_box{ background:#f5f5f5; padding:20px 20px; font-size:1.1em; line-height:1.8em; margin-bottom:10px;}
.new_busi .busi_box .sm_box2{  font-size:1.1em; line-height:1.8em; margin-bottom:10px;}
.new_busi .tit{display:inline-block; padding:5px 15px; background:#69C; color:#fff; text-align:center; font-size:1.4em; margin-bottom:15px; font-weight:700;}
.new_busi .tit_con{color:#36C; font-size:1.25em; font-weight:600; margin-bottom:15px;}
.new_busi .con{line-height:1.8em; font-size:1.12em;}
.new_busi .con strong{display:block; color: #09C}
.new_busi .st{margin-top:20px;}
.new_busi .st li{ padding-left:8px; position:relative; font-size:1.15em; font-weight:bold; color:#222; margin-bottom:6px;}
.new_busi .st li:before{ display:block; content:""; width:4px; height:4px; border-radius:5px; background:#2d86cb; position:absolute; top:8px; left:0px;}
.new_busi .mapb{ width:100%; height:400px;}
.new_busi .insta img{width:20px; height:auto;}
.new_busi .img{display: flex; align-items: center;}
.new_busi .img p{width: 100%; aspect-ratio:1/1; border-radius: 10px; overflow: hidden;}
.new_busi .img p:not(:last-child){margin-right: 10px;}
.new_busi .img p img{width: 100%; height: 100%; object-fit: cover;}
@media (max-width:1000px) {
.new_busi{margin-top:20px;}
.new_busi .tit{font-size:1.2em;}
.new_busi .tit_con{font-size:1.12em;}
.new_busi .con{line-height:1.6em; font-size:1em;}
.new_busi .st li{font-size:1.05em;}
.new_busi .mapb{ width:100%; height:auto;}
}
	
	
/*운영법인*/
.bubin{ background:url(../img/sub/greet05_img.jpg) center top no-repeat; padding-top:140px;}
.bubin dl{ position:relative; display:inline-block; vertical-align:top; width:31%; margin:0 10px; height:180px;}
.bubin dl:after{ display:block; content:""; clear:both;}
.bubin dt{ position:absolute; top:0px; left:0px; width:80px; height:80px; border:3px solid #fff;line-height:80px; text-align:center; font-size:1.4em; color:#fff; font-weight:bold; text-shadow:1px 1px 2px #333; z-index:10;}
.bubin dd{ position:absolute; top:20px; left:20px; border:1px solid #ccc; background:#fff; padding:30px 20px 30px 80px; font-size:1.1em; color:#444; line-height:1.5em;word-break:keep-all z-index:9; height:180px;}
.bubin dd strong{ display:block; font-size:1.2em; margin-bottom:5px;}
.bubin .dl01 dt{ background:#edc716;}
.bubin .dl02 dt{ background:#e74c2d;}
.bubin .dl03 dt{ background:#0c63c6;}
.bubin .dl01 dd{ border-top-color:#edc716; border-top-width:3px;}
.bubin .dl02 dd{ border-top-color:#e74c2d; border-top-width:3px;}
.bubin .dl03 dd{ border-top-color:#0c63c6; border-top-width:3px;}

.organi2{ text-align:center; background:url(../img/sub/organi2_line.gif) no-repeat center 40px;}
.organi2 .otop{ position:relative; height:150px;}
.organi2 .ceo{ display:inline-block; background:#fff; border:3px solid #2fb5b7; color:#333; line-height:50px; padding:0 30px; box-shadow:3px 3px 0px #ddd;}
.organi2 .sec{ width:170px; background:#1cb185; color:#fff; line-height:50px; font-size:1.15em; box-shadow:3px 3px 0px #ddd;}
.organi2 .thr{ width:170px; background:#50b457; color:#fff; line-height:50px; font-size:1.15em; box-shadow:3px 3px 0px #ddd;}
.organi2 .left01{ position:absolute; top:72px; left:170px;}
.organi2 .right01{ position:absolute; top:84px; right:170px;}

.organi2 .obot{ position:relative;}
.organi2 .oleft{ position:relative; width:496px; padding-left:10px; box-sizing:border-box;}
.organi2 .oright{ position:absolute; top:0px; right:0px;}

.organi2 .left02{ margin:0 0 80px 160px;}
.organi2 .right02{ margin:0 0 80px 243px;}
.organi2 .bbox{ display:inline-block; width:80px; min-height:115px; vertical-align:top; margin:0 1px; background:#f7f7f7; border:2px solid #ccc; padding:30px 10px; border-radius:0 0 0 5px; word-break: keep-all; word-wrap:break-word; font-size:12px;}
.organi2 .bb02{ background:#f9c9a3; border:2px solid #e97314; font-weight:bold; padding:21px 10px;}
@media (max-width:1000px) {
.bubin{ background-size:auto 80px; padding-top:90px;}
.bubin dl{ height:auto; display:block; width:100%; margin:0 0 10px 0;}
.bubin dt{ position:relative; top:auto; left:auto; width:100%; height:auto; border-radius:0px; border:0;line-height:40px; font-size:1.3em; box-shadow:0px;}
.bubin dd{ position:relative; top:auto; left:auto; width:100%; height:auto; border-radius:0; border:2px solid #ccc; padding:20px 20px; font-size:1.1em;}
.bubin dd strong{ display:block;}
.bubin .dl01 dd{ border-top-width:0px;}
.bubin .dl02 dd{ border-top-width:0px;}
.bubin .dl03 dd{ border-top-width:0px;}

.organi2{ background:none;}
.organi2 .otop{ height:auto;}
.organi2 .ceo{ display:block; border-radius:0px; margin-bottom:20px;}
.organi2 .sec{ width:100%; border-radius:0px;}
.organi2 .thr{ width:100%; border-radius:0px;}
.organi2 .left01{ position:relative; top:auto; left:auto; margin-bottom:5px;}
.organi2 .right01{ position:relative; top:auto; right:auto; margin-bottom:20px;}

.organi2 .obot{}
.organi2 .oleft{ position:relative; width:100%; padding-left:0px; margin-bottom:20px;}
.organi2 .oright{ position:relative; top:auto; right:auto;}

.organi2 .left02{ margin:0 0 10px 0;}
.organi2 .right02{ margin:0 0 10px 0;}
.organi2 .bbox{ width:30%; min-height:105px; margin:0 3px 6px 3px; padding:20px 10px; border-radius:0px;}
.organi2 .bb02{ background:#f9c9a3; border:2px solid #e97314; font-weight:bold; }
}

/*업무연계*/
.work_t{ text-align:center;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-size:1.5em; color:#222; margin-bottom:30px;}
.work_t strong{ font-size:1.3em; font-weight:bold; color:#2d86cb;}
@media (max-width:1000px) {
.work_t{  font-size:1.2em; }
}


/*후원하기*/
.huwon{ width:75%; margin:0 auto;}
.htop{ text-align:center; font-size:1.25em; color:#222; line-height:1.8em; margin-bottom:50px;}
.htop strong{ color:#ff6239;}
.htop .bank{ background:#f5f5f5; border-radius:20px; border:2px dashed #ddd; padding:30px 0; margin-top:10px; font-weight:bold;}
.htop .bank span{ color:#2d86cb;}
.huwon p.ac_box{ font-weight:bold; color:#fff !important; background:#2d86cb; border-radius:4px; display:inline-block; padding:2px 15px; font-size:1.2em;}
@media (max-width:1000px) {
.huwon{ width:100%;}
.htop{ font-size:1.1em;  margin-bottom:30px;}
.htop .bank{ border-radius:10px;}
}















