@charset "UTF-8";


/* 
Used Hack 
IE6 & Below 
{ property:value; _property:value; }
IE7 Only
*:first-child+html #selector
IE7 & IE6 & Below
*:first-child+html #selector,
* html #selector {}
*/

/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:9pt; }
img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url(./common/js/iePngFix.htc); } 
.zbxe_info { vertical-align:middle; behavior:url(./common/js/iePngFix.htc); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; } 

.zbxe_widget_output { background:url("/common/tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
#fororiginalimageareabg { z-index:1001; background-color:#FFFFFF; width:100%; height:100%; top:0px; left:0px; position:relative; padding:20px 10px 10px 10px; border:8px solid #DDDDDD; } 
#fororiginalimagearea { visibility:hidden; padding:0px; margin:0px; width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:1000; text-align:left; overflow:hidden; }
#fororiginalimage { z-index:1002; }
#closeOriginalImageBtn { position:absolute; right:8px; top:5px; cursor:pointer; width:50px; height:12px; z-index:1003; }
#popup_menu_area { position:absolute; left:0px; top:0px; z-index:1003; visibility:hidden; border:2px solid #D9D9D9; background-color:#FFFFFF; padding:0; }
#popup_menu_area .box { border:1px solid #CACACA; background-color:#FFFFFF; padding:7px; }
#popup_menu_area .item { color:#333333; cursor:pointer; margin:0; padding:3px 0 3px 0; white-space:nowrap; }
#popup_menu_area .item_on { color:#333333; font-weight:bold; margin:0; cursor:pointer; padding:3px 0 3px 0; letter-spacing:-1px; white-space:nowrap;}


/*
게시판이 아닌 홈페이지용 css파일
*/

/* Site Layout - Body Wrap */
body { text-align:center; margin: 0px; padding: 0px; }
#container { position: static; width:900px; background: url("") no-repeat; margin: 5px auto; padding:0px; font: 13px "Malgun Gothic", "맑은 고딕", Gulim, 돋움, Arial, sans-serif;}

/* Site Layout - Header */
#header { position:relative; top:0px; width:900px; height:90px; margin:0px; z-index:99;}

//#logo {	position: absolute;	top: 30px;	left: 30px;	width: 320px;	height: 40px;	z-index: 2;	}
#logo {	position: absolute;	top: 15px;	left: 5px;	width: 200px;	height: 40px;	z-index: 2;	}

/* account Navigation */
.Navigation { position: absolute; top: 0px; right: 10px; margin-top: 0px; height: auto; font: 0.85em tahoma, sans-serif; letter-spacing: -1px; z-index:1; float:right; }
.Navigation li { float:left; margin-left:7px; list-style:none; }
.Navigation li a { white-space:nowrap; color:#666666; text-decoration:none;}
.Navigation li.setup a { background:url("/layouts/kncc_v1/images/common/iconSetup.gif") no-repeat left top; padding-left:14px; }
.Navigation li.admin a { background:url("/layouts/kncc_v1/images/common/iconAdmin.gif") no-repeat left top; padding-left:12px; }
.Navigation li.listType { margin-left:5px; }
.Navigation li.normal a { background:url("/layouts/kncc_v1/images/line_1x10_e0e0e0.gif") no-repeat left 2px; padding-left:8px; }
.Navigation li.nobar a { background:transparent; padding-left:8px; }
.Navigation li.normal a:hover { text-decoration: underline; }
.Navigation li a:hover { text-decoration: underline; }




#menubar { position: absolute; top: 45px; right: 5px; width: 682px; }

/*added by Hongwoo - for drop down menu*/
#sddm {	margin: 0; padding: 0; z-index: 30}
#sddm li { margin: 0; padding: 0; list-style: none; float: left; letter-spacing: -1px; font: 12px "Malgun Gothic", "맑은 고딕", Gulim, 굴림, AppleGothic, 애플고딕, Arial, sans-serif; }
#sddm li a { display: block; margin: 0 1px 0 0; padding: 4px 3px 3px 3px; width: 75px; background: #F4F4F4 url(/layouts/kncc_v1/images/menu_blue.gif) repeat-x ; color: #FFFFFF; text-align: center; text-decoration: none}
#sddm li a.community { display: block; margin: 0 1px 0 0; padding: 4px 3px 3px 3px; width: 75px; background: #a69fd6 url(/layouts/kncc_v1/images/menu_purple.gif) repeat-x ; color: #FFFFFF; text-align: center; text-decoration: none}
#sddm li a:hover { background: #006699 url(/layouts/kncc_v1/images/menu_blue_hv.gif) repeat-x;}
#sddm li a.community:hover { background: #7D26CD url(/layouts/kncc_v1/images/menu_purple_hv.gif) repeat-x; }
#sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #ffffff; border: 1px solid #999999}
#sddm div a {	position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #EAEBD8; color: #2875DE; font: 11px arial}
#sddm div a:hover { background: #49A3FF; color: #FFF}


/* Site Layout - Content Body */

/* Site Layout - Column Left */
#sideBar { width: 200px; float: left; clear: right; text-align:left; z-index:1; }   

#section { width: 200px; height: 20px; text-align: right; color: #d99d6e; font-size: 15px ; }
#sectionBar { width: 70px; height: 28px; background-color: #e2f1de; float: left; padding: 0px; margin: 0px; }

#sideMenu { top: 230px;	left: 15px;	width: 200px;	min-height: 260px; margin: 0px; margin-bottom: 50px;}
ul#side_navlist { list-style-type: none; margin: 0px 0px 0px 0px; padding-left: 0px  background:url("/layouts/kncc_v1/images/side_bg.jpg") no-repeat center bottom; display:block; }
ul#side_navlist li { padding: 2px 0px 2px 0px; }
ul#side_navlist li a { font-weight: normal; text-decoration: none; color: #6d6f7d; border-left: 0px solid #6d6f7d; padding-left: 0px;}
ul#side_navlist li a:hover { color: #d99d6e; border-left: 0px solid #d99d6e; }
ul#side_navlist li a#current {	color: #999999;	border-left: 0px solid #c9c9c9;}
ul#side_navlist ul { margin-left: 1px; padding-left: 5px; }
ul#side_navlist ul a { font-size: 12px; }
ul#side_navlist ul a:hover { color: #d99d6e; }
ul#side_navlist ul li { list-style:none; padding-left: 0px;}
ul#side_navlist ul li a { font-size: 12px; border-left: 0px solid #c9c9c9;}
ul#side_navlist ul li a:hover { color: #d99d6e; border-left: 0px solid #d99d6e;}


/* Site Layout - Column Right */

#content { width: 700px; text-align:center; height: auto; float:right; overflow: hidden; }
#content h1 { font: 15px "굴림", Gulim, Lucida, sans-serif; color: #5c4525;	margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #c9c9c9; }
#content h1:before { content: url("/layouts/kncc_v1/images/rArrow.png");}
#content i { font: 10pt "굴림", Gulim, Verdana, sans-serif; color: #d99d6e; }
#content p { text-align: justify; margin:15px 10px 5px 10px; font: sans-serif; color: #444; }

#content ul { margin-top: 0px; padding-top: 3px;}
#content ul li { color: #666; padding-bottom: 6px; }

#content p.left { font-size: 9pt; margin-top:0px; }
#content ul.left { margin-top:0px; }
#content ul.left li { font-size: 9pt; list-style-image: url("/layouts/kncc_v1/images/rArrow.png"); padding: 0px 0px 3px 3px; margin-left:10px; }
#content ul.left li#downA { list-style-image: url("/layouts/kncc_v1/images/dArrow.png"); padding-bottom: 3px; }
#content p.right { font-size: 13px; margin-top:0px; }
#content ul.right { margin-top:0px; }
#content ul.right li { font-size: 9pt; list-style-image: url("/layouts/kncc_v1/images/rArrow.png");  padding: 0px 0px 3px 3px; margin-left:10px; }
#content ul.right li#downA { list-style-image: url("/layouts/kncc_v1/images/dArrow.png"); padding-bottom: 3px; }
#content ul.right ul li { font-size: 9pt; list-style-image: url("/layouts/kncc_v1/images/rArrow.png");  padding: 0px 0px 3px 3px; margin-left:-20px; }

#content ol li { font: 10pt "굴림", Gulim, sans-serif; color: #666; padding-bottom: 6px; }
#content ol ul li { list-style-image: url("/layouts/kncc_v1/images/rArrow.png"); padding-bottom: 6px; }
#content a {text-decoration: none; color: #666; }
#content a:hover {text-decoration: none; color: #c9c9c9;}

#widget .header_blue {display:block; height:21px; padding:9px 0 0 5px; color:#003F87; font-size:1em; font-weight: bold; }
#widget .line_blue {margin-bottom: 5px; margin-top: 1px; background-color:#E3F1FF; border:1px solid #C8E0F6; font-size:1px; height:1px; }
#widget .line_purple {margin-bottom: 5px; margin-top: 1px; background-color:EED2EE; border:1px solid #E066FF; font-size:1px; height:1px; }
#widget ul { margin-left: 0px; list-style-image: url(/layouts/kncc_v1/images/bulletD0.gif); list-style-position: outside; padding-left: 20px;}
#widget ul li { font-size: 1em; color: #666666; } 
#widget ul li a {font-size: 1em; color: #666666; }
#widget ul li .small{font-size: 0.85em; color: #666666;}

h3 { background:url("/layouts/kncc_v1/images/top_head_title_bg.gif") repeat-x left top; font-size:1em; border:1px solid #E3E3E2; padding:11px 9px 7px 25px; color:#555555; margin:0; }

#board p { font-size: 8pt;  line-height: 21px;}

#contentboard { width: 700px; text-align:center; height: auto; float:right; overflow: hidden; }
#board { width: 680px; text-align:left; margin: 0; height: auto;}
#mainPic { width: 700px; text-align:center; }
#mainPic p { text-align: left; font: 13pt "Gulim"; line-height: 14pt; padding-left: 10px; }

#schedule { width: 320px; height: auto; text-align: left; border:1px solid #999; 
            background-color: #f3f3cc; margin: 0px 9px 7px 0px;}
#schedule h1 { height: 13px; font: 10pt bold "굴림", Gulim, Arial, sans-serif; color: black; 
             -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-bottom: 1px solid #999; margin: 0px; background: url("/layouts/kncc_v1/images/menubar-bg.png"); padding: 2px 0px 3px 12px; }
#schedule h1.note { background: url("/layouts/kncc_v1/images/main-bg2.png");}
#schedule h1.note a { color:#fff; }
#schedule h1:before { content: ' '; }
#schedule ul { margin:10px 0px 5px 15px; padding:0px; }
#schedule ul li { margin: 0px; padding: 0px 0px 3px 0px; font: 1em "맑은 고딕", "굴림", Gulim, Arial, sans-serif; list-style: none; }
#schedule h1 a {text-decoration: none; color: #fff; }
#schedule h1 a:hover { text-decoration: none; color: #333; }
#notification { width: 320px; height: auto; text-align: left; border:1px solid #999; 
                background-color: #e2f1de; margin: 0px 20px 7px 0px; }
#notification h1 { height: 13px; font: 10pt bold "굴림", Gulim, Arial, sans-serif; color: #fff;border-bottom: 1px solid #999; margin: 0px; background: url("/layouts/kncc_v1/images/main-bg2.png"); padding: 2px 0px 3px 12px; }
#notification h1:before { content: ' '; }
#notification ul { margin: 10px 5px 5px 15px; padding: 0px; }
#notification ul li { margin 0px 0px 0px 2px; padding: 0px 0px 3px 0px; font: 9pt "굴림", Gulim, Arial, sans-serif; list-style: square; }
#notification h1 a {text-decoration: none; color: #fff; }
#notification h1 a:hover { text-decoration: none; color: #666; }

/* Site Layout - Footer */

#footer { clear: both; height: 20px; background: #fff; border-top: 1px solid #c9c9c9; font: 8pt Arial, serif; text-align: center;}
#footer p {	color: #333; margin: 0; padding-top: 3px; text-align:right;  padding-right: 2em; }  
#footer a {text-decoration: none; color: #5c4525; }
#footer li { display:inline; padding:0 .6em 0 1em; background:url("/layouts/kncc_v1/images/default/vrType1.gif") no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li notification { display:inline; }

/* Default Skin - End */








.latest_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
.latest_white h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url("/layouts/kncc_v1/images/white/lineNotice.gif") no-repeat left bottom; font-size:1em;}

.latest_white ul { }
.latest_white ul li { position:relative; height:21px; background:url("/layouts/kncc_v1/images/white/bulletD0.gif") no-repeat left 5px; padding-left:10px; overflow:hidden; }

.latest_white ul li .title { position:relative; z-index:0; overflow:hidden; width:100%; white-space:nowrap;}
.latest_white ul li .title a { color:#555555; text-decoration:none; }
.latest_white ul li .title a:hover { text-decoration:underline; }
.latest_white ul li .title span.comment { color:#FE6700; font:.8em Tahoma; }
.latest_white ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; }

.latest_white ul li .date { position:relative; z-index:1; }
.latest_white ul li .date span { background:#FFFFFF; position:relative; z-index:1; padding:3px 5px 3px 12px; text-align:right; float:right; top:-16px; _top:-18px; color:#999999; font:.8em Tahoma; }

.latest_white .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest_white a.more { text-decoration:none;} 
.latest_white a.more:hover { text-decoration:underline;}