@charset "utf-8";

.neon_widget	{margin-top: 15px;}
.sub_ctn .neon_widget	{background-color: #EEE; padding-top: 15px; margin-top: 0;}
.ctn .ctt	{background-color: transparent;}

/* widget tab */
.w_tab,
.w_h1	{position: relative; margin: 0 15px; font-size: 0.9em;}
.w_tab li	{display: inline-block; margin-right: 1px;}
.w_tab li>span	{display: inline-block; position: relative; padding: 0 10px; line-height: 30px; color: #FFF; z-index: 1;}
.w_tab li>span::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; z-index: -1;}
.w_tab li.active>span::after	{opacity: 1.0;}
.w_tab li.active	{font-weight: bold;}
.w_tab .bt_more,
.w_h1 .bt_more	{display: inline-block; position: absolute; right: 0; bottom: 0; padding: 0 10px; line-height: 30px; color: #FFF; z-index: 1;}
.w_tab .active .bt_more	{z-index: 2;}
.w_title	{display: inline-block; padding: 0 10px; line-height: 30px; color: #FFF;}

.inside_title	{background-color: #FFF;}
.inside_title .w_tab,
.inside_title .w_h1	{margin: 0; padding: 15px; font-size: 1.0em; border-bottom: 1px solid #EEE;}

.inside_title .w_tab li>span	{padding: 0; margin-right: 10px; line-height: 1.0em; color: #888;}
.inside_title .w_tab li.active>span	{color: #333;}
.inside_title .w_tab li>span::after	{content: none;}
.inside_title .w_tab .bt_more	{right: 5px; top: 15px; background-color: transparent; line-height: 1.0em; color: #333;}

.inside_title .w_title	{background-color: transparent; padding: 0; line-height: 1.0em; color: #333;}
.inside_title .w_h1 .bt_more	{display: none;}

/* widget list */
.w_list	{position: relative; background-color: #FFF; z-index: 1;}
.w_list .list_unit	{padding: 5px 15px 0;}
.w_list .list_cmt	{font-size: 0.85em;}
.w_list .list_icon	{display: inline-block; width: 14px; height: 14px; margin-left: 2px; border-radius: 50%; font-size: 9px; line-height: 14px; background-color: #f13a3a; vertical-align: middle; text-align: center; color: #FFF;}
.w_list .list_link	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
.w_list .list_board	{margin-bottom: 3px; font-size: 0.85em; color: #616baf;}
.w_list .list_ctg	{margin-right: 3px; color: #888;}
.w_list .list_rank	{display: block; position: absolute; left: 0; top: 10px; width: 20px; padding: 3px 0; text-align: center; font-size: 0.85em; color: #FFF; z-index: 2;}
.w_list .list_unit>li.has_rank	{padding-left: 30px;}

/* sub style */
.sub_ctn .neon_widget	{margin-top: 0; padding-top: 10px; background-color: #EEE;}
.sub_ctn .w_title	{background-color: #FFF; color: #333;}
.sub_ctn .w_tab li>span	{color: #888;}
.sub_ctn .w_tab li>span::after	{content: none;}
.sub_ctn .w_tab li.active	{background-color: #FFF;}
.sub_ctn .w_tab li.active span	{color: #333;}
.sub_ctn .w_tab .bt_more,
.sub_ctn .w_h1 .bt_more	{background-color: #FFF; color: #333;}

/* normal list */
.wln .list_unit>li	{position: relative; padding: 10px 0; border-bottom: 1px solid #EEE;}
.wln .list_unit>li:last-child	{border-bottom: none;}
.wln .list_unit>li.has_date	{padding-right: 50px;}
.wln .list_title	{line-height: 1.2em;}
.wln .list_date	{position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 0.85em; color: #AAA;}

/* board list */
.wlb .list_unit>li	{position: relative; padding: 13px 0; border-bottom: 1px solid #EEE;}
.wlb .list_unit>li:last-child	{border-bottom: none;}
.wlb .list_thumb	{position: absolute; left: 0; top: 10px; z-index: 1;}
.wlb .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; box-sizing: border-box; opacity: 0.2;}
.wlb .list_title	{line-height: 1.2em;}
.wlb .list_info	{margin-top: 5px; color: #999;}
.wlb .list_info:empty	{display: none;}
.wlb .list_info>div	{display: inline-block; margin-right: 10px; font-size: 0.8em;}
.wlb .list_info i	{color: #DDD;}
.list_info .list_summary	{line-height: 1.4em; font-size: 0.85em; color: #888;}
.list_info div + p	{margin-top: 5px;}

/* gallery list */
.wlg .list_unit	{padding: 15px 0 0 15px;}
.wlg .list_unit>li	{display: inline-block; position: relative; margin: 0 15px 15px 0; vertical-align: top;}
.wlg .list_thumb	{position: relative;}
.wlg .list_thumb img	{display: block; width: 100%; height: auto;}
.wlg .no_thumb	{position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); text-align: center; font-size: 0.8em; color: #BBB;}
.wlg .no_thumb i	{color: #DDD;}
.wlg .list_board	{margin-top: 5px; border-bottom: 0;}
.wlg .list_title	{margin-top: 5px; line-height: 1.2em; font-size: 0.85em;}
.wlg .list_vote	{font-size: 0.85em; color: #AAA;}
.wlg .list_vote i	{color: #DDD;}
.wlg .list_info	{margin-top: 5px; font-size: 0.8em; color: #AAA;}
.wlg .list_info:empty	{display: none;}
.wlg .list_info>div	{display: inline-block;}
.wlg .nickname	{margin-right: 5px;}
.wlg .list_rank	{top: 0;}

/* gallery scroll */
.wlg2_wrap	{overflow: hidden;}
.wlg2 .list_unit	{padding: 15px 0 65px 15px; margin-bottom: -50px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.wlg2 .list_unit>li	{margin: 0 15px 0 0;}
.wlg2 .list_title	{white-space: normal; word-break: break-all;}

/* comment list */
.wlc .list_unit	{padding-top: 15px;}
.wlc .list_unit>li	{position: relative; padding-left: 55px; margin-bottom: 15px;}
.wlc .pf	{position: absolute; left: 0; top: 0;}
.wlc .list_body	{position: relative; padding: 10px 13px; background-color: #EEE; border-radius: 10px;}
.wlc .list_body::before	{content: ''; position: absolute; right: 100%; top: 13px; border-right: 8px solid #EEE; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid transparent;}
.wlc .list_title	{line-height: 1.4em;}
.wlc .list_info	{margin-top: 2px; color: #AAA;}
.wlc .list_info:empty	{display: none;}
.wlc .list_info>div	{display: inline-block; margin-right: 10px; font-size: 0.8em;}
.wlc .list_info i	{color: #DDD;}


/* swiper */
.swiper-ctn {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide	{
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
.swiper-pagination	{padding: 10px 0 15px; border-top: 1px solid #EEE; text-align: center;}
.swiper-pagination-bullet	{display: inline-block; margin: 0 3px; width: 6px; height: 6px; border-radius:3px; background-color: #EEE;}


/* ´ÙÅ©¸ðµå */

.color_scheme_dark .w_h1,
.color_scheme_dark .w_title,
.color_scheme_dark .sub_ctn,
.color_scheme_dark .neon_widget,
.color_scheme_dark .w_list,
.color_scheme_dark .has_date
{
color: #fdfdfd;
background-color: #2d2d2d;
}


.color_scheme_dark .swiper-pagination
{
color: #fdfdfd;
background-color: #464646;
}