@charset "utf-8";

/*--------------------------------------------------------------------------
	왼 메뉴 제어
--------------------------------------------------------------------------*/
#lmContainer { width:200px;/*  height:80%;  */min-height:80%; background:#484848; float:left; border-right:1px solid #3f3f3f; }
#lmContainer h1 { color:#fff; font-size:13px; font-weight:600; margin:20px 10px 10px 20px; }
#lmContainer hr { border-top:1px solid #3f3f3f; border-bottom:1px solid #626262; border-right:none; border-left:none; margin:0; }
#lmContainer ul { font-size:12px; }
#lmContainer ul li { padding:7px 10px 10px 20px; }
#lmContainer ul li a { color:#fff; }
#lmContainer ul li.on { background:#3f3f3f; }
#lmContainer ul li.off { background:#484848; }


/*--------------------------------------------------------------------------
	왼 메뉴 열고 닫는 div
--------------------------------------------------------------------------*/
#lmControl { width:20px;  min-height:80%; background:#484848; float:left; border-left:1px solid #626262; cursor:pointer; z-index: 999; }
#lmControl img { margin:15px 3px 15px 5px; }


/*--------------------------------------------------------------------------
	왼 메뉴 열었을 때, 닫았을 때, 없을 때
--------------------------------------------------------------------------*/
/* article.menu_on { margin:15px 30px 15px 255px; }
article.menu_off { margin:15px 30px 15px 50px; }
article.menu_none { margin:15px 30px 15px 30px; } */


