@charset "utf-8";
/* CSS Document */

/* doc 공통영역 */
#doc { width:687px;font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#585858; font-size:13px; }
#doc_btm { padding-bottom:30px; height:10px;}
dl, dt, dd {padding:0px; margin:0px;}

/* 연혁 */
#history {width:687px;}
#history_logo {width:226px; float:left;}
#history_year {width:430px; float:left; padding-top:15px; padding-bottom:22px;}
#style1, #style2, #style3,#style4,#style5, #style6 { list-style:none; display:inline; font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#585858; font-size:13px; }
#style1,#style4, #style5, #style6 {color:#a49139;}
#style1 {font-weight:bold; background:url(../images/year_icon.gif) right top no-repeat; padding-right:43px; width:100px; padding-left:3px;}
#style2 { padding-left:15px;}
#style3 { padding-left:15px; letter-spacing:-1px;}
#style4 {font-weight:bold; background:url(../images/year_icon.gif) right top no-repeat; padding-right:20px; width:100px; padding-left:3px;}
#style5 {font-weight:bold; background:url(../images/year_icon.gif) right top no-repeat; padding-right:25px; width:100px; padding-left:3px;}

#style6{font-weight:bold; background:url(../images/year_icon.gif) right top no-repeat; padding-right:67px; width:100px; padding-left:3px;}

#year {padding-top:5px; padding-bottom:5px; clear:both;}
#year_tt {padding-bottom:22px;}
#dot_line {padding-top:10px; padding-bottom:10px;}
.enter { padding-left:145px;}

/* 조직도 */
#grop { padding-left:380px;}

