@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

/* 기본 태그 스타일 */
html { width:100%; height:100%; }
body { margin:0px; height:100%; }
td, iframe, select, textarea { 
	color: black;
	font-size:13px;
	font-family:'Noto Sans KR', sans-serif;
	margin:0px;
}
input {
	color: black;
	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
}
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, .btn_search {
	border:0px;
	height:21px;
	width:91px;
	background: url('../images/admin/btn/bt80.gif') left top;
	cursor:pointer;
	padding-top:3px;
}
.btn_simp {
	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;
}
*/
.btn_smp {
	border:1px solid #9EB4CA;
	font-family:'Noto Sans KR', sans-serif;
	background: #F8F8F8;
	cursor:pointer;
	color:#666666;	
	font-size:11px;
	letter-spacing:-2px;
	margin:0px;
	height:17px;
	padding-top:2px;
}
.btn_simp {
	background:url("../../html/images/global/css_btn_sm_right2.gif") right no-repeat;
	font-family:'Noto Sans KR', sans-serif;
	font-size:11px;
	color:gray;
	padding:3px 7px 0px 7px;
	letter-spacing:-1px;
	border:0px;
	height:19px !important;
	margin:0px;
	cursor:pointer;
	display:inline-block;
}

.bttns_simp {
	background:url("../../html/images/global/css_btn_sm_left2.gif") no-repeat !important;
	height:19px !important;
	display:inline-block !important;
	padding:0px !important;
	margin:1px 0 1px 0 !important;
}
.bttn, .btn_save, .btn_cls, .btn_search, .btn
, .btn_list, .btn_ins, .btn_mod, .btn_del, .btn_ccl, .btn_cls, .btn_sch {
	background:url("../../html/images/global/css_btn_right3.gif") right no-repeat;
	font-family:'Noto Sans KR', sans-serif;
	font-size:12px;
	color:#333333;
	padding:2px 18px 0px 15px;
	letter-spacing:-1px;
	border:0px;
	height:21px !important;
	margin:0px;
	cursor:pointer;
	display:inline-block;
}  
.btn_simp:hover { color:#8080FF; }
.bttn:hover, .btn_save:hover, .btn_cls:hover, .btn_search:hover, .btn:hover
, .btn_list:hover, .btn_ins:hover, .btn_mod:hover, .btn_del:hover, .btn_ccl:hover, .btn_cls:hover, .btn_sch:hover {
	color:#9f941b; 
}
.bttns {
	background:url("../../html/images/global/css_btn_left3.gif") no-repeat;
	height:21px !important;
	display:inline-block !important;
	padding:0px !important;
	margin:1px 0 1px 0 !important;
}

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

.s_th01 {
	padding:8px;
	font-family:'Noto Sans KR', sans-serif;
	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%;
	*/
	width:800px;
	font-family:'Noto Sans KR', sans-serif;
	height: 27px;
	margin:5px 0 0 0;
	/*
	background: url(../images/lbg.gif) repeat-x center ;
	border:1px solid #d1d1d1;
	margin:10px 0 5px 0;
	*/
	table-layout:fixed;
}
.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:'Noto Sans KR', sans-serif;
}
.a_td01 {
	text-align:right;
	/*
	padding: 3px;
	*/
	width:600px;
	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:'Noto Sans KR', sans-serif;
	padding:4px;
	letter-spacing:-1px;
	height:18px;
	/*
	background: url("../images/admin/common/lbg2.gif") repeat-x center ;
	border:1px solid #9AC6FF;
	border:1px solid #C1DCFF;
	*/
	background: url("../images/admin/common/ltb09.gif") repeat-x left 1px; ;
	border:1px solid #B8D0FA;
	background-size:cover;
}
.l_th02 {
	text-align:center;
	color:#333333;
	font-family:'Noto Sans KR', sans-serif;
	padding:4px;
	letter-spacing:-1px;
	height:18px;
	/*
	background: url("../images/admin/common/lbg2.gif") repeat-x center ;
	border:1px solid #9AC6FF;
	border:1px solid #C1DCFF;
	*/
	background: url("../images/admin/common/ftb09.gif") repeat-x left 1px ;
	border:1px solid #d1d1d1;
}
.l_th03 {
	text-align:center;
	color:#333333;
	font-family:'Noto Sans KR', sans-serif;
	padding:4px;
	letter-spacing:-1px;
	height:18px;
	border:1px solid #d1d1d1;
	background: url("../images/admin/common/lbg_long.gif") repeat-x center;
}
.l_th04 {
	text-align:center;
	color:#333333;
	font-family:'Noto Sans KR', sans-serif;
	padding:4px;
	letter-spacing:-1px;
	height:18px;
	border:1px solid #9AC6FF;
	background-color:#C7DFFF; 
}
.l_td01 {
	border:1px solid #d1d1d1;
	padding:5px 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;
}
.n_tb01 td, .n_td01 {
	font-family:'Noto Sans KR', sans-serif;
	padding:10px;
	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/admin/common/lbg.gif") repeat-x center ;
	*/
	background: url("../images/admin/common/ftb09.gif") repeat-x left 1px ;
	border:1px solid #d1d1d1;
	font-family:'Noto Sans KR', sans-serif;
	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:'Noto Sans KR', sans-serif;
}
.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;
}
.f_th01 {
	font-weight:normal;
	font-family:'Noto Sans KR', sans-serif;
	color:#333333;
	text-align:left;
	padding:4px 10px 4px 10px;
	letter-spacing:-1px;
	border:1px solid #d1d1d1;
	width:110px;
	height:22px;
	background: #f4f4f4;
	/*
	background: url(../images/admin/common/lbg_long.gif) repeat-x center;
	*/
}
.f_td01 {
	font-family:'Noto Sans KR', sans-serif;
	padding:4px;
	border:1px solid #d1d1d1;
}