/*--------------------------------------------------------------------------
	본문 내용 타이틀 영역
--------------------------------------------------------------------------*/
.titleWrap { height:30px; }
article h1 { float:left; margin:0; padding:0; font-size:17px; font-weight:600; color:#484848; height:28px; }


/*--------------------------------------------------------------------------
	페이지 네비게이션
--------------------------------------------------------------------------*/
.pageNavigation { font-size:0; line-height:0; text-align:center; margin:0 0 10px 0; }
.pageNavigation ul { font-size:12px; display:inline; line-height:24px; margin:0 10px; }
.pageNavigation ul li { display:inline; padding:0; margin:0; }
.pageNavigation ul li a { padding:4px 8px; }
.pageNavigation ul li.on a { border:1px solid #ddd; color:#C00; font-weight:600; }
.pageNavigation ul li.off a { color:#666; }

/*IE7용*/*:first-child+html .pageNavigation ul li a { padding:0; }
/*IE7용*/*:first-child+html .pageNavigation ul li.on a { padding:4px 8px; }
/*IE7용*/*:first-child+html .pageNavigation img { vertical-align:-8px;}
/*IE7용*/*:first-child+html .pageNavigation ul li { padding:4px 6px 4px 8px; }


/*--------------------------------------------------------------------------
	읽기 테이블
--------------------------------------------------------------------------*/
.readTable { border-top:2px solid #000; }
.readTable caption { display:none; }
.readTable th { height:40px; text-align:left; border-bottom:1px solid #ddd; font-size:13px; font-weight:600; color:#484848; padding:5px 3px; }
.readTable td { height:40px; border-bottom:1px solid #ddd; padding:5px 3px; }


.writeComment { padding:4px 0px; }
.readComment { padding:4px 0px; margin-top: 10px; border-top: 2px solid #DEDEDE; }
.readComment li { padding:10px 0px; margin-bottom: 5px; border-bottom: 1px solid #DEDEDE; }
.readComment img { vertical-align: middle; }
.readComment li div { padding:4px 0px; }


/*--------------------------------------------------------------------------
	글자 꾸미기
--------------------------------------------------------------------------*/
.wordstyle.green { color:#749530; }
.wordstyle.blue { color:#0100FF; }
.wordstyle.red { color:#C00; }


/*--------------------------------------------------------------------------
	버튼 공간
--------------------------------------------------------------------------*/
.btArea { min-height:36px; text-align:center; font-size:25px; }
.btArea.bt_l { text-align:left; }
.btArea.bt_r { text-align:right; }


/*--------------------------------------------------------------------------
	체크 박스 정렬 스타일
--------------------------------------------------------------------------*/
.checkbox { line-height:20px; }
.checkbox li { padding-right:15px; }
.checkbox input { vertical-align:-15%; }

.verti40 { vertical-align:-40%; }


/*--------------------------------------------------------------------------
	목록 테이블 폼
--------------------------------------------------------------------------*/
.listTable { border-top:2px solid #000; }
.listTable caption { display:none; }
.listTable th { background:url(/img/common/background/list_bg.gif) repeat-x bottom; height:35px; border-bottom:1px solid #d6d6d6; font-weight:600; }
.listTable th span { font-size:8px; }
.listTable th a:hover { color:#83a837; text-decoration:underline; }
.listTable td { border-bottom:1px solid #d6d6d6; height:30px; padding:2px 10px; }

.listTable.ac td { text-align:center; }
.listTable.ac .subj { text-align:left; }



/*--------------------------------------------------------------------------
	홈페이지 현재 위치
--------------------------------------------------------------------------*/
div.location { color:#999; font-size:12px; margin:30px 0 0 0;}
div.location img { vertical-align:-20%; padding:0 0 0 30px; }
div.location strong { font-weight:normal; color:#777; }
div.location hr { border:none; border-top:1px solid #dedede; border-bottom:1px solid #fff; margin:8px 0 0 0; }


/*--------------------------------------------------------------------------
	목록 테이블 검색 폼
--------------------------------------------------------------------------*/
div.board_search { float:right; height:28px; min-width:372px; text-align:right; }


/* input, selectbox : 둥근 박스 스타일 */

.selstyle 				{ height:28px; margin:10px 0 0 0; }
.type1 		{ float:left; height:28px; overflow: hidden; margin:0 10px 0 0; background:url(/img/common/select_bg.gif) no-repeat left 0; }
.type1 div 	{ height:28px; background:url(/img/common/select_bg.gif) no-repeat right 0; padding:0 31px 0 0; }   
.type1 select 	{ background: transparent; padding: 0 5px; font-size: 13px; border: 0; border-radius: 0; height: 28px; -webkit-appearance: none; }

/*IE7용*/*:first-child+html .selstyle 				{ height:28px; margin:10px 0 0 0; }
/*IE7용*/*:first-child+html .selstyle.type1 		{ float:left; height:28px; overflow: hidden; margin:0 10px 0 0; background:url(/img/common/select_bg.gif) no-repeat left 0; }
/*IE7용*/*:first-child+html .selstyle.type1 div 	{ height:28px; background:url(/img/common/select_bg.gif) no-repeat right 0; padding:0 31px 0 0; }   
/*IE7용*/*:first-child+html .selstyle.type1 select 	{ background:none; padding: 0 5px; font-size: 13px; border:none; border-radius:0; height: 28px; -webkit-appearance: none; }

/* input, selectbox : 선 박스 스타일 */
.inpstyle.type1 { border:1px solid #ddd; padding:0 0 0 7px; height:27px; border-radius:5px;}
.inpstyle.type2 { border:1px solid #ddd; padding:0 0 0 2px; height:24px; vertical-align:-5%; border-radius:5px; }
.inpstyle.type3 { border:1px solid #ddd; padding:0 0 0 2px; height:35px; vertical-align:-5%; border-radius:5px; width:500px; margin:0 0 20px 0; padding:0 0 0 7px; }



.inpstyle.contents { border:1px solid #ddd; border-radius:5px; vertical-align:0;font-family:"돋움", "dotum"; font-size:12px;}


/*--------------------------------------------------------------------------
	메뉴명 데코레이션
--------------------------------------------------------------------------*/
.menuedit.sub1 { background:url(/img/common/bullet_3.gif) no-repeat 0px 0px; padding:0 0 0 17px; }
.menuedit.sub2 { background:url(/img/common/bullet_4.gif) no-repeat 15px 0px; padding:0 0 0 32px; }
.menuedit.sub3 { background:url(/img/common/bullet_1.gif) no-repeat 30px 0px; padding:0 0 0 47px; }
.menuedit.sub4 { background:url(/img/common/bullet_2.gif) no-repeat 45px 0px; padding:0 0 0 62px; }
.menuedit.sub5 { background:url(/img/common/bullet_5.gif) no-repeat 60px 0px; padding:0 0 0 77px; }


/*--------------------------------------------------------------------------
	아이콘 버튼 부분
--------------------------------------------------------------------------*/
.icon_menu {z-index:1; Padding:8px 20px; }
.icon_menu ul li {display:inline; margin:0 0 0 5px;} 
.icon_menu ul li.margin30 { margin:0 0 0 30px; }

.iconmWrap { height:85px; background:#f1f1f1 url(/img/common/background/gray.gif) repeat-x bottom; margin:0; border-bottom:1px solid #fff; position:relative; z-index: 999;}
.iconmWrap_none { height:85px; background:#f1f1f1 url(/img/common/background/gray.gif) repeat-x bottom; margin:0; border-bottom:1px solid #fff; position:relative; z-index: 999;}


/*--------------------------------------------------------------------------
	탭메뉴 기본
--------------------------------------------------------------------------*/

.tabMenu { padding:10px 0; }
.tabMenu ul { font-size:5px; margin:0; }
.tabMenu ul li { display:inline; border-bottom:none; padding:10px 0; margin:15px 0; font-size:12px; }
.tabMenu ul li a { background:#484848; color:#fff; font-weight:600; padding:10px 30px; border:1px solid #484848; border-bottom:1px solid #484848; border-top-left-radius:5px; border-top-right-radius:5px; }
.tabMenu ul li a:hover { font-weight:600; color:#484848; background:#f7f7f7; border:1px solid #484848; border-bottom:2px solid #f7f7f7; border-top-left-radius:5px; border-top-right-radius:5px; }


/*--------------------------------------------------------------------------
	메뉴속성관리
--------------------------------------------------------------------------*/
.userArea { text-align:center; margin:0 0 20px 0;font-size:12px; border:1px solid #ddd; border-top:2px solid #484848; }
.userArea .contents { padding:7px 10px; background:none; border:none; margin:0 auto; }
.userArea.top { height:150px; }
.userArea.left { float:left; width:200px; margin:0 20px 0 0; height:434px; }
.userArea.write { margin-left:222px; height:400px; }
.userArea.write_none { height:400px; }

.userArea.top .contents { height:106px; width:97%; }
.userArea.left .contents { height:390px; width:87%; }
.userArea.write .contents { height:356px; width:96%; }


/*--------------------------------------------------------------------------
	메뉴속성관리
--------------------------------------------------------------------------*/
.userArea .titleWrap h2 { float:left; text-align:left; font-size:13px; font-weight:600; color:#83a837; margin:0; margin:15px 5px 5px 15px; }

.userArea .titleWrap .user_tab { float:left; margin:15px 5px 5px 15px; }
.userArea .titleWrap .user_tab li { display:inline; }
.userArea .titleWrap .user_tab li a { border:1px solid #ccc; padding:7px 15px; color:#999; border-radius:5px; border-bottom-left-radius:0;}
.userArea .titleWrap .user_tab li a:hover { background:#fff; font-weight:600; color:#83a837; border:1px solid #add161; }

.userArea .titleWrap .btR { float:right; margin:10px 15px 0 5px;  }


/*--------------------------------------------------------------------------
	파일관리
--------------------------------------------------------------------------*/
.MultiFile-wrap { float:left; }
.file_category { float:left; border:1px solid #ddd; border-top:2px solid #484848; width:300px; height:550px; }
.file_listWrap { margin-left:320px;  border:1px solid #ddd; border-top:2px solid #484848; height:550px; }

.funcWrap { background:url(/img/common/background/gray.gif) repeat-x bottom; border-bottom:1px solid #fff; padding:8px 10px; font-size:12px; }

.choose_category { height:502px; overflow:auto; clear: both; }
.choose_category a { color:#666; }
.choose_category a:hover { font-weight:600; color:#000; }
.choose_category ul { line-height:24px; color:#666; margin:10px 0 5px 15px;}
.choose_category ul li { background:url(/img/common/icon_category_01.png) no-repeat 0 7px; padding:0 0 0 20px; }
.choose_category ul li img { vertical-align:-1px; margin-left:5px; }

.choose_category ul > li > ul { margin:0; }

/* 파일찾기 스타일 */
.finefile { height:28px; background:url(/img/common/select_bg.gif) no-repeat left -71px; float:left; margin-right:5px; }
.finefile div { height:28px; background:url(/img/common/select_bg.gif) no-repeat right -71px; }
.finefile input { background:none; border:none; margin:4px 0 0 2px; }
.finefile a { font-size:12px; }

.file_locat { padding:7px 10px; background:#f2f2f2 url(/img/common/background/gray.gif) repeat-x bottom; border-bottom:1px solid #fff; font-size:12px;}
.file_locat span { padding-right:25px; margin-right:10px; background:url(/img/common/background/gray.gif) repeat-y right; border-right:1px solid #fff; } 

.file_list { overflow:auto; height:473px; }
/*IE7용*/*:first-child+html .file_list table { overflow:auto; height:473px; }

.file_list table caption { display:none; }
.file_list table th { padding:3px 0 8px 0; border-bottom:1px solid #ccc; border-right:1px solid #eee; font-weight:600; }
.file_list table td { padding:5px; text-align:center;border-bottom:1px solid #eee; }
.file_list table td.subj { text-align:left; padding-left:10px; }


/*--------------------------------------------------------------------------
	로그인
--------------------------------------------------------------------------*/
.loginWrap { border:10px solid #eee; width:460px; margin:150px auto; padding:60px 100px; }
.loginWrap p { margin:0; padding:0; line-height:20px; }
.loginWrap ul.loginarea { float:left; font-size:0; line-height:0; }


.loginF { font-size:13px; height:48px; background:url(/img/common/select_bg.gif) no-repeat left -105px; margin:0 15px 10px 0; width:300px; }
.loginF input { height:48px; line-height:48px; border:none; background:none; width:230px; background:url(/img/common/select_bg.gif) no-repeat right -105px; float:right; }
.loginF label { float:left; margin:25px 20px; }

.login_imgtt { margin:0 0 10px 0; }
.loginForm { margin:30px auto; text-align:center;}

/*IE7용*/*:first-child+html .loginF { height:48px; margin:0 15px 10px 0; width:300px; text-align:right; }
/*IE7용*/*:first-child+html .loginF input { width:230px; padding:18px 0 0 0; height:29px; background:url(/img/common/select_bg.gif) no-repeat right -106px; float:none; }
/*IE7용*/*:first-child+html .loginF label { font-size:13px; background:none; vertical-align:40px; float:none; vertical-align:15px; }

.imgal { border:1px solid #ddd; width:774px; height:387px; margin:30px auto; text-align:center; padding:1px; }

/*--------------------------------------------------------------------------
	메세지 페이지
--------------------------------------------------------------------------*/
.message_ok_warp {width:100%;height:100%;position:relative}
.message_inner {width:680px;height:402px;border-bottom:1px solid #d9d8d8;position:absolute;left:50%;top:30%;margin-left:-340px;margin-top:-160px;text-align:center}
.message_inner > h1 {height:86px;margin-bottom:83px}
.message_out {display:inline-block;padding:28px 70px;border:1px solid #e1e1e1;background:#ededed;margin-bottom:66px}
#message {font-weight:700}