@charset "utf-8";

/* 기본 태그 스타일 */
body { margin:0px; }
td, iframe, select, p, textarea { 
	color: black;
	font-size:12px;
	font-family:Dotum, Gulim, arial;
	margin:0px;
}
input {
	color: black;
	font-size:12px;
	font-family:Dotum, Gulim, arial;
}
select , textarea { 
	padding:1px;
}
img { 
	border:0px;
}
p, ul, form {
	margin:0px;
}
a {
	color:#008ED2;
	text-decoration: none;
}
a:hover {
	color:#000000;
	text-decoration: none;
}
a:active {
	color:#000000;
	text-decoration: none;
}
fieldset {
	padding:10px;
}
legend {
	font-size:12px;
	margin-bottom:5px;
}
caption {
}

/* 버튼 스타일 */
.btn, .bttn, .btn_save, .btn_cls {
	border:0px;
	height:21px;
	width:91px;
	background: url('../images/bt80.gif') left top;
	cursor:pointer;
	padding-top:3px;
}

.bttn2 {
	border:0px;
	height:21px;
	width:51px;

	cursor:pointer;
	padding-top:3px;
}

.btn_simp, .btn_search {
	border:1px solid #9EB4CA;
	font-family:dotum, arial;
	background: #F8F8F8;
	cursor:pointer;
	color:#666666;	
	font-size:11px;
	letter-spacing:-2px;
	margin:0px;
	height:17px;
	padding-top:2px;
}

/* 검색박스 스타일 */
.s_tb01 {
	border:2px solid #dfdfdf;
	width:100%;
	height: 50px;
}

.s_th01 {
	padding:8px;
	font-family:tahoma;
	background-color:#f7f7f7;
	font-weight:bold;
	color:gray;
	width:60px;
	text-align:center;
	border-top:1px solid silver;
	border-left:1px solid silver;
	border-bottom:1px solid silver;
	text-transform:uppercase;
}

.s_td01 {
	border-top:1px solid silver;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	padding:4px;
}