.f_td02 {
	font-family:'Noto Sans KR', sans-serif;
	border-right:1px solid #d1d1d1;
	border-collapse:collapse;
}

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

.f_td03 {
	font-family:'Noto Sans KR', sans-serif;
	padding:4px;
	border-top:1px solid #d1d1d1; 
	border-bottom:1px solid #d1d1d1; 
}

.f_th03 {
	font-weight:normal;
	font-family:'Noto Sans KR', sans-serif;
	color:#333333;
	text-align:left;
	padding:4px;
	height:22px;
	letter-spacing:-1px;
	border-top:1px solid #d1d1d1; 
	border-bottom:1px solid #d1d1d1; 
	width:120px;
	background: #f8f8f8;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}

/* 새로운 검색 (촌스러움) */
.t_tb01 {
	/*
	width: 100%;
	*/
	width:800px;
	border-collapse:collapse;
	margin-bottom:5px;
	table-layout:fixed;
}
.t_th01 {
	font-weight:normal;
	font-family:'Noto Sans KR', sans-serif;
	color:#333333;
	text-align:center;
	padding:4px 10px 4px 10px;
	letter-spacing:-1px;
	border:1px solid #d1d1d1;
	width:110px;
	height:22px;
	background: #f4f4f4;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}
.t_td01 {
	font-family:'Noto Sans KR', sans-serif;
	padding:4px;
	border:1px solid #d1d1d1;
}

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

/* etc */
.ipt01 { vertical-align:-2px; }
.mvarrow {
	cursor:pointer;
	color:blue;
}
.desc01 { background:url(../images/admin/icon/dot_blue.gif) no-repeat left -1px; font-size:11px; color:#ABABAB; padding-left:7px; margin-left:5px; letter-spacing:-1px; }
.desc01 span.good { color:#4C5BA9; }
.desc01 span.bad { color:#A94C4C; }
.desc02 { color:#ABABAB; }



/* 페이징 */
#paging img {margin-bottom:2px}
#paging .select {font-weight:bold;color:red;}
#paging .mg_select {font-weight:bold;color:red;}
#paging .first_off img {}
#paging .last_off img {}
#paging .prev_on img {margin-right:5px;}
#paging .prev_off img {;margin-right:5px;}
#paging .next_on img {margin-left:5px;}
#paging .next_off img {;margin-left:5px;}


/* 탭 스타일 */
.tabs { 
	width: 100%;
	line-height: normal;
	background-image: url("../images/admin/common/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/admin/common/tab_bg.gif") no-repeat left top;
	margin: 0;
	margin-left: 0;
	margin-right: 2px;
	padding: 0 0 0 20px;
	line-height: 23px;
}
.tabs li.current {
	background: url("../images/admin/common/tab_sel_bg.gif") no-repeat left top;
	margin-right: 2px;
}
.tabs span {
	float: left;
	display: block;
	background: url("../images/admin/common/tab_end.gif") no-repeat right top;
	padding: 0 20px 0 0;
}
.tabs .current span {
	background: url("../images/admin/common/tab_sel_end.gif") no-repeat right top;
}
.tabs a {
	text-decoration: none;
	font-family:'Noto Sans KR', sans-serif;
	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/admin/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:0 auto; table-layout:auto !important; }
.page_box td		{ padding:0px; border-width:0px; font-family:verdana; color:#999999; font-size:11px; }
.page_first_btn		{ margin-right:0px; background:url(../images/admin/btn/btn_first.gif) no-repeat center center; width:19px; height:14px; }
.page_last_btn		{ margin-left:0px; background:url(../images/admin/btn/btn_last.gif) no-repeat center center; width:19px; height:14px; }
.page_prev_btn		{ margin-right:10px; background:url(../images/admin/btn/btn_prev.gif) no-repeat center center; width:15px; height:14px; }
.page_next_btn		{ margin-left:10px; background:url(../images/admin/btn/btn_next.gif) no-repeat center center; width:15px; height:14px; }
.page_seperator		{ width:8px; height:15px; background: url(../images/admin/btn/page_bar.gif) center center no-repeat; }
.page_number_btn	{ color:#6e6e6e; padding:0 3px 0 3px; }
.page_number_btn_on	{ color:#1a5eab; font-weight:bold; padding:0 3px 0 3px; }

/* UTIL */
.autoround5 {
	border:1px solid #d0d0d0;
	padding:10px; 
	position:relative;
}
.autoround3 {
	border:1px solid #d0d0d0;
	padding:10px; 
	position:relative;
}

/* 기타 */
.mt3 { margin-top:3px; }
.mt5 { margin-top:5px; }

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






/* 디자인,코딩 변경 2013-10-01 김환진 */
hr, legend, .hidden {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td {margin:0; padding:0;}
abbr,acronym,img,fieldset{border:0 none;}
ol,ul,li {list-style:none;}
.body{background:#ecf0f1; height:100%; font-size:100%; color:#898989;}
#wrap {width:100%; line-height:150%; font-family:'Noto Sans KR', sans-serif;}
#header {width:980px; margin:0 auto; letter-spacing:-0.75px; padding-top:167px}
#header h1 {margin-top:11px;}

#container {width:100%; height:350px; background:#005323; margin-top:17px; font-size:0.75em;}
#container .container_inner {width:920px; height:290px; padding:30px; margin:0 auto; background:url(/sysop/html/images/admin/main/visual.jpg) 0 0 #b72842 no-repeat; overflow:hidden;}
#container .container_inner .text_area {width:490px; float:right; color:#fff;}
#container .container_inner .text_area ul {border-bottom:1px solid #be3e55; height:60px; overflow:hidden}
#container .container_inner .text_area ul li {background:url(/sysop/html/images/admin/main/dot.gif) 0 50% no-repeat; padding-left:10px;}
#container .container_inner .text_area ul li a {color:#fff}
#container .container_inner .text_area ul li a:hover {text-decoration:underline}
#container .container_inner .text_area  p {margin-top:23px;}
#container .container_inner .login_area {width:490px; float:right; color:#fff; margin-top:20px;}
#container .container_inner .login_area h2 {margin-bottom:20px;}
#container .container_inner .login_area .login_left {float:left; margin-right:10px;}
#container .container_inner .login_area .login_left p {margin-bottom:8px;}
#container .container_inner .login_area .login_right {float:left;}

#footer {width:980px; margin:10px auto 0 auto; overflow:hidden; font-size:0.7em; position:relative}
#footer .f_left {float:left;}
#footer .f_right a {float:right; font-weight:bold; color:#252525;}
.my_ip {position:absolute; top:0; right:0; font-size:12px}
.my_ip em {color:#ff4e1f; font-style:normal; font-weight:bold}

.selBg {background:#e1e6f1}

.highlightTxt {padding-left:10px; color:red; font-weight:bold; animation:blink-effect 1s step-end infinite}
@keyframes blink-effect {
	50% {opacity:0}
}