@charset "UTF-8";
/***
제작자 : (주)제윤 웹접근성팀
작성일 : 2010년 3월 17일
수정일 : 최종 수정된날짜
저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다.
***/

/*
공통요소
*/
body{height:100%; margin:0; padding:0;}
img{border:0 none;}

#headArea ul, li{margin:0; padding:0; list-style:none;}
#headArea p{margin:0; padding:0;}
#headArea form, fieldset{margin:0; padding:0; border:0;}
#headArea a:link,
#headArea a:visited{color:#666; text-decoration:none;}
#headArea a:active,
#headArea a:hover,
#headArea a:focus{color:#999; text-decoration:none;}

/*
레이아웃
*/

/* skip */
.skip{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}
/* skip-navigation */
.skip-navigation{display:block; position:absolute; top:0px; right:60px; width:106px; height:20px; font-family:Dotum, "돋움", sans-serif; text-align:center; font-weight:bold; font-size:90%; background:#ececec; line-height:1.5em; z-index:99;}
.skip-navigation a:link,
.skip-navigation a:visited{display:block; padding:3px 5px 3px 5px; color:#6a79a5; text-decoration:none;}
.skip-navigation a:active,
.skip-navigation a:hover{display:block; padding:3px 5px 3px 5px; color:#6a79a5; text-decoration:none;}

#container{float:left; width:100%;}

/* 헤드-그레이 
#headArea{position:fixed;_position:absolute; top:0px; left:0; z-index:99; width:100%; height:82px; font-size:75%; background:url(/CLRecords/images/head_bg_gray.gif) repeat-x left bottom #e6e6e6; border-bottom:1px solid #ccc;}
#headArea .title{padding:10px 0 10px 15px; font-weight:bold; font-size:110%; color:#fff; background:#727272; border-bottom:1px solid #ccc;}
*/

/* 헤드-블루 */
/*
#headArea{position:fixed;_position:absolute; top:0px; left:0; z-index:99; width:100%; height:82px; font-size:75%; background:url(/CLRecords/images/head_bg_blue.gif) repeat-x left bottom #dbe8f9; border-bottom:1px solid #ccc;}
#headArea{float:left; width:100%; height:82px; font-size:75%; background:url(/CLRecords/images/head_bg_blue.gif) repeat-x left bottom #dbe8f9; border-bottom:1px solid #ccc;}
*/
#headArea{position:relative; height:82px; font-size:75%; background:url(/CLRecords/images/head_bg_blue.gif) repeat-x left bottom #dbe8f9; border-bottom:1px solid #ccc; display: none;}
#headArea .title{float:left; width:100%; background:#5A78AF; border-bottom:1px solid #ccc;}
#headArea .title .contenttitle{float:left; padding:10px 0 10px 15px; font-weight:bold; font-size:110%; color:#fff;}
#headArea .title .pageClose{float:right; padding:0 10px 0 0;}

/* 글로벌 */
#headArea .global{float:left; width:100%; height:47px; padding:0; font-size:90%; border-bottom:1px solid #eee;}

/* 글자속성조절 */
#headArea .fontControl{float:left; padding:10px 0 0 5px;}
#headArea .fontControl form{width:240px;}
#headArea .fontControl select{float:left; display:inline; margin:0 0 0 5px;}
#headArea .fontControl .submit{float:left; padding:0 0 0 3px;}

/* 메뉴 */
#headArea .gnb{float:left; overflow:visible; padding:10px 0 0 10px; text-align:left;}
#headArea .gnb ul{float:left; text-align:left;}
#headArea .gnb li{float:left; margin:0 0 0 4px; padding:0 0 1px 5px; font-weight:bold; line-height:0; background:url(/CLRecords/images/btn_left.gif) no-repeat left top;}
#headArea .gnb li span{display:block; padding:0 5px 0 0; line-height:0; background:url(/CLRecords/images/btn_right.gif) no-repeat right top;}
#headArea .gnb li a:link,
#headArea .gnb li a:visited{display:block; padding:7px 2px 5px 2px; color:#666; line-height:1.0em;}
#headArea .gnb li .submit{display:block; width:64px; height:23px; padding:2px 0 0 0; font-weight:bold; color:#666; background:none; border:none; cursor:pointer;}

/* 페이지보기 */
#headArea .paging{float:left;}
#headArea .paging ul{float:left; text-align:left;}
#headArea .paging .more{float:left; margin:10px 0 0 4px; padding:0 0 1px 5px; font-weight:bold; line-height:0; background:url(/CLRecords/images/btn_left.gif) no-repeat left top;}
#headArea .paging .more span{display:block; padding:0 5px 0 0; line-height:0; background:url(/CLRecords/images/btn_right.gif) no-repeat right top;}
#headArea .paging .more a:link,
#headArea .paging .more a:visited{display:block; padding:7px 2px 5px 2px; color:#666; line-height:1.0em;}
#headArea .paging .page_num{float:left; display:inline; margin:0 0 0 10px; padding:0 0 0 5px;}
#headArea .paging .page_num li{float:left; padding:5px 0 0 2px; line-height:1.2em;}
#headArea .paging .page_num .current{margin:5px 10px 10px 10px; padding:0; letter-spacing:1px;}
#headArea .paging .page_num .current .this_current{margin:0 0 0 8px; }
#headArea .paging .page_num .current .this_current2{display:inline-block; margin:2px 0 0 0; color:#ff6600;}
#headArea .paging .page_num .current .total_current{color:#000; font-weight:bold;}
#headArea .paging .page_num .first a{display:block; padding:20px 0 0 0; text-align:center; background:url(/CLRecords/images/page_first.gif) no-repeat center top;}
#headArea .paging .page_num .prev a{display:block; padding:20px 0 0 0; text-align:center; background:url(/CLRecords/images/page_prev.gif) no-repeat center top;}
#headArea .paging .page_num .next a{display:block; padding:20px 0 0 0; text-align:center; background:url(/CLRecords/images/page_next.gif) no-repeat center top;}
#headArea .paging .page_num .last a{display:block; padding:20px 0 0 0; text-align:center; background:url(/CLRecords/images/page_last.gif) no-repeat center top;}

/* 검색 */
#headArea .search{float:right; padding:10px 0 0 0;}
#headArea .search form{width:180px;}
#headArea .search .info{float:left; padding:5px 3px 0 0;}
#headArea .search .search_text{float:left; width:80px; height:15px;}
#headArea .search .submit{float:left; padding:0 0 0 2px;}

/* 콘텐츠 */
/*
#content{clear:both; position:relative; overflow:auto; width:98%; margin:0 auto;}
*/
#content{clear:both; overflow-x:hidden; /* overflow:scroll;  */padding:10px; line-height:150%;}
#content h1{display:block; font-size:180%;}
#content p{margin:0;}
#content .dot_line {width:99%; margin:5px 0px 0px 0px; background:url(/CLRecords/images/dotline.gif) repeat-x;}
#content hr, #content p{clear:both;}
#content .pageTitle{float:left; margin:10px 0 0 0;}
#content #pageSbj{float:left; display:inline; width:100%; text-align:center; padding:3px 0;}
#content .pageOffice{float:right; margin:0 0 0 0; padding:0;}
#content .pageOffice li{text-align:right; margin:0 0 10px 0;}
#content .member_list{clear:both; float:left; margin:0 0 5px 0; padding:0 0 0 6px; border:1px solid red;}
#content .member_list li{float:left; margin:0; padding:0 10px 0 10px;}
#content .member_list li.brclass{margin:100px 0;}
#content .public_list{clear:both; float:left; margin:0 0 5px 0; padding:0;}
#content .public_list li{clear:both; float:left; padding:2px 0 2px 0px; width:100%;}
#content .public_list li span{display:block; float:left; width:270px;}
#content .public_second{clear:both; float:left; margin:0 0 5px 0; padding:0;}
#content .public_second li{clear:both; float:left; padding:2px 0 2px 0px;}
#content .current{color:#ff00cc;}
#content .keyword{background-color:#000;color:#fff;}
#content .none{padding:15% 0; text-align:center; color:#0033cc;}

#content1{clear:both; overflow-x:hidden; padding:10px; line-height:150%;}
#content1 h1{display:block; font-size:180%;}
#content1 p{margin:0;}
#content1 .dot_line {width:99%; margin:5px 0px 0px 0px; background:url(/CLRecords/images/dotline.gif) repeat-x;}
#content1 hr, #content p{clear:both;}
#content1 .pageTitle{float:left; margin:10px 0 0 0;}
#content1 #pageSbj{float:left; display:inline; width:100%; text-align:center; padding:3px 0;}
#content1 .pageOffice{float:right; margin:0 0 0 0; padding:0;}
#content1 .pageOffice li{text-align:right; margin:0 0 10px 0;}
#content1 .member_list{clear:both; float:left; margin:0 0 5px 0; padding:0 0 0 6px; border:1px solid red;}
#content1 .member_list li{float:left; margin:0; padding:0 10px 0 10px;}
#content1 .member_list li.brclass{margin:100px 0;}
#content1 .public_list{clear:both; float:left; margin:0 0 5px 0; padding:0;}
#content1 .public_list li{clear:both; float:left; padding:2px 0 2px 0px; width:100%;}
#content1 .public_list li span{display:block; float:left; width:270px;}
#content .public_list .wid {display:block; float:left; width:100px;}
#content1 .public_second{clear:both; float:left; margin:0 0 5px 0; padding:0;}
#content1 .public_second li{clear:both; float:left; padding:2px 0 2px 0px;}
#content1 .current{color:#ff00cc;}
#content1 .keyword{background-color:#000;color:#fff;}
#content1 .none{padding:15% 0; text-align:center; color:#0033cc;}