@charset "utf-8";

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

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


/* 탭 상단형 */
.xet_varientTabA { position:relative; margin:0; padding:0; *zoom:1; border-bottom:1px solid #ccc; }
.xet_varientTabA:after { content:""; display:block; clear:both;}
.xet_varientTabA li { float:left; margin:0 -1px -1px 0; padding:0; list-style:none; border:1px solid #ccc; background:#f9f9f9; }
.xet_varientTabA li.active { background:#fff; border:1px solid #ccc; border-bottom-color:#fff; }
.xet_varientTabA li a { position:relative; float:left; height:30px; line-height:30px; text-align:center; padding:0 10px; white-space:nowrap;  text-decoration:none; font-size:12px; color:#111; }
.xet_varientTabA li.active a { text-decoration:none; color:#111; }

	/* 블랙 컬러셋 */
	.xet_varient_wrp.black .xet_varientTabA { border-color:#333; }
	.xet_varient_wrp.black .xet_varientTabA li { background:#1b1b1b; border-color:#333; }
	.xet_varient_wrp.black .xet_varientTabA li.active { background:#0b0b0b; border-color:#333; border-bottom-color:#0b0b0b; }
	.xet_varient_wrp.black .xet_varientTabA li a { color:#ccc;}
	.xet_varient_wrp.black .xet_varientTabA li.active a { color:#fff;}

/* 탭 콘텐츠 출력 부분 */
.xet_varientDivider { position:relative; margin:0; padding:10px; border:1px solid #ccc; border-top:none; }
.xet_varientDivider:after { content:""; display:block; clear:both;}
.xet_varientDivider dt { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.xet_varientDivider dd { display:none; margin:0; padding:0; }

	.xet_varient_wrp.black .xet_varientDivider { border-color:#333; }




/* 목록형 , 이미지+제목, */
/* 썸네일 */
.xet_varient_wrp .widgetThumb { position:relative; margin:0; padding:0; text-align:center; border:5px solid #0b0b0b; }
.xet_varient_wrp .widgetThumb .thumb { display:block; }
.xet_varient_wrp .widgetThumb .thumb img { display:block; }

	/* 블랙 컬러셋 */
	.xet_varient_wrp.black .widgetThumb { border-color:#fff;}


/* 목록 ul 스타일 */
.xet_varientA { margin:0; padding:0; list-style:none; }
.xet_varientA li { margin:0; padding:0 5px 5px 0; list-style:none; color:#333; }
.xet_varientA li .board { font-weight:bold; padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center; color:#333; }
.xet_varientA li .notice { padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center; color:#e00; }
.xet_varientA li .category { font-weight:bold; padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center; color:#333; }
.xet_varientA li .subject { line-height:1.5; color:#111; }
.xet_varientA li .subject span { margin:0; padding:0 0 2px; }
.xet_varientA li .subject:hover span { border-bottom:2px solid; }
.xet_varientA li .replyNum a,
.xet_varientA li .trackbackNum a { font-size:10px; color:#e00; }
.xet_varientA li .author,
.xet_varientA li .date { color:#333; }

	/* 블랙 컬러셋 */
	.xet_varient_wrp.black .xet_varientA li { color:#ccc; }
	.xet_varient_wrp.black .xet_varientA li .board { color:#ccc; }
	.xet_varient_wrp.black .xet_varientA li .notice { background:url(../img/black/lineTextDiv.gif) no-repeat right center; color:#e00; }
	.xet_varient_wrp.black .xet_varientA li .category { background:url(../img/black/lineTextDiv.gif) no-repeat right center; color:#ccc; }
	.xet_varient_wrp.black .xet_varientA li .subject { color:#fff; }
	.xet_varient_wrp.black .xet_varientA li .author,
	.xet_varient_wrp.black .xet_varientA li .date { color:#ccc; }

/* 목록 table 스타일 */
.xet_varientTableA { width:100%; position:relative; margin:0; padding:0; }
.xet_varientTableA td { border:0; white-space:nowrap; vertical-align:top; padding:0 5px 5px 0; color:#333; }
.xet_varientTableA td .board { font-weight:bold; padding-right:5px; color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.xet_varientTableA td .notice { padding-right:5px; color:#e00; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.xet_varientTableA td .category { padding-right:5px; font-weight:bold; color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.xet_varientTableA td.title { width:100%; white-space:normal; line-height:1.5; }
.xet_varientTableA td.title .subject { font-weight:normal; color:#111; }
.xet_varientTableA td.title .subject span { margin:0; padding:0 0 2px; }
.xet_varientTableA td.title .subject:hover span { border-bottom:2px solid; }
.xet_varientTableA td .replyNum a,
.xet_varientTableA td .trackbackNum a { font-size:10px; color:#e00;}
.xet_varientTableA td .author,
.xet_varientTableA td .date { font-size:11px; color:#333;}

	/* 블랙 컬러셋 */
	.xet_varient_wrp.black .xet_varientTableA td.title .subject { color:#fff;}
	.xet_varient_wrp.black .xet_varientTableA td .board { color:#ccc; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
	.xet_varient_wrp.black .xet_varientTableA td .notice { color:#e00; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
	.xet_varient_wrp.black .xet_varientTableA td .category { color:#ccc; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
	.xet_varient_wrp.black .xet_varientTableA td .author { color:#ccc;}
	.xet_varient_wrp.black .xet_varientTableA td .date { color:#ccc;}



/* 갤러리형 */
.xet_varientGalleryA { position:relative; margin:0; padding:0; font-size:12px; *zoom:1; _margin-right:-100%;}
.xet_varientGalleryA:after{ content:""; display:block; clear:both;}
.xet_varientGalleryA li { float:left; overflow:hidden; margin:0 10px 10px 0; padding:10px; list-style:none; background:#0b0b0b; }
.xet_varientGalleryA li .thumb { display:block; position:relative; overflow:hidden; text-decoration:none;}
.xet_varientGalleryA li .thumb img { display:block; position: relative; }
.xet_varientGalleryA li .thumb .imgNone { display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#aaa; text-align:center; cursor:pointer; color:#000;}
.xet_varientGalleryA li .thumb .board { display:block; position:absolute; width:100%; top:0; left:0; padding:5px 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'); }
.xet_varientGalleryA li .thumb .category { display:block; position:absolute; width:100%; bottom:0; left:0; padding:5px 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'); }
.xet_varientGalleryA li .xet_varientGalleryA_cont { margin:0 auto; background:#fff; }
.xet_varientGalleryA li p { margin:4px 0 0 0; padding:0; color:#111; }
.xet_varientGalleryA li .title { margin:0 0 10px; padding:10px 0; line-height:24px; border-bottom:1px dotted #ccc; }
.xet_varientGalleryA li .subject { font-size:16px; color:#111; }
.xet_varientGalleryA li .subject span { margin:0; padding:0 0 2px; }
.xet_varientGalleryA li .subject:hover span { border-bottom:2px solid; }
.xet_varientGalleryA li .text { margin:4px 0; line-height:1.5; font-size:12px; color:#333; }
.xet_varientGalleryA li .replyNum a,
.xet_varientGalleryA li .trackbackNum a { font-size:10px; color:#e00;}
.xet_varientGalleryA li .date { font-size:11px; color:#333; }

	/* 블랙 컬러셋 */
	.xet_varient_wrp.black .xet_varientGalleryA li { background:#fff; }
	.xet_varient_wrp.black .xet_varientGalleryA li .xet_varientGalleryA_cont { background:#0b0b0b; }
	.xet_varient_wrp.black .xet_varientGalleryA li .title { border-color:#333; }
	.xet_varient_wrp.black .xet_varientGalleryA li .subject { color:#fff; }
	.xet_varient_wrp.black .xet_varientGalleryA li .text,
	.xet_varient_wrp.black .xet_varientGalleryA li .date { color:#ccc; }




/* 웹진형 */
.xet_varientZineA { position:relative; margin:0; padding:0; font-size:12px;  *zoom:1;}
.xet_varientZineA:after{ content:""; display:block; clear:both;}
.xet_varientZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:5px; *zoom:1; overflow:hidden; }
.xet_varientZineA li p { margin:0; padding:0; }
.xet_varientZineA li .titleArea {  margin-bottom:4px;}
.xet_varientZineA li .board { font-weight:normal; padding-right:5px;background:url(../img/white/lineTextDiv.gif) no-repeat right center; color:#333; }
.xet_varientZineA li .category { padding-right:5px; font-weight:normal; background:url(../img/white/lineTextDiv.gif) no-repeat right center; color:#333;}
.xet_varientZineA li .subject { font-weight:bold; color:#111; }
.xet_varientZineA li .subject span { margin:0; padding:0 0 2px; }
.xet_varientZineA li .subject:hover span { border-bottom:2px solid; }
.xet_varientZineA li .text { margin-bottom:4px; line-height:1.5; color:#333;}
.xet_varientZineA li .thumbArea { position:relative; float:left; overflow:hidden; padding:0; border:5px solid #0b0b0b; }
.xet_varientZineA li .thumb { display:block; position:relative; text-decoration:none; overflow:hidden; }
.xet_varientZineA li .thumb img { position:relative; width:100%;}
.xet_varientZineA li .replyNum a, 
.xet_varientZineA li .trackbackNum a { font-size:10px; color:#e00;}
.xet_varientZineA li .authorArea { }
.xet_varientZineA li .author { margin-right:10px; color:#333;}
.xet_varientZineA li .date,
.xet_varientZineA li .hour { font-size:11px; color:#333;}

	/* 블랙 컬러셋 */
	.xet_varient_wrp.black .xet_varientZineA li .board,
	.xet_varient_wrp.black .xet_varientZineA li .category { color:#ccc; background:url(../img/black/lineTextDiv.gif) no-repeat right center; }
	.xet_varient_wrp.black .xet_varientZineA li .subject { color:#fff; }
	.xet_varient_wrp.black .xet_varientZineA li .thumbArea { border-color:#e9e9e9; }
	.xet_varient_wrp.black .xet_varientZineA li .replyNum a { color:#e00; }
	.xet_varient_wrp.black .xet_varientZineA li .trackbackNum a { color:#e00; }
	.xet_varient_wrp.black .xet_varientZineA li .text,
	.xet_varient_wrp.black .xet_varientZineA li .author,
	.xet_varient_wrp.black .xet_varientZineA li .date { color:#ccc; }



/* 페이지 버튼 */
.xet_varientNavigator { margin:0; padding:0; text-align:right; clear:both; }
.xet_varientNavigator li { margin:0; padding:0; list-style:none; display:inline; }
.xet_varientNavigator li .more { margin:0 2px 0 0; padding:0; font-size:11px; color:#aaa; }
.xet_varientNavigator li .more:hover { color:#555; }
.xet_varientNavigator li button { width:16px; height:16px; margin:0; padding:0; vertical-align:top; background:url(../img/white/buttonWidgetNavigation.gif) no-repeat; border:1px solid #ccc; cursor:pointer;}
.xet_varientNavigator li button.prev { background-position:left center; *background-position:-1px center;}
.xet_varientNavigator li button.next { background-position:right center; *background-position:right center;}
.xet_varientNavigator li button span { position:absolute; display:block; width:0; height:0; font-size:0; overflow:hidden; visibility:hidden;}

	.xet_varient_wrp.black .xet_varientNavigator li button { border-color:#333; }


/* img hover */
.second-effect:hover .xet_mask { display:block; }
.xet_mask { display:none; position: absolute; overflow: hidden; top: 0; left: 0; opacity:0.7;  filter:alpha(opacity=70); -ms-filter:alpha('opacity=70'); }
.xet_mask a.info { display:block; text-decoration: none; padding:0; font-size:0; text-indent:-9999px; width:100%; height:100%;  background:url(../img/link.png) center no-repeat #000; }