@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 span.icon img {vertical-align: bottom;}
.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;}

.sn_widgetTabA{ position:relative; margin:0 !important; padding:0; *zoom:1; padding: 0px 0px 19px 0px !important;}
.sn_widgetTabA:after{ content:""; display:block; clear:both;} 
.sn_widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.sn_widgetTabA li a { position:relative;float:left; padding:0px 12px 0; text-decoration:none; font:normal 18px 나눔고딕, 'NanumGothic', "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color: #585858; background-color: #fff; border-left: 1px solid #ddd; line-height: 18px;}
.sn_widgetTabA li:first-child a {padding-left: 0; border-left: 0;}


ul.sn_widgetA { margin:0 !important; padding:0 !important; list-style:none; }
ul.sn_widgetA li { margin:0; padding:0; list-style:none; padding: 9px 0 9px 4px; border-top: 1px solid #eaeaea; line-height: 1.5;}
ul.sn_widgetA li:first-child {border-top: 0; padding-top: 5px;}
.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.summary{ white-space:normal;}
.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.sn_widgetDivider{ margin:0 !important; padding: 0 !important; position: relative;}
dl.sn_widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.sn_widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../img/white/buttonWidgetNavigation.gif); border:1px solid #999; 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;}

.sn_widgetGalleryA{ position:relative; margin:0 !important; padding:0 !important; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.sn_widgetGalleryA:after{ content:""; display:block; clear:both;}
.sn_widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-bottom:25px; white-space:nowrap; list-style:none; padding: 27px 22px 32px; background-color: #fff;}
.sn_widgetGalleryA li.clearRight{ margin-right:0;}
.sn_widgetGalleryA.sonetto li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:25px; overflow:hidden; text-decoration:none;}
.sn_widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.sn_widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.sn_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'); }
.sn_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'); }
.sn_widgetGalleryA li .author{ display:block;}
.sn_widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.sn_widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.sn_widgetGalleryA li .date{ font:11px Tahoma;}
.sn_widgetGalleryA li .hour{ font:11px Tahoma;}
.sn_widgetGalleryA li.gallery-nth-child {margin-right: 0 !important;}
.sn_widgetGalleryA.sonetto li:hover a {color: #fff;}
.sn_widgetGalleryA.sonetto li a:hover, .sn_widgetGalleryA.sonetto li a:focus {color: #fff !important;}
.sn_widgetGalleryA.sonetto li .title {font-size: 13px;}
/* 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;}

.sn_widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.sn_widgetZineA:after{ content:""; display:block; clear:both;}
.sn_widgetZineA.imageTitle li,
.sn_widgetZineA.itc li { list-style:none; clear:both; margin-top:10px; padding-top:10px; *zoom:1; overflow:hidden; }
.sn_widgetZineA li:first-child {margin-top: 0; padding-top: 0;}
.sn_widgetZineA li p{ margin:0; padding:0;}
.sn_widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.sn_widgetZineA li p.titleArea{ margin-left:120px;}
.sn_widgetZineA li p.titleArea .board{ padding-right: 8px;}
.sn_widgetZineA li p.text{ margin-left:120px;}
.sn_widgetZineA li p.authorArea{ margin-left:120px;}
.sn_widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.sn_widgetZineA li .thumb img{ position:relative; width:100%;}
.sn_widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.sn_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'); }
.sn_widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.sn_widgetZineA li .title{ font-weight:bold;}
.sn_widgetZineA li .replyNum a{ font-size:11px; margin:0 -1px;}
.sn_widgetZineA li .trackbackNum a{ font-size:11px; margin:0 -1px;}
.sn_widgetZineA li .author{ margin-right:10px;}
.sn_widgetZineA li .date{ font-size:12px;}
.sn_widgetZineA li .hour{ font-size:12px;}

.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;}
.sn_widgetDivider span.tab_more {display: block; position: absolute;top:-35px; right:0;}
.sn_widgetDivider span.tab_more a {border: 0;}

.sn_widgetA .title {color: #696969;}
.sn_widgetA a.board {font-weight: 400; color: #696969; margin-right: 3px;}
.sn_widgetA .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.sn_widgetA .category{ color:#696969; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.sn_widgetA .replyNum a{ color:#ff1a1a;}
.sn_widgetA .trackbackNum a{ color:#66c;}
.sn_widgetA .author { color:#333;}
.sn_widgetA .date{ color:#999; float: right;}
.sn_widgetA .hour{ color:#999;}

.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url(../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:#333;}
.widgetTableA td .hour{ color:#888;}

.sn_widgetGalleryA li .title{ color:#696969;}
.sn_widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.sn_widgetGalleryA li .trackbackNum a{ color:#66c;}
.sn_widgetGalleryA li .author{ color:#696969;}
.sn_widgetGalleryA li .date{ color:#696969;}
.sn_widgetGalleryA li .hour{ color:#696969;}

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

.sn_widgetZineA li .board{ color:#696969; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.sn_widgetZineA li .title{ color:#696969;}
.sn_widgetZineA li .replyNum a{ color:#ff1a1a;}
.sn_widgetZineA li .trackbackNum a{ color:#66c;}
.sn_widgetZineA li .author{ color:#696969;}
.sn_widgetZineA li .category{ color:#696969; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.sn_widgetZineA li .date{ color:#696969;}
.sn_widgetZineA li .hour{ color:#696969;}
.sn_widgetZineA li .text{ color:#696969;}

.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 .sn_widgetTabA{ border-color:#999;}
.widgetContainer.black .sn_widgetTabA li, 
.widgetContainer.black .sn_widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.widgetContainer.black .sn_widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url(../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 .sn_widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .sn_widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .sn_widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .sn_widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .sn_widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .sn_widgetGalleryA li .hour{ color:#888;}

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

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


.sn_widgetZineA {margin: 0 !important; padding: 0 !important; list-style:none;}
.webzine_title li:first-child .date,
.webzine_title li:first-child .hour,
.webzine_title li:first-child .board,
.webzine_title li:first-child .category, 
.webzine_title li:first-child .replyNum,
.webzine_title li:first-child .trackbackNum,
.webzine_title li:first-child .icon,
.webzine_title .thumbArea,
.webzine_title .content_text {display: none;}
.webzine_title li:first-child .thumbArea, 
.webzine_title li:first-child .content_text {display: block;}
.sn_widgetZineA.webzine_title li {position:relative;}
.sn_widgetZineA.webzine_title li p.titleArea, 
.sn_widgetZineA.webzine_title li p.text {margin-left: 0;}
.sn_widgetZineA.webzine_title li p.text {position: absolute; top:0; right: 0;}
.sn_widgetZineA.webzine_title li:first-child p.text {position: static !important;}

.sn_widgetZineA.webzine_title li {padding: 0; margin: 0; }
.sn_widgetZineA.webzine_title li a.title {font-weight: normal;}
.sn_widgetZineA.webzine_title li p.titleArea {padding-left: 15px; background: url(../img/dot.gif) no-repeat left 7px; margin-bottom: 4px;}
.sn_widgetZineA.webzine_title li:first-child {border-bottom: 1px solid #eaeaea; padding-bottom: 20px; margin-bottom: 20px;}
.sn_widgetZineA.webzine_title li:first-child a.title {font-size: 15px; font-weight:600; color: #555;}
.sn_widgetZineA.webzine_title li:first-child p.titleArea {background: none; padding-left: 0; margin-bottom: 10px;}
.sn_widgetZineA.webzine_title li .date {font-size: 12px; font-family: 나눔고딕, NanumGothic, dotum, gulim, sans-serif; color: #999;}
.sn_widgetZineA.webzine_title li .board {font-weight: 400; color: #696969; margin-right: 5px;}
.sn_widgetZineA.webzine_title li .icon img {margin-top: 3px;}
.hour {display: none;}

.sn_widgetZineA.imageTitle li .title {line-height: 1.9;}
.sn_widgetZineA.imageTitle li .date {display: block; font-size: 12px; line-height: 1.9; color: #999;}

.sn_widgetZineA.itc li .title {line-height: 1.9;}
.sn_widgetZineA.itc li p.text {line-height: 1.9;}

.sn_widgetZineA.blog li p.thumbArea {float: none;}
.sn_widgetZineA.blog li p.titleArea {margin-left: 0; padding: 24px 0 14px 0;}
.sn_widgetZineA.blog li p.titleArea a.title {font-size: 16px; line-height:16px;}
.sn_widgetZineA.blog li p.text {margin-left: 0; line-height: 22px;} 
.sn_widgetZineA.blog li p.authorArea {margin-left: 0; margin-top: 14px; padding-top:14px; border-top: 1px solid #eaeaea; line-height: 12px;}
.sn_widgetZineA.blog li p.authorArea .author, .sn_widgetZineA.blog li p.authorArea .date {color: #888; letter-spacing: 1px;}
.sn_widgetZineA.blog li p.authorArea .author {margin-right: 5px;}