@charset "utf-8";

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

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

.widgetTabA{ list-style:none; position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid #666;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; background:url(../img/white/buttonWidgetTab.gif) no-repeat 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; color:#333; text-decoration:none; font-size:12px; background:url(../img/white/buttonWidgetTab.gif) no-repeat right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

.widgetTabC{ list-style:none; margin:0; padding:0; font-size:12px; border-top:1px solid #e5e5e5;}
.widgetTabC li{ border-bottom:1px solid #e5e5e5; background:#f8f8f8; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; color:#333; text-decoration:none; *zoom:1;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}

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:5px 0 0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:14px; height:14px; padding:0; background-color:transparent; background-image:url(../img/buttonWidgetNavigation.png); border:0; cursor:pointer;}
.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;}

.list_space { margin:0; padding:0; list-style:none;  font:12px arial, tahoma, ng, dotum; line-height:1.5; }
.list_space li { padding:7px 10px; border-bottom:1px solid #eee; }
.list_spaceT { width:100%; font-size:12px; position:relative; font:12px arial,tahoma,ng; line-height:1.5; border:0;}
.list_spaceT td{ padding:7px 10px; border:0; border-bottom:1px solid #eee; white-space:nowrap; vertical-align:top; }
.list_space li .board,
.list_spaceT td .board{ padding-right:5px; color:#999;} 
.list_space li .category,
.list_spaceT td .category{ padding-right:5px; color:#999;}
.list_spaceT td.title{ width:100%; white-space:normal; }
.list_space li .title,
.list_spaceT td.title a.t-title { font-family:ngb; color:#666; }
.list_space li .author,
.list_spaceT td .author{ color:#777; }
.list_space li .replyNum,
.list_spaceT td .replyNum { margin-left:5px; padding-left:15px; font:11px Tahoma; color:#e74b4b; background:url(../img/comment.png) no-repeat left center; }
.list_space li .trackbackNum
.list_spaceT td .trackbackNum { margin-left:5px; padding-left:15px; font:11px Tahoma; color:#4b77e7; background:url(../img/trackback.png) no-repeat left center; }
.list_space li .date,
.list_spaceT td.date{ font-size:11px; font-family:Tahoma; color:#666} 

.webzine_space{ list-style:none; position:relative; margin:0; padding:0; font:12px arial, tahoma, ng, dotum; line-height:2; *zoom:1;}
.webzine_space:after{ content:""; display:block; clear:both;}
.webzine_space li { clear:both; margin-bottom:10px; padding:10px; *zoom:1; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden; }
.webzine_space li.background-f9 { background-color:#f9f9f9; }
.webzine_space li p{ margin:0; padding:0;}
.webzine_space li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.webzine_space li p.titleArea{ margin-left:120px; margin:5px 0;}
.webzine_space li p.text{ margin-left:120px; margin:5px 0; padding-top:5px; border-top:1px dashed #eee; color:#777; }
.webzine_space li p.authorArea{ margin-left:120px;}
.webzine_space li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.webzine_space li .thumb img{ position:relative; width:100%;}
.webzine_space li .thumb .imgNone{ display:block; position:relative; width:100%; height:60%; padding-top:40%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.webzine_space li .board{ display:none; position:absolute; top:5px; left:0; padding:0 8px; cursor:pointer; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.webzine_space li .category{ display:none; position:absolute; top:5px; right:0; padding:0 8px; cursor:pointer; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.webzine_space li .title{ font:14px ngb; color:#555; }
.webzine_space li .replyNum { margin-left:5px; padding-left:15px; font:11px Tahoma; color:#e74b4b; background:url(../img/comment.png) no-repeat left center; }
.webzine_space li .trackbackNum { margin-left:5px; padding-left:15px; font:11px Tahoma; color:#4b77e7; background:url(../img/trackback.png) no-repeat left center; }
.webzine_space li .author{ margin-right:10px; color:#777; }
.webzine_space li .date{ font-size:11px; font-family:Tahoma; color:#666}

.art_space { list-style:none; position:relative; margin:0; padding:0; font:12px arial, tahoma, ng, dotum; line-height:1.5; *zoom:1;}
.art_space:after { content:""; display:block; clear:both;}
.art_space li { float:left; margin:0 3px; padding:3px; border-radius:5px; }
.art_space li h3.promo_title { margin:0; padding:10px 0; background-color:#fff; text-align:center; font:bold 12px arial,tahoma,helvetica,dotum; color:#666; }
.art_space li .promo_img { position:relative; }
.art_space li .promo_img span.board,
.art_space li .promo_img span.category,
.art_space li .promo_img em.replyNum,
.art_space li .promo_img em.trackbackNum { display:block; position:absolute; padding:3px 6px; }
.art_space li .promo_img span.board { display:none; top:10px; left:0; background-color:#fff; color:#666; opacity:.7;}
.art_space li .promo_img span.category { top:10px; right:0; background-color:#fff; border-left:2px solid orange; color:#666; opacity:.7; }
.art_space li .promo_img em.replyNum { right:0; bottom:10px; background-color:#222; color:#eee; opacity:.7; }
.art_space li .promo_img em.replyNum a { font:bold 11px tahoma; color:orange; }
.art_space li .promo_img em.trackbackNum { left:0; bottom:10px; background-color:#222; color:#eee; opacity:.7; }
.art_space li .promo_img em.trackbackNum a { font:bold 11px tahoma; color:orange; }
.art_space li img.pimg { display:block; width:100%; }
.art_space li .date { display:inline-block; margin:10px 0; padding:0 10px 0 30px; font:11px tahoma; color:#666; line-height:12px; background:url(../img/date.png) no-repeat 10px center; }
.art_space li .author { display:inline-block; margin:10px 0; padding:0 10px; border-left:1px dotted #ccc; font:12px ng, dotum; color:#333; line-height:12px; }
.art_space li p.promo_desc { margin:0; padding:10px; font:12px ng; line-height:22px; color:#999; background-color:#fff; }
.art_space li a.learn { display:block; text-align:center; background-color:#fff; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font:bold 11px tahoma; line-height:34px; color:#999; }

.gallery_space { list-style:none; position:relative; margin:0; padding:0; font:12px arial, tahoma, ng, dotum; line-height:1.5; *zoom:1; _margin-right:-100%;}
.gallery_space:after { content:""; display:block; clear:both;}
.gallery_space li { position:relative; float:left; width:100px; margin:1px; white-space:nowrap; }
.gallery_space li:hover {background-color:#fff; }
.gallery_space li .thumb { display:block; position:relative; width:100px; height:75px; overflow:hidden; text-decoration:none; }
.gallery_space li .thumb img { display:block; position:relative; width:100%; }
.gallery_space li .thumb .imgNone { display:block; position:absolute; top:40%; width:100%; height:60%; text-align:center; cursor:pointer; color:#fff;}
.gallery_space li .hide_stage { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.gallery_space li .titleArea { display:inline-block; height:24px; margin:0; padding:0; color:#666; line-height:24px; vertical-align:middle; }
.gallery_space li .title { margin:10px; padding:0; font-size:14px; text-align:center; color:#444; white-space:normal; }
.gallery_space li .text { margin:15px; white-space:normal; color:#fff; }
.gallery_space li .boca { margin:10px; }
.gallery_space li .board { padding:2px 0 0 0 !important; color:#fff; }
.gallery_space li .category { padding:2px 0 0 0 !important; cursor:pointer; font-weight:normal; color:#fff; }
.gallery_space li .replyNum { position:absolute; right:10px; top:5px; padding-left:15px; line-height:26px; color:#fff; background:url(../img/coment.png) no-repeat left center; }
.gallery_space li .trackbackNum { position:absolute; right:40px; top:5px; padding-left:15px; line-height:26px; color:#fff; background:url(../img/trackback.png) no-repeat left center; }
.gallery_space li .date { position:absolute; bottom:0; left:10px; padding:2px 0 2px 20px; line-height:26px; color:#f7f7f7; background:url(../img/date.png) no-repeat left center; }
.gallery_space li .author { position:absolute; bottom:0; right:10px; padding:2px 0; line-height:26px; color:#f7f7f7 }
.gallery_space li .learn { display:block; margin:10px; font-weight:bold; text-decoration:underline; text-align:center; color:#fff; }