@charset "utf-8";

.xet_clear {
	*zoom:1; 
}
.xet_clear:after{ 
	content:""; 
	display:block; 
	clear:both;
}
.xet_sc { 
	position:relative; 
	padding:0; 
	margin:0;
}
.xet_sc a { 
	text-decoration:none; 
}
.xet_sc a:hover { }

/* Widget Title
-------------------------------------------- */
.xet_sc_title { 
	margin-bottom:10px; 
	padding: 0; 
	min-height:15px; 
}
.xet_sc_title h3 { 
	font-size:12px;
	color:#333; 
}
.xet_sc_title img { 
	display:block; 
	vertical-align:top; 
}
/* 컬러셋 어두운배경 */
.xet_sc.sc_black .xet_sc_title h3 { 
	color: #fff; 
}

/* Gallery Style
-------------------------------------------- */
.xet_gw_wrp { 
	position:relative; 
	margin:0;
	padding:10px 0 10px 0;
	border:1px solid #dadada; /* 2016.02.18 추가 */
}

/* 2016.02.18 추가
.xet_gw_wrp1 {    
	position:relative; 
	margin:10px 0 10px 0;
	padding:0;
}*/

.xet_gw_content { 
	position:relative; 
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.xet_gw_content ul { 
	list-style:none;
	margin:0;
	padding:0;
	*zoom:1; 
}
.xet_gw_content ul:after{ 
	content:""; 
	display:block; 
	clear:both;
}
.xet_gw_content li { 
	float:left; 
	padding:0; 
	margin:0;
}
.xet_gw_content .xet_gw_thumb {
	position:relative;
	margin:0;
	padding:0; 
}
.xet_gw_content .xet_gw_thumb a { 
	display:block; 
}
.xet_gw_content .xet_gw_thumb .xet_sw_noimg { 
	display:block; 
	text-align:center;
	border-radius: 3px; 
	background:#aaa;
	color:#eee; 
}
.xet_gw_content .xet_gw_thumb img { 
	vertical-align:top; 
	border-radius: 3px; 
}

/* board title */
.xet_gw_content .xet_gw_board { 
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin:0 ; 
	padding: 5px 0; 
	text-align:center; 
	border-radius: 3px 3px 0 0;
	background: #222;
	background: rgba(0,0,0,.7);
}
.xet_gw_content .xet_gw_board a { 
	font-size:11px;
	color: #fff; 
}
/* cate */
.xet_gw_content .xet_gw_cate { 
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin:0 ; 
	padding: 5px 0; 
	text-align:center; 
	border-radius: 0 0 3px 3px;
	background: #222;
	background: rgba(0,0,0,.7);
}
.xet_gw_content .xet_gw_cate a { 
	font-size:11px;
	color: #fff; 
}
.xet_gw_content .xet_gw_subject_wrp { 
	margin: 7px 0 0;	
	padding:0;
	text-align:center; /* 2017-08-09 추가 */	
}
.xet_gw_content .xet_gw_subject { 
	font-size:14px; 
	color: #555; 
}
.xet_gw_content .xet_gw_reply { 
	color:#c00; font:11px Tahoma;
	text-decoration:none; 
}
.xet_gw_content .xet_gw_summery,
.xet_gw_content .xet_gw_date_nick { 
	margin: 5px 0 0;
	padding:0; 
	font-size: 12px; 
	font-weight:normal; 
	color:#777; 
}
.xet_gw_content .xet_gw_date_nick a { 
	color:#777; 
}


/* Navigator */
.xet_gw_btn_prev,
.xet_gw_btn_next { 
	z-index: 5;
	position:absolute; 
	top:0; 
}
.xet_gw_btn_prev {
	left: 5px;
}
.xet_gw_btn_next { 
	right: 5px;
}
.xet_gw_btn_prev button,
.xet_gw_btn_next button { 
	width: 30px; 
	height: 30px; 
	cursor:pointer;
	border: 0; 
	border-radius: 50%;
}
.xet_gw_btn_prev button { 
	background:url(../img/arrow_prev.png) center no-repeat #7f8c8d;  
}
.xet_gw_btn_next button { 
	background:url(../img/arrow_next.png) center no-repeat #7f8c8d;
}
.xet_gw_btn_prev button:hover,
.xet_gw_btn_next button:hover {
	background-color: #e67e22;
}
.xet_gw_btn_prev button span,
.xet_gw_btn_next button span { 
	visibility:hidden; font-size:0; 
}


/* 컬러셋 어두운배경 */
.xet_sc.sc_black .xet_gw_content .xet_gw_subject { 
	color: #fff; 
}
.xet_sc.sc_black .xet_gw_content .xet_gw_summery,
.xet_gw_content .xet_gw_date_nick a { 
	color:#ccc;
}



/* list style
--------------------------------------------- */
/* 썸네일 출력 */
.xet_sw_content ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
	
}
.xet_sw_content li {  
	position: relative;
	list-style:none; 
	padding: 0; 
	margin:0; 
	*zoom:1;
}
.xet_sw_content .xet_sw_thumbnail { 
	position: relative;
	float:left;
	margin:0;
	padding:0; 
}
.xet_sw_content .xet_sw_thumbnail a { 
	display:block; 
}
.xet_sw_content .xet_sw_thumbnail a img { 
	vertical-align:top;
	border-radius: 3px; 
}
.xet_sw_content .xet_sw_thumbnail .xet_sw_noimg { 
	display:block; 
	text-align:center; 
	border-radius: 3px;
	background:#aaa; 
	color:#eee; 
}

