@charset "utf-8";
.c_widget	{margin-bottom: 30px; position: relative;}
.c_widget .d_line	{margin: 0 3px; color: #CCC; font-size: 10px; line-height: 10px;}
.c_widget .dot	{margin: 0 3px;}
.w_webzine img[title=file],
.w_gallery img[title=file]	{display: none;}

#sidebar .c_widget	{margin-bottom: 20px; font-size: 11px;}

.w_rank	{ margin-right: 3px; padding: 3px 7px; background-color: #DDD; color: #666;}
.w_box .w_rank	{background-color: #EEE;}
.w_vote	{padding-left: 15px; background: url(../images/icn_heart.png) no-repeat left center;}

/* headline*/
.w_headline,
.w_tab	{margin-bottom: 15px; padding: 2px 0 8px; border-bottom: 1px solid #000; font: normal 13px 'Jeju Gothic', sans-serif;}
.w_headline a,
.w_tab_unit.on a	{color: #666;}
.w_headline .page_count,
.w_tab_unit.on .page_count	{color: #AAA;}
.w_tab_unit .page_count	{color: #CCC;}

.w_headline.w_box,
.w_tab.w_box	{padding: 0; margin: 0; border: 1px solid #DDD; background-color: #f7f7f7;}
.w_headline.w_box a	{display: inline-block; padding: 10px 12px 9px; margin: 0 0 -1px; background-color: #FFF; border-right: 1px solid #DDD;}
.w_headline.w_box.w_point a	{margin-top: -1px;}

.w_headline .page_count,
.w_tab_unit .page_count	{line-height: 10px;}
.ct_box .w_ga_unit	{background: none;}
.ct_box .w_ga_info	{padding: 15px 0 0;}

/* tab */
.w_tab	{padding-bottom: 0;}
.w_tab ul	{width: 150%;}
.w_tab_unit	{display: inline-block; position: relative; padding: 0 10px 10px; vertical-align: top;}
.w_tab_unit:after	{content: ''; position: absolute; right: 0; bottom: 0; width: 1px; height: 15px; background-color: #DDD;}
.w_tab_unit:last-child:after	{display: none;}
.w_tab_unit:first-child	{padding-left: 0;}
.w_tab_unit a	{color: #AAA;}

.w_box .w_tab_unit	{padding: 0;}
.w_box .w_tab_unit:after	{display: none;}
.w_box .w_tab_unit a	{font-size:13px; display: block; padding: 0 9px; height: 30px; line-height: 30px; border-right: 1px solid #DDD;}
.w_box .w_tab_unit.on a	{font-size:13px; height: 31px; line-height: 31px; margin-bottom: -1px; background-color: #FFF;}
.w_box.w_point .w_tab_unit a	{border-top: 1px solid #f7f7f7;}
.w_box.w_point .w_tab_unit.on a	{margin-top: -1px;}

.w_tab_con h2,
.w_tab_con>li	{display: none;}
.w_tab_con>li.on	{display: block;}

/* page */
.page_unit	{display: none; -webkit-transform:  translateZ(0);}
@media screen and (min-width: 769px) {
.page1	{display: block; list-style:none;}
}

@media screen and (max-width: 768px) {
.page1	{display: block; list-style:none; margin-left:-45px;}
}

.w_prev,
.w_next	{display: inline-block; position: absolute; top: -38px; width: 16px; height: 16px; text-indent: -9999px;}
.w_prev	{background: #FFF url(../images/icn_prev.png) no-repeat; right: 15px;}
.w_next	{background: #FFF url(../images/icn_next.png) no-repeat; width: 15px; right: 0;}
.w_box .w_prev	{top: -24px; right: 25px;}
.w_box .w_next	{top: -24px; right: 10px;}

/* list */
.w_list	{position: relative;}
.w_list.w_box	{padding: 15px; border: 1px solid #DDD; border-top: none; background-color: #FFF;}

#sidebar .w_list.w_box	{padding: 12px;}

.w_category:hover,
.w_browser:hover	{text-decoration: underline;}
a.w_category,
a.w_browser	{color: #AAA;}
.w_n_unit .date,
.w_n_unit .author a	{color: #666 !important;}
/* normal list */
.w_normal	{}
.w_n_unit	{margin-bottom: 10.5px; line-height: 13.5px;}
.w_n_unit:last-child	{margin-bottom: 1px;}
.outbox .w_n_unit	{margin-bottom: 6px;}
.w_n_info	{float: right;}
.w_n_unit .date	{ width: 65px; text-align: right;} /* display: inline-block;*/
.w_n_unit .author	{display: inline-block; text-align: right;}
.w_n_unit .w_rank	{padding: 1px 5px; font-size: 10px;}
.w_n_unit .w_vote	{color: #999;}

/* webzine list */
.w_w_unit	{position: relative; margin-bottom: 15px;}
.w_w_unit:last-child	{margin-bottom: 0;}
@-moz-document url-prefix() {
	.w_w_unit:last-child	{margin-bottom: 1px;}
}
.w_w_title	{font-weight: bold;}
.w_w_thumb	{display: block; position: absolute; left: 0;}
.w_no_thumb	{box-sizing: border-box; border: 1px dashed #CCC; font-size: 12px; text-transform: uppercase; color: #BBB; text-align: center; -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.w_no_thumb span	{display: inline-block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.w_w_summary	{margin-top: 8px; font-size: 11px; color: #888; line-height: 160%;}
.w_w_info	{margin-top: 8px; font-size: 11px; color: #999;}
.w_w_info a	{color: #999;}
.w_w_info span:last-child .dot	{display: none;}

.w_w_unit .w_rank,
.w_c_unit .w_rank	{position: absolute; left: 0; top: 0; z-index: 10;}

/* comment */
.w_c_unit	{position: relative; margin-bottom: 15px; padding-left: 55px; font-size: 11px}
#sidebar .w_c_unit	{padding-left: 40px;}
.w_c_unit:last-child	{margin-bottom: 0;}
.w_c_unit .profile	{position: absolute; left:0; top: 0;}
#sidebar .w_c_unit .profile	{width: 30px; height: 30px; background-size: 30px 30px;}
#sidebar .w_c_unit .profile_image	{width: 30px; height: 30px;}
.w_c_body	{position: relative; height: 78px; border: 1px solid #DDD; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#sidebar .w_c_body	{height: auto;}
.w_c_body:after	{content: '';position: absolute; right: 100%; top: 9px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #f7f7f7;}
.w_c_body:before	{content: '';position: absolute; right: 100%; top: 8px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #CCC;}
.w_c_info	{padding: 6px 10px; border-bottom: 1px solid #DDD; background-color: #f7f7f7; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.w_c_info .date	{margin-left: 3px; line-height: 10px; color: #BBB;}
.w_c_title	{padding: 8px 10px 0; line-height: 160%;}
#sidebar .w_c_title	{padding: 8px 10px;}
.w_c_browser	{float: right; color: #BBB;}
.w_c_browser:hover	{text-decoration: underline;}

.w_box .w_c_body	{border: 1px dashed #DDD; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.w_box .w_c_body:after,
.w_box .w_c_body:before	{display: none;}
.w_box .w_c_info	{border-bottom: 1px dashed #DDD;}

/* list line */
.w_l_unit	{position: relative; min-height: 30px; margin: 0 0 5px 15px; line-height: 30px; background-color: #f7f7f7; word-wrap: normal; white-space: nowrap;}
.w_l_unit:last-child	{margin-bottom: 1px;}
.w_l_unit .profile	{display: block; position: absolute; left: -15px; top: 0; width: 30px; height: 30px; background-size: 30px 30px; background-color: #f7f7f7; z-index: 1;}
.w_l_unit .profile_image	{width: 30px; height: 30px;}
.w_l_info	{margin-right: 10px; overflow: hidden;}
.w_l_info2	{position: relative;}
.w_l_unit .author	{display: none; padding-left: 22px; padding-right: 10px; margin-right: 22px; height: 30px; color: #FFF;}

.w_line .page_unit	{display: block; height: 0; overflow: hidden;}
.w_line .page1	{height: auto; overflow: auto;}

/* gallery */
.w_gallery	{font-size: 0; margin-bottom: -20px;}
.w_g_unit	{display: inline-block; position: relative; font-size: 12px; vertical-align: top; overflow: hidden;}
.w_g_unit .d_line	{display: none;}
.w_g_browser+.d_line	{display: inline-block;}
.w_g_browser,
.w_g_category	{display: inline-block; margin-bottom: 6px; font: 11px 'Jeju Gothic', sans-serif; color: #BBB;}

.w_g_unit .w_rank	{position: absolute; left: 0; top: 0; z-index: 10;}

.w_gallery.w_box	{padding-top: 15px; padding-bottom: 0; margin-bottom: 30px;}

.w_ga_unit	{background-color: #FFF;}
.w_ga_unit .w_g_browser,
.w_ga_unit .w_g_category	{margin-bottom: 5px;}
.w_ga_unit .w_g_browser:hover,
.w_ga_unit .w_g_category:hover	{text-decoration: underline;}
.w_ga_thumb	{display: block;}
.w_ga_info	{padding: 15px;}
.w_box .w_ga_info	{padding: 16px 0 0;}
.w_ga_title	{font-weight: bold; line-height: 140%; font-size:13px;}
.w_ga_summary	{margin-top: 10px; color: #666; font-size: 11px; line-height: 160%;}
.w_ga_info2:empty	{display: none;}
.w_ga_info2	{margin-top: 6px; color: #BBB; font-size: 11px;}
.w_ga_info2 a	{color: #BBB;}
.w_ga_info2 li	{display: inline-block;}
.w_ga_info2 li:last-child .dot	{display: none;}

.w_gb_unit	{background-color: #000;border-radius:3px;}
.w_gb_unit.no_thumb	{background-color: #FFF;}
.w_gb_info	{position: absolute; left: 0; bottom: 0;}

.w_gb_unit:not(.no_thumb) .w_gb_info2,
.w_gb_unit:not(.no_thumb) .w_gb_info2 a	{color: #CCC;}

.w_gb_unit .w_no_thumb	{background-color: #EEE;}
.w_gb_unit .w_no_thumb span	{display: none;}

.w_gb_link	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;border-radius:3px;}
.w_gb_info	{display: none; position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px; box-sizing: border-box; z-index: 7;}
.no_thumb .w_gb_info	{display: block;}
.w_gb_unit:hover .w_gb_info	{display: block;}
.w_gb_title	{font-weight: bold; color: #FFF;}
.no_thumb .w_gb_title	{color: #555;}
.w_list .no_thumb .cm_num	{color: #999;}

.w_gc_info	{display: block;}
.bg_news	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: url(../images/bg_news.png) repeat-x left bottom;} 


/* slider */
.swiper-container {
  margin: 0 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	{float: left; position: relative;}
.w_slide_info	{position: absolute; left: 0; bottom: 0; padding: 15px; width: 100%; box-sizing: border-box; font-size: 12px; font-weight: normal;}
.w_slide_info:before	{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4;}
.w_slide_info>div	{position: relative; z-index: 1;}
.w_slide_info .title	{color: #FFF; font-weight: bold;}
.w_slide_info .d_line	{color: #666;}
.w_slide_page	{position: absolute; right: 15px; bottom: 15px; z-index: 10;}
.w_slide_page.center	{width: 100%; left: 0; text-align: center;}
.swiper-pagination-switch {display: inline-block; margin-left: 4px; width: 8px; height: 8px; cursor: pointer; background-color: #FFF; opacity: 0.5;}
.swiper-active-switch	{opacity: 1.0;}
.w_slide_prev,
.w_slide_next	{display: none; position: absolute; top: 50%; margin-top: -25px; width: 33px; height: 50px; overflow: hidden; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-position: center center; text-indent: -9999px;}
.w_slide_prev	{left: 0; background-image: url(../images/w_arrow_prev.png);}
.w_slide_next	{right: 0; background-image: url(../images/w_arrow_next.png);}
.w_slide:hover .w_slide_prev,
.w_slide:hover .w_slide_next	{display: block;}
.w_slide_link	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}

.w_slide	{margin-bottom: 30px; position: relative;}
#sidebar .w_slide	{margin-bottom: 20px;}
.w_slide_title	{position: absolute; top: 0; left: 0; width: 100%; text-align: center; font: normal 12px 'Jeju Gothic', sans-serif; z-index: 10;}
.w_slide_title a	{display: inline-block; padding: 0 15px; height: 30px; line-height: 30px; color: #FFF; -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);-webkit-backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased;}

.w_slide .w_no_thumb	{background-color: #FFF;}