charset "utf-8";
font-face {
    font-family:'NanumGothic';
    src: url('/include/font/NanumGothic.eot');
    src: url('/include/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/include/font/NanumGothic.woff') format('woff'),
         url('/include/font/NanumGothic.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}


body {margin:0;padding:0;font-size:0.75em;font-family:NanumGothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', dotum}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:NanumGothic, '나눔고딕', dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:NanumGothic, '나눔고딕', dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}


table { border-spacing:0; }
td { padding:0; }


div { position:relative; }

img,fieldset{border:0}
ul,ol,li{list-style:none; padding:0; margin:0; }

.li_across { display:inline;  float:left; }
.li_inside { list-style-position:inside; }
.li_across a { cursor:pointer; }

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.height10 { width:1px; height:10px; }
.height20 { width:1px; height:20px; }
.height30 { width:1px; height:30px; }
.height40 { width:1px; height:40px; }

.left50 { padding-left:50px; }

.fl { float:left; }
.fr { float:right; }

.f18 { font-size:18px; }
.fbold { font-weight:bold; }

.pointer { cursor:pointer; }


#headLine { width:100%; height:25px; background-color:#ffd428; border-bottom:1px solid #fff1b8; }
#headLine2 { width:100%; height:1px; background-color:#cecece; }

#headLine .log_box { width:960px; margin:0 auto; text-align:right; padding:6px 20px 0 0;  }

#headF { width:960px; height:61px;  margin:0 auto; }

#headF .logo { position:absolute; left:6px; top:0; }
#headF .ribbon_0416 { position:absolute; left:333px; top:14px; }

#headF .menu ul { padding:0; margin:0; }
#headF .menu { position:absolute; right:27px; top:7px; width:530px; text-align:center; word-spacing:0; letter-spacing:0;   }
#headF .menu li { font-size:15px; font-weight:bold;  }

#headF .menu .over { color:#0e88ce; }

#headF .menu .menuback1 { position:absolute; display:none; top:46px; width:163px; height:232px;  background:url(/images/submenu_back_3.png) no-repeat;   z-index:9999;  }
#headF .menu .menuback2 { position:absolute; display:none; top:46px; width:200px; height:232px;  background:url(/images/submenu_back_61.png) no-repeat;   z-index:9999;  }
#headF .menu .menuback3 { position:absolute; display:none; top:46px; width:163px; height:232px;  background:url(/images/submenu_back_3.png) no-repeat;   z-index:9999;  }
#headF .menu .menuback4 { position:absolute; display:none; top:46px; width:163px; height:232px;  background:url(/images/submenu_back_3.png) no-repeat;   z-index:9999;  }
#headF .menu .menuback5 { position:absolute; display:none; top:46px; width:163px; height:232px;  background:url(/images/submenu_back_2.png) no-repeat;   z-index:9999;  }

#headF .menu .li_across ul { width:164px; padding:0; margin:0; }
#headF .menu .li_across li { position:relative; padding:0; margin:0; margin-left:13px; font-family:NanumGothic,"나눔고딕" }
#headF .menu .li_across .sub { padding:0; margin:0; padding-top:20px; text-align:left;}
#headF .menu .li_across .sub .submenu_text {   }
#headF .menu .li_across .sub li { font-size:13px; font-weight:bold; height:30px; line-height:30px;padding-left:8px;  }
#headF .menu .li_across .sub .m2 {  background:url(/images/submenu_text_back.gif) no-repeat;  }
#headF .menu .li_across .sub .m3 {  background:url(/images/submenu_text_back2.gif) no-repeat;  }
#headF .menu .li_across .sub .m1 a {  color:#000;  text-decoration:none; }
#headF .menu .li_across .sub .m1 a:hover {  color:#ff6600;  }
#headF .menu .li_across .sub .m2 a {  color:#fff; text-decoration:none; }
#headF .menu .li_across .sub .m3 a {  color:#fff; text-decoration:none; }


/* 최신글 */
.latest ul { margin-top:4px; }
.latest li { line-height:28px; }
.tbl_latest tbody tr { height:28px; }
.tbl_latest .date { color:#3574a9; }
.tbl_latest_content a { color:#535c5b; }

.latest_notice { position:absolute; width:333px; display:block }
.latest_free { position:absolute; width:333px; display:none }



#contentF { width:960px; margin:0 auto; margin-top:20px;  z-index:1; }
#contentF #leftmenu { float:left; width:180px; }
#contentF #leftmenu ul { width:180px; background-color:#00914b; padding:10px 0 20px 0; margin:0; }
#contentF #leftmenu li {  color:#fff; font-size:13px; }
#contentF #leftmenu li a { display:block; padding:5px 0 14px 20px; color:#fff; font-size:13px; font-weight:bold; text-decoration:none; }
#contentF #leftmenu .m1 a:hover  { color:#caf114; font-size:13px; font-weight:bold; }
#contentF #leftmenu .m1 { width:180px; height:24px; margin:6px 0; }
#contentF #leftmenu .m2 { width:180px; height:24px; margin:6px 0; background:#185437 url(/images/leftmenu_back.gif) no-repeat; }
#contentF #leftmenu .ms1 {  width:160px; padding:4px 0 4px 20px; }
#contentF #leftmenu .ms1 a {  display:inline; margin-left:-20px; }
#contentF #leftmenu .ms1 a:hover {  color:#8ffffb; }
#contentF #leftmenu .ms2 {  width:160px; padding:4px 0 4px 20px;  background:#00bea7 url(/images/leftmenu_back2.gif) no-repeat;  }
#contentF #leftmenu .ms2 a {  display:inline;   margin-left:-20px; }
#contentF #leftmenu .ms2 a:hover {  color:#8ffffb; }

#contentF #centerHead { float:right; width:760px; height:65px; background:url(/images/center_head_back.gif) no-repeat; }
#contentF #centerHead .left { position:absolute; top:22px; left:27px; font-size:18px; font-weight:bold;  }
#contentF #centerHead .right { position:absolute; top:28px; right:27px; font-size:13px; color:#4b4b4b; }

#contentF #content { float:right; margin-top:14px;  width:760px; }
#contentF #content .pointimg_head { width:760px; height:14px; background:url(/images/content_pointimg_head.gif) no-repeat; }
#contentF #content .pointimg_tail { width:760px; height:14px; background:url(/images/content_pointimg_tail.gif) no-repeat; }
#contentF #content .pointimg_content { width:740px; padding:22px 0 10px 26px; font-size:13px; color:#000; line-height:24px; background:url(/images/content_pointimg_back.gif) repeat-y; }
#contentF #content .cont { width:700px; margin:0 auto; }
#contentF #content .cont .left { float:left; width:350px;  line-height:20px; }
#contentF #content .cont .right { float:right; width:350px;   line-height:20px; }

#content .content_center { width:720px; margin:0 auto;}

#content h2 { margin-bottom:2px; font-family:NanumGothic,'나눔고딕',Dotum; font-size:14px; color:#236fb3; font-weight:bold;}
#content h3 { margin-left:4px; font-family:NanumGothic,'나눔고딕',Dotum; font-size:13px; color:#131313; font-weight:normal; line-height:22px; }
#content h4 { margin-left:4px; font-family:NanumGothic,'나눔고딕',Dotum; font-size:13px;  font-weight:bold; color:#131313;  line-height:22px; }
#content h5 { margin-left:14px; margin-top:8px;  font-family:NanumGothic,'나눔고딕',Dotum; font-size:13px;  font-weight:normal; color:#131313;  line-height:22px; }
#content h6 { margin-bottom:2px; font-family:NanumGothic,'나눔고딕',Dotum; font-size:14px; color:#fc5000; font-weight:bold;}


/*인사말 */
.img_1_21 { position:absolute; left:0; top:0; z-index:-1; }
.img_1_22 { position:absolute; right:0; bottom:20px; z-index:-1; }
.greeting { color:#232323;  font-size:14px; line-height:30px; padding-top:120px;  }


/* 연혁 */
.tbl_history { width:720px; border-spacing:0; margin-bottom:40px; border-bottom:1px solid #e5e5e5;   }
.tbl_history td { padding:0; }
.tbl_history thead th { font-family:verdana; font-size:30px; font-weight:bold; color:#7fd400; text-align:left; border-bottom:1px solid #777; }
.tbl_history tbody tr { line-height:60px; }
.tbl_history tbody th { color:#ff4800; font-size:13px; font-weight:bold; border-bottom:1px solid #dbdbdb;  text-align:left; padding-left:80px; padding-top:6px;  line-height:30px; vertical-align:top; }
.tbl_history tbody td { border-bottom:1px solid #dbdbdb; font-size:13px; line-height:30px; padding:6px 0 ;  }


/* 주요사업 */
.img_2_1 { position:absolute; right:29px; top:5px; z-index:9; }
.img_2_2 { position:absolute; right:7px; top:23px; z-index:9; }
.img_2_3 { position:absolute; right:60px; top:16px; z-index:9; }
.img_2_4 { position:absolute; right:7px; top:60px; z-index:9; }

.cont .tbl_service1 table { margin-top:12px; width:700px; border-collapse:collapse; }
.cont .tbl_service1 thead { background:#f2f2f2; text-align:center;  }
.cont .tbl_service1 thead tr { height:42px; color:#313733; font-size:14px; font-weight:bold;  }	

.cont .tbl_service1 tbody tr { height:114px; }
.cont .tbl_service1 tbody td { padding:10px 0 0 0;  vertical-align:top;  color:#333333; font-size:13px; line-height:26px;  }
.cont .tbl_service1 tbody .right { border-right:2px solid #dedede; }
.cont .tbl_service1 tbody { border-bottom:2px solid #dedede; }

.cont .tbl_service2 { width:700px; border-spacing:1px; padding:0; margin:0; margin-left:14px; border-top:2px solid #ddd; }
.cont .tbl_service2 tbody th { text-align:center;  background-color:#f7f7f7; font-size:13px; border-bottom:1px solid #ddd; }
.cont .tbl_service2 tbody td { text-align:center; padding:12px 6px 12px 8px; font-size:13px; border-bottom:1px solid #ddd; line-height:24px; }

.cont .tbl_service3 { width:560px; border-spacing:1px; padding:0; margin:0; margin-left:20px; margin-top:6px;  border-top:2px solid #ddd; }
.cont .tbl_service3 thead { height:32px; background-color:#91cf0c; color:#fff; font-size:13px; }
.cont .tbl_service3 thead th { text-align:center; height:28px;}
.cont .tbl_service3 tbody th { text-align:center;  background-color:#f7f7f7; font-size:12px; border-bottom:1px solid #ddd; }
.cont .tbl_service3 tbody td { text-align:center; padding:12px 6px 12px 8px; font-size:12px; border-bottom:1px solid #ddd; line-height:24px; }
.cont .tbl_service3 .b2 { background-color:#91cf0c; padding:12px 0; }

.cont .tbl_service4 { width:100%; border-spacing:1px; padding:0; margin:0; margin-top:6px;  border-top:2px solid #ddd; }
.cont .tbl_service4 thead { height:32px; background-color:#91cf0c; color:#fff; font-size:13px; }
.cont .tbl_service4 thead th { text-align:center; height:28px;}
.cont .tbl_service4 tbody th { text-align:center;  background-color:#f7f7f7; font-size:12px; border-bottom:1px solid #ddd; }
.cont .tbl_service4 tbody td { text-align:center; padding:12px 6px 12px 8px; font-size:12px; border-bottom:1px solid #ddd; line-height:24px; }
.cont .tbl_service4 .b2 { background-color:#91cf0c; padding:12px 0; }

.help_sub2 { width:100%;}
.help_link { float:left; width:30%; background:#f0f0f0; text-align:center; padding:10px 0; border-radius:20px;  margin:0px 5px; 0px 5px; }
.help_link a { display:block; font-size:16px; font-weight:600; text-decoration:none }
.help_active {background:#ff6c0a; }
.help_active a { color:#fff; }


.tbs_title { text-align:center; margin:20px 0 0 0; border:1px solid #ddd; border-radius:4px; width:calc(100% - 2px); padding:10px 0;}
.tbs { width:100%; }
.tbs_left { float:left; width:49%; }
.tbs_right { float:right; width:49%; }
.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.arrow-down1_1 {
  border-top: 10px solid #ff6c0a;
  margin-left:calc(15% - 10px); 
  margin-bottom:20px;
}
.arrow-down1_2 {
  border-top: 10px solid #ff6c0a;
  margin-left:calc(45% - 10px); 
  margin-bottom:20px;
}

.arrow-down1_3 {
  border-top: 10px solid #ff6c0a;
  margin-left:calc(75% - 10px); 
  margin-bottom:20px;
}

.arrow-down1 {
  border-top: 10px solid #ddd;
  margin-left:calc(15% - 10px); 
  margin-bottom:10px;
}
.arrow-down2 {
  border-top: 10px solid #ddd;
  margin-left:calc(45% - 10px); 
  margin-bottom:10px;
}

.arrow-down3 {
  border-top: 10px solid #ddd;
  margin-left:calc(50% - 10px); 
  margin-bottom:10px;
}

.donation_way { width:720px; height:300px; background:url(/images/donation_back.gif) no-repeat; }
.donation_way .center { width:680px; margin:0 auto; padding-top:20px; }
.donation_way .center li { line-height:34px; }
.donation_way .center .point { padding:3px 14px 3px 8px;  background-color:#ff4d00; color:#fff; font-size:15px; font-weight:bold; }
.donation_way .center .text { color:#6c6c6c; font-size:15px; font-weight:bold; }

.donation_way .center table { line-height:24px; border-spacing:8px; }
.donation_way .center tr { height:26px; }
.donation_way .center th { background-color:#f2f2f2; text-align:center; font-size:14px; }
.donation_way .center td { font-size:13px; padding:10px 0 10px 10px; }


.donation_form { width:720px; margin:0 auto; }

.s_num { padding:2px 4px; background-color:#ff802b; color:#fff; font-family:verdana; font-size:11px; font-weight:bold; }

.help_sub { width:400px; height:46px;margin:20px;  }
.help_sub div { width:146px; height:46px;  }
.help_sub div.help1 { position:absolute; left:0; width:146px; }
.help_sub div.help2 { position:absolute; left:146px; width:146px; }



#index_main { position:relative; width:100%; margin:0 auto; text-align:center; background-color:#fafafa; margin-bottom:24px; }
#index_main2 { position:relative; width:100%; height:442px; text-align:center; background-color:#fafafa; margin-bottom:24px; }
#index_main .back { width:960px; height:442px; margin:0 auto; z-index:1}
#index_main .title1 { position:absolute; left:178px; top:156px; width:146px; height:30px; z-index:2; }
#index_main .title2 { position:absolute; left:278px; top:192px; width:210px; height:30px; z-index:2; }
#index_main .title3 { position:absolute; left:186px; top:232px; width:326px; height:20px; z-index:2; }


#link { width:100%; height:39px; border-top:1px solid #cecece; text-align:center;}
#latest { width:100%; height:206px; }
#latest .w960 { width:960px; margin:0 auto; }
#latest .w960 .more { vertical-align:top; padding-top:4px;  text-align:right; background:url(/images/latest_head_back.gif) repeat-x; }
#latest .w960 .left { position:absolute; left:0; top:0; width:333px; }
#latest .w960 .right { position:absolute; left:354px; top:0; width:606px; }
#latest .w960 .tbl_latest_content { line-height:26px; }
#latest .w960 .tbl_latest_content .date { text-align:right; color:#2dab98; font-family:verdana; font-size:11px; }

.photo1 { position:absolute; width:194px; height:125px; left:0; top:37px; }
.photo2 { position:absolute; width:194px; height:125px; left:206px; top:37px; }
.photo3 { position:absolute; width:194px; height:125px; left:412px; top:37px; }


/* 법인 및 시설 소개 */
#content .cont .intro1 { width:658px; height:258px; margin:0 auto; background:url(/images/intro_back.gif) no-repeat;  }
#content .cont .intro1 h4 { padding:14px 30px;  font-family:NanumGothic,'나눔고딕',Dotum; font-size:13px; color:#131313; font-weight:normal; line-height:23px; }
#content .cont .intro_history { margin-left:36px; line-height:26px; }
#content .cont .intro_history .date { color:#0096d9; font-weight:bold; }

.texta { vertical-align:middle; }


#tailF { background-color:#ececec; width:100%; height:78px; border-top:1px solid #cecece; }
#tailF .tail { width:960px;  margin:0 auto; }
#tailF .tail .left { position:absolute; left:10px; top:10px;  }
#tailF .tail .right {position:absolute; left:80px; top:19px; ; line-height:20px;  }