@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

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; height:100px;}
*: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; overflow:hidden; }

.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; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("/common/tpl/images/buttonGreen.gif"); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url("/common/tpl/images/buttonBlack.gif"); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("/common/tpl/images/buttonRed.gif"); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("/common/tpl/images/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}
.tag_relation * { padding: 0; margin: 0; }
.tag_relation { border: 1px solid #E5E5E5; padding:10px; margin: 10px 0; }
.tag_relation div.title { font-size: 1.1em; font-weight: bold; color: #444; border-bottom: #E5E5E5 1px solid; padding: 0 0 2px 5px; margin-bottom: 10px;}
.tag_relation li { list-style: none; margin: 3px 0; }
.tag_relation li .regdate { font-family: tahoma; font-size: .85em; color: #AAAAAA;}
.tag_relation li .module_title { font-family: tahoma; font-size: .85em; color: #AAAAAA;}
.tag_relation li a { color: #666666; text-decoration: none; }
.tag_relation li a:hover { text-decoration: underline; }
.tag_relation li .comment_cnt { font-weight: normal; font-size: 0.8em; color: #F48A23; }
.tag_relation li .author { color: #AAAAAA; }
.tag_relation li .readAndVoted { font-family: tahoma; font-size: .8em; color: #AAAAAA;}
.tag_relation li .readAndVoted .voted { color: #C8A64B;}
.tag_relation li .readAndVoted .readed { color: #4BC4C8;}

/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* 
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기서 부터 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/

/*Base*/
html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,img,a { margin:0; padding:0; border:none; }
body { background:#fff; }
img { vertical-align:top; }
img a { border:none; }

/* Base - Text */
body,h1,h2,h3,h4,h5,input,select,textarea { color:#555; font:normal normal 12px/15px Verdana,Tahoma,AppleGothic,Sans-serif; }
em,a { }
a:link { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#333; text-decoration:underline; }
a:active { color:#333; text-decoration:none; }

a { border: 0px solid #F00; margin: 0 0 0 0; padding: 0 0 0 0;}
img { border: 0px solid #F00; margin: 0 0 0 0; padding: 0 0 0 0;}



/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;/*background:url("/layouts/jeil_layout/images/bg_top.jpg");*/}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}
.header_margin {width:100%; height:3px; padding:0; _width:0;}
.location {width:100%; text-align:right;margin-bottom:3px;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}


/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* Layout */
.fixed #container,
.liquid #container,
.hybrid #container{ width:100%;}
#body{ width:960px; margin:0 auto; padding:0 0 50px 0;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:650px;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:270px;}
#footer{ padding:15px 0; background:#222;}

/* Element Reset */
body { font-family:AppleGothic, Tahoma, Sans-serif; font-size:12px; margin:0; background-color:#fff; color:#000;}
address { font-style:normal;}
hr{ display:none; position:absolute;}
legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
fieldset{ border:0; padding:0; margin:0;}

/* Global Class */
.inputText{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma;}
.inputTextarea{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma; line-height:1.5;}
.inputCheck{ width:13px; height:13px;}
.inputRadio{ width:13px; height:13px;}

/* Skip To Content */
a.skipToContent{ display:block; position:relative; clear:both; overflow:hidden; width:1px; height:1px; text-decoration:none !important; margin:0 0 -1px 0; text-align:center; color:#fff;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:100%; height:auto; margin-bottom:-23px; padding:5px 0;}



/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Header */
#header{ padding:10px 0; margin:0 0 50px 0;/* background:url("/layouts/jeil_layout/images/bg_top.jpg");*/}

#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ width:960px; height:36px; margin:0 auto; padding-top:0px;font-size:36px; font-family:Nanumgothic, Dotum, Tahoma, Geneva, sans-serif; *zoom:1;}
#header h1 a:hover{text-decoration:none;}
#header .blogURL{ width:960px; margin:0 auto; color:#666; font:9px Verdana;}
#header .blogURL a{ color:#666;}
#header .homelink {  width:960px; margin:0 auto; text-align:right; font:bold 12px dotum;} 

#header .extension{ width:960px; margin:0 auto 1em auto; float:none; clear:both; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension ul{ position:relative; width:270px; float:left; white-space:nowrap;}
#header .extension li{ display:block; position:relative; font-weight:bold; font-size:10px;}
#header .extension li a{ color:#666;}
#header .extension li.active a{ color:#ff2a00;}
#header .extension form{ float:right;}

#header .search{ width:240px; /*margin:0 auto;*/ clear:both; *zoom:1;border: 0px solid #0F0;float:left;}
#header .search:after{ content:""; display:block; clear:both;}
#header .search *{ vertical-align:middle;}
#header .search .inputText{ width:172px; color:#fff; border:1px solid #333; border-right-color:#666; border-bottom-color:#666; background:#4d4d4d; padding:2px 24px 2px 2px; _margin:-1px 0 ; height:14px; font-size:12px;}
#header .search .inputText:focus{ background:#555;}
#header .search .buttonSearch{ position:relative; left:-2px; width:16px; height:16px; border:0; padding:0; cursor:pointer; margin-left:-20px;}
#header .search fieldset{text-align:left;}
#header #login_widget { float:left; padding-right:46px;border: 0px solid #0F0;margin-top:0px;}

#header #header_form {width:960px; margin:0 auto; clear:both; *zoom:1;border: 0px solid #0F0;}
#header #header_form:after{ content:""; display:block; clear:both;}

#header .message_info {padding-left:5px;padding-top:3px;}
#header .message_info a { color:#fff; font-size:8pt; letter-spacing:-.1em;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}


/* Footer */
#footer a{ text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}
#footer address{ position:relative; width:935px; _width:960px; padding-left:25px; margin:0 auto; text-align:left; font-size:11px; height:16px; line-height:16px; color:#b3b3b3; }
#footer address a,
#footer address acronym,
#footer address abbr{ font-weight:bold; color:#b3b3b3;}
#footer address .rss{ position:absolute; top:0; right:60px; white-space:normal; padding-left:13px; background:url("/layouts/jeil_layout/css/img/iconRss.gif") no-repeat left center; font-size:10px; font-weight:normal;}

#footer .language { width:960px; height:0; margin:0 auto; position:relative; top:-16px; overflow:visible;}
#footer .language button{ cursor:pointer; padding:0; overflow:visible; background:none; border:0; font-size:11px; white-space:nowrap;}
#footer .language .selected { position:absolute; top:0; right:0; color:#767676; height:16px; *height:18px;}
#footer .language ul { position:absolute; right:0; bottom:20px; margin:0; padding:10px; list-style:none; background:#fff; border:1px solid #ddd;}
#footer .language ul li button { color:#666;}
#footer .language ul.hide { display:none; }

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* Extension */
#body .extension a{ text-decoration:none;}
#body .extension a:hover,
#body .extension a:active,
#body .extension a:focus{ text-decoration:underline;}
#body .extension .section{ color:#666; margin-bottom:40px;}
#body .extension .section h2{ padding:0; margin:0 0 15px 0; font:20px Tahoma; border-bottom:2px solid #222; color:#000;}
#body .extension .section a{ color:#666;}

#body .extension .section.profile{ line-height:1.5; *zoom:1;}
#body .extension .section.profile:after{ content:""; display:block; clear:both;}
#body .extension .section.profile *{ margin-top:0 !important;}
#body .extension .section.profile .thumb{ padding:2px; border:1px solid #ddd; margin:0 15px 5px 0; float:left;}

#body .extension .section.recentPost {*zoom:1;}
#body .extension .section.recentPost:after { content:""; display:block; clear:both;}
#body .extension .section h2{ background:url("/layouts/jeil_layout/css/img/iconH2.gif") no-repeat;}
#body .extension .section.category h2{ background-position:right 6px;}
#body .extension .section.recentPost h2{ background-position:right -44px;}
#body .extension .section.recentComment h2{ background-position:right -94px;}
#body .extension .section.recentTrackback h2{ background-position:right -144px;}
#body .extension .section.recentTag h2{ background-position:right -194px;}
#body .extension .section.recentPost table { border: 0px; }
#body .extension .section.recentPost td { border: 0px; }
.login_black { margin-top:10px; padding:0; border:0px solid #F00; width:200px;  _padding-top:2px; display:block; }
*:first-child+html body#black .login_black { padding-top:2px;}
.login_black legend { display:none; width:0; height:0; overflow:hidden; font-size:0;}
.login_black form { border:0px solid #0f0; width:200px;padding:0;}
.login_black form .idpw { float:left; }
.login_black form .idpw input { border:1px solid #6b6b6b; color:#cbcbcb;  background:#515151; padding:0px 5px; margin-bottom:0px; font:.9em Tahoma;}
.login_black form .user_id, .password{height:16px; width:54px;}
.login_black form .login_input {width:60px; padding-top:0px;}

.login_black form p.securitySignIn { clear:both; padding:0 0 0 18px; margin:4px 0 0 0; }
.login_black form p.noneSSL { background:url("/widgets/login_info/skins/jeil_login/images/none_ssl.png") no-repeat left top; }
.login_black form p.SSL { background:url("/widgets/login_info/skins/jeil_login/images/ssl.png") no-repeat left top; }
.login_black form p.noneSSL a { color:#BF6801; text-decoration:none; }
.login_black form p.SSL a { color:#9CAC74; text-decoration:none; }

.login_black form p.save { margin:0; clear:both; padding:.3em 0;}
.login_black form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body#black .login_black form p input { margin:-3px; }
.login_black form p.save label { font:.9em; color:#818181;}
.login_black form ul.help { font-size:8pt; margin:0; border-top:0px solid #515151; overflow:hidden; padding:0 0 0 0; white-space:nowrap; list-style:none;}
.login_black form ul.help li { list-style:none; float:left; display:block; padding:0 3px 0 7px; }
.login_black form ul.help li.first-child { background:none; padding-left:0;}
.login_black form ul.help li a { color:#000; white-space:nowrap; text-decoration:none;}
.login_black form ul.help li a:hover { text-decoration:underline;}
.login_black form ul.help li.first-child a { }
.login_black form .userName { margin:0; position:relative; width:200px; overflow:hidden; border-bottom:1px solid #515151; padding:0 0 3px 0; margin-top:-5px;}
.login_black form .userName strong { color:#000; padding:4px 0 0 2px; font:bold 1.2em Tahoma;}
.login_black form .userName a { position:relative; right:0px; }
.login_black form .userName img { border:none; }
.login_black form ul.userMenu { font-size:8pt; margin:0; position:relative; padding:2px 0 0px 4px; overflow:hidden; margin-top:0px;}
.login_black form ul.userMenu li { height:13px; overflow:hidden;font-size:8pt; list-style:none; color:#cbcbcb;  float:left;}
.login_black form ul.userMenu li a { font-size:9pt;_font-size:9pt;color:#000;text-decoration:none;}
.login_black form ul.userMenu li a:hover {text-decoration:underline;}
.login_black form p.latestLogin { margin:0; color:#818181; font:.9em;}
.login_black form p.latestLogin span { font:1em Tahoma;}

img.login_mask { width:201px; height:5px; background:#3d3d3d; display:block;}

.openid_login_black { padding:0; margin:0; border:2px solid #515151; width:196px; position:relative; _padding-top:2px; display:block;}
*:first-child+html body#black .openid_login_black { padding-top:2px;}
.openid_login_black legend { display:none; width:0; height:0; overflow:hidden; font-size:0;}
.openid_login_black form { position:relative; border:1px solid #6b6b6b; padding:11px 11px 7px 11px; width:172px;}
.openid_login_black form .idpwWrap { overflow:hidden; clear:both; width:172px;}
.openid_login_black form .idpw { float:left;}
.openid_login_black form .idpw p { margin:0; padding:0; margin-bottom:5px; background: url("/widgets/login_info/skins/jeil_login/images/openid_login_bg.gif") left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#999999}
.openid_login_black form .idpw input { border:1px solid #6b6b6b; color:#cbcbcb; width:105px; background:#515151; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
.openid_login_black form .login { float:right;}
.openid_login_black form p.save { margin:0; padding:0; clear:both; padding:.3em 0;}
.openid_login_black form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body .openid_login_black form p input { margin:-3px; }
.openid_login_black form p.save label { font:.9em; color:#818181;}



.open{ display:block !important;} 
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

ul.widgetA { margin-left:0px; padding:5px; list-style:none; width:240px;}
ul.widgetA li { margin:0; padding:0; list-style:none; }
ul.widgetA li .title{font: normal 9pt dotum, sans-serif; }
ul.widgetA li .date{font: normal 9pt dotum, sans-serif; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.author{}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;} 

.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin-top:10px; padding:0; text-align:center; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; border:1px solid #999; cursor:pointer; color:#090;font-size:8pt;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}
.widgetNavigator li {}
.widgetNavigator li a{color:#090;font-size:8pt;padding:0px 4px 1px 4px;border:1px solid #999;}
.widgetNavigator li a:hover{text-decoration:none;}

/*
.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:10px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}
*/


/* customizing start */
.widgetGalleryA { margin:0; padding:0; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both; }
.widgetGalleryA li { float:left; margin-right:12px; list-style:none; _margin-right:10px; }
.widgetGalleryA li.clearRight { margin-right:0; }
.widgetGalleryA li .thumb img { display:block; border:1px solid #FFF; padding:0; margin:0; }
/* customizing end */

/*

<div class="widgetContainer">
 <ul class="widgetGalleryA" style="width:570px;">
  <li style="width:86px;"><a href="/175" class="thumb" style="width:86px;height:64px"><img src="http://sonicboompara.com/files/cache/thumbnails/175/86x64.crop.jpg" style="width:86px;height:64px"/></li>
  <li style="width:86px;"><a href="/152" class="thumb" style="width:86px;height:64px"><img src="http://sonicboompara.com/files/cache/thumbnails/152/86x64.crop.jpg" style="width:86px;height:64px"/></li>
  <li style="width:86px;"><a href="/149" class="thumb" style="width:86px;height:64px"><img src="http://sonicboompara.com/files/cache/thumbnails/149/86x64.crop.jpg" style="width:86px;height:64px"/></li>
  <li style="width:86px;"><a href="/146" class="thumb" style="width:86px;height:64px"><img src="http://sonicboompara.com/files/cache/thumbnails/146/86x64.crop.jpg" style="width:86px;height:64px"/></li>
  <li style="width:86px;"><a href="/143" class="thumb" style="width:86px;height:64px"><img src="http://sonicboompara.com/files/cache/thumbnails/143/86x64.crop.jpg" style="width:86px;height:64px"/></li>
 </ul>
</div>

*/



/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5; }
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA{ border: 0px solid; position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { border: 0px solid;list-style:none; clear:both; margin-bottom:0px; padding-top:10px; padding-bottom:10px; *zoom:1; overflow:hidden; border-bottom:1px solid #f2f2f2; width:100%}
.widgetZineA li p{ margin:0; padding:0; }
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:0px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li span.browserTitle a{  color:#666;}
.widgetZineA li span.authorArea{ margin-left:10px;}
.widgetZineA li span.authorArea a{ color:#b00;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title a{ font-weight:normal; color:black;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}


.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url("/widgets/content_jeil/skins/jeil/img/white/buttonWidgetTab.gif");}
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url("/widgets/content_jeil/skins/jeil/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url("/widgets/content_jeil/skins/jeil/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .category{ color:#333; background:url("/widgets/content_jeil/skins/jeil/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a;}
.widgetA .trackbackNum a{ color:#66c;}
.widgetA .author { color:#333;}
.widgetA .date{ color:#333;}
.widgetA .hour{ color:#888;}


/* 이거를 수정해라!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!   customizing start */
.widgetContainer .widgetA li { float:left; padding:1px 0; }
.widgetContainer .widgetA li.title { width:170px; color:red; }
.widgetContainer .widgetA li.title a{color:#656565; }
.widgetContainer .widgetA li.date { width:70px; font-size:.8em; color:#8f8f8f;}
/* customizing end */


.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url("/widgets/content_jeil/skins/jeil/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url("/widgets/content_jeil/skins/jeil/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url("/widgets/content_jeil/skins/jeil/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#666;}
.widgetTableA td .hour{ color:#888;}

.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ color:#333; background:url("/widgets/content_jeil/skins/jeil/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .category{ color:#333; background:url("/widgets/content_jeil/skins/jeil/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li, 
.widgetContainer.black .widgetTabA li a{ background-image:url("/widgets/content_jeil/skins/jeil/img/black/buttonWidgetTab.gif");}
.widgetContainer.black .widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url("/widgets/content_jeil/skins/jeil/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url("/widgets/content_jeil/skins/jeil/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url("/widgets/content_jeil/skins/jeil/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}

.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ color:#999; background:url("/widgets/content_jeil/skins/jeil/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url("/widgets/content_jeil/skins/jeil/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}
 

/* Tree */
.tree{ font-size:14px; font-family:Dotum, Tahoma, Geneva, sans-serif; *zoom:1;}
.tree:after{ content:""; display:block; clear:both;}
.tree ul{ list-style:none; margin:0; padding:0;}
.tree ul ul{ margin:0 0 0 -3px;}
.tree li{ position:relative; padding:0 0 0 22px; white-space:nowrap; line-height:20px; background:url("/widgets/jeil_menu_widget/skins/tree/lineTree.gif") no-repeat 9px 0; *zoom:1;}
.tree li.last{ background-position:9px -1766px;}
.tree li.active a span{ font-weight:bold; color:#f66437;}
.tree li.active li a span{ font-weight:normal; color:#767676;}
.tree a{ text-decoration:none; color:#767676;}
.tree a:hover,
.tree a:active,
.tree a:focus{ text-decoration:underline;}
.tree .toggle{ position:absolute; top:0; left:0; width:19px; height:19px; padding:0; overflow:hidden; border:0; font-size:0; color:#fff; vertical-align:middle; text-indent:19px; *text-indent:0; background:transparent url("/widgets/jeil_menu_widget/skins/tree/btnPlusMinus.gif") no-repeat; cursor:pointer;}
.tree .toggle.plus{ background-position:5px -15px;}
.tree .toggle.minus{ background-position:5px 5px;}
.tag_list .items span  a { text-decoration:none; color:#000; display:inline-block; margin:0 10px 5px 0; }
.tag_list .items span  a:hover { text-decoration:underline;}
.tag_list .items .type1 a { font-weight:bold; font-size:18px; }
.tag_list .items .type2 a { font-size:18px; }
.tag_list .items .type3 a { font-weight:bold; font-size:14px; }
.tag_list .items .type4 a {  }

.blog_widget_black .tag_list .items span  a { color:#fff; }