/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1100px; height:220px; margin:85px auto 0px auto; background:url(../img/sub/svisual.png) no-repeat 70% bottom #f0fdfc; border-bottom:1px solid #f8c4c6; overflow:hidden; 
position:relative;}
#svisual .s_text{ width:300px; position:absolute; top:70px; left:50%; margin-left:-560px; visibility:hidden;}
#svisual .s_text .mt{ }
#svisual .s_text .mt img{ 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;}
.mt_120{ margin-top:120px;}
.mt_140{ margin-top:140px;}
.mt_160{ margin-top:160px;}
.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;}
.mb_120{ margin-bottom:120px;}
.mb_140{ margin-bottom:140px;}
.mb_160{ margin-bottom:160px;}

.pt_10{ padding-top:10px;}
.pt_20{ padding-top:20px;}
.pt_30{ padding-top:30px;}
.pt_40{ padding-top:40px;}
.pt_50{ padding-top:50px;}
.pt_60{ padding-top:60px;}
.pt_70{ padding-top:70px;}
.pt_80{ padding-top:80px;}
.pt_90{ padding-top:90px;}
.pt_100{ padding-top:100px;}
.pt_120{ padding-top:120px;}
.pt_140{ padding-top:140px;}
.pt_160{ padding-top:160px;}
.pb_10{ padding-bottom:10px;}
.pb_20{ padding-bottom:20px;}
.pb_30{ padding-bottom:30px;}
.pb_40{ padding-bottom:40px;}
.pb_50{ padding-bottom:50px;}
.pb_60{ padding-bottom:60px;}
.pb_70{ padding-bottom:70px;}
.pb_80{ padding-bottom:80px;}
.pb_90{ padding-bottom:90px;}
.pb_100{ padding-bottom:100px;}
.pb_120{ padding-bottom:120px;}
.pb_140{ padding-bottom:140px;}
.pb_160{ padding-bottom:160px;}

.t_center{ text-align:center !important;}
.fl{ float:left !important;}
.img2 img{ width:100%;}


