@charset "utf-8";

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

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


/* 탭 상단형 */
.xet_pastel_widgetTabA { position:relative; margin:0; padding:0; *zoom:1; border-bottom:2px solid #927e79; }
.xet_pastel_widgetTabA:after { content:""; display:block; clear:both;}
.xet_pastel_widgetTabA li { float:left; margin:0 -1px -1px 0; padding:0; list-style:none; border:1px solid #e1e1e1; border-bottom:none; background:#fff; }
.xet_pastel_widgetTabA li.active { background:#000; border:1px solid #000; border-bottom-color:#000; color:#fff; }
.xet_pastel_widgetTabA li a { position:relative; float:left; height:30px; line-height:30px; text-align:center; padding:0 5px; text-decoration:none; font-size:12px; color:#9a8883; }
.xet_pastel_widgetTabA li.active a { color:#fff; }


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


/* 탭 왼쪽형 */
.xet_pastel_widgetTabC { overflow:hidden; margin:0 10px 0 0; padding:0; font-size:12px; }
.xet_pastel_widgetTabC li { list-style:none;  *zoom:1; margin:0; background:#B1A59B; }
.xet_pastel_widgetTabC li a { display:block; padding:10px; text-decoration:none; *zoom:1; color:#fff;}
.xet_pastel_widgetTabC li a.bg1 { background:#b1a59b; }
.xet_pastel_widgetTabC li a.bg2 { background:#927e79; }
.xet_pastel_widgetTabC li a:hover,
.xet_pastel_widgetTabC li.active a { background:#000; color:#fff; }

/* 탭 왼쪽 콘텐츠 출력 부분 */
.xet_pastel_widgetDivider_left { overflow:hidden; position:relative; margin:0; padding:0; }
.xet_pastel_widgetDivider_left:after { content:""; display:block; clear:both;}
.xet_pastel_widgetDivider_left dt { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.xet_pastel_widgetDivider_left dd { display:none; margin:0; padding:0; }


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

/* 목록 ul 스타일 */
.xet_pastel_widgetA { margin:0; padding:0; list-style:none; }
.xet_pastel_widgetA li { margin:0; padding:2px 0; list-style:none; color:#9a8883; }
.xet_pastel_widgetA li.arrow { padding-left:8px; background:url(../img/arrow.png) left center no-repeat; }
.xet_pastel_widgetA li .board { font-weight:bold; padding-right:5px; color:#9a8883; }
.xet_pastel_widgetA li .notice { padding-right:5px; color:#9a8883; }
.xet_pastel_widgetA li .category { font-weight:bold; padding-right:5px; color:#9a8883; }
.xet_pastel_widgetA li .subject { color:#9a8883; }
.xet_pastel_widgetA li .subject:hover { color:#B95137; }
.xet_pastel_widgetA li .replyNum a,
.xet_pastel_widgetA li .trackbackNum a { font-size:10px; color:#B95137; }
.xet_pastel_widgetA li .author,
.xet_pastel_widgetA li .date { font-size:11px;  color:#9a8883; }


/* 목록 table 스타일 */
.xet_pastel_widgetTableA { width:100%; position:relative; margin:0; padding:0; }
.xet_pastel_widgetTableA td { border:0; white-space:nowrap; vertical-align:middle; padding:2px; color:#9a8883; }
.xet_pastel_widgetTableA td .board { font-weight:bold; padding-right:5px; color:#9a8883; }
.xet_pastel_widgetTableA td .notice { padding-right:5px; color:#9a8883; }
.xet_pastel_widgetTableA td .category { padding-right:5px; font-weight:bold; color:#9a8883; }
.xet_pastel_widgetTableA td.title { width:100%; white-space:normal; }
.xet_pastel_widgetTableA td.title a { color:#9a8883; }
.xet_pastel_widgetTableA td.title a:hover { color:#B95137; }
.xet_pastel_widgetTableA td .replyNum a,
.xet_pastel_widgetTableA td .trackbackNum a { font-size:10px;  color:#B95137;}
.xet_pastel_widgetTableA td .author,
.xet_pastel_widgetTableA td .date { font-size:11px; color:#9a8883;}


/* 갤러리형 */
.xet_pastel_widgetGalleryA { position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.xet_pastel_widgetGalleryA:after{ content:""; display:block; clear:both;}
.xet_pastel_widgetGalleryA li { float:left; overflow:hidden; margin:0; padding:0; list-style:none;}
.xet_pastel_widgetGalleryA li.clearRight{ margin-right:0;}
.xet_pastel_widgetGalleryA li .thumb { display:block; position:relative; overflow:hidden; text-decoration:none;}
.xet_pastel_widgetGalleryA li .thumb img { display:block; }
.xet_pastel_widgetGalleryA li .thumb .imgNone { display:block; position:relative; white-space:nowrap; background:#eee; text-align:center; cursor:pointer; color:#000;}
.xet_pastel_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'); }
.xet_pastel_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'); }
.xet_pastel_widgetGalleryA li p { margin:2px 0 0 0; padding:0; }
.xet_pastel_widgetGalleryA li .title a { margin-top:5px; font-size:12px; color:#fff;}
.xet_pastel_widgetGalleryA li .text { font-size:12px; padding:0 10px; color:#fff; }
.xet_pastel_widgetGalleryA li .author { display:block; color:#fff;}
.xet_pastel_widgetGalleryA li .replyNum a,
.xet_pastel_widgetGalleryA li .trackbackNum a { font-size:11px; font-weight:bold; color:#B95137;}
.xet_pastel_widgetGalleryA li .date,
.xet_pastel_widgetGalleryA li .hour { font-size:11px; color:#fff; }


.xet_gallery_view_tenth { position:relative; }
.xet_gallery_view { position:relative; float: left; overflow: hidden; text-align: center; cursor: default; background: #fff;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6; 
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;	
}
.xet_gallery_view .mask,
.xet_gallery_view .content { position: absolute; overflow: hidden; top: 0; left: 0; right:0; bottom:0; }
.xet_gallery_view img { display: block; position: relative; }
.xet_gallery_view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; margin: 20px 0 0 0; padding: 10px; background: rgba(0, 0, 0, 0.8); }
.xet_gallery_view p { font-size: 12px; padding: 10px 20px 20px; text-align: center; position: relative; color: #fff; }
.xet_gallery_view a.info { display: inline-block; text-decoration: none; margin:10px 0; padding: 7px 14px; background: #B95137; color: #fff; text-transform: uppercase; 
	-webkit-box-shadow: 0 0 1px #927E79;
	-moz-box-shadow: 0 0 1px #927E79;
	box-shadow: 0 0 1px #927E79;
}
.xet_gallery_view a.info:hover { background:#000;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
.xet_gallery_view_sixth img {
	-webkit-transition: all 0.4s ease-in-out 0.5s;
	-moz-transition: all 0.4s ease-in-out 0.5s;
	-o-transition: all 0.4s ease-in-out 0.5s;
	-ms-transition: all 0.4s ease-in-out 0.5s;
	transition: all 0.4s ease-in-out 0.5s;
}
.xet_gallery_view_sixth .mask { background-color: rgba(146,96,91,0.5); *background:#333; 
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in 0.4s;
	-moz-transition: all 0.3s ease-in 0.4s;
	-o-transition: all 0.3s ease-in 0.4s;
	-ms-transition: all 0.3s ease-in 0.4s;
	transition: all 0.3s ease-in 0.4s;
}
.xet_gallery_view_sixth h2 { background: transparent;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;   
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.xet_gallery_view_sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.xet_gallery_view_sixth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.xet_gallery_view_sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.xet_gallery_view_sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.xet_gallery_view_sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.xet_gallery_view_sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.xet_gallery_view_sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
				

/* 웹진형 */
.xet_pastel_widgetZineA { position:relative; margin:0; padding:0; font-size:12px;  *zoom:1;}
.xet_pastel_widgetZineA:after{ content:""; display:block; clear:both;}
.xet_pastel_widgetZineA li { list-style:none; clear:both; margin-bottom:5px; padding-bottom:5px; *zoom:1; overflow:hidden; }
.xet_pastel_widgetZineA li p { margin:0; padding:0; }
.xet_pastel_widgetZineA li .titleArea {  margin-bottom:4px;}
.xet_pastel_widgetZineA li .board { font-weight:bold; padding-right:5px; color:#9a8883; }
.xet_pastel_widgetZineA li .category { padding-right:5px; font-weight:bold; color:#9a8883;}
.xet_pastel_widgetZineA li .title { font-weight:bold; color:#9a8883; }
.xet_pastel_widgetZineA li .title:hover { color:#B95137; }
.xet_pastel_widgetZineA li .text { margin-bottom:4px; color:#9a8883;}
.xet_pastel_widgetZineA li .thumbArea { position:relative; float:left; overflow:hidden;}
.xet_pastel_widgetZineA li .thumb { display:block; position:relative; text-decoration:none; overflow:hidden;}
.xet_pastel_widgetZineA li .thumb img { position:relative; width:100%;}
.xet_pastel_widgetZineA li .replyNum a, 
.xet_pastel_widgetZineA li .trackbackNum a { font-size:10px; color:#B95137;}
.xet_pastel_widgetZineA li .authorArea { }
.xet_pastel_widgetZineA li .author { margin-right:10px; color:#9a8883;}
.xet_pastel_widgetZineA li .date,
.xet_pastel_widgetZineA li .hour { font-size:11px; color:#9a8883;}


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



