@charset "utf-8";

/* Common 					**********************************************************************************************/
html, body{ margin:0; padding:0 }
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{ margin:0; padding:0 }
body, div, fieldset, a, form, textarea, input, label{ font-family: 'Malgun Gothic', '맑은 고딕', Tahoma, 'Dotum', '돋움', AppleGothic, sans-serif; color:#666; }
textarea, input{ color:#333 !important }
legend{ color:#333; font-weight:bold; }
div{ overflow:hidden; }
img, fieldset, table{ border:0 }
ul, li, ol, dl, dt, dd{ list-style: none; }
em, address{ font-style:normal }
a{ text-decoration:none }
a:hover, a:active, a:focus{ text-decoration:none }
input{ position:relative; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent }
input.multi{ float:none !important }

.row{ display:table-row; width:100% }
.cell{ display:table-cell }

.check, .radio{ float:left; width:13px; height:13px; margin:2px 5px 2px 0; padding:0; vertical-align:middle; border:none }


/* Global Navigation Bar	**********************************************************************************************/
#gnbWrap{ float:left; position:relative; width:100%; height:50px; font-family:'Dotum', '돋움', AppleGothic, sans-serif; font-size: 11px; letter-spacing:-1px; background:url(../images/gnbBg.gif) repeat-x; }
#gnbWrap a{ font-family:'Dotum', '돋움', AppleGothic, sans-serif; color:#a0a0a0 }
#gnbWrap a:hover, a:active, a:focus{ color:#eee }

.logo{ float:left; z-index:1; width:92px; height:38px; padding:9px 0 0 20px; }

.gnbL{ position:absolute; z-index:2; left:50%; margin:11px 0 0 -340px; width:650px; height:25px; line-height:25px }
.gnbL .shortcut{ float:left; position:relative; z-index:99; width:100%; background:url(../images/shortcutBg.gif) no-repeat; }
.gnbL .shortcut li{ float:left; margin-right:-1px; }
.gnbL .shortcut li span{ display:block; margin-left:3px; }
.gnbL .shortcut li span a{ line-height:14px; text-decoration:none; display:block; padding:7px 8px }
.gnbL .shortcut li.on span a{ color:#eee !important }
.gnbL .shortcut li.fullMenuBtn{ float:right; width:83px; text-align:center; padding-right:12px; background:url(../images/fullMenuBtnBg.gif) no-repeat }
.gnbL .shortcut li.fullMenuBtn a{ color:#e68628 !important }

.gnbR{ float:right; position:relative; z-index:3; height:47px; text-align:right; line-height:47px; padding:0 20px 0 0; }
.gnbR .col{ color:#666; font-size:9px; padding:0 2px; }


/* Full Menu					**********************************************************************************************/
#fullMenu{ position:fixed; display:table; top:0; width:100%; margin:0; padding:20px 0 20px 0; background:url(../images/smBg.gif) repeat-x bottom; z-index:150; font-size:12px; visibility:hidden }
#fullMenu a:hover,a:active,a:focus{ color:#0084ff }
#fullMenu .topShadow{ position:fixed; top:0px; width:100%; height:10px; background:url(../images/smBg.gif) repeat-x }
#fullMenu .item{ width:120px; color:#333; font-weight:bold; line-height:35px; border-left:#fff solid 1px; border-right:#dededf solid 1px; padding:0 15px 10px 15px }
#fullMenu .itemFirst{ border-left:none !important }
#fullMenu .itemLast{ border-right:none !important }
#fullMenu li{ font-size:11px; font-weight:normal; line-height:18px; padding-left:8px; background:url(../images/smBullet.gif) no-repeat 1px 7px }


/* Contents						 **********************************************************************************************/
#contWrap{ position:relative; width:95%; font-size:12px; color:#666; margin:30px auto; }
#contWrap fieldset, a, textarea, input{ color:#666 }
#contWrap a:hover,a:active,a:focus{ color:#0084ff }
#contWrap input,
#contWrap textarea,
#contWrap select,
#contWrap table,
#contWrap button{ font-size:12px }

.tableCaption{ position:relative; float:left; line-height:28px; }

.tlBar{ position:relative; width:100%; height:25px; border-bottom:2px solid #afb6bf; margin-bottom:15px; }
.tlBar h1{ float:left; font-size:14px; color:#333; line-height:20px; font-weight:bold; background:url(../images/bullet_logo.png) no-repeat; padding-left:25px; height:20px; }
.tlBar ul{ float:right; font-family: 'Dotum', '돋움', AppleGothic, sans-serif; font-size:11px; padding-top:5px; }
.tlBar ul li{ float:left; }
.tlBar ul li.separator{ padding:0 5px; color:#999 !important }
.tlBar ul li a{ color:#999 !important }


/* footer 						**********************************************************************************************/
#footer{ clear:both; position:relative; margin-top:60px; padding-top:15px; border-top:#eee solid 2px; width:100%; height:35px; font-size:10px; color:#999; text-align:center }


/* Log in	 					**********************************************************************************************/
#loginWrap{ position:absolute; top:50%; left:50%; width:390px; height:320px; margin:-160px 0 0 -195px; background:url(../images/loginTl.gif) no-repeat; font-family:Tahoma, Sans-serif; font-size:11px }
#loginWrap form{ font-family:Tahoma, Sans-serif; font-size:11px }
#loginWrap .loginForm{ overflow:visible; position:relative; width:auto; height:46px; border-top:#e0e0e0 solid 1px; border-bottom:#e0e0e0 solid 1px; margin-top:137px; padding:25px 0 27px 38px }
#loginWrap .loginForm input.btnSubmit{ display:block; float:right; width:100px; height:55px; text-indent:-9999px; background:url(../images/loginBtn.gif) no-repeat 0px 0px; margin:1px 34px 0 0; border:none }
#loginWrap .loginForm input.btnSubmit:hover{ background:url(../images/loginBtn.gif) no-repeat 0px -55px }
#loginWrap .loginForm ul{ float:left; width:60px; height:19px; line-height:22px }
#loginWrap .loginForm input{ padding:0 4px; background:#f5f5f5; width:142px; height:18px }
#loginWrap .footer{ position:relative; width:auto; margin-top:20px; background:url(../images/loginLogo.gif) no-repeat right top; height:50px; line-height:89px; font-size:10px; color:#a0a0a0 }


/* Board List 					**********************************************************************************************/
.tbl_type, .tbl_type th, .tbl_type td{ border:0 }
.tbl_type{ width:100%; border-bottom:2px solid #c5cbcf;  font-size:12px; text-align:center }
.tbl_type caption{ display:none }
.tbl_type th{ height:30px; border-top:2px solid #c5cbcf; background-color:#dfe1e4; color:#565c6b;  font-weight:bold }
.tbl_type td{ height:30px; border-top:1px solid #ebebec; color:#666 }
.tbl_type tr.even{ background-color:#f8f8f8 }


/* Pagination 					**********************************************************************************************/
.pagination{ padding:20px 0; text-align:center; line-height:normal }
.pagination *{ display:inline-block; position:relative; margin:0 -2px; padding:2px 4px; font-size:11px; font-family:Tahoma, Sans-serif; color:#333; line-height:normal; text-decoration:none; vertical-align:middle }
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f8f8f8 }
.pagination strong{ color:#ff6600 }
.pagination .direction{ padding:0 6px; font-weight:bold; font-size:14px; color:#666; text-align:center }
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{ background-color:transparent !important; color:#333 }
.pagination .direction span{ overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 }


/* memberSearch 			**********************************************************************************************/
.memberSearch{ float:left; margin-bottom:20px }


/* form 							**********************************************************************************************/
.form_table{ margin:1em 0  }
.form_table table{ width:100%; border:0; border-top:2px solid #c5cbcf }
.form_table caption{ padding:8px 0; font-weight:bold; text-align:left }
.form_table th,
.form_table td{ padding:8px; border:0; vertical-align:top }
.form_table th{ color:#565c6b }
.form_table td{ color:#666 }
.form_table thead th{ border-bottom:1px solid #ccc; background:#f8f8f8 }
.form_table tbody th{ border-bottom:1px solid #ebebec; background:#fafafa; text-align:left }
.form_table tfoot th{ border-bottom:1px solid #ebebec }
.form_table tbody td{ border-bottom:1px solid #ebebec }
.form_table tfoot td{ border-bottom:1px solid #ebebec; font-weight:bold; color:#333 }
.form_table .item{ position:relative; margin:-4px 0 }
.form_table .item .i_help{ position:absolute; top:4px; right:0 }
.form_table .item .i_label{  top:6px;  left:10px }
.form_table .item .i_dsc{ margin:2px 0 }
.form_table .item .i_check,
.form_table .item .i_text{ position:relative; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent }
.form_table .item .hide{ visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 }
.form_table .item select{ margin:2px }
label{ float:left; margin:0 10px 0 0; cursor:pointer }
.formBtnPack{ margin-top:20px; width:100%; text-align:center }


/* buttons 						**********************************************************************************************/
.btn_pack,
.btn_pack *{ display:inline-block; overflow:visible; position:relative; margin:0; padding:0; border:0; background:url(../images/btn_pack.gif) no-repeat; font-size:12px; font-family:'Dotum','돋움'; color:#333; text-decoration:none !important; vertical-align:top; white-space:nowrap }
.btn_pack{ margin-right:4px }
.btn_pack *{ left:4px; cursor:pointer; _cursor:hand }
.btn_pack.medium,
.btn_pack.medium *{ height:24px; line-height:24px }
.btn_pack.large,
.btn_pack.large *{ height:30px; line-height:30px }
.btn_pack.xlarge,
.btn_pack.xlarge *{ height:36px; line-height:36px }
.btn_pack.small,
.btn_pack.small *{ height:19px; line-height:19px }
.btn_pack.medium{ background-position:left 0 }
.btn_pack.large{ background-position:left -30px }
.btn_pack.xlarge{ background-position:left -65px }
.btn_pack.small{ background-position:left -106px }
.btn_pack.medium *{ padding:0 10px 0 6px; background-position:right top; font-size:12px }
.btn_pack.large *{ padding:0 10px 0 6px; background-position:right -30px; font-size:16px }
.btn_pack.xlarge *{ padding:0 10px 0 6px; background-position:right -65px; font-size:20px }
.btn_pack.small *{ padding:0 6px 0 2px; background-position:right -106px; font-size:11px }
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{ color:#0084ff }
.btn_pack.strong *{ font-weight:bold !important }
.btn_pack.icon *{ padding-left:15px }
.btn_pack.small.icon *{ padding-left:16px }
.btn_pack.icon span{ width:20px; margin-right:-20px; padding:0 !important }
.btn_pack.medium .check{ background-position:4px -150px }
.btn_pack.large .check{ background-position:4px -146px }
.btn_pack.xlarge .check{ background-position:5px -144px }
.btn_pack.small .check{ background-position:3px -153px }
.btn_pack.medium .add{ background-position:-16px -150px }
.btn_pack.large .add{ background-position:-14px -146px }
.btn_pack.xlarge .add{ background-position:-14px -144px }
.btn_pack.small .add{ background-position:-18px -153px }
.btn_pack.medium .delete{ background-position:-34px -150px }
.btn_pack.large .delete{ background-position:-34px -146px }
.btn_pack.xlarge .delete{ background-position:-34px -144px }
.btn_pack.small .delete{ background-position:-37px -153px }
.btn_pack.medium .calendar{ background-position:-56px -150px }
.btn_pack.large .calendar{ background-position:-56px -146px }
.btn_pack.xlarge .calendar{ background-position:-56px -144px }
.btn_pack.small .calendar{ background-position:-59px -153px }
.btn_pack.medium .refresh{ background-position:-76px -150px }
.btn_pack.large .refresh{ background-position:-76px -146px }
.btn_pack.xlarge .refresh{ background-position:-76px -144px }
.btn_pack.small .refresh{ background-position:-79px -153px }
.btn_pack.medium .download{ background-position:-96px -151px }
.btn_pack.large .download{ background-position:-96px -147px }
.btn_pack.xlarge .download{ background-position:-96px -145px }
.btn_pack.small .download{ background-position:-99px -154px }



/* tab 						**********************************************************************************************/
.tab_line{ clear:both; padding-bottom:35px; padding-left:0px; padding-right:0px; padding-top:0px }
.tab_line ul{ border-bottom:#ccc 1px solid; position:relative; padding-bottom:0px; list-style-TYPE:none; margin:0px; padding-left:0px; padding-right:0px; font-size:12px; list-style-image:none; padding-top:0px }
.tab_line ul:after{ display:block; clear:both; content:"" }
.tab_line li{ margin-bottom:-1px; float:left }
.tab_line li a{ border-bottom:#ccc 1px solid; position:relative; border-left:#eee 1px solid; background:#fafafa; float:left; color:#666; border-top:#eee 1px solid; border-right:#eee 1px solid; text-decoration:none }
.tab_line li a span{ padding-bottom:6px; padding-left:15px; padding-right:15px; display:inline-block; letter-spacing:-1px; CURSOR:pointer; padding-top:6px }
.tab_line li ul{ border-bottom:0px; position:absolute; border-left:0px; padding-bottom:0px; list-style-TYPE:none; margin:0px; padding-left:0px; width:100%; padding-right:0px; display:none; white-space:nowrap; overflow:hidden; border-top:0px; top:40px; list-style-image:none; border-right:0px; padding-top:0px; left:0px }
.tab_line li ul:after{ display:block; clear:both; content:"" }
.tab_line li li{ position:relative; border-left:#ddd 1px solid; padding-bottom:0px; padding-left:10px; padding-right:10px; overflow:visible; padding-top:0px; left:-1px }
.tab_line li li A{ border-bottom:0px; border-left:0px; padding-bottom:0px; margin:0px; padding-left:0px; padding-right:0px; background:none transparent scroll repeat 0% 0%; letter-spacing:normal; color:#666 !important; border-top:0px; font-weight:normal; border-right:0px; padding-top:0px }

.m1.tab_line .m1 a,
.m2.tab_line .m2 a,
.m3.tab_line .m3 a,
.m4.tab_line .m4 a,
.m5.tab_line .m5 a,
.m6.tab_line .m6 a,
.m7.tab_line .m7 a,
.m8.tab_line .m8 a,
.m9.tab_line .m9 a,
.m10.tab_line .m10 a,
.m11.tab_line .m11 a,
.m12.tab_line .m12 a,
.m13.tab_line .m13 a,
.m14.tab_line .m14 a,
.m15.tab_line .m15 a{ border-bottom:#fff 1px solid; border-left:#ccc 1px solid; margin-top:-1px; background:none transparent scroll repeat 0% 0%; color:#333; border-top:#ccc 1px solid; border-right:#ccc 1px solid }

.m1.tab_line .m1 a span,
.m2.tab_line .m2 a span,
.m3.tab_line .m3 a span,
.m4.tab_line .m4 a span,
.m5.tab_line .m5 a span,
.m6.tab_line .m6 a span,
.m7.tab_line .m7 a span,
.m8.tab_line .m8 a span,
.m9.tab_line .m9 a span,
.m10.tab_line .m10 a span,
.m11.tab_line .m11 a span,
.m12.tab_line .m12 a span,
.m13.tab_line .m13 a span,
.m14.tab_line .m14 a span,
.m15.tab_line .m15 a span{ color:#333; font-weight:bold; padding-top:7px }

.m1.tab_line .m1 ul,
.m2.tab_line .m2 ul,
.m3.tab_line .m3 ul,
.m4.tab_line .m4 ul,
.m5.tab_line .m5 ul,
.m6.tab_line .m6 ul,
.m7.tab_line .m7 ul,
.m8.tab_line .m8 ul,
.m9.tab_line .m9 ul,
.m10.tab_line .m10 ul,
.m11.tab_line .m11 ul,
.m12.tab_line .m12 ul,
.m13.tab_line .m13 ul,
.m14.tab_line .m14 ul,
.m15.tab_line .m15 ul{ display:block }

.tab_line li li A:hover{ letter-spacing:-1px; color:#333 !important; font-weight:bold }
.tab_line li li A:active{ letter-spacing:-1px; color:#333 !important; font-weight:bold }
.tab_line li li A:focus{ letter-spacing:-1px; color:#333 !important; font-weight:bold }
.js_off.tab_line{ padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px }
.js_off.tab_line ul{ border-bottom:0px; border-left:0px; border-top:0px; border-right:0px }
.js_off.tab_line li{ float:none }
.js_off.tab_line li a{ border-bottom:#ccc 1px solid; border-left:#eee 1px solid; display:block; background:#fafafa; float:none; color:#333; border-top:#eee 1px solid; font-weight:bold; border-right:#eee 1px solid }
.js_off.tab_line li ul{ position:static; padding-bottom:5px; padding-left:0px; padding-right:0px; display:block; top:0px; padding-top:5px; left:0px }
.js_off.tab_line li li{ display:inline }
.js_off.tab_line li li a{ border-bottom:0px; border-left:0px; display:inline; background:none transparent scroll repeat 0% 0%; letter-spacing:normal; color:#333 !important; border-top:0px; font-weight:normal !important; border-right:0px }
.js_off.tab_line li li a:hover{ text-decoration:underline }
.js_off.tab_line li li a:active{ text-decoration:underline }
.js_off.tab_line li li a:focus{ text-decoration:underline }


/* Print */
div.printTl{ width:610px }
div.printTl a{ display:block; float:right; font-size:11px }
div.printTl h3{ float:left; font-size:14px }
table.print{ width:620px; color:#000; margin-top:10px }
table.print th,
table.print td{ padding:3px 5px; text-align:center; border-bottom:#ccc 1px solid; font-size:11px }
table.print td.subject{ text-align:left }
table.print th{ background:#f5f5f5 }