/* 액션박스 스타일 */
.a_tb01 {
	width: 100%;
	font-family:dotum, arial;
	height: 27px;
	margin:5px 0 0 0;
	/*
	background: url(../images/lbg.gif) repeat-x center ;
	border:1px solid #d1d1d1;
	margin:10px 0 5px 0;
	*/
}
.a_th01 {
	padding: 3px;
	/*
	padding-left:10px;
	*/
	padding-left:0px;
	color:#333333;
	font-weight:bold;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	font-family:arial, dotum;
}
.a_td01 {
	text-align:right;
	/*
	padding: 3px;
	*/
	padding: 3px 0px 3px 3px;
	font-weight:bold;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

/* 목록 테이블 스타일 */
.l_tb01 {
	border-collapse:collapse;
	width:100%;
	margin-bottom:1px;
	margin-top:2px;
}
.l_tb01 thead {
}
.l_th01 {
	text-align:center;
	color:#333333;
	font-family:dotum, arial;
	padding:4px;
	letter-spacing:-1px;
	height:18px;
	background: url(../images/lbg2.gif) repeat-x left center ;
	border:1px solid #9AC6FF;
	white-space:nowrap;
}
.l_th02 {
	text-align:center;
	color:#333333;
	font-family:dotum, arial;
	padding:4px;
	letter-spacing:-1px;
	height:18px;
	border:1px solid #9AC6FF;
	background-color:#C7DFFF; 
	white-space:nowrap;
}
.l_th03 {
	text-align:center;
	color:#333333;
	font-family:dotum, arial;
	padding:4px;
	letter-spacing:-1px;
	height:18px;
	border:1px solid #d1d1d1;
	background: url(../images/lbg_long.gif) repeat-x center;
	white-space:nowrap;
}
.l_td01 {
	border:1px solid #d1d1d1;
	padding:4px;
	height:18px;
}
.l_tr_even {
	background-color:white;
}
.l_tr_odd {
	background-color:#fbfbfb;
}
.l_tr_notice {
	background-color:#f7f7f7;
}
.l_sort01 {
	cursor:pointer;
	margin:0px;
	padding:0px;
}

/* 자료 없음 테이블 */
.n_tb01 {
	width:100%;
	border-collapse:collapse;
	margin-top:0px;
}
.n_tb01 td, .n_td01 {
	font-family:dotum, arial;
	padding:7px;
	color:#666666;
	text-align:center;
	border:1px solid #d1d1d1;
}

/* 페이지 네비게이션 박스 스타일 */
.p_tb01 {
	margin-top:5px;
	border-collapse:collapse;
	width:100%;
}
.p_td01 {
	text-align:center;
	padding-bottom:5px;
}

/* 타이틀, 입력,수정 테이블 스타일 */
.c_tb01 {
	width: 100%;
	background: url(../images/lbg.gif) repeat-x left center ;
	border:1px solid #d1d1d1;
	font-family:dotum, arial;
	height: 27px;
	margin-bottom:3px;
}
.c_th01 {
	padding: 3px;
	padding-left:10px;
	color:#666666;
	font-weight:bold;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	font-family:arial, dotum;
}
.c_td01 {
	text-align:right;
	padding: 3px;
	font-weight:bold;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.f_tb01 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
	table-layout:fixed !important;
}
.f_th01 {
	font-weight:normal;
	font-family:Gulim, arial;
	color:#333333;
	text-align:left;
	padding:4px;
	padding-left:10px;
	letter-spacing:-1px;
	border:1px solid #d1d1d1;
	width:80px !important;
	height:22px;
	background: #f4f4f4;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}
.f_td01 {
	/* 원래없는 부분 -------------------------------------- */
	
	/*   
	
	visibility:visible;
	border-collapse:collapse;
	
	color:#333333;
	text-align:left;
	padding-left:10px;
	letter-spacing:-1px;
	width:80px !important;
	height:22px;
	background: #f4f4f4;
	font-weight:normal;
	*/

	/* -------------------------------------- */
	font-family:dotum, arial;
	padding:4px; /* 4 */
	border:1px solid #d1d1d1;
}

.f_td02 {
	font-family:dotum, arial;
	border-right:1px solid #d1d1d1;
	border-collapse:collapse;
}

.f_th02 {
	font-weight:normal;
	font-family:Gulim, arial;
	color:#333333;
	text-align:left;
	padding-left:4px;
	letter-spacing:-1px;
	border-left:1px solid #d1d1d1; 
	border-right:1px solid #d1d1d1; 
	width:80px;
	height:22px;
	background: #f8f8f8;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}

/* 가이드테이블 */
.g_tb01 {
	border-collapse:collapse;
	width:100%;
	margin-bottom:1px;
	margin-top:2px;
}
.g_td01 {
	border:1px solid #d1d1d1;
	padding:10px;
}


/* 새로운 검색 (촌스러움) */
.t_tb01 {
	width: 100%;
	border-collapse:collapse;
	margin-bottom:5px;
	table-layout:fixed;
}
.t_tb02 {
	width: 800px;
	border-collapse:collapse;
	margin-bottom:5px;
	table-layout:fixed;
}
.t_th01 {
	font-weight:normal;
	font-family:Gulim, arial;
	color:#333333;
	text-align:center;
	padding:4px;
	letter-spacing:-1px;
	border:1px solid #d1d1d1;
	width:80px;
	height:22px;
	background: #f4f4f4;
	white-space:nowrap;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}
.t_td01 {
	font-family:dotum, arial;
	padding:4px;
	border:1px solid #d1d1d1;
	white-space:nowrap;
}

/* 하단 버튼 테이블 스타일 */
.b_tb01 {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.b_th01 {
}
.b_td01 {
	text-align:right;
}

/* 탭 스타일 */
.tabs { 
	width: 100%;
	line-height: normal;
	/*
	background-image: url("../images/tabs_bg.gif");
	*/
	margin:0px;
}
.tabs ul {
	margin: 0px;
	padding: 0 2px 1px 0px;
	text-align:right;
	list-style:none;
	float: left;
}
.tabs li {
	float: left;
	background: url("../images/tab_bg.gif") no-repeat left top;
	margin: 0;
	margin-left: 0;
	margin-right: 2px;
	padding: 0 0 0 16px;
	line-height: 23px;
}
.tabs li.current {
	background: url("../images/tab_sel_bg.gif") no-repeat left top;
	margin-right: 2px;
}
.tabs span {
	float: left;
	display: block;
	background: url("../images/tab_end.gif") no-repeat right top;
	padding: 0 20px 0 0;
}
.tabs .current span {
	background: url("../images/tab_sel_end.gif") no-repeat right top;
}
.tabs a {
	text-decoration: none;
	font-family: tahoma, arial;
	font-size: 12px;
}
.tabs a:link, .tabs a:visited, .tabs a:hover {
	color: black;
}
.tabs a:hover {}
.tabs .current {}
.tabs .current a, .tabs .current a:link, .tabs .current a:visited {}
/* 임의 탭 스타일 */
.tab01 {
	width:100%;
	margin-bottom:10px;
	background:url(../images/line_bg.gif) repeat-x bottom;
	vertical-align:bottom;
}


/* body 타이틀 블릿 영역 */
.blt { 
	float:left;
	background:#000000;
	width:5px;
	height:14px;
	border:1px solid gray;
	font-weight:normal;
	margin:1px 8px 0px 0px;
}

/* 페이징 */
.page_box { margin-top:5px; }
.page_box div.page_number_btn:hover {color:#ffffff; background:#c9c9c9;}
.page_first_btn { margin-right:5px; background:url(../images/btn/btn_first.gif) no-repeat center center; width:15px; height:15px; }
.page_last_btn { margin-left:5px; background:url(../images/btn/btn_last.gif) no-repeat center center; width:15px; height:15px; }
.page_prev_btn { margin-right:10px; background:url(../images/btn/btn_prev.gif) no-repeat center center; width:15px; height:15px; }
.page_next_btn { margin-left:10px; background:url(../images/btn/btn_next.gif) no-repeat center center; width:15px; height:15px; }
.page_seperator {  width:2px; height:15px; }
.page_number_btn { text-align:center; font-size:12px; font-family:dotum; color:#999999; padding:4px 6px 0 6px; height:15px; border:1px solid #d1d1d1; }
.page_number_btn_on { text-align:center; font-size:12px; font-family:dotum; color:#ffffff; font-weight:bold; padding:4px 6px 0 6px; height:15px; border:1px solid #2F8BC0; background:#75AFFF; }

/* etc */
/* 그리드 이동용 상/하 화살표 */
.mvarrow {
	cursor:pointer;
	color:blue;
}

.mt3 { margin-top:3px; }
.mt5 { margin-top:5px; }
.ipt01 { vertical-align:-2px; }


.desc { font-family:dotum; font-size:11px; letter-spacing:-1px; color:gray; }


/* new login*/
.blind{display:none; }
legend{display:none;}
body#login{margin:0; padding:0; background:#2785cd url(../images/Admin/bg_loginBody.gif) repeat-x 0 0; }
#loginWrap{width:740px; margin:0 auto; padding:210px 0 63px 0;}
#loginWrap .logo{margin:0;padding:0;}
#loginWrap div{background:url(../images/Admin/bg_login.gif) no-repeat 0 0; height:195px; padding:65px 0 0 400px; }
#loginWrap div .tit{padding:0 0 20px 0; margin:0; font-size:0; line-height:0;}
#loginWrap div .loginbox{border:0 none; padding:0 !important; margin:0; font-size:0; line-height:0;}
#loginWrap div .loginbox .input_area{float:left; display:inline-block; width:260px; }
#loginWrap div .loginbox .input_area .inp_id{background:#e8e8e8 url(../images/Admin/bg_id.gif) no-repeat 6px 6px; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-right:0; border-bottom:0; width:245px; height:16px; padding:2px 0 0 7px; margin:0 0 3px;}
#loginWrap div .loginbox .input_area .inp_id2{background:#e8e8e8 url("") no-repeat 6px 6px; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-right:0; border-bottom:0; width:245px; height:16px; padding:2px 0 0 7px; margin:0 0 3px;}
#loginWrap div .loginbox .input_area .inp_pw{background:#e8e8e8 url(../images/Admin/bg_pwd.gif) no-repeat 6px 6px; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-right:0; border-bottom:0;  width:245px; height:16px;  padding:2px 0 0 7px;}
#loginWrap div .loginbox .input_area .inp_pw2{background:#e8e8e8 url("") no-repeat 6px 6px; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-right:0; border-bottom:0;  width:245px; height:16px;  padding:2px 0 0 7px;}
#loginWrap div .loginbox .btn_login{float:left; display:inline-block; width:67px; }
#loginWrap div .help{clear:both; font-size:11px; color:#999; padding:10px 0 0 0}
#loginWrap div .help img{vertical-align:middle; }
#loginWrap div .help .bar{display:inline-block; width:14px; background:url(../images/Admin/bar.gif) no-repeat 50% 0; height:8px; vertical-align:middle;}
#loginWrap div .join{width:326px; padding:5px 0 0 0 }
#loginWrap div .join .txt{float:left; margin:6px 0 0 0;}
#loginWrap div .join .btn_join{float:right;}
.footer{width:446px; margin:0 auto;}


.c1 { color:#2763B4; }
.c2 { color:#FF80FF; }
.c3 { color:#00C632; }
.c4 { color:red; }

.imeKr { ime-mode:active; }
.imeEn { ime-mode:inactive; }

/* 기타 */
div.blind{background: url(/html/images/opa_bg.png) repeat 0 0;width:100%;height:100%;position:fixed;left:0;top:0;z-index:50}
