@font-face {font-family:'SUIT';font-weight:100;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.woff2') format('woff2')}
@font-face {font-family:'SUIT';font-weight:200;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.woff2') format('woff2')}
@font-face {font-family:'SUIT';font-weight:300;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.woff2') format('woff2')}
@font-face {font-family:'SUIT';font-weight:400;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.woff2') format('woff2')}
@font-face {font-family:'SUIT';font-weight:500;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.woff2') format('woff2')}
@font-face {font-family:'SUIT';font-weight:600;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.woff2') format('woff2')}
@font-face {font-family:'SUIT';font-weight:700;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.woff2') format('woff2')}
@font-face {font-family:'SUIT';font-weight:800;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.woff2') format('woff2')}
@font-face {font-family:'SUIT';font-weight:900;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.woff2') format('woff2')}

/* Dufault - Reset */
html {overflow-x:hidden;overflow-y:scroll;height:100%;}
body{font-family:'SUIT', Dotum,Arial,Helvetica,sans-serif;line-height:1.8; color:#666;font-size:13px}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; outline:0; border:0;}:focus{outline:0;}
label, input, button, select, img {vertical-align:middle;}

ol, ul, li {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a {text-decoration:none; color:#555;}

.tl { text-align:left } 
.tr { text-align:right } 
.tc { text-align:center } 

.boardform       { width:100%; margin:0px 0px 20px 0px; border-top:1px solid #ccc;  }
.boardform tr th { height:50px; padding-left:10px; border-bottom:1px solid #dedede; background:#f9f9f9; text-align:left; font-weight:normal; letter-spacing:0px; }
.boardform tr td { height:50px; padding-left:10px; border-bottom:1px solid #ededed; background:#ffffff; text-align:left; font-weight:normal; letter-spacing:0px; }
.boardform tr td input  { height:30px; padding:0px 10px; }
.boardform tr td select { height:30px; padding:0px 10px; }
.boardform tr td textarea { padding:10px; margin-top:8px; }
.boardformbtn  { text-align:center; }

.boardlist                  { clear:both;width:100%;border-collapse:collapse;border-spacing:0; margin:0px 0px 20px 0px; border-top:1px solid #ccc;  }
.boardlist tr.bg0           { background:#ffffff; }
.boardlist tr.bg1           { background:#f9f9f9; }
.boardlist tr th	        { height:50px; border-left:1px solid #dedede; border-bottom:1px solid #dedede; text-align:center; background:url('http://nexgard.egreef.kr/intranet/img/th_bg.png'); }
.boardlist tr th:first-child{ border-left:0px; }
.boardlist tr td            { height:50px; border-left:1px solid #ececec; border-bottom:1px solid #ececec; text-align:center; }
.boardlist tr td:first-child{ border-left:0px; }
.boardlist_btns { margin-bottom:30px; }
.boardlist_btns .left { float:left; }
.boardlist_btns .right { }

.tabmenu        { border-collapse:collapse; border-spacing:0; width:100%; margin:0 auto 20px; border-bottom:1px solid #fea541; } 
.tabmenu td     { text-align:center; } 
.tabmenu td.of  { color:#111111; height:50px; line-height:50px; font-size:18px; background:#f8f8f8; text-align:center; border:1px solid #e3e3e3; border-bottom: 1px solid #fea541; cursor:pointer; } 
.tabmenu td.on  { color:#ffffff; height:50px; line-height:50px; font-size:18px; background:#fea541; text-align:center; border-left: 1px solid #fea541; border-right: 1px solid #fea541; border-top: 1px solid #fea541 }

.latest                       { clear:both;width:100%;border-collapse:collapse;border-spacing:0; }
.latest tr td                 { height:30px; }
.latest tr td.subject a       { text-align:left; color:#666; }
.latest tr td.subject a:hover { text-align:left; color:#111; }
.latest tr td.date            { text-align:right; }

[class*='btn-'] {
	border-radius: 5px;
	display: inline-block;
	text-align:center;
}

[class*='btn-']:hover {
	cursor: pointer;
}

#btn-sub {
	height:46px;
	cursor:pointer;
	vertical-align:top;
	border:0px;
	padding: 10px 20px 10px 20px;
}

#btn-search-sub {
	height:46px;
	cursor:pointer;
	vertical-align:top;
	border:0px;
	padding: 10px 20px 10px 20px;
}

#btn-all-sub {
	height:46px;
	cursor:pointer;
	vertical-align:top;
	border:0px;
	padding: 10px 20px 10px 20px;
}

#btn-use-sub {
	height:46px;
	cursor:pointer;
	vertical-align:top;
	border:0px;
	padding: 10px 20px 10px 20px;
}

#btn-state-sub {
	height:46px;
	cursor:pointer;
	vertical-align:top;
	border:0px;
	padding: 10px 20px 10px 20px;
}

.btn-red {
	color: #fff;
	background-color: #ee5143;
}

.btn-red:hover {
	color: #fff;
	background-color: #d93425;	
}

.btn-blue {
	color: #fff;
	background-color: #608abe;
}

.btn-blue:hover {
	color: #fff;
	background-color: #5179a9;	
}

.btn-white {
	color: #333;
	background-color: #ffffff;
	border: 1px solid #c3c3c3;	
}

.btn-white:hover {
	color: #333;
	background-color: #f9f9f9;	
}

.btn-black {
	color: #fff;
	background-color: #2e2e2e;
	border: 0px solid #222222;	
}

.btn-black:hover {
	color: #fff;
	background-color: #000000;	
}

.btn-gray {
	color: #111;
	background-color: #cccccc;
	border: 0px solid #222222;	
}

.btn-gray:hover {
	color: #111;
	background-color: #999;	
}

.small { 
	font-size: 14px;
	padding: 3px 5px 4px 5px;
}

.medium { 
	font-size: 18px;
	padding: 6px 20px 8px 20px;
}

.boardpage {padding:3px; margin:3px; text-align: center; clear:both; }
.boardpage a {padding:5px 8px 4px 8px; margin: 2px; border: #ccc 1px solid; color: #999; text-decoration: none}
.boardpage a:hover {border:#999 1px solid; color: #666;}
.boardpage a:active {border:#999 1px solid; color: #666;}
.boardpage .current {border: #117bff 1px solid; padding:5px 8px 4px 8px; font-weight: bold; margin: 2px; color: #036cb4;}
.boardpage .disabled {border: #eee 1px solid; padding:5px 8px 4px 8px; margin: 2px; color: #ddd;}


#header { 
	height: 100px;
	background: #222; 
}
#header .logo{ 
	float:left;
	width:250px;
	height:100px;
	background: rgba(0,0,0,0.2); 
	text-align:center;
	line-height:90px;
}
#header .util {
	right:0;
	position: absolute;
}
#header .util li { 
	float:left;
	text-align:center ;
	width:100px; 
	height:100px; 
	line-height:100px;
}
#header .util li a { 
	color:#fff; 
	display: block; 
	background-repeat: no-repeat;
}
#header .util li a.on, #header .util li a:hover { 
	color:#fff; 
	background: #1b1d23;
	background-repeat: no-repeat; 
}


#container { clear:both; }
#lnb {
	position:absolute;
	width:250px;
	height: 100%;
	top:100px;
	left:0px;
	background: #24262d;
}

#lnb li { 
	text-align:center ;
	width:250px; 
	height:70px; 
	border-bottom:1px solid #1b1d23;
	line-height:70px;
	}

#lnb li a { 
	color:#fff; 
	display: block; 
	/*background: url("/intranet/img/right_m_search_of.png");*/
	background-repeat: no-repeat;
	}
#lnb li a.on, #lnb li a:hover { 
	color:#fff; 
	background: #1b1d23;
	background-repeat: no-repeat; 
}

#content:after{content:""; float:none; display:block; clear:both;}

#content {
    height: 100%;
	background: #f6f6f6;
	padding: 30px;
	margin: 0 0 0 250px;
}
#content .title {
	font-size:24px;
	padding-bottom:10px;
}
#content .position {
	font-size:12px;
	padding-bottom:30px;
}
#content .content {
	background:#fff;
	padding:15px;
}
#content .content h1 {
	font-size:16px;
	color:#666;
	margin-bottom:10px;
}
#content .content h1 span {
	color:#1f85c7;
}
#footer { }

/*
.boardlist    { width:100%; margin-bottom:20px; }
.boardlist td { font-size:14px; color:#111; padding:12px 10px; text-align:center; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } 
.boardlist td.subject { font-size:14px; color:#111; text-align:left; } 
.boardlist td.subject span { font-size:11px; color:#ff6600; font-family:tahoma; font-weight:normal; } 

.boardform    { width:100%; margin-bottom:20px; border-top:1px solid #e6e6e6; }
.boardform th { font-size:14px; color:#666; padding:10px 20px; background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; text-align:left; }
.boardform td { font-size:14px; color:#666; padding:10px 10px; background-color:#ffffff; border-bottom:1px solid #e6e6e6; text-align:left; line-height:150%; }
.boardform input   {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em;padding:0px 5px;}
.boardform select.input   {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em;padding:4px 5px;}
.boardform file.input     {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em;padding:4px 5px;}

*/

.boardview_head    { width:100%; margin-bottom:20px; border-bottom:1px solid #ececec; }
.boardview_head th { font-size:20px; color:#111; padding-bottom:10px; text-align:left; }
.boardview_head td span.name  { font-size:11px; color:#555; }
.boardview_head td span.line  { font-size: 9px; color:#ccc; padding:0px 5px; }
.boardview_head td span.date  { font-size: 9px; color:#555; font-family:tahoma}
.boardview_head td span.right  { font-size: 9px; color:#555; font-family:tahoma; text-align:right; }

.boardview_text    { width:100%; margin-bottom:20px; border-bottom:1px solid #ececec; }
.boardview_text td { font-size:14px; line-height:200%; }

.boardbutton { width:100%; margin-bottom:20px; vertical-align:top; text-align:center; }
.boardbutton div.tl { text-align:left; float:left; }
.boardbutton div.tr { text-align:right; }
.boardsearch { margin-bottom:20px; background:#f9f9f9; padding:10px; vertical-align:top; }
.boardsearch form   { vertical-align:top; text-align:center; }
.boardsearch input.btn    { width: 120px; height:24px; }
.boardsearch select{height:24px; border:1px solid #cccccc; vertical-align:middle; margin-right:-1px; font-size:12px;}
.boardsearch input.text{width:200px; height:20px; padding-left:8px; background:#fff; border:1px solid #ccc; vertical-align:middle; line-height:22px; margin-right:-1px;}
#fboardlist .boardlist th, #fboardlist .boardlist td{background:none; background-color:#fff; padding:0px 5px;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/*에디터단축키 가림*/
.cke_sc{display:none;}

.btn_frmline{display:inline-block; padding:8px 7px; border:0; background:#000; color:#fff !important; letter-spacing:-0.1em; text-decoration:none; vertical-align:middle; cursor:pointer;}
.readonly{background-color:#e1e1e1; border:1px solid #e1e1e1;;}
.search_date{cursor:pointer;}
textarea{resize:none;}
.readonly{background-color:#e1e1e1;}
a.current{color:#036cb4; font-weight:bold;}
.pop_btn{color:#036cb4;}
.serial_txt{text-align:left;padding-left:20px;}
.excel_btn{display:inline-block; font-size:13px; padding:9px 9px 10px 9px; border:0; border:1px solid #000; background:#222; color:#fff; cursor:pointer; vertical-align:top;}

#all_ns_serial_text{height:120px; overflow-y:scroll;}
.work_input{width:400px;}
.init_btn{color:#fff !important; display:inline-block; background-color:#000; padding:2px 8px; font-size:12px; cursor:pointer;}


/*등록레이어*/
.modal_wrap {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index: 9999;} 
.modal_wrap .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);} 
.modal_wrap .modal_wrap_content {display:none;} 

.modal_wrap_content {width:600px;display:none; position: absolute; top: 50%; left: 50%; height:auto; z-index: 9999;}
.modal_wrap_content.modal_wrap_content_big {width:1000px;}

.modal_wrap_content .head {color:#fff;height:60px;}
.modal_wrap_content .head.h_modify{background-color:#2e2e2e;}
.modal_wrap_content .head.h_insert{background-color:#608abe;}

.modal_wrap_content .head1 {background:#2e2e2e;}
.modal_wrap_content .head2 {background:#608abe;}
.modal_wrap_content .head3 {background:#ee5143;}

.modal_wrap_content .head .title {padding-left: 20px;line-height:60px;float:left; font-weight:normal;}
.modal_wrap_content .head .close {padding-right:20px;line-height:60px;float:right;}
.modal_wrap_content .content {background:#fff;padding:50px;}
/*등록레이어*/

/*메모레이어*/
.modal_memo {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index: 9999;} 
.modal_memo .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);} 
.modal_memo .modal_wrap_content {display:none;} 
.modal_memo_content {width:600px;display:none; position: absolute; top: 50%; left: 50%; height:auto; z-index: 9999;}
.modal_memo_content .head {color:#fff;height:60px;}

.modal_memo_content .head1 {background:#2e2e2e;}
.modal_memo_content .head2 {background:#608abe;}
.modal_memo_content .head3 {background:#ee5143;}

.modal_memo_content .head .title {padding-left: 20px;line-height:60px;float:left; font-weight:normal;}
.modal_memo_content .head .close {padding-right:20px;line-height:60px;float:right;}
.modal_memo_content .content {background:#fff;padding:50px;}
.info_memo_full{display:none;}
/*메모레이어*/


.ui-datepicker-trigger{cursor:pointer;}

.add_table{margin-top:10px;}
input[type="file"]{height: 26px; border: 1px solid #e4eaec; background: #f7f7f7; color: #000; vertical-align: middle; line-height: 2em; padding: 0px 5px;}
.addb{cursor:pointer; color:#fff; background-color:#000; padding:4px;}
.file_con{margin:4px 0px;}
.file_con img{width:100px; margin-left:10px;}
label{cursor:pointer;}
input[type="checkbox"]{cursor:pointer;}
.print_btn{cursor:pointer;}