/* 사업안내 */
#bus1 { width:330px; float:left; padding-left:17px; background:url(../images/bus1_bg.gif) no-repeat top right; height:267px;}
#bus2{ width:328px; float:left; background:url(../images/bus2_bg.gif) no-repeat top left; height:267px; }
#bus3 { width:330px; float:left;padding-left:17px;background:url(../images/bus3_bg.gif) no-repeat top right; height:268px;}
#bus4 {width:328px; float:left; height:268px;}
.bus1_tt {vertical-align:top; padding-bottom:10px;}
.bus1_txt, .bus2_txt { font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#787878; font-size:13px; padding-left:7px; text-align:justify;}
.bus2_tt {padding-bottom:45px;}
.bus2_ttt {padding-bottom:22px;}
.bus2_txt { padding-left:10px;}
.bus3_tt {padding-bottom:17px;}
.bus3_txt {font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#787878; font-size:13px; padding-left:7px; text-align:justify; padding-bottom:125px;}
.bus3_txt1 { padding-left:83px;}
.bus4_tt {padding-bottom:25px;}
.bus4_txt {font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#787878; font-size:13px; padding-left:15px; text-align:justify;}
.bus4_bg {vertical-align:bottom; padding-top:2px;}
.bus4_txt1 { letter-spacing:0.5px;}
#bus_txt { width:680px; line-height:18px; font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#585858; font-size:13px; padding-left:7px; text-align:justify; padding-bottom:20px;}
#bus_tt {padding-top:15px; padding-bottom:10px;}
.bus_txt {color:#505d9d; font-weight:bold; }
.bus_txt1 {color:#4b4b4b; font-weight:bold; background:url(../images/han_11.gif) left no-repeat ; padding-left:18px; padding-top:0px; padding-bottom:zpx; margin-top:5px;}
#bus4_tel1 { padding-top:20px; padding-bottom:8px; padding-left:350px; height:20px; vertical-align:bottom; float:left;}
#bus4_tel2 {padding-left:350px; height:20px; float:left; padding-bottom:15px;}

/* 협력업체 */
#famaily_ul { width:687px; list-style:none; display:inline; height:84px; padding:18px 0px 50px 10px; height:84px;}
#famaily_ul, li {display:inline; height:84px; padding-bottom:15px;}
#famaily_doc {padding-bottom:15px; padding-top:5px;}
#famaily_tt {padding-bottom:15px;}

/* 오시는길 */
#map_tt{ padding-bottom:20px; }
#map_img {padding-left:33px; padding-bottom:20px;}
#map_box {margin-left:50px; margin-bottom:30px; height:30px;} 
#map_txt { line-height:20px; float:left; width:550px;font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#787878; font-size:13px; padding-bottom:20px; }
#map_logo {padding-right:10px; float:left; width:59px;}


/* 한울 소개 */
#han_top { padding-left:22px; padding-top:20px; background:url(../images/han_1.jpg) no-repeat left; height:145px;}
#han_tt {padding-left:296px; vertical-align:top; padding-bottom:12px; }
#han_info { padding-left:315px; vertical-align:top;}
#han_txt {line-height:18px; font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#585858; font-size:13px; text-align:justify; padding:0px 0px 20px 22px; width:623px; }
.han_style1 { color:#4e94d6; font-weight:bold;}
.han_style2 {padding-left:27px;}
.han_style3 {padding-left:27px; padding-top:2px;}
.han_style1_1 {padding-left:27px;}
.han_ttt {  height:20px; padding-bottom:10px;}
.han_list {  display:block;}
.han_list_no1,.han_list_no2,.han_list_no3,.han_list_no4 { list-style:none;display:block; height:12px; margin-left:25px; padding-left:25px; padding-bottom:5px;  }
.han_list_no1{ background:url(../images/arrow_1.gif) no-repeat top left;}
.han_list_no2{ background:url(../images/arrow_2.gif) no-repeat top left;}
.han_list_no3{ background:url(../images/arrow_3.gif) no-repeat top left;}
.han_list_no4{ background:url(../images/arrow_4.gif) no-repeat top left;}
#table {line-height:18px; font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#585858; font-size:13px; text-align:justify; margin-left:30px; padding-top:10px; padding-bottom:20px; }

#han_imf {background:url(../images/han_7.jpg) no-repeat top left; width:680px; height:204px; padding-bottom:20px;}
.han_imf_ul { padding-top:69px;  margin-left:240px; }
.han_imf_li,.han_imf_li_1 {display:block;list-style:none; background:url(../images/han_11.gif) no-repeat top left; padding-left:25px;height:10px; font-weight:bold; }
.han_imf_li_1{ height:15px; margin-bottom:5px;}

#han_imf_map { padding-left:33px;}

#han_room_1 {float:left;}
#han_room_2 {float:right;}
#han_room_line {clear:both; height:280px; padding-top:10px;}

#han_room_tt {padding-bottom:20px;padding-left:20px;}
#han_room_di { margin-left:35px; margin-right:50px; width:240px;}
#han_room_dt { height:20px; background:url(../images/han_11.gif) left top no-repeat; padding-left:20px; margin-left:7px; padding-bottom:10px; margin-top:10px; font-weight:bold;}
#han_room_txt { padding-top:10px; padding-left:10px;}

#han_pro_1 { width:687px; height:380px; background:url(../images/han_pro_14.jpg) no-repeat top right; padding-left:15px; padding-top:23px;}
#han_pro_tt { padding-bottom:15px;}
#han_pro_txt { padding-left:77px; height:20px;}
#han_pro_tt_1 {padding-top:20px; padding-bottom:10px;}
#han_pro_2 { width:687px; padding-left:15px;}
#han_pro_2_tt {padding-bottom:22px;}
#han_pro_2_top {padding-left:22px;}
#han_pro_2_tb { padding-left:20px; width:687px;}
.han_pro_2_tb_t {font-weight:bold; color:#4e94d6;}

#han_supp_top {background:url(../images/han_supp_bg.jpg) top left no-repeat; width:627; height:233px;}
#han_supp_top_txt { padding:70px 0px 15px 103px; line-height:22px;}
#han_supp_top_bt{ padding:0px 0px 40px 225px;}
#han_supp1 { padding-top:20px; padding-left:22px;}
#han_supp1_1 { padding-bottom:16px;}
#han_supp1_2{ padding-left:20px; height:30px;}
#han_supp1_3 {height:20px; padding-left:22px; background:url(../images/han_11.gif) no-repeat left top; margin-left:25px;}
#han_supp_bin {height:10px; padding-bottom:5px;}

/* 청소년유해환경감시단 */
#gam_top1 { float:left;}
#gam_top2 { float:right;}
#gam_top3 { clear:both;}
#gam_tt1 { padding: 12px 0px 15px 35px;}
#gam_txt { padding-left:50px; line-height:18px; text-align:justify;}
.gam_txt_style1 {font-weight:bold; color:#8ca00a;}
.gam_txt_style2 {font-weight:bold;}
#gam_txt_style3 { padding-left:23px; line-height:18px; text-align:justify;}
.gam_txt_style9 {font-weight:bold; padding:0px 0px 7px 22px;}
.gam_txt_style10 {padding:0px 0px 10px 45px; line-height:20px;}
.gam_txt_style11 { padding:10px 0px 0px 22px; line-height:20px; text-align:justify; }
.gam_txt_style12 {padding:10px 0px 7px 17px; background:url(../images/gam_icon.gif) no-repeat  left ; margin-left:30px; height:15px;}
#gam_tt2 {padding:20px 0px 15px 0px;}
#gam_tt3 {padding:0px 0px 15px 0px;}
#gam_box {padding-top:10px; padding-left:22px; width:640px;}
#gam_box1 {padding-top:0px; padding-left:22px; width:660px;}
.gam_txt_style4 { padding:7px 0px 20px 50px; line-height:18px;}
.gam_txt_style5 { background:url(../images/arrow_1.gif) no-repeat top left; margin-left:30px; padding-left:22px; height:20px; padding-top:3PX; } 
.gam_txt_style6{ background:url(../images/arrow_2.gif) no-repeat top left; margin-left:30px; padding-left:22px; height:20px;  padding-top:3PX;  } 
.gam_txt_style7{ background:url(../images/arrow_3.gif) no-repeat top left; margin-left:30px; padding-left:22px; height:20px;  padding-top:3PX;  } 
.gam_txt_style8{ background:url(../images/arrow_4.gif) no-repeat  top left; margin-left:30px; padding-left:22px;  height:20px; padding-top:3PX;  } 
#gam_img {padding: 17px 0px 15px 20px;}

/* 허가및인증 */
#in { margin-top:33; margin-bottom:27px; width:687px;} 
#in_1 { padding-left:99px; } 
#in_list,#in_zoom,#in_list_1,#in_zoom_1,#in_zoom_2 { list-style:none; display:inline;}
#in_list_1{padding-right:18px;}
#in_zoom{ padding:0px 84px 0px 89px;cursor:hand}
#in_zoom_1{ padding-left:80px; padding-right:100px;cursor:hand}
#in_zoom_2{ padding-left:100px; width:232px;cursor:hand}

/* 정든집 */
#jung_imf {background:url(../images/jung_1.gif) no-repeat top left; width:687px; height:209px; padding-bottom:20px;}
#jung_dt { padding:45px 0px 7px 155px;}
#jung_dd { text-align:justify; line-height:18px;width:480px; padding-left:180px;}
#jung__imf_map { padding-left:33px;}
#jung_dt_1 {padding-bottom:10px;}
#jung_dt_2{padding-left:5px;}
#jung_imf_map { padding-left:40px;}
#jung_tt { padding:20px 0px 15px 24px;}
#jung_list {padding-left:40px;}
.jung_list_1 { height:60px; padding-bottom:10px; list-style:none; display:block;}

#jung_room_line {clear:both; height:250px; padding-top:10px;}
#jung_room_tt {padding-bottom:10px;padding-left:20px;}

#jung_pro_img{ padding:15px 0px 15px 22px;}
#jung_pro_1 { width:687px;  padding-left:15px; padding-top:23px;}
#jung_pro_txt{padding-left: 30px; padding-bottom:7px; }

#jung_supp_top {background:url(../images/jung_37.jpg) top left no-repeat; width:627; height:233px;}
#jung_supp_top_txt { padding:75px 0px 15px 90px; line-height:22px;}

/* 자원봉사신청 */

#supp_box {padding-top:10px; padding-left:8px; width:640px;}

/* 사랑의두손잡기 */

#love { width:684px; background:url(../images/love_bg.jpg) no-repeat top right; height:480px;}
#love_txt1,#love_txt2,#love_txt3 {font-family:"돋움", "돋움체", dotum, gulim, "굴림","굴림체"; color:#585858; font-size:14px; line-height:30px;}
#love_txt1 {padding:15px 0px 20px 16px;}
#love_txt2{ height:30px; vertical-align:text-bottom;}
#love_txt2 { padding:10px 0px 0px 40px;}
.love_ch{ height:30px; vertical-align:top;}
#love_txt3{padding-left:40px;}
.love_ttt{ padding-left:15px; padding-bottom:15px; padding-top:15px;}
#love_txt{ width:684px; padding:20px 0px 5px }
.love_style2{ padding-left:40px; line-height:18px; padding-bottom:10px;}

/* 사이트맵 */
#sitemap { width:687px; padding:10px 0px 10px 15px;}
.sm_td { height:20px; padding_left:17px;}
.sm_tt{ padding-bottom:15px;}