@charset "utf-8";

.hg_widget img[title=file]	{display: none;}
.side_menu .ch_wg img[title=file]	{display: none;}

.hg_widget	{font-size: 12px;}

/** title & tab **/
.hg_widget .page_count	{font: 11px/12px "Lato";}
.w_page	{position: absolute; right: 0; top: 5px; z-index: 2;}
.w_page button	{display: inline-block; width: 20px; height: 20px; background-size: 20px 20px !important; text-indent: -9999px;}
.w_page button.w_next	{background: url(../images/arrow_right2.png) no-repeat center center;}
.w_page button.w_prev	{background: url(../images/arrow_left2.png) no-repeat center center;}
.hg_content .title_ .w_page button.w_next	{border-left: none;}

/* title */
.w_title	{display: inline-block; padding: 7px 12px; margin-bottom: 20px; background-color: #FFF; letter-spacing: 0.15em; font-size: 11px;}
.hg_widget_N .w_title	{background-color: #FFF;}

/* tab */
.w_tab	{margin-bottom: 20px; white-space: nowrap; letter-spacing: 0.15em; font-size: 11px;}
.w_tab li	{display: inline-block; position: relative; margin-right: -1px;}
.w_tab li a	{display: inline-block; padding: 7px 12px;}
.w_tab li.active	{background-color: #FFF; z-index: 1;}

/** list **/
.hg_widget .list_unit>li	{position: relative;}
.hg_widget .list_rank	{display: inline-block; min-width: 24px; box-sizing: border-box; background-color: #FFF; vertical-align: middle; text-align: center; font: 10px/22px "Lato";}
.hg_widget .list_link	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 3;}
.hg_widget .rank_browser	{white-space: nowrap;}
.hg_widget .list_browser	{display: inline-block; padding: 0 8px; background-color: #FFF; line-height: 22px; font-size: 11px;}
.hg_widget .list_rank_wrap + .list_browser	{border-left: none; vertical-align: middle;}
.hg_widget .list_ctg	{display: inline-block; padding-right: 5px; color: #6e8a98;}
.hg_widget .list_ctg:hover	{text-decoration: underline;}
.hg_widget .list_title	{line-height: 160%;}
.hg_widget .list_thumb	{display: block; position: relative;}
.hg_widget .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); z-index: 1;}
.hg_widget .list_thumb img	{display: block;}
.hg_widget .no_thumb	{display: block; position: relative; font: 11px "Lato";}
.hg_widget .no_thumb>span	{position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; letter-spacing: 0.15em;}
.hg_widget .list_summary	{line-height: 160%;}
.hg_widget .list_info	{font-size: 11px;}
.hg_widget .list_info:empty	{display: none !important;}
.hg_widget .list_cmt,
.hg_widget .list_vote,
.hg_widget .list_info .date	{font: 11px "Lato";}

.hg_widget .list_icon	{display: inline-block; width: 13px; height: 13px; line-height: 13px; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}
.hg_widget .wlg .list_icon img,
.hg_widget .wlg2 .list_icon img	{margin-top: 4px;}

/* page */
.page_unit	{display: none; -webkit-transform:  translateZ(0);}
.page1	{display: block;}

/* tab content */
.w_tab_con>ul>li	{display: none;}
.w_tab_con>ul>li.active	{display: block;}

/** design **/
.title_L .w_title	{display: block; padding: 0 0 10px 0; margin-bottom: 15px; border: none; background-color: transparent;}
.title_L .w_tab	{margin-bottom: 15px;}
.title_L .w_tab li	{padding: 0 10px 10px 0; margin-right: 10px; border: none !important; background-color: transparent !important;}
.title_L .w_tab li::after	{content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 10px;}
.title_L .w_tab li:last-child::after	{content: none;}
.title_L .w_tab li a	{padding: 0;}
.title_L .w_page	{top: 0;}

.hg_widget_LB	{padding: 20px; background-color: #FFF;}
.hg_widget_LB .w_page	{right: 20px; top: 20px;}
.hg_widget_LB.title_L .w_page	{right: 15px; top: 15px;}
.hg_widget_LB .w_tab li	{background-color: #FFF;}

.hg_content .hg_widget_N.title_ .w_tab li.active	{background-color: #FFF;}

/* sidebar style */
.hg_sidebar .hg_widget	{margin-bottom: 25px;}
.hg_sidebar .hg_widget .list_rank	{min-width: 17px; line-height: 15px;}
.hg_sidebar .hg_widget .no_thumb	{font-size: 10px;}
.hg_sidebar .hg_widget .list_browser	{padding: 0 5px; line-height: 15px; vertical-align: middle; font-size: 10px;}

.hg_sidebar .hg_widget_N.has_page .w_list	{margin-top: 30px;}
.hg_sidebar .hg_widget_N .page_count	{position: absolute; top: 26px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 10px 20px;z-index: 2;}
.hg_sidebar .hg_widget_N .w_page	{left: 0; right: auto; top: 32px; width: 100%;}
.hg_sidebar .hg_widget_N .w_page button.w_next	{position: absolute; right: 0; top: 0;}

.hg_sidebar .w_tab	{padding: 0;}
.hg_sidebar .has_page .w_tab	{margin-bottom: 0;}
.hg_sidebar .w_tab ul	{display: table; width: 100%; box-sizing: border-box; border-collapse: collapse;}
.hg_sidebar .w_tab li	{display: table-cell; padding: 0; text-align: center; font: 11px 'Lato', 'Nanum Gothic';}
.hg_sidebar .w_tab a	{display: inline-block; width: 100%; box-sizing: border-box;}
.hg_sidebar .active .page_count	{z-index: 3;}

.hg_sidebar .hg_widget_LB	{padding: 10px;}
.hg_sidebar .hg_widget_LB .w_page	{right: 10px; top: 10px;}

/* list normal */
.wln .list_unit	{display: table; width: 100%; margin-bottom: 0;}
.wln .list_unit>li	{display: table-row; line-height: 22px;}
.wln .list_unit>li>span	{display: table-cell; padding: 0 0 5px 10px; vertical-align: middle;}
.wln .list_unit>li>span:first-of-type	{padding-left: 0;}
.wln .list_unit>li:last-child>span	{padding-bottom: 0;}
.wln .list_rank_wrap	{width: 1%;}
.wln .list_browser2	{width: 10%;}
.wln .list_browser2>a	{display: inline-block; width: 100%; padding: 0 8px; box-sizing: border-box; background-color: #FFF; text-align: center; font-size: 11px; white-space: nowrap;}
.wln .list_rank_wrap + .list_browser2	{padding-left: 0;}
.wln .list_rank_wrap + .list_browser2>a	{border-left: none;}
.wln .list_vote	{margin-right: 3px;}
.wln .list_info	{text-align: right;}
.wln .list_nickname + .list_date	{margin-left: 5px;}

.hg_sidebar .wln .list_unit	{display: block; margin-bottom: 0;}
.hg_sidebar .wln .list_unit>li	{display: block; line-height: 160%; margin-bottom: 5px;}
.hg_sidebar .wln .list_unit>li:last-child	{margin-bottom: 0;}
.hg_sidebar .wln .list_unit>li>span	{display: inline-block; padding: 0;}
.hg_sidebar .wln .has_rank_only	{padding-left: 22px;}
.hg_sidebar .wln .has_rank_only .list_rank_wrap	{position: absolute; left: 0; top: -2px;}
.hg_sidebar .wln .list_rank_wrap	{position: relative; width: auto; margin-bottom: 5px; z-index: 1;}
.hg_sidebar .wln .has_rank_only .list_browser2	{margin-left: 0;}
.hg_sidebar .wln .list_browser2	{width: auto; margin-left: -2px; margin-bottom: 4px;}
.hg_sidebar .wln .list_unit>li .list_main	{display: block;}
.hg_sidebar .wln .list_info	{margin-top: 2px;}

/* list webzine */
.wlw .list_unit>li	{padding-bottom: 20px; margin-bottom: 20px;}
.wlw .list_unit>li:last-child	{border-bottom: none !important; padding-bottom: 0; margin-bottom: 0;}
.wlw .list_rank_wrap	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw .rank_browser	{margin-bottom: 7px;}
.wlw .rank_browser .list_rank_wrap	{position: static;}
.wlw .list_thumb	{position: absolute; left: 0; top: 0;}
.wlw .list_info	{position: relative; margin-top: 7px;}
.wlw .list_info>span	{padding-right: 10px;}
.wlw .list_vote	{position: absolute; right: 0; top: 0;}
.wlw .list_summary	{margin: 10px 0 0;}

.hg_sidebar .wlw .has_thumb	{margin-left: -10px;}

/* list webzine2 */
.wlw2 .list_unit>li	{padding: 10px 0;}
.wlw2 .list_unit>li:last-child	{border-bottom: none !important; padding-bottom: 0;}
.wlw2 .list_unit>li.first_item	{padding: 0 0 15px;}
.wlw2 .list_thumb	{margin-bottom: 15px;}
.wlw2 .list_thumb img	{width: 100%; height: auto;}
.wlw2 .no_thumb	{width: 100%;}
.wlw2 .list_title	{line-height: 160%;}
.wlw2 .list_summary	{margin-top: 10px;}
.wlw2 .list_info	{position: relative; margin-top: 10px;}
.wlw2 .list_info>span	{padding-right: 10px;}
.wlw2 .list_vote	{position: absolute; right: 0; top: 0;}
.wlw2 .has_date	{padding-right: 45px;}
.wlw2 .list_date	{position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; line-height: 12px; font-size: 11px;=}
.wlw2 .list_rank_wrap	{margin-right: 5px;}
.wlw2 .rank_browser	{margin-bottom: 10px;}
.wlw2 .rank_browser .list_rank_wrap	{margin: 0;}

.wlw2 .first_item .list_rank_wrap	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw2 .first_item .rank_browser	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw2 .first_item .rank_browser .list_rank_wrap	{position: static;}
.wlw2 .first_item .list_ctg	{font-size: 14px;}
.wlw2 .first_item .list_title	{font-size: 14px; font-weight: bold;}

.hg_sidebar	.wlw2 .list_thumb	{margin-bottom: 10px;}
.hg_sidebar	.wlw2 .list_info	{margin-top: 5px;}
.hg_sidebar .wlw2 .first_item .list_ctg,
.hg_sidebar .wlw2 .first_item .list_title	{font-size: 13px;}
.hg_sidebar .wlw2 .has_rank	{padding-left: 25px;}
.hg_sidebar .wlw2 .list_item .has_rank .list_rank_wrap	{position: absolute; left: 0; top: 50%; margin-top: -8.5px; margin-bottom: 0}
.hg_sidebar .wlw2 .rank_browser	{display: block; margin-bottom: 5px;}
.hg_sidebar .wlw2 .has_date	{padding-right: 0;}
.hg_sidebar .wlw2 .list_date	{display: block; position: static; transform: none; margin-top: 3px;}

/* list webzine3 */
.wlw3 .list_unit:before,
.wlw3 .list_unit:after	{content: " ";  display: table;}
.wlw3 .list_unit:after	{clear: both;}
.wlw3 .list_unit>li.first_item	{float: left; width: calc(50% - 10px); padding-right: 20px;}
.wlw3 .list_unit>li.first_item.only_item	{float: none; width: 100%; padding-right: 0;}
.wlw3 .list_unit>li.list_item	{display: inline-block; width: calc(50% - 10px); padding-bottom: 20px; margin-bottom: 20px;}
.wlw3 .list_unit>li:last-child	{padding-bottom: 0; margin-bottom: 0; border-bottom: none !important;}
.wlw3 .list_thumb img	{width: 100%; height: auto;}
.wlw3 .first_item .list_thumb	{margin-bottom: 15px;}
.wlw3 .list_item .list_thumb	{float: left; width: 100px; height: auto;}
.wlw3 .list_item .list_body	{float: right; width: calc(100% - 120px);}
.wlw3 .list_rank_wrap	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw3 .rank_browser .list_rank_wrap	{position: static;}
.wlw3 .rank_browser	{margin-bottom: 10px;}
.wlw3 .first_item .rank_browser	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw3 .first_item .list_ctg	{font-size: 14px;}
.wlw3 .first_item .list_title	{font-size: 14px; line-height: 140%; font-weight: bold;}
.wlw3 .list_summary	{margin-top: 10px;}
.wlw3 .list_info	{position: relative; margin-top: 10px;}
.wlw3 .list_info>span	{padding-right: 10px;}
.wlw3 .list_vote	{position: absolute; right: 0; top: 0;}
.wlw3 .list_item .list_info	{margin-top: 7px;}

.hg_sidebar .wlw3 .list_unit>li.first_item	{float: none; width: 100%; padding-right: 0; padding-bottom: 15px; margin-bottom: 20px;}
.hg_sidebar .wlw3 .list_unit>li.list_item	{display: block; width: 100%;}
.hg_sidebar	.wlw3 .first_item .list_thumb	{margin-bottom: 10px;}
.hg_sidebar	.wlw3 .list_info	{margin-top: 5px;}
.hg_sidebar	.wlw3 .list_item .list_thumb	{width: 80px; height: auto;}
.hg_sidebar	.wlw3 .list_item .list_body	{width: calc(100% - 90px);}
.hg_sidebar	.wlw3 .list_item .rank_browser	{margin-bottom: 5px; white-space: nowrap;}

/* list gallery */
.wlg .list_unit>li	{display: inline-block; vertical-align: top;}
.wlg .rank_browser	{position: absolute; left: 0; top: 0; z-index: 4;}
.wlg .list_thumb	{background-position: center center; background-repeat: no-repeat;}
.wlg .no_thumb	{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wlg .list_body	{padding-top: 10px;}
.wlg .list_ctg	{display: inline-block; margin-bottom: 5px; font-size: 11px;}
.wlg .list_summary	{margin-top: 7px; font-size: 11px;}
.wlg .list_info	{position: relative; margin-top: 10px;}
.wlg .list_info>span	{padding-right: 10px;}
.wlg .list_vote	{position: absolute; right: 0; top: 0;}

.wlg .list_unit>li.hided_info::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0; transition-property: opacity; transition-duration: 0.2s; z-index: 1;}
.wlg .list_unit>li.hided_info:hover::after	{opacity: 0.8;}
.wlg .hided_info .list_thumb::after	{z-index: 3;}
.wlg .hided_info .list_browser	{opacity: 0; transition-property: opacity; transition-duration: 0.2s;}
.wlg .list_unit>li.hided_info:hover .list_browser	{opacity: 1;}
.wlg .hided_info .list_body	{position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; box-sizing: border-box; opacity: 0; transition-property: opacity; transition-duration: 0.2s; z-index: 2;}
.wlg .list_unit>li.hided_info:hover .list_body	{opacity: 1;}
.wlg .hided_info .list_info	{margin: 10px -10px -10px; padding: 10px; border-top: 1px solid rgba(0,0,0,0.08);}
.wlg .hided_info .list_vote	{right: 10px; top: 10px;}

.hg_widget_N .wlg .list_body	{padding: 10px; border-top: none !important; background-color: #FFF;}
.hg_widget_N .wlg .list_info	{margin: 10px -10px -10px; padding: 10px; border-top: 1px solid rgba(0,0,0,0.08);}
.hg_widget_N .wlg .list_vote	{right: 10px; top: 10px;}
.hg_widget_N .wlg .hided_info .list_body	{background-color: transparent;}

.hg_sidebar .hg_widget_N .wlg .list_body	{padding: 5px;}
.hg_sidebar .hg_widget_N .wlg .list_info	{margin: 5px -5px -5px; padding: 5px;}

/* list gallery2 */
.wlg2 .list_unit>li	{display: inline-block; vertical-align: top;}
.wlg2 .list_unit>li::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: 1;}
.wlg2 .list_body	{position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 15px; box-sizing: border-box; text-align: center; z-index: 2;}
.wlg2 .list_ctg	{margin-bottom: 10px; color: #b5c0c6;}
.wlg2 .list_title	{font-size: 14px;}
.wlg2 .list_info	{margin: 10px 0 0; padding: 0; border-top: none !important;}
.hg_widget .wlg2 .list_title,
.hg_widget .wlg2 .list_info,
.hg_widget .wlg2 .list_info a,
.hg_widget .wlg2 .list_vote	{color: #FFF;}
.wlg2 .list_info>span,
.wlg2 .list_vote_text	{opacity: 0.6;}
.wlg2 .list_info>span	{padding: 0 5px;}
.wlg2 .list_vote	{display: inline-block; padding: 0 5px;}

.wlg2 .list_unit>li.hided_info::after	{opacity: 0; transition-property: opacity; transition-duration: 0.2s;}
.wlg2 .list_unit>li.hided_info:hover::after	{opacity: 0.4;}
.wlg2 .hided_info .list_body	{opacity: 0; transition-property: opacity; transition-duration: 0.2s;}
.wlg2 .list_unit>li.hided_info:hover .list_body	{opacity: 1;}

.hg_widget_N .wlg2 .list_body	{background-color: transparent; border: none;}
.hg_widget_N .wlg2 .list_info	{margin: 10px 0 0; padding: 0;}

/* list_youtube */
.wly .list_thumb .fa-play	{font-size: 38px;}

/* list line */
.wll .list_unit>li	{height: 30px; margin: 0 0 6px 15px; line-height: 30px; word-wrap: normal; white-space: nowrap;}
.wll .list_unit>li:last-child	{margin-bottom: 3px;}
.wll .pf	{position: absolute; left: -15px; top: 0; width: 30px; height: 30px; z-index: 1;}
.wll .list_body	{position: relative; margin-right: 10px; height: 30px; font-size: 12px; overflow: hidden;}
.wll .list_info2	{position: absolute; left: 22px; top: 0;}
.wll .nickname	{position: absolute; top: 0; left: -200px; height: 30px; padding-left: 22px; padding-right: 10px; margin-right: 22px; border-radius: 0 15px 15px 0;}
.wll .list_icon	{margin-left: 0; margin-right: 2px;}

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

/* list slide */
.wls	{overflow: hidden;}
.wls .w_slide_title	{position: absolute; left: 50%; top: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10;}
.wls .w_slide_title a	{color: #FFF;}
.wls .w_slide_title	{padding: 8px 15px; font-size: 12px;}
.wls .list_browser	{padding: 5px 8px; font-size: 10px;}
.wls .list_title	{font-size: 14px;}
.wls .swiper-pagination-bullet	{width: 10px; height: 10px; margin-left: 4px;}
.wls.no_info .swiper-pagination	{right: 0; width: 100%; text-align: center;}
.wls .w_page_nav	{display: inline-block; position: absolute; top: 50%; margin-top: -25px; width: 33px; height: 50px; text-align: center; cursor: pointer; transition-property: opacity, left, right; transition-duration: 0.2s; opacity: 0; z-index: 10;}
.wls .w_page_nav img	{margin-top: 12px;}
.wls .swiper-button-prev	{left: 10px;}
.wls .swiper-button-next	{right: 10px;}
.wls:hover .swiper-button-prev	{left: 0; opacity: 1;}
.wls:hover .swiper-button-next	{right: 0; opacity: 1;}

/* list comment */
.wlc .list_unit>li	{display: inline-block; margin-right: 20px; vertical-align: top;}
.wlc .list_body	{position: relative; padding: 8px 10px; margin-bottom: 10px;}
.wlc .list_body::before	{content: ''; position: absolute; left: 13px; top: 100%; border: 6px solid transparent;}
.wlc .list_body::after	{content: ''; position: absolute; left: 14px; top: 100%; border: 5px solid transparent;}
.wlc .list_browser3	{margin: -10px -10px 8px; padding: 8px 10px; font-size: 11px;}
.wlc .new_atc .list_browser3	{border-bottom: 1px solid #ffd9d9;}
.wlc .list_title	{min-height: 38px;}
.wlc .list_date	{margin-top: 10px; font-size: 11px; opacity: 0.5;}
.wlc .list_icon.new	{position: absolute; right: -1px; bottom: -1px; width: 20px; height: 20px; margin: 0; font: 10px/20px "Arial"; text-align: center; color: #FFF; z-index: 1;}
.wlc .list_nickname	{padding-top: 5px;}
.wlc .pf	{width: 30px; height: 30px; margin-right: 5px; vertical-align: middle;}

.hg_widget_N .wlc .list_body	{background-color: #FFF;}
.hg_widget_N .wlc .list_body::after	{border-top: 5px solid #FFF; border-left: 5px solid #FFF;}