/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tbl{}
.tbl table{ width:100%; border:4px solid #0097d9; font-size:1.3em; letter-spacing:0; }
.tbl thead tr th{ vertical-align:middle; padding:15px 20px; border-bottom:1px solid #666; background:#d6eef8; color:#222; text-align:center; font-weight:500;}
.tbl tbody tr th{ vertical-align:middle; padding:15px 20px; border-bottom:1px solid #ddd; background:#f5f5f5; color:#222; text-align:center; font-weight:500;}
.tbl tr td { vertical-align:middle; padding:15px 20px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#555; text-align:center;}
.tbl tr td:last-child{ border-right:0;text-align:left;}

.tbl2{}
.tbl2 table{ width:100%; border:1px solid #555; border-top:3px solid #0097d9;font-size:1.3em;letter-spacing:0; }
.tbl2 tr th{ vertical-align:middle; padding:18px 20px; border-bottom:1px solid #e3e3e3; border-right:1px solid #ddd; background:#f5f5f5; color:#222; text-align:center; font-weight:500; width:25%;}
.tbl2 tr td { vertical-align:middle; padding:18px 20px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#666; text-align:left;}
.tbl2 tr td:last-child{ border-right:0;}
.tbl2 tr:last-child th{ border-bottom:1px solid #555;}
.tbl2 tr:last-child td{ border-bottom:1px solid #555;}

.tbl3{}
.tbl3 table{ width:100%; border:3px solid #0097d9; font-size:1.3em; letter-spacing:0; }
.tbl3 tr th{ vertical-align:middle; padding:15px 20px; border-bottom:1px solid #444;border-right:1px solid #e3e3e3; background:#f5f5f5; color:#222; text-align:center; font-weight:500;}
.tbl3 tr td { vertical-align:middle; padding:15px 20px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333; text-align:center;}
.tbl3 tr td.td1{ background:#f5f5f5;}

.tbl4{}
.tbl4 table{ width:100%; border:1px solid #e3e3e3; border-right:0; font-size:1em; letter-spacing:0; }
.tbl4 tr th{ vertical-align:middle; padding:7px 20px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:#f5f5f5; color:#333; text-align:center; font-weight:500;}
.tbl4 tr td { vertical-align:middle; padding:7px 20px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; color:#555; background:#fff; text-align:center;}

.tbl5{ margin-bottom:60px;}
.tbl5 table{ width:100%; font-size:1.3em; letter-spacing:0; }
.tbl5 tr th{  font-size:1.2em;vertical-align:middle; width:30%; padding:15px 20px; border-bottom:2px solid #eee; background:#0097d9; color:#fff; text-align:center; font-weight:500;}
.tbl5 tr td { vertical-align:middle; padding:15px 30px; border-bottom:2px solid #fff; color:#333; background:#f2f2f2; line-height:1.8em;}


/*인사말*/
.greet{ font-size:1.4em; line-height:1.8em; background:url(../img/sub/greet.jpg) no-repeat right center/350px auto;}
.greet h1{ font-size:2.5em; font-weight:300; color:#888; margin-bottom:5px;}
.greet h2{ font-size:1.8em; font-weight:600; color:#333;}
.greet h2 strong{ color:#fc7ba8;}
.greet p{ color:#666; margin:50px 0;}
.greet .ceo{ font-size:1.3em;}
.greet .ceo strong{ font-size:1.3em;}


/*운영법인*/
.unyoung .unimg{ text-align:center; margin-bottom:80px;}
.un_txt{ font-size:1.4em; line-height:1.8em; font-weight:300; margin-top:40px;}


/*연혁*/
.history{ text-align:center; color:#222;}
.his_title{text-align:center; font-size:2.5em; letter-spacing:-2px; font-weight:500; color:#222; margin-bottom:50px;}
.his_title strong{ color:#0097d9;}
.history .htit{ display:inline-block; font-size:1.5em; color:#0097d9; font-weight:bold; letter-spacing:0; border:2px solid #0097d9; border-radius:20px; 
line-height:50px; padding:0 45px; background:#fff; font-family:Tahoma, Geneva, sans-serif;}
.history .his_line{ background:url(../img/sub/his_line.gif) repeat-y center top; padding:20px 0 100px 0;}
.history .his_box{ margin-top:30px;}
.history .his_box:after{ display:block; content:""; clear:both;}
.history .his{ width:550px;}
.history .his_r{ float:right; text-align:left;}
.history .his_l{ float:left; text-align:right;}
.history .his_img{ margin:10px 0px 0 50px;}
.history .his_l .his_img{ margin:10px 50px 0 0px;}
.history dt{ padding-left:50px; font-size:2.7em; font-weight:500; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif; position:relative;}
.history dt:after{ display:block; content:""; width:18px; height:18px; border-radius:50%; background:#fff; border:5px solid #0097d9; position:absolute; top:13px; left:-8px;}
.history dd{ font-size:1.3em; margin:4px 0 4px 50px; color:#444;}
.history dd span{ position:relative; padding-left:8px; display:block;}
.history dd span:before{ display:block; content:""; width:2px; height:2px; background:#0097d9; position:absolute; top:10px; left:0;}
.history dd strong{ display:inline-block; margin-right:10px; font-weight:500; font-family:Tahoma, Geneva, sans-serif;}
.history .his_l dt{ padding-right:50px; padding-left:0;}
.history .his_l dt:after{ left:auto; right:-8px;}
.history .his_l dd{ margin-right:50px;}
.history .his_l dd span{ padding-right:8px; padding-left:0;}
.history .his_l dd span:before{ left:auto; right:0;}
@media (max-width: 991px) {
.history{ text-align:left;}
.his_title{ font-size:1.8em; letter-spacing:-1px;  margin-bottom:30px;}
.history ul.tab{ margin-bottom:30px; text-align:center;}
.history ul.tab li{ width:120px;}
.history ul.tab li:first-child{ margin-right:40px;}
.history ul.tab li:last-child{ margin-left:40px;}
.history ul.tab li a{ font-size:1.1em; line-height:40px; width:100%; margin:0 0px;}

.history .his_line{background-position:20px top; padding:20px 0 50px 0;}
.history .his_box{ margin-top:30px;}
.history .his{ width:100%;}
.history .his_r{ float:none;}
.history .his_l{ float:none; text-align:left;}
.history .his_img{ margin:10px 0px 0 45px;}
.history .his_img img{ width:100%;}
.history .his_l .his_img{ margin:10px 0px 0 45px;}
.history dt{ padding-left:45px; font-size:1.8em;}
.history dt:after{ width:12px; height:12px; border-width:3px ; top:10px; left:14px;}
.history dd{ font-size:1em; margin:4px 0 4px 45px;}
.history dd span{ padding-left:5px;}
.history dd span:before{ top:7px;}
.history .his_l dt{ padding-right:0px; padding-left:45px;}
.history .his_l dt:after{ left:14px; right:auto;}
.history .his_l dd{ margin-right:0; margin-left:45px;}
.history .his_l dd span{ padding-right:0px; padding-left:5px;}
.history .his_l dd span:before{ left:0; right:auto;}
}


/*자활사업안내*/
.busi_t{ font-size:2.3em; font-weight:400; margin-bottom:15px; position:relative; padding-left:18px;}
.busi_ts{ margin-top:60px;}
.busi_t:after{ display:block; content:""; width:22px; height:22px; border-radius:50%; background:#fff; border:5px solid #0097d9; border-left-color:#ccc; position:absolute; top:9px; left:-8px;}
.busi_txt{ font-size:1.4em; line-height:1.8em; font-weight:300; margin-bottom:60px;}
.busi_txt li{ position:relative; padding-left:12px;}
.busi_txt li:after{ display:block; content:""; width:8px; height:2px; background:#0097d9; position:absolute; top:12px; left:0px;}
.busi_txt strong{ color:#006835; font-size:500;}
.busi_img{ margin-top:40px;}

/*조직도*/
.organi{}
.organi .oimg{ width:80%; margin:0 auto 80px auto;}
.organi .oimg img{ width:100%;}

/*오시는 길*/
.map{}
.map_info{ border-top:2px solid #0097d9; margin-top:20px; padding:20px 0px;}
.map_info p{ font-size:1.5em; font-weight:500; color:#222; margin-bottom:10px; padding:0px 20px 20px 20px; border-bottom:1px dashed #666;}
.map_info ul{}
.map_info li{ border-bottom:1px dotted #ddd; line-height:50px; font-size:1.3em; color:#666; padding:0 20px;}
.map_info li i{ color:#0097d9;}
.map_info span{ display:block; line-height:1.7em; margin-bottom:10px;}


/*자활근로사업*/
/*견적문의 모달*/
.modal-dialog{ width:800px;}
.modal-header .close{ font-size:2.5em; opacity:0.8; outline:none;}
.modal-title{ font-size:2em;}
.modal-body{ font-size:1.1em;}
.modal-body .agree{ border:1px solid #ccc; padding:20px 20px; margin-bottom:20px;}
.modal-body .agree .txt{ margin:10px;}
.modal-body .agree_ch{ border-top:1px dotted #ccc; padding-top:10px;}
.modal-footer{ border:0; text-align:center; padding:0 0 20px 0;}
.modal-footer .btn{ padding:10px 60px; font-size:1.5em;}
.modal-footer .btn-default{ background:#0097d9; border-color:#0097d9; color:#fff;}
.modal-footer p{ margin-top:10px; font-size:1.1em; color:#666;}
input[type=checkbox]{ margin:-2px 3px 0 0;}
.tbls{}
.tbls table{ width:100%; border-left:1px solid #ddd; border-top:2px solid #0097d9;letter-spacing:0; }
.tbls tr th{ vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3; border-right:1px solid #ddd; background:#f5f5f5; color:#222; text-align:center; font-weight:500;}
.tbls tr td { vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #ddd; color:#333; text-align:left;}
.tbls tr td.tbls_td span{ display:inline-block; margin-right:30px;}

.tbls_li{}
.tbls_li:after{ display:block; content:""; clear:both;}
.tbls_li li{ float:left; width:50%; padding:5px 0;}

.tbls input[type=radio]{ margin:-2px 3px 0 0;}
.tbls input[type=text]{ line-height:25px; border:0; outline:none; padding:0 5px; font-size:13px;}
.tbls input[type=text].input_style{ width:200px;}
.tbls input[type=text].input_style2{ width:500px;}
.tbls input[type=text].input_style3{ width:130px; border:1px solid #ccc; margin-left:10px; line-height:21px;}
.tbls tr td.tbls_cont textarea{ height:130px; width:100%; outline:none; border:0; font-size:13px; font-family:'Noto Sans KR',Nanum Gothic,  sans-serif;}
input::-webkit-input-placeholder { color:#999; font-size:11px;}
input::-moz-placeholder { color:#999; font-size:11px;}
input:-ms-input-placeholder { color:#999; font-size:11px;}
input:-moz-placeholder { color:#999; font-size:11px;}
input::placeholder { color:#999; font-size:11px;}

/*탭*/
.nav-tabs>li>a{ font-size:1.4em; padding:15px 25px; position:relative; border-radius:0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ font-weight:bold; color:#0097d9;}
.nav-tabs>li.active>a:after{ display:block; content:""; width:100%; height:3px; background:#0097d9; position:absolute; top:-1px; left:0px;}

.busi2_tbox{ margin:30px 0 60px 0; background:#f2f2f2; padding:30px 40px;}
.busi2_tbox dl{ font-size:1.4em; font-weight:300;}
.busi2_tbox dt{ font-size:1.6em; font-weight:500; margin-bottom:30px;}
.busi2_tbox dd{ color:#666;}
.busi2_tbox ul{ margin-top:20px;}
.busi2_tbox li{ position:relative; padding-left:10px; margin:5px 0; font-weight:400;}
.busi2_tbox li:after{ display:block; content:""; width:4px; height:4px; background:#0097d9; position:absolute; top:9px; left:0px;}

.busi_list{}
.busi_lbox{ border:1px solid #ccc; margin:20px 0; padding:35px 35px; box-sizing: border-box; position:relative;}
.busi_lbox:after{ display:block; content:""; clear:both;}
.busi_lbox .limg{ width:350px; float:left; text-align: center; line-height:200px; background-color: #eee; font-size: 1.4em; color: #ccc;}
.busi_lbox .limg img{ width:100%;}
.busi_lbox .linfo{ font-size:1.4em; font-weight:300; float:left; width:calc(100% - 400px); margin-left:50px;}
.busi_lbox .linfo dl{}
.busi_lbox .linfo dt{ font-size:1.5em; font-weight:500; color:#0097d9; margin-bottom:20px;}
.busi_lbox .linfo dt span{ display:block; font-size:14px; color:#333;}
.busi_lbox .linfo p{ color:#777; font-weight:400; margin:10px 0 30px 0;}
.busi_lbox .linfo dd{ margin:4px 0; position:relative; padding-left:10px; font-weight:400;}
.busi_lbox .linfo .map_btn{ display:inline-block; background:#0097d9; font-size:14px; color:#fff; padding:0px 10px; line-height:25px; border-radius:3px; margin-left:10px;}
.busi_lbox .linfo dd:after{ display:block; content:""; width:3px; height:3px; background:#0097d9; position:absolute; top:9px; left:0px;}
.busi_lbox .linfo dd span{ display:block; font-size:0.9em; padding:5px 0; line-height:1.6em; color:#666;}
.busi_lbox .linfo .add{ margin-top:30px;}
.busi_lbox .btn{ position:absolute; top: 30px; right:30px;}

.busi_img2{ text-align:center; margin-bottom:60px;}
.busi_img3{ text-align:center; margin-top:20px;}
.busi_img4{ margin-top:20px;}
.busi_img5{ margin-top:20px;}

.busi_lbox2{ border:1px solid #ccc; margin:20px 0; padding:35px 35px; box-sizing: border-box;}
.busi_lbox2:after{ display:block; content:""; clear:both;}
.busi_lbox2 .linfo{ font-size:1.4em; font-weight:300;}
.busi_lbox2 .linfo dl{}
.busi_lbox2 .linfo dt{ font-size:1.5em; font-weight:500; color:#0097d9;}
.busi_lbox2 .linfo dt strong{ display:inline-block; font-size:18px; color:#fff; width:35px; height:35px; border-radius:50%; background:#0097d9; line-height:35px; text-align:center;}
.busi_lbox2 .linfo p{ color:#777; font-weight:400; margin:10px 0 10px 0;}
.busi_lbox2 .linfo dd{ margin:4px 0; position:relative; padding-left:10px; font-weight:400;}
.busi_lbox2 .linfo dd:after{ display:block; content:""; width:3px; height:3px; background:#0097d9; position:absolute; top:9px; left:0px;}
.busi_lbox2 .linfo2{ margin-top:30px; padding-top:30px; border-top:1px dotted #ddd;}
.busi_lbox2 .linfo2 .bts{ font-size:1.5em; font-weight:500;}
.busi_btn{ text-align:center; margin-top:60px;}
.busi_btn a{ display:block; margin:0 auto; width:45%; border:3px solid #0097d9; line-height:75px; font-size:1.7em; font-weight:500; color:#222;}
.busi_btn a:hover{ background:#f5f5f5;}

.busi_t2{ font-size:1.6em; font-weight:500; margin-bottom:10px;}
.busi_txt .bts2{ font-weight:400; font-size:15px; color:#5ea4e0; margin:5px 0 10px 0; line-height:1.7em;}
.busi_sbox{ border:2px solid #ddd; margin-top:30px; padding:30px 30px;}
.busi_sbox dt{ font-size:1.3em; font-weight:500; color:#186eb7; margin-bottom:10px;}
.busi_sbox dd{ font-size:16px; font-weight:400; line-height:1.8em;}



/*기초푸드뱅크*/
.food_t{ font-size:3.8em; font-weight:bold; color:#0097d9; letter-spacing:-2.5px; text-align:center; margin-bottom:60px;}
.food_t span{ font-size:25px; font-weight:500; color:#333; display:block; letter-spacing:-1.5px;}
.food_t strong{ color:#0a51a8;}
.food_img{ margin:20px 0 60px 0;}
.food_box{ margin-bottom:60px;}
.food_box dl{ display:inline-block; vertical-align:top; width:calc(25% - 22px);margin:0 10px; }
.food_box dt{ text-align:center; font-size:1.6em; font-weight:500; background:#0a3f7a; color:#fff; padding:15px 0;}
.food_box dd{ background:#f1f1f1; padding:20px 20px; font-size:1.2em; font-weight:400; line-height:1.8em; height:140px; }

.foodbank .food_t{ font-size:3.8em; font-weight:bold; color:#f2cd37; letter-spacing:-2.5px; text-align:center; margin-bottom:60px;}
.foodbank .food_t strong{ color:#eab024;}
.foodbank .busi_t{ font-size:2.3em; font-weight:400; margin-bottom:15px; position:relative; padding-left:18px;}
.foodbank .busi_t:after{ display:block; content:""; width:22px; height:22px; border-radius:50%; background:#fff; border:5px solid #f2cd37; border-left-color:#ccc; position:absolute; top:9px; left:-8px;}
.busi_txt .str1{ color:#eac325; font-size:500;}




/*후원안내*/
.huwon{}
.huwon_t{ font-size:1.8em; font-weight:400; color:#333; line-height:1.6em; letter-spacing:-2px; text-align:center; margin-bottom:30px; padding-bottom:330px;
background:url(../img/sub/huwon_bg.jpg) no-repeat center bottom/550px auto;}
.huwon_t span{ font-size:40px; font-weight:600; color:#f96143; display:block; letter-spacing:-2px; margin-bottom:15px;}
.hut{ font-size:2.3em; font-weight:400; margin-bottom:15px; position:relative; padding-left:18px;}
.hut:after{ display:block; content:""; width:22px; height:22px; border-radius:50%; background:#fff; border:5px solid #f96143; border-left-color:#ccc; position:absolute; top:9px; left:-8px;}
.huc{ font-size:1.4em; line-height:1.8em; font-weight:300; margin-bottom:60px;}
.huc li{ position:relative; padding-left:12px;}
.huc li:after{ display:block; content:""; width:8px; height:2px; background:#f96143; position:absolute; top:12px; left:0px;}
.huc2{ font-size:1.5em; line-height:1.8em; font-weight:400; margin-bottom:60px; border:2px solid #f96143; border-radius:10px; padding:30px 40px 30px 300px;
background:url(../img/sub/huwon_bg2.jpg) no-repeat 4% bottom/230px auto;}
.huc2 li{position:relative; padding-left:12px;}
.huc2 li:after{ display:block; content:""; width:4px; height:4px; border-radius:50%; background:#f96143; position:absolute; top:12px; left:0px;}
.huc_tel{ font-size:2em; font-weight:600; color:#222;}
.huc_tel i{ color:#f96143;}

/*개인정보처리방침*/
.privacy{ font-size:1.2em; line-height:2em;}
.privacy h1{ font-size:1.3em; margin-bottom:20px;}
.privacy h2{ font-size:1.2em; margin-bottom:10px;}
.privacy h3{ margin-bottom:10px; padding-left:9px; position:relative;}
.privacy h3:before{ display:block; content:""; width:4px; height:4px; background:#999; position:absolute; top:5px; left:0px;}
.privacy span.stt{ text-indent:10px; font-size:0.95em; color:#777;}
.privacy .pv_box{ border:2px solid #ddd; padding:30px 30px; margin-bottom:30px;}




@media (max-width:1000px) {
/*서브-상단비주얼 */
#svisual{ min-width:100%; height:100px; margin:60px auto 0px auto; background-size:cover;}
#svisual .s_text{ display:none;}

/* 내용-공통 */
.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:70px;}
.mt_120{ margin-top:80px;}
.mt_140{ margin-top:100px;}
.mt_160{ margin-top:120px;}
.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:70px;}
.mb_120{ margin-bottom:80px;}
.mb_140{ margin-bottom:100px;}
.mb_160{ margin-bottom:120px;}

.pt_40{ padding-top:20px;}
.pt_50{ padding-top:30px;}
.pt_60{ padding-top:40px;}
.pt_70{ padding-top:50px;}
.pt_80{ padding-top:60px;}
.pt_90{ padding-top:70px;}
.pt_100{ padding-top:70px;}
.pt_120{ padding-top:80px;}
.pt_140{ padding-top:100px;}
.pt_160{ padding-top:120px;}
.pb_40{ padding-bottom:20px;}
.pb_50{ padding-bottom:30px;}
.pb_60{ padding-bottom:40px;}
.pb_70{ padding-bottom:50px;}
.pb_80{ padding-bottom:60px;}
.pb_90{ padding-bottom70px;}
.pb_100{ padding-bottom:70px;}
.pb_120{ padding-bottom:80px;}
.pb_140{ padding-bottom:100px;}
.pb_160{ padding-bottom:120px;}
.img img{ width:100%;}

/*가로스크롤*/
.rowhorizon:before{content:"스크롤하면 내용을 볼 수 있습니다.→"; display:block;  margin:5px 0 5px 5px; font-size:12px; letter-spacing:0; color:#999;}
.rowhorizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}

.tbl table{ font-size:1.2em;}
.tbl tr th{  padding:12px 10px; width:25%;}
.tbl tr td { padding:12px 10px;}

.tbl2 table{ font-size:1.2em; }
.tbl2 tr th{ padding:12px 10px;}
.tbl2 tr td { padding:12px 10px;}

.tbl3 table{ font-size:1.2em;}
.tbl3 tr th{ padding:12px 10px;}
.tbl3 tr td { padding:12px 10px;}

.tbl4 table{ line-height:1.3em !important}
.tbl4 tr th{ padding:5px 10px;}
.tbl4 tr td { padding:5px 10px;}

.tbl5{ margin-bottom:40px;}
.tbl5 table{ font-size:1.2em;}
.tbl5 tr th{  padding:12px 10px;}
.tbl5 tr td { padding:12px 10px;}

/*인사말*/
.greet{ font-size:1.1em; background:none;}
.greet p{ margin:30px 0;}


/*운영법인*/
.unyoung .unimg{ margin-bottom:50px;}
.unyoung .unimg img{ width:100%;}
.un_txt{ font-size:1.2em; margin-top:20px;}


/*자활사업안내*/
.busi_t{ font-size:1.8em; margin-bottom:10px; padding-left:22px;}
.busi_ts{ margin-top:40px;}
.busi_t:after{ width:18px; height:18px; border-width:4px; top:7px; left:0px;}
.busi_txt{ font-size:1.2em; margin-bottom:40px;}
.busi_txt li{padding-left:12px;}
.busi_txt li:after{ top:12px;}
.busi_img{ margin-top:30px;}
.busi_img img{ width:100%;}


/*조직도*/
.organi .oimg{ width:100%; margin:0 auto 40px auto;}

/*오시는 길*/
.map_info p{ font-size:1.3em;}
.map_info li{ line-height:1.5em; font-size:1.2em; padding:15px 10px;}

/*자활근로사업*/
/*견적문의 모달*/
.modal-dialog{ width:100%; margin:0px auto;}
.modal-header .close{ font-size:2.5em;}
.modal-title{ font-size:1.5em;}
.modal-body{ font-size:1em;}
.modal-body .agree{ padding:10px; margin-bottom:20px;}
.modal-footer .btn{ padding:10px 60px; font-size:1.3em;}
.modal-footer p{ font-size:1em;}
.tbls tr th{ padding:7px 10px;}
.tbls tr td { padding:7px 10px;}
.tbls tr td.tbls_td span{ margin:3px 15px 3px 0;}

.tbls_li{}
.tbls_li li{ float:none; width:100%; padding:5px 0;}
.busi_lbox .btn{ position:relative; top:auto; right:auto; display:block; margin-top:20px; width:100%;}
.busi_lbox .btn-group-lg>.btn, .btn-lg{}


.tbls input[type=text]{ line-height:23px; font-size:12px;}
.tbls input[type=text].input_style{ width:100%;}
.tbls input[type=text].input_style2{ width:100%;}
.tbls input[type=text].input_style3{ display:block; margin-left:0px; margin-top:5px;}
.tbls tr td.tbls_cont textarea{ height:100px; font-size:12px;}

/*탭*/
.nav-tabs{ border:0;}
.nav-tabs>li{ width:calc(50% - 1px); text-align:center; margin-right:-1px;}
.nav-tabs>li>a{ font-size:1.2em; padding:10px 0px; margin:0; border:1px solid #ddd;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border:1px solid #ddd;}
.nav-tabs>li.active>a:after{ height:2px;}


.busi2_tbox{ margin:20px 0 40px 0; padding:20px 20px;}
.busi2_tbox dl{ display:block; width:100%; height:auto; margin:10px 0px; font-size:1.2em;}
.busi2_tbox dt{ margin-bottom:20px; font-size:1.2em;}

.busi_lbox{  padding:20px 20px;}
.busi_lbox .limg{ width:100%; float:none;}
.busi_lbox .linfo{ font-size:1.2em; float:none; width:100%; margin-left:0px; margin-top:20px;}
.busi_lbox .linfo dt{ font-size:1.3em;}
.busi_lbox .linfo dt span{ font-size:12px;}
.busi_lbox .linfo p{ margin:10px 0 20px 0;}
.busi_lbox .linfo .map_btn{ margin-left:0px; margin-top:5px; display:block; text-align:center;}

.busi_img2{ margin-bottom:40px;}
.busi_img3{ margin-top:10px;}
.busi_img4{ margin-top:10px;}
.busi_img5{ margin-top:10px;}
.busi_img2 img{ width:100%;}
.busi_img3 img{ width:100%;}
.busi_img4 img{ width:100%;}
.busi_img5 img{ width:100%;}

.busi_lbox2{ padding:25px 25px;}
.busi_lbox2 .linfo{ font-size:1.2em;}
.busi_lbox2 .linfo dt{ font-size:1.3em;}
.busi_lbox2 .linfo dt strong{ font-size:15px; width:30px; height:30px; line-height:35px;}
.busi_lbox2 .linfo2{ margin-top:20px; padding-top:20px;}
.busi_lbox2 .linfo2 .bts{ font-size:1.3em}
.busi_btn{ margin-top:40px;}
.busi_btn a{ width:100%; line-height:55px; font-size:1.5em;}

.busi_t2{ font-size:1.3em;}
.busi_txt .bts2{ font-size:13px;}
.busi_sbox{ margin-top:20px; padding:20px 20px;}
.busi_sbox dt{ font-size:1.2em;}
.busi_sbox dd{ font-size:13px;}


/*기초푸드뱅크*/
.food_t{ font-size:2.2em; letter-spacing:-2.5px; margin-bottom:40px;}
.food_t span{ font-size:18px;letter-spacing:-1.5px;}
.food_img{ margin:10px 0 40px 0;}
.food_img img{ width:100%;}
.food_box{ margin-bottom:40px;}
.food_box dl{ display:block; width:100%; margin:10px 0; }
.food_box dt{ font-size:1.3em;}
.food_box dd{ font-size:1.1em; height:auto; }
.foodbank .food_t{ font-size:2.2em; letter-spacing:-2.5px; margin-bottom:40px;}
.foodbank .busi_t{ font-size:1.8em; margin-bottom:10px; padding-left:22px;}
.foodbank .busi_t:after{ width:18px; height:18px; border-width:4px; top:7px; left:0px;}


/*후원안내*/
.huwon_t{ font-size:1.2em; letter-spacing:-1px; margin-bottom:30px; padding-bottom:200px; background-size:300px auto;}
.huwon_t span{ font-size:25px; margin-bottom:15px; letter-spacing:-1px;}
.hut{ font-size:1.8em; padding-left:20px; border-width:4px;}
.hut:after{ width:18px; height:18px; top:7px; left:0px;}
.huc{ font-size:1.2em; margin-bottom:40px;}
.huc li{ padding-left:10px;}
.huc li:after{ width:6px; top:10px;}
.huc2{ font-size:1.2em;margin-bottom:60px; padding:25px 20px 25px 20px; background-position:95% 95%; background-size:100px auto;}
.huc2 li{position:relative; padding-left:12px;}
.huc2 li:after{ display:block; content:""; width:4px; height:4px; border-radius:50%; background:#f96143; position:absolute; top:12px; left:0px;}
.huc_tel{ font-size:1.5em;}

/*개인정보처리방침*/
.privacy{ font-size:1.05em; line-height:1.8em;}
.privacy h3{ padding-left:6px;}
.privacy h3:before{ width:3px; height:3px;}
.privacy .pv_box{ padding:15px 15px;}

}


.gateway_process{
	width: 100%;
	min-width: 400px;
}
.gateway_process th{
	width: calc(100% / 3);
	text-align: center;
	font-size: 18px;
	padding: 10px 20px;
	background: #0097d924;
}
.gateway_process td{
	text-align: center;
	font-size: 15px;
	padding: 15px 10px;
	background: #f5f5f5;
	margin: 10px 0;
	line-height: 1.7em;
}

@media (max-width: 1000px){
	.table_scroll{
		overflow-x: scroll;
		position: relative;
	}
	.table_scroll::before{
		content: '← 옆으로 스크롤하세요 →';
		display: inline-block;
		position: relative;
		font-size: 12px;
		color: #999;
		font-weight: 300;
		margin: 0 0 15px;
	}
	.gateway_process th{
		font-size: 15px;
		padding: 10px;
	}
	.gateway_process td{
		font-size: 13px;
		padding: 10px;
	}
}