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

/* 2016 인트로 */
.intro_bg {width:100%; height:100%; background:#e8f3f4 url(../image/background/intro_bg.gif) center 0 no-repeat;}
.intro_bg .intro_wrap {width:922px; margin:0 auto;}
.intro_bg .intro_wrap .intro_logo {padding:145px 0 0 0;}
.intro_bg .intro_wrap .intro_left_link {float:left; width:442px; height:385px; background:url(../image/background/intro_btn01_bg.png) 0 0 no-repeat; margin:45px 0 0 0; padding:322px 0 0 0; text-align:center;}
.intro_bg .intro_wrap .intro_right_link {float:right; width:442px; height:385px; background:url(../image/background/intro_btn02_bg.png) 0 0 no-repeat; margin:45px 0 0 0; padding:322px 0 0 0; text-align:center;}

/* 2016 로그인 */
.new_login_bg {width:100%; height:100%; background:#e8f3f4 url(../image/background/intro_bg.gif) center 0 no-repeat;}
.new_login_bg .new_login_wrap {width:922px; margin:0 auto;}
.new_login_bg .new_login_wrap .new_login_top {position:relative; width:922px; height:480px; background:url(../image/background/new_login_bg.jpg) 0 116px no-repeat; padding:116px 0 0 0;}
.new_login_bg .new_login_wrap .new_login_top .new_login_input {position:relative; top:196px; left:530px; width:342px;}
.new_login_bg .new_login_wrap .new_login_top .new_login_input input.new_login_01 {box-sizing:border-box; border:1px solid #b8e6fe; background-color:#ffffff; border-radius:4px; width:342px; height:48px; font-size:18px; padding:0 0 0 10px;}
.new_login_bg .new_login_wrap .new_login_top .new_login_input input.new_login_02 {box-sizing:border-box; border:1px solid #b8e6fe; background-color:#ffffff; border-radius:4px; width:195px; height:48px; font-size:18px; padding:0 0 0 10px; margin:15px 0 0 0;}
.new_login_bg .new_login_wrap .new_login_top .new_login_input a.new_login_btn {position:relative; top:-2px; left:12px; box-sizing:border-box; background-color:#5373ae; border-radius:4px; font-size:12px; text-align:center; display:inline-block; padding:0 0 0 0; color:#ffffff; width:132px; height:48px; line-height:48px; margin:15px 0 0 0;}


.new_login_bg .new_login_wrap .new_login_foot {margin:3px 0 0 0; box-sizing:border-box; background-color:#ffffff; border:1px solid #d1d4d9; padding:10px 30px 10px 30px;}
.new_login_bg .new_login_wrap .new_login_foot p.txt_01 {color:#2e353e; font-size:16px; font-weight:bold; line-height:18px;}
.new_login_bg .new_login_wrap .new_login_foot p.txt_02 {color:#2e353e; line-height:18px;}
.new_login_bg .new_login_wrap .new_login_foot p.txt_02 span {color:#2a55a5;}

/* 로고 */
h1 { width:229px; height:34px; float:left; margin:10px 0 0 10px; }

/* admin 로고 */
h1 { width:318px; height:34px; float:left; margin:10px 0 0 10px; }

/* 페이지 제목 */
h2 { float:left; margin:0; padding:0 0 0 14px; background:url(../image/common/bullet.png) 0 -33px no-repeat; }

/* 페이지 중제목 */
h3 { float:left; margin:0; padding:0 0 0 14px; background:url(../image/common/bullet.png) 0 -59px no-repeat; }

/* 유저정보 */
.userInfo { width:75px; height:34px; float:right; margin:10px 10px 0 0;background:url(../image/background/userBackground.png) no-repeat; }
.userInfo a { float:right; padding:5px 10px 0 0; }

/* 메인네비 */
.gnb { width:96%; float:left; padding:27px 2% 0 2%; }
.gnb > li { width:16%; float:left; text-align:center; }

/* 서브네비 */
.snb { width:100%; height:165px; position:absolute; top:103px; left:0; z-index:998; background:url(../image/background/snbShadow.png) repeat-x; display:none; }
.snb div { width:96%; float:left; padding:0 2% 18px 2%; background:url(../image/background/snbShadowBottom.png) 0 bottom repeat-x #ffffff; }
.snb div > ul { width:16%; padding:15px 0 0 0; float:left; }
.snb div > ul > li { width:95%; float:left; margin:0 0 10px 0; padding:0 0 0 5%; }
.snb div > ul > li > a { display:block; padding:0 0 0 13px; background:url(../image/common/bullet.png) no-repeat 0 5px; font-size:13px; color:#888888; }
.snb div > ul > li > a:hover { background:url(../image/common/bullet.png) 0 -13px no-repeat; color:#333333; font-weight:bold; }
.snb div > ul > li > ul { width:100%; }
.snb div > ul > li > ul > li { list-style:square; margin:10px 0 0 25px; color:#888888; }
.snb div > ul > li > ul > li > a { color:#888888; }
.snb div > ul > li > ul > li > a:hover { color:#444444; font-weight:bold; }

/* 푸터 주소 */
.adr { float:left; padding:12px 20px 0 160px; }
.adr span { float:left; clear:both; color:#6e706f; margin:0 0 0 0; font-size:12px; }

/* 푸터 버튼 */
.crBtn { width:auto; display:inline-block; }
.crBtn a { background:url(../image/background/copyrightBtnBackground.jpg) repeat-x; border:1px solid #788395; padding:5px 15px; float:left; }
.crBtn a:hover { background:url(../image/background/copyrightBtnBackgroundOver.jpg) repeat-x; }
.crBtn a:active { background:url(../image/background/copyrightBtnBackgroundOver.jpg) repeat-x; }

/* 로그인 */
.loginWrap { width:700px; height:260px; background:url(../image/background/loginBackground.png) no-repeat; position:absolute; top:50%; left:50%; margin:-130px 0 0 -350px; }
.loginWrap fieldset { float:left; margin:108px 0 0 252px; position:relative; }
.loginWrap fieldset label { clear:left; width:68px; float:left; padding:6px 0 0 0; }
.loginWrap fieldset input { width:170px; height:34px; background:url(../image/background/loginInputBackground.png) no-repeat; border:0 none; float:left; margin:0 0 10px 0; padding:0 7px; }
.loginWrap fieldset a { width:81px; height:79px; display:block; position:absolute; left:260px; top:0; }
.loginWrap ul { float:left; margin:205px 0 0 -252px; }
.loginWrap ul li { float:left; }
.loginWrap ul li:first-child { margin-right:30px; }

/* 관리자로그인 */
.loginWrapAdmin { width:700px; height:260px; background:url(../image/background/loginBackgroundAdmin.png) no-repeat; position:absolute; top:50%; left:50%; margin:-130px 0 0 -350px; }
.loginWrapAdmin fieldset { float:left; margin:108px 0 0 252px; position:relative; }
.loginWrapAdmin fieldset label { clear:left; width:68px; float:left; padding:6px 0 0 0; }
.loginWrapAdmin fieldset input { width:170px; height:34px; background:url(../image/background/loginInputBackground.png) no-repeat; border:0 none; float:left; margin:0 0 10px 0; padding:0 7px; }
.loginWrapAdmin fieldset a { width:81px; height:79px; display:block; position:absolute; left:260px; top:0; }
.loginWrapAdmin ul { float:left; margin:205px 0 0 -252px; }
.loginWrapAdmin ul li { float:left; }
.loginWrapAdmin ul li:first-child { margin-right:30px; }

/* 404 에러 */
.errorNotFoundWrap { width:700px; height:260px; background:url(../image/background/notFoundBackground.png) no-repeat; position:absolute; top:50%; left:50%; margin:-130px 0 0 -350px; }

/* 500 에러 */
.errorInternaWrap { width:700px; height:260px; background:url(../image/background/internaBackground.png) no-repeat; position:absolute; top:50%; left:50%; margin:-130px 0 0 -350px; }

/* 403 에러 */
.errorForbiddenWrap { width:700px; height:260px; background:url(../image/background/forbiddenBackground.png) no-repeat; position:absolute; top:50%; left:50%; margin:-130px 0 0 -350px; }

/* 경고 */
.warningWrap { width:700px; height:260px; background:url(../image/background/warningBackground.png) no-repeat; position:absolute; top:50%; left:50%; margin:-130px 0 0 -350px; }

/* 에러내용 */
.errorText { width:430px; height:136px; float:left; font-size:16px; margin:104px 0 0 247px; overflow:hidden; line-height:100%; }

/* 유저팝업 */
.userPopWrap { background:url(../image/background/userPopBackground.png) right top no-repeat; position:absolute; top:5px; right:90px; float:left; padding:0 23px 0 0; display:none; }
.userPopWrap ul { width:auto; padding:1px 0 0 0; margin:5px 0 0 0; border-bottom:5px solid #6ebdff; float:left; background:#ffffff; border-spacing:0; box-shadow:-2px 2px 3px 0 rgba(0,0,0,0.4); }
.userPopWrap ul li { border-left:5px solid #6ebdff; margin:-2px 0 0 0; padding:5px 15px; border-spacing:0; }
.userPopWrap ul li span { display:inline-block; padding:0 10px 0 0; width:35px; text-align:left; }
.userPopWrap ul li.half { float:left; border-top:1px solid #d7d7d7; }
.userPopWrap ul li:last-child { border-left:0 none; }

/* 페이지제목 및 타이틀 영역 */
.contents > .titleArea { width:94%; margin:20px 3% 5px 3%; float:left; text-align:right; padding:0; }
.contents > .titleArea a { padding:5px 10px; }
.contents > .titleArea > span { float:left; margin-left:10px; line-height:350%; font-size:11px; }
.contents > .titleArea > span span { color:#2798f8; }

.titleArea2    { width:99.5%; heigth:50px; padding:5px; border-radius:5px; background-color:#88a7d8; float:left; margin-left:-10px; margin:5px 0px; cursor:pointer; }
.titleArea2 h2 { color:#fff; }

/* 레이어제목 및 테이블 타이틀 영역 */
.titleArea { width:94%; margin:0 3% 5px 3%; float:left; text-align:right; padding:0; }
.titleArea a { padding:2px 5px; }

/* 탭랩 */
.tabWrap { width:94%; margin:20px 3% 0 3%; height:50px; float:left; background:url(../image/background/tabWrapBackground.png) repeat-x bottom; }
.tabWrap ul { height:50px; float:left; }
.tabWrap ul li { min-width:120px; height:37px; padding:0 0 12px 0; float:left; border-top:1px solid #d7d7d7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:url(../image/background/tabUlBackground.jpg) 0 -1px repeat-x; margin-right:5px; }
.tabWrap ul li a { width:120px; padding:10px 10px 0 10px; float:left; height:27px; text-align:center; border:1px solid #d7d7d7; border-bottom:0 none; border-top:0; }
.tabWrap ul li a:hover { color:#00bdfb; }
.tabWrap ul li.on { background:url(../image/background/tabOnBackground.png) no-repeat center bottom; border-top:1px solid #00bdfb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.tabWrap ul li.on a { border-left:1px solid #00bdfb; border-right:1px solid #00bdfb; background:url(../image/background/tabOnWhiteBackground.jpg) repeat-x top; }

/* 2뎁스탭 */
.tabDepthWrap { width:94%; margin:0 0 0 3%; float:left; text-align:left; padding:0 0 7px 0; }
.tabDepthWrap a { min-width:90px; overflow:hidden; margin:10px 0 0 10px; }

/* 컨디션 */
.conditionWrap { width:94%; min-height:80px; border:1px solid #d7d7d7; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:20px 0 20px 3%; float:left; position:relative; background:#88a7d8; }
.conditionWrap > div.conditionList { width:98.6%; margin:10px 0.7%; background:#f1f1f1; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1); float:left; text-align:left; padding:0 0 10px 0; overflow:hidden; background:-moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); background:-webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); background:-o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); background:-ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); }
.conditionWrap table { width:100%; margin:10px 0 0 0; float:left; }
.conditionWrap th { width:90px; padding:5px; text-align:right; }
.conditionWrap td { padding:5px; text-align:left; }
.conditionList table { border:0; }

/* 오른쪽 정렬 버튼 영역 */
.buttonWrap { width:94%; float:left; margin:0 3% 7px 3%; background:none; text-align:right; }
.buttonWrap > a { margin-left:5px; }
.conditionWrap .buttonWrap { width:98.6%; margin:0 0.7% 8px 0.7%; }

/* 왼쪽 정렬 버튼 영역 */
.buttonWrapLeft { width:94%; float:left; margin:0 3% 20px 3%; background:none; text-align:left; }
.buttonWrapLeft > a { margin-left:5px; }
.conditionWrap .buttonWrapLeft { width:98.6%; margin:0 0.7% 8px 0.7%; }

/* 가운데 정렬 버튼 영역 */
.buttonWrapCenter { width:94%; float:left; margin:0 3% 20px 3%; background:none; text-align:center; }
.buttonWrapCenter > a { margin-left:5px; }
.conditionWrap .buttonWrapCenter { width:98.6%; margin:0 0.7% 8px 0.7%; }

/* 검색결과 및 버튼 영역 */
.tbSearchArea { width:94%; margin:0 3% 0px 3%; float:left; border-top:2px solid #00bdfb; padding:5px 0; text-align:right; }
.tbSearchArea strong { margin:7px 0 0 0; float:left; }
.tbSearchArea span.total { margin:12px 0 0 0; float:left; margin-left:10px; }
.tbSearchArea a { margin-left:10px; }

/* 기본 리스트 테이블 */
table.basicTb { width:100%; float:left; text-align:left; border-collapse:collapse;  }
table.basicTb thead tr { background:#f7f7f7; height:30px; }
table.basicTb thead th { background:#f7f7f7; text-align:center; border:1px solid #d7d7d7; padding:6px 10px; }
table.basicTb thead tr.column th div { position:absolute; z-index:1; height:23px; background-color:#f7f7f7; border:1px solid #d7d7d7; border-right:0; margin-top:-16px; margin-left:-11px; padding-top:5px; overflow:hidden; }
table.basicTb thead th:first-child  { border-left:0 !important;}
table.basicTb thead tr:nth-child(2) th { border-left:1px solid #d7d7d7 !important; }
table.basicTb tbody tr:hover { background:#e2e5f0; }
table.basicTb tbody tr:active { background:#e2e5f0; }
table.basicTb tbody td { border-top:1px solid #d7d7d7; border-left:1px dashed #d7d7d7; padding:3px 5px; vertical-align:middle; min-height:25px; overflow:hidden; }
table.basicTb tbody td:first-child { border-left:0 none; }
table.basicTb tbody th.seq,
table.basicTb tbody td.seq { text-align:center; background-color:#f7f7f7; }

table.basicTb tfoot th { background:#f7f7f7; text-align:center; border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7; padding:6px 10px; text-align:right; }
table.basicTb tfoot th:first-child  { border-left:0 !important;}
table.basicTb tfoot td { border-top:1px solid #d7d7d7; border-left:1px dashed #d7d7d7; padding:3px 5px; vertical-align:middle; min-height:25px; font-weight:bold; color:red; }
table.basicTb tfoot td:first-child { border-left:0 none; text-align:center; }

/* 가로형 리스트 테이블 */
table.horizontalTb { width:100%; float:left; text-align:left; margin-top:-1px; border-bottom:1px solid #ccc; }
table.horizontalTb th { background:#f7f7f7; text-align:left; border-left:1px dashed #d7d7d7; border-top:1px solid #d7d7d7; padding:6px 30px; min-width:90px; }
table.horizontalTb th.required { padding:6px 14px;}
table.horizontalTb td { border-top:1px solid #d7d7d7; border-left:1px dashed #d7d7d7; padding:3px 5px; vertical-align:middle; min-height:25px; }
table.horizontalTb th:first-child { border-left:0 none; }
table.horizontalTb td:first-child { border-left:0 none; }
table.horizontalTb th.dash01 {border-left:1px dashed #d7d7d7;}

/* 포유류 조사표 테이블  */
table.mmtable { width:100%; float:left; text-align:left; margin-top:-1px; border-bottom:1px solid #ccc; }
table.mmtable th { background:#f7f7f7; text-align:left; border-left:1px dashed #d7d7d7; border-top:1px solid #d7d7d7; padding:6px 30px;  }
table.mmtable th.required { padding:6px 14px;}
table.mmtable td { border-top:1px solid #d7d7d7; border-left:1px dashed #d7d7d7; padding:3px 5px; vertical-align:middle; min-height:25px; }
table.mmtable th:first-child { border-left:0 none; }
table.mmtable td:first-child { border-left:0 none; }
table.mmtable th.dash01 {border-left:1px dashed #d7d7d7;}

/* 엑셀 테이블  */
table.exeltavle { width:100%; float:left; text-align: center; margin-top:-1px; border-bottom:1px solid #ccc; }
table.exeltavle th { background:#f7f7f7; text-align:center; border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7; padding:6px 30px;  }
table.exeltavle th.required { padding:6px 14px;}
table.exeltavle td { border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; padding:3px 5px; vertical-align:middle; }
table.exeltavle th:first-child { border-left:0 none; }
table.exeltavle td:first-child { border-left:0 none; }
table.exeltavle th.da1 {border-left:1px solid #d7d7d7;}


/* 기본 입력 테이블 */
table.basicWriteTb { width:94%; margin:-1px 3% 0px 3%; float:left; text-align:left; border-bottom:1px solid #ccc; }
table.basicWriteTb th { background:#f7f7f7; text-align:left; border-left:1px dashed #d7d7d7; border-top:1px solid #d7d7d7; padding:10px 30px; min-width:90px; }
table.basicWriteTb th.required { padding:10px 14px; }
table.basicWriteTb td { border-top:1px solid #d7d7d7; border-left:1px dashed #d7d7d7; padding:3px 6px; vertical-align:middle; min-height:25px; }
table.basicWriteTb th:first-child { border-left:0 none; }
table.basicWriteTb td:first-child { border-left:0 none; text-align:center; }

/* 공통인풋 스타일 */
input                  { min-height:21px; padding:0 5px; }
input[type="text"]     { min-height:21px; }
input[type="password"] { min-height:21px; }
input[type="file"]     { min-height:25px; padding:0; border:0 none; }
input[type="radio"]    { width:15px; height:15px; border:0 none; display:inline-block; vertical-align:middle; }
input[type="checkbox"] { width:15px; height:15px; border:0 none; display:inline-block; vertical-align:bottom; }
select                 { min-height:25px; padding:0 0 0 5px; }
label                  { display:inline-block; vertical-align:top; padding:0 5px; line-height:180%; }

/* 페이징 */
.pageNumberWrap { width:100%; float:left; text-align:center; margin:0 0 10px 0; }
.pageNumberWrap ol { width:auto; display:inline-block; border:1px solid #d7d7d7; border-bottom:1px solid #c1c1c1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; }
.pageNumberWrap ol li { float:left; width:32px; height:30px; border-right:1px solid #d7d7d7; }
.pageNumberWrap ol li:last-child { border-right:0 none; }
.pageNumberWrap ol li a { width:32px; height:24px; padding:6px 0 0 0; text-align:center; display:inline-block; }
.pageNumberWrap ol li a:hover { background:url(../image/background/pageNumOver.png) #f0f7ff left top no-repeat; }

/* 레이어팝업 배경 */
.layerWrap { width:100%; min-width:1000px; height:100%; position:fixed; background:url(../image/background/layerAlphaBackground.png) repeat; margin-top:-30000px; }
.loadingLayerWrap { width:100%; min-width:1000px; height:100%; position:fixed; background:url(../image/background/loadingLayerAlphaBackground.png) repeat; margin-top:-30000px; }
.onePageWrap { width:100%; min-width:1000px; height:100%; position:fixed; background:url(../image/background/checkBackground.jpg) repeat; }

/* 원페이지 타이틀 */
.onePageWrap h1 { width:700px; height:100px; background:url(../image/common/onePageTitle.png) 1px 1px no-repeat; position:absolute; top:50%; left:50%; margin:-195px 0 0 -340px; font-size:0; line-height:0; text-indent:-50000px; overflow:hidden; display:block; }

/* 로딩레이어 */
.loadingLyWrap { width:100%; min-width:1000px; height:100%; position:fixed; background:none; margin-top:-30000px; }
.loadingLy { width:150px; height:85px; background:url(../image/common/loadingGif.gif) center center no-repeat #ffffff; text-align:center; padding:65px 0 0 0; border:1px solid #d7d7d7; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 10px 5px rgba(0,0,0,0.5); position:absolute; top:50%; left:50%; margin:-75px 0 0 -75px; }

/* 콘텐츠레이어 */
.contentsLyWrap { width:100%; min-width:1000px; height:100%; position:fixed; background:none; margin-top:-30000px; }
.contentsLy { width:900px; max-width:1000px; height:600px; max-height:700px; background:#ffffff; border:1px solid #d7d7d7; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 0 10px 5px rgba(0,0,0,0.5); padding:10px 0 10px 0; position:absolute; top:50%; left:50%; margin:-300px 0 0 -450px; }
.contentsLy table { border-top:2px solid #00bdfb; }
.contentsLy .conditionWrap { margin-top:0; }
.contentsLy .conditionWrap table { border-top:0 none; }

/* 레이어닫기버튼 */
.lyClose { width:40px; height:40px; position:absolute; right:-19px; top:10px; background:url(../image/button/layerClose.png) no-repeat #ffffff; display:block; font-size:0; line-height:0; text-indent:-20000px; overflow:hidden; }
.loadingLyWrap .lyClose { right:20px; top:20px; border:1px solid #d7d7d7; box-shadow:0 0 10px 5px rgba(0,0,0,0.5); }

/* 기본버튼배경 */
.basicBtn { display:inline-block; text-align:center; padding:5px 10px; border:1px solid #adadad; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url(../image/button/baseNone.jpg) 0 bottom repeat-x; }
.basicBtn:hover { background:url(../image/button/baseOver.jpg); border-color:#ffffff; }
.basicBtn:active { background:url(../image/button/baseOver.jpg); border-color:#ffffff; }
.basicBtn span { min-height:14px; padding:0 0 0 17px; display:inline-block; text-align:left; }

/* 파랑버튼배경 */
.blueBtn { display:inline-block; text-align:center; padding:5px 10px; border:1px solid #2798f8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url(../image/button/blueNone.jpg) 0 bottom repeat-x; }
.blueBtn:hover { background:url(../image/button/blueOver.jpg); border-color:#ffffff; }
.blueBtn:active { background:url(../image/button/blueOver.jpg); border-color:#ffffff; }
.blueBtn span { min-height:14px; padding:0 0 0 17px; display:inline-block; text-align:left; }

/* 녹색버튼배경 */
.greenBtn { display:inline-block; text-align:center; padding:5px 10px; border:1px solid #84ad58; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url(../image/button/greenNone.jpg) 0 bottom repeat-x; }
.greenBtn:hover { background:url(../image/button/greenOver.jpg); border-color:#ffffff; }
.greenBtn:active { background:url(../image/button/greenOver.jpg); border-color:#ffffff; }
.greenBtn span { min-height:14px; padding:0 0 0 17px; display:inline-block; text-align:left; }

/* 흰배경 */
.whiteBtn { display:inline-block; text-align:center; padding:5px 10px; border:1px solid #2798f8; background:#ffffff; }
.whiteBtn:hover { background:#2798f8; border-color:#f1f1f1; }
.whiteBtn:active { background:#2798f8; border-color:#f1f1f1; }
.whiteBtn span { min-height:14px; padding:0 0 0 17px; display:inline-block; text-align:left; }
.whiteBtn:hover span.downBtn { color:#ffffff; background:url(../image/button/buttonIcon.png) 0 -83px no-repeat; }

/* 비활성배경 */
.disableBtn { display:inline-block; text-align:center; padding:5px 10px; border:1px solid #adadad; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f0f0f0; cursor:not-allowed; }
.disableBtn span { min-height:14px; padding:0 0 0 17px; display:inline-block; text-align:left; background:url(../image/button/buttonIcon.png) 0 -104px no-repeat !important; }

/* 검색버튼 */
span.searchBtn { background:url(../image/button/buttonIcon.png) 0 2px no-repeat; }

/* 데이터버튼 */
span.dataBtn { background:url(../image/button/buttonIcon.png) 0 -21px no-repeat; }

/* 링크버튼 */
span.linkBtn { background:url(../image/button/buttonIcon.png) 0 -43px no-repeat; }

/* 다운로드버튼 */
span.downBtn { background:url(../image/button/buttonIcon.png) 0 -64px no-repeat; }

/* 엑셀다운로드버튼 */
span.xlsBtn { background:url(../image/button/buttonIcon.png) 0 -175px no-repeat; }

/* 신규입력버튼 */
span.newriteBtn { background:url(../image/button/buttonIcon.png) 0 -281px no-repeat; }

/* 레이어팝업 버튼 */
.extendBtn { width:27px; height:27px; background:url(../image/button/layerOpenNone.png) no-repeat; padding:0; margin:0 0 0 5px; border:0 none; display:inline-block; vertical-align:top; }
.extendBtn span { width:0; height:0; display:inline-block; text-indent:-20000px; font-size:0; line-height:0; overflow:hidden; }
.extendBtn:hover { background:url(../image/button/layerOpenOver.png) no-repeat; }
.extendBtn:action { background:url(../image/button/layerOpenOver.png) no-repeat; }

/* 달력열기 버튼 */
.dateBtn { width:27px; height:27px; background:url(../image/button/calendarOpenNone.png) no-repeat; padding:0; margin:0 0 0 5px; border:0 none; display:inline-block; vertical-align:top; }
.dateBtn span { width:0; height:0; display:inline-block; text-indent:-20000px; font-size:0; line-height:0; overflow:hidden; }
.dateBtn:hover { background:url(../image/button/calendarOpenOver.png) no-repeat; }
.dateBtn:action { background:url(../image/button/calendarOpenOver.png) no-repeat; }

/* 아이콘랩 닫기 버튼 */
.iconCloseBtn { width:27px; height:27px; background:url(../image/button/iconCloseNone.png) no-repeat; padding:0; margin:0 0 0 5px; border:0 none; display:none; vertical-align:top; position:absolute; top:1px; right:10px; }
.iconCloseBtn span { width:0; height:0; display:inline-block; text-indent:-20000px; font-size:0; line-height:0; overflow:hidden; }
.iconCloseBtn:hover { background:url(../image/button/iconCloseOver.png) no-repeat; }
.iconCloseBtn:action { background:url(../image/button/iconCloseOver.png) no-repeat; }

/* 2뎁스탭버튼 */
.depthTabBtn { display:inline-block; text-align:center; padding:5px 5px; border:1px solid #adadad; background:url(../image/button/baseNone.jpg) 0 bottom repeat-x; }
.depthTabBtn:hover { background:url(../image/button/baseOver.jpg); border-color:#d7d7d7; }
.depthTabBtn:active { background:url(../image/button/baseOver.jpg); border-color:#d7d7d7; }
.depthTabBtn span { min-height:14px; padding:0 0 0 17px; display:inline-block; text-align:left; background:url(../image/button/buttonIcon.png) 0 -127px no-repeat; }
.depthTabBtnOn { display:inline-block; text-align:center; padding:5px 5px; border:1px solid #6871ad; background:url(../image/button/depthTabOn.jpg) 0 center repeat-x; background-size:100%; }
.depthTabBtnOn span { min-height:14px; padding:0 0 0 17px; display:inline-block; text-align:left; background:url(../image/button/buttonIcon.png) 0 -151px no-repeat; }

/* 테이블 td 색상별 버튼 */
.tbBlueBtn { width:60px; height:25px; display:block; margin:0 auto; background:#00bdfb; text-align:center; border:1px solid #03a8de; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; vertical-align:top;line-height:200%; padding:0 3px; }
.tbBlueBtn:hover { background:#ffffff; color:#00bdfb; }
.tbBlueBtn:active { background:#ffffff; color:#00bdfb; }
.tbGreenBtn { width:60px; height:25px; display:block; margin:0 auto; background:#68d737; text-align:center; border:1px solid #52b626; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; vertical-align:top;line-height:200%; padding:0 3px; }
.tbGreenBtn:hover { background:#ffffff; color:#68d737; }
.tbGreenBtn:active { background:#ffffff; color:#68d737; }
.tbOrangeBtn { width:60px; height:25px; display:block; margin:0 auto; background:#ffc600; text-align:center; border:1px solid #fea813; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; vertical-align:top;line-height:200%; padding:0 3px; }
.tbOrangeBtn:hover { background:#ffffff; color:#ffc600; }
.tbOrangeBtn:active { background:#ffffff; color:#ffc600; }
.tbGrayBtn { width:60px; height:25px; display:block; margin:0 auto; background:#afafaf; text-align:center; border:1px solid #a1a1a1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; vertical-align:top;line-height:200%; padding:0 3px; }
.tbGrayBtn:hover { background:#ffffff; color:#afafaf; }
.tbGrayBtn:active { background:#ffffff; color:#afafaf; }

/* 읽기금지 */
.readonly { border:1px dotted #ccc; cursor:not-allowed; }

/* 필수강조 */
.required span, td.required, span.required {
	background:url(../image/common/required.png) no-repeat 0 1px; padding-left:17px;
}
input.required2, textarea.required2 {
	background:url(../image/common/required.png) no-repeat 0 1px #fff; padding-left:10px;
}


/* 강조텍스트 */
.strongTxt { font-family:"DevGothicExtraBold"; color:#ee0000; }

/* td 채우기 */
.tdFill { background:#ffffff; }

/* font 그룹 */
h2 { font-family:"DevGothicBold"; font-size:20px; color:#333333; }
h3 { font-family:"DevGothicBold"; color:#333333; }
.userInfo a { font-family:"DevGothicExtraBold"; font-size:11px; color:#424242; letter-spacing:-.5; }
.gnb > li > a { font-family:"DevGothicExtraBold"; font-size:16px; color:#ffffff; }
.crBtn a { font-family:"DevGothicExtraBold"; font-size:12px; color:#ffffff; }
.loginWrap fieldset label { font-family:"DevGothicExtraBold"; font-size:16px; color:#333333; }
.loginWrap ul li:first-child a { font-family:"DevGothicBold"; }
.errorText span { font-family:"DevGothicExtraBold"; font-size:25px; color:#ff0000; }
.userPopWrap ul li { font-family:"DevGothic"; font-size:12px; }
.userPopWrap ul li span { font-family:"DevGothicExtraBold"; font-size:12px; color:#2798f8; }
.userPopWrap ul li a { font-family:"DevGothicExtraBold"; font-size:12px; }
.tabWrap ul li a { font-family:"DevGothicBold"; font-size:13px; color:#666666; }
.tabWrap ul li.on a { font-family:"DevGothicExtraBold"; color:#00bdfb; }
.conditionWrap th { font-family:"DevGothicExtraBold"; color:#333333; }
.tbSearchArea strong { font-family:"DevGothicExtraBold"; font-size:16px; color:#333333; }
.tbSearchArea span.total { font-family:"DevGothic"; font-size:11px; color:#2798f8; font-weight:bold; letter-spacing:0; }
th { font-family:"DevGothicBold"; }
.pageNumberWrap ol li a { font-family:"DevGothicExtraBold"; }
.pageNumberWrap ol li a span { font-family:"DevGothicExtraBold"; color:#4a8fdc; }
.loadingLy { font-family:"DevGothicExtraBold"; font-size:12px; letter-spacing:0; }
.basicBtn span { font-family:"DevGothicExtraBold"; font-size:12px; color:#454545; }
.blueBtn span { font-family:"DevGothicExtraBold"; font-size:12px; color:#ffffff; }
.greenBtn span { font-family:"DevGothicExtraBold"; font-size:12px; color:#ffffff; }
.whiteBtn span { font-family:"DevGothicExtraBold"; font-size:12px; color:#2798f8; }
.disableBtn span { font-family:"DevGothicExtraBold"; font-size:12px; color:#a0a0a0; }
.depthTabBtn span { font-family:"DevGothicExtraBold"; font-size:12px; color:#454545; }
.depthTabBtnOn span { font-family:"DevGothicExtraBold"; font-size:12px; color:#ffffff; }
.tbBlueBtn { font-family:"DevGothicBold"; font-size:12px; color:#ffffff; letter-spacing:0; }
.tbGreenBtn { font-family:"DevGothicBold"; font-size:12px; color:#ffffff; letter-spacing:0; }
.tbOrangeBtn { font-family:"DevGothicBold"; font-size:12px; color:#ffffff; letter-spacing:0; }
.tbGrayBtn { font-family:"DevGothicBold"; font-size:12px; color:#ffffff; letter-spacing:0; }
.readonly { font-family:"DevGothicBold"; }
.indexIconWrap > div a strong { font-family:"DevGothicBold"; font-size:18px; color:#333333; font-weight:normal; }
.location li { font-family:"DevGothicBold"; font-size:11px; letter-spacing:1px; }
.location li > a { font-family:"DevGothicBold"; font-size:11px; letter-spacing:1px; }
.location span { font-family:"DevGothicBold"; font-size:15px; letter-spacing:1px; }
.partitionWrap .readonly { font-family:"DevGothic"; }
.pageIconWrap > li > strong { font-family:"DevGothicExtraBold"; font-size:14px; color:#ffffff; }