@charset "utf-8";

ul, li {list-style:none; margin:0; padding:0}
div{margin:0; padding:0}

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

.gyWidgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:1px solid;}
.gyWidgetTabA:after{ content:""; display:block; clear:both;} 
.gyWidgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.gyWidgetTabA li.active{ background-position:0 -30px;} 
.gyWidgetTabA 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;}
.gyWidgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

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

.gyWidgetTabC{ border-color:#e5e5e5;}
.gyWidgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.gyWidgetTabC li a{ color:#333;}
.gyWidgetTabC li a:hover, 
.gyWidgetTabC li a:active,
.gyWidgetTabC li a:focus{ background:#eee;}
.gyWidgetTabA{ border-color:#ccc;}
.gyWidgetTabA li,
.gyWidgetTabA li a{ background-image:url(../img/white/buttonWidgetTab.gif);}
.gyWidgetTabA li a{ color:#333;}

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

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


/* */
.gyWidgetA {position: relative; margin:0; padding:0; list-style:none; overflow: hidden; z-index: 1}
.gyWidgetA li {position: relative; margin:0; padding:0 0 3px 0; list-style:none; /*background: #FFF;*/ font-size:12px; overflow: hidden} /*mofified by FJ*/
.gyWidgetA li a.board { color:#333; padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.gyWidgetA li a{color:#333; padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.gyWidgetA li a:hover{text-decoration:none}
.gyWidgetA li .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.gyWidgetA li .category{ color:#666; font-size:12px; }
.gyWidgetA li .replyNum a{ color:#ff1a1a;}
.gyWidgetA li .trackbackNum a{ color:#66c;}
.gyWidgetA li .author { color:#777; font-size:11px;}
.gyWidgetA li .date{ color:#777; font-size:11px; font-family:Tahoma;}
.gyWidgetA li .hour{ color:#999; font-size:11px; font-family:Tahoma;}

/* gyWidgetThumb */
.gyWidgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5; overflow: hidden}
.gyWidgetThumb .thumb{display:block; margin-bottom:5px; position:relative; text-decoration:none; border:1px solid #ccc; _float: left; *zoom: 1; overflow: hidden}
.gyWidgetThumb .thumb:hover{text-decoration: none;}
.gyWidgetThumb .thumb img{display:block;
	opacity: 1;
	-webkit-transform: scale(1.4);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1.4);
	-moz-transform-origin: 50% 50%;
	-o-transform: scale(1.4);
	-o-transform-origin: 50% 50%;
	transform: scale(1.4);
	transform-origin: 50% 50%;

	-webkit-transition: -webkit-transform .4s ease, opacity .4s;
	-moz-transition: -moz-transform .4s ease, opacity .4s;
	-o-transition: -o-transform .4s ease, opacity .4s;
	transition: transform .4s ease, opacity .4s;

}
.gyWidgetThumb .thumb:hover img{
	opacity: .6;
	-webkit-transform: scale(1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1);
	-moz-transform-origin: 50% 50%;
	-o-transform: scale(1);
	-o-transform-origin: 50% 50%;
	transform: scale(1);
	transform-origin: 50% 50%;
}
.gyWidgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding: 0; background:#eee; text-align:center; cursor:pointer; color:#000;}
.gyWidgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-size:12px; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.gyWidgetThumb .title{ display:block;}
.gyWidgetThumb .author{ display:block;}
.gyWidgetThumb .date{ font-size:11px; font-family:Tahoma;}
.gyWidgetThumb .hour{ font-size:11px; font-family:Tahoma;}

/* */
.gyWidgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.gyWidgetTableA tr{}
.gyWidgetTableA tr:hover{background: #F1F1F1}
.gyWidgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.gyWidgetTableA td.title{ width:100%; white-space:normal;}
.gyWidgetTableA td.title a:hover{text-decoration: none}
.gyWidgetTableA td .board{ padding-right:5px;} 
.gyWidgetTableA td .notice{ padding-right:5px;}
.gyWidgetTableA td .category{ padding-right:5px; font-weight:normal;}
.gyWidgetTableA td .replyNum a{ font:10px Tahoma;}
.gyWidgetTableA td .trackbackNum a{ font:10px Tahoma;}
.gyWidgetTableA td.summary{ white-space:normal;}
.gyWidgetTableA td.time{ font-size:11px; font-family:Tahoma;} 

.gyWidgetTableA td.title a{ color:#666;}
.gyWidgetTableA td.title a:hover{ color:#000;}
.gyWidgetTableA td .board{ color:#666; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.gyWidgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.gyWidgetTableA td .category{ color:#666; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.gyWidgetTableA td .replyNum a{ color:#ff1a1a;}
.gyWidgetTableA td .trackbackNum a{ color:#66c;}
.gyWidgetTableA td .author { color:#666;}
.gyWidgetTableA td .date{ color:#666;}
.gyWidgetTableA td .hour{ color:#888;}

.widgetBlindGalleryA{ position: relative; margin: 0; padding: 0; font-size: 12px; line-height: 1.5; *zoom: 1; _margin-right: -100%;}
.widgetBlindGalleryA:after{ content: ""; display: block; clear: both;}
.widgetBlindGalleryA li { position: relative; float: left; overflow: hidden; width: 100px; margin: 0; margin: 0 0 0 0; padding: 0; white-space: nowrap; list-style: none;}
.widgetBlindGalleryA li.clearRight{ margin-right: 0;}
.widgetBlindGalleryA li .blind{display: block; width: 100px; height: 100px; position: absolute; background: #000; opacity: .6; filter: alpha(opacity: 60); overflow:hidden; z-index: 100}
.widgetBlindGalleryA li .blind .info{position:absolute; left:10px; top: 10px; width: 80px; height: 80px; word-break:break-all; white-space:normal; z-index: 110}
.widgetBlindGalleryA li .blind .info a{color:#FFF; text-decoration:none; font-weight: bold; font-size: 14px; font-family: Gulim, Dotum, NanumGothic, Tahoma, Geneva, sans-serif;}
.widgetBlindGalleryA li .thumb{ display: block; position: relative; width: 100px; height: 100px; overflow: hidden; text-decoration: none; z-index: 90}
.widgetBlindGalleryA li .thumb img{ display: block; position: relative; width: 100%;}
.widgetBlindGalleryA li .thumb .imgNone{ display: block; position: relative; width: 100%; background: #eee; text-align: center; cursor: pointer; color: #000;}
.widgetBlindGalleryA 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-size:12px; font-weight: normal; background: #000; color: #fff; opacity: 0.6;  filter: alpha(opacity=60); -ms-filter: alpha('opacity=60'); }
.widgetBlindGalleryA li .thumb .category{ display: block; position: absolute; width: 100%; bottom: 0; left: 0; height:16px; padding:1px 0 4px 0 !important; cursor: pointer; text-align: center; font-size:12px; font-weight: normal; background: #000; color: #fff; opacity: 0.6;  filter: alpha(opacity=60); -ms-filter: alpha('opacity=60'); }
.widgetBlindGalleryA li .thumb .category.top{top: 0;}
.widgetBlindGalleryA li .thumb .category.bottom{bottom:0;}

.widgetBlindGalleryA li .author{ display: block;}
.widgetBlindGalleryA li .replyNum a{ font: 10px Tahoma; margin: 0 -1px;}
.widgetBlindGalleryA li .trackbackNum a{ font: 10px Tahoma; margin: 0 -1px;}
.widgetBlindGalleryA li .date{ font: 11px Tahoma;}
.widgetBlindGalleryA li .hour{ font: 11px Tahoma;}

/* */
.thumb .category.top{ top: 0; left:0;}
.thumb .category.bottom{bottom:0; left:0;}

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

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

.gyWidgetGalleryA li .thumb {
	border:1px solid #CCC;
	opacity: 1;
	-webkit-transition:-webkit-transform .5s ease-in, opacity .5s;
	-moz-transition:-moz-transform .5s ease-in, opacity .5s;
	-o-transition:-o-transform .5s ease-in, opacity .5s
	transition:transform .5s ease-in, opacity .5s
}
.gyWidgetGalleryA li .thumb:hover {
	opacity: .5;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

/* */
.gyWidgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.gyWidgetZineA:after{ content:""; display:block; clear:both;}
.gyWidgetZineA li { list-style:none; clear:both; margin:0; padding:5px 0 10px 0; *zoom:1; overflow:hidden; }
.gyWidgetZineA li p{ margin:0; padding:0;}
.gyWidgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.gyWidgetZineA li p.titleArea{margin-left:120px; margin-bottom:4px;}
.gyWidgetZineA li p.titleArea .board{ padding-right:5px;}
.gyWidgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.gyWidgetZineA li p.authorArea{ margin-left:120px;}
.gyWidgetZineA li a.thumb{display:block; position:relative; width:100px; height:75px; border:1px solid #ccc; text-decoration:none; overflow:hidden;}
.gyWidgetZineA li a.thumb img{
	opacity:1;
	-webkit-transform: scale(1.4);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1.4);
	-moz-transform-origin: 50% 50%;
	-o-transform: scale(1.4);
	-o-transform-origin: 50% 50%;
	transform: scale(1.4);
	transform-origin: 50% 50%;

	-webkit-transition: -webkit-transform .4s ease, opacity .4s;
	-moz-transition: -moz-transform .4s ease, opacity .4s;
	-o-transition: -o-transform .4s ease, opacity .4s;
	transition: transform .4s ease, opacity .4s;
}
.gyWidgetZineA li a.thumb:hover img{
	opacity:.6;
	-webkit-transform: scale(1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1);
	-moz-transform-origin: 50% 50%;
	-o-transform: scale(1);
	-o-transform-origin: 50% 50%;
	transform: scale(1);
	transform-origin: 50% 50%;
}
.gyWidgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%;  background:#eee; text-align:center; cursor:pointer; color:#000;}
.gyWidgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; height:16px; padding:1px 0 4px 0 !important; cursor:pointer; text-align:center; font-size:12px; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.gyWidgetZineA li .thumb .category.top{top: 0;}
.gyWidgetZineA li .thumb .category.bottom{bottom:0;}
.gyWidgetZineA li .category{ padding-right:5px; font-size:12px; font-weight:normal;}

.gyWidgetZineA li .title{ font-weight:bold;}
.gyWidgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.gyWidgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.gyWidgetZineA li .author{ margin-right:10px;}
.gyWidgetZineA li .date{ display: inline-block; margin-left: 5px; font:11px Tahoma;}
.gyWidgetZineA li .hour{ font:11px Tahoma;}

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


/* */
.gyContentRanking{position:relative; width:190px; background:#fff; border:1px solid #ccc; overflow:hidden; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;}
.gyContentRanking .rankHeader{padding:0; margin: 0; padding:5px; background:#f1f1f1; border-bottom:1px solid #ccc; color: #333; font-size:14px; font-weight:bold}
.gyContentRanking .rankBottom{padding:5px; margin: 0;border-top:1px solid #ccc; font-size:11px; font-family: Tahoma; color:#999; text-align:right}
.gyContentRanking .rankList{list-style:none; margin:0; padding:5px 0 5px 0; position:relative; clear:both; *zoom:1;}
.gyContentRanking .rankList:after{content:""; display:block; clear:both;}
.gyContentRanking .rankList li{position:relative; margin:0; padding:0; padding:0; height:26px; overflow:hidden; background: #FFF; font-size:11px}
.gyContentRanking .rankList li a{display:block; padding:4px 5px; height:18px; text-decoration:none; cursor:pointer; }
.gyContentRanking .rankList li a:hover{background: #F1F1F1}
.gyContentRanking .rankList li span{display:inline-block}
.gyContentRanking .rankList li span.rank_num{float:left; width:18px; height:16px; line-height: 16px; padding:0; border:1px solid #ccc; color:#333; font-size:10px; text-align:center; font-family: Tahoma; letter-spacing:-.1em;}
.gyContentRanking .rankList li span.rank_text{float:left; width:110px; height:16px; line-height: 16px; padding: 0 0 0 5px; color:#333; font-size:12px; overflow:hidden;}
.gyContentRanking .rankList li span.rank_fluc{float:right; width:26px; height:16px; line-height: 16px; padding:0 0 0 10px; color:#0836A3; font-size:9px; font-weight:bold; font-family: Tahoma; text-align:right; overflow:hidden;}
.gyContentRanking .rankList li span.rank_fluc.rank_up{background:url(../img/icon_rank_set.png) no-repeat; background-position:-5px -1px;}
.gyContentRanking .rankList li span.rank_fluc.rank_down{background:url(../img/icon_rank_set.png) no-repeat; background-position:-5px -17px;}
.gyContentRanking .rankList li span.rank_fluc.rank_same{background:url(../img/icon_rank_set.png) no-repeat; background-position:-5px -33px;}
.gyContentRanking .rankList li span.rank_fluc.rank_new{background:url(../img/icon_rank_set.png) no-repeat; background-position:-1px -49px;}


.gyContentAccordion {padding:0; margin:0; width:100%; font-size:12px; border: 0; font-family:Tahoma, Geneva, sans-serif}
.gyContentAccordion:after{content:""; display:block; clear:both}
.gyContentAccordion ul{list-style:none; padding:0; margin:0; border:1px solid #CCC; border-bottom:0; width:100%; font-size:12px;}
.gyContentAccordion ul li{padding:0; margin:0; border:0}
.gyContentAccordion ul li .ac_header{display:block; padding:5px 20px 5px 10px; height: 16px; line-height: 18px; border-bottom:1px solid #CCC; background:#F1F1F1; text-decoration:none; color:#333; overflow: hidden}
.gyContentAccordion ul li .ac_header.right{background-image:url(../img/icon_arrow_right.png); background-repeat:no-repeat; background-position:right 5px}
.gyContentAccordion ul li .ac_header.down{background-image:url(../img/icon_arrow_down.png); background-repeat:no-repeat; background-position:right 5px}
.gyContentAccordion ul li div{padding:10px 10px; margin: 0; border-bottom:1px solid #CCC; background:#FFF; color:#666; text-align:left; overflow-y: auto}
.gyContentAccordion ul li div a{padding:0; border:0; background:none; color:#666}
.gyContentAccordion ul li div a:hover{text-decoration: none}

/* */
.rotation {
	-webkit-transition:-webkit-transform .4s ease-in;
	-moz-transition:-moz-transform .4s ease-in;
	-o-transition:-o-transform .4s ease-in
}
.rotation:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg)
}
.skew{       
	-webkit-transition: -webkit-transform 2s ease-in-out;
	-moz-transition: -moz-transform 2s ease-in-out;
	-o-transition: -o-transform 2s ease-in-out;
}   
.skew:hover{
	-webkit-transform: skew(10deg,10deg);
	-moz-transform: skew(10deg,10deg);
	-o-transform: skew(10deg,10deg);
}
.outline{outline:1px solid #ccc;
	-webkit-transition: outline 1s;
	-moz-transition: outline 1s;
	-o-transition: outline 1s;
}
.outline:hover{outline: 1px solid #ccc;}
.border{
	border: 1px solid #ccc;
	-webkit-transition: border 1s;
	-moz-transition: border 1s;
	-o-transition: border 1s;
}
.border:hover{border: 1px solid #ccc;}
.background{background:#FFFFFF;
	-webkit-transition: background 1s, border 1s;
	-moz-transition: background 1s, border 1s;
	-o-transition: background 1s, border 1s;
}
.background:hover{	background:#FFF9B7;}
.opacity{opacity:1;
	-webkit-transition: background 1s, opacity 1s;
	-moz-transition: background 1s, opacity 1s;
	-o-transition: background 1s, opacity 1s;
}
.opacity:hover{opacity: .5;}