/* board title */
.xet_sw_board { 
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin:0 ; 
	padding: 5px 0; 
	text-align:center; 
	border-radius: 3px 3px 0 0;
	background: #222;
	background: rgba(0,0,0,.7);
}
.xet_sw_board a {
	font-size:11px; 
	color: #fff;
}
/* cate */
.xet_sw_content .xet_sw_cate { 
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin:0 ; 
	padding: 5px 0; 
	text-align:center; 
	border-radius: 0 0 3px 3px;
	background: #222;
	background: rgba(0,0,0,.7);
}
.xet_sw_content .xet_sw_cate a { 
	font-size:11px;
	color: #fff; 
}
/* contents */
.xet_sw_info { 
	position:relative; 
	margin:0; 
	padding:0; 
	overflow:hidden; 
}
.xet_sw_info .browser_title { 
	margin: 0 0 5px;
	padding:0; 
	color: #e67e22;
}
.xet_sw_info .browser_title a { 
	color: #e67e22;
}
.xet_sw_info .xet_sw_subject_wrp { 
	margin: 0 0 5px;
	padding:0; 
	text-align:left; 
}
.xet_sw_info .xet_sw_subject { 
	font-size:14px; 
	color: #555; 
}
.xet_sw_info .xet_sw_reply { 
	color:#c00;
	font:11px Tahoma;
}
.xet_sw_info .xet_sw_summery { 
	margin: 0 0 5px;
	padding:0; 
	color: #777; 
}
.xet_sw_info .xet_sw_date,
.xet_sw_info .xet_sw_nick { 
	display:inline-block; 
	margin:0 0 5px; 
	padding:0;
	font-size:11px; 
	color:#777; 
}
.xet_sw_info .xet_sw_nick a { 
	color:#777; 
}



/* 스크롤 버튼 */
.xet_sw_btn { 
	position:relative; 
	text-align:center; 
	margin: 5px 0 0; 
	padding: 0;
}
.xet_sw_btn button { 
	width: 20px;
	height: 20px; 
	margin:0; 
	padding:0; 
	cursor:pointer; 
	border: 0;
	border-radius: 50%;
}
.xet_sw_btn .xet_sw_btn_prev { 
	background:url(../img/arrow_prev.png) center no-repeat #7f8c8d; 
}
.xet_sw_btn .xet_sw_btn_next { 
	background:url(../img/arrow_next.png) center no-repeat #7f8c8d; 	
}
.xet_sw_btn button:hover {
	background-color: #e67e22;
}
.xet_sw_btn button span { 
	visibility:hidden; 
	font-size:0; 
}



	/* 컬러셋 검은색배경 */
.xet_sc.sc_black .xet_sw_info .xet_sw_subject { 
	color: #fff; 
}
.xet_sc.sc_black .xet_sw_info .xet_sw_summery,
.xet_sc.sc_black .xet_sw_info .xet_sw_date,
.xet_sc.sc_black .xet_sw_info .xet_sw_nick a { 
	color: #ccc; 
}
