@charset "utf-8";
@import url("layout.css");
#content #section input[type=image],
#content #section input[type=checkbox]{border:0;}
/* BASE Style */
div, p, form, blockquote, fieldset, dt, dd {padding:0; margin:0; border:none;}
img {border:none; vertical-align:middle;}
ol, ul, dl {margin:0; padding:0; list-style:none;}
table {width:100%; border:none; table-layout:fixed; *border-collapse:collapse;}
table td, table th {padding:0; border:none;}
hr, legend, caption {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}

/* Link */
a:link, a:visited, a:active {color:#777; text-decoration:none;}
a:hover {color:#777; text-decoration:underline;}

/* input, select, textarea */
input,
select,
textarea {border:1px solid #ccc; color:#666; font-size:12px; font-family:"돋음", Dotum, Arial, sans-serif;vertical-align:middle;}
button {overflow:visible; margin:0; padding:0; cursor:pointer; background:transparent; border:none;}
textarea {background:#fff;}
label, button {cursor:pointer;}

select {height:19px;}
input.text {height:15px; padding:2px 2px 0 2px; color:#666;}
input.radio {width:13px; height:13px; margin:0 0 2px; border:none;}
input.checkbox {width:13px; height:13px; margin:0 0 2px; border:none;}
input.image {border:none;}
input.btn {color:#666;}


/* CONTENTS Style */
.content_wrap {width:682px; padding:19px 24px 0; background:url('/images/cola/img/bg_content_body.gif') no-repeat 0 0; color:#777; font:12px/1.2}
h2 {height:51px;}
.sub_title {margin:0 0 0 0;}
.sub_title2 {height:35px; text-align:left;}
.image {padding-bottom:20px;}
.point {color:#034e98;}
.point2 {color:#d9840a;}
.point3 {margin-bottom:10px; color:#034e98;}
.point4 {color:#56a9ef;}
.point5 {color:#034e98; margin:10px;}

.bu_arrow {padding-left:20px; padding-bottom:8px; background:url('/images/cola/img/bul_arrow.gif') no-repeat 4px 4px;}
.bu_box {padding:0 5px 0 21px; background:url('/images/cola/img/bul_box.gif') no-repeat left 0;}
/* 2011.05.17 타이틀 앞 이미지 겹침수정*/
#content #section h3.bu_box {padding:0 5px 0 21px; background:url('/images/cola/img/bul_box.gif') no-repeat left 0;}

/* 기횟단소개 */
/* 추진현황 */
.present_area {color:#777;}

/* 이미지 갤러리 */
.gallery_area {padding-top:40px;}
.gallery_area .tip {padding-bottom:8px;}
.gallery_area .big_img {width:671px; height:390px; border:4px solid #1068c0;}
.gallery_area .gallery {margin-bottom:25px; overflow:hidden; _height:1%;}
.gallery_area .gallery li {float:left; margin-right:20px;}
.gallery_area .gallery li a {display:block; width:155px; height:129px;}
.gallery_area .gallery li.list1 a {background:url('/images/cola/img/gallery_thumb1_off.jpg') no-repeat left 0;}
.gallery_area .gallery li.list1 a.on {background:url('/images/cola/img/gallery_thumb1_on.jpg') no-repeat left 0;}
.gallery_area .gallery li.list2 a {background:url('/images/cola/img/gallery_thumb2_off.jpg') no-repeat left 0;}
.gallery_area .gallery li.list2 a.on {background:url('/images/cola/img/gallery_thumb2_on.jpg') no-repeat left 0;}
.gallery_area .gallery li.list3 a {background:url('/images/cola/img/gallery_thumb3_off.jpg') no-repeat left 0;}
.gallery_area .gallery li.list3 a.on {background:url('/images/cola/img/gallery_thumb3_on.jpg') no-repeat left 0;}
.gallery_area .gallery li.list4 {background:url('/images/cola/img/gallery_thumb4_off.jpg') no-repeat left 0; margin-right:0;}
.gallery_area .gallery li.list4 a.on {background:url('/images/cola/img/gallery_thumb4_on.jpg') no-repeat left 0;}
.gallery_area span {position:absolute; top:-10000000px;}

/* 조직안내 */
.orga_area {width:680px; position:absolute; top:-10000000px;}
.tlb_orga {width:100%;}
.tlb_orga th, .tlb_orga td {padding:5px 0; border-right:1px solid #fff; border-top:1px solid #fff; vertical-align:top; text-align:center;}
.tlb_orga thead th {padding:0; text-align:center;}
.tlb_orga thead .last {border-right:none; text-align:center;}
.tlb_orga th.name {padding-left:25px; text-align:left; font-weight:normal;}
.tlb_orga td.work {padding:5px 13px; text-align:left; color:#999;}
.tlb_orga .group1 th, .group1 td {background:#e7eefc;}
.tlb_orga .group2 th, .group2 td {background:#ecf6fb;}
.tlb_orga .group3 th, .group3 td {background:#f3faeb;}
.tlb_orga .group4 th, .group4 td {background:#f8f6e5;}
.tlb_orga .first th, .tlb_orga .first td {border-top:3px solid #fff;}

/* 발전정책 */
.basic_info {margin-left:29px; line-height:1.6;}
.basic_info li {padding-bottom:18px;}
.basic_info li img {padding-bottom:5px;}

.num_area {color:#555; line-height:1.7;}
.num_area p {clear:both; overflow:hidden; _height:1%; margin-bottom:10px;}
.num_area .num {float:left; width:48px;}
.num_area .txt {float:left; width:632px; padding-top:5px; }

.policy_area p {padding-bottom:15px;}

/* 시범정책, 발전정책 */
.information_area {line-height:1.6; color:#555; padding:0 20px;}
.section {overflow:hidden; _height:1%; padding-bottom:20px;}
.section1 {float:left; width:347px;}
.section2 {float:right; width:292px;}
.section3 {padding-bottom:40px;}
.section3 .sub_title2 {height:28px;}
.section4 {padding-bottom:30px;}

.cont {overflow:hiddne; _height:1%; padding-left:21px;}
.cont .left_area {float:left; width:305px;}
.cont .left {float:left; width:190px;}
.cont .indent {padding-left:70px;}

.information_area .section1 .tit, .information_area .section2 .tit, .information_area .section1 .tit {float:left;}
.information_area .tit {padding:0 5px 3px 21px; background:url('/images/cola/img/bul_box.gif') no-repeat left 2px;}
.information_area .tit2 {float:left; padding:0 5px 3px 21px; background:url('/images/cola/img/bul_box.gif') no-repeat left 2px;}

.info_list {clear:both; width:100%; _border:1px solid #fff;}
.info_list li {padding-left:10px; background:url('/images/cola/img/bul_line.gif') no-repeat 0 7px;}

/* 데이터 테이블 */
.tlb_data {border-top:2px solid #e4e4e4;}
.tlb_data thead th {padding:7px 0 4px; border-bottom:2px solid #e4e4e4; border-left:1px solid #e4e4e4; background:#f8f8f8;}
.tlb_data td {padding:7px 10px 4px; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.tlb_data .first {border-left:none;}
.tlb_data td strong {display:block; padding-top:5px; text-align:center;}

.tlb_data2 {border-top:2px solid #e4e4e4;}
.tlb_data2 thead th {padding:7px 0 4px; background:#f8f8f8; border-right:1px solid #e4e4e4;}
.tlb_data2 thead .last {border-right:none;}
.tlb_data2 td {padding:7px 10px 4px; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; text-align:center;}
.tlb_data2 td.left {padding-left:25px; text-align:left; border-right:none;}
.tlb_data2 td strong {display:block; padding-top:5px; text-align:center;}
.tlb_data2 tr.first td {border-top:2px solid #e4e4e4;}
.tlb_data2 .th_last {border-bottom:1px solid #e4e4e4;}
.tlb_data2 .bu_dot {padding-left:7px; background:url('/images/cola/img/bul_dot.gif') no-repeat 0 4px;}

/* 탭 */
.tab {margin-bottom:35px; margin-top:30px; height:23px; background:url('/images/cola/img/bg_tab.gif') repeat-x 0 bottom;}
.tab li {float:left;}
.tab li img {vertical-align:top;}

/* 정보광장 */
.search_area {padding:9px 0; text-align:right;}
.search_area .text {background:#f8f8f8;}

/* Paging */
.paginate {text-align:center; padding-top:20px; padding-bottom:10px;}
.paginate li {width:20px; position:relative; display:inline; margin:0 -1px; padding:2px 4px; line-height:normal; vertical-align:middle;}
.pagingn strong {display:inline-block; margin:0 -1px; padding:2px 4px; line-height:normal; vertical-align:middle;}
/*.paginate span {padding-right:5px; background:url('/images/cola/img/bul_paging.gif') no-repeat right center;}*/
.paginate .last {padding-right:0; background:none;}
.paginate .pre,.paginate .next, {background:none;}
.paginate .btn a {padding:5px 0;}
.paginate strong {color:#ff7e00;}

/* 버튼 */
.btn_area {padding:10px 0; text-align:right;}

/* 홍보관 */
.promote_area {height:335px; padding:15px 16px 0 16px; margin-bottom:20px; background:url('/images/cola/img/bg_promote.gif') repeat-x 0 0;}
.promote_area .movie {float:left; width:346px; height:317px;}
.promote_area .description_area {float:right; width:295px; height:317px;}
.promote_area .description_area .title_area {position:relative; height:70px;margin:1px; background:#f3f7fa;}
.promote_area .description_area .title_area .title {padding:28px 15px 0 15px; color:#00418f; font-size:14px;}
.promote_area .description_area .title_area .date {position:absolute; top:6px; right:6px; color:#a6b5c4; font-size:11px;}
.promote_area .description_area .description {height:212px; overflow-y:auto; margin-top:7px; padding:10px 7px 10px 18px;  line-height:1.5;}

/* 뉴스, 홍보관 리스트 */
.news_list_area {padding-top:1px; _padding-top:0; border-top:3px solid #1470cb; border-bottom:1px solid #1470cb;}
.news_list_area .tbl_list {width:100%; _border-collapse:collapse; color:#777;}
.news_list_area .tbl_list td {padding:9px 0 6px; border-top:3px solid #d0e2f5; text-align:center; background:none; line-height:1.4;}
.news_list_area .tbl_list td.title {padding-left:5px; text-align:left; background:url('/images/cola/img/bg_news_th.gif') no-repeat 0 bottom;}
.news_list_area .tbl_list td.date {color:#a6b5c4;}
.news_list_area .tbl_list td.summary {padding:11px 20px 8px 45px; text-align:left; border-top:1px solid #bbcad8;}
.news_list_area .tbl_list td a {color:#555;}

/* 게시판 리스트 */
#content #section .board_list_area {padding-bottom:1px; border-bottom:1px solid #1470cb;}
#content #section .board_list_area .tbl_list {width:100%; _border-collapse:collapse; color:#777; border-top:1px solid #1470cb; background:url('/images/cola/img/bg_news_view2.gif') repeat-x 0 0;}
#content #section .board_list_area .tbl_list thead th {padding:11px 0 7px; border-bottom:3px solid #1470cb; text-align:center; color:#0b4d8f; background:url('/images/cola/img/bul_board_th.gif') no-repeat right 14px;}
#content #section .board_list_area .tbl_list thead th.last {background:none;}
#content #section .board_list_area .tbl_list td {padding:12px 0 7px; border-bottom:1px solid #bbcad8; text-align:center; background:url('/images/cola/img/bg_news_th.gif') no-repeat 0 bottom; line-height:1.4;}
#content #section .board_list_area .tbl_list td.first {background:none;}
#content #section .board_list_area .tbl_list td.title {padding-left:10px; text-align:left; height:auto;}
#content #section .board_list_area .tbl_list td.date {color:#a6b5c4;}
#content #section .board_list_area .tbl_list td.summary {padding:11px 20px 8px 45px; text-align:left; border-top:1px solid #bbcad8;}
#content #section .board_list_area .tbl_list td a {color:#555;}
#content #section .board_list_area .tbl_list .re_num {color:#0389b7; font-weight:bold;}

/* 법령자료 리스트 */
.law_list_area {margin-bottom:10px; background:url('/images/cola/img/bg_lawlist_top.gif') repeat-x 0 0;}
.law_list_area ul {padding:14px 25px; background:url('/images/cola/img/bg_lawlist_bottom.gif') repeat-x 0 bottom;}
.law_list_area ul li {padding:7px 0 6px 15px; background:url('/images/cola/img/bul_lawlist.gif') no-repeat 0 9px; border-bottom:1px solid #d6e1ea; font-weight:bold; color:#0b4d8f;}
.law_list_area ul li.last {border-bottom:none;}
.law_list_area ul li a {color:#0b4d8f;}
.law_list_area .link_btn {margin-left:10px;}

/* 상세보기 */
.news_list_area {padding-top:1px; _padding-top:0; border-top:3px solid #1470cb;}
#content #section .news_list_area table.tbl_view,
.news_list_area .tbl_view{width:100%; color:#777; background:url('/images/cola/img/bg_news_view1.gif') repeat-x 0 0;}
#content #section .news_list_area table.tbl_view th,
.news_list_area table.tbl_view th{padding:8px 0 6px 15px; text-align:left;  color:#0b4d8f;}
#content #section .news_list_area table.tbl_view td,
.news_list_area table.tbl_view td {padding:8px 0 6px; text-align:left; background:none; line-height:1.4;}
#content #section .news_list_area table.tbl_view td.file,
.news_list_area table.tbl_view td.file {padding-left:15px; padding-right:15px;}
#content #section .news_list_area table.tbl_view td.hit,
.news_list_area table.tbl_view td.hit {padding-right:5px; text-align:right;}
#content #section .news_list_area table.tbl_view td.date,
.news_list_area table.tbl_view td.date {padding-right:5px;color:#a6b5c4; text-align:right;}
#content #section .news_list_area table.tbl_view td.content,
.news_list_area table.tbl_view td.content {padding:15px; min-height:300px;}
#content #section .news_list_area table.tbl_view .info td,
.news_list_area table.tbl_view .info td {padding-top:7px; padding-bottom:5px;}
#content #section .news_list_area table.tbl_view .info th,
.news_list_area table.tbl_view .info th,
#content #section .news_list_area table.tbl_view .info td,
.news_list_area .tbl_view .info td {background:#f3f3f3 url('/images/cola/img/bg_board_th.gif') repeat-x 0 -1px;}
#content #section .news_list_area table.tbl_view .movie,
.news_list_area table.tbl_view .movie {text-align:center; padding-bottom:20px;}

/* Q&Amp;A 답변 */
.news_list_area .tbl_view td.answer {padding:0;border-top:1px solid #1470cb;}
.news_list_area .tbl_view td.answer div {padding:0 0 19px 32px; margin-top:2px; margin-bottom:1px; background:#f9f9f9;}
.news_list_area .tbl_view td.answer .icon {margin-left:-21px; margin-bottom:13px;}

/* 국민참여게시판 코멘트 */
.comment_area .tbl_comment {width:100%; color:#777; border-top:2px solid #bbcad8; line-height:1.4;}
.comment_area .tbl_comment td {padding:12px 0 10px 0; text-align:left; border-bottom:1px solid #dde4eb; background:none;}
.comment_area .tbl_comment td.name {padding-left:5px; padding-right:5px; color:#8faecd;}
.comment_area .tbl_comment td.name .icon {padding:0 12px 0 7px;}
.comment_area .tbl_comment td.btn {text-align:center;}

/* 의견달기 */
.comment {margin-bottom:70px; padding-left:14px; padding-top:14px; height:37px; background:#f1f6fa;}
.comment .text {margin-left:7px; margin-right:5px;}

/* 글쓰기 */
#content #section .board_write_area {border-top:3px solid #1470cb;}
#content #section .board_write_area table.tbl_write {width:100%; background:url('/images/cola/img/bg_news_view1.gif') repeat-x 0 0;border:1px solid #ccc; border-bottom:1px solid #1470cb; vertical-align:middle;}
#content #section .board_write_area table.tbl_write th, .board_write_area .tbl_write td {height:31px;}
#content #section .board_write_area table.tbl_write th {text-align:left; color:#0b4d8f; background:url('/images/cola/img/bul_board_th.gif') no-repeat right 13px; vertical-align:middle;}
#content #section .board_write_area table.tbl_write th label {padding-left:15px;}
#content #section .board_write_area table.tbl_write th.pwd label {padding-left:5px;}
#content #section .board_write_area table.tbl_write td {padding-left:5px; text-align:left;}
#content #section .board_write_area table.tbl_write td.editor {padding:10px 0 0 5px; height:320px;}
#content #section .board_write_area table.tbl_write td.editor textarea {margin-top:10px;}
#content #section .board_write_area table.tbl_write .title th, .board_write_area .tbl_write .title td {border-bottom:1px solid #dde4eb;}
#content #section .board_write_area table.tbl_write .info th, .board_write_area .tbl_write .info td {background:url('/images/cola/img/bg_board_th.gif') repeat-x 0 0;}
#content #section .board_write_area table.tbl_write .info th {color:#7b7b7b; background:url('/images/cola/img/bg_news_view3.gif') no-repeat right 0;}
#content #section .board_write_area table.tbl_write td .notice_txt {margin-left:5px; font-size:11px; color:#859bb0;}

/* sitemap */ 
#content_sitemap {background:url(/images/cola/content/bg_con_site.jpg) no-repeat left 5px; float:left; margin-bottom:50px;}
#content_sitemap #section {width:956pxpx; float:left; padding-top:44px;}
#content_sitemap #section .title {height:37px;}
.sitemap_wrap {width:956px; padding:19px 0 0 24px; background:#fff url('/images/cola/img/bg_sitemap_body.gif') no-repeat 0 0; color:#777; font:12px/1.2}
.sitemap ul li {float:left; width:210px; margin-right:30px; }
.sitemap ul li.last {margin-right:0; }
.sitemap ul li ul {margin-top:15px;}
.sitemap ul li ul li {margin:3px 0 3px 0; padding:0 0 17px 15px; width:195px; background:url('/images/cola/img/bg_sitemap_menu.gif') no-repeat left 22px;}
.sitemap ul li ul li span {margin:0; padding:0 0 0 20px; background:url('/images/cola/img/bul_sitemap.gif') no-repeat left top;}
.sitemap ul li ul li ul {}
.sitemap ul li ul li ul li{background:none; margin:4px 13px; padding:0; float:none; width:150px;}
.sitemap ul li ul li ul li ul{ background:url('/images/cola/img/bg_sitemap_menu2.gif') no-repeat left top; width:193px; padding:5px 0 0 0px; margin:5px 0 15px -20px;}
.sitemap ul li ul li ul li ul li{padding-left:20px; width:140px;}

.box_white {margin:10px 0; padding:10px; background:#f5f5f5;}
.box_white li {background:url(/images/cola/img/bul_dot.gif) no-repeat left 4px; padding:0 0 0 6px; float:none; margin-bottom:10px;}
.box_white li span.blue{font-weight:bold; color:#1068c0;}

.login_po {text-align:center;}
#content #section .login_po h4 {padding:10px 0 0; display:none;}
.box_gray02 {margin:10px auto; padding:10px; background:#f5f5f5; text-align:left;}
.box_gray02 li {background:url(/images/cola/img/bul_dot.gif) no-repeat left 4px; padding:0 0 0 6px; float:none; margin-bottom:10px;}
.box_gray02 {}
.green_box {background:none;}
.green_box li {margin-bottom:10px; background:none;}
.green_box li.center {text-align:center;}

/* layer popup 2011_05_16 추가*/ 
.layer_area {position:relative; width:675px; z-index:100000;}
.layer_policy {position:absolute; left:0; top:250px; width:675px; border:3px solid #CADFE3; background:#fff; display:none;}
.layer_policy .btn_layer_close {position:absolute; right:5px; top:5px;}

.layer_policy .layer_box1 {position:relative; width:669px; height:385px;}
.layer_policy .layer_box1 .txt_area {float:left; width:250px; margin-left:18px;}
.layer_policy .layer_box1 .txt_area .tit {margin-top:17px; margin-bottom:30px;}
.layer_policy .layer_box1 .map {float:right; padding-right:23px;}

.layer_policy .layer_box2 {position:relative; width:669px; height:335px;}
.layer_policy .layer_box2 .txt_area {margin-left:18px;}
.layer_policy .layer_box2 .txt_area .tit {margin-top:17px; margin-bottom:30px;}
.layer_policy .layer_box2 ol {padding-top:27px;}
.layer_policy .layer_box2 ol li {padding-bottom:27px;}

.layer_policy .layer_box3 {position:relative; width:669px; height:335px;}
.layer_policy .layer_box3 .txt_area {margin-left:18px;}
.layer_policy .layer_box3 .txt_area .tit {margin-top:17px; margin-bottom:30px;}
.layer_policy .layer_box3 ol {padding-top:27px;}
.layer_policy .layer_box3 ol li {padding-bottom:15px;}


/* table css 추가 csj 18. 6. 1.*/ 




#content #section .bluetop {
  border-collapse: collapse;
  border-top: 3px solid #168;
}  
#content #section .bluetop th {
  color: #168;
  background: #f0f6f9;
  padding: 10px;
  border: 1px solid #ddd;
}
#content #section .bluetop td {
  padding: 10px;
  border: 1px solid #ddd;
}
#content #section .bluetop th:first-child {
  border-left: 0;
}
#content #section .bluetop td:first-child {
  border-left: 0;
}
#content #section .bluetop th:last-child {
  border-right: 0;
}
#content #section .bluetop td:last-child {
  border-right: 0;
}